Server : Apache System : Linux indy02.toastserver.com 3.10.0-962.3.2.lve1.5.85.el7.x86_64 #1 SMP Thu Apr 18 15:18:36 UTC 2024 x86_64 User : palandch ( 1163) PHP Version : 7.1.33 Disable Function : NONE Directory : /home/palandch/www/css/ |
<style scope="mer-button">mer-button,.button.mer-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } mer-button[fluid] { width: 100%; } .button.mer-button { width: 100%; } .button.mer-button .loading-button.mer-button,.button.mer-button > button,.button.mer-button > a { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; overflow: hidden; line-height: 1.4em; white-space: nowrap; text-align: center; text-decoration: none; vertical-align: middle; word-break: break-word; border-color: transparent; border-style: solid; border-width: 1px; border-radius: 4px; cursor: pointer; -webkit-transition-property: background-color, color, fill; transition-property: background-color, color, fill; } .button.loading.mer-button > slot.mer-button { display: none; } .button.loading.mer-button > * { display: none; } .button.mer-button .loading-button.focus-visible.mer-button,.button.mer-button > button.focus-visible,.button.mer-button > a.focus-visible { border-color: var(--focus-ring-color); outline: 0; border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } @supports (background: -webkit-canvas(squares)) { .button.mer-button .loading-button.mer-button:focus,.button.mer-button > button:focus,.button.mer-button > a:focus { border-color: var(--focus-ring-color); outline: 0; border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px } } .primary.mer-button .loading-button.mer-button,.primary.mer-button > button,.primary.mer-button > a { color: var(--alias-color-text-inverse-default); background-color: var(--alias-color-background-attention-default); fill: var(--alias-color-text-inverse-default); } .primary.mer-button .loading-button.mer-button:hover,.primary.mer-button > button:hover,.primary.mer-button > a:hover { background-color: var(--alias-color-background-attention-highlight); } .primary.mer-button .loading-button.mer-button:active,.primary.mer-button > button:active,.primary.mer-button > a:active { background-color: var(--alias-color-background-attention-active); } .attention.mer-button .loading-button.mer-button,.attention.mer-button > button,.attention.mer-button > a { color: var(--alias-color-text-inverse-default); background-color: var(--alias-color-background-attention-default); fill: var(--alias-color-text-inverse-default); } .attention.small.mer-button .loading-button.mer-button,.attention.small.mer-button > button,.attention.small.mer-button > a { background-color: var(--alias-color-background-attention-active); } .attention.mer-button .loading-button.mer-button:hover,.attention.mer-button > button:hover,.attention.mer-button > a:hover { background-color: var(--alias-color-background-attention-highlight); } .attention.mer-button .loading-button.mer-button:active,.attention.mer-button > button:active,.attention.mer-button > a:active { background-color: var(--alias-color-background-attention-active); } .secondary.mer-button .loading-button.mer-button,.secondary.mer-button > button,.secondary.mer-button > a { color: var(--alias-color-text-attention-default); background-color: transparent; border-color: var(--alias-color-border-attention-default); fill: var(--alias-color-icon-attention-default); } .secondary.mer-button .loading-button.mer-button:hover,.secondary.mer-button > button:hover,.secondary.mer-button > a:hover { color: var(--alias-color-text-attention-highlight); background-color: var(--component-button-secondary-hover); border-color: var(--alias-color-border-attention-highlight); fill: var(--alias-color-icon-attention-highlight); } .secondary.mer-button > button.focus-visible,.secondary.mer-button > a.focus-visible,.secondary.mer-button > button:focus,.secondary.mer-button > a:focus { border-color: var(--alias-color-border-attention-highlight); } .secondary.mer-button .loading-button.mer-button:active,.secondary.mer-button > button:active,.secondary.mer-button > a:active { color: var(--alias-color-text-attention-active); background-color: var(--component-button-secondary-pressed); border-color: var(--alias-color-border-attention-active); fill: var(--alias-color-icon-attention-active); } .secondary-black.mer-button .loading-button.mer-button,.secondary-black.mer-button > button,.secondary-black.mer-button > a { color: var(--alias-color-text-primary-default); background-color: transparent; border-color: var(--alias-color-border-secondary-default); fill: var(--alias-color-icon-primary-default); } .secondary-black.mer-button .loading-button.mer-button:hover,.secondary-black.mer-button > button:hover,.secondary-black.mer-button > a:hover { color: var(--alias-color-text-primary-highlight); background-color: var(--component-button-primary-hover); border-color: var(--alias-color-border-secondary-highlight); fill: var(--alias-color-icon-primary-highlight); } .secondary-black.mer-button > button.focus-visible,.secondary-black.mer-button > a.focus-visible,.secondary-black.mer-button > button:focus,.secondary-black.mer-button > a:focus { border-color: var(--alias-color-border-secondary-highlight); } .secondary-black.mer-button .loading-button.mer-button:active,.secondary-black.mer-button > button:active,.secondary-black.mer-button > a:active { color: var(--alias-color-text-primary-active); background-color: var(--component-button-primary-pressed); border-color: var(--alias-color-border-secondary-active); fill: var(--alias-color-icon-accent-active); } .flat.mer-button .loading-button.mer-button,.flat.mer-button > button,.flat.mer-button > a { color: var(--alias-color-text-attention-default); background-color: transparent; fill: var(--alias-color-icon-attention-default); } .flat.mer-button .loading-button.mer-button:hover,.flat.mer-button > button:hover,.flat.mer-button > a:hover { color: var(--alias-color-text-attention-highlight); background-color: var(--component-button-flat-hover); fill: var(--alias-color-icon-attention-highlight); } .flat.mer-button .loading-button.mer-button:active,.flat.mer-button > button:active,.flat.mer-button > a:active { color: var(--alias-color-text-attention-active); background-color: var(--component-button-flat-pressed); fill: var(--alias-color-icon-attention-active); } .custom.mer-button .loading-button.mer-button,.custom.mer-button > button,.custom.mer-button > a { color: var(--custom-button-color, var(--alias-color-text-primary-default)); background-color: var(--custom-button-background-color, transparent); border-color: var(--custom-button-border-color, var(--alias-color-border-secondary-default)); fill: var(--custom-button-fill, var(--alias-color-icon-primary-default)); } .custom.mer-button .loading-button.mer-button:hover,.custom.mer-button > button:hover,.custom.mer-button > a:hover { color: var(--custom-button-hover-color, var(--alias-color-text-primary-highlight)); background-color: var(--custom-button-hover-background-color, var(--component-button-primary-hover)); border-color: var(--custom-button-hover-border-color, var(--alias-color-border-secondary-highlight)); fill: var(--custom-button-hover-fill, var(--alias-color-icon-primary-highlight)); } .custom.mer-button > button.focus-visible,.custom.mer-button > a.focus-visible,.custom.mer-button > button:focus,.custom.mer-button > a:focus { border-color: var(--custom-button-focus-border-color, var(--alias-color-border-secondary-highlight)); } .custom.mer-button .loading-button.mer-button:active,.custom.mer-button > button:active,.custom.mer-button > a:active { color: var(--custom-button-active-color, var(--alias-color-text-primary-active)); background-color: var(--custom-button-active-background-color, var(--component-button-primary-pressed)); border-color: var(--custom-button-active-border-color, var(--alias-color-border-secondary-active)); fill: var(--custom-button-active-fill, var(--alias-color-icon-accent-active)); } .small.mer-button { height: 33px; line-height: 17px; } .small.mer-button .loading-button.mer-button,.small.mer-button > button,.small.mer-button > a { min-height: 32px; padding: 7px; line-height: 1.4em; } .medium.mer-button { height: 45px; line-height: 21px; } .medium.mer-button .loading-button.mer-button,.medium.mer-button > button,.medium.mer-button > a { padding: 11px 15px; } .large.mer-button { height: 56px; line-height: 24px; } .large.mer-button .loading-button.mer-button,.large.mer-button > button,.large.mer-button > a { padding: 15px; } mer-button[disabled] .loading-button.mer-button,mer-button[disabled] > button,mer-button[disabled] > a { cursor: not-allowed !important; } mer-button[disabled] .primary.mer-button .loading-button.mer-button,mer-button[disabled] .primary.mer-button > button,mer-button[disabled] .primary.mer-button > a,mer-button[disabled] .attention.mer-button .loading-button.mer-button,mer-button[disabled] .attention.mer-button > button,mer-button[disabled] .attention.mer-button > a { color: var(--alias-color-text-secondary-default) !important; background-color: var(--alias-color-background-disabled-default) !important; fill: var(--alias-color-icon-secondary-active) !important; } mer-button[disabled] .secondary.mer-button .loading-button.mer-button,mer-button[disabled] .secondary.mer-button > button,mer-button[disabled] .secondary.mer-button > a,mer-button[disabled] .secondary-black.mer-button .loading-button.mer-button,mer-button[disabled] .secondary-black.mer-button > button,mer-button[disabled] .secondary-black.mer-button > a { color: var(--alias-color-text-disabled-default) !important; background-color: transparent !important; border-color: var(--alias-color-text-disabled-default) !important; fill: var(--alias-color-icon-disabled-default) !important; } mer-button[disabled] .flat.mer-button .loading-button.mer-button,mer-button[disabled] .flat.mer-button > button,mer-button[disabled] .flat.mer-button > a { color: var(--alias-color-text-disabled-default) !important; background-color: transparent !important; fill: var(--alias-color-icon-disabled-default) !important; } mer-button[disabled] .custom.mer-button .loading-button.mer-button,mer-button[disabled] .custom.mer-button > button,mer-button[disabled] .custom.mer-button > a { color: var(--custom-button-disabled-color, var(--alias-color-text-disabled-default)) !important; background-color: var(--custom-button-disabled-background-color, transparent) !important; fill: var(--custom-button-disabled-fill, var(--alias-color-icon-disabled-default)) !important; }</style><style scope="mer-text">mer-text { display: block; font-weight: normal; font-size: 15px; line-height: 1.4em; } mer-text[type='small'] { font-weight: normal; font-size: 14px; line-height: 1.4em; } mer-text[type='caption'] { font-weight: normal; font-size: 12px; line-height: 1.4em; } mer-text[element='span'] { display: block; } pre.mer-text { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; white-space: pre-wrap; } span.mer-text,p.mer-text,pre.mer-text { margin: 0; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .primary.mer-text { color: var(--alias-color-text-primary-default); } .secondary.mer-text { color: var(--alias-color-text-primary-default); } .tertiary.mer-text { color: var(--alias-color-text-tertiary-default); } .accent.mer-text { color: var(--alias-color-text-accent-default); } .attention.mer-text { color: var(--alias-color-text-attention-default); } .success.mer-text { color: var(--alias-color-text-success-default); } .disabled.mer-text { color: var(--alias-color-text-disabled-default); } .placeholder.mer-text { color: var(--alias-color-text-placeholder-default); } .inherit.mer-text { color: var(--alias-color-text-primary-default); } .bold.mer-text { font-weight: bold; }</style><style scope="mer-toggle-icon">@-webkit-keyframes toggle-on { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 30% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes toggle-on { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 30% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } mer-toggle-icon,.toggle-icon.mer-toggle-icon,.toggle-slots.mer-toggle-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } mer-toggle-icon[disabled] { pointer-events: none; } mer-toggle-icon[disabled] .toggle-slots.mer-toggle-icon { fill: var(--alias-color-icon-disabled-default); } .toggle-icon.mer-toggle-icon { position: relative; cursor: pointer; } .toggle-icon.mer-toggle-icon:focus { outline: none; } .toggle-icon.focus-visible.mer-toggle-icon { border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .toggle-icon.inner-focus-ring.focus-visible.mer-toggle-icon { -webkit-box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; } .toggle-icon.mer-toggle-icon .checkbox.mer-toggle-icon { display: none; } .toggle-icon.mer-toggle-icon .toggle-slots.mer-toggle-icon { fill: var(--alias-color-icon-primary-default); } .toggle-icon.mer-toggle-icon .toggle-slots.mer-toggle-icon .toggle-on.mer-toggle-icon { display: none; } .toggle-icon.mer-toggle-icon .toggle-slots.mer-toggle-icon .toggle-off.mer-toggle-icon { display: contents; } .toggle-icon.mer-toggle-icon .toggle-slots.on.mer-toggle-icon .toggle-on.mer-toggle-icon { display: contents; } .toggle-icon.mer-toggle-icon .toggle-slots.on.mer-toggle-icon .toggle-off.mer-toggle-icon { display: none; }</style><style scope="mer-icon-button">mer-icon-button { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 36px; min-height: 36px; } @media (min-width: 960px) { mer-icon-button[variant='navigation'] { min-width: 24px; min-height: 24px } } mer-icon-button[fluid] { width: 100%; } mer-icon-button[fluid] .icon-button.mer-icon-button { width: 100%; } mer-icon-button[disabled] { pointer-events: none; } mer-icon-button[disabled] .icon-button.mer-icon-button { color: var(--alias-color-text-disabled-default); } mer-icon-button > * { z-index: 0; pointer-events: none; } .icon-button.mer-icon-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-width: inherit; height: 100%; min-height: inherit; margin: 0; padding: 4px; overflow: hidden; border: 0; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .icon-button.mer-icon-button:focus { outline: none; } .icon-button.focus-visible.mer-icon-button { border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .icon-button.inner-focus-ring.focus-visible.mer-icon-button { -webkit-box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; } .icon-button.mer-icon-button::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 4px; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-transition-property: background-color, opacity; transition-property: background-color, opacity; content: ''; } .icon-button.mer-icon-button > mer-toggle-icon.mer-icon-button { pointer-events: none; } .icon-button.mer-icon-button > mer-text.mer-icon-button { z-index: 0; display: block; display: -webkit-box; max-height: calc(12px * 1.4 * 1); margin-top: 2px; overflow: hidden; font-weight: normal; font-size: 12px; line-height: 1.4em; text-align: center; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .icon-button.circle.mer-icon-button { border-radius: 50%; } .icon-button.circle.mer-icon-button::before { border-radius: 50%; } .icon-button.disabled.mer-icon-button > * { fill: var(--alias-color-icon-disabled-default); } .icon-button.mer-icon-button .badge.mer-icon-button { position: absolute; z-index: 1; -webkit-transform: translate3d(65%, -80%, 0); transform: translate3d(65%, -80%, 0); } .primary.mer-icon-button { color: var(--alias-color-text-primary-default); } .primary.mer-icon-button::before { background-color: var(--alias-color-background-primary-default); opacity: 0.8; } .primary.mer-icon-button > * { fill: var(--alias-color-icon-primary-default); } @media (hover: hover) { .primary.mer-icon-button:hover { color: var(--alias-color-text-primary-highlight); } .primary.mer-icon-button:hover::before { background-color: var(--alias-color-background-primary-highlight); } .primary.mer-icon-button:hover > * { fill: var(--alias-color-icon-primary-highlight); } } .primary.mer-icon-button:active { color: var(--alias-color-text-primary-active); } .primary.mer-icon-button:active::before { background-color: var(--alias-color-background-primary-active); } .primary.mer-icon-button:active > * { fill: var(--alias-color-icon-primary-active); } .secondary.mer-icon-button { color: var(--alias-color-text-secondary-default); } .secondary.mer-icon-button::before { background-color: var(--alias-color-overlay-middle); opacity: 0.4; } .secondary.mer-icon-button > * { fill: var(--alias-color-icon-inverse-default); } .secondary.disabled.mer-icon-button::before { background-color: var(--alias-color-overlay-weak); } .secondary.disabled.mer-icon-button > * { fill: #ddd; } @media (hover: hover) { .secondary.mer-icon-button:hover { color: var(--alias-color-text-secondary-highlight); } .secondary.mer-icon-button:hover::before { background-color: var(--alias-color-overlay-strong); opacity: 0.8; } .secondary.mer-icon-button:hover > * { fill: var(--alias-color-icon-inverse-highlight); } } .secondary.mer-icon-button:active { color: var(--alias-color-text-secondary-active); } .secondary.mer-icon-button:active::before { background-color: var(--alias-color-overlay-strong); opacity: 0.8; } .secondary.mer-icon-button:active > * { fill: var(--alias-color-icon-inverse-active); } .tertiary.mer-icon-button { color: var(--alias-color-text-primary-default); } .tertiary.mer-icon-button::before { background-color: var(--alias-color-system-staticClear-default); } .tertiary.mer-icon-button > * { fill: var(--alias-color-icon-primary-default); } @media (hover: hover) { .tertiary.mer-icon-button:hover { color: var(--alias-color-text-primary-highlight); } .tertiary.mer-icon-button:hover::before { background-color: var(--alias-color-overlay-weak); opacity: 0.8; } .tertiary.mer-icon-button:hover > * { fill: var(--alias-color-icon-primary-highlight); } } .tertiary.mer-icon-button:active { color: var(--alias-color-text-primary-active); } .tertiary.mer-icon-button:active::before { background-color: var(--alias-color-overlay-weak); opacity: 0.8; } .tertiary.mer-icon-button:active > * { fill: var(--alias-color-icon-primary-active); } .static.mer-icon-button { color: var(--alias-color-system-staticWhite-default); } .static.mer-icon-button::before { background-color: var(--alias-color-system-staticBlack-default); opacity: 0.2; } .static.mer-icon-button > * { fill: var(--alias-color-system-staticWhite-default); } .static.disabled.mer-icon-button > * { fill: #ddd; } @media (hover: hover) { .static.mer-icon-button:hover::before { background-color: var(--alias-color-system-staticBlack-default); opacity: 0.4; } } .static.mer-icon-button:active::before { background-color: var(--alias-color-system-staticBlack-default); opacity: 0.4; } .inverse.mer-icon-button { color: var(--alias-color-text-inverse-default); background-color: transparent; } .inverse.mer-icon-button > * { fill: var(--alias-color-text-inverse-default); } .inverse.disabled.mer-icon-button > * { fill: #ddd; } .with-text.mer-icon-button,.toggle.mer-icon-button { min-width: 64px; color: var(--alias-color-text-primary-default); } .with-text.mer-icon-button::before,.toggle.mer-icon-button::before { background-color: var(--alias-color-background-primary-default); opacity: 0.8; } @media (hover: hover) { .with-text.mer-icon-button:hover::before,.toggle.mer-icon-button:hover::before { background-color: var(--alias-color-background-primary-highlight); } } .with-text.mer-icon-button:active::before,.toggle.mer-icon-button:active::before { background-color: var(--alias-color-background-primary-active); } .with-text.disabled.mer-icon-button > *,.toggle.disabled.mer-icon-button > * { fill: var(--alias-color-icon-disabled-default) !important; } .transparent.mer-icon-button { background-color: transparent; } .transparent.mer-icon-button > * { fill: var(--alias-color-icon-primary-default); } @media (hover: hover) { .transparent.mer-icon-button:hover { color: var(--alias-color-text-primary-highlight); } .transparent.mer-icon-button:hover > * { fill: var(--alias-color-icon-primary-highlight); } } .transparent.mer-icon-button:active { color: var(--alias-color-text-primary-active); } .transparent.mer-icon-button:active > * { fill: var(--alias-color-icon-primary-active); } .navigation.mer-icon-button { color: var(--alias-color-text-primary-default); } @media (min-width: 960px) { .navigation.mer-icon-button { width: 24px; height: 24px } } .navigation.mer-icon-button::before { background-color: var(--alias-color-background-primary-default); border-radius: 50%; opacity: 0.8; } .navigation.mer-icon-button > * { fill: var(--alias-color-icon-primary-default); } @media (min-width: 960px) { .navigation.mer-icon-button > * { width: 16px; height: 16px } } @media (hover: hover) { .navigation.mer-icon-button:hover { color: var(--alias-color-text-primary-highlight); } .navigation.mer-icon-button:hover::before { background-color: var(--alias-color-background-primary-highlight); } .navigation.mer-icon-button:hover > * { fill: var(--alias-color-icon-primary-highlight); } } .navigation.mer-icon-button:active { color: var(--alias-color-text-primary-active); } .navigation.mer-icon-button:active::before { background-color: var(--alias-color-background-primary-active); } .navigation.mer-icon-button:active > * { fill: var(--alias-color-icon-primary-active); }</style><style scope="mer-text-link">@media (max-width: 959.9px) { mer-text-link { display: inline; font-weight: normal; font-size: 14px; line-height: 1.4em; } } @media (min-width: 960px) { mer-text-link { display: inline; font-weight: normal; font-size: 14px; line-height: 1.4em; } }</style><style scope="mer-icon-chevron-right-outline">mer-icon-chevron-right-outline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-chevron-right-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-chevron-right-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-chevron-right-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-chevron-right-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-chevron-right-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-chevron-right-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-chevron-right-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-chevron-right-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-chevron-right-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-chevron-right-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-chevron-right-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-chevron-right-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-chevron-right-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-chevron-right-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-chevron-right-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-chevron-right-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-chevron-right-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-chevron-right-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-chevron-right-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-chevron-right-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-chevron-right-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-chevron-right-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-chevron-right-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-chevron-right-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-chevron-right-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-chevron-right-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-chevron-right-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-chevron-right-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-chevron-right-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-chevron-right-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-chevron-right-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-chevron-right-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-chevron-right-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-chevron-right-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-chevron-right-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-chevron-right-outline { fill: inherit; }</style><style scope="mer-icon-check-bold-filled">mer-icon-check-bold-filled { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-check-bold-filled { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-check-bold-filled:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-check-bold-filled:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-check-bold-filled:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-check-bold-filled { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-check-bold-filled:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-check-bold-filled:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-check-bold-filled:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-check-bold-filled { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-check-bold-filled:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-check-bold-filled:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-check-bold-filled { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-check-bold-filled { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-check-bold-filled { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-check-bold-filled:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-check-bold-filled:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-check-bold-filled:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-check-bold-filled { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-check-bold-filled:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-check-bold-filled:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-check-bold-filled:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-check-bold-filled { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-check-bold-filled:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-check-bold-filled:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-check-bold-filled:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-check-bold-filled { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-check-bold-filled:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-check-bold-filled:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-check-bold-filled:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-check-bold-filled { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-check-bold-filled:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-check-bold-filled:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-check-bold-filled:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-check-bold-filled { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-check-bold-filled { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-check-bold-filled { fill: inherit; }</style><style scope="mer-action-row">mer-action-row { display: block; } mer-action-row[align='center'] .label-container.mer-action-row,mer-action-row[align='center'] .sub-label-container.mer-action-row { margin: auto; text-align: center; } mer-action-row[color='accent'] .label-container.mer-action-row { color: var(--alias-color-text-accent-default); } mer-action-row[weight='strong'] .label-container.mer-action-row { font-weight: bold; } mer-action-row.focus-visible .row-button.mer-action-row { -webkit-box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; } .aciton-row.mer-action-row { display: contents; } .row-button.mer-action-row { position: relative; left: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% + 32px); margin: 0; padding: 16px; color: var(--alias-color-text-primary-default); font-weight: normal; font-size: inherit; line-height: inherit; text-align: left; background-color: var(--alias-color-background-primary-default); border: none; border-radius: 0; outline: none; cursor: pointer; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } @media (hover: hover) { .row-button.mer-action-row:hover { background-color: var(--alias-color-background-primary-highlight); } } .row-button.mer-action-row:active { background-color: var(--alias-color-background-primary-active); } .row-button.checked.mer-action-row,.row-button.selected.mer-action-row { padding-right: 32px; } .row-button.selected.mer-action-row { background: var(--alias-color-background-primary-highlight); } .row-button.mer-action-row .icon-right.mer-action-row,.row-button.mer-action-row .icon-check.mer-action-row { position: absolute; right: 16px; margin-left: auto; } .row-button.mer-action-row .label-container.mer-action-row,.row-button.mer-action-row .sub-label-container.mer-action-row { position: relative; display: block; display: -webkit-box; overflow: hidden; vertical-align: middle; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .row-button.mer-action-row .label-container.mer-action-row { font-weight: normal; font-size: 15px; line-height: 1.4em; } .row-button.mer-action-row .sub-label-container.mer-action-row { color: var(--alias-color-text-secondary-default); font-weight: normal; font-size: 12px; line-height: 1.4em; }</style><style scope="mer-list-item">mer-list-item { position: relative; display: block; } .list-item.mer-list-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 0; color: var(--alias-color-text-primary-default); font-weight: normal; font-size: 15px; line-height: 1.4em; background: var(--alias-color-background-primary-default); } .list-item.mer-list-item:before { position: absolute; top: 0; left: -16px; display: inline-block; width: calc(100% + 32px); height: 100%; background-color: var(--alias-color-background-primary-highlight); opacity: 0; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; content: ''; } .list-item.mer-list-item:focus { outline: none; } .list-item.focus-visible.mer-list-item { z-index: 1; } .list-item.focus-visible.mer-list-item:before { opacity: 1; border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .list-item.hover.mer-list-item { cursor: pointer; } .list-item.hover.mer-list-item:active:before { opacity: 1; } @media (hover: hover) { .list-item.hover.mer-list-item:hover:before { opacity: 1; } } .list-item.selected.mer-list-item:before { opacity: 1; } .list-item.mer-list-item .content.mer-list-item { z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -4px 12px -4px -4px; padding: 4px; overflow: hidden; } .list-item.mer-list-item .content.mer-list-item > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; margin: 0; padding: 0; } .list-item.mer-list-item .action-container.mer-list-item { z-index: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .with-arrow.mer-list-item { text-decoration: none; } .with-arrow.mer-list-item mer-icon-chevron-right-outline.mer-list-item { pointer-events: none; }</style><style scope="mer-icon-chevron-down-outline">mer-icon-chevron-down-outline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-chevron-down-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-chevron-down-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-chevron-down-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-chevron-down-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-chevron-down-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-chevron-down-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-chevron-down-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-chevron-down-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-chevron-down-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-chevron-down-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-chevron-down-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-chevron-down-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-chevron-down-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-chevron-down-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-chevron-down-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-chevron-down-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-chevron-down-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-chevron-down-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-chevron-down-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-chevron-down-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-chevron-down-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-chevron-down-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-chevron-down-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-chevron-down-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-chevron-down-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-chevron-down-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-chevron-down-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-chevron-down-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-chevron-down-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-chevron-down-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-chevron-down-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-chevron-down-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-chevron-down-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-chevron-down-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-chevron-down-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-chevron-down-outline { fill: inherit; }</style><style scope="mer-accordion">mer-accordion { display: block; } .accordion.mer-accordion { display: block; } .accordion.mer-accordion > button.mer-accordion { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 48px; padding: 0; background: transparent; border: none; cursor: pointer; } .accordion.mer-accordion > button.mer-accordion:before { position: absolute; top: 0; left: -16px; z-index: -1; display: inline-block; width: calc(100% + 32px); height: 100%; background-color: var(--alias-color-background-primary-highlight); opacity: 0; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; content: ''; } @media (hover: hover) { .accordion.mer-accordion > button.mer-accordion:hover { cursor: pointer; } .accordion.mer-accordion > button.mer-accordion:hover:before { opacity: 1; } } .accordion.mer-accordion > button.mer-accordion:focus { outline: none; } .accordion.mer-accordion > button.focus-visible.mer-accordion { z-index: 1; } .accordion.mer-accordion > button.focus-visible.mer-accordion:before { opacity: 1; border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .accordion.mer-accordion > button.mer-accordion > span.mer-accordion { margin-right: auto; color: var(--alias-color-text-primary-default); font-weight: bold; font-size: 14px; line-height: 1.4em; } .accordion.mer-accordion > mer-icon-chevron-down-outline.mer-accordion,.accordion.mer-accordion > mer-icon-chevron-up-outline.mer-accordion { margin: auto 0 auto auto; } .content-container.mer-accordion { -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; } .content.mer-accordion[hidden] { display: none; }</style><style scope="mer-heading">mer-heading { display: block; } mer-heading[align='center'] { text-align: center; } .heading-container.mer-heading { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background: var(--color-background-primary-default); } .label-container.mer-heading { width: 100%; padding: 0; } .page.mer-heading { color: var(--alias-color-text-primary-default); } .page.heading-container.mer-heading,.page.mer-heading > .label-container.mer-heading { padding: 0; } .section.mer-heading,.list.mer-heading { color: var(--alias-color-text-secondary-default); text-align: left; } .heading.mer-heading { margin: 0; padding: 0; line-height: 1.4em; } .subtitle.mer-heading { margin: 2px 0 0; color: var(--alias-color-text-secondary-default); font-weight: normal; font-size: 14px; } .assist-container.mer-heading { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-weight: normal; } @media (max-width: 959.9px) { .page.mer-heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: bold; font-size: 17px; font-weight: 700; } .section.mer-heading { font-weight: bold; font-size: 17px; } .list.mer-heading { font-weight: bold; font-size: 17px; } } @media (min-width: 960px) { .page.mer-heading { display: block; font-weight: bold; font-size: 24px; font-weight: 700; } .page.mer-heading .assist-container.mer-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .section.mer-heading { font-weight: bold; font-size: 20px; } .list.mer-heading { font-weight: bold; font-size: 17px; } }</style><style scope="mer-separator">mer-separator { display: block; width: 100%; } .separator.mer-separator { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--alias-color-border-primary-default); }</style><style scope="mer-tooltip">mer-tooltip { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .positioner.mer-tooltip { position: absolute; pointer-events: none; } .tooltip.mer-tooltip { width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 8px; color: var(--alias-color-text-inverse-default); background-color: var(--alias-color-background-tertiary-default); border-radius: 8px; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); } .tooltip.mer-tooltip > mer-text.mer-tooltip { font-size: 14px; } .arrow.mer-tooltip { width: 12px; height: 12px; visibility: hidden; } .arrow.mer-tooltip::before { position: absolute; width: 12px; height: 12px; background: var(--alias-color-background-tertiary-default); -webkit-transform: rotate(45deg); transform: rotate(45deg); visibility: visible; content: ''; } div.mer-tooltip[role='tooltip'].mer-tooltip[data-placement^='top'] .arrow.mer-tooltip { bottom: -4px; } div.mer-tooltip[role='tooltip'].mer-tooltip[data-placement^='bottom'] .arrow.mer-tooltip { top: -4px; } div.mer-tooltip[role='tooltip'].mer-tooltip[data-placement^='left'] .arrow.mer-tooltip { right: -4px; } div.mer-tooltip[role='tooltip'].mer-tooltip[data-placement^='right'] .arrow.mer-tooltip { left: -4px; } .mer-tooltip[data-tippy-root] { z-index: var(--mer-z-index-tooltip) !important; }</style><style scope="mer-resource-common-logo-twitter">mer-resource-common-logo-twitter { display:inline-flex;align-items:center;justify-content:center } mer-resource-common-logo-twitter[border] { padding:4px;border:1px solid var(--alias-color-border-primary-default);border-radius:4px } mer-resource-common-logo-twitter[background] { background-color:var(--alias-color-system-staticWhite-default) } svg.mer-resource-common-logo-twitter { min-width:100%;max-width:100%;min-height:100%;max-height:100% } mer-resource-common-logo-twitter { fill:var(--alias-color-icon-primary-default) }</style><style scope="mer-resource-common-logo-facebook">mer-resource-common-logo-facebook { display:inline-flex;align-items:center;justify-content:center } mer-resource-common-logo-facebook[border] { padding:4px;border:1px solid var(--alias-color-border-primary-default);border-radius:4px } mer-resource-common-logo-facebook[background] { background-color:var(--alias-color-system-staticWhite-default) } svg.mer-resource-common-logo-facebook { min-width:100%;max-width:100%;min-height:100%;max-height:100% } mer-resource-common-logo-facebook { fill:var(--alias-color-icon-primary-default) }</style><style scope="mer-navigation-top">mer-navigation-top { z-index: var(--mer-z-index-navigation-top); display: block; background: var(--alias-color-background-primary-default); } @media (min-width: 960px) { mer-navigation-top { height: 64px } } @media (max-width: 959.9px) { mer-navigation-top { height: 56px } } mer-navigation-top > * { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .navigation-top.mer-navigation-top { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; border-bottom: 0; } .navigation-top.hide-separator.mer-navigation-top { border-bottom: 0; } .navigation-top.mer-navigation-top .start-section.mer-navigation-top { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: var(--mer-navigation-top-start-width); height: 100%; } .navigation-top.mer-navigation-top .center-section.mer-navigation-top { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding-left: 24px; } .navigation-top.mer-navigation-top .end-section.mer-navigation-top { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin: auto 0 auto auto; padding-left: 24px; } @media (min-width: 960px) { .navigation-top.mer-navigation-top { padding: 0 36px; border-bottom: 1px solid var(--alias-color-border-primary-highlight); } .navigation-top.mer-navigation-top .back-button-container.mer-navigation-top { position: absolute; top: 72px; left: 36px; width: 24px; height: 24px; } .navigation-top.mer-navigation-top .center-section.mer-navigation-top { max-width: 560px; } } @media (max-width: 959.9px) { .navigation-top.mer-navigation-top { padding: 0 8px 0 8px; } .navigation-top.mer-navigation-top .back-button-container.mer-navigation-top { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .navigation-top.mer-navigation-top .start-section.mer-navigation-top { position: absolute; right: 0; left: 0; margin: auto; } .navigation-top.mer-navigation-top .center-section.mer-navigation-top { display: none; } .navigation-top.mer-navigation-top .end-section.mer-navigation-top { padding-left: 0; } .navigation-top.search.mer-navigation-top .center-section.mer-navigation-top { display: block; height: auto; margin: 0; padding: 0; } .navigation-top.search.mer-navigation-top .start-section.mer-navigation-top,.navigation-top.search.mer-navigation-top .back-button-container.mer-navigation-top,.navigation-top.search.mer-navigation-top .end-section.mer-navigation-top { display: none; } }</style><style scope="mer-resource-mercari-logo">.cls-1.mer-resource-mercari-logo { fill:none } .cls-2.mer-resource-mercari-logo { fill:#ff0211;fill-rule:evenodd } .cls-3.mer-resource-mercari-logo { fill:var(--component-mercari-logo-text-color) } .cls-4.mer-resource-mercari-logo { fill:#4dc9ff } .cls-5.mer-resource-mercari-logo { fill:#fff } mer-resource-mercari-logo { display:inline-flex;align-items:center;justify-content:center } mer-resource-mercari-logo[border] { padding:4px;border:1px solid var(--alias-color-border-primary-default);border-radius:4px } mer-resource-mercari-logo[background] { background-color:var(--alias-color-system-staticWhite-default) } svg.mer-resource-mercari-logo { min-width:100%;max-width:100%;min-height:100%;max-height:100% } mer-resource-mercari-logo { width:112px;height:49px }</style><style scope="mer-navigation-top-menu">mer-navigation-top-menu { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .desktop-container.mer-navigation-top-menu > *:not(:first-child) { margin-left: 8px; } .desktop-container.mer-navigation-top-menu,.mobile-container.mer-navigation-top-menu { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; padding: 0; } @media (min-width: 960px) { .mobile-container.mer-navigation-top-menu { display: none; } } @media (max-width: 959.9px) { .desktop-container.mer-navigation-top-menu { display: none; } }</style><style scope="mer-autocomplete">mer-autocomplete { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } mer-autocomplete[device='mobile'] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--alias-color-background-primary-default); } mer-autocomplete[device='mobile'] .autocomplete.mer-autocomplete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; } mer-autocomplete[device='mobile'] .input-container.mer-autocomplete { -ms-flex-negative: 0; flex-shrink: 0; padding: 10px 16px 10px 8px; } mer-autocomplete[device='mobile'] .menu.mer-autocomplete { position: relative; top: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; overflow-y: auto; border: 1px 0 0 0; border-color: var(--alias-color-border-primary-highlight); border-width: 1px 0 0 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } mer-autocomplete[device='mobile'] .menu.hidden.mer-autocomplete { height: 0; -webkit-box-shadow: none; box-shadow: none; } .autocomplete.mer-autocomplete { position: relative; width: 100%; } .input-container.mer-autocomplete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .close-button.mer-autocomplete { display: none; margin-right: 8px; } .menu.mer-autocomplete { position: absolute; top: 100%; left: 0; z-index: var(--mer-z-index-autocomplete); -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 16px; overflow: hidden; background: var(--alias-color-background-primary-default); border: 1px solid var(--alias-color-border-primary-default); border-radius: 4px; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); } .menu.mer-autocomplete:focus { outline: none; } .menu.focus-visible.mer-autocomplete { border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .menu.inner-focus-ring.focus-visible.mer-autocomplete { -webkit-box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; } .menu.hidden.mer-autocomplete { display: none; }</style><style scope="mer-icon-search-outline">mer-icon-search-outline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-search-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-search-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-search-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-search-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-search-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-search-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-search-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-search-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-search-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-search-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-search-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-search-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-search-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-search-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-search-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-search-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-search-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-search-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-search-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-search-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-search-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-search-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-search-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-search-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-search-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-search-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-search-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-search-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-search-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-search-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-search-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-search-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-search-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-search-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-search-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-search-outline { fill: inherit; }</style><style scope="mer-search-input">mer-search-input { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 36px; } .form.mer-search-input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; color: var(--alias-color-text-primary-default); background-color: var(--alias-color-background-secondary-default); border: 1px solid var(--alias-color-border-primary-default); border-radius: 4px; } .form.is-focused.mer-search-input { border-color: var(--alias-color-border-secondary-default); } .form.mer-search-input:not(:focus-within) .clear-button.mer-search-input { display: none; } .search-input.mer-search-input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; margin: 0; padding: 0 16px; color: var(--alias-color-text-primary-default); font-weight: normal; font-size: 16px; line-height: 1.4em; background-color: transparent; border: none; border-radius: 4px 0 0 4px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .search-input.mer-search-input::-webkit-search-decoration { display: none; } .search-input.mer-search-input::-webkit-search-cancel-button { display: none; } .search-input.mer-search-input::-webkit-input-placeholder { color: var(--alias-color-text-placeholder-default); } .search-input.mer-search-input::-moz-placeholder { color: var(--alias-color-text-placeholder-default); } .search-input.mer-search-input:-ms-input-placeholder { color: var(--alias-color-text-placeholder-default); } .search-input.mer-search-input::-ms-input-placeholder { color: var(--alias-color-text-placeholder-default); } .search-input.mer-search-input::placeholder,.search-input.mer-search-input:disabled { color: var(--alias-color-text-placeholder-default); } .search-input.mer-search-input:active { background-color: var(--alias-color-background-secondary-active); } .search-input.mer-search-input:active + .button-group.mer-search-input { background-color: var(--alias-color-background-secondary-active); } .button-group.mer-search-input { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; border-radius: 0 4px 4px 0; } .button-container.mer-search-input { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-sizing: border-box; box-sizing: border-box; width: 34px; height: 100%; border-radius: 4px; } .button-container.mer-search-input:first-child { border-radius: 4px 0 0 4px; } @media (hover: hover) { .button-container.mer-search-input:hover { background-color: var(--alias-color-background-secondary-highlight); } } .button-container.mer-search-input:active { background-color: var(--alias-color-background-secondary-active); } .button-container.clear-button.mer-search-input + .selector.mer-search-input::after,.button-container.clear-button.mer-search-input:not(.hide) + .button-container.mer-search-input::after { position: absolute; top: 3px; left: 0; width: 1px; height: 28px; background-color: var(--alias-color-border-primary-default); content: ''; } .button-container.mer-search-input mer-icon-button.mer-search-input { width: 34px; min-width: 34px; height: 34px; min-height: 34px; } .button-container.mer-search-input > mer-icon-button { width: 34px; min-width: 34px; height: 34px; min-height: 34px; } .button-container.hide.mer-search-input { display: none; } .selector.mer-search-input { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; padding: 0 8px; background-color: transparent; border: 0; cursor: pointer; } .selector.mer-search-input:focus { outline: none; } .selector.focus-visible.mer-search-input { border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .selector.inner-focus-ring.focus-visible.mer-search-input { -webkit-box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; } @media (hover: hover) { .selector.mer-search-input:hover { background-color: var(--alias-color-background-secondary-highlight); } } .selector.mer-search-input:active { background-color: var(--alias-color-background-secondary-active); } .selector.mer-search-input + .button-container.mer-search-input::after { position: absolute; top: 3px; left: 0; width: 1px; height: 28px; background-color: var(--alias-color-border-primary-default); content: ''; } .selector.mer-search-input mer-icon-chevron-down-outline.mer-search-input { margin-left: 4px; } .selector.mer-search-input span.mer-search-input { color: var(--alias-color-text-primary-default); font-size: 14px; }</style><style scope="mer-list">mer-list { display: block; font-weight: normal; font-size: 14px; line-height: 1.4em; } .list.mer-list { height: 100%; max-height: inherit; margin: 0 -16px; padding: 0 16px; } .list.scrollable.mer-list { overflow-y: scroll; } .list.separator.mer-list > mer-list-item,.list.separator.mer-list > mer-action-row { border-bottom: 1px solid var(--alias-color-border-primary-highlight); } .list.separator.mer-list > mer-list-item:last-child,.list.separator.mer-list > mer-action-row:last-child { border-bottom: 0; } .list.border.mer-list > mer-list-item:first-child,.list.border.mer-list > mer-action-row:first-child { border-top: 1px solid var(--alias-color-border-primary-highlight); } .list.border.mer-list > mer-list-item:last-child,.list.border.mer-list > mer-action-row:last-child { border-bottom: 1px solid var(--alias-color-border-primary-highlight); }</style><style scope="mer-navigation-top-menu-item">mer-navigation-top-menu-item { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .nav-menu-item.mer-navigation-top-menu-item { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-menu-item.mer-navigation-top-menu-item .nav-button.mer-navigation-top-menu-item { height: 36px; margin: 0; padding: 0; color: var(--alias-color-text-primary-default); background: var(--alias-color-background-primary-default); border: 0; border-radius: 4px; cursor: pointer; } .nav-menu-item.mer-navigation-top-menu-item .nav-button.mer-navigation-top-menu-item:focus { outline: none; } .nav-menu-item.mer-navigation-top-menu-item .nav-button.focus-visible.mer-navigation-top-menu-item { border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .nav-menu-item.mer-navigation-top-menu-item .nav-button.inner-focus-ring.focus-visible.mer-navigation-top-menu-item { -webkit-box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; } @media (hover: hover) { .nav-menu-item.mer-navigation-top-menu-item .nav-button.mer-navigation-top-menu-item:hover { background: var(--alias-color-background-primary-highlight); } } .nav-menu-item.mer-navigation-top-menu-item .nav-button.selected.mer-navigation-top-menu-item { background: var(--alias-color-background-primary-highlight); } @media (max-width: 959.9px) { .nav-menu-item.mer-navigation-top-menu-item .nav-button.mer-navigation-top-menu-item { font-weight: normal; font-size: 14px; line-height: 1.4em } } @media (min-width: 960px) { .nav-menu-item.mer-navigation-top-menu-item .nav-button.mer-navigation-top-menu-item { font-weight: normal; font-size: 14px; line-height: 1.4em } } .nav-menu-item.mer-navigation-top-menu-item .nav-button.mer-navigation-top-menu-item > * { display: block; height: 100%; padding: 8px; } .nav-menu-item.mer-navigation-top-menu-item .badge.mer-navigation-top-menu-item { position: absolute; top: -9px; right: -9px; z-index: 1; } .nav-menu-item.mer-navigation-top-menu-item .badge.dot.mer-navigation-top-menu-item { top: -4px; right: -4px; }</style><style scope="mer-resource-common-image-error-outline">mer-resource-common-image-error-outline { display:inline-flex;align-items:center;justify-content:center } mer-resource-common-image-error-outline[border] { padding:4px;border:1px solid var(--alias-color-border-primary-default);border-radius:4px } mer-resource-common-image-error-outline[background] { background-color:var(--alias-color-system-staticWhite-default) } svg.mer-resource-common-image-error-outline { min-width:100%;max-width:100%;min-height:100%;max-height:100% }</style><style scope="mer-icon-check-bold-outline">mer-icon-check-bold-outline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-check-bold-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-check-bold-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-check-bold-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-check-bold-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-check-bold-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-check-bold-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-check-bold-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-check-bold-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-check-bold-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-check-bold-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-check-bold-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-check-bold-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-check-bold-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-check-bold-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-check-bold-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-check-bold-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-check-bold-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-check-bold-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-check-bold-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-check-bold-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-check-bold-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-check-bold-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-check-bold-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-check-bold-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-check-bold-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-check-bold-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-check-bold-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-check-bold-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-check-bold-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-check-bold-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-check-bold-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-check-bold-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-check-bold-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-check-bold-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-check-bold-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-check-bold-outline { fill: inherit; }</style><style scope="mer-badge">mer-badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .badge.mer-badge { display: inline-block; min-width: 16px; height: 16px; color: var(--alias-color-text-inverse-default); font-weight: bold; font-size: 10px; line-height: 16px; text-align: center; background-color: var(--alias-color-icon-attention-active); border: 1px solid var(--alias-color-icon-inverse-default); border-radius: 16px; } .overflowed.mer-badge { padding: 0 2px; } .dot.mer-badge { display: inline-block; width: 8px; height: 8px; background-color: var(--alias-color-icon-attention-default); border: 0; border-radius: 50%; }</style><style scope="mer-navigation-bottom">mer-navigation-bottom { z-index: var(--mer-z-index-navigation-bottom); display: block; width: 100%; background: var(--alias-color-background-primary-default); } .navigation-bottom.mer-navigation-bottom { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; width: 100%; height: 100%; border-top: 1px solid var(--alias-color-border-primary-highlight); }</style><style scope="mer-navigation-bottom-item">mer-navigation-bottom-item { display: block; width: 100%; height: 100%; } mer-navigation-bottom-item[disabled] { display: none; } .navigation-button.mer-navigation-bottom-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-width: 56px; height: 100%; padding: 5px 4px; background-color: transparent; border: 0; outline: none; cursor: pointer; } @media (hover: hover) { .navigation-button.mer-navigation-bottom-item:hover { background-color: var(--alias-color-background-primary-highlight); } } .navigation-button.mer-navigation-bottom-item:active { background-color: var(--alias-color-background-primary-active); } .navigation-button.focus-visible.mer-navigation-bottom-item { background-color: var(--alias-color-background-accentThin-default); } .navigation-button.mer-navigation-bottom-item .badge.mer-navigation-bottom-item { position: absolute; z-index: 1; -webkit-transform: translate3d(65%, -80%, 0); transform: translate3d(65%, -80%, 0); } .navigation-button.mer-navigation-bottom-item > mer-toggle-icon.mer-navigation-bottom-item { pointer-events: none; fill: var(--alias-color-icon-primary-default); } .navigation-button.mer-navigation-bottom-item > mer-text.mer-navigation-bottom-item { display: block; display: -webkit-box; max-height: calc(14px * 1.4 * 1); -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }</style><style scope="mer-icon-home-outline">mer-icon-home-outline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-home-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-home-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-home-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-home-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-home-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-home-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-home-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-home-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-home-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-home-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-home-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-home-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-home-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-home-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-home-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-home-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-home-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-home-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-home-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-home-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-home-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-home-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-home-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-home-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-home-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-home-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-home-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-home-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-home-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-home-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-home-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-home-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-home-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-home-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-home-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-home-outline { fill: inherit; }</style><style scope="mer-icon-notification-outline">mer-icon-notification-outline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-notification-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-notification-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-notification-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-notification-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-notification-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-notification-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-notification-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-notification-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-notification-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-notification-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-notification-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-notification-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-notification-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-notification-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-notification-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-notification-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-notification-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-notification-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-notification-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-notification-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-notification-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-notification-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-notification-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-notification-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-notification-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-notification-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-notification-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-notification-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-notification-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-notification-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-notification-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-notification-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-notification-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-notification-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-notification-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-notification-outline { fill: inherit; }</style><style scope="mer-icon-camera-outline">mer-icon-camera-outline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-camera-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-camera-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-camera-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-camera-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-camera-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-camera-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-camera-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-camera-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-camera-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-camera-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-camera-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-camera-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-camera-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-camera-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-camera-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-camera-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-camera-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-camera-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-camera-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-camera-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-camera-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-camera-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-camera-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-camera-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-camera-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-camera-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-camera-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-camera-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-camera-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-camera-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-camera-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-camera-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-camera-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-camera-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-camera-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-camera-outline { fill: inherit; }</style><style scope="mer-icon-person-outline">mer-icon-person-outline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-person-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-person-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-person-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-person-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-person-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-person-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-person-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-person-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-person-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-person-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-person-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-person-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-person-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-person-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-person-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-person-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-person-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-person-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-person-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-person-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-person-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-person-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-person-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-person-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-person-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-person-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-person-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-person-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-person-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-person-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-person-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-person-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-person-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-person-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-person-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-person-outline { fill: inherit; }</style><style scope="mer-chip"> mer-chip { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .chip.mer-chip { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; height: 36px; color: var(--alias-color-text-primary-default); font-weight: normal; font-size: 14px; line-height: 1.4em; background-color: var(--alias-color-background-primary-default); border: 1px solid var(--alias-color-border-primary-default); border-radius: 20px; } .chip.mer-chip .label.mer-chip { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 12px; color: inherit; font-weight: inherit; font-size: inherit; font-family: inherit; line-height: inherit; white-space: nowrap; text-decoration: none; vertical-align: middle; background-color: inherit; border: none; border-radius: 20px !important; } .chip.mer-chip .label.focus-visible.mer-chip { z-index: 1; } .chip.mer-chip .label.mer-chip .truncation.mer-chip { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .chip.mer-chip .remove-button.mer-chip:focus { outline: none; } .chip.mer-chip .remove-button.focus-visible.mer-chip { border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .chip.mer-chip .remove-button.inner-focus-ring.focus-visible.mer-chip { -webkit-box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; } .chip.mer-chip .remove-button.mer-chip { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 100%; background-color: transparent; border: none; border-radius: 0 20px 20px 0 !important; cursor: pointer; fill: var(--alias-color-icon-primary-default); } .chip.mer-chip .remove-button.focus-visible.mer-chip { z-index: 1; } .chip.removable.mer-chip .label.mer-chip { padding-right: 0; } .chip.active.mer-chip:not(.disabled),.chip.checked.mer-chip:not(.disabled) { border: 1px solid var(--alias-color-border-accent-default); } .chip.active.mer-chip:not(.disabled).removable .label.mer-chip,.chip.checked.mer-chip:not(.disabled).removable .label.mer-chip { border-radius: 20px 0 0 20px !important; } .chip.active.mer-chip:not(.disabled) .label.mer-chip,.chip.active.mer-chip:not(.disabled) .remove-button.mer-chip,.chip.checked.mer-chip:not(.disabled) .label.mer-chip,.chip.checked.mer-chip:not(.disabled) .remove-button.mer-chip { background-color: var(--alias-color-background-accentThin-default); } .chip.shadow.mer-chip { -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } @media (hover: hover) { .chip.hover.mer-chip:not(.disabled) { cursor: pointer; } .chip.hover.mer-chip:not(.disabled) .label.mer-chip:focus,.chip.hover.mer-chip:not(.disabled) .remove-button.mer-chip:focus { outline: none; } .chip.hover.mer-chip:not(.disabled) .label.focus-visible.mer-chip,.chip.hover.mer-chip:not(.disabled) .remove-button.focus-visible.mer-chip { border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .chip.hover.mer-chip:not(.disabled) .label.inner-focus-ring.focus-visible.mer-chip,.chip.hover.mer-chip:not(.disabled) .remove-button.inner-focus-ring.focus-visible.mer-chip { -webkit-box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; } .chip.hover.mer-chip:not(.disabled) .label.mer-chip:hover,.chip.hover.mer-chip:not(.disabled) .remove-button.mer-chip:hover { background-color: var(--alias-color-background-primary-highlight); } .chip.hover.mer-chip:not(.disabled) .label.mer-chip:active,.chip.hover.mer-chip:not(.disabled) .remove-button.mer-chip:active { background-color: var(--alias-color-background-primary-active); } .chip.hover.mer-chip:not(.disabled).removable .label.mer-chip { border-radius: 20px 0 0 20px !important; } .chip.hover.mer-chip:not(.disabled).active .label.mer-chip:hover,.chip.hover.mer-chip:not(.disabled).active .remove-button.mer-chip:hover,.chip.hover.mer-chip:not(.disabled).checked .label.mer-chip:hover,.chip.hover.mer-chip:not(.disabled).checked .remove-button.mer-chip:hover { background-color: var(--alias-color-background-accentThin-highlight); } .chip.hover.mer-chip:not(.disabled).active .label.mer-chip:active,.chip.hover.mer-chip:not(.disabled).active .remove-button.mer-chip:active,.chip.hover.mer-chip:not(.disabled).checked .label.mer-chip:active,.chip.hover.mer-chip:not(.disabled).checked .remove-button.mer-chip:active { background-color: var(--alias-color-background-accentThin-active); } } .chip.action.mer-chip { font-weight: bold; } .chip.disabled.mer-chip { color: var(--alias-color-text-disabled-default); background: var(--alias-color-background-primary-active); border: 1px solid var(--alias-color-border-disabled-default); fill: var(--alias-color-text-disabled-default); } .chip.disabled.mer-chip .remove-button.mer-chip { cursor: default; pointer-events: none; fill: var(--alias-color-icon-disabled-default); } .chip.mer-chip .color-icon.mer-chip { position: relative; left: -10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-sizing: border-box; box-sizing: border-box; width: 24px; min-width: 24px; height: 24px; margin-right: -4px; margin-left: 4px; background-color: var(--colorIcon); border-radius: 50%; } .chip.mer-chip .color-icon.border.mer-chip { border: 1px solid var(--alias-color-border-primary-default); } .chip.mer-chip.icon-slot.mer-chip > * { position: relative; left: -8px; margin-left: 4px; } .min-width-0.mer-chip { min-width: 0; }</style><style scope="mer-icon-cross-with-circle-filled">mer-icon-cross-with-circle-filled { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-cross-with-circle-filled { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-cross-with-circle-filled:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-cross-with-circle-filled:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-cross-with-circle-filled:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-cross-with-circle-filled { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-cross-with-circle-filled:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-cross-with-circle-filled:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-cross-with-circle-filled:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-cross-with-circle-filled { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-cross-with-circle-filled:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-cross-with-circle-filled:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-cross-with-circle-filled { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-cross-with-circle-filled { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-cross-with-circle-filled { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-cross-with-circle-filled:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-cross-with-circle-filled:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-cross-with-circle-filled:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-cross-with-circle-filled { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-cross-with-circle-filled:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-cross-with-circle-filled:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-cross-with-circle-filled:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-cross-with-circle-filled { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-cross-with-circle-filled:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-cross-with-circle-filled:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-cross-with-circle-filled:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-cross-with-circle-filled { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-cross-with-circle-filled:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-cross-with-circle-filled:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-cross-with-circle-filled:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-cross-with-circle-filled { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-cross-with-circle-filled:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-cross-with-circle-filled:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-cross-with-circle-filled:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-cross-with-circle-filled { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-cross-with-circle-filled { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-cross-with-circle-filled { fill: inherit; }</style><style scope="mer-checkbox-group">mer-checkbox-group { display: block; width: 100%; } mer-checkbox-group[cols='2'] .form-group.mer-checkbox-group { display: grid; grid-template-columns: 1fr 1fr; width: 100%; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; } .label-group.mer-checkbox-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .label-container.mer-checkbox-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .label-container.mer-checkbox-group .label.mer-checkbox-group { color: var(--alias-color-text-primary-default); font-weight: bold; font-size: 14px; line-height: 1.4em; } .label-container.mer-checkbox-group mer-tag.mer-checkbox-group { margin-left: 4px; } .sub-label.mer-checkbox-group { margin-top: 4px; color: var(--alias-color-text-secondary-default); font-weight: normal; font-size: 12px; line-height: 1.4em; } .error-message.mer-checkbox-group,.help-message.mer-checkbox-group { margin: 4px 0 0; } .error-message.mer-checkbox-group { color: var(--alias-color-text-attention-default); font-weight: normal; font-size: 14px; line-height: 1.4em; } .help-message.mer-checkbox-group { color: var(--alias-color-text-secondary-default); font-weight: normal; font-size: 12px; line-height: 1.4em; }</style><style scope="mer-checkbox-label">mer-checkbox-label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .container.mer-checkbox-label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 8px; padding-left: 0; color: var(--alias-color-text-primary-default); font-weight: normal; font-size: 14px; cursor: pointer; } .container.mer-checkbox-label:after { position: absolute; top: 0; left: -16px; z-index: -1; display: inline-block; width: calc(100% + 32px); height: 100%; background-color: var(--alias-color-background-primary-highlight); opacity: 0; content: ''; } @media (hover: hover) { .container.mer-checkbox-label:not(.disabled):hover { background-color: transparent; } .container.mer-checkbox-label:not(.disabled):hover:after { opacity: 1; } } .container.mer-checkbox-label:not(.disabled):active { background-color: transparent; } .container.mer-checkbox-label:not(.disabled):active:after { opacity: 1; } .container.disabled.mer-checkbox-label { cursor: default; } .container.disabled.mer-checkbox-label > * { color: var(--alias-color-text-disabled-default); } .container.mer-checkbox-label > .label-container.mer-checkbox-label { display: inline-block; width: 100%; vertical-align: top; } mer-checkbox-label > [slot='image'] { margin-right: 8px; } mer-checkbox-label > [slot='label'] { display: block; } mer-checkbox-label > [slot='sub-label'] { display: block; display: -webkit-box; overflow: hidden; color: var(--alias-color-text-secondary-default); font-weight: normal; font-size: 12px; line-height: 1.4em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }</style><style scope="mer-skeleton">@-webkit-keyframes mer-skeleton-animation-pulse { 0% { background-color: var(--alias-color-background-tertiary-highlight); opacity: 0.2; -webkit-animation-timing-function: cubic-bezier(0.12, 0, 0.39, 0); animation-timing-function: cubic-bezier(0.12, 0, 0.39, 0); } 33.33% { background-color: var(--alias-color-background-tertiary-highlight); opacity: 0.1; -webkit-animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1); animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1); } 100% { background-color: var(--alias-color-background-tertiary-highlight); opacity: 0.2; } } @keyframes mer-skeleton-animation-pulse { 0% { background-color: var(--alias-color-background-tertiary-highlight); opacity: 0.2; -webkit-animation-timing-function: cubic-bezier(0.12, 0, 0.39, 0); animation-timing-function: cubic-bezier(0.12, 0, 0.39, 0); } 33.33% { background-color: var(--alias-color-background-tertiary-highlight); opacity: 0.1; -webkit-animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1); animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1); } 100% { background-color: var(--alias-color-background-tertiary-highlight); opacity: 0.2; } } mer-skeleton { position: relative; display: block; } .variant-rectangle.mer-skeleton,.variant-text.mer-skeleton { border-radius: 4px; } .variant-circle.mer-skeleton { border-radius: 50%; } .variant-rectangle.mer-skeleton,.variant-circle.mer-skeleton,.variant-text.mer-skeleton { width: 100%; height: 100%; } .size-small.variant-rectangle.mer-skeleton,.size-small.variant-circle.mer-skeleton { width: 48px; height: 48px; } .size-small.variant-text.mer-skeleton { height: 12px; } .size-medium.variant-rectangle.mer-skeleton,.size-medium.variant-circle.mer-skeleton { width: 64px; height: 64px; } .size-medium.variant-text.mer-skeleton { height: 20px; } .size-large.variant-rectangle.mer-skeleton,.size-large.variant-circle.mer-skeleton { width: 96px; height: 96px; } .size-large.variant-text.mer-skeleton { height: 28px; } .color-weak.mer-skeleton { background-color: var(--alias-color-background-primary-default); } .color-middle.mer-skeleton { background-color: var(--alias-color-background-tertiary-highlight); opacity: 0.1; } .color-strong.mer-skeleton { background-color: var(--alias-color-background-tertiary-highlight); opacity: 0.2; } .multiple-line.mer-skeleton .variant-text.mer-skeleton:not(:last-child).size-small { margin-bottom: 16px; } .multiple-line.mer-skeleton .variant-text.mer-skeleton:not(:last-child).size-medium { margin-bottom: 20px; } .multiple-line.mer-skeleton .variant-text.mer-skeleton:not(:last-child).size-large { margin-bottom: 24px; } .animation-pulse.mer-skeleton { -webkit-animation: mer-skeleton-animation-pulse 2.25s infinite; animation: mer-skeleton-animation-pulse 2.25s infinite; }</style><style scope="mer-resource-mercari-sticker-sold">mer-resource-mercari-sticker-sold { display:inline-flex;align-items:center;justify-content:center } mer-resource-mercari-sticker-sold[border] { padding:4px;border:1px solid var(--alias-color-border-primary-default);border-radius:4px } mer-resource-mercari-sticker-sold[background] { background-color:var(--alias-color-system-staticWhite-default) } svg.mer-resource-mercari-sticker-sold { min-width:100%;max-width:100%;min-height:100%;max-height:100% }</style><style scope="mer-price">mer-price { font-weight: inherit; font-size: inherit; line-height: inherit; } .currency.mer-price { font-size: smaller; } .number.mer-price { margin-left: 2px; }</style><style scope="mer-item-thumbnail">.image-container.mer-item-thumbnail { display: contents; } .image-error.mer-item-thumbnail { position: relative; width: 100%; height: 100%; } .image-error.mer-item-thumbnail .error-icon.mer-item-thumbnail { position: absolute; top: 0; left: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: var(--alias-color-background-secondary-default); } .image-error.mer-item-thumbnail .error-icon.mer-item-thumbnail > mer-resource-common-image-error-outline.mer-item-thumbnail { width: 37.5%; height: 37.5%; fill: var(--alias-color-icon-disabled-default); } mer-item-thumbnail { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } mer-item-thumbnail[size='fluid'] { width: 100%; } .item-thumbnail-container.mer-item-thumbnail { position: relative; width: 100%; } .item-thumbnail-container.hover.mer-item-thumbnail { cursor: pointer; } @media (hover: hover) { .item-thumbnail-container.hover.mer-item-thumbnail:hover .item-thumbnail.mer-item-thumbnail:after { background-color: rgba(255, 255, 255, 0.2); } } .item-thumbnail-container.hover.mer-item-thumbnail:active .item-thumbnail.mer-item-thumbnail:after { background-color: transparent; } .item-thumbnail.mer-item-thumbnail { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0; overflow: hidden; background: var(--alias-color-background-secondary-default); } .item-thumbnail.mer-item-thumbnail:before { display: block; width: 100%; padding-top: 100%; content: ''; } .item-thumbnail.mer-item-thumbnail:after { position: absolute; width: 100%; padding-top: 100%; -webkit-transition: background-color 0.25s cubic-bezier(0.65, 0, 0.35, 1); transition: background-color 0.25s cubic-bezier(0.65, 0, 0.35, 1); content: ''; pointer-events: none; } .item-thumbnail.mer-item-thumbnail picture.mer-item-thumbnail { width: 100%; height: 100%; } .item-thumbnail.mer-item-thumbnail img.mer-item-thumbnail,.item-thumbnail.mer-item-thumbnail .image-error.mer-item-thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; -o-object-fit: contain; object-fit: contain; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: opacity; transition-property: opacity; } .item-thumbnail.mer-item-thumbnail .empty-state.mer-item-thumbnail { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; color: var(--alias-color-text-disabled-default); font-weight: bold; line-height: 1.4em; text-align: center; } .item-thumbnail.mer-item-thumbnail .link.mer-item-thumbnail { display: inline-block; width: 100%; height: 100%; padding: 0; border: 0; cursor: pointer; } @media (hover: hover) { .item-thumbnail.mer-item-thumbnail .link.mer-item-thumbnail:hover img.mer-item-thumbnail { opacity: 0.8; } } .disabled.mer-item-thumbnail { opacity: 0.6; } .radius.mer-item-thumbnail .item-thumbnail.mer-item-thumbnail { border-radius: 4px; } .sticker.mer-item-thumbnail { position: absolute; top: 0; left: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .sticker.mer-item-thumbnail > *.mer-item-thumbnail { width: 100%; height: 100%; } .price-container.mer-item-thumbnail { position: absolute; bottom: 0; left: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 2px 8px 2px 4px; background-color: rgba(0, 0, 0, 0.4); border-radius: 0 20px 20px 0; } .price-container.mer-item-thumbnail mer-price.mer-item-thumbnail { overflow: hidden; color: var(--alias-color-system-staticWhite-default); font-size: 14px; line-height: 1.4em; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; } .small.mer-item-thumbnail { width: 48px; height: 48px; } .small.mer-item-thumbnail .sticker.mer-item-thumbnail { width: 24px; height: 24px; } .small.mer-item-thumbnail .price-container.mer-item-thumbnail { display: none; } .small.mer-item-thumbnail .empty-state.mer-item-thumbnail { font-size: 12px; } .medium.mer-item-thumbnail { width: 64px; height: 64px; } .medium.mer-item-thumbnail .sticker.mer-item-thumbnail { width: 32px; height: 32px; } .medium.mer-item-thumbnail .price-container.mer-item-thumbnail { display: none; } .medium.mer-item-thumbnail .empty-state.mer-item-thumbnail { font-size: 14px; } .large.mer-item-thumbnail { width: 96px; height: 96px; } .large.mer-item-thumbnail .sticker.mer-item-thumbnail { width: 38px; height: 38px; } .large.mer-item-thumbnail .price-container.mer-item-thumbnail mer-price.mer-item-thumbnail { font-weight: bold; font-size: 15px; } .large.mer-item-thumbnail .empty-state.mer-item-thumbnail { font-size: 18px; } .fluid.mer-item-thumbnail { width: 100%; height: 100%; } .fluid.mer-item-thumbnail .sticker.mer-item-thumbnail { width: 33%; max-width: 160px; height: 33%; max-height: 160px; } .fluid.mer-item-thumbnail .empty-state.mer-item-thumbnail { font-size: 18px; } .large-fluid.mer-item-thumbnail .price-container.mer-item-thumbnail { height: 45px; } .large-fluid.mer-item-thumbnail .price-container.mer-item-thumbnail mer-price.mer-item-thumbnail { font-size: 17px; } .item-name.mer-item-thumbnail { display: block; display: -webkit-box; height: calc(14px * 1.4 * 2); margin-top: 8px; overflow: hidden; color: var(--alias-color-text-primary-default); font-size: 14px; line-height: 1.4em; text-overflow: ellipsis; word-break: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 959.9px) {.item-name.mer-item-thumbnail{display:none;}} @media (min-width: 960px) { .fluid.mer-item-thumbnail .price-container.mer-item-thumbnail { margin-bottom: 8px; padding: 2px 12px 2px 8px; } .fluid.mer-item-thumbnail .price-container.mer-item-thumbnail mer-price.mer-item-thumbnail { font-weight: bold; font-size: 20px; } } @media (max-width: 959.9px) { .fluid.mer-item-thumbnail .price-container.mer-item-thumbnail mer-price.mer-item-thumbnail { font-weight: bold; font-size: 14px; } }</style><style scope="mer-chip-group">mer-chip-group { display: block; } .chip-group.mer-chip-group { width: 100%; } .chip-group.horizontal.mer-chip-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 12px 8px; overflow-x: scroll; } .chip-group.horizontal.mer-chip-group::-webkit-scrollbar { display: none; } .chip-group.vertical.mer-chip-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px 8px; }</style><style scope="mer-icon-arrow-up-down-outline">mer-icon-arrow-up-down-outline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.primary.mer-icon-arrow-up-down-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-arrow-up-down-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-arrow-up-down-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-arrow-up-down-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-arrow-up-down-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-arrow-up-down-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-arrow-up-down-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-arrow-up-down-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-arrow-up-down-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-arrow-up-down-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-arrow-up-down-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-arrow-up-down-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-arrow-up-down-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-arrow-up-down-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-arrow-up-down-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-arrow-up-down-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-arrow-up-down-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-arrow-up-down-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-arrow-up-down-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-arrow-up-down-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-arrow-up-down-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-arrow-up-down-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-arrow-up-down-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-arrow-up-down-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-arrow-up-down-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-arrow-up-down-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-arrow-up-down-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-arrow-up-down-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-arrow-up-down-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-arrow-up-down-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-arrow-up-down-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-arrow-up-down-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-arrow-up-down-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-arrow-up-down-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-arrow-up-down-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-arrow-up-down-outline { fill: inherit; }</style><style>body {transition: opacity ease-in 0.2s; } body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } </style><style data-href="https://web-jp-assets-v2.mercdn.net/styles.da8680e6849a44e14802.css" data-identity="gatsby-global-css">:root{--grid-layout-gutter: 24px;--grid-layout-inset: 16px;--grid-layout-page-padding-top: 40px;--grid-layout-page-padding-bottom:64px; --grid-layout-page-padding-horizontal: 36px;}*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol[class],p,ul[class]{margin:0}body{background-color:var(--alias-color-background-primary-default);color:var(--alias-color-text-primary-default);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;font-weight:400;line-height:1.4em;min-height:100vh;text-rendering:optimizeSpeed}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}button,input,select,textarea{font:inherit}input:matches([type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],[type=price]),textarea{-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.js-focus-visible :focus:not(.focus-visible){outline:none}a{color:var(--alias-color-text-primary-default);text-decoration:none}a:focus{outline:none}a.focus-visible{border-radius:4px;box-shadow:var(--focus-ring-color) 0 0 0 4px}a.inner-focus-ring.focus-visible{box-shadow:inset var(--focus-ring-color) 0 0 0 4px}:root{--mer-navigation-top-start-width:110px}mer-button>a{color:var(--alias-color-text-inverse-default)}mer-button[intent=flat]>a,mer-button[intent=secondary]>a{color:var(--alias-color-text-attention-default)}mer-button[intent=custom]>a,mer-button[intent=secondary-black]>a{color:var(--alias-color-text-primary-default)}mer-button[intent=custom]>a:hover,mer-button[intent=secondary-black]>a:hover{color:var(--alias-color-text-primary-highlight)}mer-button{font-size:15px;font-weight:700}mer-button button>:first-child{margin-right:4px}mer-button button>:last-child{margin-left:4px}mer-button[size=small]{font-size:12px}mer-button[size=large]{font-size:17px}mer-display-row mer-button:last-child{margin-left:16px}mer-table[bordered] mer-table-cell:first-child{padding-left:16px}mer-table[bordered] mer-table-cell:last-child{padding-right:16px}.mer-form-hidden{border:0;padding:0;position:absolute;width:0}mer-text-link button:focus{outline:none}mer-text-link button.focus-visible{border-radius:4px;box-shadow:var(--focus-ring-color) 0 0 0 4px}mer-text-link button.inner-focus-ring.focus-visible{box-shadow:inset var(--focus-ring-color) 0 0 0 4px}mer-text-link a,mer-text-link button{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;gap:4px;padding:0;text-decoration:none;word-break:keep-all}mer-text-link a,mer-text-link a:link,mer-text-link a:visited,mer-text-link button,mer-text-link button:link,mer-text-link button:visited{fill:var(--alias-color-text-link-default);color:var(--alias-color-text-link-default)}@media (hover:hover){mer-text-link a:hover,mer-text-link button:hover{fill:var(--alias-color-text-link-highlight);color:var(--alias-color-text-link-highlight)}mer-text-link a:hover:not(button),mer-text-link button:hover:not(button){text-decoration:underline}}mer-text-link a:not(button),mer-text-link button:not(button){text-decoration:underline}mer-text-link a:active,mer-text-link button:active{fill:var(--alias-color-text-link-active);color:var(--alias-color-text-link-active)}mer-text-link[disabled] button,mer-text-link[disabled]>a{cursor:default}mer-text-link[disabled] button,mer-text-link[disabled] button:active,mer-text-link[disabled] button:hover,mer-text-link[disabled] button:link,mer-text-link[disabled] button:visited,mer-text-link[disabled]>a,mer-text-link[disabled]>a:active,mer-text-link[disabled]>a:hover,mer-text-link[disabled]>a:link,mer-text-link[disabled]>a:visited{fill:var(--alias-color-text-disabled-default);color:var(--alias-color-text-disabled-default)}mer-text-link[disabled] button:not(button),mer-text-link[disabled]>a:not(button){text-decoration:underline}mer-list-item>a{color:var(--alias-color-text-primary-default)}mer-heading>mer-text-link a,mer-heading>mer-text-link button{margin:-8px;margin-left:inherit;min-height:36px;padding:8px;text-decoration:none!important}mer-dialog [slot=footer],mer-information-popup [slot=footer]{align-items:center;display:flex}@media (min-width:960px){mer-dialog [slot=footer],mer-information-popup [slot=footer]{justify-content:flex-end}mer-dialog [slot=footer] mer-button,mer-information-popup [slot=footer] mer-button{min-width:120px}mer-dialog [slot=footer] mer-button:not(:first-child),mer-information-popup [slot=footer] mer-button:not(:first-child){margin-left:16px}mer-dialog [slot=footer] mer-button:nth-child(2):nth-last-child(2),mer-information-popup [slot=footer] mer-button:nth-child(2):nth-last-child(2){margin-left:auto}}@media (max-width:959.9px){mer-dialog [slot=footer],mer-information-popup [slot=footer]{flex-direction:column-reverse}mer-dialog [slot=footer] mer-button,mer-information-popup [slot=footer] mer-button{width:100%}mer-dialog [slot=footer] mer-button:not(:first-child),mer-information-popup [slot=footer] mer-button:not(:first-child){margin-bottom:8px}}@media (min-width:960px){mer-information-popup [slot=footer]{justify-content:center}mer-information-popup [slot=footer] mer-button:first-child:nth-last-child(2),mer-information-popup [slot=footer] mer-button:nth-child(2):nth-last-child(2){margin-left:auto}}mer-modal [slot=footer]{display:flex;flex-flow:row-reverse}mer-modal [slot=footer] mer-button:not(:first-child){margin-right:8px}mer-guide-link-row[disabled] a,mer-guide-link-row[disabled] button,mer-guide-link[disabled] a,mer-guide-link[disabled] button{color:var(--alias-color-text-disabled-default);cursor:not-allowed}mer-empty-state [slot=action]{display:flex;flex-direction:column}mer-empty-state [slot=action] mer-button:not(:first-child){margin-top:8px}mer-tab-item{flex-grow:0}mer-tab-item a{color:inherit}mer-checkbox-label[disabled]{color:var(--alias-color-text-disabled-default)}mer-checkbox-label mer-checkbox{margin-right:14px}mer-radio-label[disabled]{color:var(--alias-color-text-disabled-default)}mer-radio-label mer-radio{margin-right:14px}mer-toggle-switch{display:inline-flex}mer-toggle-switch[disabled]{pointer-events:none}mer-action-row>a{color:inherit;text-decoration:none}mer-autocomplete [slot=input]{display:inline-flex;height:100%;width:100%}mer-autocomplete [slot=input] mer-icon-button{flex-shrink:0}mer-autocomplete [slot=input] mer-icon-button+mer-search-input{margin-left:8px}mer-text-list:not([variant=ordered])>mer-text-list-item:before{background-color:var(--alias-color-icon-primary-default);border-radius:50%;content:"";display:inline-flex;height:3px;margin:8px 12px 8px 8px;width:3px}mer-breadcrumb-list a{word-break:normal}.mer-form-input{position:relative;width:100%}.mer-form-input .mer-form-input-label{display:block}.mer-form-input .mer-form-input-label-group{align-items:center;display:flex;margin-bottom:4px}.mer-form-input .mer-text-input-sub-label{font-weight:400;margin-left:4px}.mer-form-input .mer-form-input-bottom-split{align-items:flex-start;display:flex}.mer-form-input .mer-form-input-label{font-size:14px;font-weight:700;line-height:1.4em}.mer-form-input mer-tag{margin-left:4px}.mer-form-input .input-node{background:var(--alias-color-background-primary-default);border:1px solid var(--alias-color-border-primary-default);border-radius:4px;box-sizing:border-box;font-size:16px;font-weight:400;line-height:1.4em;margin:0;outline:none;width:100%}.mer-form-input .input-node::placeholder,.mer-form-input .input-node:disabled{color:var(--alias-color-text-placeholder-default)}.mer-form-input .input-node.focus-visible,.mer-form-input .input-node:active,.mer-form-input .input-node:focus{border-color:var(--alias-color-border-secondary-default)!important}.mer-form-input.suggestion .input-node{border-color:var(--alias-color-border-success-default)}.mer-form-input.error .input-node{border-color:var(--alias-color-border-attention-default)}.mer-form-input.left .input-node{text-align:left}.mer-form-input.right .input-node{text-align:right}.mer-form-input .mer-form-input-count{flex-shrink:0;font-size:10px;font-weight:400;line-height:1.4em;margin:4px 0 0 auto;padding-left:8px}.mer-form-input .mer-form-input-error-message,.mer-form-input .mer-form-input-help-message{margin:4px 0 0}.mer-form-input .mer-form-input-error-message{color:var(--alias-color-text-attention-default);font-size:14px;font-weight:400;line-height:1.4em}.mer-form-input .mer-form-input-help-message{color:var(--alias-color-text-secondary-default);font-size:12px;font-weight:400;line-height:1.4em}mer-text-input[fluid]{width:100%}mer-text-input[disabled] .mer-text-input-container{background-color:var(--alias-color-background-primary-highlight);pointer-events:none}mer-text-input[disabled] .mer-form-input-label-group,mer-text-input[disabled] .mer-text-input-prefix-label{color:var(--alias-color-text-placeholder-default)}mer-text-input[error] .mer-text-input-container .mer-text-input-fieldset{border-color:var(--alias-color-border-attention-default)}mer-text-input[suggestion] .mer-text-input-container .mer-text-input-fieldset{border-color:var(--alias-color-border-success-default)}mer-text-input[type=price] .mer-text-input-container .mer-text-input-prefix-label.active-input-prefix{color:var(--alias-color-text-primary-default)}mer-text-input[type=price] .mer-text-input-container .input-node{font-size:20px;font-weight:700;line-height:1.4em;padding:11px 15px;text-align:right!important;text-overflow:ellipsis}mer-text-input[type=price] .mer-form-input .mer-text-input-prefix-label{color:var(--alias-color-text-placeholder-default);font-size:20px;font-weight:700;line-height:1.4em}mer-text-input[type=password] .input-node::-webkit-caps-lock-indicator,mer-text-input[type=password] .input-node::-webkit-credentials-auto-fill-button{position:relative;right:40px}mer-text-input[type=date] .input-node{-webkit-appearance:none;appearance:none}mer-text-input[type=date] .input-node::-webkit-calendar-picker-indicator,mer-text-input[type=date] .input-node::-webkit-clear-button,mer-text-input[type=date] .input-node::-webkit-inner-spin-button{display:none;visibility:hidden}mer-text-input{display:inline-flex}mer-text-input .mer-text-input-container{align-items:center;background-color:var(--alias-color-background-primary-default);border-radius:4px;cursor:text;display:inline-flex;overflow:hidden;position:relative;width:100%}mer-text-input .mer-text-input-container .input-node{-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:0;color:var(--alias-color-text-primary-default);display:block;flex:1 1;outline:none;padding:16px}mer-text-input .mer-text-input-container .input-node.focus-visible~.mer-text-input-fieldset,mer-text-input .mer-text-input-container .input-node:active~.mer-text-input-fieldset,mer-text-input .mer-text-input-container .input-node:focus~.mer-text-input-fieldset{border-color:var(--alias-color-border-secondary-default)!important}mer-text-input .mer-text-input-container .input-node.with-prefix-label{padding-left:0}mer-text-input .mer-text-input-container .input-node.with-suffix-button{padding-right:0}mer-text-input .mer-text-input-container .input-node::-ms-clear,mer-text-input .mer-text-input-container .input-node::-ms-reveal{display:none}mer-text-input .mer-text-input-container .input-node.no-spin-button{-webkit-appearance:textfield;appearance:textfield}mer-text-input .mer-text-input-container .input-node.no-spin-button::-webkit-inner-spin-button,mer-text-input .mer-text-input-container .input-node.no-spin-button::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}mer-text-input .mer-text-input-container .mer-text-input-prefix-label{margin-left:16px;margin-right:8px}mer-text-input .mer-text-input-container .mer-text-input-fieldset{border:1px solid var(--alias-color-border-primary-default);border-radius:4px;inset:0;margin:0;padding:0;pointer-events:none;position:absolute}mer-text-input .mer-text-input-container mer-icon-button{min-height:inherit;min-width:inherit;padding:8px 12px 8px 4px}mer-text-input .mer-form-input.exceeded .mer-form-input-count{color:var(--alias-color-text-attention-default)}mer-textarea[fluid]{display:flex}mer-textarea[fluid] .input-node{width:100%}mer-textarea[unresizable] .input-node{resize:none}mer-textarea[autosize] .input-node{overflow-y:hidden}mer-textarea{display:inline-flex;flex-direction:column}mer-textarea .input-node{box-sizing:border-box;color:var(--alias-color-text-primary-default);height:calc(1.4em + 40px);min-height:calc(4.2em + 40px);padding:15px;resize:vertical;vertical-align:middle}mer-textarea .mer-form-input.exceeded .mer-form-input-count{color:var(--alias-color-text-attention-default)}mer-textarea .mer-textarea-copied-text{border:1px solid #0000;font-size:16px;font-weight:400;height:0;left:0;line-height:1.4em;opacity:0;padding:20px;pointer-events:none;position:absolute;top:0;vertical-align:middle;white-space:pre-wrap;width:100%}mer-select[fluid],mer-select[fluid] .mer-select{width:100%}mer-select{display:inline-flex}mer-select .mer-form-input .mer-form-input-label-group{align-items:center;display:flex;margin-bottom:4px}mer-select .mer-form-input .mer-form-input-label-group mer-tag{margin-left:8px}mer-select .mer-form-input .mer-form-input-bottom-split .mer-form-input-messages .mer-form-input-error-message,mer-select .mer-form-input .mer-form-input-bottom-split .mer-form-input-messages .mer-form-input-help-message{margin-top:4px}mer-select .mer-form-input .mer-form-input-bottom-split .mer-form-input-messages .mer-form-input-error-message+.mer-form-input-help-message{margin-top:8px}mer-select .mer-select{align-items:center;display:inline-flex;position:relative}mer-select .mer-select select.small{font-size:12px;font-weight:400;height:33px;line-height:1.4em;padding:0 36px 0 16px}mer-select .mer-select select.medium{height:55px;padding:0 44px 0 16px}mer-select .mer-select .input-node{-webkit-appearance:none;appearance:none;color:var(--alias-color-text-primary-default)}mer-select .mer-select .input-node::-ms-expand{display:none}mer-select .mer-select .input-node:not(:disabled):hover{cursor:pointer}mer-select .mer-select .input-node.placeholder{color:var(--alias-color-text-placeholder-default)}mer-select .mer-select .input-node>option{color:var(--alias-color-text-primary-default)}mer-select .mer-select .mer-select-auto-resize{-webkit-appearance:none;appearance:none;font-size:16px;height:0;left:-99999px;position:absolute;visibility:hidden}mer-select .mer-select-down-icon{margin:auto;pointer-events:none;position:absolute;right:16px}mer-select .mer-select-error-icon{margin:auto;pointer-events:none;position:absolute;right:48px}mer-select[disabled] .mer-form-input .mer-form-input-bottom-split .mer-form-input-messages .mer-form-input-help-message,mer-select[disabled] .mer-form-input .mer-form-input-label-group .mer-text-input-label{color:var(--alias-color-text-disabled-default)}mer-checkbox{align-items:center;display:inline-flex;flex-shrink:0;justify-content:flex-start;position:relative}@media (hover:hover){mer-checkbox:not([disabled]):hover .mer-checkbox-decorator:after{display:inline-flex}}mer-checkbox .mer-checkbox-checkmark,mer-checkbox .mer-checkbox-decorator,mer-checkbox .mer-checkbox-input{transition-duration:.1s;transition-timing-function:ease-out}mer-checkbox .mer-checkbox-input{-webkit-appearance:none;appearance:none;background-color:initial;border:3px solid var(--alias-color-icon-secondary-default);border-radius:4px;cursor:pointer;display:inline-flex;height:20px;margin:0;outline:none;padding:0;position:relative;transition-property:border-color;width:20px;z-index:0}mer-checkbox .mer-checkbox-input:not([disabled]).focus-visible+.mer-checkbox-decorator:before{display:inline-flex}mer-checkbox .mer-checkbox-input:checked{border-color:var(--alias-color-border-accent-default)}mer-checkbox .mer-checkbox-input:checked+.mer-checkbox-decorator{background-color:var(--alias-color-background-accent-default)}mer-checkbox .mer-checkbox-input:checked+.mer-checkbox-decorator .mer-checkbox-checkmark{display:inline-flex}mer-checkbox .mer-checkbox-input:disabled{border-color:var(--alias-color-border-disabled-default);cursor:default}mer-checkbox .mer-checkbox-input:disabled:checked+.mer-checkbox-decorator{background-color:var(--alias-color-background-disabled-default)}mer-checkbox .mer-checkbox-decorator{align-items:center;border-radius:4px;display:inline-flex;height:20px;justify-content:center;pointer-events:none;position:absolute;transition-property:background-color;width:100%}mer-checkbox .mer-checkbox-decorator:after{background-color:var(--alias-color-background-accent-highlight);border-radius:50%;content:"";display:none;height:40px;left:-10px;opacity:.2;position:absolute;top:-10px;width:40px;z-index:1}mer-checkbox .mer-checkbox-decorator:before{border:6px solid var(--alias-color-background-accent-highlight);border-radius:50%;content:"";display:none;height:46px;left:-13px;opacity:.5;position:absolute;top:-13px;width:46px;z-index:1}mer-checkbox .mer-checkbox-checkmark{display:none}mer-radio{align-items:center;display:inline-flex;flex-shrink:0;justify-content:flex-start;position:relative}@media (hover:hover){mer-radio:not([disabled]):hover .mer-radio-decorator:after{display:inline-flex}}mer-radio .mer-radio-checkmark,mer-radio .mer-radio-input{transition-duration:.1s;transition-timing-function:ease-out}mer-radio input[type=radio]{-webkit-appearance:none;appearance:none;background-color:initial;border:3px solid var(--alias-color-icon-secondary-default);border-radius:50%;cursor:pointer;display:inline-flex;height:20px;margin:0;outline:none;padding:0;position:relative;transition-property:background-color,border-color;width:20px;z-index:0}mer-radio input[type=radio]:not([disabled]).focus-visible+.mer-radio-decorator:before{display:inline-flex}mer-radio input[type=radio]:checked{border-width:2px}mer-radio input[type=radio]:not([disabled]):checked{border-color:var(--alias-color-border-accent-default)}mer-radio input[type=radio]:not([disabled]):checked+.mer-radio-decorator .mer-radio-checkmark{background-color:var(--alias-color-background-accent-default)}mer-radio .mer-radio-decorator{align-items:center;display:inline-flex;height:20px;justify-content:center;pointer-events:none;position:absolute;width:100%}mer-radio .mer-radio-decorator:after{background-color:var(--alias-color-background-accent-highlight);border-radius:50%;content:"";display:none;height:40px;left:-10px;opacity:.2;position:absolute;top:-10px;width:40px;z-index:1}mer-radio .mer-radio-decorator:before{border:6px solid var(--alias-color-background-accent-highlight);border-radius:50%;content:"";display:none;height:46px;left:-13px;opacity:.5;position:absolute;top:-13px;width:46px;z-index:1}mer-radio .mer-radio-decorator .mer-radio-checkmark{background-color:initial;border-radius:50%;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition-property:background-color;width:12px}mer-radio[disabled] input{border-color:var(--alias-color-border-disabled-default);cursor:default}mer-radio[disabled] input:checked+.mer-radio-decorator .mer-radio-checkmark{background-color:var(--alias-color-background-disabled-default)}.mer-spacing-t-2,.mer-spacing-t-2-l{margin-top:2px}.mer-spacing-t-4,.mer-spacing-t-4-l{margin-top:4px}.mer-spacing-t-6,.mer-spacing-t-6-l,.mer-spacing-t-8,.mer-spacing-t-8-l{margin-top:8px}.mer-spacing-t-12,.mer-spacing-t-12-l{margin-top:12px}.mer-spacing-t-16,.mer-spacing-t-16-l{margin-top:16px}.mer-spacing-t-20,.mer-spacing-t-20-l{margin-top:20px}.mer-spacing-t-24,.mer-spacing-t-24-l{margin-top:24px}.mer-spacing-t-32,.mer-spacing-t-32-l{margin-top:32px}.mer-spacing-t-40,.mer-spacing-t-40-l{margin-top:40px}.mer-spacing-t-48,.mer-spacing-t-48-l{margin-top:48px}.mer-spacing-t-56,.mer-spacing-t-56-l{margin-top:56px}.mer-spacing-t-64,.mer-spacing-t-64-l{margin-top:64px}.mer-spacing-t-80,.mer-spacing-t-80-l{margin-top:80px}.mer-spacing-t-96,.mer-spacing-t-96-l{margin-top:96px}.mer-spacing-t-128,.mer-spacing-t-128-l{margin-top:128px}.mer-spacing-b-2,.mer-spacing-b-2-l{margin-bottom:2px}.mer-spacing-b-4,.mer-spacing-b-4-l,.mer-spacing-b-6,.mer-spacing-b-6-l{margin-bottom:4px}.mer-spacing-b-8,.mer-spacing-b-8-l{margin-bottom:8px}.mer-spacing-b-12,.mer-spacing-b-12-l{margin-bottom:12px}.mer-spacing-b-16,.mer-spacing-b-16-l{margin-bottom:16px}.mer-spacing-b-20,.mer-spacing-b-20-l{margin-bottom:20px}.mer-spacing-b-24,.mer-spacing-b-24-l{margin-bottom:24px}.mer-spacing-b-32,.mer-spacing-b-32-l{margin-bottom:32px}.mer-spacing-b-40,.mer-spacing-b-40-l{margin-bottom:40px}.mer-spacing-b-48,.mer-spacing-b-48-l{margin-bottom:48px}.mer-spacing-b-56,.mer-spacing-b-56-l{margin-bottom:56px}.mer-spacing-b-64,.mer-spacing-b-64-l{margin-bottom:64px}.mer-spacing-b-80,.mer-spacing-b-80-l{margin-bottom:80px}.mer-spacing-b-96,.mer-spacing-b-96-l{margin-bottom:96px}.mer-spacing-b-128,.mer-spacing-b-128-l{margin-bottom:128px}.mer-spacing-l-2,.mer-spacing-l-2-l{margin-left:2px}.mer-spacing-l-4,.mer-spacing-l-4-l,.mer-spacing-l-6,.mer-spacing-l-6-l{margin-left:4px}.mer-spacing-l-8,.mer-spacing-l-8-l{margin-left:8px}.mer-spacing-l-12,.mer-spacing-l-12-l{margin-left:12px}.mer-spacing-l-16,.mer-spacing-l-16-l{margin-left:16px}.mer-spacing-l-20,.mer-spacing-l-20-l{margin-left:20px}.mer-spacing-l-24,.mer-spacing-l-24-l{margin-left:24px}.mer-spacing-l-32,.mer-spacing-l-32-l{margin-left:32px}.mer-spacing-l-40,.mer-spacing-l-40-l{margin-left:40px}.mer-spacing-l-48,.mer-spacing-l-48-l{margin-left:48px}.mer-spacing-l-56,.mer-spacing-l-56-l{margin-left:56px}.mer-spacing-l-64,.mer-spacing-l-64-l{margin-left:64px}.mer-spacing-l-80,.mer-spacing-l-80-l{margin-left:80px}.mer-spacing-l-96,.mer-spacing-l-96-l{margin-left:96px}.mer-spacing-l-128,.mer-spacing-l-128-l{margin-left:128px}.mer-spacing-r-2,.mer-spacing-r-2-l{margin-right:2px}.mer-spacing-r-4,.mer-spacing-r-4-l,.mer-spacing-r-6,.mer-spacing-r-6-l{margin-right:4px}.mer-spacing-r-8,.mer-spacing-r-8-l{margin-right:8px}.mer-spacing-r-12,.mer-spacing-r-12-l{margin-right:12px}.mer-spacing-r-16,.mer-spacing-r-16-l{margin-right:16px}.mer-spacing-r-20,.mer-spacing-r-20-l{margin-right:20px}.mer-spacing-r-24,.mer-spacing-r-24-l{margin-right:24px}.mer-spacing-r-32,.mer-spacing-r-32-l{margin-right:32px}.mer-spacing-r-40,.mer-spacing-r-40-l{margin-right:40px}.mer-spacing-r-48,.mer-spacing-r-48-l{margin-right:48px}.mer-spacing-r-56,.mer-spacing-r-56-l{margin-right:56px}.mer-spacing-r-64,.mer-spacing-r-64-l{margin-right:64px}.mer-spacing-r-80,.mer-spacing-r-80-l{margin-right:80px}.mer-spacing-r-96,.mer-spacing-r-96-l{margin-right:96px}.mer-spacing-r-128,.mer-spacing-r-128-l{margin-right:128px}.mer-spacing-x-2{margin-left:2px;margin-right:2px}.mer-spacing-x-4,.mer-spacing-x-6{margin-left:4px;margin-right:4px}.mer-spacing-x-8{margin-left:8px;margin-right:8px}.mer-spacing-x-12{margin-left:12px;margin-right:12px}.mer-spacing-x-16{margin-left:16px;margin-right:16px}.mer-spacing-x-20{margin-left:20px;margin-right:20px}.mer-spacing-x-24{margin-left:24px;margin-right:24px}.mer-spacing-x-32{margin-left:32px;margin-right:32px}.mer-spacing-x-40{margin-left:40px;margin-right:40px}.mer-spacing-x-48{margin-left:48px;margin-right:48px}.mer-spacing-x-56{margin-left:56px;margin-right:56px}.mer-spacing-x-64{margin-left:64px;margin-right:64px}.mer-spacing-x-80{margin-left:80px;margin-right:80px}.mer-spacing-x-96{margin-left:96px;margin-right:96px}.mer-spacing-x-128{margin-left:128px;margin-right:128px}.mer-spacing-y-2{margin-bottom:2px;margin-top:2px}.mer-spacing-y-4,.mer-spacing-y-6{margin-bottom:4px;margin-top:4px}.mer-spacing-y-8{margin-bottom:8px;margin-top:8px}.mer-spacing-y-12{margin-bottom:12px;margin-top:12px}.mer-spacing-y-16{margin-bottom:16px;margin-top:16px}.mer-spacing-y-20{margin-bottom:20px;margin-top:20px}.mer-spacing-y-24{margin-bottom:24px;margin-top:24px}.mer-spacing-y-32{margin-bottom:32px;margin-top:32px}.mer-spacing-y-40{margin-bottom:40px;margin-top:40px}.mer-spacing-y-48{margin-bottom:48px;margin-top:48px}.mer-spacing-y-56{margin-bottom:56px;margin-top:56px}.mer-spacing-y-64{margin-bottom:64px;margin-top:64px}.mer-spacing-y-80{margin-bottom:80px;margin-top:80px}.mer-spacing-y-96{margin-bottom:96px;margin-top:96px}.mer-spacing-y-128{margin-bottom:128px;margin-top:128px}.mer-spacing-a-2{margin:2px}.mer-spacing-a-4{margin:4px}.mer-spacing-a-6,.mer-spacing-a-8{margin:8px}.mer-spacing-a-12{margin:12px}.mer-spacing-a-16{margin:16px}.mer-spacing-a-20{margin:20px}.mer-spacing-a-24{margin:24px}.mer-spacing-a-32{margin:32px}.mer-spacing-a-40{margin:40px}.mer-spacing-a-48{margin:48px}.mer-spacing-a-56{margin:56px}.mer-spacing-a-64{margin:64px}.mer-spacing-a-80{margin:80px}.mer-spacing-a-96{margin:96px}.mer-spacing-a-128{margin:128px}.mer-spacing-t-12-l:first-child,.mer-spacing-t-128-l:first-child,.mer-spacing-t-16-l:first-child,.mer-spacing-t-2-l:first-child,.mer-spacing-t-20-l:first-child,.mer-spacing-t-24-l:first-child,.mer-spacing-t-32-l:first-child,.mer-spacing-t-4-l:first-child,.mer-spacing-t-40-l:first-child,.mer-spacing-t-48-l:first-child,.mer-spacing-t-56-l:first-child,.mer-spacing-t-6-l:first-child,.mer-spacing-t-64-l:first-child,.mer-spacing-t-8-l:first-child,.mer-spacing-t-80-l:first-child,.mer-spacing-t-96-l:first-child{margin-bottom:0}.mer-spacing-b-12-l:last-child,.mer-spacing-b-128-l:last-child,.mer-spacing-b-16-l:last-child,.mer-spacing-b-2-l:last-child,.mer-spacing-b-20-l:last-child,.mer-spacing-b-24-l:last-child,.mer-spacing-b-32-l:last-child,.mer-spacing-b-4-l:last-child,.mer-spacing-b-40-l:last-child,.mer-spacing-b-48-l:last-child,.mer-spacing-b-56-l:last-child,.mer-spacing-b-6-l:last-child,.mer-spacing-b-64-l:last-child,.mer-spacing-b-8-l:last-child,.mer-spacing-b-80-l:last-child,.mer-spacing-b-96-l:last-child{margin-top:0}.mer-spacing-l-12-l:first-child,.mer-spacing-l-128-l:first-child,.mer-spacing-l-16-l:first-child,.mer-spacing-l-2-l:first-child,.mer-spacing-l-20-l:first-child,.mer-spacing-l-24-l:first-child,.mer-spacing-l-32-l:first-child,.mer-spacing-l-4-l:first-child,.mer-spacing-l-40-l:first-child,.mer-spacing-l-48-l:first-child,.mer-spacing-l-56-l:first-child,.mer-spacing-l-6-l:first-child,.mer-spacing-l-64-l:first-child,.mer-spacing-l-8-l:first-child,.mer-spacing-l-80-l:first-child,.mer-spacing-l-96-l:first-child{margin-left:0}.mer-spacing-r-12-l:last-child,.mer-spacing-r-128-l:last-child,.mer-spacing-r-16-l:last-child,.mer-spacing-r-2-l:last-child,.mer-spacing-r-20-l:last-child,.mer-spacing-r-24-l:last-child,.mer-spacing-r-32-l:last-child,.mer-spacing-r-4-l:last-child,.mer-spacing-r-40-l:last-child,.mer-spacing-r-48-l:last-child,.mer-spacing-r-56-l:last-child,.mer-spacing-r-6-l:last-child,.mer-spacing-r-64-l:last-child,.mer-spacing-r-8-l:last-child,.mer-spacing-r-80-l:last-child,.mer-spacing-r-96-l:last-child{margin-right:0}:root{--mer-z-index-menu:1100;--mer-z-index-navigation-top:1200;--mer-z-index-navigation-bottom:1200;--mer-z-index-autocomplete:1300;--mer-z-index-action-sheet:1400;--mer-z-index-side-sheet:1400;--mer-z-index-information-popup:1400;--mer-z-index-modal:1400;--mer-z-index-dialog:1400;--mer-z-index-snackbar:1500;--mer-z-index-tooltip:1600}mer-button:not([mer-defined]){align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:1.4em;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;word-break:break-word}mer-button:not([mer-defined])[size=small]{line-height:1.4em;min-height:32px;padding:0 12px}mer-button:not([mer-defined])[size=medium]{line-height:1.4em;min-height:48px;padding:0 24px}mer-button:not([mer-defined])[size=large]{line-height:1.4em;min-height:52px;padding:0 32px}mer-button:not([mer-defined])[intent=primary]{fill:var(--alias-color-text-inverse-default);background-color:var(--alias-color-background-attention-default);color:var(--alias-color-text-inverse-default)}mer-button:not([mer-defined])[intent=secondary]{fill:var(--alias-color-text-attention-default);background-color:initial;border-color:var(--alias-color-border-attention-default);color:var(--alias-color-text-link-default)}mer-button:not([mer-defined])[intent=flat]{fill:var(--alias-color-text-link-default);background-color:initial;color:var(--alias-color-text-link-default)}mer-button:not([mer-defined])[intent=attention]{fill:var(--alias-color-text-inverse-default);background-color:var(--alias-color-background-attention-default);color:var(--alias-color-text-inverse-default)}mer-button:not([mer-defined])>button{fill:inherit;background-color:inherit;border:none;color:inherit;cursor:pointer;display:flex;height:100%;width:100%}mer-search-input:not([mer-defined]){background-color:var(--alias-color-background-secondary-default);border:1px solid var(--alias-color-border-primary-default);border-radius:4px;display:inline-flex;height:36px;width:100%}mer-search-input:not([mer-defined]) *{display:none}mer-guide-link:not([mer-defined]){height:36px;width:100%}mer-guide-link:not([mer-defined]) *{display:none}mer-guide-link-row:not([mer-defined]){padding:8px 0;width:100%}mer-guide-link-row:not([mer-defined]) *{display:none}mer-navigation-top:not([mer-defined]){background-color:var(--alias-color-background-primary-default);border-bottom:1px solid var(--alias-color-border-primary-highlight);box-sizing:border-box;display:block}@media (min-width:960px){mer-navigation-top:not([mer-defined]){height:64px}}@media (max-width:959.9px){mer-navigation-top:not([mer-defined]){height:56px}}mer-navigation-top:not([mer-defined]) *{display:none}mer-item-thumbnail:not([mer-defined]){background:var(--alias-color-background-secondary-default);display:inline-flex;flex-direction:column}mer-item-thumbnail:not([mer-defined])[size=small]{height:48px;width:48px}mer-item-thumbnail:not([mer-defined])[size=medium]{height:64px;width:64px}mer-item-thumbnail:not([mer-defined])[size=large]{height:96px;width:96px}mer-item-thumbnail:not([mer-defined])[size=fluid]{height:100%;width:100%}mer-item-thumbnail:not([mer-defined])[item-name]:before{content:"";display:block;flex-shrink:0;height:100%;width:100%}mer-item-thumbnail:not([mer-defined])[item-name]:after{content:"";display:block;flex-shrink:0;height:39.2px;margin-top:8px;width:100%}mer-navigation-top mer-navigation-top-menu mer-button{height:36px}mer-navigation-top mer-navigation-top-menu mer-button>*{font-size:14px;height:36px;min-width:60px;padding:8px 16px}mer-navigation-top mer-navigation-top-menu [slot=mobile] mer-icon-button:not(:first-child){margin-left:4px}mer-navigation-top-menu-item>a{align-items:center;color:inherit;display:flex;height:100%;justify-content:center}.mer-toggle-switch-container{border-radius:16px!important;display:inline-flex}.mer-toggle-switch-container:focus{outline:none}.mer-toggle-switch-container.focus-visible{border-radius:4px;box-shadow:var(--focus-ring-color) 0 0 0 4px}.mer-toggle-switch-container.inner-focus-ring.focus-visible{box-shadow:inset var(--focus-ring-color) 0 0 0 4px}.mer-toggle-switch-label{background-color:var(--alias-color-icon-secondary-default);border-radius:16px;cursor:pointer;display:inline-block;height:32px;outline:none;position:relative;transition:all .15s ease-out;width:52px}@media (hover:hover){.mer-toggle-switch-label:hover{background-color:var(--alias-color-icon-secondary-highlight)}.mer-toggle-switch-label:hover.checked{background-color:var(--alias-color-icon-accent-highlight)}}.mer-toggle-switch-label:active{background-color:var(--alias-color-icon-secondary-active)}.mer-toggle-switch-label:active.checked{background-color:var(--alias-color-icon-accent-active)}.mer-toggle-switch-label.checked{background-color:var(--alias-color-icon-accent-default)}.mer-toggle-switch-label.checked:before{transform:translate3d(70%,0,0)}.mer-toggle-switch-label.disabled{background-color:var(--alias-color-icon-disabled-default)}.mer-toggle-switch-label.disabled:before{opacity:.4}.mer-toggle-switch-label:before{background-color:var(--alias-color-system-staticWhite-default);border-radius:50%;content:"";height:28px;left:2px;position:absolute;top:2px;transition:transform .15s ease-out;width:28px}.mer-toggle-switch-label>input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.light-theme{--alias-color-background-primary-highlight:#f5f5f5;--alias-color-background-primary-default:#fff;--alias-color-background-primary-active:#f5f5f5;--alias-color-background-secondary-highlight:#e5e5e5;--alias-color-background-secondary-default:#f5f5f5;--alias-color-background-secondary-active:#e5e5e5;--alias-color-background-tertiary-highlight:#666;--alias-color-background-tertiary-default:#333;--alias-color-background-tertiary-active:#222;--alias-color-background-accent-highlight:#63c5ff;--alias-color-background-accent-default:#0095ee;--alias-color-background-accent-active:#0073cc;--alias-color-background-attention-highlight:#ff6574;--alias-color-background-attention-default:#ff333f;--alias-color-background-attention-active:#e32b36;--alias-color-background-accentThin-highlight:#c9ebff;--alias-color-background-accentThin-default:#e8f8ff;--alias-color-background-accentThin-active:#c9ebff;--alias-color-background-attentionThin-highlight:#ffdcdf;--alias-color-background-attentionThin-default:#fdf1f3;--alias-color-background-attentionThin-active:#ffdcdf;--alias-color-background-success-highlight:#cdfbd2;--alias-color-background-success-default:#e4ffec;--alias-color-background-success-active:#cdfbd2;--alias-color-background-disabled-default:#ccc;--alias-color-overlay-strong:#222c;--alias-color-overlay-midStrong:#2229;--alias-color-overlay-middle:#2226;--alias-color-overlay-weak:#2223;--alias-color-overlay-inverseStrong:#fffc;--alias-color-overlay-inverseMidStrong:#fff9;--alias-color-overlay-inverseMiddle:#fff6;--alias-color-overlay-inverseWeak:#fff3;--alias-color-text-primary-highlight:#999;--alias-color-text-primary-default:#333;--alias-color-text-primary-active:#222;--alias-color-text-secondary-highlight:#999;--alias-color-text-secondary-default:#666;--alias-color-text-secondary-active:#4c4c4c;--alias-color-text-placeholder-default:#999;--alias-color-text-disabled-default:#ccc;--alias-color-text-accent-highlight:#63c5ff;--alias-color-text-accent-default:#0095ee;--alias-color-text-accent-active:#0073cc;--alias-color-text-link-highlight:#30b2ff;--alias-color-text-link-default:#0073cc;--alias-color-text-link-active:#0056ab;--alias-color-text-attention-highlight:#ff6574;--alias-color-text-attention-default:#ff333f;--alias-color-text-attention-active:#e32b36;--alias-color-text-inverse-highlight:#f5f5f5;--alias-color-text-inverse-default:#fff;--alias-color-text-inverse-active:#f5f5f5;--alias-color-text-success-highlight:#0fbf67;--alias-color-text-success-default:#0aa466;--alias-color-text-success-active:#078962;--alias-color-icon-primary-highlight:#999;--alias-color-icon-primary-default:#333;--alias-color-icon-primary-active:#222;--alias-color-icon-secondary-highlight:#e5e5e5;--alias-color-icon-secondary-default:#ccc;--alias-color-icon-secondary-active:#999;--alias-color-icon-tertiary-highlight:#999;--alias-color-icon-tertiary-default:#666;--alias-color-icon-tertiary-active:#4c4c4c;--alias-color-icon-disabled-default:#ccc;--alias-color-icon-accent-highlight:#63c5ff;--alias-color-icon-accent-default:#0095ee;--alias-color-icon-accent-active:#0073cc;--alias-color-icon-link-highlight:#30b2ff;--alias-color-icon-link-default:#0073cc;--alias-color-icon-link-active:#0056ab;--alias-color-icon-attention-highlight:#ff6574;--alias-color-icon-attention-default:#ff333f;--alias-color-icon-attention-active:#e32b36;--alias-color-icon-inverse-highlight:#f5f5f5;--alias-color-icon-inverse-default:#fff;--alias-color-icon-inverse-active:#f5f5f5;--alias-color-icon-success-highlight:#0fbf67;--alias-color-icon-success-default:#0aa466;--alias-color-icon-success-active:#078962;--alias-color-icon-decorativeYellow-highlight:#ffdc74;--alias-color-icon-decorativeYellow-default:#ffb818;--alias-color-icon-decorativeYellow-active:#db9611;--alias-color-border-primary-highlight:#e5e5e5;--alias-color-border-primary-default:#ccc;--alias-color-border-primary-active:#999;--alias-color-border-secondary-highlight:#404040;--alias-color-border-secondary-default:#333;--alias-color-border-secondary-active:#222;--alias-color-border-disabled-default:#ccc;--alias-color-border-accent-highlight:#63c5ff;--alias-color-border-accent-default:#0095ee;--alias-color-border-accent-active:#0073cc;--alias-color-border-attention-highlight:#ff6574;--alias-color-border-attention-default:#ff333f;--alias-color-border-attention-active:#e32b36;--alias-color-border-success-highlight:#0fbf67;--alias-color-border-success-default:#0aa466;--alias-color-border-success-active:#078962;--alias-color-system-staticBlack-default:#000;--alias-color-system-staticWhite-default:#fff;--alias-color-system-staticClear-default:#fff0;--component-button-secondary-hover:#ff65741a;--component-button-secondary-pressed:#e32b361a;--component-button-flat-hover:#ff65741a;--component-button-flat-pressed:#e32b361a;--component-avatar-border:#ccc6;--component-skeleton-wave-shimmer:linear-gradient(135deg,#fff0 20%,#fffc,#fff0 80%);--component-information-bubble-background-transaction:#fff6cf;--component-mercari-logo-text-color:#222;--focus-ring-color:#89bffd66}.dark-theme{--alias-color-background-primary-highlight:#2d2d2d;--alias-color-background-primary-default:#222;--alias-color-background-primary-active:#2d2d2d;--alias-color-background-secondary-highlight:#333;--alias-color-background-secondary-default:#2d2d2d;--alias-color-background-secondary-active:#333;--alias-color-background-tertiary-highlight:#9c9c9c;--alias-color-background-tertiary-default:#e5e5e5;--alias-color-background-tertiary-active:#fff;--alias-color-background-accent-highlight:#0056ab;--alias-color-background-accent-default:#0095ee;--alias-color-background-accent-active:#30b2ff;--alias-color-background-attention-highlight:#a72030;--alias-color-background-attention-default:#da3e50;--alias-color-background-attention-active:#ff5266;--alias-color-background-accentThin-highlight:#0b2e67;--alias-color-background-accentThin-default:#092553;--alias-color-background-accentThin-active:#0b2e67;--alias-color-background-attentionThin-highlight:#531d26;--alias-color-background-attentionThin-default:#401c22;--alias-color-background-attentionThin-active:#531d26;--alias-color-background-success-highlight:#023b30;--alias-color-background-success-default:#032b23;--alias-color-background-success-active:#023b30;--alias-color-background-disabled-default:#444;--alias-color-overlay-strong:#fffc;--alias-color-overlay-midStrong:#fff9;--alias-color-overlay-middle:#fff6;--alias-color-overlay-weak:#fff3;--alias-color-overlay-inverseStrong:#222c;--alias-color-overlay-inverseMidStrong:#2229;--alias-color-overlay-inverseMiddle:#2226;--alias-color-overlay-inverseWeak:#2223;--alias-color-text-primary-highlight:#686868;--alias-color-text-primary-default:#e5e5e5;--alias-color-text-primary-active:#fff;--alias-color-text-secondary-highlight:#686868;--alias-color-text-secondary-default:#9c9c9c;--alias-color-text-secondary-active:#bdbdbd;--alias-color-text-placeholder-default:#686868;--alias-color-text-disabled-default:#444;--alias-color-text-accent-highlight:#0056ab;--alias-color-text-accent-default:#0095ee;--alias-color-text-accent-active:#30b2ff;--alias-color-text-link-highlight:#0073cc;--alias-color-text-link-default:#30b2ff;--alias-color-text-link-active:#63c5ff;--alias-color-text-attention-highlight:#a72030;--alias-color-text-attention-default:#da3e50;--alias-color-text-attention-active:#ff5266;--alias-color-text-inverse-highlight:#2d2d2d;--alias-color-text-inverse-default:#222;--alias-color-text-inverse-active:#2d2d2d;--alias-color-text-success-highlight:#0fbf67;--alias-color-text-success-default:#42d87e;--alias-color-text-success-active:#69eb90;--alias-color-icon-primary-highlight:#686868;--alias-color-icon-primary-default:#e5e5e5;--alias-color-icon-primary-active:#fff;--alias-color-icon-secondary-highlight:#333;--alias-color-icon-secondary-default:#444;--alias-color-icon-secondary-active:#686868;--alias-color-icon-tertiary-highlight:#686868;--alias-color-icon-tertiary-default:#9c9c9c;--alias-color-icon-tertiary-active:#bdbdbd;--alias-color-icon-disabled-default:#444;--alias-color-icon-accent-highlight:#0056ab;--alias-color-icon-accent-default:#0095ee;--alias-color-icon-accent-active:#30b2ff;--alias-color-icon-link-highlight:#0073cc;--alias-color-icon-link-default:#30b2ff;--alias-color-icon-link-active:#63c5ff;--alias-color-icon-attention-highlight:#a72030;--alias-color-icon-attention-default:#da3e50;--alias-color-icon-attention-active:#ff5266;--alias-color-icon-inverse-highlight:#2d2d2d;--alias-color-icon-inverse-default:#222;--alias-color-icon-inverse-active:#2d2d2d;--alias-color-icon-success-highlight:#0fbf67;--alias-color-icon-success-default:#42d87e;--alias-color-icon-success-active:#69eb90;--alias-color-icon-decorativeYellow-highlight:#a16e15;--alias-color-icon-decorativeYellow-default:#e0a92b;--alias-color-icon-decorativeYellow-active:#ecc55d;--alias-color-border-primary-highlight:#333;--alias-color-border-primary-default:#444;--alias-color-border-primary-active:#686868;--alias-color-border-secondary-highlight:#d1d1d1;--alias-color-border-secondary-default:#e5e5e5;--alias-color-border-secondary-active:#fff;--alias-color-border-disabled-default:#444;--alias-color-border-accent-highlight:#0056ab;--alias-color-border-accent-default:#0095ee;--alias-color-border-accent-active:#30b2ff;--alias-color-border-attention-highlight:#a72030;--alias-color-border-attention-default:#da3e50;--alias-color-border-attention-active:#ff5266;--alias-color-border-success-highlight:#0fbf67;--alias-color-border-success-default:#42d87e;--alias-color-border-success-active:#69eb90;--alias-color-system-staticBlack-default:#000;--alias-color-system-staticWhite-default:#fff;--alias-color-system-staticClear-default:#fff0;--component-button-secondary-hover:#a720301a;--component-button-secondary-pressed:#ff52661a;--component-button-flat-hover:#a720301a;--component-button-flat-pressed:#ff52661a;--component-avatar-border:#4446;--component-skeleton-wave-shimmer:linear-gradient(135deg,#2220 20%,#222c,#2220 80%);--component-information-bubble-background-transaction:#4a4840;--component-mercari-logo-text-color:#fff;--focus-ring-color:#89bffd66}</style><style data-styled="active" data-styled-version="5.3.6"></style><style data-styled="active" data-styled-version="5.3.6">@media(min-width: 960px){.merSeparator {visibility:hidden;}} @media (min-width: 960px){.ekLcSG {position:fixed;height: 64px;}}@media (max-width: 959.9px){.merSeparator{display:none;}}.merSeparator{border:0;border-bottom:1px solid var(--alias-color-border-primary-default);display:block;margin:0;padding:0;width:100%}@media(min-width: 960px){.dshty{visibility:hidden;}}.hsJLhA{height: 37px;padding: 0px 16px;background: var(--alias-color-background-primary-default);}.eTFaeX{display:flex;flex-flow:row nowrap;-webkit-box-align: center;align-items: center; -webkit-box-pack: justify;justify-content: space-between;}.iTjmEi{ font-size: 14px; } slot { display: contents; } span, p, pre { margin: 0px; overflow-wrap: break-word; hyphens: auto; } p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .gvxzwb { display: flex; flex-flow: row nowrap; align-items: normal; justify-content: normal; } .mer-text-link a, .mer-text-link a:link, .mer-text-link a:visited, .mer-text-link button, .mer-text-link button:link, .mer-text-link button:visited { fill: var(--alias-color-text-link-default); color: var(--alias-color-text-link-default); } .mer-text-link a, .mer-text-link button { -webkit-box-align: center; align-items: center; background: transparent; border: none; cursor: pointer; display: inline-flex; gap: 4px; padding: 0; text-decoration: none; word-break: keep-all; } @media (max-width: 959.9px){.gfDgjO{flex-direction: column;padding: 24px 16px;}}@media (min-width: 960px){.gfDgjO{-webkit-box-align: center;align-items: center;padding: 24px 36px;}}.gfDgjO{display: flex;border-top: 1px solid var(--alias-color-border-primary-highlight);} @media (min-width: 960px){.gfDgjO .rights{margin: auto 0px auto auto;}}@media (max-width: 959.9px){.gfDgjO .rights{margin: 24px auto auto 0px;}}.cwOdE{display: flex;flex-flow: row nowrap;-webkit-box-align: center;align-items: center;justify-content: normal;}.cnEiTp{background-color: var(--alias-color-background-secondary-default);}.ekLcSG{position:sticky;z-index:var(--mer-z-index-navigation-top);top: 0px;}@media(max-width: 959.9px){.ekLcSG {height: auto;}}.hhCzYz{display:inline-block;position: sticky;bottom: 0px;width: 100vw; padding:0 0 env(safe-area-inset-bottom,8px);}@media (min-width: 960px){.hhCzYz{display: none;}}.dCkqiE{-webkit-box-flex: 1;flex-grow: 1;}@media(max-width:959.9px).dRPtdL{min-height:calc(100vh-107px);}@media (min-width: 960px){.dRPtdL{min-height: calc(100vh - 64px);}}.dRPtdL{position: relative; -webkit-box-flex: 1;flex-grow: 1;width: 100%;outline: none;max-width: 1280px;margin: 0px auto;padding: var(--grid-layout-page-padding-top) var(--grid-layout-page-padding-horizontal) var(--grid-layout-page-padding-bottom);}.eVKPZM{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.dfcOUs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.cPXjHy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}.fNhHag{display:grid;grid-gap:var(--grid-layout-gutter);grid-template-columns:repeat(12,1fr);}@media (min-width:568px) and (max-width:959.9px){.fNhHag{grid-template-columns:1fr;}}@media (max-width:567.9px){.fNhHag{grid-template-columns:1fr;}}.fPWoXn{display:grid;grid-gap:var(--grid-layout-gutter);grid-template-columns:repeat(4,1fr);}@media (min-width:568px) and (max-width:959.9px){.fPWoXn{grid-template-columns:repeat(3,1fr);}}@media (max-width:567.9px){.fPWoXn{grid-template-columns:repeat(3,1fr);}}.chqxu{margin-bottom:0;}.eWtNtY{min-width:0;grid-column:span 3;padding-right:var(--grid-layout-inset);padding-left:0;display:block;}@media (min-width:568px) and (max-width:959.9px){.eWtNtY{grid-column:auto;padding-right:0;padding-left:0;display:none;}}@media (max-width:567.9px){.eWtNtY{grid-column:auto;padding-right:0;padding-left:0;display:none;}}.iETwdl{min-width:0;grid-column:span 9;padding-right:0;padding-left:0;display:block;}@media (min-width:568px) and (max-width:959.9px){.iETwdl{grid-column:auto;padding-right:0;padding-left:0;display:block;}}@media (max-width:567.9px){.iETwdl{grid-column:auto;padding-right:0;padding-left:0;display:block;}}.dGMGJm{text-align:left;}.jAMyun{position:relative;margin-bottom:32px;}@media (max-width:959.9px){.jAMyun{margin-right:0;margin-left:0;}}.hiNRUb{position:relative;}@media (max-width:959.9px){.hiNRUb{margin-right:calc(-1 * var(--grid-layout-page-padding-horizontal));margin-left:calc(-1 * var(--grid-layout-page-padding-horizontal));}}.BycTx{position:relative;margin-bottom:16px;}@media (max-width:959.9px){.BycTx{margin-right:0;margin-left:0;}}.hPTtPs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.gSmwTp{position:absolute;width:100%;height:100%;opacity:50%;background-color:var(--alias-color-background-primary-default);}.idgELI{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;}.dVTpeT{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:250px;}.ieOESl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:32px 36px;}@media (max-width:959.9px){.ieOESl{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:24px 16px;}}.jTXeKv{width:100%;max-width:320px;margin-right:24px;}@media (max-width:959.9px){.jTXeKv{display:none;}}.fmSiRQ{margin-top:16px;}.fmSiRQ > li{margin-top:8px;}.fmSiRQ li > a{color:var(--alias-color-text-primary-default);}.fmSiRQ li > a:hover{color:var(--alias-color-text-primary-highlight);-webkit-text-decoration:underline;text-decoration:underline;}.fmSiRQ li > a:active{color:var(--alias-color-text-primary-active);}.gsnwdJ{font-size:14px;}.gsnwdJ .accordion-list{padding-bottom:24px;}@media (min-width:960px){.gsnwdJ{display:none;}}.bzlvEq{display:block;}.hqOTPC{max-height:400px;}.hqOTPC > mer-list-item:first-child{border-top:0;}.jHAXvG{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.glvkkz{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.iyGtxn .sticky-inner-padding{margin-bottom:-24px;padding-bottom:24px;}.iHgxkr{width:100%;}.gbaHhr{position:relative;max-height:320px;}.jNCAwD{margin:0 -16px;padding:0 16px;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.jNCAwD::-webkit-scrollbar{display:none;}.kWYgPs{display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;pointer-events:none;}.lnfcuq{overflow-x:auto;}.hdflsH{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#ab47bc;border:none;}.eaCmve{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#f44336;border:none;}.eShPKY{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#ffffff;border:1px solid var(--alias-color-border-primary-default);}.faLScP{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#212121;border:1px solid var(--alias-color-border-primary-default);}.cQnHDk{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#bdbdbd;border:none;}.fSmmbL{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#ecbd76;border:none;}.hEYIAL{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#4caf50;border:none;}.bEvmgP{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#2196f3;border:none;}.gjIIya{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#824b37;border:none;}.eddats{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#ffeb3b;border:none;}.brSOPF{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#ff80ab;border:none;}.huaRaE{-webkit-flex:none;-ms-flex:none;flex:none;width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#ef6c00;border:none;}.lnkYtl{height:75px;}.gkzJBN{margin:0;}.lgoTFH{list-style-type:none;border-bottom:1px solid var(--alias-color-border-primary-highlight);}.fcVVGR{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;}.flCuyI{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.flCuyI::after{content:'';display:block;padding-bottom:100%;}@media (max-width:959.9px){.eMowjG{display:none;}}@media (max-width:959.9px){.dcOyeN{grid-gap:2px;}}.jOjRer{height:100%;line-height:0;}.dYqTeW{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:100%;}@media (min-width:960px){.eHyiXQ{min-height:8370px;}}.jQleNz{margin-top:16px;}.izPAtR{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.MmiOp{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.dXnVgl select{padding:4px !important;padding-left:32px !important;border:0 !important;background:transparent !important;color:var(--alias-color-text-attention-default) !important;font-size:16px !important;text-align-last:right;}.dXnVgl select:hover{background:var(--component-button-flat-hover) !important;}.dXnVgl select option{background:var(--alias-color-background-primary-default);}.dXnVgl .mer-select-down-icon{display:none;}.cKnTqX{position:absolute;left:8px;pointer-events:none;}.bLyHN mer-checkbox-label{width:auto;}@media (max-width:959.9px){.bLyHN{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}}@media (max-width:959.9px){.eSLCvU{margin-bottom:8px;}}</style><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript>