Server : Apache
System : Linux indy02.toastserver.com 3.10.0-962.3.2.lve1.5.85.el7.x86_64 #1 SMP Thu Apr 18 15:18:36 UTC 2024 x86_64
User : palandch ( 1163)
PHP Version : 7.1.33
Disable Function : NONE
Directory : /home/palandch/public_html/css/
|
Server : Apache System : Linux indy02.toastserver.com 3.10.0-962.3.2.lve1.5.85.el7.x86_64 #1 SMP Thu Apr 18 15:18:36 UTC 2024 x86_64 User : palandch ( 1163) PHP Version : 7.1.33 Disable Function : NONE Directory : /home/palandch/public_html/css/ |
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-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-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: -4px 12px -4px -4px;
padding: 4px;
overflow: hidden;
}
.list-item.mer-list-item .content.mer-list-item > * {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.list-item.mer-list-item .action-container.mer-list-item {
z-index: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.with-arrow.mer-list-item {
text-decoration: none;
}
.with-arrow.mer-list-item mer-icon-chevron-right-outline.mer-list-item {
pointer-events: none;
}
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;
line-height: 1.6em;
}
.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:112px;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-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-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;
}
.currency.mer-price {
font-size: smaller;
}
.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;
}
}
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;
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-disabled-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;
}
.tag-text.mer-tag {
max-width: 128px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}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-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-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;
}.image-container.mer-avatar {
display: contents;
}
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-secondary-default);
border: 1px solid var(--alias-color-border-primary-highlight);
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;
}
.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;
}
.tippy-box.mer-menu {
outline: none;
}
.mer-menu[data-tippy-root] {
z-index: var(--mer-z-index-menu) !important;
}lit$6855965667$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{background-color:var(--alias-color-background-primary-default);color:var(--alias-color-text-primary-default);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;font-weight:400;line-height:1.4em;min-height:100vh;text-rendering:optimizeSpeed}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}button,input,select,textarea{font:inherit}input:matches([type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],[type=price]),textarea{-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.js-focus-visible :focus:not(.focus-visible){outline:none}a{color:var(--alias-color-text-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] button,mer-text-link[disabled]>a{cursor:default}mer-text-link[disabled] button,mer-text-link[disabled] button:active,mer-text-link[disabled] button:hover,mer-text-link[disabled] button:link,mer-text-link[disabled] button:visited,mer-text-link[disabled]>a,mer-text-link[disabled]>a:active,mer-text-link[disabled]>a:hover,mer-text-link[disabled]>a:link,mer-text-link[disabled]>a:visited{fill:var(--alias-color-text-disabled-default);color:var(--alias-color-text-disabled-default)}mer-text-link[disabled] button:not(button),mer-text-link[disabled]>a:not(button){text-decoration:underline}mer-list-item>a{color:var(--alias-color-text-primary-default)}mer-heading>mer-text-link a,mer-heading>mer-text-link button{margin:-8px;margin-left:inherit;min-height:36px;padding:8px;text-decoration:none!important}mer-dialog [slot=footer],mer-information-popup [slot=footer]{align-items:center;display:flex}@media (min-width:960px){mer-dialog [slot=footer],mer-information-popup [slot=footer]{justify-content:flex-end}mer-dialog [slot=footer] mer-button,mer-information-popup [slot=footer] mer-button{min-width:120px}mer-dialog [slot=footer] mer-button:not(:first-child),mer-information-popup [slot=footer] mer-button:not(:first-child){margin-left:16px}mer-dialog [slot=footer] mer-button:nth-child(2):nth-last-child(2),mer-information-popup [slot=footer] mer-button:nth-child(2):nth-last-child(2){margin-left:auto}}@media (max-width:959.9px){mer-dialog [slot=footer],mer-information-popup [slot=footer]{flex-direction:column-reverse}mer-dialog [slot=footer] mer-button,mer-information-popup [slot=footer] mer-button{width:100%}mer-dialog [slot=footer] mer-button:not(:first-child),mer-information-popup [slot=footer] mer-button:not(:first-child){margin-bottom:8px}}@media (min-width:960px){mer-information-popup [slot=footer]{justify-content:center}mer-information-popup [slot=footer] mer-button:first-child:nth-last-child(2),mer-information-popup [slot=footer] mer-button:nth-child(2):nth-last-child(2){margin-left:auto}}mer-modal [slot=footer]{display:flex;flex-flow:row-reverse}mer-modal [slot=footer] mer-button:not(:first-child){margin-right:8px}mer-guide-link-row[disabled] a,mer-guide-link-row[disabled] button,mer-guide-link[disabled] a,mer-guide-link[disabled] button{color:var(--alias-color-text-disabled-default);cursor:not-allowed}mer-empty-state [slot=action]{display:flex;flex-direction:column}mer-empty-state [slot=action] mer-button:not(:first-child){margin-top:8px}mer-tab-item{flex-grow:0}mer-tab-item a{color:inherit}mer-checkbox-label[disabled]{color:var(--alias-color-text-disabled-default)}mer-checkbox-label mer-checkbox{margin-right:14px}mer-radio-label[disabled]{color:var(--alias-color-text-disabled-default)}mer-radio-label mer-radio{margin-right:14px}mer-toggle-switch{display:inline-flex}mer-toggle-switch[disabled]{pointer-events:none}mer-action-row>a{color:inherit;text-decoration:none}mer-autocomplete [slot=input]{display:inline-flex;height:100%;width:100%}mer-autocomplete [slot=input] mer-icon-button{flex-shrink:0}mer-autocomplete [slot=input] mer-icon-button+mer-search-input{margin-left:8px}mer-text-list:not([variant=ordered])>mer-text-list-item:before{background-color:var(--alias-color-icon-primary-default);border-radius:50%;content:"";display:inline-flex;height:3px;margin:8px 12px 8px 8px;width:3px}mer-breadcrumb-list a{word-break:normal}.mer-form-input{position:relative;width:100%}.mer-form-input .mer-form-input-label{display:block}.mer-form-input .mer-form-input-label-group{align-items:center;display:flex;margin-bottom:4px}.mer-form-input .mer-text-input-sub-label{font-weight:400;margin-left:4px}.mer-form-input .mer-form-input-bottom-split{align-items:flex-start;display:flex}.mer-form-input .mer-form-input-label{font-size:14px;font-weight:700;line-height:1.4em}.mer-form-input mer-tag{margin-left:4px}.mer-form-input .input-node{background:var(--alias-color-background-primary-default);border:1px solid var(--alias-color-border-primary-default);border-radius:4px;box-sizing:border-box;font-size:16px;font-weight:400;line-height:1.4em;margin:0;outline:none;width:100%}.mer-form-input .input-node::placeholder,.mer-form-input .input-node:disabled{color:var(--alias-color-text-placeholder-default)}.mer-form-input .input-node.focus-visible,.mer-form-input .input-node:active,.mer-form-input .input-node:focus{border-color:var(--alias-color-border-secondary-default)!important}.mer-form-input.suggestion .input-node{border-color:var(--alias-color-border-success-default)}.mer-form-input.error .input-node{border-color:var(--alias-color-border-attention-default)}.mer-form-input.left .input-node{text-align:left}.mer-form-input.right .input-node{text-align:right}.mer-form-input .mer-form-input-count{flex-shrink:0;font-size:10px;font-weight:400;line-height:1.4em;margin:4px 0 0 auto;padding-left:8px}.mer-form-input .mer-form-input-error-message,.mer-form-input .mer-form-input-help-message{margin:4px 0 0}.mer-form-input .mer-form-input-error-message{color:var(--alias-color-text-attention-default);font-size:14px;font-weight:400;line-height:1.4em}.mer-form-input .mer-form-input-help-message{color:var(--alias-color-text-secondary-default);font-size:12px;font-weight:400;line-height:1.4em}mer-text-input[fluid]{width:100%}mer-text-input[disabled] .mer-text-input-container{background-color:var(--alias-color-background-primary-highlight);pointer-events:none}mer-text-input[disabled] .mer-form-input-label-group,mer-text-input[disabled] .mer-text-input-prefix-label{color:var(--alias-color-text-placeholder-default)}mer-text-input[error] .mer-text-input-container .mer-text-input-fieldset{border-color:var(--alias-color-border-attention-default)}mer-text-input[suggestion] .mer-text-input-container .mer-text-input-fieldset{border-color:var(--alias-color-border-success-default)}mer-text-input[type=price] .mer-text-input-container .mer-text-input-prefix-label.active-input-prefix{color:var(--alias-color-text-primary-default)}mer-text-input[type=price] .mer-text-input-container .input-node{font-size:20px;font-weight:700;line-height:1.4em;padding:11px 15px;text-align:right!important;text-overflow:ellipsis}mer-text-input[type=price] .mer-form-input .mer-text-input-prefix-label{color:var(--alias-color-text-placeholder-default);font-size:20px;font-weight:700;line-height:1.4em}mer-text-input[type=password] .input-node::-webkit-caps-lock-indicator,mer-text-input[type=password] .input-node::-webkit-credentials-auto-fill-button{position:relative;right:40px}mer-text-input[type=date] .input-node{-webkit-appearance:none;appearance:none}mer-text-input[type=date] .input-node::-webkit-calendar-picker-indicator,mer-text-input[type=date] .input-node::-webkit-clear-button,mer-text-input[type=date] .input-node::-webkit-inner-spin-button{display:none;visibility:hidden}mer-text-input{display:inline-flex}mer-text-input .mer-text-input-container{align-items:center;background-color:var(--alias-color-background-primary-default);border-radius:4px;cursor:text;display:inline-flex;overflow:hidden;position:relative;width:100%}mer-text-input .mer-text-input-container .input-node{-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:0;color:var(--alias-color-text-primary-default);display:block;flex:1 1;outline:none;padding:16px}mer-text-input .mer-text-input-container .input-node.focus-visible~.mer-text-input-fieldset,mer-text-input .mer-text-input-container .input-node:active~.mer-text-input-fieldset,mer-text-input .mer-text-input-container .input-node:focus~.mer-text-input-fieldset{border-color:var(--alias-color-border-secondary-default)!important}mer-text-input .mer-text-input-container .input-node.with-prefix-label{padding-left:0}mer-text-input .mer-text-input-container .input-node.with-suffix-button{padding-right:0}mer-text-input .mer-text-input-container .input-node::-ms-clear,mer-text-input .mer-text-input-container .input-node::-ms-reveal{display:none}mer-text-input .mer-text-input-container .input-node.no-spin-button{-webkit-appearance:textfield;appearance:textfield}mer-text-input .mer-text-input-container .input-node.no-spin-button::-webkit-inner-spin-button,mer-text-input .mer-text-input-container .input-node.no-spin-button::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}mer-text-input .mer-text-input-container .mer-text-input-prefix-label{margin-left:16px;margin-right:8px}mer-text-input .mer-text-input-container .mer-text-input-fieldset{border:1px solid var(--alias-color-border-primary-default);border-radius:4px;inset:0;margin:0;padding:0;pointer-events:none;position:absolute}mer-text-input .mer-text-input-container mer-icon-button{min-height:inherit;min-width:inherit;padding:8px 12px 8px 4px}mer-text-input .mer-form-input.exceeded .mer-form-input-count{color:var(--alias-color-text-attention-default)}mer-textarea[fluid]{display:flex}mer-textarea[fluid] .input-node{width:100%}mer-textarea[unresizable] .input-node{resize:none}mer-textarea[autosize] .input-node{overflow-y:hidden}mer-textarea{display:inline-flex;flex-direction:column}mer-textarea .input-node{box-sizing:border-box;color:var(--alias-color-text-primary-default);height:calc(1.4em + 40px);min-height:calc(4.2em + 40px);padding:15px;resize:vertical;vertical-align:middle}mer-textarea .mer-form-input.exceeded .mer-form-input-count{color:var(--alias-color-text-attention-default)}mer-textarea .mer-textarea-copied-text{border:1px solid #0000;font-size:16px;font-weight:400;height:0;left:0;line-height:1.4em;opacity:0;padding:20px;pointer-events:none;position:absolute;top:0;vertical-align:middle;white-space:pre-wrap;width:100%}mer-select[fluid],mer-select[fluid] .mer-select{width:100%}mer-select{display:inline-flex}mer-select .mer-form-input .mer-form-input-label-group{align-items:center;display:flex;margin-bottom:4px}mer-select .mer-form-input .mer-form-input-label-group mer-tag{margin-left:8px}mer-select .mer-form-input .mer-form-input-bottom-split .mer-form-input-messages .mer-form-input-error-message,mer-select .mer-form-input .mer-form-input-bottom-split .mer-form-input-messages .mer-form-input-help-message{margin-top:4px}mer-select .mer-form-input .mer-form-input-bottom-split .mer-form-input-messages .mer-form-input-error-message+.mer-form-input-help-message{margin-top:8px}mer-select .mer-select{align-items:center;display:inline-flex;position:relative}mer-select .mer-select select.small{font-size:12px;font-weight:400;height:33px;line-height:1.4em;padding:0 36px 0 16px}mer-select .mer-select select.medium{height:55px;padding:0 44px 0 16px}mer-select .mer-select .input-node{-webkit-appearance:none;appearance:none;color:var(--alias-color-text-primary-default)}mer-select .mer-select .input-node::-ms-expand{display:none}mer-select .mer-select .input-node:not(:disabled):hover{cursor:pointer}mer-select .mer-select .input-node.placeholder{color:var(--alias-color-text-placeholder-default)}mer-select .mer-select .input-node>option{color:var(--alias-color-text-primary-default)}mer-select .mer-select .mer-select-auto-resize{-webkit-appearance:none;appearance:none;font-size:16px;height:0;left:-99999px;position:absolute;visibility:hidden}mer-select .mer-select-down-icon{margin:auto;pointer-events:none;position:absolute;right:16px}mer-select .mer-select-error-icon{margin:auto;pointer-events:none;position:absolute;right:48px}mer-select[disabled] .mer-form-input .mer-form-input-bottom-split .mer-form-input-messages .mer-form-input-help-message,mer-select[disabled] .mer-form-input .mer-form-input-label-group .mer-text-input-label{color:var(--alias-color-text-disabled-default)}mer-checkbox{align-items:center;display:inline-flex;flex-shrink:0;justify-content:flex-start;position:relative}@media (hover:hover){mer-checkbox:not([disabled]):hover .mer-checkbox-decorator:after{display:inline-flex}}mer-checkbox .mer-checkbox-checkmark,mer-checkbox .mer-checkbox-decorator,mer-checkbox .mer-checkbox-input{transition-duration:.1s;transition-timing-function:ease-out}mer-checkbox .mer-checkbox-input{-webkit-appearance:none;appearance:none;background-color:initial;border:3px solid var(--alias-color-icon-secondary-default);border-radius:4px;cursor:pointer;display:inline-flex;height:20px;margin:0;outline:none;padding:0;position:relative;transition-property:border-color;width:20px;z-index:0}mer-checkbox .mer-checkbox-input:not([disabled]).focus-visible+.mer-checkbox-decorator:before{display:inline-flex}mer-checkbox .mer-checkbox-input:checked{border-color:var(--alias-color-border-accent-default)}mer-checkbox .mer-checkbox-input:checked+.mer-checkbox-decorator{background-color:var(--alias-color-background-accent-default)}mer-checkbox .mer-checkbox-input:checked+.mer-checkbox-decorator .mer-checkbox-checkmark{display:inline-flex}mer-checkbox .mer-checkbox-input:disabled{border-color:var(--alias-color-border-disabled-default);cursor:default}mer-checkbox .mer-checkbox-input:disabled:checked+.mer-checkbox-decorator{background-color:var(--alias-color-background-disabled-default)}mer-checkbox .mer-checkbox-decorator{align-items:center;border-radius:4px;display:inline-flex;height:20px;justify-content:center;pointer-events:none;position:absolute;transition-property:background-color;width:100%}mer-checkbox .mer-checkbox-decorator:after{background-color:var(--alias-color-background-accent-highlight);border-radius:50%;content:"";display:none;height:40px;left:-10px;opacity:.2;position:absolute;top:-10px;width:40px;z-index:1}mer-checkbox .mer-checkbox-decorator:before{border:6px solid var(--alias-color-background-accent-highlight);border-radius:50%;content:"";display:none;height:46px;left:-13px;opacity:.5;position:absolute;top:-13px;width:46px;z-index:1}mer-checkbox .mer-checkbox-checkmark{display:none}mer-radio{align-items:center;display:inline-flex;flex-shrink:0;justify-content:flex-start;position:relative}@media (hover:hover){mer-radio:not([disabled]):hover .mer-radio-decorator:after{display:inline-flex}}mer-radio .mer-radio-checkmark,mer-radio .mer-radio-input{transition-duration:.1s;transition-timing-function:ease-out}mer-radio input[type=radio]{-webkit-appearance:none;appearance:none;background-color:initial;border:3px solid var(--alias-color-icon-secondary-default);border-radius:50%;cursor:pointer;display:inline-flex;height:20px;margin:0;outline:none;padding:0;position:relative;transition-property:background-color,border-color;width:20px;z-index:0}mer-radio input[type=radio]:not([disabled]).focus-visible+.mer-radio-decorator:before{display:inline-flex}mer-radio input[type=radio]:checked{border-width:2px}mer-radio input[type=radio]:not([disabled]):checked{border-color:var(--alias-color-border-accent-default)}mer-radio input[type=radio]:not([disabled]):checked+.mer-radio-decorator .mer-radio-checkmark{background-color:var(--alias-color-background-accent-default)}mer-radio .mer-radio-decorator{align-items:center;display:inline-flex;height:20px;justify-content:center;pointer-events:none;position:absolute;width:100%}mer-radio .mer-radio-decorator:after{background-color:var(--alias-color-background-accent-highlight);border-radius:50%;content:"";display:none;height:40px;left:-10px;opacity:.2;position:absolute;top:-10px;width:40px;z-index:1}mer-radio .mer-radio-decorator:before{border:6px solid var(--alias-color-background-accent-highlight);border-radius:50%;content:"";display:none;height:46px;left:-13px;opacity:.5;position:absolute;top:-13px;width:46px;z-index:1}mer-radio .mer-radio-decorator .mer-radio-checkmark{background-color:initial;border-radius:50%;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition-property:background-color;width:12px}mer-radio[disabled] input{border-color:var(--alias-color-border-disabled-default);cursor:default}mer-radio[disabled] input:checked+.mer-radio-decorator .mer-radio-checkmark{background-color:var(--alias-color-background-disabled-default)}.mer-spacing-t-2,.mer-spacing-t-2-l{margin-top:2px}.mer-spacing-t-4,.mer-spacing-t-4-l{margin-top:4px}.mer-spacing-t-6,.mer-spacing-t-6-l,.mer-spacing-t-8,.mer-spacing-t-8-l{margin-top:8px}.mer-spacing-t-12,.mer-spacing-t-12-l{margin-top:12px}.mer-spacing-t-16,.mer-spacing-t-16-l{margin-top:16px}.mer-spacing-t-20,.mer-spacing-t-20-l{margin-top:20px}.mer-spacing-t-24,.mer-spacing-t-24-l{margin-top:24px}.mer-spacing-t-32,.mer-spacing-t-32-l{margin-top:32px}.mer-spacing-t-40,.mer-spacing-t-40-l{margin-top:40px}.mer-spacing-t-48,.mer-spacing-t-48-l{margin-top:48px}.mer-spacing-t-56,.mer-spacing-t-56-l{margin-top:56px}.mer-spacing-t-64,.mer-spacing-t-64-l{margin-top:64px}.mer-spacing-t-80,.mer-spacing-t-80-l{margin-top:80px}.mer-spacing-t-96,.mer-spacing-t-96-l{margin-top:96px}.mer-spacing-t-128,.mer-spacing-t-128-l{margin-top:128px}.mer-spacing-b-2,.mer-spacing-b-2-l{margin-bottom:2px}.mer-spacing-b-4,.mer-spacing-b-4-l,.mer-spacing-b-6,.mer-spacing-b-6-l{margin-bottom:4px}.mer-spacing-b-8,.mer-spacing-b-8-l{margin-bottom:8px}.mer-spacing-b-12,.mer-spacing-b-12-l{margin-bottom:12px}.mer-spacing-b-16,.mer-spacing-b-16-l{margin-bottom:16px}.mer-spacing-b-20,.mer-spacing-b-20-l{margin-bottom:20px}.mer-spacing-b-24,.mer-spacing-b-24-l{margin-bottom:24px}.mer-spacing-b-32,.mer-spacing-b-32-l{margin-bottom:32px}.mer-spacing-b-40,.mer-spacing-b-40-l{margin-bottom:40px}.mer-spacing-b-48,.mer-spacing-b-48-l{margin-bottom:48px}.mer-spacing-b-56,.mer-spacing-b-56-l{margin-bottom:56px}.mer-spacing-b-64,.mer-spacing-b-64-l{margin-bottom:64px}.mer-spacing-b-80,.mer-spacing-b-80-l{margin-bottom:80px}.mer-spacing-b-96,.mer-spacing-b-96-l{margin-bottom:96px}.mer-spacing-b-128,.mer-spacing-b-128-l{margin-bottom:128px}.mer-spacing-l-2,.mer-spacing-l-2-l{margin-left:2px}.mer-spacing-l-4,.mer-spacing-l-4-l,.mer-spacing-l-6,.mer-spacing-l-6-l{margin-left:4px}.mer-spacing-l-8,.mer-spacing-l-8-l{margin-left:8px}.mer-spacing-l-12,.mer-spacing-l-12-l{margin-left:12px}.mer-spacing-l-16,.mer-spacing-l-16-l{margin-left:16px}.mer-spacing-l-20,.mer-spacing-l-20-l{margin-left:20px}.mer-spacing-l-24,.mer-spacing-l-24-l{margin-left:24px}.mer-spacing-l-32,.mer-spacing-l-32-l{margin-left:32px}.mer-spacing-l-40,.mer-spacing-l-40-l{margin-left:40px}.mer-spacing-l-48,.mer-spacing-l-48-l{margin-left:48px}.mer-spacing-l-56,.mer-spacing-l-56-l{margin-left:56px}.mer-spacing-l-64,.mer-spacing-l-64-l{margin-left:64px}.mer-spacing-l-80,.mer-spacing-l-80-l{margin-left:80px}.mer-spacing-l-96,.mer-spacing-l-96-l{margin-left:96px}.mer-spacing-l-128,.mer-spacing-l-128-l{margin-left:128px}.mer-spacing-r-2,.mer-spacing-r-2-l{margin-right:2px}.mer-spacing-r-4,.mer-spacing-r-4-l,.mer-spacing-r-6,.mer-spacing-r-6-l{margin-right:4px}.mer-spacing-r-8,.mer-spacing-r-8-l{margin-right:8px}.mer-spacing-r-12,.mer-spacing-r-12-l{margin-right:12px}.mer-spacing-r-16,.mer-spacing-r-16-l{margin-right:16px}.mer-spacing-r-20,.mer-spacing-r-20-l{margin-right:20px}.mer-spacing-r-24,.mer-spacing-r-24-l{margin-right:24px}.mer-spacing-r-32,.mer-spacing-r-32-l{margin-right:32px}.mer-spacing-r-40,.mer-spacing-r-40-l{margin-right:40px}.mer-spacing-r-48,.mer-spacing-r-48-l{margin-right:48px}.mer-spacing-r-56,.mer-spacing-r-56-l{margin-right:56px}.mer-spacing-r-64,.mer-spacing-r-64-l{margin-right:64px}.mer-spacing-r-80,.mer-spacing-r-80-l{margin-right:80px}.mer-spacing-r-96,.mer-spacing-r-96-l{margin-right:96px}.mer-spacing-r-128,.mer-spacing-r-128-l{margin-right:128px}.mer-spacing-x-2{margin-left:2px;margin-right:2px}.mer-spacing-x-4,.mer-spacing-x-6{margin-left:4px;margin-right:4px}.mer-spacing-x-8{margin-left:8px;margin-right:8px}.mer-spacing-x-12{margin-left:12px;margin-right:12px}.mer-spacing-x-16{margin-left:16px;margin-right:16px}.mer-spacing-x-20{margin-left:20px;margin-right:20px}.mer-spacing-x-24{margin-left:24px;margin-right:24px}.mer-spacing-x-32{margin-left:32px;margin-right:32px}.mer-spacing-x-40{margin-left:40px;margin-right:40px}.mer-spacing-x-48{margin-left:48px;margin-right:48px}.mer-spacing-x-56{margin-left:56px;margin-right:56px}.mer-spacing-x-64{margin-left:64px;margin-right:64px}.mer-spacing-x-80{margin-left:80px;margin-right:80px}.mer-spacing-x-96{margin-left:96px;margin-right:96px}.mer-spacing-x-128{margin-left:128px;margin-right:128px}.mer-spacing-y-2{margin-bottom:2px;margin-top:2px}.mer-spacing-y-4,.mer-spacing-y-6{margin-bottom:4px;margin-top:4px}.mer-spacing-y-8{margin-bottom:8px;margin-top:8px}.mer-spacing-y-12{margin-bottom:12px;margin-top:12px}.mer-spacing-y-16{margin-bottom:16px;margin-top:16px}.mer-spacing-y-20{margin-bottom:20px;margin-top:20px}.mer-spacing-y-24{margin-bottom:24px;margin-top:24px}.mer-spacing-y-32{margin-bottom:32px;margin-top:32px}.mer-spacing-y-40{margin-bottom:40px;margin-top:40px}.mer-spacing-y-48{margin-bottom:48px;margin-top:48px}.mer-spacing-y-56{margin-bottom:56px;margin-top:56px}.mer-spacing-y-64{margin-bottom:64px;margin-top:64px}.mer-spacing-y-80{margin-bottom:80px;margin-top:80px}.mer-spacing-y-96{margin-bottom:96px;margin-top:96px}.mer-spacing-y-128{margin-bottom:128px;margin-top:128px}.mer-spacing-a-2{margin:2px}.mer-spacing-a-4{margin:4px}.mer-spacing-a-6,.mer-spacing-a-8{margin:8px}.mer-spacing-a-12{margin:12px}.mer-spacing-a-16{margin:16px}.mer-spacing-a-20{margin:20px}.mer-spacing-a-24{margin:24px}.mer-spacing-a-32{margin:32px}.mer-spacing-a-40{margin:40px}.mer-spacing-a-48{margin:48px}.mer-spacing-a-56{margin:56px}.mer-spacing-a-64{margin:64px}.mer-spacing-a-80{margin:80px}.mer-spacing-a-96{margin:96px}.mer-spacing-a-128{margin:128px}.mer-spacing-t-12-l:first-child,.mer-spacing-t-128-l:first-child,.mer-spacing-t-16-l:first-child,.mer-spacing-t-2-l:first-child,.mer-spacing-t-20-l:first-child,.mer-spacing-t-24-l:first-child,.mer-spacing-t-32-l:first-child,.mer-spacing-t-4-l:first-child,.mer-spacing-t-40-l:first-child,.mer-spacing-t-48-l:first-child,.mer-spacing-t-56-l:first-child,.mer-spacing-t-6-l:first-child,.mer-spacing-t-64-l:first-child,.mer-spacing-t-8-l:first-child,.mer-spacing-t-80-l:first-child,.mer-spacing-t-96-l:first-child{margin-bottom:0}.mer-spacing-b-12-l:last-child,.mer-spacing-b-128-l:last-child,.mer-spacing-b-16-l:last-child,.mer-spacing-b-2-l:last-child,.mer-spacing-b-20-l:last-child,.mer-spacing-b-24-l:last-child,.mer-spacing-b-32-l:last-child,.mer-spacing-b-4-l:last-child,.mer-spacing-b-40-l:last-child,.mer-spacing-b-48-l:last-child,.mer-spacing-b-56-l:last-child,.mer-spacing-b-6-l:last-child,.mer-spacing-b-64-l:last-child,.mer-spacing-b-8-l:last-child,.mer-spacing-b-80-l:last-child,.mer-spacing-b-96-l:last-child{margin-top:0}.mer-spacing-l-12-l:first-child,.mer-spacing-l-128-l:first-child,.mer-spacing-l-16-l:first-child,.mer-spacing-l-2-l:first-child,.mer-spacing-l-20-l:first-child,.mer-spacing-l-24-l:first-child,.mer-spacing-l-32-l:first-child,.mer-spacing-l-4-l:first-child,.mer-spacing-l-40-l:first-child,.mer-spacing-l-48-l:first-child,.mer-spacing-l-56-l:first-child,.mer-spacing-l-6-l:first-child,.mer-spacing-l-64-l:first-child,.mer-spacing-l-8-l:first-child,.mer-spacing-l-80-l:first-child,.mer-spacing-l-96-l:first-child{margin-left:0}.mer-spacing-r-12-l:last-child,.mer-spacing-r-128-l:last-child,.mer-spacing-r-16-l:last-child,.mer-spacing-r-2-l:last-child,.mer-spacing-r-20-l:last-child,.mer-spacing-r-24-l:last-child,.mer-spacing-r-32-l:last-child,.mer-spacing-r-4-l:last-child,.mer-spacing-r-40-l:last-child,.mer-spacing-r-48-l:last-child,.mer-spacing-r-56-l:last-child,.mer-spacing-r-6-l:last-child,.mer-spacing-r-64-l:last-child,.mer-spacing-r-8-l:last-child,.mer-spacing-r-80-l:last-child,.mer-spacing-r-96-l:last-child{margin-right:0}:root{--mer-z-index-menu:1100;--mer-z-index-navigation-top:1200;--mer-z-index-navigation-bottom:1200;--mer-z-index-autocomplete:1300;--mer-z-index-action-sheet:1400;--mer-z-index-side-sheet:1400;--mer-z-index-information-popup:1400;--mer-z-index-modal:1400;--mer-z-index-dialog:1400;--mer-z-index-snackbar:1500;--mer-z-index-tooltip:1600}mer-button:not([mer-defined]){align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:1.4em;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;word-break:break-word}mer-button:not([mer-defined])[size=small]{line-height:1.4em;min-height:32px;padding:0 12px}mer-button:not([mer-defined])[size=medium]{line-height:1.4em;min-height:48px;padding:0 24px}mer-button:not([mer-defined])[size=large]{line-height:1.4em;min-height:52px;padding:0 32px}mer-button:not([mer-defined])[intent=primary]{fill:var(--alias-color-text-inverse-default);background-color:var(--alias-color-background-attention-default);color:var(--alias-color-text-inverse-default)}mer-button:not([mer-defined])[intent=secondary]{fill:var(--alias-color-text-attention-default);background-color:initial;border-color:var(--alias-color-border-attention-default);color:var(--alias-color-text-link-default)}mer-button:not([mer-defined])[intent=flat]{fill:var(--alias-color-text-link-default);background-color:initial;color:var(--alias-color-text-link-default)}mer-button:not([mer-defined])[intent=attention]{fill:var(--alias-color-text-inverse-default);background-color:var(--alias-color-background-attention-default);color:var(--alias-color-text-inverse-default)}mer-button:not([mer-defined])>button{fill:inherit;background-color:inherit;border:none;color:inherit;cursor:pointer;display:flex;height:100%;width:100%}mer-search-input:not([mer-defined]){background-color:var(--alias-color-background-secondary-default);border:1px solid var(--alias-color-border-primary-default);border-radius:4px;display:inline-flex;height:36px;width:100%}mer-search-input:not([mer-defined]) *{display:none}mer-guide-link:not([mer-defined]){height:36px;width:100%}mer-guide-link:not([mer-defined]) *{display:none}mer-guide-link-row:not([mer-defined]){padding:8px 0;width:100%}mer-guide-link-row:not([mer-defined]) *{display:none}mer-navigation-top:not([mer-defined]){background-color:var(--alias-color-background-primary-default);border-bottom:1px solid var(--alias-color-border-primary-highlight);box-sizing:border-box;display:block}@media (min-width:960px){mer-navigation-top:not([mer-defined]){height:64px}}@media (max-width:959.9px){mer-navigation-top:not([mer-defined]){height:56px}}mer-navigation-top:not([mer-defined]) *{display:none}mer-item-thumbnail:not([mer-defined]){background:var(--alias-color-background-secondary-default);display:inline-flex;flex-direction:column}mer-item-thumbnail:not([mer-defined])[size=small]{height:48px;width:48px}mer-item-thumbnail:not([mer-defined])[size=medium]{height:64px;width:64px}mer-item-thumbnail:not([mer-defined])[size=large]{height:96px;width:96px}mer-item-thumbnail:not([mer-defined])[size=fluid]{height:100%;width:100%}mer-item-thumbnail:not([mer-defined])[item-name]:before{content:"";display:block;flex-shrink:0;height:100%;width:100%}mer-item-thumbnail:not([mer-defined])[item-name]:after{content:"";display:block;flex-shrink:0;height:39.2px;margin-top:8px;width:100%}mer-navigation-top mer-navigation-top-menu mer-button{height:36px}mer-navigation-top mer-navigation-top-menu mer-button>*{font-size:14px;height:36px;min-width:60px;padding:8px 16px}mer-navigation-top mer-navigation-top-menu [slot=mobile] mer-icon-button:not(:first-child){margin-left:4px}mer-navigation-top-menu-item>a{align-items:center;color:inherit;display:flex;height:100%;justify-content:center}.mer-toggle-switch-container{border-radius:16px!important;display:inline-flex}.mer-toggle-switch-container:focus{outline:none}.mer-toggle-switch-container.focus-visible{border-radius:4px;box-shadow:var(--focus-ring-color) 0 0 0 4px}.mer-toggle-switch-container.inner-focus-ring.focus-visible{box-shadow:inset var(--focus-ring-color) 0 0 0 4px}.mer-toggle-switch-label{background-color:var(--alias-color-icon-secondary-default);border-radius:16px;cursor:pointer;display:inline-block;height:32px;outline:none;position:relative;transition:all .15s ease-out;width:52px}@media (hover:hover){.mer-toggle-switch-label:hover{background-color:var(--alias-color-icon-secondary-highlight)}.mer-toggle-switch-label:hover.checked{background-color:var(--alias-color-icon-accent-highlight)}}.mer-toggle-switch-label:active{background-color:var(--alias-color-icon-secondary-active)}.mer-toggle-switch-label:active.checked{background-color:var(--alias-color-icon-accent-active)}.mer-toggle-switch-label.checked{background-color:var(--alias-color-icon-accent-default)}.mer-toggle-switch-label.checked:before{transform:translate3d(70%,0,0)}.mer-toggle-switch-label.disabled{background-color:var(--alias-color-icon-disabled-default)}.mer-toggle-switch-label.disabled:before{opacity:.4}.mer-toggle-switch-label:before{background-color:var(--alias-color-system-staticWhite-default);border-radius:50%;content:"";height:28px;left:2px;position:absolute;top:2px;transition:transform .15s ease-out;width:28px}.mer-toggle-switch-label>input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.light-theme{--alias-color-background-primary-highlight:#f5f5f5;--alias-color-background-primary-default:#fff;--alias-color-background-primary-active:#f5f5f5;--alias-color-background-secondary-highlight:#e5e5e5;--alias-color-background-secondary-default:#f5f5f5;--alias-color-background-secondary-active:#e5e5e5;--alias-color-background-tertiary-highlight:#666;--alias-color-background-tertiary-default:#333;--alias-color-background-tertiary-active:#222;--alias-color-background-accent-highlight:#63c5ff;--alias-color-background-accent-default:#0095ee;--alias-color-background-accent-active:#0073cc;--alias-color-background-attention-highlight:#ff6574;--alias-color-background-attention-default:#ff333f;--alias-color-background-attention-active:#e32b36;--alias-color-background-accentThin-highlight:#c9ebff;--alias-color-background-accentThin-default:#e8f8ff;--alias-color-background-accentThin-active:#c9ebff;--alias-color-background-attentionThin-highlight:#ffdcdf;--alias-color-background-attentionThin-default:#fdf1f3;--alias-color-background-attentionThin-active:#ffdcdf;--alias-color-background-success-highlight:#cdfbd2;--alias-color-background-success-default:#e4ffec;--alias-color-background-success-active:#cdfbd2;--alias-color-background-disabled-default:#ccc;--alias-color-overlay-strong:#222c;--alias-color-overlay-midStrong:#2229;--alias-color-overlay-middle:#2226;--alias-color-overlay-weak:#2223;--alias-color-overlay-inverseStrong:#fffc;--alias-color-overlay-inverseMidStrong:#fff9;--alias-color-overlay-inverseMiddle:#fff6;--alias-color-overlay-inverseWeak:#fff3;--alias-color-text-primary-highlight:#999;--alias-color-text-primary-default:#333;--alias-color-text-primary-active:#222;--alias-color-text-secondary-highlight:#999;--alias-color-text-secondary-default:#666;--alias-color-text-secondary-active:#4c4c4c;--alias-color-text-placeholder-default:#999;--alias-color-text-disabled-default:#ccc;--alias-color-text-accent-highlight:#63c5ff;--alias-color-text-accent-default:#0095ee;--alias-color-text-accent-active:#0073cc;--alias-color-text-link-highlight:#30b2ff;--alias-color-text-link-default:#0073cc;--alias-color-text-link-active:#0056ab;--alias-color-text-attention-highlight:#ff6574;--alias-color-text-attention-default:#ff333f;--alias-color-text-attention-active:#e32b36;--alias-color-text-inverse-highlight:#f5f5f5;--alias-color-text-inverse-default:#fff;--alias-color-text-inverse-active:#f5f5f5;--alias-color-text-success-highlight:#0fbf67;--alias-color-text-success-default:#0aa466;--alias-color-text-success-active:#078962;--alias-color-icon-primary-highlight:#999;--alias-color-icon-primary-default:#333;--alias-color-icon-primary-active:#222;--alias-color-icon-secondary-highlight:#e5e5e5;--alias-color-icon-secondary-default:#ccc;--alias-color-icon-secondary-active:#999;--alias-color-icon-tertiary-highlight:#999;--alias-color-icon-tertiary-default:#666;--alias-color-icon-tertiary-active:#4c4c4c;--alias-color-icon-disabled-default:#ccc;--alias-color-icon-accent-highlight:#63c5ff;--alias-color-icon-accent-default:#0095ee;--alias-color-icon-accent-active:#0073cc;--alias-color-icon-link-highlight:#30b2ff;--alias-color-icon-link-default:#0073cc;--alias-color-icon-link-active:#0056ab;--alias-color-icon-attention-highlight:#ff6574;--alias-color-icon-attention-default:#ff333f;--alias-color-icon-attention-active:#e32b36;--alias-color-icon-inverse-highlight:#f5f5f5;--alias-color-icon-inverse-default:#fff;--alias-color-icon-inverse-active:#f5f5f5;--alias-color-icon-success-highlight:#0fbf67;--alias-color-icon-success-default:#0aa466;--alias-color-icon-success-active:#078962;--alias-color-icon-decorativeYellow-highlight:#ffdc74;--alias-color-icon-decorativeYellow-default:#ffb818;--alias-color-icon-decorativeYellow-active:#db9611;--alias-color-border-primary-highlight:#e5e5e5;--alias-color-border-primary-default:#ccc;--alias-color-border-primary-active:#999;--alias-color-border-secondary-highlight:#404040;--alias-color-border-secondary-default:#333;--alias-color-border-secondary-active:#222;--alias-color-border-disabled-default:#ccc;--alias-color-border-accent-highlight:#63c5ff;--alias-color-border-accent-default:#0095ee;--alias-color-border-accent-active:#0073cc;--alias-color-border-attention-highlight:#ff6574;--alias-color-border-attention-default:#ff333f;--alias-color-border-attention-active:#e32b36;--alias-color-border-success-highlight:#0fbf67;--alias-color-border-success-default:#0aa466;--alias-color-border-success-active:#078962;--alias-color-system-staticBlack-default:#000;--alias-color-system-staticWhite-default:#fff;--alias-color-system-staticClear-default:#fff0;--component-button-secondary-hover:#ff65741a;--component-button-secondary-pressed:#e32b361a;--component-button-flat-hover:#ff65741a;--component-button-flat-pressed:#e32b361a;--component-avatar-border:#ccc6;--component-skeleton-wave-shimmer:linear-gradient(135deg,#fff0 20%,#fffc,#fff0 80%);--component-information-bubble-background-transaction:#fff6cf;--component-mercari-logo-text-color:#222;--focus-ring-color:#89bffd66}.dark-theme{--alias-color-background-primary-highlight:#2d2d2d;--alias-color-background-primary-default:#222;--alias-color-background-primary-active:#2d2d2d;--alias-color-background-secondary-highlight:#333;--alias-color-background-secondary-default:#2d2d2d;--alias-color-background-secondary-active:#333;--alias-color-background-tertiary-highlight:#9c9c9c;--alias-color-background-tertiary-default:#e5e5e5;--alias-color-background-tertiary-active:#fff;--alias-color-background-accent-highlight:#0056ab;--alias-color-background-accent-default:#0095ee;--alias-color-background-accent-active:#30b2ff;--alias-color-background-attention-highlight:#a72030;--alias-color-background-attention-default:#da3e50;--alias-color-background-attention-active:#ff5266;--alias-color-background-accentThin-highlight:#0b2e67;--alias-color-background-accentThin-default:#092553;--alias-color-background-accentThin-active:#0b2e67;--alias-color-background-attentionThin-highlight:#531d26;--alias-color-background-attentionThin-default:#401c22;--alias-color-background-attentionThin-active:#531d26;--alias-color-background-success-highlight:#023b30;--alias-color-background-success-default:#032b23;--alias-color-background-success-active:#023b30;--alias-color-background-disabled-default:#444;--alias-color-overlay-strong:#fffc;--alias-color-overlay-midStrong:#fff9;--alias-color-overlay-middle:#fff6;--alias-color-overlay-weak:#fff3;--alias-color-overlay-inverseStrong:#222c;--alias-color-overlay-inverseMidStrong:#2229;--alias-color-overlay-inverseMiddle:#2226;--alias-color-overlay-inverseWeak:#2223;--alias-color-text-primary-highlight:#686868;--alias-color-text-primary-default:#e5e5e5;--alias-color-text-primary-active:#fff;--alias-color-text-secondary-highlight:#686868;--alias-color-text-secondary-default:#9c9c9c;--alias-color-text-secondary-active:#bdbdbd;--alias-color-text-placeholder-default:#686868;--alias-color-text-disabled-default:#444;--alias-color-text-accent-highlight:#0056ab;--alias-color-text-accent-default:#0095ee;--alias-color-text-accent-active:#30b2ff;--alias-color-text-link-highlight:#0073cc;--alias-color-text-link-default:#30b2ff;--alias-color-text-link-active:#63c5ff;--alias-color-text-attention-highlight:#a72030;--alias-color-text-attention-default:#da3e50;--alias-color-text-attention-active:#ff5266;--alias-color-text-inverse-highlight:#2d2d2d;--alias-color-text-inverse-default:#222;--alias-color-text-inverse-active:#2d2d2d;--alias-color-text-success-highlight:#0fbf67;--alias-color-text-success-default:#42d87e;--alias-color-text-success-active:#69eb90;--alias-color-icon-primary-highlight:#686868;--alias-color-icon-primary-default:#e5e5e5;--alias-color-icon-primary-active:#fff;--alias-color-icon-secondary-highlight:#333;--alias-color-icon-secondary-default:#444;--alias-color-icon-secondary-active:#686868;--alias-color-icon-tertiary-highlight:#686868;--alias-color-icon-tertiary-default:#9c9c9c;--alias-color-icon-tertiary-active:#bdbdbd;--alias-color-icon-disabled-default:#444;--alias-color-icon-accent-highlight:#0056ab;--alias-color-icon-accent-default:#0095ee;--alias-color-icon-accent-active:#30b2ff;--alias-color-icon-link-highlight:#0073cc;--alias-color-icon-link-default:#30b2ff;--alias-color-icon-link-active:#63c5ff;--alias-color-icon-attention-highlight:#a72030;--alias-color-icon-attention-default:#da3e50;--alias-color-icon-attention-active:#ff5266;--alias-color-icon-inverse-highlight:#2d2d2d;--alias-color-icon-inverse-default:#222;--alias-color-icon-inverse-active:#2d2d2d;--alias-color-icon-success-highlight:#0fbf67;--alias-color-icon-success-default:#42d87e;--alias-color-icon-success-active:#69eb90;--alias-color-icon-decorativeYellow-highlight:#a16e15;--alias-color-icon-decorativeYellow-default:#e0a92b;--alias-color-icon-decorativeYellow-active:#ecc55d;--alias-color-border-primary-highlight:#333;--alias-color-border-primary-default:#444;--alias-color-border-primary-active:#686868;--alias-color-border-secondary-highlight:#d1d1d1;--alias-color-border-secondary-default:#e5e5e5;--alias-color-border-secondary-active:#fff;--alias-color-border-disabled-default:#444;--alias-color-border-accent-highlight:#0056ab;--alias-color-border-accent-default:#0095ee;--alias-color-border-accent-active:#30b2ff;--alias-color-border-attention-highlight:#a72030;--alias-color-border-attention-default:#da3e50;--alias-color-border-attention-active:#ff5266;--alias-color-border-success-highlight:#0fbf67;--alias-color-border-success-default:#42d87e;--alias-color-border-success-active:#69eb90;--alias-color-system-staticBlack-default:#000;--alias-color-system-staticWhite-default:#fff;--alias-color-system-staticClear-default:#fff0;--component-button-secondary-hover:#a720301a;--component-button-secondary-pressed:#ff52661a;--component-button-flat-hover:#a720301a;--component-button-flat-pressed:#ff52661a;--component-avatar-border:#4446;--component-skeleton-wave-shimmer:linear-gradient(135deg,#2220 20%,#222c,#2220 80%);--component-information-bubble-background-transaction:#4a4840;--component-mercari-logo-text-color:#fff;--focus-ring-color:#89bffd66}.iSvZNI{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;}.dfcOUs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.ctXAot{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;}.fNhHag{display:grid;grid-gap:var(--grid-layout-gutter);grid-template-columns:repeat(12,1fr);}@media (min-width:568px) and (max-width:959.9px){.fNhHag{grid-template-columns:1fr;}}@media (max-width:567.9px){.fNhHag{grid-template-columns:1fr;}}.iAvxhg{display:grid;grid-gap:var(--grid-layout-gutter);grid-template-columns:repeat(7,1fr);}@media (min-width:568px) and (max-width:959.9px){.iAvxhg{grid-template-columns:1fr;}}@media (max-width:567.9px){.iAvxhg{grid-template-columns:1fr;}}.ffcQPm{display:grid;grid-gap:var(--grid-layout-gutter);grid-template-columns:repeat(5,1fr);}@media (min-width:568px) and (max-width:959.9px){.ffcQPm{grid-template-columns:repeat(3,1fr);}}@media (max-width:567.9px){.ffcQPm{grid-template-columns:repeat(3,1fr);}}.eKJbqd{margin-bottom:var(--grid-layout-gutter);padding:32px 0;}.eWyLNn{min-width:0;grid-column:span 6;padding-right:0;padding-left:0;display:block;}@media (min-width:568px) and (max-width:959.9px){.eWyLNn{grid-column:auto;padding-right:0;padding-left:0;display:block;}}@media (max-width:567.9px){.eWyLNn{grid-column:auto;padding-right:0;padding-left:0;display:block;}}.djbrrl{min-width:0;grid-column:span 1;padding-right:0;padding-left:0;display:block;}@media (min-width:568px) and (max-width:959.9px){.djbrrl{grid-column:auto;padding-right:0;padding-left:0;display:block;}}@media (max-width:567.9px){.djbrrl{grid-column:auto;padding-right:0;padding-left:0;display:block;}}.kJriJS{min-width:0;grid-column:span 6;padding-right:0;padding-left:0;display:block;}@media (min-width:568px) and (max-width:959.9px){.kJriJS{grid-column:auto;padding-right:0;padding-left:0;display:block;}}@media (max-width:567.9px){.kJriJS{grid-column:auto;padding-right:0;padding-left:0;display:block;}}.eaOzAa{min-width:0;grid-column:span 4;padding-right:0;padding-left:var(--grid-layout-inset);display:block;}@media (min-width:568px) and (max-width:959.9px){.eaOzAa{grid-column:auto;padding-right:0;padding-left:0;display:block;}}@media (max-width:567.9px){.eaOzAa{grid-column:auto;padding-right:0;padding-left:0;display:block;}}.jAMyun img{width:600px;height:630px;}@media(max-width:959.9px){.jAMyun img{width:500px;height:450px;}}.hiNRUb{position:relative;padding-left:300px;}@media(max-width:959.9px){.hiNRUb{padding-left:0;padding-right:0;}}iframe{margin-top:5px;}.hinruc li{margin-right:10px;}@media(max-width:959.9px){.hinruc li {margin-right:1px;}}.hinruc{padding-right:300px;}@media(max-width:959.9px){.hinruc{padding-right:0;}}.hstte{padding-left:300px;padding-right:300px;}@media(max-width:959.9px){.hstte{padding-left:0;padding-right:0;}}.bismcss{padding-left:300px;padding-right:300px;}@media(max-width:959.9px){.bismcss{padding-left:0;padding-right:0}}.jAMyun{position:relative;margin-bottom:32px;}@media (max-width:959.9px){.jAMyun{margin-right:0;margin-left:0;}}.BycTx{position:relative;margin-bottom:16px;}@media (max-width:959.9px){.BycTx{margin-right:0;margin-left:0;}}.jhqdNT{position:relative;}@media (max-width:959.9px){.jhqdNT{margin-right:0;margin-left:0;}}.fuVTby{margin-bottom:16px;}.ieOESl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:32px 36px;}@media (max-width:959.9px){.ieOESl{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:24px 16px;}}.jTXeKv{width:100%;max-width:320px;margin-right:24px;}@media (max-width:959.9px){.jTXeKv{display:none;}}.fmSiRQ{margin-top:16px;}.fmSiRQ > li{margin-top:8px;}.fmSiRQ li > a{color:var(--alias-color-text-primary-default);}.fmSiRQ li > a:hover{color:var(--alias-color-text-primary-highlight);-webkit-text-decoration:underline;text-decoration:underline;}.fmSiRQ li > a:active{color:var(--alias-color-text-primary-active);}.gsnwdJ{font-size:14px;}.gsnwdJ .accordion-list{padding-bottom:24px;}@media (min-width:960px){.gsnwdJ{display:none;}}.jYTKyo 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;}.mhlES{position:relative;}@media (max-width:959.9px){.mhlES{width:100vw;}}.mhlES .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;}.mhlES .slick-list{position:relative;display:block;overflow:hidden;}.mhlES .slick-list:focus{outline:none;}.mhlES .slick-list.dragging{cursor:pointer;cursor:hand;}.mhlES .slick-slider .slick-track,.mhlES .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.mhlES .slick-track{display:block;position:relative;top:0;left:0;height:inherit !important;line-height:0;}.mhlES .slick-track:after{clear:both;}.mhlES .slick-loading .slick-track{visibility:hidden;}.mhlES .slick-slide{display:none;float:left;height:100%;min-height:1px;}.mhlES [dir='rtl'] .slick-slide{float:right;}.mhlES .slick-slide img{display:block;}.mhlES .slick-slide.slick-loading img{display:none;}.mhlES .slick-initialized .slick-slide{display:block;}.mhlES .slick-loading .slick-slide{visibility:hidden;}.mhlES .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}.mhlES .slick-arrow.slick-hidden{display:none;}.lhDIPz{position:absolute;top:calc(50% - 40px);display:block;cursor:pointer;z-index:1;}.lhDIPz.slick-prev{left:8px;}.lhDIPz.slick-next{right:8px;}.lhDIPz.slick-disabled{display:none;}.iQHrJG{cursor:pointer;text-align:center;}.iQHrJG.slick-disabled{visibility:hidden;}.eMxZsB{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;}.eMxZsB mer-item-thumbnail{-webkit-clip-path:inset(3px);clip-path:inset(3px);}.eMxZsB mer-item-thumbnail:hover{opacity:0.5;}.eMxZsB::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;}.dSSHtq{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;}.dSSHtq mer-item-thumbnail:hover{opacity:0.5;}.jmrJSn{width:240px;}.PsUPz{padding:16px 0;border:1px solid var(--alias-color-border-primary-highlight);border-width:1px 0;}.clzAWA{display:block;}.hexbDe{font-size:28px;color:var(--alias-color-text-primary-default);}.ilFFpF{display:block;}.fcVVGR{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;}.flCuyI{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.flCuyI::after{content:'';display:block;padding-bottom:100%;}@media (max-width:959.9px){.eMowjG{display:none;}}@media (max-width:959.9px){.dcOyeN{grid-gap:2px;}}.jOjRer{height:100%;line-height:0;}.dYqTeW{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:100%;}@media (max-width:959.9px){.kKFvlg{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}