Server : LiteSpeed
System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64
User : claqxcrl ( 523)
PHP Version : 8.1.32
Disable Function : NONE
Directory : /home/claqxcrl/www/wp-ver/css/
|
Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory : /home/claqxcrl/www/wp-ver/css/ |
<style data-styled="active" data-styled-version="5.3.6">
.*{ margin:0;padding:0;}
.corxya0 {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px
}
.i1r9c4ww {
height: 27.7px;
width: 102px
}
.aw1bqsm {
height: 19px
}
.cmwuzfg {
display: flex;
background-color: var(--alias-color-background-accentThin-default);
border-radius: 8px;
padding: 16px;
gap: 16px;
align-items: center
}
.c1j2rxf3 {
flex: 1 1;
font-size: 14px;
line-height: 20px;
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
align-items: center;
max-height: 60px;
overflow-y: auto
}
.fuj4nnb {
display: flex;
gap: 8px;
padding-bottom: 4px
}
.f3l5bef {
flex-shrink: 0
}
.g1m242vk {
display: flex;
align-items: center;
gap: 32px
}
.c1kxfo73 {
padding: 16px 0
}
.c1bh1kd7 {
flex: 1 1
}
.rv7jguh {
display: flex;
justify-content: flex-start;
gap: 16px
}
.r15b7aix {
display: flex;
align-items: center;
gap: 8px
}
.r1l7h9mb {
padding: 10px
}
.a18gp2y {
gap: 32px
}
.a18gp2y,.sy8y1eg {
display: flex;
align-items: center
}
.sy8y1eg {
gap: 8px
}
.s1v3mcpr,.sy8y1eg {
flex-shrink: 0
}
.p13w8x9v {
position: relative
}
.pw14248 {
top: var(--pw14248-0);
position: fixed;
z-index: 1;
background-color: var(--alias-color-background-primary-default);
padding: 16px;
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px
}
@media (max-width: 480px) {
.pw14248 {
left:0
}
}
@media (min-width: 481px) {
.pw14248 {
left:var(--pw14248-1);
width: 500px
}
}
.pw14248:before {
content: "";
width: 0;
height: 0;
position: absolute;
border: 12px solid #0000;
border-bottom: 12px solid var(--alias-color-border-primary-default);
top: -24px;
left: calc(var(--pw14248-2) - 1px)
}
@media (max-width: 480px) {
.pw14248:before {
display:none
}
}
.pw14248:after {
content: "";
width: 0;
height: 0;
position: absolute;
border-top: 11 solid #0000;
border-bottom: 11px solid var(--alias-color-background-primary-default);
border-left: 11px solid #0000;
border-right: 11px solid #0000;
top: -10.5px;
left: calc(var(--pw14248-2))
}
@media (max-width: 480px) {
.pw14248:after {
display:none
}
}
.s162g7iy,.s1ysdv2z {
max-height: 24px!important;
min-height: 24px!important;
max-width: 24px!important;
min-width: 24px!important
}
.hxpv7ja {
box-shadow: 0 4px 8px #0003;
background-color: var(--alias-color-background-accentThin-default);
padding: 8px 36px;
justify-content: flex-start;
gap: 16px;
overflow-x: auto;
position: relative;
z-index: 1
}
.hxpv7ja,.tq14bls {
display: flex;
align-items: center
}
.tq14bls {
cursor: pointer;
color: var(--alias-color-text-accent-default);
flex-shrink: 0;
gap: 8px
}
.srobimy {
width: 1px;
align-self: stretch;
background-color: var(--alias-color-border-primary-default);
flex-shrink: 0;
flex-grow: 0
}
.c1sg1yf {
margin-left: auto;
cursor: pointer
}
.g15d3lov {
display: flex;
flex-direction: column;
gap: 16px;
padding: 16px;
border: 1px solid var(--alias-color-border-primary-default)
}
.f10gjk0h {
display: flex;
align-items: flex-start;
gap: 24px
}
.y1qzq61k {
text-align: right
}
.eg4l6ya {
padding-top: 8px
}
.mrs3ge2:disabled {
cursor: not-allowed
}
*,:after,:before {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent
}
ol,ul {
padding: 0
}
blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol,p,ul {
margin: 0
}
body {
min-height: 100vh;
color: var(--alias-color-text-primary-default);
font-weight: 400;
font-size: 15px;
font-family: Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
line-height: 1.4em;
background-color: var(--alias-color-background-primary-default);
text-rendering: optimizeSpeed
}
ol,ul {
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 {
appearance: none
}
@media (prefers-reduced-motion:reduce) {
* {
transition-duration: .01ms!important;
animation-duration: .01ms!important;
animation-iteration-count: 1!important;
scroll-behavior: auto!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-table[bordered] mer-table-cell:first-child {
padding-left: 16px
}
mer-table[bordered] mer-table-cell:last-child {
padding-right: 16px
}
.mer-form-hidden {
position: absolute;
width: 0;
padding: 0;
border: 0
}
mer-dialog [slot=footer],mer-information-popup [slot=footer] {
display: flex;
align-items: center
}
@media (min-width: 960px) {
mer-dialog [slot=footer],mer-information-popup [slot=footer] {
justify-content:flex-end
}
mer-dialog [slot=footer] .merButton,mer-information-popup [slot=footer] .merButton {
min-width: 120px
}
mer-dialog [slot=footer] .merButton:not(:first-child),mer-information-popup [slot=footer] .merButton:not(:first-child) {
margin-left: 16px
}
mer-dialog [slot=footer] .merButton:nth-child(2):nth-last-child(2),mer-information-popup [slot=footer] .merButton: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] .merButton,mer-information-popup [slot=footer] .merButton {
width: 100%
}
mer-dialog [slot=footer] .merButton:not(:first-child),mer-information-popup [slot=footer] .merButton:not(:first-child) {
margin-bottom: 8px
}
}
@media (min-width: 960px) {
mer-information-popup [slot=footer] {
justify-content:center
}
mer-information-popup [slot=footer] .merButton:first-child:nth-last-child(2),mer-information-popup [slot=footer] .merButton:nth-child(2):nth-last-child(2) {
margin-left: auto
}
}
mer-modal [slot=footer] {
display: flex;
flex-flow: row-reverse
}
mer-modal [slot=footer] .merButton:not(:first-child) {
margin-right: 8px
}
.merTabItem {
flex-grow: 0
}
.merTabItem a {
color: inherit
}
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-form-input {
position: relative;
width: 100%
}
.mer-form-input .mer-form-input-label {
display: block
}
.mer-form-input .mer-form-input-label-group {
display: flex;
align-items: center;
margin-bottom: 4px
}
.mer-form-input .mer-text-input-sub-label {
margin-left: 4px;
font-weight: 400
}
.mer-form-input .mer-form-input-bottom-split {
display: flex;
align-items: flex-start
}
.mer-form-input .mer-form-input-label {
font-weight: 700;
font-size: 14px;
line-height: 1.4em
}
.mer-form-input mer-tag {
margin-left: 4px
}
.mer-form-input .input-node {
box-sizing: border-box;
width: 100%;
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
background: var(--alias-color-background-primary-default);
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px;
outline: none
}
.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;
margin: 4px 0 0 auto;
padding-left: 8px;
font-weight: 400;
font-size: 10px;
line-height: 1.4em
}
.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-weight: 400;
font-size: 14px;
line-height: 1.4em
}
.mer-form-input .mer-form-input-help-message {
color: var(--alias-color-text-secondary-default);
font-weight: 400;
font-size: 12px;
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 {
padding: 11px 15px;
font-weight: 700;
font-size: 20px;
line-height: 1.4em;
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-weight: 700;
font-size: 20px;
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 {
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 {
position: relative;
display: inline-flex;
align-items: center;
width: 100%;
overflow: hidden;
background-color: var(--alias-color-background-primary-default);
border-radius: 4px;
cursor: text
}
mer-text-input .mer-text-input-container .input-node {
display: block;
flex: 1 1;
padding: 16px;
color: var(--alias-color-text-primary-default);
background-color: initial;
border: none;
border-radius: 0;
outline: none;
appearance: none
}
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 {
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 {
margin: 0;
-webkit-appearance: none
}
mer-text-input .mer-text-input-container .mer-text-input-prefix-label {
margin-right: 8px;
margin-left: 16px
}
mer-text-input .mer-text-input-container .mer-text-input-fieldset {
position: absolute;
inset: 0;
margin: 0;
padding: 0;
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px;
pointer-events: none
}
mer-text-input .mer-text-input-container mer-icon-button {
min-width: inherit;
min-height: 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;
height: calc(1.4em + 20px * 2);
min-height: calc(1.4em * 3 + 20px * 2);
padding: 15px;
color: var(--alias-color-text-primary-default);
vertical-align: middle;
resize: vertical
}
mer-textarea .mer-form-input.exceeded .mer-form-input-count {
color: var(--alias-color-text-attention-default)
}
mer-textarea .mer-textarea-copied-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
padding: 20px;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
white-space: pre-wrap;
vertical-align: middle;
border: 1px solid #0000;
opacity: 0;
pointer-events: none
}
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 {
display: flex;
align-items: center;
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 {
position: relative;
display: inline-flex;
align-items: center
}
mer-select .mer-select select.small {
height: 33px;
padding: 0 36px 0 16px;
font-weight: 400;
font-size: 12px;
line-height: 1.4em
}
mer-select .mer-select select.medium {
height: 55px;
padding: 0 44px 0 16px
}
mer-select .mer-select .input-node {
color: var(--alias-color-text-primary-default);
appearance: none
}
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 {
position: absolute;
left: -99999px;
height: 0;
font-size: 16px;
visibility: hidden;
appearance: none
}
mer-select .mer-select-down-icon {
position: absolute;
right: 16px;
margin: auto;
pointer-events: none
}
mer-select .mer-select-error-icon {
position: absolute;
right: 48px;
margin: auto;
pointer-events: none
}
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 {
position: relative;
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: flex-start
}
@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-timing-function: ease-out;
transition-duration: .1s
}
mer-checkbox .mer-checkbox-input {
position: relative;
z-index: 0;
display: inline-flex;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
background-color: initial;
border: 3px solid var(--alias-color-icon-secondary-default);
border-radius: 4px;
outline: none;
cursor: pointer;
transition-property: border-color;
appearance: none
}
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 {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 20px;
border-radius: 4px;
transition-property: background-color;
pointer-events: none
}
mer-checkbox .mer-checkbox-decorator:after {
position: absolute;
top: -10px;
left: -10px;
z-index: 1;
display: none;
width: 40px;
height: 40px;
background-color: var(--alias-color-background-accent-highlight);
border-radius: 50%;
opacity: .2;
content: ""
}
mer-checkbox .mer-checkbox-decorator:before {
position: absolute;
top: -13px;
left: -13px;
z-index: 1;
display: none;
width: 46px;
height: 46px;
border: 6px solid var(--alias-color-background-accent-highlight);
border-radius: 50%;
opacity: .5;
content: ""
}
mer-checkbox .mer-checkbox-checkmark {
display: none
}
mer-radio {
position: relative;
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: flex-start
}
@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-timing-function: ease-out;
transition-duration: .1s
}
mer-radio input[type=radio] {
position: relative;
z-index: 0;
display: inline-flex;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
background-color: initial;
border: 3px solid var(--alias-color-icon-secondary-default);
border-radius: 50%;
outline: none;
cursor: pointer;
transition-property: background-color,border-color;
appearance: none
}
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 {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 20px;
pointer-events: none
}
mer-radio .mer-radio-decorator:after {
position: absolute;
top: -10px;
left: -10px;
z-index: 1;
display: none;
width: 40px;
height: 40px;
background-color: var(--alias-color-background-accent-highlight);
border-radius: 50%;
opacity: .2;
content: ""
}
mer-radio .mer-radio-decorator:before {
position: absolute;
top: -13px;
left: -13px;
z-index: 1;
display: none;
width: 46px;
height: 46px;
border: 6px solid var(--alias-color-background-accent-highlight);
border-radius: 50%;
opacity: .5;
content: ""
}
mer-radio .mer-radio-decorator .mer-radio-checkmark {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
background-color: initial;
border-radius: 50%;
transform: translate(-50%,-50%);
transition-property: background-color
}
mer-radio[disabled] input {
background-color: var(--alias-color-background-secondary-default);
border-color: var(--alias-color-icon-secondary-highlight);
cursor: default
}
mer-radio[disabled] input:checked+.mer-radio-decorator .mer-radio-checkmark {
background-color: var(--alias-color-background-disabled-default)
}
: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]) {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
line-height: 1.4em;
white-space: nowrap;
text-align: center;
text-decoration: none;
vertical-align: middle;
word-break: break-word;
background: #0000;
border: 1px solid #0000;
border-radius: 4px;
cursor: pointer
}
mer-button:not([mer-defined])[size=small] {
min-height: 32px;
padding: 0 12px;
line-height: 1.4em
}
mer-button:not([mer-defined])[size=medium] {
min-height: 48px;
padding: 0 24px;
line-height: 1.4em
}
mer-button:not([mer-defined])[size=large] {
min-height: 52px;
padding: 0 32px;
line-height: 1.4em
}
mer-button:not([mer-defined])[intent=primary] {
color: var(--alias-color-text-inverse-default);
background-color: var(--alias-color-background-attention-default);
fill: var(--alias-color-text-inverse-default)
}
mer-button:not([mer-defined])[intent=secondary] {
color: var(--alias-color-text-link-default);
background-color: initial;
border-color: var(--alias-color-border-attention-default);
fill: var(--alias-color-text-attention-default)
}
mer-button:not([mer-defined])[intent=flat] {
color: var(--alias-color-text-link-default);
background-color: initial;
fill: var(--alias-color-text-link-default)
}
mer-button:not([mer-defined])[intent=attention] {
color: var(--alias-color-text-inverse-default);
background-color: var(--alias-color-background-attention-default);
fill: var(--alias-color-text-inverse-default)
}
mer-button:not([mer-defined])>button {
display: flex;
width: 100%;
height: 100%;
color: inherit;
background-color: inherit;
border: none;
cursor: pointer;
fill: inherit
}
mer-search-input:not([mer-defined]) {
display: inline-flex;
width: 100%;
height: 36px;
background-color: var(--alias-color-background-secondary-default);
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px
}
mer-search-input:not([mer-defined]) * {
display: none
}
mer-guide-link-row:not([mer-defined]) {
width: 100%;
padding: 8px 0
}
mer-guide-link-row:not([mer-defined]) * {
display: none
}
mer-navigation-top:not([mer-defined]) {
display: block;
box-sizing: border-box;
background-color: var(--alias-color-background-primary-default);
border-bottom: 1px solid var(--alias-color-border-primary-highlight)
}
@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]) {
display: inline-flex;
flex-direction: column;
background: var(--alias-color-background-secondary-default)
}
mer-item-thumbnail:not([mer-defined])[size=small] {
width: 48px;
height: 48px
}
mer-item-thumbnail:not([mer-defined])[size=medium] {
width: 64px;
height: 64px
}
mer-item-thumbnail:not([mer-defined])[size=large] {
width: 96px;
height: 96px
}
mer-item-thumbnail:not([mer-defined])[size=fluid] {
width: 100%;
height: 100%
}
mer-item-thumbnail:not([mer-defined])[item-name]:before {
display: block;
flex-shrink: 0;
width: 100%;
height: 100%;
content: ""
}
mer-item-thumbnail:not([mer-defined])[item-name]:after {
display: block;
flex-shrink: 0;
width: 100%;
height: calc(14px * 1.4 * 2);
margin-top: 8px;
content: ""
}
mer-navigation-top-menu-item>a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: inherit
}
mer-radio-label>.merText[slot=label] {
display: block
}
mer-radio-label>.merText[slot=sub-label] {
display: block;
display: -webkit-box;
overflow: hidden;
color: var(--alias-color-text-secondary-default);
font-weight: 400;
font-size: 12px;
line-height: 1.4em;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
.merDateInput {
border: none;
display: inline-flex;
flex-direction: column;
margin: 0;
padding: 0
}
.merDateInput[aria-disabled=true] {
color: var(--alias-color-text-placeholder-default)
}
.merDateInput[aria-disabled=true] .merDateInputBox__b8f46d31 {
background-color: var(--alias-color-background-primary-highlight)
}
.merDateInput.fluid__b8f46d31 {
width: 100%
}
.merDateInput .labelContainer__b8f46d31 {
align-items: center;
display: flex;
margin-bottom: 4px
}
.merDateInput .labelContainer__b8f46d31 .merTag {
margin-left: 4px
}
.merDateInput .label__b8f46d31 {
font-size: 14px;
font-weight: 700;
line-height: 1.4em
}
.merDateInput .sublabel__b8f46d31 {
font-weight: 400;
margin-left: 4px
}
.merDateInput .merDateInputBox__b8f46d31 {
align-items: center;
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px;
display: flex;
height: calc(1.4em + 32px)
}
.merDateInput .merDateInputBox__b8f46d31:focus-within {
border-color: var(--alias-color-border-secondary-default)
}
.merDateInput .merDateInputBox__b8f46d31.left__b8f46d31 {
justify-content: flex-start
}
.merDateInput .merDateInputBox__b8f46d31.right__b8f46d31 {
justify-content: space-between
}
.merDateInput .merDateInputBox__b8f46d31.suggested__b8f46d31 {
border-color: var(--alias-color-border-success-default)
}
.merDateInput .merDateInputBox__b8f46d31.error__b8f46d31 {
border-color: var(--alias-color-border-attention-default)
}
.merDateInput .prefixLabel__b8f46d31 {
font-size: 14px;
font-weight: 700;
line-height: 1.4em;
margin-left: 16px;
margin-right: 8px
}
.merDateInput .inputNode__b8f46d31 {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
align-items: baseline;
border: 0;
display: flex;
gap: 2px;
justify-content: space-evenly;
margin: 0;
padding: 16px
}
.merDateInput .inputNode__b8f46d31.withPrefixLabel__b8f46d31 {
padding-left: 0
}
.merDateInput .inputNode__b8f46d31 .segment__b8f46d31 {
background: #0000;
border: 0;
box-sizing: initial;
color: var(--alias-color-text-primary-default);
outline: 0;
padding: 0;
text-align: right;
width: 28px
}
.merDateInput .inputNode__b8f46d31 .segment__b8f46d31.year__b8f46d31 {
width: 36px
}
.merDateInput .inputNode__b8f46d31 .segment__b8f46d31::placeholder {
color: var(--alias-color-text-placeholder-default);
overflow: visible
}
.merDateInput .inputNode__b8f46d31 .segment__b8f46d31:disabled {
color: var(--alias-color-text-placeholder-default)
}
.merDateInput .errorMessage__b8f46d31,.merDateInput .helpMessage__b8f46d31 {
margin: 4px 0 0
}
.merDateInput .errorMessage__b8f46d31 {
color: var(--alias-color-text-attention-default);
font-size: 14px;
font-weight: 400;
line-height: 1.4em
}
.merDateInput .helpMessage__b8f46d31 {
color: var(--alias-color-text-secondary-default);
font-size: 12px;
font-weight: 400;
line-height: 1.4em
}
.commentGroup__449ec81a .comment__449ec81a:not(:last-child) {
margin-bottom: 16px
}
.comment__449ec81a {
padding-left: 56px;
position: relative;
width: 100%
}
.comment__449ec81a .avatarContainer__449ec81a {
display: contents;
display: inline-flex;
left: -56px;
position: absolute;
top: 0
}
.comment__449ec81a .contentContainer__449ec81a {
background: var(--alias-color-background-secondary-default);
border-radius: 8px;
color: var(--alias-color-text-primary-default);
font-size: 15px;
font-weight: 400;
line-height: 1.4em;
margin-top: 4px;
padding: 8px;
position: relative;
width: 100%
}
.comment__449ec81a .nameContainer__449ec81a {
align-items: center;
display: inline-flex;
position: relative;
width: 100%
}
.comment__449ec81a .nameContainer__449ec81a .merTag {
margin-left: 8px
}
@media (hover: hover) {
.comment__449ec81a .nameContainer__449ec81a:hover .userName__449ec81a {
text-decoration:underline
}
}
.comment__449ec81a .nameContainer__449ec81a:active .userName__449ec81a {
text-decoration: none
}
.comment__449ec81a .nameLink__449ec81a {
align-items: center;
border-radius: 50%;
display: inline-flex;
max-width: 100%
}
.comment__449ec81a .userName__449ec81a {
color: var(--alias-color-text-primary-default);
display: block;
font-size: 14px;
font-weight: 700;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.comment__449ec81a .timeAndActionContainer__449ec81a {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-end;
display: flex;
justify-content: space-between;
margin-top: 2px
}
.comment__449ec81a .time__449ec81a {
color: var(--alias-color-text-secondary-default);
font-size: 12px;
font-weight: 400;
line-height: 1.4em
}
.comment__449ec81a .actions__449ec81a {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: -4px;
margin-right: -4px
}
.comment__449ec81a .actions__449ec81a .merIconButton {
min-height: 24px;
min-width: 24px
}
.comment__449ec81a .actions__449ec81a .merTooltip {
margin-left: 8px
}
.comment__449ec81a.deleted__449ec81a .nameContainer__449ec81a {
position: absolute;
width: 0
}
.comment__449ec81a.deleted__449ec81a .emptyAvatar__449ec81a {
background: var(--alias-color-background-secondary-default);
border: 1px solid var(--component-avatar-border);
border-radius: 50%;
box-sizing: border-box;
height: 48px;
width: 48px
}
.comment__449ec81a.deleted__449ec81a .comment__449ec81a,.comment__449ec81a.deleted__449ec81a .contentContainer__449ec81a,.comment__449ec81a.deleted__449ec81a .time__449ec81a {
color: var(--alias-color-text-secondary-default)
}
.comment__449ec81a.disabled__449ec81a .comment__449ec81a {
color: var(--alias-color-text-disabled-default)
}
.comment__449ec81a.disabled__449ec81a .avatarContainer__449ec81a {
opacity: .4
}
.comment__449ec81a.disabled__449ec81a .nameContainer__449ec81a:hover .userName__449ec81a {
text-decoration: none
}
.comment__449ec81a.disabled__449ec81a .userName__449ec81a {
color: var(--alias-color-text-disabled-default)
}
.label__c6fba56c:focus-visible,.merChip:focus-visible,.removeButton__c6fba56c:focus-visible {
outline: none
}
@media (hover: hover) {
a>.merChip:hover:not(.disabled__c6fba56c):not(.active__c6fba56c) .label__c6fba56c:hover {
background-color:var(--alias-color-background-primary-highlight)
}
a>.merChip:hover:not(.disabled__c6fba56c).active__c6fba56c .label__c6fba56c:hover {
background-color: var(--alias-color-background-accentThin-highlight)
}
}
.merChip {
-ms-flex-negative: 0;
align-items: center;
background-color: var(--alias-color-background-primary-default);
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 20px;
display: inline-flex;
flex-shrink: 0;
font-size: 14px;
font-weight: 400;
height: 36px;
line-height: 1.4em;
min-width: 0
}
.merChip.active__c6fba56c:not(.disabled__c6fba56c) {
background-color: var(--alias-color-background-accentThin-default);
border: 1px solid var(--alias-color-border-accent-default)
}
.merChip.disabled__c6fba56c {
background: var(--alias-color-background-primary-active);
border: 1px solid var(--alias-color-border-disabled-default);
cursor: not-allowed;
pointer-events: none
}
.merChip.disabled__c6fba56c .labelText__c6fba56c {
color: var(--alias-color-text-disabled-default)
}
.merChip.disabled__c6fba56c .removeButton__c6fba56c {
fill: var(--alias-color-text-disabled-default)
}
.merChip.shadow__c6fba56c {
box-shadow: 0 4px 8px #0003
}
@media (hover: hover) {
.merChip:hover:not(.disabled__c6fba56c):not(.active__c6fba56c) .inputLabel__c6fba56c:hover,.merChip:hover:not(.disabled__c6fba56c):not(.active__c6fba56c) .removeButton__c6fba56c:hover,.merChip:hover:not(.disabled__c6fba56c):not(.active__c6fba56c) button:hover {
background-color:var(--alias-color-background-primary-highlight)
}
.merChip:hover:not(.disabled__c6fba56c).active__c6fba56c .inputLabel__c6fba56c:hover,.merChip:hover:not(.disabled__c6fba56c).active__c6fba56c .removeButton__c6fba56c:hover,.merChip:hover:not(.disabled__c6fba56c).active__c6fba56c button:hover {
background-color: var(--alias-color-background-accentThin-highlight)
}
}
.label__c6fba56c {
align-items: center;
background-color: initial;
border: none;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 2px;
border-top-left-radius: 20px;
border-top-right-radius: 2px;
display: inline-flex;
height: 100%;
min-width: 0;
padding-left: 6px;
padding-right: 0;
vertical-align: middle;
white-space: nowrap
}
.label__c6fba56c:focus-visible {
box-shadow: var(--focus-ring-color) 0 0 0 6px
}
.label__c6fba56c:last-child {
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
padding-right: 12px
}
.label__c6fba56c.action__c6fba56c {
font-weight: 700
}
button.label__c6fba56c {
cursor: pointer
}
.labelText__c6fba56c {
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
color: var(--alias-color-text-primary-default);
text-decoration: none
}
.labelText__c6fba56c:first-child {
padding-left: 6px
}
.icon__c6fba56c,.removeButton__c6fba56c {
-ms-flex-negative: 0;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: flex;
flex-shrink: 0;
justify-content: center
}
.truncation__c6fba56c {
flex-shrink: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.icon__c6fba56c {
-ms-flex-negative: 0;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: flex;
flex-shrink: 0;
height: 24px;
justify-content: center;
padding-right: 6px;
width: 30px
}
.colorIcon__c6fba56c:before {
background-color: var(--colorIcon);
border-radius: 50%;
content: "";
height: 24px;
width: 24px
}
.colorIconBorder__c6fba56c:before {
border: 1px solid var(--alias-color-border-primary-default)
}
.removeButton__c6fba56c {
fill: var(--alias-color-text-primary-default);
background-color: initial;
border: none;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 20px;
border-top-left-radius: 2px;
border-top-right-radius: 20px;
cursor: pointer;
height: 100%;
padding: 0 10px;
width: 36px
}
.removeButton__c6fba56c:focus-visible {
box-shadow: var(--focus-ring-color) 0 0 0 6px
}
.removeButton__c6fba56c>* {
max-width: 100%
}
.input__c6fba56c {
appearance: none;
left: 0;
position: absolute;
top: 0;
z-index: -1
}
.input__c6fba56c+.labelText__c6fba56c {
padding-left: 6px
}
.inputLabel__c6fba56c {
align-items: center;
cursor: pointer;
display: flex;
position: relative
}
.merBreadcrumbList {
display: inline-block;
margin: 0;
padding: 0
}
.merBreadcrumbList.block__ee6226d3 {
align-items: center;
align-items: baseline;
display: inline-flex;
flex-direction: column;
flex-wrap: wrap
}
.merBreadcrumbList a {
word-break: normal
}
.merBreadcrumbItem {
align-items: center;
display: inline;
font-size: 14px;
font-weight: 400;
line-height: 1.4em;
list-style: none
}
.merBreadcrumbItem.breadcrumbItem__7f1017d9 .merTextLink a {
display: inline
}
.merBreadcrumbItem.lastBreadcrumbItem__7f1017d9 .merTextLink :not(a) {
color: var(--alias-color-text-secondary-default)
}
.merBreadcrumbItem .breadcrumbChevron__7f1017d9 {
margin: 0 4px;
vertical-align: middle
}
.merCheckbox {
--checkbox-check-mark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15.5" height="11.33" viewBox="0 0 16 12" fill="none"><path d="M5.75 11.6673C5.60369 11.6675 5.45885 11.6381 5.32422 11.5808C5.18959 11.5235 5.06796 11.4396 4.96667 11.334L0.25 6.51732L1.81667 4.91732L5.75 8.93398L14.1833 0.333984L15.75 1.93398L6.53333 11.334C6.43234 11.44 6.31077 11.5242 6.17607 11.5815C6.04137 11.6388 5.89639 11.668 5.75 11.6673Z" fill="white"/></svg>');
--checkbox-indeterminate: url('data:image/svg+xml;utf8,<svg width="15.5" height="4" viewBox="0 0 14 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.6654 0.875H0.332031V3.125H13.6654V0.875Z" fill="white"/></svg>');
appearance: none;
background-color: initial;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border: 3px solid var(--alias-color-icon-secondary-default);
border-radius: 4px;
cursor: pointer;
margin: 0 14px 0 0;
min-height: 20px;
min-width: 20px;
outline: none;
padding: 2px;
transition-duration: .1s;
transition-property: background-color,border-color;
transition-timing-function: ease-out
}
@media (hover: hover) {
.merCheckbox:not(:disabled):hover {
background-color:var(--component-radio-hover-color);
box-shadow: 0 0 0 10px var(--component-radio-hover-color)
}
}
.merCheckbox:focus-visible {
outline: 6px solid var(--focus-ring-color);
outline-offset: 7px
}
.merCheckbox:not(:disabled):checked {
background-image: var(--checkbox-check-mark)
}
.merCheckbox:not(:disabled).indeterminate__63bede1c,.merCheckbox:not(:disabled):checked {
background-color: var(--alias-color-background-accent-default);
border-color: var(--alias-color-border-accent-default)
}
.merCheckbox:not(:disabled).indeterminate__63bede1c {
background-image: var(--checkbox-indeterminate)
}
.merCheckbox:disabled {
background-color: var(--alias-color-background-secondary-default);
border-color: var(--alias-color-border-disabled-default);
cursor: default
}
.merCheckbox:disabled:checked {
background-color: var(--alias-color-background-disabled-default);
background-image: var(--checkbox-check-mark)
}
.merCheckbox:disabled.indeterminate__63bede1c {
background-color: var(--alias-color-background-disabled-default);
background-image: var(--checkbox-indeterminate)
}
.merCheckboxLabel {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
align-items: center;
box-sizing: border-box;
color: var(--alias-color-text-primary-default);
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 400;
justify-content: flex-start;
min-height: 40px;
padding: 8px 8px 8px 0;
position: relative;
width: 100%
}
.merCheckboxLabel:after {
background-color: var(--alias-color-background-primary-highlight);
content: "";
display: inline-block;
left: -16px;
opacity: 0;
position: absolute;
top: 0;
width: calc(100% + 32px);
z-index: -1
}
@media (hover: hover) {
.merCheckboxLabel:not(.disabled__f6b9b426):hover {
background-color:initial
}
.merCheckboxLabel:not(.disabled__f6b9b426):hover:after {
opacity: 1
}
}
.merCheckboxLabel:not(.disabled__f6b9b426):active {
background-color: initial
}
.merCheckboxLabel:not(.disabled__f6b9b426):active:after {
opacity: 1
}
.merCheckboxLabel.disabled__f6b9b426,.merCheckboxLabel.disabled__f6b9b426 .merText {
color: var(--alias-color-text-disabled-default);
cursor: default
}
.merCheckboxLabel>.labelContainer__f6b9b426 {
display: inline-block;
vertical-align: top;
width: 100%
}
.imageComponent__f6b9b426 {
margin-right: 8px
}
.labelComponent__f6b9b426 {
display: block
}
.subLabelComponent__f6b9b426 .merText {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--alias-color-text-secondary-default);
display: block;
display: -webkit-box;
font-size: 12px;
font-weight: 400;
line-height: 1.4em;
overflow: hidden
}
.merGuideLink {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: inline-flex;
justify-content: flex-end;
padding: 0;
width: 100%
}
.merGuideLink.alignStart__6ccf930c {
justify-content: flex-start
}
.merGuideLink.alignStart__6ccf930c .guideLinkText__6ccf930c {
text-align: start
}
.merGuideLink.alignCenter__6ccf930c {
justify-content: center
}
.merGuideLink.alignCenter__6ccf930c .guideLinkText__6ccf930c {
text-align: end
}
.merGuideLink.alignEnd__6ccf930c {
justify-content: flex-end
}
.merGuideLink.alignEnd__6ccf930c .guideLinkText__6ccf930c {
text-align: end
}
.merGuideLink.disabled__6ccf930c {
pointer-events: none
}
.merGuideLink.disabled__6ccf930c .guideLinkText__6ccf930c a,.merGuideLink.disabled__6ccf930c .guideLinkText__6ccf930c button {
color: var(--alias-color-text-disabled-default);
cursor: not-allowed
}
.merGuideLink.disabled__6ccf930c .guideLinkIcon__6ccf930c {
fill: var(--alias-color-icon-disabled-default)
}
.merGuideLink .guideLink__6ccf930c {
-webkit-box-align: center;
-ms-flex-align: center;
fill: var(--alias-color-icon-link-default);
align-items: center;
background-color: initial;
border: 0;
cursor: pointer;
display: inline-flex;
gap: 4px;
padding: 8px 0
}
.merGuideLink .guideLink__6ccf930c:focus-within {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px;
outline: none
}
@media (hover: hover) {
.merGuideLink .guideLink__6ccf930c:hover {
fill:var(--alias-color-icon-link-highlight)
}
.merGuideLink .guideLink__6ccf930c:hover * {
color: var(--alias-color-text-link-highlight)
}
}
.merGuideLink .guideLink__6ccf930c:active {
fill: var(--alias-color-icon-link-active)
}
.merGuideLink .guideLink__6ccf930c:active * {
color: var(--alias-color-text-link-active)
}
.merGuideLink .guideLink__6ccf930c.small__6ccf930c .guideLinkText__6ccf930c {
font-size: 12px
}
.merGuideLink .guideLinkText__6ccf930c {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: var(--alias-color-text-link-default);
display: block;
display: -webkit-box;
font-size: 14px;
line-height: 1.4em;
max-height: 39.2px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.merGuideLink .guideLinkText__6ccf930c:focus {
outline: none
}
.merGuideLink .guideLinkText__6ccf930c a.focus-visible {
box-shadow: none
}
.merGuideLink .guideLinkText__6ccf930c.disabled__6ccf930c {
color: var(--alias-color-text-disabled-default)
}
.merGuideLink .guideLinkText__6ccf930c.disabled__6ccf930c a,.merGuideLink .guideLinkText__6ccf930c.disabled__6ccf930c button {
color: var(--alias-color-text-disabled-default);
cursor: not-allowed
}
.merGuideLink .guideLinkIcon__6ccf930c {
display: inherit
}
.merGuideLink .guideLink__6ccf930c.withStartIcon__6ccf930c .guideLinkIcon__6ccf930c {
order: -1
}
.merGuideLinkRow {
display: block
}
.merGuideLinkRow.disabled__95646738 {
pointer-events: none
}
.merGuideLinkRow.disabled__95646738 .guideLinkText__95646738 {
color: var(--alias-color-text-disabled-default)
}
.merGuideLinkRow.disabled__95646738 .guideLinkIcon__95646738 {
fill: var(--alias-color-icon-disabled-default)
}
.merGuideLinkRow .guideLink__95646738 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
fill: var(--alias-color-icon-link-default);
align-items: center;
background-color: initial;
border: 0;
box-sizing: border-box;
cursor: pointer;
display: flex;
justify-content: flex-end;
left: -16px;
padding: 8px 16px;
position: relative;
width: calc(100% + 32px)
}
.merGuideLinkRow .guideLink__95646738:focus-within {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px;
outline: none
}
@media (hover: hover) {
.merGuideLinkRow .guideLink__95646738:hover {
fill:var(--alias-color-icon-link-highlight)
}
.merGuideLinkRow .guideLink__95646738:hover * {
color: var(--alias-color-text-link-highlight)!important
}
}
.merGuideLinkRow .guideLink__95646738:active {
fill: var(--alias-color-icon-link-active)
}
.merGuideLinkRow .guideLink__95646738:active * {
color: var(--alias-color-text-link-active)!important
}
.merGuideLinkRow .guideLinkText__95646738 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: var(--alias-color-text-link-default);
display: block;
display: -webkit-box;
font-size: 14px;
line-height: 1.4em;
max-height: 39.2px;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
word-break: break-word
}
.merGuideLinkRow .guideLinkText__95646738:focus {
outline: none
}
.merGuideLinkRow .guideLinkText__95646738 a.focus-visible {
box-shadow: none
}
.merGuideLinkRow .guideLinkText__95646738.disabled__95646738 {
color: var(--alias-color-text-disabled-default)
}
.merGuideLinkRow .guideLinkIcon__95646738 {
display: inherit;
margin-left: 4px
}
.merAccordion>button {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
align-items: center;
background: #0000;
border: none;
cursor: pointer;
display: flex;
height: 48px;
justify-content: flex-start;
left: -16px;
padding: 0 16px;
position: relative;
transition: all .1s ease-out;
width: calc(100% + 32px)
}
@media (hover: hover) {
.merAccordion>button:hover {
background-color:var(--alias-color-background-primary-highlight);
cursor: pointer
}
}
.merAccordion>button:focus {
outline: none;
z-index: 1
}
.merAccordion>button:hover {
cursor: pointer
}
.merAccordion>button.focus-visible {
background-color: var(--alias-color-background-primary-highlight);
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px;
z-index: 1
}
.merAccordion>button>span {
color: var(--alias-color-text-primary-default);
font-size: 14px;
font-weight: 700;
line-height: 1.4em;
margin-right: auto
}
.merAccordion>button>mer-icon-chevron-down-outline,.merAccordion>button>mer-icon-chevron-up-outline {
margin: auto 0 auto auto
}
.merAccordion>.contentContainer__76b937fd {
transition: height .3s ease-out
}
.merAccordion .content__76b937fd[hidden] {
display: none
}
.merActionRow {
display: block
}
.merActionRow a {
color: inherit;
text-decoration: none
}
.merActionRow.center__366c8549 .labelContainer__366c8549,.merActionRow.center__366c8549 .subLabelContainer__366c8549 {
margin: auto;
text-align: center
}
.merActionRow.accent__366c8549 .rowButton__366c8549 .labelContainer__366c8549 {
color: var(--alias-color-text-accent-default)
}
.merActionRow.strong__366c8549 .rowButton__366c8549 .labelContainer__366c8549 {
font-weight: 700
}
.merActionRow.disabled__366c8549 {
color: var(--alias-color-text-disabled-default);
pointer-events: none
}
.merActionRow.disabled__366c8549 .rowButton__366c8549,.merActionRow.disabled__366c8549 .rowButton__366c8549 .labelContainer__366c8549,.merActionRow.disabled__366c8549 .rowButton__366c8549 .subLabelContainer__366c8549 {
color: inherit
}
.merActionRow .rowButton__366c8549 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
align-items: center;
background-color: var(--alias-color-background-primary-default);
border: none;
border-radius: 0;
box-sizing: border-box;
color: var(--alias-color-text-primary-default);
cursor: pointer;
display: flex;
flex-direction: row;
font-size: inherit;
font-weight: 400;
gap: 12px;
justify-content: stretch;
left: -16px;
line-height: inherit;
margin: 0;
outline: none;
padding: 16px;
position: relative;
text-align: left;
transition: all .1s ease-out;
width: calc(100% + 32px)
}
.merActionRow .rowButton__366c8549:focus-within {
box-shadow: inset var(--focus-ring-color) 0 0 0 4px
}
@media (hover: hover) {
.merActionRow .rowButton__366c8549:hover {
background-color:var(--alias-color-background-primary-highlight)
}
}
.merActionRow .rowButton__366c8549:active {
background-color: var(--alias-color-background-primary-active)
}
.merActionRow .rowButton__366c8549.selected__366c8549 {
background: var(--alias-color-background-primary-highlight)
}
.merActionRow .rowButton__366c8549 .content__366c8549 {
-webkit-box-flex: 1;
display: flex;
flex: 1 1;
flex-direction: column
}
.merActionRow .rowButton__366c8549 .colorIcon__366c8549 {
border-radius: 50%;
height: 20px;
width: 20px
}
.merActionRow .rowButton__366c8549 .colorIcon__366c8549.bordered__366c8549 {
border: 1px solid var(--alias-color-border-primary-default)
}
.merActionRow .rowButton__366c8549 .iconLeft__366c8549 {
-ms-flex-preferred-size: 0;
display: flex;
flex-basis: 0;
flex-direction: column
}
.merActionRow .rowButton__366c8549 .iconRight__366c8549 {
flex-basis: 0
}
.merActionRow .rowButton__366c8549 .labelContainer__366c8549,.merActionRow .rowButton__366c8549 .subLabelContainer__366c8549 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden;
position: relative;
vertical-align: middle;
word-break: break-word
}
.merActionRow .rowButton__366c8549 .labelContainer__366c8549 {
font-size: 15px;
font-weight: 400;
line-height: 1.4em
}
.merActionRow .rowButton__366c8549 .subLabelContainer__366c8549 {
color: var(--alias-color-text-secondary-default);
font-size: 12px;
font-weight: 400;
line-height: 1.4em
}
@keyframes showModal__f8030176 {
0% {
transform: translate3d(0,100%,0)
}
to {
transform: translateZ(0)
}
}
.merActionSheet {
z-index: var(--mer-z-index-action-sheet)
}
.merActionSheet>.actionSheet__f8030176 {
background: var(--alias-color-background-primary-default);
border-radius: 8px 8px 0 0;
bottom: 0;
box-shadow: 0 2px 4px #0003;
box-sizing: border-box;
display: block;
flex-direction: column;
margin: auto;
max-height: 90%;
outline: none;
overflow: hidden;
position: fixed;
text-align: center;
transition: transform .2s ease-out;
visibility: inherit;
width: 100%;
will-change: transform
}
.merActionSheet>.actionSheet__f8030176>.content__f8030176 {
padding: 0 16px
}
.merActionSheet.openAnimation__f8030176 .actionSheet__f8030176 {
animation: showModal__f8030176 .2s ease-out 0s 1 none
}
.merActionSheet.closeAnimation__f8030176 .actionSheet__f8030176 {
transform: translate3d(0,100%,0)
}
.merAutocomplete {
display: inline-flex
}
.merAutocomplete.mobile__9b09c9a3 {
background: var(--alias-color-background-primary-default);
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%
}
.merAutocomplete.mobile__9b09c9a3 .autocomplete__9b09c9a3 {
-webkit-box-flex: 1;
display: flex;
flex: 1 1;
flex-direction: column;
height: 100%;
width: 100%
}
.merAutocomplete.mobile__9b09c9a3 .inputContainer__9b09c9a3 {
-ms-flex-negative: 0;
display: inline-flex;
flex-shrink: 0;
gap: 8px;
padding: 10px 16px 10px 8px;
width: 100%
}
.merAutocomplete.mobile__9b09c9a3 .inputContainer__9b09c9a3 .merIconButton {
flex-shrink: 0
}
.merAutocomplete.mobile__9b09c9a3 .menu__9b09c9a3 {
-webkit-box-flex: 1;
border: 1px 0 0;
border-color: var(--alias-color-border-primary-highlight);
border-radius: 0;
border-width: 1px 0 0;
box-shadow: none;
flex: 1 1;
height: 100%;
overflow-y: auto;
position: relative;
top: 0
}
.merAutocomplete.mobile__9b09c9a3 .menu__9b09c9a3.hidden__9b09c9a3 {
box-shadow: none;
height: 0
}
.autocomplete__9b09c9a3 {
position: relative;
width: 100%
}
.inputContainer__9b09c9a3 {
align-items: center;
display: flex
}
.close-button__9b09c9a3 {
display: none;
margin-right: 8px
}
.menu__9b09c9a3 {
background: var(--alias-color-background-primary-default);
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px;
box-shadow: 0 2px 4px #0003;
box-sizing: border-box;
left: 0;
overflow: hidden;
padding: 0 16px;
position: absolute;
top: 100%;
width: 100%;
z-index: var(--mer-z-index-autocomplete)
}
.menu__9b09c9a3:focus {
outline: none
}
.menu__9b09c9a3.focus-visible__9b09c9a3 {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.menu__9b09c9a3.inner-focus-ring__9b09c9a3.focus-visible__9b09c9a3 {
box-shadow: inset var(--focus-ring-color) 0 0 0 4px
}
.menu__9b09c9a3.hidden__9b09c9a3 {
display: none
}
.merDialog {
z-index: var(--mer-z-index-dialog)
}
.merDialog.openAnimation__491ea7fd .dialog__491ea7fd {
opacity: 1
}
.merDialog.closeAnimation__491ea7fd .dialog__491ea7fd {
opacity: 0
}
.dialog__491ea7fd {
background: var(--alias-color-background-primary-default);
border-radius: 8px;
box-shadow: 0 2px 4px #0003;
box-sizing: border-box;
display: flex;
flex-direction: column;
margin: auto;
max-height: 90%;
outline: none;
overflow: hidden;
padding: 16px;
position: absolute;
text-align: center;
will-change: transform
}
.dialog__491ea7fd .header__491ea7fd {
-ms-flex-negative: 0;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: flex;
flex-shrink: 0;
justify-content: center;
margin: 0 0 auto;
position: relative
}
.dialog__491ea7fd .content__491ea7fd {
margin: 0 auto;
overflow-x: hidden;
padding: 8px 0
}
.dialog__491ea7fd .footer__491ea7fd {
flex-shrink: 0;
margin-top: 16px
}
.footer__491ea7fd {
align-items: center;
display: flex
}
@media (min-width: 960px) {
.footer__491ea7fd {
justify-content:flex-end
}
.footer__491ea7fd .merButton {
min-width: 120px
}
.footer__491ea7fd .merButton:not(:first-child) {
margin-left: 16px
}
.footer__491ea7fd .merButton:nth-child(2):nth-last-child(2) {
margin-left: auto
}
}
@media (max-width: 959.9px) {
.footer__491ea7fd {
flex-direction:column-reverse
}
.footer__491ea7fd .merButton {
width: 100%
}
.footer__491ea7fd .merButton:not(:first-child) {
margin-bottom: 8px
}
}
@media (min-width: 960px) {
.dialog__491ea7fd {
padding:24px;
width: 560px
}
.header__491ea7fd {
padding: 8px 0
}
.title__491ea7fd {
font-size: 20px;
font-weight: 700;
line-height: 1.4em
}
.content__491ea7fd {
font-size: 15px;
font-weight: 400;
line-height: 1.4em;
margin-top: 16px;
width: 100%
}
}
@media (max-width: 959.9px) {
.dialog__491ea7fd {
max-height:440px;
width: 270px
}
.header__491ea7fd {
padding: 8px 0
}
.title__491ea7fd {
font-size: 17px;
font-weight: 700;
line-height: 1.4em
}
.content__491ea7fd {
width: 240px
}
}
.merDisplayRow {
align-items: center;
background-color: var(--alias-color-background-primary-default);
color: var(--alias-color-text-primary-default);
display: flex;
font-size: 15px;
font-weight: 400;
line-height: 1.4em;
vertical-align: top;
word-break: break-word
}
.merDisplayRow.default__32cba457 {
padding: 16px 0
}
.merDisplayRow.small__32cba457 {
padding: 8px 0
}
.merDisplayRow.indent__32cba457 .title__32cba457 {
padding-left: 16px
}
.merDisplayRow.both__32cba457,.merDisplayRow.top__32cba457 {
border-top: 1px solid var(--alias-color-border-primary-highlight)
}
.merDisplayRow.both__32cba457,.merDisplayRow.bottom__32cba457 {
border-bottom: 1px solid var(--alias-color-border-primary-highlight)
}
.merDisplayRow.ratio-1_1__32cba457 .body__32cba457,.merDisplayRow.ratio-1_1__32cba457 .title__32cba457 {
flex: 1 1
}
.merDisplayRow.error__32cba457 {
background-color: var(--alias-color-background-attentionThin-highlight)
}
.titleWrapper__32cba457 {
-webkit-box-flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
flex: 1 1;
justify-content: center;
margin-right: 12px;
text-align: left
}
.body__32cba457 {
-webkit-box-flex: 1.75;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
flex: 1.75 1;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.error__32cba457 .body__32cba457 {
color: red
}
.right__32cba457 .body__32cba457 {
text-align: right
}
.title__32cba457 {
flex: 2 1;
font-size: 15px;
font-weight: 700;
line-height: 1.4em
}
.subtitle__32cba457 {
font-size: 12px;
font-weight: 400;
line-height: 1.4em
}
.subtitle__32cba457,.title__32cba457 {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.merDisplayRow .merButton:last-child {
margin-left: 16px
}
.merEmptyState {
align-items: center;
display: flex;
flex-direction: column;
margin: auto;
max-width: 560px;
min-height: 100%;
padding-top: 48px
}
.merEmptyState .logo__151544dc {
border-radius: 0;
padding: 0
}
.merEmptyState .titleContainer__151544dc {
margin-top: 16px
}
@media (max-width: 959.9px) {
.merEmptyState .titleContainer__151544dc {
margin-top:24px
}
}
.merEmptyState .titleContainer__151544dc>* {
color: var(--alias-color-text-secondary-default);
text-align: center
}
@media (max-width: 959.9px) {
.merEmptyState .titleContainer__151544dc>* {
font-size:17px;
font-weight: 700;
line-height: 1.4em
}
}
@media (min-width: 960px) {
.merEmptyState .titleContainer__151544dc>* {
font-size:17px;
font-weight: 700;
line-height: 1.4em
}
}
.merEmptyState .bodyContainer__151544dc {
margin-top: 16px
}
@media (min-width: 960px) {
.merEmptyState .bodyContainer__151544dc {
max-width:560px
}
}
.merEmptyState .bodyContainer__151544dc>* {
color: var(--alias-color-text-secondary-default);
text-align: center
}
@media (max-width: 959.9px) {
.merEmptyState .bodyContainer__151544dc>* {
font-size:15px;
font-weight: 400;
line-height: 1.4em
}
}
@media (min-width: 960px) {
.merEmptyState .bodyContainer__151544dc>* {
font-size:15px;
font-weight: 400;
line-height: 1.4em
}
}
.merEmptyState .actionContainer__151544dc {
display: flex;
flex-direction: column
}
.merEmptyState .actionContainer__151544dc .merButton:not(:first-child) {
margin-top: 8px
}
@media (max-width: 959.9px) {
.merEmptyState .actionContainer__151544dc {
margin-top:24px;
width: 100%
}
}
@media (min-width: 960px) {
.merEmptyState .actionContainer__151544dc {
margin-top:24px;
width: 343px
}
}
.center__a7d91561 {
text-align: center
}
.merHeading {
align-items: flex-end;
background: var(--color-background-primary-default);
display: flex;
position: relative
}
.merHeading .merTextLink a,.merHeading .merTextLink button {
margin: -8px;
min-height: 36px;
padding: 8px;
text-align: right;
text-decoration: none!important
}
.labelContainer__a7d91561 {
padding: 0;
width: 100%
}
.page__a7d91561 {
color: var(--alias-color-text-primary-default)
}
.page__a7d91561.merHeading>.assistContainer__a7d91561 {
width: 100%
}
.list__a7d91561,.section__a7d91561 {
color: var(--alias-color-text-secondary-default);
gap: 16px;
text-align: left
}
.heading__a7d91561 {
line-height: 1.4em;
margin: 0;
padding: 0
}
.subtitle__a7d91561 {
color: var(--alias-color-text-secondary-default);
font-size: 14px;
font-weight: 400;
margin: 4px 0 0
}
.assistContainer__a7d91561 {
-ms-flex-negative: 0;
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-pack: end;
-ms-flex-pack: end;
align-items: flex-end;
display: inline-flex;
flex-shrink: 0;
font-weight: 400;
justify-content: flex-end;
overflow-wrap: anywhere;
width: 96px
}
@media (max-width: 959.9px) {
.page__a7d91561 {
flex-direction:column
}
.list__a7d91561,.page__a7d91561,.section__a7d91561 {
font-size: 17px;
font-weight: 700
}
}
@media (min-width: 960px) {
.page__a7d91561 {
display:block;
font-size: 24px;
font-weight: 700
}
.page__a7d91561 .assistContainer__a7d91561 {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: flex;
justify-content: flex-end
}
.section__a7d91561 {
font-size: 20px;
font-weight: 700
}
.list__a7d91561 {
font-size: 17px;
font-weight: 700
}
}
.merInformationBubble {
color: var(--alias-color-text-primary-default)
}
.merInformationBubble .main__d7ab11c3 {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}
.merInformationBubble .main__d7ab11c3.section__d7ab11c3 {
border-radius: 8px;
padding: 16px
}
.merInformationBubble .main__d7ab11c3.section__d7ab11c3 .titleRow__d7ab11c3+.text__d7ab11c3 {
margin-top: 8px
}
.merInformationBubble .main__d7ab11c3.section__d7ab11c3.large__d7ab11c3 .title__d7ab11c3>* {
font-size: 17px;
font-weight: 700;
line-height: 1.4em
}
.merInformationBubble .main__d7ab11c3.section__d7ab11c3.large__d7ab11c3 .titleRow__d7ab11c3+.text__d7ab11c3 {
margin-top: 16px
}
.merInformationBubble .main__d7ab11c3 .titleRow__d7ab11c3 {
align-items: center;
display: flex
}
.merInformationBubble .main__d7ab11c3 .text__d7ab11c3>* {
color: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.4em
}
.merInformationBubble .main__d7ab11c3 .icon__d7ab11c3 {
display: inline-flex;
margin-right: 4px
}
.merInformationBubble .main__d7ab11c3 .title__d7ab11c3>* {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: inherit;
display: -webkit-box;
font-size: 15px;
font-weight: 700;
line-height: 1.4em;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.merInformationBubble .main__d7ab11c3.accent__d7ab11c3 {
background-color: var(--alias-color-background-accentThin-default)
}
.merInformationBubble .main__d7ab11c3.accent__d7ab11c3 .icon__d7ab11c3 {
fill: var(--alias-color-icon-accent-default)
}
@media (hover: hover) {
.merInformationBubble .main__d7ab11c3.accent__d7ab11c3.expansion__d7ab11c3 .titleRow__d7ab11c3:hover,.merInformationBubble .main__d7ab11c3.accent__d7ab11c3.transition__d7ab11c3:hover {
background-color:var(--alias-color-background-accentThin-highlight)
}
}
.merInformationBubble .main__d7ab11c3.accent__d7ab11c3.expansion__d7ab11c3 .titleRow__d7ab11c3:active,.merInformationBubble .main__d7ab11c3.accent__d7ab11c3.transition__d7ab11c3:active {
background-color: var(--alias-color-background-accentThin-active)
}
.merInformationBubble .main__d7ab11c3.default__d7ab11c3 {
background-color: var(--alias-color-background-secondary-default)
}
.merInformationBubble .main__d7ab11c3.default__d7ab11c3 .icon__d7ab11c3 {
fill: var(--alias-color-icon-primary-default)
}
@media (hover: hover) {
.merInformationBubble .main__d7ab11c3.default__d7ab11c3.expansion__d7ab11c3 .titleRow__d7ab11c3:hover,.merInformationBubble .main__d7ab11c3.default__d7ab11c3.transition__d7ab11c3:hover {
background-color:var(--alias-color-background-secondary-highlight)
}
}
.merInformationBubble .main__d7ab11c3.default__d7ab11c3.expansion__d7ab11c3 .titleRow__d7ab11c3:active,.merInformationBubble .main__d7ab11c3.default__d7ab11c3.transition__d7ab11c3:active {
background-color: var(--alias-color-background-secondary-active)
}
.merInformationBubble .main__d7ab11c3.attention__d7ab11c3 {
background-color: var(--alias-color-background-attentionThin-default)
}
.merInformationBubble .main__d7ab11c3.attention__d7ab11c3 .icon__d7ab11c3 {
fill: var(--alias-color-icon-attention-default)
}
@media (hover: hover) {
.merInformationBubble .main__d7ab11c3.attention__d7ab11c3.expansion__d7ab11c3 .titleRow__d7ab11c3:hover,.merInformationBubble .main__d7ab11c3.attention__d7ab11c3.transition__d7ab11c3:hover {
background-color:var(--alias-color-background-attentionThin-highlight)
}
}
.merInformationBubble .main__d7ab11c3.attention__d7ab11c3.expansion__d7ab11c3 .titleRow__d7ab11c3:active,.merInformationBubble .main__d7ab11c3.attention__d7ab11c3.transition__d7ab11c3:active {
background-color: var(--alias-color-background-attentionThin-active)
}
.merInformationBubble .main__d7ab11c3.success__d7ab11c3 {
background-color: var(--alias-color-background-success-default)
}
.merInformationBubble .main__d7ab11c3.success__d7ab11c3 .icon__d7ab11c3 {
fill: var(--alias-color-icon-success-default)
}
@media (hover: hover) {
.merInformationBubble .main__d7ab11c3.success__d7ab11c3.expansion__d7ab11c3 .titleRow__d7ab11c3:hover,.merInformationBubble .main__d7ab11c3.success__d7ab11c3.transition__d7ab11c3:hover {
background-color:var(--alias-color-background-success-highlight)
}
}
.merInformationBubble .main__d7ab11c3.success__d7ab11c3.expansion__d7ab11c3 .titleRow__d7ab11c3:active,.merInformationBubble .main__d7ab11c3.success__d7ab11c3.transition__d7ab11c3:active {
background-color: var(--alias-color-background-success-active)
}
.merInformationBubble .main__d7ab11c3.transaction__d7ab11c3 {
background-color: var(--component-information-bubble-background-transaction)
}
.merInformationBubble .main__d7ab11c3.transaction__d7ab11c3 .icon__d7ab11c3 {
fill: var(--alias-color-icon-attention-default)
}
.merInformationBubble .main__d7ab11c3.disabled__d7ab11c3 {
background-color: var(--alias-color-background-primary-active);
color: var(--alias-color-text-placeholder-default)
}
.merInformationBubble .main__d7ab11c3.disabled__d7ab11c3 .icon__d7ab11c3 {
fill: var(--alias-color-icon-disabled-default)
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3 {
border-radius: 4px;
padding: 8px
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3 .title__d7ab11c3>* {
color: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.4em
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3 .text__d7ab11c3>* {
color: inherit;
font-size: 12px;
font-weight: 400;
line-height: 1.4em
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3 .arrow__d7ab11c3 {
fill: var(--alias-color-icon-primary-default);
margin: auto;
position: absolute;
right: 8px
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3 .titleRow__d7ab11c3+.text__d7ab11c3 {
margin-top: 4px
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 {
padding: 0
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .titleRow__d7ab11c3 {
padding: 8px 36px 8px 8px
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .text__d7ab11c3 {
margin-top: 0
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .expansionControl__d7ab11c3 {
background: #0000;
border: none;
color: inherit;
cursor: pointer;
text-align: start;
width: 100%
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .expansionControl__d7ab11c3:focus {
outline: none
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .expansionControl__d7ab11c3.focus-visible {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .expansionControl__d7ab11c3 .arrow__d7ab11c3 {
transition: transform .2s
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .expansionControl__d7ab11c3.expanded__d7ab11c3 {
padding-bottom: 4px
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .expansionControl__d7ab11c3.expanded__d7ab11c3 .arrow__d7ab11c3 {
transform: rotate(180deg)
}
@media (hover: hover) {
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .expansionControl__d7ab11c3.expanded__d7ab11c3:hover {
border-top-left-radius:4px;
border-top-right-radius: 4px
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .expansionControl__d7ab11c3:not(.expanded__d7ab11c3):hover {
border-radius: 4px
}
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.expansion__d7ab11c3 .text__d7ab11c3 {
padding: 0 8px 8px
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.transition__d7ab11c3 {
cursor: pointer;
padding-right: 36px
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.disabled__d7ab11c3 {
cursor: default
}
.merInformationBubble .main__d7ab11c3.row__d7ab11c3.disabled__d7ab11c3 .arrow__d7ab11c3 {
fill: var(--alias-color-icon-disabled-default)
}
.merInformationPopup {
z-index: var(--mer-z-index-information-popup)
}
.merInformationPopup .popup__e582c559 {
background: var(--alias-color-background-primary-default);
border-radius: 8px;
box-shadow: 0 2px 4px #0003;
box-sizing: border-box;
display: flex;
flex-direction: column;
margin: auto;
max-height: 80%;
outline: none;
padding: 0;
position: absolute;
text-align: center;
will-change: transform
}
@media (max-width: 959.9px) {
.merInformationPopup .popup__e582c559 {
max-width:400px;
width: 90%
}
}
@media (min-width: 960px) {
.merInformationPopup .popup__e582c559 {
width:560px
}
}
.merInformationPopup .closeButton__e582c559 {
left: 0;
position: absolute;
top: 0;
transform: translateY(-100%)
}
.merInformationPopup .inner__e582c559 {
border-radius: 8px;
display: flex;
flex-direction: column;
max-height: 100%;
overflow: hidden;
width: 100%
}
.merInformationPopup .body__e582c559 {
grid-gap: 16px;
display: grid;
overflow: auto;
padding: 16px
}
@media (min-width: 960px) {
.merInformationPopup .body__e582c559 {
grid-gap:24px;
padding: 24px
}
}
.merInformationPopup .content__e582c559 {
max-height: 440px;
overflow-y: auto
}
@media (max-width: 959.9px) {
.merInformationPopup .content__e582c559 {
padding:8px 0
}
}
.merInformationPopup .content__e582c559.center__e582c559 {
text-align: center
}
.merInformationPopup .content__e582c559.left__e582c559 {
text-align: left
}
.merInformationPopup .title__e582c559 {
display: block;
font-size: 20px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 8px;
text-align: center
}
@media (max-width: 959.9px) {
.merInformationPopup .title__e582c559 {
font-size:17px;
font-weight: 700;
line-height: 1.4em
}
}
.merInformationPopup .footer__e582c559 {
align-items: center;
display: flex;
position: relative
}
@media (min-width: 960px) {
.merInformationPopup .footer__e582c559 {
justify-content:center
}
.merInformationPopup .footer__e582c559 .merButton {
min-width: 120px
}
.merInformationPopup .footer__e582c559 .merButton:not(:first-child) {
margin-left: 16px
}
.merInformationPopup .footer__e582c559 .merButton:first-child:nth-last-child(2),.merInformationPopup .footer__e582c559 .merButton:nth-child(2):nth-last-child(2) {
margin-left: auto
}
}
@media (max-width: 959.9px) {
.merInformationPopup .footer__e582c559 {
flex-direction:column-reverse
}
.merInformationPopup .footer__e582c559 .merButton {
width: 100%
}
.merInformationPopup .footer__e582c559 .merButton:not(:first-child) {
margin-bottom: 8px
}
}
.merInformationRow {
display: block;
width: 100%
}
.merInformationRow .container__8ccd0d74 {
align-items: center;
display: flex;
width: 100%
}
.merInformationRow .image__8ccd0d74 {
flex-shrink: 0
}
.merInformationRow .image__8ccd0d74.icon__8ccd0d74 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
border-radius: 4px;
box-sizing: border-box;
display: inline-flex;
height: 48px;
justify-content: center;
width: 48px
}
.merInformationRow .image__8ccd0d74.icon__8ccd0d74.primary__8ccd0d74 {
background-color: var(--alias-color-background-primary-default);
border: 1px solid var(--component-avatar-border)
}
.merInformationRow .image__8ccd0d74.icon__8ccd0d74.secondary__8ccd0d74 {
background-color: var(--alias-color-background-secondary-default)
}
.merInformationRow .image__8ccd0d74.icon__8ccd0d74.rounded__8ccd0d74 {
border-radius: 50%
}
.merInformationRow .image__8ccd0d74+.content__8ccd0d74 {
margin-left: 16px
}
.merInformationRow .content__8ccd0d74 {
-webkit-box-flex: 1;
display: inline-flex;
flex: 1 1;
flex-direction: column
}
.merInformationRow .content__8ccd0d74>.merText__8ccd0d74 {
display: block;
font-size: 15px;
font-weight: 400;
line-height: 1.4em
}
.merInformationRow .content__8ccd0d74 .time__8ccd0d74 {
align-items: center;
display: inline-flex;
margin-top: 4px
}
.merItemObject {
display: block;
width: 100%
}
.container__97a42da1 {
align-items: center;
display: flex;
width: 100%
}
.thumbnail__97a42da1 {
flex-shrink: 0
}
.content__97a42da1 {
flex: 1 1;
margin-left: 16px
}
.content__97a42da1 .itemLabel__97a42da1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
line-height: 1.4em;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.content__97a42da1 .twoLinesItemLabel__97a42da1 {
-webkit-line-clamp: 2
}
.content__97a42da1 .itemPrice__97a42da1 {
align-items: center;
display: flex;
margin-top: 4px;
text-align: center
}
.content__97a42da1 .itemPrice__97a42da1>.merText:first-child {
font-size: 14px;
margin-right: 2px
}
.content__97a42da1 .itemPrice__97a42da1 .itemPriceLabel__97a42da1 {
font-size: 10px;
line-height: 1.4em
}
.content__97a42da1 .itemPrice__97a42da1 .discountedOldPrice__97a42da1 {
font-size: 12px;
font-weight: 400
}
.content__97a42da1 .itemPrice__97a42da1 .discountedNewPrice__97a42da1 {
font-size: 14px;
font-weight: 700
}
.content__97a42da1 .itemPrice__97a42da1 .discountedRightArrowIcon__97a42da1 {
stroke: #000;
stroke-width: .5px;
vertical-align: sub
}
.content__97a42da1 .itemTag__97a42da1 {
margin-bottom: 4px
}
.content__97a42da1 .metaContainer__97a42da1 {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: 12px;
line-height: 1.4em;
margin-top: 4px
}
.content__97a42da1 .metaContainer__97a42da1 .metaItem__97a42da1 {
align-items: flex-start;
display: flex;
margin-right: 12px
}
.content__97a42da1 .metaContainer__97a42da1 .iconText__97a42da1 {
margin-left: 2px
}
.content__97a42da1 .informationLabel__97a42da1 {
display: flex;
margin-top: 4px;
max-height: 39.2px
}
.content__97a42da1 .informationLabel__97a42da1 .labelText__97a42da1 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
font-size: 12px;
line-height: 1.4em;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.content__97a42da1 .informationLabel__97a42da1 .icon__97a42da1 {
margin-right: 2px
}
.content__97a42da1 .supplementalText__97a42da1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis
}
.srOnly__97a42da1 {
clip: rect(0,0,0,0);
border-width: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px
}
.merItemThumbnail.hover__a6f874a2:not(.disabled__a6f874a2) {
cursor: pointer
}
@media (hover: hover) {
.merItemThumbnail.hover__a6f874a2:not(.disabled__a6f874a2):hover .itemThumbnail__a6f874a2 .hoverElement__a6f874a2 {
background-color:#fff3
}
}
.merItemThumbnail.hover__a6f874a2:not(.disabled__a6f874a2):active .itemThumbnail__a6f874a2 .hoverElement__a6f874a2 {
background-color: initial
}
.itemThumbnail__a6f874a2 {
background: var(--alias-color-background-secondary-default);
overflow: hidden;
position: relative
}
.itemThumbnail__a6f874a2 .before__a6f874a2 {
display: block;
left: 0;
padding-top: 100%;
position: absolute;
top: 0;
width: 100%
}
.itemThumbnail__a6f874a2 .hoverElement__a6f874a2 {
left: 0;
padding-top: 100%;
pointer-events: none;
position: absolute;
top: 0;
transition: background-color .25s cubic-bezier(.65,0,.35,1);
width: 100%
}
.itemThumbnail__a6f874a2 .imageContainer__f8ddf3a2 {
display: grid;
padding-bottom: 100%;
position: relative;
width: 100%
}
.itemThumbnail__a6f874a2 picture {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.itemThumbnail__a6f874a2 .imageError__f8ddf3a2,.itemThumbnail__a6f874a2 img {
height: 100%;
object-fit: contain;
transition-duration: .1s;
transition-property: opacity;
transition-timing-function: ease-in-out;
width: 100%
}
.itemThumbnail__a6f874a2 .imageError__f8ddf3a2.imageError__f8ddf3a2 {
left: 0;
position: absolute;
top: 0
}
.itemThumbnail__a6f874a2 .emptyState__a6f874a2 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
color: var(--alias-color-text-disabled-default);
display: flex;
font-weight: 700;
height: 100%;
justify-content: center;
line-height: 1.4em;
text-align: center;
width: 100%
}
.itemThumbnail__a6f874a2.radius__a6f874a2 {
border-radius: 4px
}
.disabled__a6f874a2 {
opacity: .6
}
.sticker__a6f874a2 {
align-self: flex-start;
margin-bottom: auto
}
.sticker__a6f874a2>* {
height: 100%;
width: 100%
}
.priceContainer__a6f874a2 .merPrice {
align-items: baseline;
background-color: #0006;
border-radius: 0 20px 20px 0;
color: var(--alias-color-system-staticWhite-default);
display: inline-flex;
line-height: 1.4em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all
}
.emptyState__a6f874a2 {
left: 0;
position: absolute;
top: 0
}
.small__a6f874a2 {
height: 48px;
width: 48px
}
.small__a6f874a2 .sticker__a6f874a2 {
height: 24px;
width: 24px
}
.small__a6f874a2 .priceContainer__a6f874a2 {
display: none
}
.small__a6f874a2 .emptyState__a6f874a2 {
font-size: 12px
}
.small__a6f874a2 .thumbnailTag__a6f874a2 {
display: none
}
.medium__a6f874a2 {
height: 64px;
width: 64px
}
.medium__a6f874a2 .sticker__a6f874a2 {
height: 32px;
width: 32px
}
.medium__a6f874a2 .priceContainer__a6f874a2 {
display: none
}
.medium__a6f874a2 .emptyState__a6f874a2 {
font-size: 14px
}
.medium__a6f874a2 .thumbnailTag__a6f874a2 {
display: none
}
.large__a6f874a2 {
height: 96px;
width: 96px
}
.large__a6f874a2 .sticker__a6f874a2 {
height: 38px;
width: 38px
}
.large__a6f874a2 .emptyState__a6f874a2 {
font-size: 18px
}
.fluid__a6f874a2 {
height: 100%;
width: 100%
}
.fluid__a6f874a2 .sticker__a6f874a2 {
height: 33%;
max-height: 160px;
max-width: 160px;
width: 33%
}
.fluid__a6f874a2 .emptyState__a6f874a2 {
font-size: 18px
}
.priceContainerDefault__a6f874a2 {
font-size: 15px;
font-weight: 700;
padding: 2px 8px 2px 4px
}
.priceContainerLarge__a6f874a2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 8px;
padding: 2px 12px 2px 8px
}
.itemName__a6f874a2 {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--alias-color-text-primary-default);
display: block;
display: -webkit-box;
font-size: 14px;
height: 39.2px;
line-height: 1.4em;
margin-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.thumbnailTag__a6f874a2 {
--thumbnailTag-background-color: inherit;
color: var(--alias-color-system-staticWhite-default);
margin: 4px
}
.thumbnailTag__a6f874a2 .tag__5000b0c4 {
max-width: 100%
}
.thumbnailTag__a6f874a2 .tag__5000b0c4.custom__5000b0c4 {
background-color: var(--thumbnailTag-background-color)
}
.thumbnailTag__a6f874a2 .tag__5000b0c4 .tagText__5000b0c4 {
display: block;
max-width: 100%
}
.overlayContent__a6f874a2 {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%
}
.merList {
display: block;
font-size: 14px;
font-weight: 400;
height: 100%;
line-height: 1.4em;
margin: 0 -16px;
max-height: inherit;
padding: 0 16px
}
.merList.scrollable__17a1e07b {
overflow-y: scroll
}
.merList.separator__17a1e07b .merActionRow,.merList.separator__17a1e07b .merListItem {
border-bottom: 1px solid var(--alias-color-border-primary-highlight)
}
.merList.separator__17a1e07b .merActionRow:last-child,.merList.separator__17a1e07b .merListItem:last-child {
border-bottom: 0
}
.merList.border__17a1e07b .merActionRow:first-child,.merList.border__17a1e07b .merListItem:first-child {
border-top: 1px solid var(--alias-color-border-primary-highlight)
}
.merList.border__17a1e07b .merActionRow:last-child,.merList.border__17a1e07b .merListItem:last-child {
border-bottom: 1px solid var(--alias-color-border-primary-highlight)
}
.merListItem {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
background: var(--alias-color-background-primary-default);
color: var(--alias-color-text-primary-default);
display: flex;
font-size: 15px;
font-weight: 400;
justify-content: space-between;
line-height: 1.4em;
padding: 16px 0;
position: relative
}
.merListItem:focus .bgContainer__884ec505 {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.merListItem:focus-within {
outline: none;
z-index: 1
}
.merListItem:focus-within .bgContainer__884ec505 {
opacity: 1
}
.merListItem.hover__884ec505 {
cursor: pointer
}
.merListItem.hover__884ec505:active .bgContainer__884ec505 {
opacity: 1
}
@media (hover: hover) {
.merListItem.hover__884ec505:hover .bgContainer__884ec505 {
opacity:1
}
}
.merListItem.selected__884ec505 .bgContainer__884ec505 {
opacity: 1
}
.merListItem a {
color: var(--alias-color-text-primary-default)
}
.merListItem .bgContainer__884ec505 {
background-color: var(--alias-color-background-primary-highlight);
content: "";
display: inline-block;
height: 100%;
left: -16px;
opacity: 0;
position: absolute;
top: 0;
transition: all .1s ease-out;
width: calc(100% + 32px)
}
.merListItem .withArrow__884ec505 {
text-decoration: none
}
.merListItem .withArrow__884ec505 .arrowIcon__884ec505 {
pointer-events: none
}
.merListItem .actionContainer__884ec505 {
align-items: center;
display: inline-flex;
z-index: 0
}
.merListItem .actionContainer__884ec505 .iconWrapper__884ec505 {
-ms-flex-align: center;
pointer-events: none
}
.content__884ec505,.merListItem .actionContainer__884ec505 .iconWrapper__884ec505 {
align-items: center;
display: flex
}
.content__884ec505 {
-webkit-box-flex: 1;
-ms-flex-align: center;
flex: 1 1;
margin: -4px 12px -4px -4px;
overflow: hidden;
padding: 4px;
z-index: 0
}
.content__884ec505>* {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
align-items: center;
display: flex;
height: 100%;
justify-content: flex-start;
margin: 0;
padding: 0;
width: 100%
}
.merMenu [data-tippy-root] {
z-index: var(--mer-z-index-menu)!important
}
.content__86c7cec6 {
background: var(--alias-color-background-primary-default);
border: 1px solid var(--alias-color-border-primary-highlight);
border-radius: 4px;
box-shadow: 0 4px 8px #0003;
overflow: auto;
padding: 0 16px
}
@keyframes showFullModal__93f7aa3a {
0% {
transform: translate3d(0,100%,0)
}
to {
transform: translateZ(0)
}
}
@keyframes hideFullModal__93f7aa3a {
0% {
transform: translateZ(0)
}
to {
transform: translate3d(0,100%,0)
}
}
.merModal {
z-index: var(--mer-z-index-modal)
}
.merModal>.modal__93f7aa3a {
background: var(--alias-color-background-primary-default);
border-radius: 8px;
box-shadow: 0 2px 4px #0003;
display: flex;
flex-direction: column;
margin: auto;
max-height: 80%;
outline: none;
overflow: hidden;
position: fixed;
will-change: transform
}
.merModal>.modal__93f7aa3a>.footer__93f7aa3a {
display: flex;
flex-flow: row-reverse;
padding: 16px;
position: relative
}
.merModal>.modal__93f7aa3a>.footer__93f7aa3a .merButton:not(:first-child) {
margin-right: 8px
}
.merModal>.modal__93f7aa3a>.footer__93f7aa3a.borderedFooter__93f7aa3a {
border-top: 1px solid var(--alias-color-border-primary-highlight)
}
@media (max-width: 959.9px) {
.merModal .modal__93f7aa3a {
max-width:400px;
width: 90%
}
}
@media (min-width: 960px) {
.merModal .modal__93f7aa3a {
width:640px
}
}
@media (max-width: 567.9px) {
.merModal>.modal__93f7aa3a.full__93f7aa3a {
border-radius:0;
bottom: 0;
height: 100%;
max-height: none;
max-width: none;
transition: transform .3s ease-out;
width: 100%
}
.merModal>.modal__93f7aa3a.full__93f7aa3a>.footer__93f7aa3a {
padding-bottom: max(16px,env(safe-area-inset-bottom))
}
.merModal.openAnimation__93f7aa3a .modal__93f7aa3a.full__93f7aa3a {
animation: showFullModal__93f7aa3a .3s ease-out 0s 1 none
}
.merModal.closeAnimation__93f7aa3a .modal__93f7aa3a.full__93f7aa3a {
animation: hideFullModal__93f7aa3a .3s ease-out 0s 1 none;
display: flex
}
}
.merModal .header__93f7aa3a {
-ms-flex-negative: 0;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
border-bottom: 1px solid var(--alias-color-border-primary-highlight);
display: flex;
flex-shrink: 0;
height: 56px;
justify-content: center;
margin: 0 0 auto;
padding: 0 32px;
position: relative
}
.merModal .title__93f7aa3a {
font-size: 17px;
font-weight: 700;
line-height: 1.4em;
text-align: center
}
.merModal .closeButton__93f7aa3a {
left: 8px;
margin: auto 0 auto auto;
position: absolute
}
.merModal .headerButtonContainer__93f7aa3a {
display: inline-flex;
position: absolute;
right: 0
}
.merModal .content__93f7aa3a {
height: 100%
}
.merOfficialBadge {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
fill: var(--alias-color-background-primary-default);
align-items: center;
background-color: var(--alias-color-icon-accent-default);
border: 1px solid var(--alias-color-background-primary-default);
border-radius: 50%;
box-sizing: initial;
display: inline-flex;
justify-content: center
}
.merOfficialBadge.x2small__89f815e9 {
height: 16px;
width: 16px
}
.merOfficialBadge.xsmall__89f815e9 {
border-width: 2px;
height: 24px;
width: 24px
}
.merPrice .currency__6b270ca7 {
font-size: smaller
}
.merPrice .number__6b270ca7 {
margin-left: 2px
}
.merPrice .strikethrough__6b270ca7 {
text-decoration: line-through
}
.merSearchInput {
-webkit-box-pack: start;
-ms-flex-pack: start;
display: inline-flex;
height: 36px;
justify-content: flex-start;
position: relative;
width: 100%
}
.form__268d8f3d {
align-items: center;
background-color: var(--alias-color-background-secondary-default);
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px;
color: var(--alias-color-text-primary-default);
display: flex;
position: relative;
width: 100%
}
.form__268d8f3d.isFocused__268d8f3d {
border-color: var(--alias-color-border-secondary-default)
}
@media (max-width: 959.9px) {
.form__268d8f3d {
flex-direction:row-reverse
}
}
.searchInput__268d8f3d {
appearance: none;
background-color: initial;
border: none;
border-radius: 4px 0 0 4px;
box-sizing: border-box;
color: var(--alias-color-text-primary-default);
font-size: 16px;
font-weight: 400;
height: 100%;
line-height: 1.4em;
margin: 0;
outline: none;
padding: 0 16px;
width: 100%
}
.searchInput__268d8f3d::-webkit-search-cancel-button,.searchInput__268d8f3d::-webkit-search-decoration {
display: none
}
.searchInput__268d8f3d::placeholder,.searchInput__268d8f3d:disabled {
color: var(--alias-color-text-placeholder-default)
}
.searchInput__268d8f3d:active,.searchInput__268d8f3d:active+.buttonGroup__268d8f3d {
background-color: var(--alias-color-background-secondary-active)
}
@media (max-width: 959.9px) {
.searchInput__268d8f3d {
padding-left:0
}
}
.buttonGroup__268d8f3d {
-ms-flex-negative: 0;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
align-items: center;
border-radius: 0 4px 4px 0;
display: inline-flex;
flex-shrink: 0;
height: 100%;
justify-content: flex-end
}
@media (max-width: 959.9px) {
.buttonGroup__268d8f3d {
display:none
}
}
.buttonContainer__268d8f3d {
border-radius: 4px;
box-sizing: border-box;
display: inline-flex;
height: 100%;
position: relative;
width: 34px
}
.buttonContainer__268d8f3d:first-child {
border-radius: 4px 0 0 4px
}
@media (hover: hover) {
.buttonContainer__268d8f3d:hover {
background-color:var(--alias-color-background-secondary-highlight)
}
}
.buttonContainer__268d8f3d:active {
background-color: var(--alias-color-background-secondary-active)
}
.buttonContainer__268d8f3d.clearButton__268d8f3d+.selector__268d8f3d:after,.buttonContainer__268d8f3d.clearButton__268d8f3d:not(.hide__268d8f3d)+.buttonContainer__268d8f3d:after {
background-color: var(--alias-color-border-primary-default);
content: "";
height: 28px;
left: 0;
position: absolute;
top: 3px;
width: 1px
}
.buttonContainer__268d8f3d .merIconButton {
height: 34px;
min-height: 34px;
min-width: 34px;
width: 34px
}
.buttonContainer__268d8f3d.hide__268d8f3d {
display: none
}
.selector__268d8f3d {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background-color: initial;
border: 0;
cursor: pointer;
display: inline-flex;
height: 100%;
justify-content: center;
padding: 0 8px;
position: relative
}
.selector__268d8f3d:focus {
outline: none
}
.selector__268d8f3d.focus-visible__268d8f3d {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.selector__268d8f3d.inner-focus-ring__268d8f3d.focus-visible__268d8f3d {
box-shadow: inset var(--focus-ring-color) 0 0 0 4px
}
@media (hover: hover) {
.selector__268d8f3d:hover {
background-color:var(--alias-color-background-secondary-highlight)
}
}
.selector__268d8f3d:active {
background-color: var(--alias-color-background-secondary-active)
}
.selector__268d8f3d+.buttonContainer__268d8f3d:after {
background-color: var(--alias-color-border-primary-default);
content: "";
height: 28px;
left: 0;
position: absolute;
top: 3px;
width: 1px
}
.selector__268d8f3d mer-icon-chevron-down-outline {
margin-left: 4px
}
.selector__268d8f3d span {
color: var(--alias-color-text-primary-default);
font-size: 14px
}
.merSelectionCard {
background-color: var(--alias-color-background-primary-default);
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px;
cursor: pointer;
display: block;
padding: 16px;
position: relative;
width: 100%
}
@media (hover: hover) {
.merSelectionCard:not(.disabled__04cc98fd):hover {
background-color:var(--alias-color-background-primary-highlight)
}
}
.merSelectionCard:not(.disabled__04cc98fd):active {
background-color: var(--alias-color-background-primary-highlight)
}
.merSelectionCard.disabled__04cc98fd {
background-color: var(--alias-color-background-primary-default);
cursor: not-allowed
}
.merSelectionCard.selected__04cc98fd:not(.disabled__04cc98fd) {
background-color: var(--alias-color-background-accentThin-default);
border-color: var(--alias-color-border-accent-default)
}
@media (hover: hover) {
.merSelectionCard.selected__04cc98fd:not(.disabled__04cc98fd):hover {
background-color:var(--alias-color-background-accentThin-highlight)
}
}
.merSelectionCard.selected__04cc98fd:not(.disabled__04cc98fd):active {
background-color: var(--alias-color-background-accentThin-highlight)
}
.merSelectionCard:focus-within:before {
border: 6px solid var(--alias-color-background-accent-highlight);
border-radius: 4px;
content: "";
height: calc(100% + 12px);
left: -6px;
opacity: .5;
position: absolute;
top: -6px;
width: calc(100% + 12px)
}
.merSelectionCard .labelContainer__04cc98fd {
align-items: flex-start;
display: flex;
gap: 8px
}
.merSelectionCard .labelContainer__04cc98fd .labelText__04cc98fd {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden
}
.merSelectionCard .radioContainer__04cc98fd,.merSelectionCard .radioContainer__04cc98fd input[type=radio] {
display: inline-flex;
position: relative
}
.merSelectionCard .radioContainer__04cc98fd input[type=radio] {
appearance: none;
background-color: initial;
border: 3px solid var(--alias-color-icon-secondary-default);
border-radius: 50%;
cursor: pointer;
height: 20px;
margin: 0;
outline: none;
padding: 0;
transition-property: background-color,border-color;
width: 20px
}
.merSelectionCard .radioContainer__04cc98fd input[type=radio]:checked {
border-width: 2px
}
.merSelectionCard .radioContainer__04cc98fd input[type=radio]:disabled {
background-color: var(--alias-color-background-secondary-default);
border-color: var(--alias-color-background-disabled-default);
cursor: not-allowed
}
.merSelectionCard .radioContainer__04cc98fd input[type=radio]:disabled:checked+.decorator__04cc98fd .decoratorCheckmark__04cc98fd {
background-color: var(--alias-color-background-disabled-default);
border-color: var(--alias-color-background-disabled-default)
}
.merSelectionCard .radioContainer__04cc98fd input[type=radio]:not(:disabled):checked {
border-color: var(--alias-color-border-accent-default)
}
.merSelectionCard .radioContainer__04cc98fd input[type=radio]:not(:disabled):checked+.decorator__04cc98fd .decoratorCheckmark__04cc98fd {
background-color: var(--alias-color-background-accent-default)
}
.merSelectionCard .radioContainer__04cc98fd .decorator__04cc98fd {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: inline-flex;
height: 20px;
justify-content: center;
pointer-events: none;
position: absolute;
width: 100%
}
.merSelectionCard .radioContainer__04cc98fd .decorator__04cc98fd .decoratorCheckmark__04cc98fd {
background-color: initial;
border-radius: 50%;
height: 12px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
transition-duration: .1s;
transition-property: background-color;
transition-timing-function: ease-out;
width: 12px
}
.merSeparator {
border: 0;
border-bottom: 1px solid var(--alias-color-border-primary-default);
display: block;
margin: 0;
padding: 0;
width: 100%
}
.merShowMore {
display: flex;
flex-direction: column;
position: relative
}
.merShowMore .content__80094258 {
overflow: hidden
}
.merShowMore .content__80094258.clamp__80094258 {
-webkit-box-orient: vertical;
}
.merShowMore .content__80094258.clamp__80094258 .merText {
display: block
}
.merShowMore .showMoreButton__80094258 {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-flex-item-align: end;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
align-self: flex-end;
background: linear-gradient(90deg,#0000 0,var(--alias-color-background-primary-default) 16px);
border: none;
bottom: -4px;
cursor: pointer;
display: flex;
justify-content: center;
padding: 4px 1px 4px 16px;
position: absolute;
right: 0
}
.merShowMore .showMoreButton__80094258:focus {
outline: none
}
.merShowMore .showMoreButton__80094258.focus-visible {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.merShowMore .showMoreButton__80094258.inner-focus-ring.focus-visible {
box-shadow: inset var(--focus-ring-color) 0 0 0 4px
}
.merShowMore .showMoreButton__80094258.expanded__80094258 {
background: var(--alias-color-background-primary-default);
padding-left: 1px;
position: static
}
.merShowMore .showMoreButton__80094258>span {
background: var(--alias-color-background-primary-default);
color: var(--alias-color-text-accent-default);
font-size: 14px;
font-weight: 400;
line-height: 1.4em
}
.merShowMore .showMoreButton__80094258.hidden__80094258 {
box-shadow: none;
height: 0;
margin: 0
}
.merShowMore .showMoreButton__80094258.hidden__80094258>.checkboxMarkIcon__80094258,.merShowMore .showMoreButton__80094258.hidden__80094258>span {
visibility: hidden
}
.merShowMore .showMoreButton__80094258.focus-visible>span {
color: var(--alias-color-text-accent-highlight)
}
.merShowMore .showMoreButton__80094258.focus-visible>.checkboxMarkIcon__80094258 {
fill: var(--alias-color-icon-accent-highlight)
}
@media (hover: hover) {
.merShowMore .showMoreButton__80094258:hover>span {
color:var(--alias-color-text-accent-highlight)
}
.merShowMore .showMoreButton__80094258:hover>.checkboxMarkIcon__80094258 {
fill: var(--alias-color-icon-accent-highlight)
}
}
.merShowMore .showMoreButton__80094258:active>span {
color: var(--alias-color-text-accent-active)
}
.merShowMore .showMoreButton__80094258:active>.checkboxMarkIcon__80094258 {
fill: var(--alias-color-icon-accent-active)
}
@keyframes fadeIn__96d1f013 {
0% {
display: none;
opacity: 0
}
1% {
display: block;
opacity: 0
}
to {
display: block;
opacity: 1
}
}
@keyframes fadeOut__96d1f013 {
0% {
display: block;
opacity: 1
}
99% {
display: block;
opacity: 0
}
to {
display: none;
opacity: 0
}
}
.merModalBase__96d1f013 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
bottom: 0;
display: flex;
height: 100%;
justify-content: center;
left: 0;
margin: auto;
min-height: 100vh;
overflow: hidden;
position: fixed;
right: 0;
top: 0
}
.merModalBase__96d1f013.openAnimation__96d1f013>.scrim__96d1f013 {
animation: fadeIn__96d1f013 .2s ease-out 0s 1 forwards
}
.merModalBase__96d1f013.closeAnimation__96d1f013>.scrim__96d1f013 {
animation: fadeOut__96d1f013 .2s ease-out 0s 1 forwards
}
.merModalBase__96d1f013>.scrim__96d1f013 {
background: var(--alias-color-overlay-middle);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0
}
.merModalBase__96d1f013 .baseModal__96d1f013>.content__96d1f013 {
overflow-y: auto;
position: relative
}
.merModalBase__96d1f013 .baseModal__96d1f013>.content__96d1f013:focus {
outline: none
}
.merModalBase__96d1f013 .baseModal__96d1f013>.content__96d1f013.focus-visible {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.merModalBase__96d1f013 .baseModal__96d1f013>.content__96d1f013.inner-focus-ring.focus-visible {
box-shadow: inset var(--focus-ring-color) 0 0 0 4px
}
.merModalBase__96d1f013 .baseModal__96d1f013>.content__96d1f013:empty {
display: none!important
}
.merModalBase__96d1f013 .baseModal__96d1f013>.content__96d1f013.center__96d1f013 {
text-align: center
}
.merModalBase__96d1f013 .baseModal__96d1f013>.content__96d1f013:not(.center__96d1f013) {
text-align: left
}
@keyframes slide-in__1d92fe3f {
0% {
transform: translate3d(100%,0,0)
}
to {
transform: translateZ(0)
}
}
@keyframes slide-out__1d92fe3f {
0% {
transform: translateZ(0)
}
to {
transform: translate3d(100%,0,0)
}
}
.merSideSheet {
z-index: var(--mer-z-index-side-sheet)
}
.merSideSheet.openAnimation__1d92fe3f .sideSheet__1d92fe3f {
animation: slide-in__1d92fe3f .25s cubic-bezier(.65,0,.35,1) 0s 1 running
}
.merSideSheet.closeAnimation__1d92fe3f .sideSheet__1d92fe3f {
animation: slide-out__1d92fe3f .25s cubic-bezier(.65,0,.35,1) 0s 1 running
}
.merSideSheet .sideSheet__1d92fe3f {
background: var(--alias-color-background-primary-default);
bottom: 0;
box-shadow: 0 2px 4px #0003;
display: flex;
flex-direction: column;
height: 100%;
max-width: 360px;
outline: none;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
width: 80%;
will-change: transform
}
.merSideSheet .sideSheet__1d92fe3f .header__1d92fe3f {
-ms-flex-negative: 0;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
border-bottom: 1px solid var(--alias-color-border-primary-highlight);
display: flex;
flex-shrink: 0;
height: 56px;
justify-content: space-between;
margin: 0 0 auto;
padding: 0 16px 0 4px;
position: relative
}
.merSideSheet .sideSheet__1d92fe3f .header__1d92fe3f:focus {
outline: none
}
.merSideSheet .sideSheet__1d92fe3f .header__1d92fe3f .title__1d92fe3f {
font-size: 17px;
font-weight: 700;
left: 0;
line-height: 1.4em;
margin: auto;
max-width: 60%;
position: absolute;
right: 0;
text-align: center
}
.merSideSheet .sideSheet__1d92fe3f .content__1d92fe3f {
display: block;
height: 100%
}
.merSideSheet .sideSheet__1d92fe3f .footer__1d92fe3f {
-ms-flex-negative: 0;
border-top: 1px solid var(--alias-color-border-primary-highlight);
display: block;
flex-shrink: 0;
padding: 16px 16px max(16px,env(safe-area-inset-bottom));
position: relative
}
@keyframes animationPulse__8ebc7ed9 {
0% {
animation-timing-function: cubic-bezier(.12,0,.39,0);
opacity: .2
}
33.33% {
animation-timing-function: cubic-bezier(.61,1,.88,1);
opacity: .1
}
to {
opacity: .2
}
}
.merSkeleton {
display: block;
position: relative
}
.merSkeleton .rectangle__8ebc7ed9,.merSkeleton .text__8ebc7ed9 {
border-radius: 4px
}
.merSkeleton .circle__8ebc7ed9 {
border-radius: 50%
}
.merSkeleton .circle__8ebc7ed9,.merSkeleton .rectangle__8ebc7ed9,.merSkeleton .text__8ebc7ed9 {
height: 100%;
width: 100%
}
.merSkeleton .small__8ebc7ed9.circle__8ebc7ed9,.merSkeleton .small__8ebc7ed9.rectangle__8ebc7ed9 {
height: 48px;
width: 48px
}
.merSkeleton .small__8ebc7ed9.text__8ebc7ed9 {
height: 12px
}
.merSkeleton .medium__8ebc7ed9.circle__8ebc7ed9,.merSkeleton .medium__8ebc7ed9.rectangle__8ebc7ed9 {
height: 64px;
width: 64px
}
.merSkeleton .medium__8ebc7ed9.text__8ebc7ed9 {
height: 20px
}
.merSkeleton .large__8ebc7ed9.circle__8ebc7ed9,.merSkeleton .large__8ebc7ed9.rectangle__8ebc7ed9 {
height: 96px;
width: 96px
}
.merSkeleton .large__8ebc7ed9.text__8ebc7ed9 {
height: 28px
}
.merSkeleton .fluid__8ebc7ed9 {
height: 100%;
width: 100%
}
.merSkeleton .weak__8ebc7ed9 {
background-color: var(--alias-color-background-primary-default)
}
.merSkeleton .middle__8ebc7ed9 {
opacity: .1
}
.merSkeleton .middle__8ebc7ed9,.merSkeleton .strong__8ebc7ed9 {
background-color: var(--alias-color-background-tertiary-highlight)
}
.merSkeleton .strong__8ebc7ed9 {
opacity: .2
}
.merSkeleton .line__8ebc7ed9 .text__8ebc7ed9:not(:last-child).small__8ebc7ed9 {
margin-bottom: 16px
}
.merSkeleton .line__8ebc7ed9 .text__8ebc7ed9:not(:last-child).medium__8ebc7ed9 {
margin-bottom: 20px
}
.merSkeleton .line__8ebc7ed9 .text__8ebc7ed9:not(:last-child).large__8ebc7ed9 {
margin-bottom: 24px
}
.merSkeleton .pulse__8ebc7ed9 {
animation: animationPulse__8ebc7ed9 2.25s infinite
}
@keyframes slideIn__a3096889 {
0% {
transform: translate3d(0,calc(100% + var(--bottom-spacing)),0)
}
to {
transform: translateZ(0)
}
}
@keyframes slideOut__a3096889 {
0% {
transform: translateZ(0)
}
to {
transform: translate3d(0,calc(100% + var(--bottom-spacing)),0)
}
}
.merSnackbar {
bottom: 0;
height: 0;
left: 16px;
position: fixed;
right: 16px;
z-index: var(--mer-z-index-snackbar)
}
.merSnackbar .snackbar__a3096889 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
border: 1px solid;
border-radius: 4px;
box-shadow: 0 2px 4px #0003;
box-sizing: border-box;
display: flex;
justify-content: center;
margin: auto;
overflow: hidden;
padding: 8px 8px 8px 16px;
position: absolute;
text-align: center;
visibility: hidden;
width: 100%;
will-change: transform
}
.merSnackbar .snackbar__a3096889.visible__a3096889 {
visibility: visible
}
.merSnackbar .snackbar__a3096889.slideIn__a3096889 {
animation: slideIn__a3096889 var(--animation-duration) cubic-bezier(.65,0,.35,1) 0s 1 running forwards
}
.merSnackbar .snackbar__a3096889.slideOut__a3096889 {
animation: slideOut__a3096889 var(--animation-duration) cubic-bezier(.65,0,.35,1) 0s 1 running forwards
}
.merSnackbar .snackbar__a3096889.success__a3096889 {
background: var(--alias-color-background-accentThin-default);
border-color: var(--alias-color-border-accent-default)
}
.merSnackbar .snackbar__a3096889.error__a3096889 {
background: var(--alias-color-background-attentionThin-default);
border-color: var(--alias-color-border-attention-default)
}
.merSnackbar .snackbar__a3096889 .body__a3096889 {
display: inline-flex;
flex-direction: column;
font-weight: 400;
margin: 0 auto 0 8px
}
.merSnackbar .snackbar__a3096889 .body__a3096889.bold__a3096889 {
font-weight: 700
}
.merSnackbar .snackbar__a3096889 .body__a3096889 .bodyText__a3096889 {
color: var(--alias-color-text-primary-default);
text-align: left
}
.merSnackbar .snackbar__a3096889 .body__a3096889 .bodySubtext__a3096889 {
color: var(--alias-color-text-primary-default);
margin-top: 4px;
text-align: left
}
.merSnackbar .snackbarAction__a3096889 {
flex-shrink: 0;
margin: 0 0 0 auto
}
@media (min-width: 960px) {
.merSnackbar .snackbar__a3096889 {
bottom:var(--bottom-spacing);
left: 0;
margin: auto;
right: 0;
width: 540px
}
.merSnackbar .snackbar__a3096889 .body__a3096889 .bodyText__a3096889 {
font-size: 15px;
line-height: 1.4em
}
.merSnackbar .snackbar__a3096889 .body__a3096889 .bodySubtext__a3096889 {
font-size: 12px;
line-height: 1.4em
}
}
@media (max-width: 959.9px) {
.merSnackbar .snackbar__a3096889 {
bottom:var(--bottom-spacing);
width: 100%
}
.merSnackbar .snackbar__a3096889 .body__a3096889 .bodyText__a3096889 {
font-size: 15px;
line-height: 1.4em
}
.merSnackbar .snackbar__a3096889 .body__a3096889 .bodySubtext__a3096889 {
font-size: 12px;
line-height: 1.4em
}
}
.merTextInput,.merTextInput .textInputContainer__25e16a0f {
display: inline-flex
}
.merTextInput .textInputContainer__25e16a0f {
align-items: center;
background-color: var(--alias-color-background-primary-default);
border-radius: 4px;
cursor: text;
overflow: hidden;
position: relative;
width: 100%
}
.merTextInput .textInputContainer__25e16a0f .merInputNode {
-webkit-box-flex: 1;
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
}
.merTextInput .textInputContainer__25e16a0f .merInputNode.focus-visible~.textInputFieldset__25e16a0f,.merTextInput .textInputContainer__25e16a0f .merInputNode:active~.textInputFieldset__25e16a0f,.merTextInput .textInputContainer__25e16a0f .merInputNode:focus~.textInputFieldset__25e16a0f {
border-color: var(--alias-color-border-secondary-default)!important
}
.merTextInput .textInputContainer__25e16a0f .merInputNode.withPrefixLabel__25e16a0f {
padding-left: 0
}
.merTextInput .textInputContainer__25e16a0f .merInputNode.withSuffixButton__25e16a0f {
padding-right: 0
}
.merTextInput .textInputContainer__25e16a0f .merInputNode::-ms-clear,.merTextInput .textInputContainer__25e16a0f .merInputNode::-ms-reveal {
display: none
}
.merTextInput .textInputContainer__25e16a0f .merInputNode.noSpinButton__25e16a0f {
appearance: textfield
}
.merTextInput .textInputContainer__25e16a0f .merInputNode.noSpinButton__25e16a0f::-webkit-inner-spin-button,.merTextInput .textInputContainer__25e16a0f .merInputNode.noSpinButton__25e16a0f::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.merTextInput .textInputContainer__25e16a0f .textInputPrefixLabel__25e16a0f {
margin-left: 16px;
margin-right: 8px
}
.merTextInput .textInputContainer__25e16a0f .textInputFieldset__25e16a0f {
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px;
inset: 0;
margin: 0;
padding: 0;
pointer-events: none;
position: absolute
}
.merTextInput .textInputContainer__25e16a0f .merIconButton {
min-height: inherit;
min-width: inherit;
padding: 8px 12px 8px 4px
}
.merTextInput .merFormInput.merFormInputExceeded .merFormInputCount {
color: var(--alias-color-text-attention-default)
}
.merTextInput.fluid__25e16a0f {
width: 100%
}
.merTextInput.disabled__25e16a0f .textInputContainer__25e16a0f {
background-color: var(--alias-color-background-primary-highlight);
pointer-events: none
}
.merTextInput.disabled__25e16a0f .merFormInputLabelGroup,.merTextInput.disabled__25e16a0f .textInputPrefixLabel__25e16a0f {
color: var(--alias-color-text-placeholder-default)
}
.merTextInput.error__25e16a0f .textInputContainer__25e16a0f .textInputFieldset__25e16a0f {
border-color: var(--alias-color-border-attention-default)
}
.merTextInput.suggestion__25e16a0f .textInputContainer__25e16a0f .textInputFieldset__25e16a0f {
border-color: var(--alias-color-border-success-default)
}
.merTextInput.price__25e16a0f .textInputContainer__25e16a0f .textInputPrefixLabel__25e16a0f.activeInputPrefix__25e16a0f {
color: var(--alias-color-text-primary-default)
}
.merTextInput.price__25e16a0f .textInputContainer__25e16a0f .merInputNode {
font-size: 20px;
font-weight: 700;
line-height: 1.4em;
padding: 11px 15px;
text-align: right!important;
text-overflow: ellipsis
}
.merTextInput.price__25e16a0f .merFormInput .textInputPrefixLabel__25e16a0f {
color: var(--alias-color-text-placeholder-default);
font-size: 20px;
font-weight: 700;
line-height: 1.4em
}
.merTextInput.password__25e16a0f .merInputNode::-webkit-caps-lock-indicator,.merTextInput.password__25e16a0f .merInputNode::-webkit-credentials-auto-fill-button {
position: relative;
right: 40px
}
.merTextInput.datetime__25e16a0f .merInputNode {
appearance: none;
height: calc(1.4em + 32px)
}
.merTextInput.datetime__25e16a0f .merInputNode::-webkit-calendar-picker-indicator,.merTextInput.datetime__25e16a0f .merInputNode::-webkit-clear-button,.merTextInput.datetime__25e16a0f .merInputNode::-webkit-inner-spin-button {
display: none;
visibility: hidden
}
.merTextInput.datetime__25e16a0f .merInputNode::-webkit-date-and-time-value {
text-align: left
}
.merIconButton {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: inline-flex;
justify-content: center;
min-height: 36px;
min-width: 36px;
position: relative
}
@media (min-width: 960px) {
.merIconButton.navigation__d01ad679 {
min-height:24px;
min-width: 24px
}
}
.merIconButton.fluid__d01ad679,.merIconButton.fluid__d01ad679 .iconButton__d01ad679 {
width: 100%
}
.merIconButton.disabled__d01ad679 {
pointer-events: none
}
.childContainer__d01ad679 {
z-index: 0
}
.childContainer__d01ad679>.merIcon {
display: flex
}
.iconButton__d01ad679 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background: none;
border: 0;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
flex-direction: column;
height: 100%;
justify-content: center;
margin: 0;
min-height: inherit;
min-width: inherit;
overflow: hidden;
padding: 4px;
-webkit-user-select: none;
user-select: none;
width: 100%
}
.iconButton__d01ad679:focus {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px;
outline: none
}
.iconButton__d01ad679:before {
border-radius: 4px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all .1s ease-out;
transition-property: background-color,opacity;
width: 100%
}
.iconButton__d01ad679>.merText {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
font-size: 12px;
font-weight: 400;
line-height: 1.4em;
margin-top: 2px;
max-height: 16.8px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
word-break: break-word;
z-index: 0
}
.iconButton__d01ad679.circle__d01ad679,.iconButton__d01ad679.circle__d01ad679:before {
border-radius: 50%
}
.iconButton__d01ad679[aria-disabled=true] {
color: var(--alias-color-text-disabled-default)
}
.iconButton__d01ad679[aria-disabled=true] .childContainer__d01ad679 {
fill: var(--alias-color-icon-disabled-default)
}
.iconButton__d01ad679 .badge__d01ad679 {
position: absolute;
transform: translate3d(65%,-80%,0);
z-index: 1
}
.primary__d01ad679 {
color: var(--alias-color-text-primary-default)
}
.primary__d01ad679:before {
background-color: var(--alias-color-background-primary-default);
opacity: .8
}
.primary__d01ad679 .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-default)
}
@media (hover: hover) {
.primary__d01ad679:hover {
color:var(--alias-color-text-primary-highlight)
}
.primary__d01ad679:hover:before {
background-color: var(--alias-color-background-primary-highlight)
}
.primary__d01ad679:hover .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-highlight)
}
}
.primary__d01ad679:active {
color: var(--alias-color-text-primary-active)
}
.primary__d01ad679:active:before {
background-color: var(--alias-color-background-primary-active)
}
.primary__d01ad679:active .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-active)
}
.secondary__d01ad679 {
color: var(--alias-color-text-secondary-default)
}
.secondary__d01ad679:before {
background-color: var(--alias-color-overlay-middle);
opacity: .4
}
.secondary__d01ad679 .childContainer__d01ad679 {
fill: var(--alias-color-icon-inverse-default)
}
.secondary__d01ad679[aria-disabled=true]:before {
background-color: var(--alias-color-overlay-weak)
}
.secondary__d01ad679[aria-disabled=true] .childContainer__d01ad679 {
fill: #ddd
}
@media (hover: hover) {
.secondary__d01ad679:hover {
color:var(--alias-color-text-secondary-highlight)
}
.secondary__d01ad679:hover:before {
background-color: var(--alias-color-overlay-strong);
opacity: .8
}
.secondary__d01ad679:hover .childContainer__d01ad679 {
fill: var(--alias-color-icon-inverse-highlight)
}
}
.secondary__d01ad679:active {
color: var(--alias-color-text-secondary-active)
}
.secondary__d01ad679:active:before {
background-color: var(--alias-color-overlay-strong);
opacity: .8
}
.secondary__d01ad679:active .childContainer__d01ad679 {
fill: var(--alias-color-icon-inverse-active)
}
.tertiary__d01ad679 {
color: var(--alias-color-text-primary-default)
}
.tertiary__d01ad679:before {
background-color: var(--alias-color-system-staticClear-default)
}
.tertiary__d01ad679 .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-default)
}
@media (hover: hover) {
.tertiary__d01ad679:hover {
color:var(--alias-color-text-primary-highlight)
}
.tertiary__d01ad679:hover:before {
background-color: var(--alias-color-overlay-weak);
opacity: .8
}
.tertiary__d01ad679:hover .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-highlight)
}
}
.tertiary__d01ad679:active {
color: var(--alias-color-text-primary-active)
}
.tertiary__d01ad679:active:before {
background-color: var(--alias-color-overlay-weak);
opacity: .8
}
.tertiary__d01ad679:active .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-active)
}
.static__d01ad679 {
color: var(--alias-color-system-staticWhite-default)
}
.static__d01ad679:before {
background-color: var(--alias-color-system-staticBlack-default);
opacity: .2
}
.static__d01ad679 .childContainer__d01ad679 {
fill: var(--alias-color-system-staticWhite-default)
}
.static__d01ad679[aria-disabled=true] .childContainer__d01ad679 {
fill: #ddd
}
@media (hover: hover) {
.static__d01ad679:hover:before {
background-color:var(--alias-color-system-staticBlack-default);
opacity: .4
}
}
.static__d01ad679:active:before {
background-color: var(--alias-color-system-staticBlack-default);
opacity: .4
}
.inverse__d01ad679 {
background-color: initial;
color: var(--alias-color-text-inverse-default)
}
.inverse__d01ad679 .childContainer__d01ad679 {
fill: var(--alias-color-text-inverse-default)
}
.inverse__d01ad679[aria-disabled=true] .childContainer__d01ad679 {
fill: #ddd
}
.toggle__d01ad679,.with-text__d01ad679 {
color: var(--alias-color-text-primary-default);
min-width: 64px
}
.toggle__d01ad679 .childContainer__d01ad679,.with-text__d01ad679 .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-default)
}
.toggle__d01ad679:before,.with-text__d01ad679:before {
background-color: var(--alias-color-background-primary-default);
opacity: .8
}
@media (hover: hover) {
.toggle__d01ad679:hover:before,.with-text__d01ad679:hover:before {
background-color:var(--alias-color-background-primary-highlight)
}
}
.toggle__d01ad679:active:before,.with-text__d01ad679:active:before {
background-color: var(--alias-color-background-primary-active)
}
.toggle__d01ad679[aria-disabled=true] .childContainer__d01ad679,.with-text__d01ad679[aria-disabled=true] .childContainer__d01ad679 {
fill: var(--alias-color-icon-disabled-default)!important
}
.transparent__d01ad679 {
background-color: initial
}
.transparent__d01ad679 .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-default)
}
@media (hover: hover) {
.transparent__d01ad679:hover {
color:var(--alias-color-text-primary-highlight)
}
.transparent__d01ad679:hover .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-highlight)
}
}
.transparent__d01ad679:active {
color: var(--alias-color-text-primary-active)
}
.transparent__d01ad679:active .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-active)
}
.navigation__d01ad679 {
color: var(--alias-color-text-primary-default)
}
@media (min-width: 960px) {
.navigation__d01ad679 {
height:24px;
width: 24px
}
}
.navigation__d01ad679:before {
background-color: var(--alias-color-background-primary-default);
opacity: .8
}
.navigation__d01ad679 .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-default)
}
@media (min-width: 960px) {
.navigation__d01ad679 .childContainer__d01ad679>* {
height:16px;
width: 16px
}
}
@media (hover: hover) {
.navigation__d01ad679:hover {
color:var(--alias-color-text-primary-highlight)
}
.navigation__d01ad679:hover:before {
background-color: var(--alias-color-background-primary-highlight)
}
.navigation__d01ad679:hover .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-highlight)
}
}
.navigation__d01ad679:active {
color: var(--alias-color-text-primary-active)
}
.navigation__d01ad679:active:before {
background-color: var(--alias-color-background-primary-active)
}
.navigation__d01ad679:active .childContainer__d01ad679 {
fill: var(--alias-color-icon-primary-active)
}
.merTextLink button:focus {
outline: none
}
.merTextLink button.focus-visible {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.merTextLink button.inner-focus-ring.focus-visible {
box-shadow: inset var(--focus-ring-color) 0 0 0 4px
}
.merTextLink a,.merTextLink button {
align-items: center;
background: #0000;
border: none;
cursor: pointer;
display: inline-flex;
gap: 4px;
padding: 0;
text-decoration: none;
word-break: keep-all
}
.merTextLink a,.merTextLink a:link,.merTextLink a:visited,.merTextLink button,.merTextLink button:link,.merTextLink button:visited {
fill: var(--alias-color-text-link-default);
color: var(--alias-color-text-link-default)
}
@media (hover: hover) {
.merTextLink a:hover,.merTextLink button:hover {
fill:var(--alias-color-text-link-highlight);
color: var(--alias-color-text-link-highlight)
}
.merTextLink a:hover:not(button),.merTextLink button:hover:not(button) {
text-decoration: underline
}
}
.merTextLink a:not(button),.merTextLink button:not(button) {
text-decoration: underline
}
.merTextLink a:active,.merTextLink button:active {
fill: var(--alias-color-text-link-active);
color: var(--alias-color-text-link-active)
}
.merTextLink.disabled__c1545315 button,.merTextLink.disabled__c1545315>a {
cursor: default
}
.merTextLink.disabled__c1545315 button,.merTextLink.disabled__c1545315 button:active,.merTextLink.disabled__c1545315 button:hover,.merTextLink.disabled__c1545315 button:link,.merTextLink.disabled__c1545315 button:visited,.merTextLink.disabled__c1545315>a,.merTextLink.disabled__c1545315>a:active,.merTextLink.disabled__c1545315>a:hover,.merTextLink.disabled__c1545315>a:link,.merTextLink.disabled__c1545315>a:visited {
fill: var(--alias-color-text-disabled-default);
color: var(--alias-color-text-disabled-default)
}
.merTextLink.disabled__c1545315 button:not(button),.merTextLink.disabled__c1545315>a:not(button) {
text-decoration: underline
}
@media (max-width: 959.9px) {
.merTextLink {
display:inline;
font-size: 14px;
font-weight: 400;
line-height: 1.4em
}
}
@media (min-width: 960px) {
.merTextLink {
display:inline;
font-size: 14px;
font-weight: 400;
line-height: 1.4em
}
}
.merTextList {
margin: 0;
padding: 0
}
ol.merTextList {
list-style: decimal inside
}
ul.merTextList {
list-style: none
}
ul.merTextList li: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
}
ul.merTextList li {
align-items: center;
display: flex
}
.merTextarea {
display: inline-flex;
flex-direction: column
}
.merTextarea .merInputNode {
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
}
.merTextarea .hidden__741bd86b {
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%
}
.merTextarea.fluid__741bd86b {
display: flex;
width: 100%
}
.merTextarea.fluid__741bd86b .merInputNode {
width: 100%
}
.merTextarea.autoSize__741bd86b,.merTextarea.autoSize__741bd86b .merInputNode {
overflow-y: hidden
}
.merTextarea.unresizable__741bd86b,.merTextarea.unresizable__741bd86b .merInputNode {
resize: none
}
.merFormInput.merFormInputExceeded .merFormInputCount {
color: var(--alias-color-text-attention-default)
}
.merToggleButton__15ad135a {
cursor: pointer;
display: inline-flex;
position: relative
}
.merToggleButton__15ad135a:focus {
outline: none
}
.merToggleButton__15ad135a.focus-visible__15ad135a {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.merToggleButton__15ad135a.inner-focus-ring__15ad135a.focus-visible__15ad135a {
box-shadow: inset var(--focus-ring-color) 0 0 0 4px
}
.input__15ad135a {
display: none
}
.element__15ad135a,.merTooltip {
display: inline-flex
}
.merTooltip {
position: relative
}
.merTooltip [data-tippy-root] {
z-index: var(--mer-z-index-tooltip)!important
}
.positioner__f205fbf7 {
pointer-events: none;
position: absolute
}
.targetContainer__f205fbf7 {
display: inline-flex;
width: 100%
}
.tooltip__f205fbf7 {
background-color: var(--alias-color-background-tertiary-default);
border-radius: 8px;
box-shadow: 0 4px 8px #0003;
color: var(--alias-color-text-inverse-default);
padding: 8px;
width: max-content
}
.tooltip__f205fbf7>.merText {
font-size: 14px
}
.arrow__f205fbf7 {
height: 12px;
visibility: hidden;
width: 12px
}
.arrow__f205fbf7:before {
background: var(--alias-color-background-tertiary-default);
content: "";
height: 12px;
position: absolute;
transform: rotate(45deg);
visibility: visible;
width: 12px
}
[data-placement^=top] .arrow__f205fbf7 {
bottom: -4px
}
[data-placement^=bottom] .arrow__f205fbf7 {
top: -4px
}
[data-placement^=left] .arrow__f205fbf7 {
right: -4px
}
[data-placement^=right] .arrow__f205fbf7 {
left: -4px
}
[data-tippy-root] {
z-index: var(--mer-z-index-tooltip)!important
}
.merTransitionRow {
box-sizing: border-box;
display: block;
position: relative
}
.merTransitionRow .error__524f4717 {
background-color: var(--alias-color-background-attentionThin-highlight)
}
.merTransitionRow .row__524f4717 {
align-items: center;
color: var(--alias-color-text-primary-default);
display: flex;
font-size: 15px;
font-weight: 400;
line-height: 1.4em;
padding: 16px 0;
position: relative;
vertical-align: top;
width: 100%;
word-break: break-word
}
.merTransitionRow .row__524f4717:before {
background-color: var(--alias-color-background-primary-highlight);
content: "";
display: inline-block;
height: 100%;
left: -16px;
opacity: 0;
position: absolute;
top: 0;
transition: all .1s ease-out;
width: calc(100% + 32px)
}
.merTransitionRow .row__524f4717:focus {
outline: none
}
.merTransitionRow .row__524f4717.focus-visible__524f4717 {
z-index: 1
}
.merTransitionRow .row__524f4717.focus-visible__524f4717:before {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px;
opacity: 1
}
.merTransitionRow .row__524f4717.horizontal__524f4717 {
cursor: pointer
}
.merTransitionRow .row__524f4717.horizontal__524f4717:active:before {
opacity: 1
}
@media (hover: hover) {
.merTransitionRow .row__524f4717.horizontal__524f4717:hover:before {
opacity:1
}
}
.merTransitionRow .row__524f4717.both__524f4717,.merTransitionRow .row__524f4717.top__524f4717 {
border-top: 1px solid var(--alias-color-border-primary-default)
}
.merTransitionRow .row__524f4717.both__524f4717,.merTransitionRow .row__524f4717.bottom__524f4717 {
border-bottom: 1px solid var(--alias-color-border-primary-default)
}
.merTransitionRow .row__524f4717.ratio-1_1__524f4717 .bodyContainer__524f4717,.merTransitionRow .row__524f4717.ratio-1_1__524f4717 .titleContainer__524f4717 {
flex: 1 1
}
.merTransitionRow .titleContainer__524f4717 {
-webkit-box-flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
flex: 1 1;
justify-content: center;
margin-right: 12px;
text-align: left;
z-index: 0
}
.merTransitionRow .bodyContainer__524f4717 {
-webkit-box-flex: 1.75;
align-items: center;
display: flex;
flex: 1.75 1;
z-index: 0
}
.merTransitionRow .body__524f4717 {
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
word-break: break-word
}
.merTransitionRow .error__524f4717 .body__524f4717 {
color: red
}
.merTransitionRow .left__524f4717 .body__524f4717 {
text-align: left
}
.merTransitionRow .right__524f4717 .body__524f4717 {
text-align: right
}
.merTransitionRow .title__524f4717 {
-webkit-box-flex: 2;
color: var(--alias-color-text-primary-default);
flex: 2 1;
font-size: 15px;
font-weight: 700;
line-height: 1.4em
}
.merTransitionRow .subTitle__524f4717 {
color: var(--alias-color-text-secondary-default);
font-size: 12px;
font-weight: 400;
line-height: 1.4em
}
.merTransitionRow .subTitle__524f4717,.merTransitionRow .title__524f4717 {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.merTransitionRow .logo__524f4717 {
margin-right: 8px
}
.merTransitionRow .icon__524f4717 {
margin: 0 0 0 4px;
position: absolute;
right: 0;
z-index: 0
}
.merTransitionRow .accent__524f4717 .subtitle__524f4717 {
color: var(--alias-color-text-accent-default)
}
.merTransitionRow .disabled__524f4717 .body__524f4717,.merTransitionRow .disabled__524f4717.horizontal__524f4717 .subtitle__524f4717 {
color: var(--alias-color-text-disabled-default)
}
.merTransitionRow .horizontal__524f4717 .bodyContainer__524f4717 {
padding-right: 24px
}
.merTransitionRow .vertical__524f4717 {
align-items: flex-start;
background-color: var(--alias-color-background-primary-default);
flex-direction: column
}
.merTransitionRow .vertical__524f4717 .bodyContainer__524f4717 {
margin-top: 4px
}
.merTransitionRow .vertical__524f4717 .assist__524f4717 {
position: absolute;
right: 0;
top: 16px
}
.merUserObject {
display: block;
width: 100%
}
.container__a9529387 {
align-items: center;
display: flex;
width: 100%
}
.container__a9529387 .avatarContainer__a9529387 {
display: flex;
margin-right: 12px;
position: relative
}
.content__a9529387 {
flex: 1 1
}
.content__a9529387>.merText {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
line-height: 1.4em;
max-height: 39.2px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.content__a9529387>.merRating {
color: var(--alias-color-text-accent-default);
margin-top: 4px
}
.content__a9529387 .tag__a9529387 {
margin-bottom: 4px
}
.content__a9529387 .tag__a9529387.accent__a9529387 {
background: var(--alias-color-background-accent-default);
color: var(--alias-color-text-inverse-default)
}
.content__a9529387 .verificationContainer__a9529387 {
align-items: center;
display: flex
}
.content__a9529387 .verificationContainer__a9529387 a,.merRating {
display: inline-flex
}
.merRating {
-webkit-box-align: center;
-ms-flex-align: center;
fill: var(--alias-color-icon-decorativeYellow-default);
align-items: center;
color: var(--alias-color-text-link-default);
height: 20px
}
.merRating.disabled__60fe6cce {
color: var(--alias-color-text-disabled-default);
pointer-events: none
}
.merRating.hover__60fe6cce:focus {
outline: none
}
.merRating.hover__60fe6cce.focus-visible__60fe6cce {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.merRating.hover__60fe6cce.inner-focus-ring__60fe6cce.focus-visible__60fe6cce {
box-shadow: inset var(--focus-ring-color) 0 0 0 4px
}
.merRating.hover__60fe6cce {
cursor: pointer
}
@media (hover: hover) {
.merRating.hover__60fe6cce:hover {
fill:var(--alias-color-icon-decorativeYellow-highlight);
color: var(--alias-color-text-link-highlight)
}
}
.merRating.hover__60fe6cce:active {
fill: var(--alias-color-icon-decorativeYellow-active);
color: var(--alias-color-text-link-active)
}
.merRating .starGroup__60fe6cce {
height: 100%
}
.merRating .starGroup__60fe6cce,.merRating .star__60fe6cce {
display: inline-flex
}
.merRating .star__60fe6cce {
align-items: center;
margin-left: 2px
}
.merRating .star__60fe6cce:first-child {
margin-left: 0
}
.merRating .count__60fe6cce {
font-size: 14px;
font-weight: 400;
height: 100%;
margin-left: 4px
}
.half__60fe6cce {
height: 100%;
position: relative;
width: 16px
}
.half__60fe6cce>.icon__60fe6cce {
position: absolute
}
.merVerificationBadge {
-webkit-box-align: center;
-ms-flex-align: center;
fill: var(--alias-color-icon-secondary-default);
align-items: center;
color: var(--alias-color-text-secondary-default);
cursor: pointer;
display: inline-flex;
font-size: 14px;
font-weight: 400;
line-height: 1.4em;
white-space: nowrap
}
@media (hover: hover) {
.merVerificationBadge.hover__fafde459:hover {
fill:var(--alias-color-icon-secondary-highlight);
color: var(--alias-color-text-secondary-highlight)
}
}
.merVerificationBadge.hover__fafde459:active {
fill: var(--alias-color-icon-secondary-active);
color: var(--alias-color-text-secondary-active)
}
.merVerificationBadge.verified__fafde459 {
fill: var(--alias-color-icon-success-default);
color: var(--alias-color-text-primary-default)
}
@media (hover: hover) {
.merVerificationBadge.verified__fafde459.hover__fafde459:hover {
fill:var(--alias-color-icon-success-highlight);
color: var(--alias-color-text-primary-highlight)
}
}
.merVerificationBadge.verified__fafde459.hover__fafde459:active {
fill: var(--alias-color-icon-success-active);
color: var(--alias-color-text-tertiary-active)
}
.merVerificationBadge.accent__fafde459 {
fill: var(--alias-color-icon-secondary-default);
color: var(--alias-color-text-link-default)
}
@media (hover: hover) {
.merVerificationBadge.accent__fafde459.hover__fafde459:hover {
fill:var(--alias-color-icon-secondary-highlight);
color: var(--alias-color-text-link-highlight)
}
}
.merVerificationBadge.accent__fafde459.hover__fafde459:active {
fill: var(--alias-color-icon-secondary-active);
color: var(--alias-color-text-link-active)
}
.merVerificationBadge.disabled__fafde459 {
fill: var(--alias-color-icon-disabled-default);
color: var(--alias-color-text-disabled-default);
pointer-events: none
}
.merVerificationBadge .text__fafde459 {
margin-left: 4px
}
.merChipGroup {
display: flex;
gap: 12px 8px;
width: 100%
}
.merChipGroup.horizontal__fc88aa2a {
flex-wrap: nowrap;
overflow-x: scroll
}
.merChipGroup.horizontal__fc88aa2a::-webkit-scrollbar {
display: none
}
.merChipGroup.vertical__fc88aa2a {
flex-wrap: wrap
}
.merRadio__7162dd9c {
-ms-flex-negative: 0;
appearance: none;
background-color: initial;
border: 3px solid var(--alias-color-icon-secondary-default);
border-radius: 50%;
cursor: pointer;
flex-shrink: 0;
height: 20px;
margin: 10px 14px;
padding: 2px;
transition-property: background-color,border-color;
width: 20px
}
@media (hover: hover) {
.merRadio__7162dd9c:not(:disabled):hover {
background-color:var(--component-radio-hover-color);
box-shadow: 0 0 0 10px var(--component-radio-hover-color)
}
}
.merRadio__7162dd9c:not(:disabled):checked {
background-image: radial-gradient(circle,var(--alias-color-background-accent-default) 0,var(--alias-color-background-accent-default) 54%,#0000 54%,#0000 100%);
border-color: var(--alias-color-background-accent-default);
border-width: 2px
}
.merRadio__7162dd9c:focus-visible {
outline: 6px solid var(--component-radio-foucs-ring-color);
outline-offset: 7px
}
.merRadio__7162dd9c:disabled {
background-color: var(--alias-color-background-secondary-default);
border-color: var(--alias-color-icon-secondary-highlight);
cursor: default
}
.merRadio__7162dd9c:disabled:checked {
background-image: radial-gradient(circle,var(--alias-color-background-disabled-default) 0,var(--alias-color-background-disabled-default) 54%,#0000 54%,#0000 100%);
border-width: 2px
}
.merFormGroup {
display: block;
width: 100%
}
.merFormGroup.cols2__d482e825 .formGroup__d482e825 {
column-gap: 32px;
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%
}
.labelGroup__d482e825 {
flex-direction: column
}
.labelContainer__d482e825,.labelGroup__d482e825 {
display: flex
}
.labelContainer__d482e825 {
align-items: center
}
.labelContainer__d482e825 .label__d482e825 {
color: var(--alias-color-text-primary-default);
font-size: 14px;
font-weight: 700;
line-height: 1.4em
}
.labelContainer__d482e825 .merTag {
margin-left: 4px
}
.subLabel__d482e825 {
color: var(--alias-color-text-secondary-default);
font-size: 12px;
font-weight: 400;
line-height: 1.4em;
margin-top: 4px
}
.errorMessage__d482e825,.helpMessage__d482e825 {
margin: 4px 0 0
}
.errorMessage__d482e825 {
color: var(--alias-color-text-attention-default);
font-size: 14px;
font-weight: 400;
line-height: 1.4em
}
.helpMessage__d482e825 {
color: var(--alias-color-text-secondary-default);
font-size: 12px;
font-weight: 400;
line-height: 1.4em
}
.labelContainer__f21f9183 {
margin-right: 0;
padding: 8px 0;
width: 100%
}
.labelContainer__f21f9183>:first-child {
display: flex
}
.labelContainer__f21f9183>:nth-child(2) {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--alias-color-text-secondary-default);
display: block;
display: -webkit-box;
font-size: 12px;
font-weight: 400;
line-height: 1.4em;
overflow: hidden
}
.merRadioLabel__f21f9183 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
align-items: center;
box-sizing: border-box;
color: var(--alias-color-text-primary-default);
cursor: pointer;
display: flex;
justify-content: flex-start;
padding: 0 16px 0 8px;
position: relative;
width: 100%
}
@media (hover: hover) {
.merRadioLabel__f21f9183:hover:not(.disabled__f21f9183):after {
background-color:var(--alias-color-background-primary-highlight);
content: "";
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1
}
}
.merRadioLabel__f21f9183:not(.disabled__f21f9183):active {
background-color: var(--alias-color-background-primary-highlight)
}
.merRadioLabel__f21f9183.disabled__f21f9183 {
cursor: default
}
.merRadioLabel__f21f9183.disabled__f21f9183 *> {
color: var(--alias-color-text-disabled-default)
}
.merRadioLabel__f21f9183>:not(.labelContainer__f21f9183):nth-child(2) {
flex-shrink: 0;
margin-right: 8px
}
.merRadioLabel__f21f9183.fullWidth__f21f9183 {
margin-left: -14px;
margin-right: -14px;
padding-left: 0;
width: calc(100% + 28px)
}
.merFormInput {
position: relative;
width: 100%
}
.merFormInput .formInputLabel__5fd9e318 {
display: block
}
.merFormInput .merFormInputLabelGroup {
align-items: center;
display: flex;
margin-bottom: 4px
}
.merFormInput .textInputSubLabel__5fd9e318 {
font-weight: 400;
margin-left: 4px
}
.merFormInput .merFormInputBottomSplit {
align-items: flex-start;
display: flex
}
.merFormInput .formInputLabel__5fd9e318 {
font-size: 14px;
font-weight: 700;
line-height: 1.4em
}
.merFormInput .merTag {
margin-left: 8px
}
.merFormInput .merInputNode {
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%
}
.merFormInput .merInputNode::placeholder,.merFormInput .merInputNode:disabled {
color: var(--alias-color-text-placeholder-default)
}
.merFormInput .merInputNode.focus-visible__5fd9e318,.merFormInput .merInputNode:active,.merFormInput .merInputNode:focus {
border-color: var(--alias-color-border-secondary-default)!important
}
.merFormInput.suggestion__5fd9e318 .merInputNode {
border-color: var(--alias-color-border-success-default)
}
.merFormInput.error__5fd9e318 .merInputNode {
border-color: var(--alias-color-border-attention-default)
}
.merFormInput.left__5fd9e318 .merInputNode {
text-align: left
}
.merFormInput.right__5fd9e318 .merInputNode {
text-align: right
}
.merFormInput .merFormInputCount {
flex-shrink: 0;
font-size: 10px;
font-weight: 400;
line-height: 1.4em;
margin: 4px 0 0 auto;
padding-left: 8px
}
.merFormInput .formInputErrorMessage__5fd9e318,.merFormInput .merFormInputHelpMessage {
margin: 4px 0 0
}
.merFormInput .formInputErrorMessage__5fd9e318 {
color: var(--alias-color-text-attention-default);
font-size: 14px;
font-weight: 400;
line-height: 1.4em
}
.merFormInput .merFormInputHelpMessage {
color: var(--alias-color-text-secondary-default);
font-size: 12px;
font-weight: 400;
line-height: 1.4em
}
.merSelect {
display: inline-flex
}
.merSelect .merTag {
margin-left: 8px
}
.selectWrapper__da4764db {
align-items: center;
display: inline-flex;
position: relative
}
.fluid__da4764db,.fluid__da4764db .selectWrapper__da4764db {
width: 100%
}
.select__da4764db {
appearance: none;
color: var(--alias-color-text-primary-default);
width: 100%
}
.select__da4764db::-ms-expand {
display: none
}
.select__da4764db:not(:disabled):hover {
cursor: pointer
}
.select__da4764db.placeholder__da4764db:not(:disabled) {
color: var(--alias-color-text-placeholder-default)
}
.select__da4764db>option {
color: var(--alias-color-text-primary-default)
}
.select__da4764db.small__da4764db {
font-size: 12px;
font-weight: 400;
height: 33px;
line-height: 1.4em;
padding: 0 36px 0 16px
}
.select__da4764db.medium__da4764db {
height: 55px;
padding: 0 44px 0 16px
}
.disabled__da4764db .merFormInputHelpMessage,.disabled__da4764db .merFormInputLabelGroup {
color: var(--alias-color-text-disabled-default)
}
.merSelectDownIcon__da4764db {
pointer-events: none;
position: absolute;
right: 16px
}
.merNavigationBottom {
background: var(--alias-color-background-primary-default);
border-top: 1px solid var(--alias-color-border-primary-highlight);
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: column;
width: 100%;
z-index: var(--mer-z-index-navigation-bottom)
}
.merNavigationBottomItem {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background-color: initial;
border: 0;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 56px;
outline: none;
padding: 5px 4px;
position: relative;
width: 100%
}
@media (hover: hover) {
.merNavigationBottomItem:hover {
background-color:var(--alias-color-background-primary-highlight)
}
}
.merNavigationBottomItem:active {
background-color: var(--alias-color-background-primary-active)
}
.merNavigationBottomItem.focus-visible {
background-color: var(--alias-color-background-accentThin-default)
}
.merNavigationBottomItem .badge__af446988 {
position: absolute;
transform: translate3d(65%,-80%,0);
z-index: 1
}
.merNavigationBottomItem .toggleIcon__af446988 {
fill: var(--alias-color-icon-primary-default);
display: inline-flex;
pointer-events: none
}
.merNavigationBottomItem .text__af446988 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
max-height: 19.6px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.merNavigationBottomItem.disabled__af446988 {
display: none
}
.merNavigationTop {
background: var(--alias-color-background-primary-default);
display: block;
z-index: var(--mer-z-index-navigation-top)
}
@media (min-width: 960px) {
.merNavigationTop {
height:64px
}
}
@media (max-width: 959.9px) {
.merNavigationTop {
height:56px
}
}
.merNavigationTop .navigationSection__6d8930f1>* {
display: inline-flex;
width: 100%
}
.merNavigationTop .navigationTop__6d8930f1 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
align-items: center;
border-bottom: 1px solid var(--alias-color-border-primary-highlight);
display: flex;
height: 100%;
justify-content: flex-start;
position: relative
}
.merNavigationTop .navigationTop__6d8930f1.hideSeparator__6d8930f1 {
border-bottom: 0
}
.merNavigationTop .navigationTop__6d8930f1 .startSection__6d8930f1 {
justify-content: center;
width: var(--mer-navigation-top-start-width)
}
.merNavigationTop .navigationTop__6d8930f1 .centerSection__6d8930f1,.merNavigationTop .navigationTop__6d8930f1 .startSection__6d8930f1 {
align-items: center;
display: inline-flex;
height: 100%
}
.merNavigationTop .navigationTop__6d8930f1 .centerSection__6d8930f1 {
flex-grow: 1;
margin-left: 24px
}
.merNavigationTop .navigationTop__6d8930f1 .endSection__6d8930f1 {
align-items: center;
display: inline-flex;
height: 100%;
margin: auto 0 auto auto;
padding-left: 24px
}
@media (min-width: 960px) {
.merNavigationTop .navigationTop__6d8930f1 {
padding:0 36px
}
.merNavigationTop .navigationTop__6d8930f1 .backButtonContainer__6d8930f1 {
height: 24px;
left: 36px;
position: absolute;
top: 72px;
width: 24px
}
.merNavigationTop .navigationTop__6d8930f1 .centerSection__6d8930f1 {
max-width: 560px;
min-width: 0
}
}
@media (max-width: 959.9px) {
.merNavigationTop .navigationTop__6d8930f1 {
padding:0 8px
}
.merNavigationTop .navigationTop__6d8930f1 .backButtonContainer__6d8930f1 {
display: inline-flex
}
.merNavigationTop .navigationTop__6d8930f1 .startSection__6d8930f1 {
left: 0;
margin: auto;
position: absolute;
right: 0
}
.merNavigationTop .navigationTop__6d8930f1 .centerSection__6d8930f1 {
display: none
}
.merNavigationTop .navigationTop__6d8930f1 .endSection__6d8930f1 {
padding-left: 0
}
.merNavigationTop .navigationTop__6d8930f1.search__6d8930f1 .centerSection__6d8930f1 {
display: block;
height: auto;
margin: 0;
padding: 0
}
.merNavigationTop .navigationTop__6d8930f1.search__6d8930f1 .backButtonContainer__6d8930f1,.merNavigationTop .navigationTop__6d8930f1.search__6d8930f1 .endSection__6d8930f1,.merNavigationTop .navigationTop__6d8930f1.search__6d8930f1 .startSection__6d8930f1 {
display: none
}
}
.merNavigationTopMenu {
display: inline-flex;
position: relative
}
.merNavigationTopMenu .desktopContainer__c74efeb1>:not(:first-child) {
margin-left: 8px
}
.merNavigationTopMenu .mobileContainer__c74efeb1 .merIconButton__c74efeb1:not(:first-child) {
margin-left: 4px
}
.merNavigationTopMenu .desktopContainer__c74efeb1,.merNavigationTopMenu .mobileContainer__c74efeb1 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
align-items: center;
display: inline-flex;
justify-content: flex-end;
margin: 0;
padding: 0
}
.merNavigationTopMenu .merButton.merButton {
height: 36px
}
.merNavigationTopMenu .merButton.merButton>* {
font-size: 14px;
height: 36px;
min-width: 60px;
padding: 8px 16px
}
@media (min-width: 960px) {
.merNavigationTopMenu .mobileContainer__c74efeb1 {
display:none
}
}
@media (max-width: 959.9px) {
.merNavigationTopMenu .desktopContainer__c74efeb1 {
display:none
}
}
.merNavigationTopMenuItem {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: inline-flex;
justify-content: center
}
.merNavigationTopMenuItem.default__1c6d4605 .navButton__1c6d4605 {
height: 36px
}
.merNavigationTopMenuItem.default__1c6d4605 .navButton__1c6d4605 .merIconButton,.merNavigationTopMenuItem.default__1c6d4605 .navButton__1c6d4605 .merTooltip,.merNavigationTopMenuItem.default__1c6d4605 .navButton__1c6d4605 a,.merNavigationTopMenuItem.default__1c6d4605 .navButton__1c6d4605 button {
display: block;
padding: 8px
}
.merNavigationTopMenuItem.icon__1c6d4605 .badge__1c6d4605 {
right: 0;
top: 0
}
.merNavigationTopMenuItem.icon__1c6d4605 .badge__1c6d4605.dot__1c6d4605 {
right: 5px;
top: 5px
}
.merNavigationTopMenuItem.icon__1c6d4605 .navButton__1c6d4605 {
height: 44px;
min-width: 44px
}
.merNavigationTopMenuItem.icon__1c6d4605 .navButton__1c6d4605 .merIconButton,.merNavigationTopMenuItem.icon__1c6d4605 .navButton__1c6d4605 .merTooltip,.merNavigationTopMenuItem.icon__1c6d4605 .navButton__1c6d4605 a,.merNavigationTopMenuItem.icon__1c6d4605 .navButton__1c6d4605 button {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: flex;
justify-content: center
}
.badge__1c6d4605 {
position: absolute;
right: -9px;
top: -9px;
z-index: 1
}
.badge__1c6d4605.dot__1c6d4605 {
right: -4px;
top: -4px
}
.navButton__1c6d4605 {
background: var(--alias-color-background-primary-default);
border: 0;
border-radius: 4px;
color: var(--alias-color-text-primary-default);
margin: 0;
padding: 0;
position: relative
}
@media (hover: hover) {
.navButton__1c6d4605:hover {
background:var(--alias-color-background-primary-highlight)
}
}
.navButton__1c6d4605.selected__1c6d4605 {
background: var(--alias-color-background-primary-highlight)
}
@media (max-width: 959.9px) {
.navButton__1c6d4605 {
font-size:14px;
font-weight: 400;
line-height: 1.4em
}
}
@media (min-width: 960px) {
.navButton__1c6d4605 {
font-size:14px;
font-weight: 400;
line-height: 1.4em
}
}
.navButton__1c6d4605 .merIconButton,.navButton__1c6d4605 .merTooltip,.navButton__1c6d4605 a,.navButton__1c6d4605 button {
background: inherit;
border: 0;
border-radius: 4px;
color: inherit;
cursor: pointer;
height: 100%;
width: 100%
}
.navButton__1c6d4605 .merIconButton:focus,.navButton__1c6d4605 .merTooltip:focus,.navButton__1c6d4605 a:focus,.navButton__1c6d4605 button:focus {
outline: none
}
.navButton__1c6d4605 .merIconButton.focus-visible,.navButton__1c6d4605 .merTooltip.focus-visible,.navButton__1c6d4605 a.focus-visible,.navButton__1c6d4605 button.focus-visible {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.navButton__1c6d4605 .merIconButton.inner-focus-ring.focus-visible,.navButton__1c6d4605 .merTooltip.inner-focus-ring.focus-visible,.navButton__1c6d4605 a.inner-focus-ring.focus-visible,.navButton__1c6d4605 button.inner-focus-ring.focus-visible {
box-shadow: inset var(--focus-ring-color) 0 0 0 4px
}
.merProgressStepper {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: flex;
justify-content: center
}
.merProgressStepperItem {
-webkit-box-flex: 1;
display: inline-flex;
flex: 1 1;
position: relative
}
.merProgressStepperItem:before {
background: var(--alias-color-border-primary-default);
content: "";
height: 2px;
position: absolute;
right: 50%;
top: 9px;
width: 100%
}
.merProgressStepperItem:first-child:before {
display: none
}
.merProgressStepperItem.active__cc2fca85:before,.merProgressStepperItem.completed__cc2fca85:before {
background: var(--alias-color-border-attention-default)
}
.merProgressStepperItem .stepperItem__cc2fca85 {
align-items: center;
display: flex;
flex-direction: column;
position: relative;
text-align: center;
width: 100%;
z-index: 1
}
.merProgressStepperItem .decorationContainer__cc2fca85 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: inline-flex;
height: 20px;
justify-content: center;
width: 20px
}
.merProgressStepperItem .decoration__cc2fca85 {
background: var(--alias-color-icon-secondary-default);
border-radius: 50%;
height: 16px;
margin: auto;
position: relative;
width: 16px
}
.merProgressStepperItem.active__cc2fca85 .decoration__cc2fca85 {
background: var(--alias-color-icon-attention-default);
height: 12px;
margin: 0;
width: 12px
}
.merProgressStepperItem.active__cc2fca85 .decoration__cc2fca85:before {
border: 2px solid var(--alias-color-border-attention-default);
border-radius: 50%;
content: "";
height: 20px;
left: -4px;
position: absolute;
top: -4px;
width: 20px
}
.merProgressStepperItem.active__cc2fca85 .labelContainer__cc2fca85 {
color: var(--alias-color-text-attention-default)
}
.merProgressStepperItem.completed__cc2fca85 .decoration__cc2fca85 {
background: var(--alias-color-icon-attention-default)
}
.merProgressStepperItem.completed__cc2fca85 .labelContainer__cc2fca85 {
color: var(--alias-color-text-placeholder-default)
}
.merProgressStepperItem .labelContainer__cc2fca85 {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--alias-color-text-placeholder-default);
display: block;
display: -webkit-box;
font-size: 12px;
font-weight: 700;
margin-top: 2px;
overflow: hidden
}
.merTag,.tag__5000b0c4 {
display: inline-flex
}
.tag__5000b0c4 {
background: var(--alias-color-icon-primary-default);
color: var(--alias-color-text-inverse-default);
font-size: 10px;
font-weight: 700;
line-height: 1.4em;
padding: 2px 4px;
vertical-align: middle
}
.tag__5000b0c4.large__5000b0c4 {
font-size: 14px;
font-weight: 700
}
.tag__5000b0c4.secondary__5000b0c4 {
background: var(--alias-color-background-disabled-default);
color: var(--alias-color-text-primary-default)
}
.tag__5000b0c4.attention__5000b0c4 {
background: var(--alias-color-background-attention-default);
color: var(--alias-color-system-staticWhite-default)
}
.tag__5000b0c4.custom__5000b0c4 {
background: inherit;
color: inherit
}
.tag__5000b0c4.disabled__5000b0c4 {
background: var(--alias-color-background-disabled-default);
color: var(--alias-color-text-placeholder-default)
}
.tag__5000b0c4 .tagText__5000b0c4 {
max-width: 128px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.merText {
word-wrap: break-word;
font-size: 15px;
font-weight: 400;
-webkit-hyphens: auto;
hyphens: auto;
line-height: 1.4em;
margin: 0;
overflow-wrap: break-word
}
pre.merText {
font-family: Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
white-space: pre-wrap
}
.small__5616e150 {
font-size: 14px;
font-weight: 400;
line-height: 1.4em
}
.caption__5616e150 {
font-size: 12px;
font-weight: 400;
line-height: 1.4em
}
.primary__5616e150 {
color: var(--alias-color-text-primary-default)
}
.secondary__5616e150 {
color: var(--alias-color-text-secondary-default)
}
.tertiary__5616e150 {
color: var(--alias-color-text-tertiary-default)
}
.accent__5616e150 {
color: var(--alias-color-text-accent-default)
}
.attention__5616e150 {
color: var(--alias-color-text-attention-default)
}
.success__5616e150 {
color: var(--alias-color-text-success-default)
}
.disabled__5616e150 {
color: var(--alias-color-text-disabled-default)
}
.placeholder__5616e150 {
color: var(--alias-color-text-placeholder-default)
}
.inherit__5616e150 {
color: inherit
}
.bold__5616e150 {
font-weight: 700
}
.merAvatar {
background: var(--alias-color-background-secondary-default);
border: 1px solid var(--alias-color-border-primary-highlight);
border-radius: 50%;
box-sizing: border-box;
display: inline-flex;
margin: 0;
overflow: hidden
}
.merAvatar picture {
height: 100%;
width: 100%
}
.merAvatar .merResourceBase__a4a48e0a,.merAvatar img {
height: 100%;
object-fit: cover;
transition-duration: .1s;
transition-property: opacity;
transition-timing-function: ease-in-out;
width: 100%
}
.merAvatar .imageError__a4a48e0a .errorIcon__a4a48e0a>svg {
fill: var(--alias-color-icon-disabled-default);
height: 37.5%;
width: 37.5%
}
.merAvatar.xsmall__a4a48e0a {
height: 32px;
width: 32px
}
.merAvatar.small__a4a48e0a {
height: 48px;
width: 48px
}
.merAvatar.medium__a4a48e0a {
height: 64px;
width: 64px
}
.merAvatar.large__a4a48e0a {
height: 96px;
width: 96px
}
.imageContainer__f8ddf3a2 {
display: contents
}
.imageContainer__f8ddf3a2 .imageError__f8ddf3a2 {
height: 100%;
position: relative;
width: 100%
}
.imageContainer__f8ddf3a2 .errorIcon__f8ddf3a2 {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background-color: var(--alias-color-background-secondary-default);
display: inline-flex;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.imageContainer__f8ddf3a2 .errorIcon__f8ddf3a2>.merResourceBase {
fill: var(--alias-color-icon-disabled-default);
height: 37.5%;
width: 37.5%
}
.loginButton__79da4976.loginButton__79da4976 {
--custom-button-hover-color: var(--custom-button-color);
--custom-button-hover-background-color: var(--custom-button-background-color);
--custom-button-hover-border-color: var(--custom-button-border-color);
--custom-button-hover-fill: var(--custom-button-fill);
--custom-button-active-color: var(--custom-button-color);
--custom-button-active-background-color: var(--custom-button-background-color);
--custom-button-active-border-color: var(--custom-button-border-color);
--custom-button-active-fill: var(--custom-button-fill);
--custom-button-disabled-color: var(--alias-color-text-secondary-default);
--custom-button-disabled-background-color: var(--alias-color-background-disabled-default);
--custom-button-disabled-border-color: var(--alias-color-icon-secondary-active);
--custom-button-disabled-fill: var(--alias-color-icon-secondary-active);
min-width: 140px
}
.loginButton__79da4976.loginButton__79da4976 a,.loginButton__79da4976.loginButton__79da4976>button {
padding-left: 40px;
padding-right: clamp(15px,7%,40px);
position: relative
}
.loginButton__79da4976.loginButton__79da4976 a .merIcon,.loginButton__79da4976.loginButton__79da4976 a>.merResourceBase,.loginButton__79da4976.loginButton__79da4976>button .merIcon,.loginButton__79da4976.loginButton__79da4976>button>.merResourceBase {
height: 24px;
left: 16px;
margin: 0;
position: absolute;
width: 24px
}
.loginButton__79da4976.loginButton__79da4976 a>span,.loginButton__79da4976.loginButton__79da4976>button>span {
display: block;
margin: 0;
overflow: hidden;
padding: 0 4px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap
}
@media (hover: hover) {
.loginButton__79da4976.loginButton__79da4976 a:hover,.loginButton__79da4976.loginButton__79da4976>button:hover {
opacity:.8
}
}
.loginButton__79da4976.loginButton__79da4976.disabled__79da4976 a .merIcon,.loginButton__79da4976.loginButton__79da4976.disabled__79da4976 a>.merResourceBase,.loginButton__79da4976.loginButton__79da4976.disabled__79da4976>button .merIcon,.loginButton__79da4976.loginButton__79da4976.disabled__79da4976>button>.merResourceBase {
opacity: .4
}
.loginButton__79da4976.outline__79da4976 {
--custom-button-color: var(--alias-color-system-staticBlack-default);
--custom-button-background-color: var(--alias-color-system-staticWhite-default);
--custom-button-border-color: var(--alias-color-border-secondary-default);
--custom-button-fill: var(--alias-color-system-staticBlack-default);
--custom-button-active-background-color: #e0e0e0
}
.loginButton__79da4976.outline__79da4976.disabled__79da4976 {
--custom-button-border-color: #0000
}
.loginButton__79da4976.outline__79da4976.mail__79da4976 svg,.loginButton__79da4976.outline__79da4976.passkey__79da4976 svg {
fill: var(--alias-color-system-staticBlack-default)
}
.loginButton__79da4976.facebook__79da4976:not(.outline__79da4976) {
--custom-button-color: var(--alias-color-system-staticWhite-default);
--custom-button-background-color: #1877f2;
--custom-button-border-color: #0000;
--custom-button-fill: var(--alias-color-system-staticWhite-default);
--custom-button-active-background-color: #1a67ca;
--custom-button-active-border-color: #0000
}
.loginButton__79da4976.facebook__79da4976 svg {
fill: var(--alias-color-system-staticWhite-default)
}
.loginButton__79da4976.facebook__79da4976.outline__79da4976 svg {
fill: #1877f2
}
.loginButton__79da4976.apple__79da4976:not(.outline__79da4976) {
--custom-button-color: var(--alias-color-system-staticWhite-default);
--custom-button-background-color: var(--alias-color-system-staticBlack-default);
--custom-button-border-color: #0000;
--custom-button-fill: var(--alias-color-system-staticWhite-default);
--custom-button-active-background-color: #434343;
--custom-button-active-border-color: #0000
}
.loginButton__79da4976.apple__79da4976 svg {
fill: var(--alias-color-system-staticWhite-default)
}
.loginButton__79da4976.apple__79da4976.outline__79da4976 svg {
fill: var(--alias-color-system-staticBlack-default)
}
.dark-theme .loginButton__79da4976.apple__79da4976 {
--custom-button-color: var(--alias-color-system-staticBlack-default);
--custom-button-background-color: var(--alias-color-system-staticWhite-default);
--custom-button-fill: var(--alias-color-system-staticBlack-default)
}
.dark-theme .loginButton__79da4976.apple__79da4976 svg {
fill: var(--alias-color-system-staticBlack-default)
}
@keyframes loading-rotation__acab39af {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.merIconLoadingOutline__acab39af {
animation: loading-rotation__acab39af 2s steps(12) 0s infinite
}
.merButton {
display: inline-flex
}
.merButton.fluid__01a6ef84 {
width: 100%
}
.merButton>a,.merButton>button {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
border: 1px solid #0000;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
justify-content: center;
line-height: 1.4em;
margin: 0;
overflow: hidden;
text-align: center;
text-decoration: none;
transition-duration: .1s;
transition-property: background-color,color,fill;
transition-timing-function: ease-in-out;
vertical-align: middle;
white-space: nowrap;
width: 100%;
word-break: break-word
}
.merButton>a.focus-visible,.merButton>button.focus-visible {
border-color: var(--focus-ring-color);
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px;
outline: 0
}
@supports (background: -webkit-canvas(squares)) {
.merButton>a:focus,.merButton>button:focus {
border-color:var(--focus-ring-color);
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px;
outline: 0
}
}
.merButton.primary__01a6ef84>a,.merButton.primary__01a6ef84>button {
fill: var(--alias-color-text-inverse-default);
background-color: var(--alias-color-background-attention-default);
color: var(--alias-color-text-inverse-default)
}
.merButton.primary__01a6ef84>a:hover,.merButton.primary__01a6ef84>button:hover {
background-color: var(--alias-color-background-attention-highlight)
}
.merButton.primary__01a6ef84>a:active,.merButton.primary__01a6ef84>button:active {
background-color: var(--alias-color-background-attention-active)
}
.merButton.attention__01a6ef84>a,.merButton.attention__01a6ef84>button {
fill: var(--alias-color-text-inverse-default);
background-color: var(--alias-color-background-attention-default);
color: var(--alias-color-text-inverse-default)
}
.merButton.attention__01a6ef84.small__01a6ef84>a,.merButton.attention__01a6ef84.small__01a6ef84>button {
background-color: var(--alias-color-background-attention-active)
}
.merButton.attention__01a6ef84>a:hover,.merButton.attention__01a6ef84>button:hover {
background-color: var(--alias-color-background-attention-highlight)
}
.merButton.attention__01a6ef84>a:active,.merButton.attention__01a6ef84>button:active {
background-color: var(--alias-color-background-attention-active)
}
.merButton.secondary__01a6ef84>a,.merButton.secondary__01a6ef84>button {
fill: var(--alias-color-icon-attention-default);
background-color: initial;
border-color: var(--alias-color-border-attention-default);
color: var(--alias-color-text-attention-default)
}
.merButton.secondary__01a6ef84>a:hover,.merButton.secondary__01a6ef84>button:hover {
fill: var(--alias-color-icon-attention-highlight);
background-color: var(--component-button-secondary-hover);
border-color: var(--alias-color-border-attention-highlight);
color: var(--alias-color-text-attention-highlight)
}
.merButton.secondary__01a6ef84>a.focus-visible,.merButton.secondary__01a6ef84>a:focus,.merButton.secondary__01a6ef84>button.focus-visible,.merButton.secondary__01a6ef84>button:focus {
border-color: var(--alias-color-border-attention-highlight)
}
.merButton.secondary__01a6ef84>a:active,.merButton.secondary__01a6ef84>button:active {
fill: var(--alias-color-icon-attention-active);
background-color: var(--component-button-secondary-pressed);
border-color: var(--alias-color-border-attention-active);
color: var(--alias-color-text-attention-active)
}
.merButton.secondary-black__01a6ef84>a,.merButton.secondary-black__01a6ef84>button {
fill: var(--alias-color-icon-primary-default);
background-color: initial;
border-color: var(--alias-color-border-secondary-default);
color: var(--alias-color-text-primary-default)
}
.merButton.secondary-black__01a6ef84>a:hover,.merButton.secondary-black__01a6ef84>button:hover {
fill: var(--alias-color-icon-primary-highlight);
background-color: var(--component-button-primary-hover);
border-color: var(--alias-color-border-secondary-highlight);
color: var(--alias-color-text-primary-highlight)
}
.merButton.secondary-black__01a6ef84>a.focus-visible,.merButton.secondary-black__01a6ef84>a:focus,.merButton.secondary-black__01a6ef84>button.focus-visible,.merButton.secondary-black__01a6ef84>button:focus {
border-color: var(--alias-color-border-secondary-highlight)
}
.merButton.secondary-black__01a6ef84>a:active,.merButton.secondary-black__01a6ef84>button:active {
fill: var(--alias-color-icon-primary-default);
background-color: var(--component-button-primary-pressed);
border-color: var(--alias-color-border-secondary-active);
color: var(--alias-color-text-primary-active)
}
.merButton.tertiary__01a6ef84>a,.merButton.tertiary__01a6ef84>button {
fill: var(--alias-color-icon-primary-default);
background-color: initial;
border-color: var(--alias-color-border-primary-default);
color: var(--alias-color-text-primary-default)
}
.merButton.tertiary__01a6ef84>a:hover,.merButton.tertiary__01a6ef84>button:hover {
fill: var(--alias-color-icon-primary-default);
background-color: var(--alias-color-background-primary-highlight);
border-color: var(--alias-color-border-primary-default);
color: var(--alias-color-text-primary-default)
}
.merButton.tertiary__01a6ef84>a.focus-visible,.merButton.tertiary__01a6ef84>a:focus,.merButton.tertiary__01a6ef84>button.focus-visible,.merButton.tertiary__01a6ef84>button:focus {
border-color: var(--alias-color-border-primary-default)
}
.merButton.tertiary__01a6ef84>a:active,.merButton.tertiary__01a6ef84>button:active {
fill: var(--alias-color-icon-primary-default);
background-color: var(--alias-color-background-primary-active);
border-color: var(--alias-color-border-primary-default);
color: var(--alias-color-text-primary-default)
}
.merButton.flat__01a6ef84>a,.merButton.flat__01a6ef84>button {
fill: var(--alias-color-icon-attention-default);
background-color: initial;
color: var(--alias-color-text-attention-default)
}
.merButton.flat__01a6ef84>a:hover,.merButton.flat__01a6ef84>button:hover {
fill: var(--alias-color-icon-attention-highlight);
background-color: var(--component-button-flat-hover);
color: var(--alias-color-text-attention-highlight)
}
.merButton.flat__01a6ef84>a:active,.merButton.flat__01a6ef84>button:active {
fill: var(--alias-color-icon-attention-active);
background-color: var(--component-button-flat-pressed);
color: var(--alias-color-text-attention-active)
}
.merButton.custom__01a6ef84>a,.merButton.custom__01a6ef84>button {
fill: var(--custom-button-fill,var(--alias-color-icon-primary-default));
background-color: var(--custom-button-background-color,#0000);
border-color: var(--custom-button-border-color,var(--alias-color-border-secondary-default));
color: var(--custom-button-color,var(--alias-color-text-primary-default))
}
.merButton.custom__01a6ef84>a:hover,.merButton.custom__01a6ef84>button:hover {
fill: var(--custom-button-hover-fill,var(--alias-color-icon-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));
color: var(--custom-button-hover-color,var(--alias-color-text-primary-highlight))
}
.merButton.custom__01a6ef84>a.focus-visible,.merButton.custom__01a6ef84>a:focus,.merButton.custom__01a6ef84>button.focus-visible,.merButton.custom__01a6ef84>button:focus {
border-color: var(--custom-button-focus-border-color,var(--alias-color-border-secondary-highlight))
}
.merButton.custom__01a6ef84>a:active,.merButton.custom__01a6ef84>button:active {
fill: var(--custom-button-active-fill,var(--alias-color-icon-accent-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));
color: var(--custom-button-active-color,var(--alias-color-text-primary-active))
}
.merButton.small__01a6ef84 {
height: 33px;
line-height: 17px
}
.merButton.small__01a6ef84>a,.merButton.small__01a6ef84>button {
line-height: 1.4em;
min-height: 32px;
padding: 7px
}
.merButton.medium__01a6ef84 {
height: 45px;
line-height: 21px
}
.merButton.medium__01a6ef84>a,.merButton.medium__01a6ef84>button {
padding: 11px 15px
}
.merButton.large__01a6ef84 {
height: 56px;
line-height: 24px
}
.merButton.large__01a6ef84>a,.merButton.large__01a6ef84>button {
padding: 15px
}
.merButton.disabled__01a6ef84>a,.merButton.disabled__01a6ef84>button {
cursor: not-allowed!important
}
.merButton.disabled__01a6ef84.attention__01a6ef84>a,.merButton.disabled__01a6ef84.attention__01a6ef84>button,.merButton.disabled__01a6ef84.primary__01a6ef84>a,.merButton.disabled__01a6ef84.primary__01a6ef84>button {
fill: var(--alias-color-icon-secondary-active)!important;
background-color: var(--alias-color-background-disabled-default)!important;
color: var(--alias-color-text-secondary-default)!important
}
.merButton.disabled__01a6ef84.secondary-black__01a6ef84>a,.merButton.disabled__01a6ef84.secondary-black__01a6ef84>button,.merButton.disabled__01a6ef84.secondary__01a6ef84>a,.merButton.disabled__01a6ef84.secondary__01a6ef84>button,.merButton.disabled__01a6ef84.tertiary__01a6ef84>a,.merButton.disabled__01a6ef84.tertiary__01a6ef84>button {
fill: var(--alias-color-icon-disabled-default)!important;
background-color: initial!important;
border-color: var(--alias-color-border-disabled-default)!important;
color: var(--alias-color-text-disabled-default)!important
}
.merButton.disabled__01a6ef84.flat__01a6ef84>a,.merButton.disabled__01a6ef84.flat__01a6ef84>button {
fill: var(--alias-color-icon-disabled-default)!important;
background-color: initial!important;
color: var(--alias-color-text-disabled-default)!important
}
.merButton.disabled__01a6ef84.custom__01a6ef84>a,.merButton.disabled__01a6ef84.custom__01a6ef84>button {
fill: var(--custom-button-disabled-fill,var(--alias-color-icon-disabled-default))!important;
background-color: var(--custom-button-disabled-background-color,#0000)!important;
color: var(--custom-button-disabled-color,var(--alias-color-text-disabled-default))!important
}
.merButton {
font-size: 15px;
font-weight: 700
}
.merButton button>:not(:only-child):first-child {
margin-right: 4px
}
.merButton button>:not(:only-child):last-child {
margin-left: 4px
}
.merButton.small__01a6ef84 {
font-size: 12px
}
.merButton.large__01a6ef84 {
font-size: 17px
}
.merIcon {
align-items: center;
display: inline-flex
}
.merIcon .icon__386b8057.primary__386b8057 {
fill: var(--alias-color-icon-primary-default)
}
.merIcon .icon__386b8057.primary__386b8057.interactive__386b8057:focus {
fill: var(--alias-color-icon-primary-highlight)
}
@media (hover: hover) {
.merIcon .icon__386b8057.primary__386b8057.interactive__386b8057:hover {
fill:var(--alias-color-icon-primary-highlight)
}
}
.merIcon .icon__386b8057.primary__386b8057.interactive__386b8057:active {
fill: var(--alias-color-icon-primary-active)
}
.merIcon .icon__386b8057.secondary__386b8057 {
fill: var(--alias-color-icon-secondary-default)
}
.merIcon .icon__386b8057.secondary__386b8057.interactive__386b8057:focus {
fill: var(--alias-color-icon-secondary-highlight)
}
@media (hover: hover) {
.merIcon .icon__386b8057.secondary__386b8057.interactive__386b8057:hover {
fill:var(--alias-color-icon-secondary-highlight)
}
}
.merIcon .icon__386b8057.secondary__386b8057.interactive__386b8057:active {
fill: var(--alias-color-icon-secondary-active)
}
.merIcon .icon__386b8057.tertiary__386b8057 {
fill: var(--alias-color-icon-tertiary-default)
}
.merIcon .icon__386b8057.tertiary__386b8057.interactive__386b8057:focus {
fill: var(--alias-color-icon-tertiary-highlight)
}
@media (hover: hover) {
.merIcon .icon__386b8057.tertiary__386b8057.interactive__386b8057:hover {
fill:var(--alias-color-icon-tertiary-highlight)
}
}
.merIcon .icon__386b8057.tertiary__386b8057.interactive__386b8057.active__386b8057 {
fill: var(--alias-color-icon-tertiary-active)
}
.merIcon .icon__386b8057.disabled__386b8057 {
fill: var(--alias-color-icon-disabled-default)
}
.merIcon .icon__386b8057.accent__386b8057 {
fill: var(--alias-color-icon-accent-default)
}
.merIcon .icon__386b8057.accent__386b8057.interactive__386b8057:focus {
fill: var(--alias-color-icon-accent-highlight)
}
@media (hover: hover) {
.merIcon .icon__386b8057.accent__386b8057.interactive__386b8057:hover {
fill:var(--alias-color-icon-accent-highlight)
}
}
.merIcon .icon__386b8057.accent__386b8057.interactive__386b8057:active {
fill: var(--alias-color-icon-accent-active)
}
.merIcon .icon__386b8057.link__386b8057 {
fill: var(--alias-color-icon-link-default)
}
.merIcon .icon__386b8057.link__386b8057.interactive__386b8057:focus {
fill: var(--alias-color-icon-link-highlight)
}
@media (hover: hover) {
.merIcon .icon__386b8057.link__386b8057.interactive__386b8057:hover {
fill:var(--alias-color-icon-link-highlight)
}
}
.merIcon .icon__386b8057.link__386b8057.interactive__386b8057:active {
fill: var(--alias-color-icon-link-active)
}
.merIcon .icon__386b8057.attention__386b8057 {
fill: var(--alias-color-icon-attention-default)
}
.merIcon .icon__386b8057.attention__386b8057.interactive__386b8057:focus {
fill: var(--alias-color-icon-attention-highlight)
}
@media (hover: hover) {
.merIcon .icon__386b8057.attention__386b8057.interactive__386b8057:hover {
fill:var(--alias-color-icon-attention-highlight)
}
}
.merIcon .icon__386b8057.attention__386b8057.interactive__386b8057:active {
fill: var(--alias-color-icon-attention-active)
}
.merIcon .icon__386b8057.inverse__386b8057 {
fill: var(--alias-color-icon-inverse-default)
}
.merIcon .icon__386b8057.inverse__386b8057.interactive__386b8057:focus {
fill: var(--alias-color-icon-inverse-highlight)
}
@media (hover: hover) {
.merIcon .icon__386b8057.inverse__386b8057.interactive__386b8057:hover {
fill:var(--alias-color-icon-inverse-highlight)
}
}
.merIcon .icon__386b8057.inverse__386b8057.interactive__386b8057:active {
fill: var(--alias-color-icon-inverse-active)
}
.merIcon .icon__386b8057.success__386b8057 {
fill: var(--alias-color-icon-success-default)
}
.merIcon .icon__386b8057.success__386b8057.interactive__386b8057:focus {
fill: var(--alias-color-icon-success-highlight)
}
@media (hover: hover) {
.merIcon .icon__386b8057.success__386b8057.interactive__386b8057:hover {
fill:var(--alias-color-icon-success-highlight)
}
}
.merIcon .icon__386b8057.success__386b8057.interactive__386b8057:active {
fill: var(--alias-color-icon-success-active)
}
.merIcon .icon__386b8057.decorativeYellow__386b8057 {
fill: var(--alias-color-icon-decorativeYellow-default)
}
.merIcon .icon__386b8057.decorativeYellow__386b8057.interactive__386b8057:focus {
fill: var(--alias-color-icon-decorativeYellow-highlight)
}
@media (hover: hover) {
.merIcon .icon__386b8057.decorativeYellow__386b8057.interactive__386b8057:hover {
fill:var(--alias-color-icon-decorativeYellow-highlight)
}
}
.merIcon .icon__386b8057.decorativeYellow__386b8057.interactive__386b8057:active {
fill: var(--alias-color-icon-decorativeYellow-active)
}
.merIcon .icon__386b8057.white__386b8057 {
fill: var(--alias-color-system-staticWhite-default)
}
.merIcon .icon__386b8057.black__386b8057 {
fill: var(--alias-color-system-staticBlack-default)
}
.merIcon .icon__386b8057.inherit__386b8057 {
fill: inherit
}
.merResourceBase {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: inline-flex;
justify-content: center
}
.merResourceBase.background__90ce1bb9 {
background-color: var(--alias-color-system-staticWhite-default)
}
.merResourceBase.border__90ce1bb9 {
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px;
padding: 4px
}
.merResourceBase svg {
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%
}
.merTabList {
border-bottom: 1px solid var(--alias-color-border-primary-highlight);
border-top: 1px solid #0000;
box-sizing: border-box;
display: flex;
height: 44px;
margin: 0;
width: 100%
}
.merTabList:focus {
outline: none
}
.merTabList.hideSeparator__3a33a7c2 {
border-bottom: none
}
@media (min-width: 960px) {
.merTabList.fixed__3a33a7c2 {
justify-content:flex-start
}
}
@media (max-width: 959.9px) {
.merTabList.fixed__3a33a7c2 {
justify-content:stretch
}
.merTabList.fixed__3a33a7c2 .merTabItem {
padding: 0;
width: 100%
}
.merTabList.fixed__3a33a7c2>* {
flex: 1 1
}
}
.merTabList.scrollable__3a33a7c2 {
flex-wrap: nowrap;
overflow: auto hidden;
scrollbar-width: none
}
.merTabList.scrollable__3a33a7c2::-webkit-scrollbar {
display: none
}
@media (max-width: 959.9px) {
.merTabList.scrollable__3a33a7c2 {
padding:0 16px
}
}
.merTabList.scrollable__3a33a7c2 .merTabItem {
flex-shrink: 0
}
.merTabItem {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background-color: var(--alias-color-background-primary-default);
border: none;
box-sizing: border-box;
color: var(--alias-color-text-secondary-default);
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 700;
height: 100%;
justify-content: center;
line-height: 1.4em;
outline: none;
overflow: hidden;
padding: 0 24px;
position: relative
}
.merTabItem>.textContent__261d11db {
min-width: 0;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
.merTabItem>.textContent__261d11db>* {
pointer-events: none
}
@media (hover: hover) {
.merTabItem:hover {
background-color:var(--alias-color-background-primary-active)
}
}
.merTabItem:active {
background-color: var(--alias-color-background-primary-active)
}
.merTabItem.focus-visible {
background-color: var(--alias-color-background-accentThin-default)
}
.merTabItem.selected__261d11db {
color: var(--alias-color-text-attention-default)
}
.merTabItem.selected__261d11db:before {
background: var(--alias-color-border-attention-default);
border-radius: 2px;
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 100%
}
.tabBadge__261d11db {
vertical-align: top
}
.merBadge {
background-color: var(--alias-color-icon-attention-active)
}
.merBadge:not(.dot__9b58f762) {
border: 1px solid var(--alias-color-icon-inverse-default);
border-radius: 16px;
box-sizing: initial;
color: var(--alias-color-text-inverse-default);
display: inline-block;
font-size: 10px;
font-weight: 700;
height: 16px;
line-height: 16px;
min-width: 16px;
text-align: center
}
.merBadge:not(.dot__9b58f762).overflowed__9b58f762 {
padding: 0 2px
}
.merBadge.dot__9b58f762 {
border: 0;
border-radius: 50%;
display: inline-block;
height: 8px;
width: 8px
}
.merTabPanel {
display: none
}
.merTabPanel.show__8bc05d77,.merTable {
display: block
}
.table__d1d55c84 {
border-collapse: collapse;
display: table
}
.bordered__d1d55c84 {
border: 1px solid var(--alias-color-border-primary-default)
}
.bordered__d1d55c84 .merTableCell:first-child {
padding-left: 16px
}
.bordered__d1d55c84 .merTableCell:last-child {
padding-right: 16px
}
.fluid__d1d55c84 {
width: 100%
}
.rowGroup__9a2c4c9b {
border-top: 1px solid var(--alias-color-border-primary-default);
display: table-row-group
}
.rowGroup__9a2c4c9b:first-child {
border-top: none
}
.striped__9a2c4c9b .merTableRow:nth-child(odd) {
background-color: var(--alias-color-background-primary-default)
}
.row__0aa9e349 {
border-top: 1px solid var(--alias-color-border-primary-default);
display: table-row;
width: 100%
}
.row__0aa9e349:first-child {
border-top: none;
padding-left: 0
}
.row__0aa9e349:last-child {
padding-right: 0
}
.cell__7b04e8c9 {
box-sizing: border-box;
color: var(--alias-color-text-primary-default);
display: table-cell;
font-size: 14px;
font-weight: 400;
line-height: 1.4em;
padding: 16px;
vertical-align: top;
word-break: break-word
}
@media (max-width: 959.9px) {
.cell__7b04e8c9 {
padding:16px 8px
}
}
.header__7b04e8c9 {
width: 30%
}
.left__7b04e8c9 {
text-align: left
}
.right__7b04e8c9 {
text-align: right
}
.merToggleSwitch {
border-radius: 16px!important;
display: inline-flex
}
.merToggleSwitch:focus {
outline: none
}
.merToggleSwitch.focus-visible {
border-radius: 4px;
box-shadow: var(--focus-ring-color) 0 0 0 4px
}
.merToggleSwitch.inner-focus-ring.focus-visible {
box-shadow: inset var(--focus-ring-color) 0 0 0 4px
}
.inputContainer__ae1855b0 {
background-color: var(--alias-color-icon-secondary-default);
border-radius: 16px;
display: inline-block;
height: 32px;
outline: none;
position: relative;
transition: all .15s ease-out;
width: 52px
}
@media (hover: hover) {
.inputContainer__ae1855b0:hover {
background-color:var(--alias-color-icon-secondary-highlight)
}
.inputContainer__ae1855b0:hover.checked__ae1855b0 {
background-color: var(--alias-color-icon-accent-highlight)
}
}
.inputContainer__ae1855b0:active {
background-color: var(--alias-color-icon-secondary-active)
}
.inputContainer__ae1855b0:active.checked__ae1855b0 {
background-color: var(--alias-color-icon-accent-active)
}
.inputContainer__ae1855b0.checked__ae1855b0 {
background-color: var(--alias-color-icon-accent-default)
}
.inputContainer__ae1855b0.checked__ae1855b0:before {
transform: translate3d(70%,0,0)
}
.inputContainer__ae1855b0.disabled__ae1855b0 {
background-color: var(--alias-color-icon-disabled-default)
}
.inputContainer__ae1855b0.disabled__ae1855b0:before {
opacity: .4
}
.inputContainer__ae1855b0: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
}
.inputContainer__ae1855b0>input {
height: 100%;
opacity: 0;
position: absolute;
width: 100%
}
.inputContainer__ae1855b0>input:not(:disabled) {
cursor: pointer
}
.merToggleSwitchRow {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
align-items: center;
box-sizing: border-box;
color: var(--alias-color-text-primary-default);
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 400;
height: 100%;
justify-content: flex-start;
padding: 8px 8px 8px 0;
position: relative;
width: 100%
}
.merToggleSwitchRow:after {
background-color: var(--alias-color-background-primary-highlight);
content: "";
display: inline-block;
height: 100%;
left: -16px;
opacity: 0;
position: absolute;
top: 0;
width: calc(100% + 32px);
z-index: -1
}
@media (hover: hover) {
.merToggleSwitchRow:not(.disabled__8589c946):hover {
background-color:initial
}
.merToggleSwitchRow:not(.disabled__8589c946):hover:after {
opacity: 1
}
}
.merToggleSwitchRow:not(.disabled__8589c946):active {
background-color: initial
}
.merToggleSwitchRow:not(.disabled__8589c946):active:after {
opacity: 1
}
.merToggleSwitchRow.disabled__8589c946 {
cursor: default
}
.merToggleSwitchRow.disabled__8589c946 .label__8589c946,.merToggleSwitchRow.disabled__8589c946 .subLabel__8589c946,.merToggleSwitchRow.disabled__8589c946 .toggleSwitchContainer__8589c946 {
color: var(--alias-color-text-disabled-default)
}
.merToggleSwitchRow>.labelContainer__8589c946 {
display: inline-block;
vertical-align: top;
width: 100%
}
.merToggleSwitchRow>.toggleSwitchContainer__8589c946 {
display: inline-flex;
margin: auto 0 auto auto
}
.label__8589c946 {
display: block
}
.subLabel__8589c946 {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--alias-color-text-secondary-default);
display: block;
display: -webkit-box;
font-size: 12px;
font-weight: 400;
line-height: 1.4em;
overflow: hidden
}
.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-right: 2px;
margin-left: 2px
}
.mer-spacing-x-4,.mer-spacing-x-6 {
margin-right: 4px;
margin-left: 4px
}
.mer-spacing-x-8 {
margin-right: 8px;
margin-left: 8px
}
.mer-spacing-x-12 {
margin-right: 12px;
margin-left: 12px
}
.mer-spacing-x-16 {
margin-right: 16px;
margin-left: 16px
}
.mer-spacing-x-20 {
margin-right: 20px;
margin-left: 20px
}
.mer-spacing-x-24 {
margin-right: 24px;
margin-left: 24px
}
.mer-spacing-x-32 {
margin-right: 32px;
margin-left: 32px
}
.mer-spacing-x-40 {
margin-right: 40px;
margin-left: 40px
}
.mer-spacing-x-48 {
margin-right: 48px;
margin-left: 48px
}
.mer-spacing-x-56 {
margin-right: 56px;
margin-left: 56px
}
.mer-spacing-x-64 {
margin-right: 64px;
margin-left: 64px
}
.mer-spacing-x-80 {
margin-right: 80px;
margin-left: 80px
}
.mer-spacing-x-96 {
margin-right: 96px;
margin-left: 96px
}
.mer-spacing-x-128 {
margin-right: 128px;
margin-left: 128px
}
.mer-spacing-y-2 {
margin-top: 2px;
margin-bottom: 2px
}
.mer-spacing-y-4,.mer-spacing-y-6 {
margin-top: 4px;
margin-bottom: 4px
}
.mer-spacing-y-8 {
margin-top: 8px;
margin-bottom: 8px
}
.mer-spacing-y-12 {
margin-top: 12px;
margin-bottom: 12px
}
.mer-spacing-y-16 {
margin-top: 16px;
margin-bottom: 16px
}
.mer-spacing-y-20 {
margin-top: 20px;
margin-bottom: 20px
}
.mer-spacing-y-24 {
margin-top: 24px;
margin-bottom: 24px
}
.mer-spacing-y-32 {
margin-top: 32px;
margin-bottom: 32px
}
.mer-spacing-y-40 {
margin-top: 40px;
margin-bottom: 40px
}
.mer-spacing-y-48 {
margin-top: 48px;
margin-bottom: 48px
}
.mer-spacing-y-56 {
margin-top: 56px;
margin-bottom: 56px
}
.mer-spacing-y-64 {
margin-top: 64px;
margin-bottom: 64px
}
.mer-spacing-y-80 {
margin-top: 80px;
margin-bottom: 80px
}
.mer-spacing-y-96 {
margin-top: 96px;
margin-bottom: 96px
}
.mer-spacing-y-128 {
margin-top: 128px;
margin-bottom: 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
}
@media (prefers-color-scheme: light) {
:root {
--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;
--component-radio-hover-color: #63c5ff33;
--component-radio-foucs-ring-color: #63c5ff80
}
}
@media (prefers-color-scheme: dark) {
:root {
--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
}
}
.bApHed {
width: 100%;
min-width: 80px;
height: 100%;
min-height: 28px;
outline: none;
appearance: none;
margin: 0px;
padding: 0px;
background-color: transparent;
border: none;
color: var(--alias-color-text-primary-default);
font-weight: normal;
font-size: 16px;
line-height: 1.4em;
}
.jxdFlR {
width: 100%;
min-width: 0px;
height: 36px;
display: flex;
-webkit-box-align: center;
align-items: center;
border: 1px solid var(--alias-color-border-primary-default);
border-radius: 4px;
background-color: var(--alias-color-background-secondary-default);
}
.frQvWG {
min-width: 34px;
min-height: 34px;
}
.gxOSxm {
-webkit-box-flex: 1;
flex-grow: 1;
min-width: 0px;
height: 100%;
display: flex;
-webkit-box-align: center;
align-items: center;
gap: 2px;
flex-wrap: nowrap;
overflow-x: auto;
}
.fcwyf {
position: relative;
-webkit-box-flex: 1;
flex-grow: 1;
width: 100%;
outline: none;
max-width: 1280px;
margin: 0px auto;
padding: var(--grid-layout-page-padding-top) var(--grid-layout-page-padding-horizontal) var(--grid-layout-page-padding-bottom);
}
@media (min-width: 960px) {
.fcwyf {
min-height: calc(-64px + 100vh);
}
}
.iNGwST {
position: relative;
}
.hVZENz {
margin-bottom: var(--grid-layout-gutter);
}
.jDsYdV {
display: grid;
grid-gap: var(--grid-layout-gutter);
grid-template-columns: repeat(12, 1fr);
}
.jALIKH {
display: inline-flex;
position: relative;
width: 100%;
height: 100%;
margin: 4px 0px;
background-color: transparent;
border: 0px;
padding: 0px;
cursor: pointer;
}
.jKDjss {
min-width: 0px;
grid-column: span 1;
padding-right: 0px;
padding-left: 0px;
display: block;
}
.fXQxtb {
min-width: 0px;
grid-column: span 6;
padding-right: 0px;
padding-left: 0px;
display: block;
}
.iNGwST .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
user-select: none;
}
.iNGwST .slick-list {
position: relative;
display: block;
overflow: hidden;
}
.iNGwST .slick-slider .slick-track, .iNGwST .slick-slider .slick-list {
transform: translate3d(0px, 0px, 0px);
}
.iNGwST .slick-track {
display: block;
position: relative;
top: 0px;
left: 0px;
line-height: 0;
height: inherit !important;
}
.iNGwST .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.iZllfQ {
display: inline-flex;
position: relative;
width: 100%;
margin: 4px 0px;
background-color: transparent;
border: 0px;
padding: 0px;
cursor: pointer;
}
.jALIKH .merItemThumbnail {
clip-path: inset(3px);
}
.jALIKH::after {
content: "";
position: absolute;
z-index: -1;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 1px solid var(--alias-color-border-secondary-highlight);
background-color: transparent;
}
.iNGwST .slick-slide img {
display: block;
}
.fXQxtb {
min-width: 0px;
grid-column: span 6;
padding-right: 0px;
padding-left: 0px;
display: block;
}
.ePOyNb.slick-prev {
left: 8px;
}
.ePOyNb {
position: absolute;
top: calc(50% - 40px);
display: block;
cursor: pointer;
z-index: 1;
}
.kATEJb {
min-width: 0px;
grid-column: span 5;
padding-right: 0px;
padding-left: var(--grid-layout-inset);
display: block;
}
.vnkQK {
min-width: 0px;
grid-column: span 7;
padding-right: 0px;
padding-left: 0px;
display: block;
}
.eJRtrh {
position: relative;
margin-bottom: 32px;
}
.kAxlMx {
position: relative;
}
.cvAXgx {
height: 100%;
line-height: 0;
}
.lpjZwE {
position: relative;
display: inline-flex;
width: 100%;
height: 100%;
}
img {
overflow-clip-margin: content-box;
overflow: clip;
}
.hvHOgL {
display: grid;
grid-gap: var(--grid-layout-gutter);
grid-template-columns: repeat(5, 1fr);
}
.iNGwST .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.kQBCBd {
display: grid;
grid-gap: var(--grid-layout-gutter);
grid-template-columns: repeat(7, 1fr);
}
.bKxkuv {
position: sticky;
top: 104px;
}
@media (min-width: 960px) {
.iXuhGU {
height: 100%;
}
}
.eRqlBj {
position: relative;
}
.eRqlBj.isNavigable {
cursor: pointer;
}
.bHgttf {
background-color: var(--focus-ring-color);
border-radius: 5px;
}
.iNGwST .slick-initialized .slick-slide {
display: block;
}
.fnJqML {
background-color: var(--alias-color-background-secondary-default);
overflow-anchor: none;
}
.ODTCa {
display: flex;
padding: 32px 36px;
}
.bndBcf {
display: flex;
border-top: 1px solid var(--alias-color-border-primary-highlight);
}
@media (min-width: 960px) {
.bndBcf {
-webkit-box-align: center;
align-items: center;
padding: 24px 36px;
}
}
.hzRbNi {
width: 100%;
max-width: 320px;
margin-right: 24px;
}
.lktISn > li {
margin-top: 8px;
}
.lktISn {
margin-top: 16px;
}
.lktISn li > a {
color: var(--alias-color-text-primary-default);
}
.jDsYdV {
display: grid;
grid-gap: var(--grid-layout-gutter);
grid-template-columns: repeat(12, 1fr);
}
.bxmLXx {
min-width: 0px;
grid-column: span 3;
padding-right: var(--grid-layout-inset);
padding-left: 0px;
display: block;
}
.dQZEFw {
min-width: 0px;
grid-column: span 9;
padding-right: 0px;
padding-left: 0px;
display: block;
}
.tGvQA .sticky-inner-padding {
margin-bottom: -24px;
padding-bottom: 24px;
}
.bUdoQM {
position: sticky;
z-index: var(--mer-z-index-navigation-top);
top: 0px;
}
img {
width: 300px;
}
:root {
--grid-layout-gutter: 24px;
--grid-layout-inset: 16px;
--grid-layout-page-padding-top: 40px;
--grid-layout-page-padding-bottom: 64px;
--grid-layout-page-padding-horizontal: 36px;
}
</style>