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; }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: inline; } 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-secondary-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: inherit; } .bold.mer-text { font-weight: bold; }mer-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .tag.mer-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 2px 4px; color: var(--alias-color-text-inverse-default); font-weight: bold; font-size: 10px; line-height: 1.4em; white-space: nowrap; vertical-align: middle; background: var(--alias-color-icon-primary-default); } .tag.secondary.mer-tag { color: var(--alias-color-text-primary-default); background: var(--alias-color-background-secondary-default); } .tag.attention.mer-tag { color: var(--alias-color-system-staticWhite-default); background: var(--alias-color-background-attention-default); } .tag.disabled.mer-tag { color: var(--alias-color-text-placeholder-default); background: var(--alias-color-background-disabled-default); } .tag.custom.mer-tag { color: inherit; background: inherit; }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); }@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; } }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; }mer-guide-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; padding: 0; } mer-guide-link[disabled] { pointer-events: none; } mer-guide-link[disabled] .guide-link-text.mer-guide-link { color: var(--alias-color-text-disabled-default); cursor: not-allowed; } mer-guide-link[disabled] .guide-link-icon.mer-guide-link { fill: var(--alias-color-icon-disabled-default); } .guide-link.mer-guide-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; background-color: transparent; border: 0; cursor: pointer; fill: var(--alias-color-icon-link-default); } .guide-link.mer-guide-link:focus { outline: none; } .guide-link.focus-visible.mer-guide-link { border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .guide-link.inner-focus-ring.focus-visible.mer-guide-link { -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) { .guide-link.mer-guide-link:hover { fill: var(--alias-color-icon-link-highlight); } .guide-link.mer-guide-link:hover > * { color: var(--alias-color-text-link-highlight) !important; } } .guide-link.mer-guide-link:active { fill: var(--alias-color-icon-link-active); } .guide-link.mer-guide-link:active > * { color: var(--alias-color-text-link-active) !important; } .guide-link-text.mer-guide-link { display: block; display: -webkit-box; max-height: calc(14px * 1.4 * 2); overflow: hidden; color: var(--alias-color-text-link-default); font-size: 14px; line-height: 1.4em; text-align: right; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .guide-link-text.mer-guide-link:focus { outline: none; } .guide-link-text.disabled.mer-guide-link { color: var(--alias-color-text-disabled-default); } .guide-link-icon.mer-guide-link { display: inherit; margin-left: 4px; }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; }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-right: 16px; } .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; }mer-information-bubble { display: block; } .bubble.mer-information-bubble { 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-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px; color: var(--alias-color-text-primary-default); border-radius: 8px; } .bubble.mer-information-bubble .icon.mer-information-bubble { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .bubble.mer-information-bubble .title.mer-information-bubble > * { color: inherit; font-weight: bold; font-size: 15px; line-height: 1.4em; } .bubble.mer-information-bubble .text.mer-information-bubble > * { color: inherit; font-weight: normal; font-size: 15px; line-height: 1.4em; } .bubble.mer-information-bubble .icon.hidden.mer-information-bubble,.bubble.mer-information-bubble .title.hidden.mer-information-bubble,.bubble.mer-information-bubble .text.hidden.mer-information-bubble { display: none; } .bubble.accent.mer-information-bubble { background-color: var(--alias-color-background-accentThin-default); } .bubble.accent.mer-information-bubble .icon.mer-information-bubble { fill: var(--alias-color-icon-accent-default); } .bubble.default.mer-information-bubble { background-color: var(--alias-color-background-secondary-default); } .bubble.default.mer-information-bubble .icon.mer-information-bubble { fill: var(--alias-color-icon-primary-default); } .bubble.attention.mer-information-bubble { background-color: var(--alias-color-background-attentionThin-default); } .bubble.attention.mer-information-bubble .icon.mer-information-bubble { fill: var(--alias-color-icon-attention-default); } .bubble.success.mer-information-bubble { background-color: var(--alias-color-background-success-default); } .bubble.success.mer-information-bubble .icon.mer-information-bubble { fill: var(--alias-color-icon-success-default); } .bubble.disabled.mer-information-bubble { color: var(--alias-color-text-placeholder-default); background-color: var(--alias-color-background-primary-active); } .bubble.disabled.mer-information-bubble .icon.mer-information-bubble { fill: var(--alias-color-icon-disabled-default); } .bubble.transaction.mer-information-bubble { background-color: var(--component-information-bubble-background-transaction); } .bubble.transaction.mer-information-bubble .icon.mer-information-bubble { fill: var(--alias-color-icon-attention-default); } .bubble.section.mer-information-bubble { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bubble.section.mer-information-bubble .title-row.mer-information-bubble { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bubble.section.mer-information-bubble .icon.mer-information-bubble { margin-right: 4px; } .bubble.section.mer-information-bubble .text.mer-information-bubble { margin-top: 8px; } .bubble.section.mer-information-bubble .title-row.hidden.mer-information-bubble + .text.mer-information-bubble { margin-top: 0; } .bubble.row.mer-information-bubble { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 8px 32px 8px 8px; } .bubble.row.mer-information-bubble .icon.mer-information-bubble { margin-right: 8px; } .bubble.row.mer-information-bubble .title.mer-information-bubble > * { color: inherit; font-weight: bold; font-size: 12px; line-height: 1.4em; } .bubble.row.mer-information-bubble .text.mer-information-bubble { margin-top: 4px; } .bubble.row.mer-information-bubble .text.mer-information-bubble > * { color: inherit; font-weight: normal; font-size: 12px; line-height: 1.4em; } .bubble.row.mer-information-bubble .arrow.mer-information-bubble { position: absolute; right: 8px; margin: auto; fill: var(--alias-color-icon-primary-default); } .bubble.row.transition.mer-information-bubble { cursor: pointer; } @media (hover: hover) { .bubble.row.transition.accent.mer-information-bubble:hover { background-color: var(--alias-color-background-accentThin-highlight); } } .bubble.row.transition.accent.mer-information-bubble:active { background-color: var(--alias-color-background-accentThin-active); } @media (hover: hover) { .bubble.row.transition.default.mer-information-bubble:hover { background-color: var(--alias-color-background-secondary-highlight); } } .bubble.row.transition.default.mer-information-bubble:active { background-color: var(--alias-color-background-secondary-active); } @media (hover: hover) { .bubble.row.transition.attention.mer-information-bubble:hover { background-color: var(--alias-color-background-attentionThin-highlight); } } .bubble.row.transition.attention.mer-information-bubble:active { background-color: var(--alias-color-background-attentionThin-active); } @media (hover: hover) { .bubble.row.transition.success.mer-information-bubble:hover { background-color: var(--alias-color-background-success-highlight); } } .bubble.row.transition.success.mer-information-bubble:active { background-color: var(--alias-color-background-success-active); } .bubble.row.disabled.mer-information-bubble { cursor: default; } .bubble.row.disabled.mer-information-bubble .arrow.mer-information-bubble { fill: var(--alias-color-icon-disabled-default); } .bubble.large.mer-information-bubble .title.mer-information-bubble > * { font-weight: bold; font-size: 17px; line-height: 1.4em; } .bubble.large.mer-information-bubble .text.mer-information-bubble { margin-top: 16px; }mer-icon-chevron-up-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-up-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-chevron-up-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-chevron-up-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-chevron-up-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-chevron-up-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-chevron-up-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-chevron-up-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-chevron-up-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-chevron-up-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-chevron-up-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-chevron-up-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-chevron-up-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-chevron-up-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-chevron-up-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-chevron-up-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-chevron-up-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-chevron-up-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-chevron-up-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-chevron-up-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-chevron-up-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-chevron-up-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-chevron-up-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-chevron-up-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-chevron-up-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-chevron-up-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-chevron-up-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-chevron-up-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-chevron-up-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-chevron-up-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-chevron-up-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-chevron-up-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-chevron-up-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-chevron-up-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-chevron-up-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-chevron-up-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-chevron-up-outline { fill: inherit; }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; }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; }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; } .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; } .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; } }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); }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; }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) }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) }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: 1px solid var(--alias-color-border-primary-highlight); } .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; } .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; } }.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:182px;height:49px }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; } }mer-icon-chevron-left-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-left-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-chevron-left-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-chevron-left-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-chevron-left-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-chevron-left-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-chevron-left-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-chevron-left-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-chevron-left-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-chevron-left-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-chevron-left-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-chevron-left-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-chevron-left-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-chevron-left-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-chevron-left-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-chevron-left-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-chevron-left-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-chevron-left-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-chevron-left-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-chevron-left-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-chevron-left-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-chevron-left-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-chevron-left-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-chevron-left-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-chevron-left-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-chevron-left-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-chevron-left-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-chevron-left-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-chevron-left-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-chevron-left-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-chevron-left-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-chevron-left-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-chevron-left-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-chevron-left-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-chevron-left-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-chevron-left-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-chevron-left-outline { fill: inherit; }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; }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; }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; }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); }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; }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% }.image-container.mer-avatar { display: contents; } .image-error.mer-avatar { position: relative; width: 100%; height: 100%; } .image-error.mer-avatar .error-icon.mer-avatar { 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-avatar .error-icon.mer-avatar > mer-resource-common-image-error-outline.mer-avatar { width: 37.5%; height: 37.5%; fill: var(--alias-color-icon-disabled-default); } mer-avatar { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .avatar.mer-avatar { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; overflow: hidden; background: var(--alias-color-background-primary-default); border: 1px solid var(--component-avatar-border); border-radius: 50%; } .avatar.mer-avatar picture.mer-avatar { width: 100%; height: 100%; } .avatar.mer-avatar img.mer-avatar,.avatar.mer-avatar mer-resource-common-avatar-default.mer-avatar { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -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; } .avatar.mer-avatar .image-error.mer-avatar .error-icon.mer-avatar > svg.mer-avatar { width: 37.5%; height: 37.5%; fill: var(--alias-color-icon-disabled-default); } .xsmall.mer-avatar { width: 32px; height: 32px; } .small.mer-avatar { width: 48px; height: 48px; } .medium.mer-avatar { width: 64px; height: 64px; } .large.mer-avatar { width: 96px; height: 96px; }mer-icon-star-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-star-filled { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-star-filled:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-star-filled:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-star-filled:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-star-filled { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-star-filled:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-star-filled:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-star-filled:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-star-filled { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-star-filled:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-star-filled:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-star-filled { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-star-filled { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-star-filled { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-star-filled:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-star-filled:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-star-filled:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-star-filled { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-star-filled:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-star-filled:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-star-filled:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-star-filled { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-star-filled:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-star-filled:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-star-filled:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-star-filled { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-star-filled:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-star-filled:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-star-filled:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-star-filled { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-star-filled:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-star-filled:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-star-filled:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-star-filled { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-star-filled { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-star-filled { fill: inherit; }mer-rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } mer-rating[disabled] { pointer-events: none; } .rating.mer-rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 20px; color: var(--alias-color-text-link-default); fill: var(--alias-color-icon-decorativeYellow-default); } .rating.disabled.mer-rating { color: var(--alias-color-text-disabled-default); } .rating.hover.mer-rating:focus { outline: none; } .rating.hover.focus-visible.mer-rating { border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .rating.hover.inner-focus-ring.focus-visible.mer-rating { -webkit-box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; } .rating.hover.mer-rating { cursor: pointer; } @media (hover: hover) { .rating.hover.mer-rating:hover { color: var(--alias-color-text-link-highlight); fill: var(--alias-color-icon-decorativeYellow-highlight); } } .rating.hover.mer-rating:active { color: var(--alias-color-text-link-active); fill: var(--alias-color-icon-decorativeYellow-active); } .rating.mer-rating .star-group.mer-rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 100%; } .rating.mer-rating .star.mer-rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 2px; } .rating.mer-rating .star.mer-rating:first-child { margin-left: 0; } .rating.mer-rating .count.mer-rating { height: 100%; margin-left: 4px; font-weight: normal; font-size: 14px; } .half.mer-rating { position: relative; width: 16px; height: 100%; } .half.mer-rating > .icon.mer-rating { position: absolute; }mer-icon-fta-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-fta-filled { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-fta-filled:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-fta-filled:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-fta-filled:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-fta-filled { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-fta-filled:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-fta-filled:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-fta-filled:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-fta-filled { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-fta-filled:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-fta-filled:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-fta-filled { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-fta-filled { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-fta-filled { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-fta-filled:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-fta-filled:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-fta-filled:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-fta-filled { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-fta-filled:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-fta-filled:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-fta-filled:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-fta-filled { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-fta-filled:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-fta-filled:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-fta-filled:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-fta-filled { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-fta-filled:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-fta-filled:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-fta-filled:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-fta-filled { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-fta-filled:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-fta-filled:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-fta-filled:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-fta-filled { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-fta-filled { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-fta-filled { fill: inherit; }mer-user-object { display: block; width: 100%; } .container.mer-user-object { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .container.mer-user-object .avatar-container.mer-user-object { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 12px; } .container.mer-user-object .avatar-container.mer-user-object > mer-official-badge.mer-user-object { position: absolute; right: -1px; bottom: -1px; } .content.mer-user-object { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .content.mer-user-object > mer-text.mer-user-object { display: block; display: -webkit-box; max-height: calc(14px * 1.4 * 2); overflow: hidden; line-height: 1.4em; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .content.mer-user-object > mer-rating.mer-user-object { margin-top: 4px; color: var(--alias-color-text-accent-default); } .content.mer-user-object .verification-container.mer-user-object { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content.mer-user-object .verification-container.mer-user-object.verification.mer-user-object > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }mer-verification-badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .verification-badge.mer-verification-badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--alias-color-text-secondary-default); font-weight: normal; font-size: 14px; line-height: 1.4em; white-space: nowrap; cursor: pointer; fill: var(--alias-color-icon-secondary-default); } @media (hover: hover) { .verification-badge.hover.mer-verification-badge:hover { color: var(--alias-color-text-secondary-highlight); fill: var(--alias-color-icon-secondary-highlight); } } .verification-badge.hover.mer-verification-badge:active { color: var(--alias-color-text-secondary-active); fill: var(--alias-color-icon-secondary-active); } .verification-badge.verified.mer-verification-badge { color: var(--alias-color-text-primary-default); fill: var(--alias-color-icon-success-default); } @media (hover: hover) { .verification-badge.verified.hover.mer-verification-badge:hover { color: var(--alias-color-text-primary-highlight); fill: var(--alias-color-icon-success-highlight); } } .verification-badge.verified.hover.mer-verification-badge:active { color: var(--alias-color-text-tertiary-active); fill: var(--alias-color-icon-success-active); } .verification-badge.accent.mer-verification-badge { color: var(--alias-color-text-link-default); fill: var(--alias-color-icon-secondary-default); } @media (hover: hover) { .verification-badge.accent.hover.mer-verification-badge:hover { color: var(--alias-color-text-link-highlight); fill: var(--alias-color-icon-secondary-highlight); } } .verification-badge.accent.hover.mer-verification-badge:active { color: var(--alias-color-text-link-active); fill: var(--alias-color-icon-secondary-active); } .verification-badge.disabled.mer-verification-badge { color: var(--alias-color-text-disabled-default); pointer-events: none; fill: var(--alias-color-icon-disabled-default); } .verification-badge.mer-verification-badge .text.mer-verification-badge { margin-left: 4px; }mer-menu { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .positioner.mer-menu { position: absolute; } .content.mer-menu { padding: 0 16px; overflow: auto; background: var(--alias-color-background-primary-default); border: 1px solid var(--alias-color-border-primary-highlight); border-radius: 4px; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); } .tippy-box.mer-menu { outline: none; } .mer-menu[data-tippy-root] { z-index: var(--mer-z-index-menu) !important; }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; }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%; }mer-price { font-weight: inherit; font-size: inherit; line-height: inherit; } .number.mer-price { margin-left: 2px; }.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 (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; } }lit$$mer-display-row { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--alias-color-background-primary-default); } mer-display-row[error] { background-color: var(--alias-color-background-attentionThin-highlight); } .row.mer-display-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 0; color: var(--alias-color-text-primary-default); font-weight: normal; font-size: 15px; line-height: 1.4em; vertical-align: top; word-break: break-word; } .row.small.mer-display-row { padding: 8px 0; } .row.indent.mer-display-row > [slot='title'] { padding-left: 16px; } .row.top.mer-display-row,.row.both.mer-display-row { border-top: 1px solid var(--alias-color-border-primary-highlight); } .row.bottom.mer-display-row,.row.both.mer-display-row { border-bottom: 1px solid var(--alias-color-border-primary-highlight); } .row.ratio-1_1.mer-display-row > [slot='title'] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .row.ratio-1_1.mer-display-row > [slot='body'] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .title.mer-display-row { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 12px; text-align: left; } mer-display-row > [slot='body'] { -webkit-box-flex: 1.75; -ms-flex: 1.75; flex: 1.75; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .error.mer-display-row > [slot='body'] { color: #f00; } .right.mer-display-row > [slot='body'] { text-align: right; } mer-display-row > [slot='title'] { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; font-weight: bold; font-size: 15px; line-height: 1.4em; } mer-display-row > [slot='subtitle'] { font-weight: normal; font-size: 12px; line-height: 1.4em; } mer-display-row > [slot='title'],mer-display-row > [slot='subtitle'] { display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }mer-icon-heart-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-heart-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-heart-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-heart-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-heart-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-heart-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-heart-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-heart-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-heart-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-heart-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-heart-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-heart-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-heart-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-heart-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-heart-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-heart-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-heart-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-heart-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-heart-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-heart-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-heart-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-heart-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-heart-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-heart-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-heart-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-heart-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-heart-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-heart-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-heart-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-heart-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-heart-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-heart-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-heart-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-heart-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-heart-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-heart-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-heart-outline { fill: inherit; }mer-icon-comment-square-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-comment-square-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-comment-square-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-comment-square-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-comment-square-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-comment-square-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-comment-square-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-comment-square-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-comment-square-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-comment-square-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-comment-square-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-comment-square-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-comment-square-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-comment-square-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-comment-square-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-comment-square-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-comment-square-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-comment-square-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-comment-square-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-comment-square-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-comment-square-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-comment-square-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-comment-square-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-comment-square-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-comment-square-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-comment-square-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-comment-square-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-comment-square-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-comment-square-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-comment-square-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-comment-square-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-comment-square-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-comment-square-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-comment-square-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-comment-square-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-comment-square-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-comment-square-outline { fill: inherit; }mer-show-more { display: block; } .content.mer-show-more { overflow: hidden; } .content.clamp.mer-show-more { display: -webkit-box; -webkit-box-orient: vertical; } .content.clamp.mer-show-more > mer-text { display: inherit; } .show-more-button.mer-show-more { 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: 40px; margin-top: 4px; background: transparent; border: none; cursor: pointer; } .show-more-button.mer-show-more:focus { outline: none; } .show-more-button.focus-visible.mer-show-more { border-radius: 4px; -webkit-box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: var(--focus-ring-color) 0px 0px 0px 4px; } .show-more-button.inner-focus-ring.focus-visible.mer-show-more { -webkit-box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; box-shadow: inset var(--focus-ring-color) 0px 0px 0px 4px; } .show-more-button.mer-show-more > span.mer-show-more { color: var(--alias-color-text-accent-default); font-weight: normal; font-size: 14px; line-height: 1.4em; background: var(--alias-color-background-primary-default); } .show-more-button.mer-show-more > .checkbox-mark-icon.mer-show-more { margin-left: 8px; fill: var(--alias-color-icon-accent-default); } .show-more-button.hidden.mer-show-more { height: 0; margin: 0; -webkit-box-shadow: none; box-shadow: none; } .show-more-button.hidden.mer-show-more > span.mer-show-more,.show-more-button.hidden.mer-show-more > .checkbox-mark-icon.mer-show-more { visibility: hidden; } .show-more-button.focus-visible.mer-show-more > span.mer-show-more { color: var(--alias-color-text-accent-highlight); } .show-more-button.focus-visible.mer-show-more > .checkbox-mark-icon.mer-show-more { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .show-more-button.mer-show-more:hover > span.mer-show-more { color: var(--alias-color-text-accent-highlight); } .show-more-button.mer-show-more:hover > .checkbox-mark-icon.mer-show-more { fill: var(--alias-color-icon-accent-highlight); } } .show-more-button.mer-show-more:active > span.mer-show-more { color: var(--alias-color-text-accent-active); } .show-more-button.mer-show-more:active > .checkbox-mark-icon.mer-show-more { fill: var(--alias-color-icon-accent-active); }@-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; }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; }mer-breadcrumb-list[display='inline'] { display: inline-block; } mer-breadcrumb-list[display='block'] { display: block; } .breadcrumb.mer-breadcrumb-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; } .breadcrumb.block.mer-breadcrumb-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }mer-breadcrumb-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .item.mer-breadcrumb-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: normal; font-size: 14px; line-height: 1.4em; list-style: none; } &.small.mer-breadcrumb-item { font-weight: normal; font-size: 12px; line-height: 1.4em; } &.medium.mer-breadcrumb-item { font-weight: normal; font-size: 14px; line-height: 1.4em; }mer-icon-lock-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-lock-filled { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-lock-filled:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-lock-filled:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-lock-filled:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-lock-filled { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-lock-filled:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-lock-filled:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-lock-filled:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-lock-filled { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-lock-filled:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-lock-filled:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-lock-filled { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-lock-filled { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-lock-filled { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-lock-filled:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-lock-filled:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-lock-filled:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-lock-filled { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-lock-filled:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-lock-filled:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-lock-filled:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-lock-filled { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-lock-filled:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-lock-filled:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-lock-filled:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-lock-filled { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-lock-filled:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-lock-filled:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-lock-filled:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-lock-filled { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-lock-filled:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-lock-filled:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-lock-filled:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-lock-filled { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-lock-filled { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-lock-filled { fill: inherit; }mer-icon-more-vertical-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-more-vertical-outline { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-more-vertical-outline:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-more-vertical-outline:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-more-vertical-outline:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-more-vertical-outline { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-more-vertical-outline:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-more-vertical-outline:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-more-vertical-outline:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-more-vertical-outline { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-more-vertical-outline:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-more-vertical-outline:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-more-vertical-outline { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-more-vertical-outline { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-more-vertical-outline { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-more-vertical-outline:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-more-vertical-outline:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-more-vertical-outline:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-more-vertical-outline { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-more-vertical-outline:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-more-vertical-outline:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-more-vertical-outline:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-more-vertical-outline { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-more-vertical-outline:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-more-vertical-outline:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-more-vertical-outline:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-more-vertical-outline { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-more-vertical-outline:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-more-vertical-outline:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-more-vertical-outline:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-more-vertical-outline { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-more-vertical-outline:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-more-vertical-outline:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-more-vertical-outline:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-more-vertical-outline { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-more-vertical-outline { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-more-vertical-outline { fill: inherit; }mer-icon-track-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-track-filled { fill: var(--alias-color-icon-primary-default); } .icon.primary.interactive.mer-icon-track-filled:focus { fill: var(--alias-color-icon-primary-highlight); } @media (hover: hover) { .icon.primary.interactive.mer-icon-track-filled:hover { fill: var(--alias-color-icon-primary-highlight); } } .icon.primary.interactive.mer-icon-track-filled:active { fill: var(--alias-color-icon-primary-active); } .icon.secondary.mer-icon-track-filled { fill: var(--alias-color-icon-secondary-default); } .icon.secondary.interactive.mer-icon-track-filled:focus { fill: var(--alias-color-icon-secondary-highlight); } @media (hover: hover) { .icon.secondary.interactive.mer-icon-track-filled:hover { fill: var(--alias-color-icon-secondary-highlight); } } .icon.secondary.interactive.mer-icon-track-filled:active { fill: var(--alias-color-icon-secondary-active); } .icon.tertiary.mer-icon-track-filled { fill: var(--alias-color-icon-tertiary-default); } .icon.tertiary.interactive.mer-icon-track-filled:focus { fill: var(--alias-color-icon-tertiary-highlight); } @media (hover: hover) { .icon.tertiary.interactive.mer-icon-track-filled:hover { fill: var(--alias-color-icon-tertiary-highlight); } } .icon.tertiary.interactive.active.mer-icon-track-filled { fill: var(--alias-color-icon-tertiary-active); } .icon.disabled.mer-icon-track-filled { fill: var(--alias-color-icon-disabled-default); } .icon.accent.mer-icon-track-filled { fill: var(--alias-color-icon-accent-default); } .icon.accent.interactive.mer-icon-track-filled:focus { fill: var(--alias-color-icon-accent-highlight); } @media (hover: hover) { .icon.accent.interactive.mer-icon-track-filled:hover { fill: var(--alias-color-icon-accent-highlight); } } .icon.accent.interactive.mer-icon-track-filled:active { fill: var(--alias-color-icon-accent-active); } .icon.link.mer-icon-track-filled { fill: var(--alias-color-icon-link-default); } .icon.link.interactive.mer-icon-track-filled:focus { fill: var(--alias-color-icon-link-highlight); } @media (hover: hover) { .icon.link.interactive.mer-icon-track-filled:hover { fill: var(--alias-color-icon-link-highlight); } } .icon.link.interactive.mer-icon-track-filled:active { fill: var(--alias-color-icon-link-active); } .icon.attention.mer-icon-track-filled { fill: var(--alias-color-icon-attention-default); } .icon.attention.interactive.mer-icon-track-filled:focus { fill: var(--alias-color-icon-attention-highlight); } @media (hover: hover) { .icon.attention.interactive.mer-icon-track-filled:hover { fill: var(--alias-color-icon-attention-highlight); } } .icon.attention.interactive.mer-icon-track-filled:active { fill: var(--alias-color-icon-attention-active); } .icon.inverse.mer-icon-track-filled { fill: var(--alias-color-icon-inverse-default); } .icon.inverse.interactive.mer-icon-track-filled:focus { fill: var(--alias-color-icon-inverse-highlight); } @media (hover: hover) { .icon.inverse.interactive.mer-icon-track-filled:hover { fill: var(--alias-color-icon-inverse-highlight); } } .icon.inverse.interactive.mer-icon-track-filled:active { fill: var(--alias-color-icon-inverse-active); } .icon.success.mer-icon-track-filled { fill: var(--alias-color-icon-success-default); } .icon.success.interactive.mer-icon-track-filled:focus { fill: var(--alias-color-icon-success-highlight); } @media (hover: hover) { .icon.success.interactive.mer-icon-track-filled:hover { fill: var(--alias-color-icon-success-highlight); } } .icon.success.interactive.mer-icon-track-filled:active { fill: var(--alias-color-icon-success-active); } .icon.white.mer-icon-track-filled { fill: var(--alias-color-system-staticWhite-default); } .icon.black.mer-icon-track-filled { fill: var(--alias-color-system-staticBlack-default); } .icon.inherit.mer-icon-track-filled { fill: inherit; }body {transition: opacity ease-in 0.2s; } body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } *,: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{text-rendering:optimizeSpeed;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}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-link-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]>a,mer-text-link[disabled] button{cursor:default}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,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{fill:var(--alias-color-text-disabled-default);color:var(--alias-color-text-disabled-default)}mer-text-link[disabled]>a:not(button),mer-text-link[disabled] button: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-2-l:first-child,.mer-spacing-t-4-l:first-child,.mer-spacing-t-6-l:first-child,.mer-spacing-t-8-l:first-child,.mer-spacing-t-12-l:first-child,.mer-spacing-t-16-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-40-l:first-child,.mer-spacing-t-48-l:first-child,.mer-spacing-t-56-l:first-child,.mer-spacing-t-64-l:first-child,.mer-spacing-t-80-l:first-child,.mer-spacing-t-96-l:first-child,.mer-spacing-t-128-l:first-child{margin-bottom:0}.mer-spacing-b-2-l:last-child,.mer-spacing-b-4-l:last-child,.mer-spacing-b-6-l:last-child,.mer-spacing-b-8-l:last-child,.mer-spacing-b-12-l:last-child,.mer-spacing-b-16-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-40-l:last-child,.mer-spacing-b-48-l:last-child,.mer-spacing-b-56-l:last-child,.mer-spacing-b-64-l:last-child,.mer-spacing-b-80-l:last-child,.mer-spacing-b-96-l:last-child,.mer-spacing-b-128-l:last-child{margin-top:0}.mer-spacing-l-2-l:first-child,.mer-spacing-l-4-l:first-child,.mer-spacing-l-6-l:first-child,.mer-spacing-l-8-l:first-child,.mer-spacing-l-12-l:first-child,.mer-spacing-l-16-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-40-l:first-child,.mer-spacing-l-48-l:first-child,.mer-spacing-l-56-l:first-child,.mer-spacing-l-64-l:first-child,.mer-spacing-l-80-l:first-child,.mer-spacing-l-96-l:first-child,.mer-spacing-l-128-l:first-child{margin-left:0}.mer-spacing-r-2-l:last-child,.mer-spacing-r-4-l:last-child,.mer-spacing-r-6-l:last-child,.mer-spacing-r-8-l:last-child,.mer-spacing-r-12-l:last-child,.mer-spacing-r-16-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-40-l:last-child,.mer-spacing-r-48-l:last-child,.mer-spacing-r-56-l:last-child,.mer-spacing-r-64-l:last-child,.mer-spacing-r-80-l:last-child,.mer-spacing-r-96-l:last-child,.mer-spacing-r-128-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}.NYwPP{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:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:normal;-webkit-justify-content:normal;-ms-flex-pack:normal;justify-content:normal;}.kauVHL{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;}.fTDjxm{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:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:normal;-webkit-justify-content:normal;-ms-flex-pack:normal;justify-content:normal;gap:4px;}.iVmzFz{display:grid;grid-gap:var(--grid-layout-gutter);grid-template-columns:repeat(12,1fr);}@media (min-width:568px) and (max-width:959.9px){.iVmzFz{grid-template-columns:1fr;}}@media (max-width:567.9px){.iVmzFz{grid-template-columns:1fr;}}.jEbpf{display:grid;grid-gap:var(--grid-layout-gutter);grid-template-columns:repeat(7,1fr);}@media (min-width:568px) and (max-width:959.9px){.jEbpf{grid-template-columns:1fr;}}@media (max-width:567.9px){.jEbpf{grid-template-columns:1fr;}}.dVEruJ{display:grid;grid-gap:var(--grid-layout-gutter);grid-template-columns:repeat(5,1fr);}@media (min-width:568px) and (max-width:959.9px){.dVEruJ{grid-template-columns:repeat(3,1fr);}}@media (max-width:567.9px){.dVEruJ{grid-template-columns:repeat(3,1fr);}}.fuQkXC{margin-bottom:var(--grid-layout-gutter);}.jNCCiQ{min-width:0;grid-column:span 7;padding-right:0;padding-left:0;display:block;}@media (min-width:568px) and (max-width:959.9px){.jNCCiQ{grid-column:auto;padding-right:0;padding-left:0;display:block;}}@media (max-width:567.9px){.jNCCiQ{grid-column:auto;padding-right:0;padding-left:0;display:block;}}.ymDHi{min-width:0;grid-column:span 1;padding-right:0;padding-left:0;display:block;}@media (min-width:568px) and (max-width:959.9px){.ymDHi{grid-column:auto;padding-right:0;padding-left:0;display:block;}}@media (max-width:567.9px){.ymDHi{grid-column:auto;padding-right:0;padding-left:0;display:block;}}.cHKFjh{min-width:0;grid-column:span 6;padding-right:0;padding-left:0;display:block;}@media (min-width:568px) and (max-width:959.9px){.cHKFjh{grid-column:auto;padding-right:0;padding-left:0;display:block;}}@media (max-width:567.9px){.cHKFjh{grid-column:auto;padding-right:0;padding-left:0;display:block;}}.fkAZnN{min-width:0;grid-column:span 5;padding-right:0;padding-left:var(--grid-layout-inset);display:block;}@media (min-width:568px) and (max-width:959.9px){.fkAZnN{grid-column:auto;padding-right:0;padding-left:0;display:block;}}@media (max-width:567.9px){.fkAZnN{grid-column:auto;padding-right:0;padding-left:0;display:block;}}.efymj{position:relative;}@media (max-width:959.9px){.efymj{margin-right:calc(-1 * var(--grid-layout-page-padding-horizontal));margin-left:calc(-1 * var(--grid-layout-page-padding-horizontal));}}.aITlH{position:relative;margin-bottom:32px;}@media (max-width:959.9px){.aITlH{margin-right:0;margin-left:0;}}.kdAFPN{position:relative;margin-bottom:16px;}@media (max-width:959.9px){.kdAFPN{margin-right:0;margin-left:0;}}.kCaNdT{position:relative;}@media (max-width:959.9px){.kCaNdT{margin-right:0;margin-left:0;}}.bSvNXB{margin-bottom:16px;}.iFxNOi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:32px 36px;}@media (max-width:959.9px){.iFxNOi{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:24px 16px;}}.crpiNA{width:100%;max-width:320px;margin-right:24px;}@media (max-width:959.9px){.crpiNA{display:none;}}.eHFEWf{margin-top:16px;}.eHFEWf > li{margin-top:8px;}.eHFEWf li > a{color:var(--alias-color-text-primary-default);}.eHFEWf li > a:hover{color:var(--alias-color-text-primary-highlight);-webkit-text-decoration:underline;text-decoration:underline;}.eHFEWf li > a:active{color:var(--alias-color-text-primary-active);}.hroUbO{font-size:14px;}.hroUbO .accordion-list{padding-bottom:24px;}@media (min-width:960px){.hroUbO{display:none;}}.jlSehH a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}@media (max-width:959.9px){.jiRBcE{width:100vw;}}.jiRBcE .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.jiRBcE .slick-list{position:relative;display:block;overflow:hidden;}.jiRBcE .slick-list:focus{outline:none;}.jiRBcE .slick-list.dragging{cursor:pointer;cursor:hand;}.jiRBcE .slick-slider .slick-track,.jiRBcE .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.jiRBcE .slick-track{display:block;position:relative;top:0;left:0;height:inherit !important;}.jiRBcE .slick-track:after{clear:both;}.jiRBcE .slick-loading .slick-track{visibility:hidden;}.jiRBcE .slick-slide{display:none;float:left;height:100%;min-height:1px;}.jiRBcE [dir='rtl'] .slick-slide{float:right;}.jiRBcE .slick-slide img{display:block;}.jiRBcE .slick-slide.slick-loading img{display:none;}.jiRBcE .slick-initialized .slick-slide{display:block;}.jiRBcE .slick-loading .slick-slide{visibility:hidden;}.jiRBcE .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}.jiRBcE .slick-arrow.slick-hidden{display:none;}.bYrUyp{position:absolute;top:calc(50% - 40px);display:block;cursor:pointer;z-index:1;}.bYrUyp.slick-prev{left:8px;}.bYrUyp.slick-next{right:8px;}.bYrUyp.slick-disabled{display:none;}.MMeLK{cursor:pointer;text-align:center;}.MMeLK.slick-disabled{visibility:hidden;}.hYkxhu{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%;height:100%;margin:4px 0;background-color:transparent;border:0;padding:0;cursor:pointer;}.hYkxhu mer-item-thumbnail{-webkit-clip-path:inset(3px);clip-path:inset(3px);}.hYkxhu mer-item-thumbnail:hover{opacity:0.5;}.hYkxhu::after{content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border:1px solid var(--alias-color-border-secondary-highlight);background-color:transparent;}.gbcpJt{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%;height:100%;margin:4px 0;background-color:transparent;border:0;padding:0;cursor:pointer;}.gbcpJt mer-item-thumbnail:hover{opacity:0.5;}.hhDLgM{width:240px;}.fDBvbu{display:block;}.jnANBc{padding:16px 0;border:1px solid var(--alias-color-border-primary-highlight);border-width:1px 0;}.fpVtIb{display:block;}.bczwBv{font-size:28px;color:var(--alias-color-text-attention-active);}.fynuzK{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;}.dfLPIP{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.dfLPIP::after{content:'';display:block;padding-bottom:100%;}@media (max-width:959.9px){.daeWPJ{display:none;}}@media (max-width:959.9px){.dJICGu{grid-gap:2px;}}.BYpeY{height:100%;line-height:0;}.dPGTBN{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:100%;}@media (max-width:959.9px){.gxpCvn{margin-top:calc(-1 * var(--grid-layout-page-padding-top));}}.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}.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}.style_commentGroup__cf1wU .style_comment__aeCYd:not(:last-child){margin-bottom:16px}.style_comment__aeCYd{padding-left:56px;position:relative;width:100%}.style_avatarContainer__iFo9m{display:contents;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;left:-56px;position:absolute;top:0}.style_contentContainer__2b15N{background:var(--alias-color-background-secondary-default);border-radius:8px;color:var(--alias-color-text-primary-default);font-size:15px;font-weight:400;line-height:1.4em;margin-top:4px;padding:8px;position:relative;width:100%}.style_nameContainer__F0hGo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%}.style_nameContainer__F0hGo mer-tag{margin-left:8px}@media (hover:hover){.style_nameContainer__F0hGo:hover .style_userName__dHDhn{text-decoration:underline}}.style_nameContainer__F0hGo:active .style_userName__dHDhn{text-decoration:none}.style_nameLink__VPFBY{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:100%}.style_userName__dHDhn{color:var(--alias-color-text-primary-default);display:block;font-size:14px;font-weight:700;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style_timeAndActionContainer__jgxfC{-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-top:2px}.style_time__LaoI-{color:var(--alias-color-text-secondary-default);font-size:12px;font-weight:400;line-height:1.4em}.style_actions__sPG2J{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin-bottom:-4px;margin-right:-4px}.style_actions__sPG2J mer-icon-button{margin-left:8px;min-height:24px;min-width:24px}.style_deleted__-xdrs .style_nameContainer__F0hGo{position:absolute;width:0}.style_deleted__-xdrs .style_emptyAvatar__j5qzD{background:var(--alias-color-background-secondary-default);border:1px solid var(--component-avatar-border);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:48px;width:48px}.style_deleted__-xdrs .style_comment__aeCYd,.style_deleted__-xdrs .style_contentContainer__2b15N,.style_deleted__-xdrs .style_time__LaoI-{color:var(--alias-color-text-secondary-default)}.style_disabled__TtwI5 .style_comment__aeCYd{color:var(--alias-color-text-disabled-default)}.style_disabled__TtwI5 .style_avatarContainer__iFo9m{opacity:.4}.style_disabled__TtwI5 .style_nameContainer__F0hGo:hover .style_userName__dHDhn{text-decoration:none}.style_disabled__TtwI5 .style_userName__dHDhn{color:var(--alias-color-text-disabled-default)}.style_loginButton__nsWU0{min-width:140px}.style_loginButton__nsWU0 a,.style_loginButton__nsWU0>button{padding-left:40px;padding-right:clamp(15px,7%,40px);position:relative}.style_loginButton__nsWU0 a>mer-icon-mail-outline,.style_loginButton__nsWU0 a>mer-resource-common-logo-apple,.style_loginButton__nsWU0 a>mer-resource-common-logo-facebook,.style_loginButton__nsWU0 a>mer-resource-common-logo-google,.style_loginButton__nsWU0>button>mer-icon-mail-outline,.style_loginButton__nsWU0>button>mer-resource-common-logo-apple,.style_loginButton__nsWU0>button>mer-resource-common-logo-facebook,.style_loginButton__nsWU0>button>mer-resource-common-logo-google{height:24px;left:16px;margin:0;position:absolute;width:24px}.style_loginButton__nsWU0 a>span,.style_loginButton__nsWU0>button>span{display:block;margin:0;overflow:hidden;padding:0 4px;position:relative;text-overflow:ellipsis;white-space:nowrap}@media (hover:hover){.style_loginButton__nsWU0 a:hover,.style_loginButton__nsWU0>button:hover{opacity:.8}}.style_loginButton__nsWU0.style_disabled__6PyHB a>mer-icon-mail-outline,.style_loginButton__nsWU0.style_disabled__6PyHB a>mer-resource-common-logo-apple,.style_loginButton__nsWU0.style_disabled__6PyHB a>mer-resource-common-logo-facebook,.style_loginButton__nsWU0.style_disabled__6PyHB a>mer-resource-common-logo-google,.style_loginButton__nsWU0.style_disabled__6PyHB>button>mer-icon-mail-outline,.style_loginButton__nsWU0.style_disabled__6PyHB>button>mer-resource-common-logo-apple,.style_loginButton__nsWU0.style_disabled__6PyHB>button>mer-resource-common-logo-facebook,.style_loginButton__nsWU0.style_disabled__6PyHB>button>mer-resource-common-logo-google{opacity:.4}.style_loginButton__nsWU0.style_email__T3Zi1>a,.style_loginButton__nsWU0.style_email__T3Zi1>button{background-color:var(--alias-color-system-staticWhite-default);border:1px solid var(--alias-color-border-secondary-default);color:var(--alias-color-system-staticBlack-default)}.style_loginButton__nsWU0.style_email__T3Zi1>a>mer-icon-mail-outline,.style_loginButton__nsWU0.style_email__T3Zi1>button>mer-icon-mail-outline{fill:var(--alias-color-system-staticBlack-default)}.style_loginButton__nsWU0.style_email__T3Zi1:active>a,.style_loginButton__nsWU0.style_email__T3Zi1:active>button{background-color:#e0e0e0}.style_loginButton__nsWU0.style_google__kpqHF.style_disabled__6PyHB>a,.style_loginButton__nsWU0.style_google__kpqHF.style_disabled__6PyHB>button{border:1px solid transparent}.style_loginButton__nsWU0.style_google__kpqHF>a,.style_loginButton__nsWU0.style_google__kpqHF>button{background-color:var(--alias-color-system-staticWhite-default);border:1px solid var(--alias-color-border-secondary-default);color:var(--alias-color-system-staticBlack-default)}.style_loginButton__nsWU0.style_google__kpqHF:active>a,.style_loginButton__nsWU0.style_google__kpqHF:active>button{background-color:#e0e0e0}.style_loginButton__nsWU0.style_facebook__HX0mw>a,.style_loginButton__nsWU0.style_facebook__HX0mw>button{background:#1877f2;border:1px solid transparent;color:var(--alias-color-system-staticWhite-default)}.style_loginButton__nsWU0.style_facebook__HX0mw>a>mer-resource-common-logo-facebook,.style_loginButton__nsWU0.style_facebook__HX0mw>button>mer-resource-common-logo-facebook{fill:var(--alias-color-system-staticWhite-default)}.style_loginButton__nsWU0.style_facebook__HX0mw:active>a,.style_loginButton__nsWU0.style_facebook__HX0mw:active>button{background-color:#1a67ca}.style_apple__azus5 a,.style_apple__azus5>button{background-color:var(--alias-color-system-staticBlack-default);border:1px solid transparent;color:var(--alias-color-system-staticWhite-default)}.style_apple__azus5 a>mer-resource-common-logo-apple,.style_apple__azus5>button>mer-resource-common-logo-apple{fill:var(--alias-color-system-staticWhite-default)}.style_apple__azus5:active>a,.style_apple__azus5:active>button{background-color:#434343}.dark-theme .style_loginButton__nsWU0.style_apple__azus5>a,.dark-theme .style_loginButton__nsWU0.style_apple__azus5>button{background-color:var(--alias-color-system-staticWhite-default);border:1px solid transparent;color:var(--alias-color-system-staticBlack-default)}.dark-theme .style_loginButton__nsWU0.style_apple__azus5>a>mer-resource-common-logo-apple,.dark-theme .style_loginButton__nsWU0.style_apple__azus5>button>mer-resource-common-logo-apple{fill:var(--alias-color-system-staticBlack-default)}ボード コンテンツにスキップ       カテゴリーからさがす

 ブランドからさがす

 検索履歴 検索履歴はありません

検索のヘルプ お知らせ ログイン 会員登録 出品                      ボード ¥(税込) 送料込み

      コメント   購入手続きへ商品の説明 もっと見る  商品の情報 カテゴリー  CD  邦楽 商品の状態やや傷や汚れあり配送料の負担送料込み(出品者負担)配送の方法らくらくメルカリ便匿名配送発送元の地域未定発送までの日数1~2日で発送 メルカリ安心への取り組み

お金は事務局に支払われ、評価後に振り込まれます

  出品者  n

       本人確認済  スピード発送

この出品者は平均24時間以内に発送しています

  コメント (0) ログインしてコメントするこの商品を見ている人におすすめ             ¥       ボード      ホーム  ボード メルカリについて  会社概要（運営会社）採用情報プレスリリース公式ブログプレスキットメルカリUSヘルプ＆ガイド  メルカリガイドらくらくメルカリ便ゆうゆうメルカリ便梱包・発送たのメル便車体取引ガイドメルカリあんしん・あんぜん宣言！偽ブランド品撲滅への取り組みフリーワードからさがすお問い合わせプライバシーと利用規約  プライバシーポリシーメルカリ利用規約コンプライアンスポリシー個人データの安全管理に係る基本方針特定商取引に関する表記資金決済法に基づく表示法令順守と犯罪抑止のためにメルカリについて

会社概要（運営会社）採用情報プレスリリース公式ブログプレスキットメルカリUSヘルプ＆ガイド

メルカリガイドらくらくメルカリ便ゆうゆうメルカリ便梱包・発送たのメル便車体取引ガイドメルカリあんしん・あんぜん宣言！偽ブランド品撲滅への取り組みフリーワードからさがすお問い合わせプライバシーと利用規約

プライバシーポリシーメルカリ利用規約コンプライアンスポリシー個人データの安全管理に係る基本方針特定商取引に関する表記資金決済法に基づく表示法令順守と犯罪抑止のために© Mercari, Inc.