.css-1nl0624 {
    /* padding-bottom: 56px; */
}

@media (min-width: 0px) {
    .css-1lfogl5 {
        height: 14vw;
    }
}

@media (min-width: 600px) {
    .css-1lfogl5 {
        height: 84px;
    }
}

.css-rhnlku {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 12;
    width: 100%;
    height: 0;
}

.css-3lyvzz {
    min-height: 56px;
    background-color: #ffffff;
}

@media (min-width: 0px) {
    .css-3lyvzz {
        padding: 0px 8px;
        height: 14vw;
    }
}

@media (min-width: 600px) {
    .css-3lyvzz {
        padding: 5px 16px;
        height: 84px;
    }
}

.css-1q40tko {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    max-width: 1156px;
    margin: auto;
}

.css-sakgg6 {
    text-align: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 5px;
    font-size: 1.125rem;
}

.css-sakgg6:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-sakgg6:hover {
        background-color: transparent;
    }
}

.css-sakgg6.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-1j7qk7u {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    text-align: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 5px;
    font-size: 1.125rem;
}

.css-1j7qk7u::-moz-focus-inner {
    border-style: none;
}

.css-1j7qk7u.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-1j7qk7u {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

.css-1j7qk7u:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-1j7qk7u:hover {
        background-color: transparent;
    }
}

.css-1j7qk7u.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-j5ihul {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media (min-width: 0px) {
    .css-j5ihul {
        height: calc(100% - 20px);
    }
}

@media (min-width: 600px) {
    .css-j5ihul {
        height: calc(100% - 10px);
    }
}

.css-azx95j {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.css-17jbty5 {
    height: 100%;
    aspect-ratio: 1;
    font-size: 0px;
}

.css-naaz28 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 0px 8% 0px 6px;
    height: 100%;
}

.css-18zhs3v {
    max-width: 380px;
    font-size: 0px;
}

.css-pi0yvt {
    height: 28px;
}

.css-8lgfcg {
    height: 100%;
    overflow: hidden;
}

.css-1ulsnxa {
    box-shadow: none;
    text-transform: none;
    font-size: 12px;
    padding: 5px 12px;
    border: none;
    line-height: 1.5;
    background: #4ac052;
    color: #fff;
    border-radius: 100px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-weight: 500;
    min-width: 54px;
    max-width: 92px;
    width: 15%;
    min-height: 28px;
    max-height: 38px;
    height: 55%;
    font-family: Hiragino Sans;
}

.css-1ulsnxa:hover {
    box-shadow: none;
    background: #4ac052;
}

.css-1ulsnxa:active {
    box-shadow: none;
    background: #4ac052;
}

.css-1ulsnxa:focus {
    opacity: 1;
    background: #4ac052;
}

@media (min-width: 0px) {
    .css-1ulsnxa {
        font-size: 14px;
    }
}

@media (min-width: 600px) {
    .css-1ulsnxa {
        font-size: 18px;
    }
}

.css-1pamxu5 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    border-radius: 4px;
    -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: #1976d2;
    box-shadow: none;
    text-transform: none;
    font-size: 12px;
    padding: 5px 12px;
    border: none;
    line-height: 1.5;
    background: #4ac052;
    color: #fff;
    border-radius: 100px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-weight: 500;
    min-width: 54px;
    max-width: 92px;
    width: 15%;
    min-height: 28px;
    max-height: 38px;
    height: 55%;
    font-family: Hiragino Sans;
}

.css-1pamxu5:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
}

@media (hover: none) {
    .css-1pamxu5:hover {
        background-color: transparent;
    }
}

.css-1pamxu5.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-1pamxu5:hover {
    box-shadow: none;
    background: #4ac052;
}

.css-1pamxu5:active {
    box-shadow: none;
    background: #4ac052;
}

.css-1pamxu5:focus {
    opacity: 1;
    background: #4ac052;
}

@media (min-width: 0px) {
    .css-1pamxu5 {
        font-size: 14px;
    }
}

@media (min-width: 600px) {
    .css-1pamxu5 {
        font-size: 18px;
    }
}

.css-zh6ou2 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    border-radius: 4px;
    -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: #1976d2;
    box-shadow: none;
    text-transform: none;
    font-size: 12px;
    padding: 5px 12px;
    border: none;
    line-height: 1.5;
    background: #4ac052;
    color: #fff;
    border-radius: 100px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-weight: 500;
    min-width: 54px;
    max-width: 92px;
    width: 15%;
    min-height: 28px;
    max-height: 38px;
    height: 55%;
    font-family: Hiragino Sans;
}

.css-zh6ou2::-moz-focus-inner {
    border-style: none;
}

.css-zh6ou2.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-zh6ou2 {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

.css-zh6ou2:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
}

@media (hover: none) {
    .css-zh6ou2:hover {
        background-color: transparent;
    }
}

.css-zh6ou2.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-zh6ou2:hover {
    box-shadow: none;
    background: #4ac052;
}

.css-zh6ou2:active {
    box-shadow: none;
    background: #4ac052;
}

.css-zh6ou2:focus {
    opacity: 1;
    background: #4ac052;
}

@media (min-width: 0px) {
    .css-zh6ou2 {
        font-size: 14px;
    }
}

@media (min-width: 600px) {
    .css-zh6ou2 {
        font-size: 18px;
    }
}

.css-yt4sk2 {
    background: #fff;
}

@media (min-width: 0px) {
    .css-yt4sk2 {
        box-shadow: none;
        border: 0.5px solid #e9e9e9;
    }
}

@media (min-width: 900px) {
    .css-yt4sk2 {
        box-shadow: 0 10px 15px 0 rgb(0 0 0 / 6%);
        border: none;
    }
}

@media (min-width: 0px) {
    .css-1ybfalx {
        height: 56px;
    }
}

@media (min-width: 600px) {
    .css-1ybfalx {
        height: 64px;
    }
}

.css-1kgemac {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: auto;
    right: 0;
    color: inherit;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 10;
}

@media print {
    .css-1kgemac {
        position: absolute;
    }
}

@media (min-width: 0px) {
    .css-1kgemac {
        top: max(14vw, 56px);
    }
}

@media (min-width: 600px) {
    .css-1kgemac {
        top: 84px;
    }
}

.css-4f3g91 {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: auto;
    right: 0;
    color: inherit;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 10;
}

@media print {
    .css-4f3g91 {
        position: absolute;
    }
}

@media (min-width: 0px) {
    .css-4f3g91 {
        top: max(14vw, 56px);
    }
}

@media (min-width: 600px) {
    .css-4f3g91 {
        top: 84px;
    }
}

.css-oqiyxg {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 56px;
    margin: 0 auto;
}

@media (min-width: 600px) {
    .css-oqiyxg {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 0px) {
    @media (orientation: landscape) {
        .css-oqiyxg {
            min-height: 48px;
        }
    }
}

@media (min-width: 600px) {
    .css-oqiyxg {
        min-height: 64px;
    }
}

@media (min-width: 0px) {
    .css-oqiyxg {
        width: 100%;
        padding: 2px;
    }
}

@media (min-width: 1200px) {
    .css-oqiyxg {
        width: 1150px;
        padding: 0px;
    }
}

@media (min-width: 0px) {
    .css-1gxhs70 {
        margin-right: 2px;
    }
}

@media (min-width: 1200px) {
    .css-1gxhs70 {
        margin-right: 4px;
    }
}

.css-tyk7t6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.css-tyk7t6 div span {
    vertical-align: middle;
    display: block !important;
}

.css-1hhaab8 {
    margin-right: 5px;
}

@media (min-width: 0px) {
    .css-1hhaab8 {
        display: none;
    }
}

@media (min-width: 1200px) {
    .css-1hhaab8 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.css-1m6clm9 {
    height: 19px;
}

@media (min-width: 0px) {
    .css-1m6clm9 {
        width: 84px;
    }
}

@media (min-width: 1200px) {
    .css-1m6clm9 {
        width: 84px;
    }
}

@media (min-width: 0px) {
    .css-1guk29 {
        display: none;
    }
}

@media (min-width: 900px) {
    .css-1guk29 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.css-i9gxme {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.css-10ay73v {
    text-align: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    margin-left: -12px;
    color: inherit;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform-origin: center;
}

.css-10ay73v:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-10ay73v:hover {
        background-color: transparent;
    }
}

.css-10ay73v.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

@media (min-width: 900px) {
    .css-10ay73v {
        display: none;
    }
}

.css-1tj7l4z {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    text-align: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    margin-left: -12px;
    color: inherit;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform-origin: center;
}

.css-1tj7l4z::-moz-focus-inner {
    border-style: none;
}

.css-1tj7l4z.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-1tj7l4z {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

.css-1tj7l4z:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-1tj7l4z:hover {
        background-color: transparent;
    }
}

.css-1tj7l4z.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

@media (min-width: 900px) {
    .css-1tj7l4z {
        display: none;
    }
}

.css-vubbuv {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
}

@media (min-width: 0px) {
    .css-13tqxrv {
        display: none;
    }
}

@media (min-width: 900px) {
    .css-13tqxrv {
        display: block;
    }
}

.css-1gqe2c4 .MuiTooltip-tooltip {
    min-width: 960px;
    background: white;
    color: black;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 23px;
    padding: 0px;
    z-index: 999;
}

.css-1gqe2c4 .MuiTooltip-arrow {
    color: white;
}

.css-8irnrb {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    border-radius: 4px;
    -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: #1976d2;
    color: var(--color-text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.css-8irnrb:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
}

@media (hover: none) {
    .css-8irnrb:hover {
        background-color: transparent;
    }
}

.css-8irnrb.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

@media (min-width: 900px) {
    .css-8irnrb {
        padding: 6px;
    }
}

@media (min-width: 1200px) {
    .css-8irnrb {
        padding: 6px 8px;
    }
}

.css-1oqkgbi {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    border-radius: 4px;
    -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: #1976d2;
    color: var(--color-text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.css-1oqkgbi::-moz-focus-inner {
    border-style: none;
}

.css-1oqkgbi.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-1oqkgbi {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

.css-1oqkgbi:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
}

@media (hover: none) {
    .css-1oqkgbi:hover {
        background-color: transparent;
    }
}

.css-1oqkgbi.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

@media (min-width: 900px) {
    .css-1oqkgbi {
        padding: 6px;
    }
}

@media (min-width: 1200px) {
    .css-1oqkgbi {
        padding: 6px 8px;
    }
}

.css-pwlf24 {
    z-index: 1500;
    pointer-events: none;
}

.css-pwlf24[data-popper-placement*="bottom"] .MuiTooltip-arrow {
    top: 0;
    margin-top: -0.71em;
}

.css-pwlf24[data-popper-placement*="bottom"] .MuiTooltip-arrow::before {
    transform-origin: 0 100%;
}

.css-pwlf24[data-popper-placement*="top"] .MuiTooltip-arrow {
    bottom: 0;
    margin-bottom: -0.71em;
}

.css-pwlf24[data-popper-placement*="top"] .MuiTooltip-arrow::before {
    transform-origin: 100% 0;
}

.css-pwlf24[data-popper-placement*="right"] .MuiTooltip-arrow {
    left: 0;
    margin-left: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-pwlf24[data-popper-placement*="right"] .MuiTooltip-arrow::before {
    transform-origin: 100% 100%;
}

.css-pwlf24[data-popper-placement*="left"] .MuiTooltip-arrow {
    right: 0;
    margin-right: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-pwlf24[data-popper-placement*="left"] .MuiTooltip-arrow::before {
    transform-origin: 0 0;
}

.css-pwlf24 .MuiTooltip-tooltip {
    min-width: 960px;
    background: white;
    color: black;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 23px;
    padding: 0px;
    z-index: 999;
}

.css-pwlf24 .MuiTooltip-arrow {
    color: white;
}

.css-16suykd {
    z-index: 1500;
    pointer-events: none;
}

.css-16suykd[data-popper-placement*="bottom"] .MuiTooltip-arrow {
    top: 0;
    margin-top: -0.71em;
}

.css-16suykd[data-popper-placement*="bottom"] .MuiTooltip-arrow::before {
    transform-origin: 0 100%;
}

.css-16suykd[data-popper-placement*="top"] .MuiTooltip-arrow {
    bottom: 0;
    margin-bottom: -0.71em;
}

.css-16suykd[data-popper-placement*="top"] .MuiTooltip-arrow::before {
    transform-origin: 100% 0;
}

.css-16suykd[data-popper-placement*="right"] .MuiTooltip-arrow {
    left: 0;
    margin-left: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-16suykd[data-popper-placement*="right"] .MuiTooltip-arrow::before {
    transform-origin: 100% 100%;
}

.css-16suykd[data-popper-placement*="left"] .MuiTooltip-arrow {
    right: 0;
    margin-right: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-16suykd[data-popper-placement*="left"] .MuiTooltip-arrow::before {
    transform-origin: 0 0;
}

.css-16suykd .MuiTooltip-tooltip {
    min-width: 960px;
    background: white;
    color: black;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 23px;
    padding: 0px;
    z-index: 999;
}

.css-16suykd .MuiTooltip-arrow {
    color: white;
}

.css-fyl6dh {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    background-color: #fff;
    width: 100%;
}

.css-megltv {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    visibility: hidden;
}

@media (min-width: 0px) {
    .css-megltv {
        display: block;
    }
}

@media (min-width: 900px) {
    .css-megltv {
        display: none;
    }
}

.css-hboir5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.css-8atqhb {
    width: 100%;
}

.css-xi606m {
    text-align: center;
}

.css-1j5xsxb {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    padding: 0px;
}

.css-172hr84 {
    margin: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-width: 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.08);
    border-bottom-width: thin;
}

.css-1tpp0wj {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.css-1tpp0wj.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-1tpp0wj.Mui-selected {
    background-color: rgba(25, 118, 210, 0.08);
}

.css-1tpp0wj.Mui-selected.Mui-focusVisible {
    background-color: rgba(25, 118, 210, 0.2);
}

.css-1tpp0wj.Mui-disabled {
    opacity: 0.38;
}

.css-3wx0oa {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    min-width: 0;
    box-sizing: border-box;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
}

.css-3wx0oa:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-3wx0oa:hover {
        background-color: transparent;
    }
}

.css-3wx0oa.Mui-selected {
    background-color: rgba(25, 118, 210, 0.08);
}

.css-3wx0oa.Mui-selected.Mui-focusVisible {
    background-color: rgba(25, 118, 210, 0.2);
}

.css-3wx0oa.Mui-selected:hover {
    background-color: rgba(25, 118, 210, 0.12);
}

@media (hover: none) {
    .css-3wx0oa.Mui-selected:hover {
        background-color: rgba(25, 118, 210, 0.08);
    }
}

.css-3wx0oa.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-3wx0oa.Mui-disabled {
    opacity: 0.38;
}

.css-1hhjps1 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    min-width: 0;
    box-sizing: border-box;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
}

.css-1hhjps1::-moz-focus-inner {
    border-style: none;
}

.css-1hhjps1.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-1hhjps1 {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

.css-1hhjps1:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-1hhjps1:hover {
        background-color: transparent;
    }
}

.css-1hhjps1.Mui-selected {
    background-color: rgba(25, 118, 210, 0.08);
}

.css-1hhjps1.Mui-selected.Mui-focusVisible {
    background-color: rgba(25, 118, 210, 0.2);
}

.css-1hhjps1.Mui-selected:hover {
    background-color: rgba(25, 118, 210, 0.12);
}

@media (hover: none) {
    .css-1hhjps1.Mui-selected:hover {
        background-color: rgba(25, 118, 210, 0.08);
    }
}

.css-1hhjps1.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-1hhjps1.Mui-disabled {
    opacity: 0.38;
}

.css-1tsvksn {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    margin-top: 4px;
    margin-bottom: 4px;
}

.css-yb0lig {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: block;
}

@media (min-width: 600px) {
    .css-1vg4pig {
        margin-left: 8px;
        width: auto;
        display: block;
    }
}

.css-1xfb2zg {
    padding: 0px 8px;
    height: 36px;
    position: absolute;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.css-1vg4pig {
    position: relative;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, 0.05);
    margin-left: 0;
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.css-1vg4pig:hover {
    background-color: rgba(0, 0, 0, 0.06);
}

.css-3oaxw2 {
    color: inherit;
    width: 100% !important;
}

.css-3oaxw2 .MuiInputBase-input {
    padding: 8px 8px 8px 0px;
    padding-left: calc(1em + 16px);
    -webkit-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 100% !important;
    font-size: 14px;
}

.css-156swv2 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    position: relative;
    cursor: text;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    width: 100% !important;
}

.css-156swv2.Mui-disabled {
    color: rgba(0, 0, 0, 0.38);
    cursor: default;
}

.css-156swv2 .MuiInputBase-input {
    padding: 8px 8px 8px 0px;
    padding-left: calc(1em + 16px);
    -webkit-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 100% !important;
    font-size: 14px;
}

.css-mnn31 {
    font: inherit;
    letter-spacing: inherit;
    color: currentColor;
    padding: 4px 0 5px;
    border: 0;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0;
    width: 100%;
    -webkit-animation-name: mui-auto-fill-cancel;
    animation-name: mui-auto-fill-cancel;
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
}

.css-mnn31::-webkit-input-placeholder {
    color: currentColor;
    opacity: 0.42;
    -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-mnn31::-moz-placeholder {
    color: currentColor;
    opacity: 0.42;
    -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-mnn31:-ms-input-placeholder {
    color: currentColor;
    opacity: 0.42;
    -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-mnn31::-ms-input-placeholder {
    color: currentColor;
    opacity: 0.42;
    -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-mnn31:focus {
    outline: 0;
}

.css-mnn31:invalid {
    box-shadow: none;
}

.css-mnn31::-webkit-search-decoration {
    -webkit-appearance: none;
}

label[data-shrink=false]+.MuiInputBase-formControl .css-mnn31::-webkit-input-placeholder {
    opacity: 0 !important;
}

label[data-shrink=false]+.MuiInputBase-formControl .css-mnn31::-moz-placeholder {
    opacity: 0 !important;
}

label[data-shrink=false]+.MuiInputBase-formControl .css-mnn31:-ms-input-placeholder {
    opacity: 0 !important;
}

label[data-shrink=false]+.MuiInputBase-formControl .css-mnn31::-ms-input-placeholder {
    opacity: 0 !important;
}

label[data-shrink=false]+.MuiInputBase-formControl .css-mnn31:focus::-webkit-input-placeholder {
    opacity: 0.42;
}

label[data-shrink=false]+.MuiInputBase-formControl .css-mnn31:focus::-moz-placeholder {
    opacity: 0.42;
}

label[data-shrink=false]+.MuiInputBase-formControl .css-mnn31:focus:-ms-input-placeholder {
    opacity: 0.42;
}

label[data-shrink=false]+.MuiInputBase-formControl .css-mnn31:focus::-ms-input-placeholder {
    opacity: 0.42;
}

.css-mnn31.Mui-disabled {
    opacity: 1;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
}

.css-mnn31:-webkit-autofill {
    -webkit-animation-duration: 5000s;
    animation-duration: 5000s;
    -webkit-animation-name: mui-auto-fill;
    animation-name: mui-auto-fill;
}

.css-100u91n {
    padding: 0px;
}

@media (min-width: 0px) {
    .css-100u91n {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 900px) {
    .css-100u91n {
        display: none;
    }
}

.css-rvvbvw {
    text-align: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: inherit;
    padding: 4px 2px;
}

.css-rvvbvw:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-rvvbvw:hover {
        background-color: transparent;
    }
}

.css-rvvbvw.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-andlet {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    text-align: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: inherit;
    padding: 4px 2px;
}

.css-andlet::-moz-focus-inner {
    border-style: none;
}

.css-andlet.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-andlet {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

.css-andlet:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-andlet:hover {
        background-color: transparent;
    }
}

.css-andlet.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-8cqusc {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    font-size: 32px;
}

.css-1c3u61v {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    font-size: 28px;
}

.css-70qvj9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) {
    .css-1bj2qto {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1200px) {
    .css-1bj2qto {
        display: none;
    }
}

.css-19q4kfd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}

.css-1mzerio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.css-1mzerio>:not(style):not(style) {
    margin: 0;
}

.css-1mzerio>:not(style)~:not(style) {
    margin-left: 8px;
}

.css-1dhmxyk {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) {
    .css-1dhmxyk {
        display: none;
    }
}

@media (min-width: 1200px) {
    .css-1dhmxyk {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 0px) {
    .css-1dhmxyk a {
        max-width: 80px;
    }
}

@media (min-width: 1200px) {
    .css-1dhmxyk a {
        max-width: 116px;
    }
}

.css-1prlj7b {
    text-align: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 32px;
    height: 32px;
}

.css-1prlj7b:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-1prlj7b:hover {
        background-color: transparent;
    }
}

.css-1prlj7b.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

@media (min-width: 0px) {
    .css-1prlj7b {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1200px) {
    .css-1prlj7b {
        display: none;
    }
}

.css-sdlw4i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    text-align: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 32px;
    height: 32px;
}

.css-sdlw4i::-moz-focus-inner {
    border-style: none;
}

.css-sdlw4i.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-sdlw4i {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

.css-sdlw4i:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-sdlw4i:hover {
        background-color: transparent;
    }
}

.css-sdlw4i.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

@media (min-width: 0px) {
    .css-sdlw4i {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1200px) {
    .css-sdlw4i {
        display: none;
    }
}

.css-18cbqz6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #666666;
}

@media (min-width: 0px) {
    .css-18cbqz6 {
        margin: 0 7px;
    }
}

@media (min-width: 1200px) {
    .css-18cbqz6 {
        margin: 0 20px;
    }
}

.css-1pl9k4 {
    text-align: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 0px;
}

.css-1pl9k4:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-1pl9k4:hover {
        background-color: transparent;
    }
}

.css-1pl9k4.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-148fdm8 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    text-align: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 0px;
}

.css-148fdm8::-moz-focus-inner {
    border-style: none;
}

.css-148fdm8.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-148fdm8 {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

.css-148fdm8:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
    .css-148fdm8:hover {
        background-color: transparent;
    }
}

.css-148fdm8.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-1thpe2b {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 2px;
}

.css-1thpe2b .MuiBadge-badge {
    height: 16px;
    min-width: 16px;
    top: 8px;
    right: 4px;
    font-size: 10px;
    padding: 0 4px;
    background-color: #F56646;
    border: 1px solid #fff;
}

.css-1fc3w67 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    min-width: 20px;
    line-height: 1;
    height: 20px;
    z-index: 1;
    background-color: rgb(211, 47, 47);
    color: rgb(255, 255, 255);
    top: 0px;
    right: 0px;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%;
    padding: 0px 6px;
    border-radius: 10px;
    transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1);
}

.css-17ypp3w {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    min-width: 20px;
    line-height: 1;
    padding: 0 6px;
    height: 20px;
    border-radius: 10px;
    z-index: 1;
    -webkit-transition: -webkit-transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #d32f2f;
    color: #fff;
    top: 0;
    right: 0;
    -webkit-transform: scale(1) translate(50%, -50%);
    -moz-transform: scale(1) translate(50%, -50%);
    -ms-transform: scale(1) translate(50%, -50%);
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%;
}

.css-17ypp3w.MuiBadge-invisible {
    -webkit-transform: scale(0) translate(50%, -50%);
    -moz-transform: scale(0) translate(50%, -50%);
    -ms-transform: scale(0) translate(50%, -50%);
    transform: scale(0) translate(50%, -50%);
}

.css-atg67v {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
}

@media (min-width: 0px) {
    .css-atg67v {
        display: none;
    }
}

@media (min-width: 1200px) {
    .css-atg67v {
        display: inline;
    }
}

@media (min-width: 0px) {
    .css-1c4iru3 {
        display: none;
    }
}

@media (min-width: 1200px) {
    .css-1c4iru3 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.css-1mjpvhr {
    top: 112px !important;
    z-index: 999;
}

.css-3rgmyi {
    max-width: 1200px;
    margin: 0 auto;
    sx: 0;
}

@media (min-width: 900px) {
    .css-3rgmyi {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.css-9za9k1 {
    padding-bottom: 16px;
    background: #f4f4f4;
}

.css-1k8hrn7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
}

@media (min-width: 0px) {
    .css-gf013q {
        height: 94px;
    }
}

@media (min-width: 600px) {
    .css-gf013q {
        height: 124px;
    }
}

@media (min-width: 900px) {
    .css-gf013q {
        height: 138px;
    }
}

@media (min-width: 1200px) {
    .css-gf013q {
        height: 134px;
    }
}

.css-f39x3h {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 150px;
    overflow-y: hidden;
}

@media (min-width: 0px) {
    .css-f39x3h {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
}

@media (min-width: 600px) {
    .css-f39x3h {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
}

@media (min-width: 900px) {
    .css-f39x3h {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
}

@media (min-width: 1200px) {
    .css-f39x3h {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

@media (min-width: 0px) {
    .css-16a3qw5 {
        width: 82px;
        height: 66px;
    }
}

@media (min-width: 600px) {
    .css-16a3qw5 {
        width: 96px;
        height: 78px;
    }
}

@media (min-width: 900px) {
    .css-16a3qw5 {
        width: 112px;
        height: 90px;
    }
}

.css-mr86mw {
    -webkit-text-decoration: none;
    text-decoration: none;
}

.css-v1r2ov {
    margin: 0;
    font: inherit;
    color: #1976d2;
    -webkit-text-decoration: none;
    text-decoration: none;
}

@media (min-width: 0px) {
    .css-13wpd97 {
        margin-left: 2px;
        margin-right: 2px;
    }
}

@media (min-width: 600px) {
    .css-13wpd97 {
        margin-left: 4px;
        margin-right: 4px;
    }
}

@media (min-width: 900px) {
    .css-13wpd97 {
        margin-left: 6px;
        margin-right: 6px;
    }
}

.css-1n4dnxb {
    position: relative;
}

@media (min-width: 0px) {
    .css-1n4dnxb {
        width: 72px;
        height: 66px;
    }
}

@media (min-width: 600px) {
    .css-1n4dnxb {
        width: 88px;
        height: 78px;
    }
}

@media (min-width: 900px) {
    .css-1n4dnxb {
        width: 100px;
        height: 90px;
    }
}

.css-7xwads {
    position: absolute;
    left: 12px;
    top: 0px;
}

.css-1rwy14z {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
}

@media (min-width: 0px) {
    .css-1rwy14z {
        font-size: 11px;
        line-height: 16px;
    }
}

@media (min-width: 600px) {
    .css-1rwy14z {
        font-size: 12px;
    }
}

@media (min-width: 900px) {
    .css-1rwy14z {
        font-size: 14px;
    }
}

.css-9c2mgw {
    position: relative;
    width: 36px;
    height: 3px;
    background-color: rgb(234, 234, 234);
    overflow: hidden;
    border-radius: 3px;
}

@media (min-width: 0px) {
    .css-9c2mgw {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}

@media (min-width: 900px) {
    .css-9c2mgw {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

.css-zluswp {
    position: relative;
    width: 36px;
    height: 3px;
    background-color: rgb(234, 234, 234);
    overflow: hidden;
    border-radius: 3px;
}

@media (min-width: 0px) {
    .css-zluswp {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}

@media (min-width: 900px) {
    .css-zluswp {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

.css-1uoc3tf {
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 0;
    height: 100%;
    background-color: rgb(74, 192, 82);
    border-radius: 3px;
}

.css-kytdo2 {
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 0;
    height: 100%;
    background-color: rgb(74, 192, 82);
    border-radius: 3px;
}

.css-1dwwciy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    background: #F4F4F4;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    height: 28px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

.css-9mbpbe {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    color: #666666;
    font-size: 11px;
    line-height: 28px;
}

.css-47hhb6 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    color: #999999;
    font-size: 14px;
    line-height: 28;
}

.css-a3xyjy {
    z-index: 1200;
}

.css-1kldm2q {
    margin-top: 8px;
    /* margin-bottom: 8px; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    aspect-ratio: 1002/324;
    position: relative;
    max-height: 196px;
}

.css-1688rzt .thematic-card {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

@media (min-width: 0px) {
    .css-1688rzt .thematic-card {
        padding-left: 0px;
    }
}

@media (min-width: 900px) {
    .css-1688rzt .thematic-card {
        padding-left: 12px !important;
    }
}

.css-1688rzt .thematic-card .product-list-container::-webkit-scrollbar {
    display: none;
}

.css-c3vlm2 {
    background: #fff;
}

@media (min-width: 900px) {
    .css-1f5c92t {
        padding-right: 12px;
    }
}

.css-111bstw {
    font-family: Hiragino Sans;
    font-weight: 300;
    color: #666666;
}

@media (min-width: 0px) {
    .css-111bstw {
        font-size: 11px;
        line-height: 20px;
    }
}

@media (min-width: 1200px) {
    .css-111bstw {
        font-size: 14px;
        line-height: 24px;
    }
}

.css-193ggxv {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    vertical-align: bottom;
    color: #666666;
    margin: 0 -4px 0 -2px;
}

@media (min-width: 0px) {
    .css-193ggxv {
        font-size: 20px;
    }
}

@media (min-width: 900px) {
    .css-193ggxv {
        font-size: 24px;
    }
}

.css-1tgsk0c {
    display: block;
    background-color: rgba(0, 0, 0, 0.11);
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    transform-origin: 0 55%;
    -webkit-transform: scale(1, 0.60);
    -moz-transform: scale(1, 0.60);
    -ms-transform: scale(1, 0.60);
    transform: scale(1, 0.60);
    border-radius: 4px/6.7px;
    -webkit-animation: animation-c7515d 2s ease-in-out 0.5s infinite;
    animation: animation-c7515d 2s ease-in-out 0.5s infinite;
}

.css-1tgsk0c:empty:before {
    content: "\00a0";
}

@-webkit-keyframes animation-c7515d {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animation-c7515d {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

.css-l3khio {
    background: 0 0/56px 56px no-repeat url(../../img-origin/3268f2ae-eefe-41a0-ad00-8d834aff04ac_168x168.webp), linear-gradient(180deg, #FFEAE6 0%, #FFFFFF 100%);
}

.css-2tx6p7 {
    margin-left: 12px;
}

@media (min-width: 0px) {
    .css-2tx6p7 {
        font-size: 11px;
    }
}

@media (min-width: 900px) {
    .css-2tx6p7 {
        font-size: 14px;
    }
}

.css-k008qs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.css-cqk7ig {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: #666666;
    font-weight: 300;
}

@media (min-width: 0px) {
    .css-cqk7ig {
        line-height: 14px;
        font-size: 11px;
    }
}

@media (min-width: 600px) {
    .css-cqk7ig {
        line-height: 16px;
        font-size: 14px;
    }
}

.css-8lr6ve {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    vertical-align: bottom;
    color: #999999;
    margin: 0 -4px 0 -2px;
}

@media (min-width: 0px) {
    .css-8lr6ve {
        font-size: 20px;
    }
}

@media (min-width: 900px) {
    .css-8lr6ve {
        font-size: 24px;
    }
}

.css-1adxn3x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 0px) {
    .css-1adxn3x {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }
}

@media (min-width: 600px) {
    .css-1adxn3x {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 16px;
    }
}

.css-sev300 {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-weight: 700;
    color: #1a1a1a;
}

.css-1w6ly2a {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 600px) {
    .css-1w6ly2a {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1200px) {
    .css-1w6ly2a {
        max-width: 1200px;
    }
}

@media (min-width: 0px) {
    .css-1w6ly2a {
        padding: 10px 10px 0;
    }
}

@media (min-width: 900px) {
    .css-1w6ly2a {
        padding: 8px 24px 0;
    }
}

.css-1hswejy {
    display: block;
    overflow: hidden;
}

.css-18bemzg {
    display: grid;
}

@media (min-width: 0px) {
    .css-18bemzg {
        grid-template-columns: 1fr 1fr;
        grid-gap: 8px;
    }
}

@media (min-width: 600px) {
    .css-18bemzg {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 900px) {
    .css-18bemzg {
        grid-template-columns: repeat(4, 1fr);
    }
}

.css-1qsxih2 {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 600px) {
    .css-1qsxih2 {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1200px) {
    .css-1qsxih2 {
        max-width: 1200px;
    }
}

.css-1c2h9gi {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 3.75rem;
    line-height: 1.2;
    letter-spacing: -0.00833em;
    line-height: 1.5;
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: 700;
}

@media (min-width: 0px) {
    .css-1c2h9gi {
        font-size: 20px;
    }
}

@media (min-width: 600px) {
    .css-1c2h9gi {
        font-size: 24px;
    }
}

.css-3pjdli {
    margin-right: 8px;
    display: inline-block;
    width: 4px;
    height: 14px;
    background: #4AC052;
}

.css-1xmsnus {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: -16px;
    width: calc(100% + 16px);
    margin-left: -16px;
    padding-top: 8px;
    margin-bottom: 24px;
}

.css-1xmsnus>.MuiGrid-item {
    padding-top: 16px;
}

.css-1xmsnus>.MuiGrid-item {
    padding-left: 16px;
}

.css-h3o6is {
    box-sizing: border-box;
    margin: 0;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
}

@media (min-width: 600px) {
    .css-h3o6is {
        -webkit-flex-basis: 33.333333%;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.333333%;
    }
}

@media (min-width: 900px) {
    .css-h3o6is {
        -webkit-flex-basis: 33.333333%;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.333333%;
    }
}

@media (min-width: 1200px) {
    .css-h3o6is {
        -webkit-flex-basis: 33.333333%;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.333333%;
    }
}

@media (min-width: 1536px) {
    .css-h3o6is {
        -webkit-flex-basis: 33.333333%;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.333333%;
    }
}

.css-1bpp6to {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 0px) {
    .css-1bpp6to {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 600px) {
    .css-1bpp6to {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1200px) {
    .css-1bpp6to {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.css-1ldbxvs {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
}

@media (min-width: 0px) {
    .css-1ldbxvs {
        width: 72px;
        height: 72px;
    }
}

@media (min-width: 600px) {
    .css-1ldbxvs {
        width: 100px;
        height: 100px;
    }
}

.css-1q33h3h {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 600px) {
    .css-1q33h3h {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.css-v411ny {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 1.167;
    letter-spacing: 0em;
    font-weight: 700;
}

.css-wvwu0j {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.334;
    letter-spacing: 0em;
}

@media (min-width: 0px) {
    .css-wvwu0j {
        font-size: 12px;
    }
}

@media (min-width: 600px) {
    .css-wvwu0j {
        font-size: 14px;
    }
}

.css-yvv2ks {
    z-index: 1200;
    z-index: 1203;
}

.css-yvv2ks>.MuiPaper-root {
    overflow: hidden;
    -webkit-transform: translate(0%, 0%) !important;
    -moz-transform: translate(0%, 0%) !important;
    -ms-transform: translate(0%, 0%) !important;
    transform: translate(0%, 0%) !important;
}

@media (min-width: 0px) {
    .css-yvv2ks>.MuiPaper-root {
        max-height: 90vh;
        min-height: 60vh;
        border-radius: 16px 16px 0 0;
    }
}

@media (min-width: 900px) {
    .css-yvv2ks>.MuiPaper-root {
        max-height: none;
        min-height: none;
        border-radius: 0;
        width: 420px;
    }
}

.css-1hyfx7x {
    display: none;
}

.css-1oiindt {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1rem 0;
    justify-content: space-between;
}

@media (min-width: 600px) {
    .css-1oiindt {
        margin-top: -16px;
    }

    .css-1oiindt>.MuiGrid-item {
        padding-top: 16px;
    }
}

@media (min-width: 900px) {
    .css-1oiindt {
        margin-top: -24px;
    }

    .css-1oiindt>.MuiGrid-item {
        padding-top: 24px;
    }
}

@media (min-width: 1200px) {
    .css-1oiindt {
        margin-top: -64px;
    }

    .css-1oiindt>.MuiGrid-item {
        /* padding-top: 64px; */
    }
}

@media (min-width: 600px) {
    .css-1oiindt {
        width: calc(100% + 16px);
        margin-left: -16px;
    }

    .css-1oiindt>.MuiGrid-item {
        padding-left: 16px;
    }
}

@media (min-width: 900px) {
    .css-1oiindt {
        width: calc(100% + 24px);
        margin-left: -24px;
    }

    .css-1oiindt>.MuiGrid-item {
        padding-left: 24px;
    }
}

@media (min-width: 1200px) {
    .css-1oiindt {
        width: calc(100% + 64px);
        margin-left: -64px;
    }

    .css-1oiindt>.MuiGrid-item {
        /* padding-left: 64px; */
    }
}

.css-wm2fgn {
    box-sizing: border-box;
    margin: 0;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
}

@media (min-width: 600px) {
    .css-wm2fgn {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 900px) {
    .css-wm2fgn {
        -webkit-flex-basis: 33.333333%;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.333333%;
    }
}

@media (min-width: 1200px) {
    .css-wm2fgn {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%;
    }
}

@media (min-width: 1536px) {
    .css-wm2fgn {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%;
    }
}

@media (min-width: 0px) {
    .css-wm2fgn {
        display: none;
    }
}

@media (min-width: 600px) {
    .css-wm2fgn {
        display: block;
    }
}

.css-1ud6kmv {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-weight: 700;
    padding-top: 16px;
    padding-bottom: 16px;
}

.css-1xi2gtz {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: -8px;
    width: calc(100% + 32px);
    margin-left: -32px;
}

.css-1xi2gtz>.MuiGrid-item {
    padding-top: 8px;
}

.css-1xi2gtz>.MuiGrid-item {
    padding-left: 32px;
}

.css-1bbuhv0 {
    box-sizing: border-box;
    margin: 0;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
}

@media (min-width: 600px) {
    .css-1bbuhv0 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 900px) {
    .css-1bbuhv0 {
        -webkit-flex-basis: 33.333333%;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.333333%;
    }
}

@media (min-width: 1200px) {
    .css-1bbuhv0 {
        -webkit-flex-basis: 16.666667%;
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.666667%;
    }
}

@media (min-width: 1536px) {
    .css-1bbuhv0 {
        -webkit-flex-basis: 16.666667%;
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.666667%;
    }
}

.css-15j76c0 {
    box-sizing: border-box;
    margin: 0;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
}

@media (min-width: 600px) {
    .css-15j76c0 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 900px) {
    .css-15j76c0 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .css-15j76c0 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1536px) {
    .css-15j76c0 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

.css-1137jfj {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: #aaa;
    font-size: 14px;
}

.css-1137jfj:hover {
    color: #ffffff;
}

.css-1twzmnh {
    box-sizing: border-box;
    margin: 0;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
}

@media (min-width: 600px) {
    .css-1twzmnh {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 900px) {
    .css-1twzmnh {
        -webkit-flex-basis: 33.333333%;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.333333%;
    }
}

@media (min-width: 1200px) {
    .css-1twzmnh {
        -webkit-flex-basis: 33.333333%;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.333333%;
    }
}

@media (min-width: 1536px) {
    .css-1twzmnh {
        -webkit-flex-basis: 33.333333%;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.333333%;
    }
}

.css-2imjyh {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.css-1hztzqe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 16px;
    margin-bottom: 16px;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background-color: #dadada;
    overflow: hidden;
}

.css-1hztzqe:hover {
    background-color: #ffffff;
}

.css-1etv89n {
    box-sizing: border-box;
    margin: 0;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
}

@media (min-width: 600px) {
    .css-1etv89n {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 900px) {
    .css-1etv89n {
        -webkit-flex-basis: 33.333333%;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.333333%;
    }
}

@media (min-width: 1200px) {
    .css-1etv89n {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%;
    }
}

@media (min-width: 1536px) {
    .css-1etv89n {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%;
    }
}

.css-xgxl4c {
    max-width: 100%;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 0.8125rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 32px;
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    white-space: nowrap;
    -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: unset;
    outline: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    border: 0;
    padding: 0;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #bdbdbd;
    padding: 0 8px;
    margin-right: 16px;
    margin-bottom: 16px;
    color: #aaaaaa;
}

.css-xgxl4c.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.css-xgxl4c .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: #616161;
    font-size: 0.75rem;
}

.css-xgxl4c .MuiChip-avatarColorPrimary {
    color: #fff;
    background-color: #1565c0;
}

.css-xgxl4c .MuiChip-avatarColorSecondary {
    color: #fff;
    background-color: #7b1fa2;
}

.css-xgxl4c .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.css-xgxl4c .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.css-xgxl4c .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(0, 0, 0, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0 5px 0 -6px;
}

.css-xgxl4c .MuiChip-deleteIcon:hover {
    color: rgba(0, 0, 0, 0.4);
}

.css-xgxl4c:hover {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-xgxl4c.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.2);
}

.css-xgxl4c:active {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.css-xgxl4c.MuiChip-clickable:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.css-xgxl4c.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-xgxl4c .MuiChip-avatar {
    margin-left: 4px;
}

.css-xgxl4c .MuiChip-avatarSmall {
    margin-left: 2px;
}

.css-xgxl4c .MuiChip-icon {
    margin-left: 4px;
}

.css-xgxl4c .MuiChip-iconSmall {
    margin-left: 2px;
}

.css-xgxl4c .MuiChip-deleteIcon {
    margin-right: 5px;
}

.css-xgxl4c .MuiChip-deleteIconSmall {
    margin-right: 3px;
}

.css-xgxl4c:hover {
    color: #ffffff;
    border-color: white;
}

.css-1ule4i6 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    max-width: 100%;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 0.8125rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 32px;
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    white-space: nowrap;
    -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: unset;
    outline: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    border: 0;
    padding: 0;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #bdbdbd;
    padding: 0 8px;
    margin-right: 16px;
    margin-bottom: 16px;
    color: #aaaaaa;
}

.css-1ule4i6::-moz-focus-inner {
    border-style: none;
}

.css-1ule4i6.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-1ule4i6 {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

.css-1ule4i6.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.css-1ule4i6 .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: #616161;
    font-size: 0.75rem;
}

.css-1ule4i6 .MuiChip-avatarColorPrimary {
    color: #fff;
    background-color: #1565c0;
}

.css-1ule4i6 .MuiChip-avatarColorSecondary {
    color: #fff;
    background-color: #7b1fa2;
}

.css-1ule4i6 .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.css-1ule4i6 .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.css-1ule4i6 .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(0, 0, 0, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0 5px 0 -6px;
}

.css-1ule4i6 .MuiChip-deleteIcon:hover {
    color: rgba(0, 0, 0, 0.4);
}

.css-1ule4i6:hover {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-1ule4i6.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.2);
}

.css-1ule4i6:active {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.css-1ule4i6.MuiChip-clickable:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.css-1ule4i6.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-1ule4i6 .MuiChip-avatar {
    margin-left: 4px;
}

.css-1ule4i6 .MuiChip-avatarSmall {
    margin-left: 2px;
}

.css-1ule4i6 .MuiChip-icon {
    margin-left: 4px;
}

.css-1ule4i6 .MuiChip-iconSmall {
    margin-left: 2px;
}

.css-1ule4i6 .MuiChip-deleteIcon {
    margin-right: 5px;
}

.css-1ule4i6 .MuiChip-deleteIconSmall {
    margin-right: 3px;
}

.css-1ule4i6:hover {
    color: #ffffff;
    border-color: white;
}

.css-9iedg7 {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
}

.css-17o7vor {
    max-width: 100%;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 0.8125rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 32px;
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    white-space: nowrap;
    -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: unset;
    outline: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    border: 0;
    padding: 0;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #bdbdbd;
    padding: 0 8px;
    margin-bottom: 16px;
    color: #aaaaaa;
}

.css-17o7vor.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.css-17o7vor .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: #616161;
    font-size: 0.75rem;
}

.css-17o7vor .MuiChip-avatarColorPrimary {
    color: #fff;
    background-color: #1565c0;
}

.css-17o7vor .MuiChip-avatarColorSecondary {
    color: #fff;
    background-color: #7b1fa2;
}

.css-17o7vor .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.css-17o7vor .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.css-17o7vor .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(0, 0, 0, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0 5px 0 -6px;
}

.css-17o7vor .MuiChip-deleteIcon:hover {
    color: rgba(0, 0, 0, 0.4);
}

.css-17o7vor:hover {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-17o7vor.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.2);
}

.css-17o7vor:active {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.css-17o7vor.MuiChip-clickable:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.css-17o7vor.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-17o7vor .MuiChip-avatar {
    margin-left: 4px;
}

.css-17o7vor .MuiChip-avatarSmall {
    margin-left: 2px;
}

.css-17o7vor .MuiChip-icon {
    margin-left: 4px;
}

.css-17o7vor .MuiChip-iconSmall {
    margin-left: 2px;
}

.css-17o7vor .MuiChip-deleteIcon {
    margin-right: 5px;
}

.css-17o7vor .MuiChip-deleteIconSmall {
    margin-right: 3px;
}

.css-17o7vor:hover {
    color: #ffffff;
    border-color: white;
}

.css-5jcosn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    max-width: 100%;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 0.8125rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 32px;
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    white-space: nowrap;
    -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: unset;
    outline: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    border: 0;
    padding: 0;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #bdbdbd;
    padding: 0 8px;
    margin-bottom: 16px;
    color: #aaaaaa;
}

.css-5jcosn::-moz-focus-inner {
    border-style: none;
}

.css-5jcosn.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-5jcosn {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

.css-5jcosn.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.css-5jcosn .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: #616161;
    font-size: 0.75rem;
}

.css-5jcosn .MuiChip-avatarColorPrimary {
    color: #fff;
    background-color: #1565c0;
}

.css-5jcosn .MuiChip-avatarColorSecondary {
    color: #fff;
    background-color: #7b1fa2;
}

.css-5jcosn .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.css-5jcosn .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.css-5jcosn .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(0, 0, 0, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0 5px 0 -6px;
}

.css-5jcosn .MuiChip-deleteIcon:hover {
    color: rgba(0, 0, 0, 0.4);
}

.css-5jcosn:hover {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-5jcosn.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.2);
}

.css-5jcosn:active {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.css-5jcosn.MuiChip-clickable:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.css-5jcosn.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.12);
}

.css-5jcosn .MuiChip-avatar {
    margin-left: 4px;
}

.css-5jcosn .MuiChip-avatarSmall {
    margin-left: 2px;
}

.css-5jcosn .MuiChip-icon {
    margin-left: 4px;
}

.css-5jcosn .MuiChip-iconSmall {
    margin-left: 2px;
}

.css-5jcosn .MuiChip-deleteIcon {
    margin-right: 5px;
}

.css-5jcosn .MuiChip-deleteIconSmall {
    margin-right: 3px;
}

.css-5jcosn:hover {
    color: #ffffff;
    border-color: white;
}

.css-1hrqswa {
    max-width: 1200px;
    margin: 0 auto;
}

.css-igtib2 {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    text-align: left;
    color: white;
}

.css-1rrob10 {
    margin: 0 0.5rem;
    display: inline-block;
}

.css-1cik1k3 {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: inherit;
}

.css-1cik1k3:hover {
    text-decoration-color: inherit;
}

.css-1i1yl23 {
    margin: 0;
    font: inherit;
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: inherit;
}

.css-1i1yl23:hover {
    text-decoration-color: inherit;
}

@media print {
    .css-1tuh23g {
        position: absolute !important;
    }
}

.css-1tuh23g .MuiPaper-root {
    border-radius: 12px;
    box-shadow: none;
    overflow: visible;
    min-width: 280px;
    min-height: 280px;
    background: rgba(0, 0, 0, 0);
    margin: 0px;
}

.css-bto6dv {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    color: inherit;
    display: block;
    text-align: inherit;
    border-radius: inherit;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.css-1fb1aql {
    color: rgba(0, 0, 0, 0.87);
    height: 100%;
    isolation: isolate;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    border-radius: 8px;
    border-width: 0px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    background: rgb(255, 255, 255);
}

.css-1p075ze {
    font: inherit;
    color: rgb(25, 118, 210);
    text-decoration: none;
    padding: 0px;
    margin: 0px;
}

@media screen and (min-width: 600px) {
    .thematic-horizontal-list .product-list .HFLGoodsCard {
        min-width: calc((70vw - 28px) / 3);
    }
}

@media screen and (min-width: 500px) {
    .thematic-horizontal-list .product-list .HFLGoodsCard {
        min-width: calc((80vw - 28px) / 3);
    }
}

@media (min-width: 0px) {
    .css-179qvir {
        font-size: 13px;
    }
}

.css-179qvir {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-weight: 300;
    white-space: break-spaces;
    -webkit-line-clamp: 1;
}

.css-1nczwge {
    padding-top: 100%;
}

.css-179qvir {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-weight: 300;
    white-space: break-spaces;
    -webkit-line-clamp: 1;
}

.css-17hyq98 {
    background: rgb(255, 255, 255);
    opacity: 1;
}

.HFLGoodsCard div {
    box-sizing: content-box;
}

@media (min-width: 0px) {
    .css-179qvir {
        font-size: 13px;
    }
}

@media screen and (min-width: 900px) {
    .thematic-horizontal-list .product-list-container .HFLGoodsCard {
        min-width: calc((100vw - 32px) / 5);
        border-radius: 4px;
    }
}

@media screen and (min-width: 1400px) {
    .thematic-horizontal-list .product-list-container .HFLGoodsCard {
        min-width: 265.6px;
        border-radius: 4px;
    }
}

@media (min-width: 900px) {
    .css-1w6ly2a {
        padding: 8px 24px 0;
    }
}

@media (min-width: 0px) {
    .css-1w6ly2a {
        padding: 10px 10px 0;
    }
}

@media (min-width: 1200px) {
    .css-1w6ly2a {
        max-width: 1200px;
    }
}

@media (min-width: 0px) {
    .css-3ez73b {
        width: calc(50% - 5px);
    }
}

@media (min-width: 600px) {
    .css-3ez73b {
        width: calc(33.33% - 6.67px);
    }
}

@media (min-width: 900px) {
    .css-3ez73b {
        width: calc(25% - 10px);
    }
}


.css-3ez73b {
    min-height: 180px;
    margin-bottom: 10px;
}

.css-1fb1aql {
    color: rgba(0, 0, 0, 0.87);
    height: 100%;
    isolation: isolate;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    border-radius: 8px;
    border-width: 0px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    background: rgb(255, 255, 255);
}

.css-1dnzbhn {
    display: flex;
    align-content: center;
}

@media (min-width: 600px) {
    .css-xsnsew {
        font-size: 16px;
    }
}

@media (min-width: 0px) {
    .css-xsnsew {
        font-size: 13px;
    }
}

.css-xsnsew {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-weight: 300;
    white-space: break-spaces;
}

.css-kzaz3m {
    margin: 0px 0px 0px 3px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-size: 11px;
    font-weight: 300;
    font-family: Roboto, Helvetica, Arial;
    color: rgb(102, 102, 102);
}

.css-1cagxxe {
    text-align: center;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 10px;
}

.css-1vhkzrs {
    width: 100px;
    height: 318px;
}

.css-13o7eu2 {
    display: block;
}

.css-1dc8nth {
    margin-top: -14px;
    border-radius: 4px;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
}

.css-wr6p8z {
    height: 41px;
    background: rgb(91, 206, 99);
    padding-top: 10px;
    padding-left: 6px;
    padding-right: 6px;
}

.css-1dbmyyo {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
}

.css-1ci5pye {
    width: 72px;
    margin: 0px auto;
}

.ProductQualityText_Text__8A3A2 {
    flex-grow: 0;
    margin-right: 3%;
    white-space: nowrap;
}

@media (min-width: 0px) {
    .css-5wusx6 {
        border-radius: 0px;
    }
}

@media (min-width: 0px) {
    .css-bhu0u0 {
        width: 97px;
    }
}

@media (min-width: 0px) {
    .css-1c09mpk {
        padding: 12px;
    }
}

/* .css-13ink2c {
    width: calc(-8px + 23.6667vw);
} */

@media (min-width: 0px) {
    .css-kdktcc {
        padding: 4px;
    }
}

.css-kdktcc {
    width: 100%;
    min-height: 90px;
}

.category-wrapper .category-right-con .category-right-con-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.css-1jgxixz {
    width: 80px;
}

.css-v1r2ov {
    margin: 0px;
    font: inherit;
    color: rgb(25, 118, 210);
    text-decoration: none;
}

@media (min-width: 1200px) {
    .css-kdktcc {
        padding: 8px;
    }
}

@media (min-width: 900px) {
    .css-kdktcc {
        padding: 8px;
    }
}

@media (min-width: 600px) {
    .css-kdktcc {
        padding: 4px;
    }
}

.css-1ltb0bu {
    background-color: rgb(255, 255, 255);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    position: fixed;
    left: auto;
    right: 0px;
    color: inherit;
    -webkit-box-pack: center;
    justify-content: center;
    z-index: 10;
    top: 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.css-1cvuess {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}

.css-919eu4 {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    z-index: 13;
}

.css-ekeie0 {
    height: 100%;
    outline: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-1cvuess .MuiPaper-root {
    border-radius: 12px;
    box-shadow: none;
    overflow: visible;
    min-width: 280px;
    min-height: 280px;
    background: rgba(0, 0, 0, 0);
    margin: 0px;
}

.css-uhb5lp {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 600px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    margin: 32px;
}

.css-2g3mhl {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-align: center;
    position: absolute;
    right: -30px;
    top: -30px;
    color: rgb(255, 255, 255);
    font-size: 28px;
    z-index: 10;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    flex: 0 0 auto;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.css-5176bc {
    z-index: 1500;
    pointer-events: auto;
}

.MuiTooltip-popper[data-popper-placement*="bottom"] .css-8y3x9n {
    transform-origin: center top;
    margin-top: 14px;
}

.css-5176bc .MuiTooltip-tooltip {
    min-width: 960px;
    background: white;
    color: black;
    border-radius: 8px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
    margin-top: 23px;
    padding: 0px;
    z-index: 999;
}

.css-8y3x9n {
    background-color: rgba(97, 97, 97, 0.92);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    padding: 4px 8px;
    font-size: 0.6875rem;
    max-width: 300px;
    margin: 0px;
    overflow-wrap: break-word;
    font-weight: 500;
    position: relative;
}

@media (min-width: 900px) {
    .css-5wusx6 {
        border-radius: 6px;
    }
}

@media (min-width: 600px) {
    .css-5wusx6 {
        border-radius: 0px;
    }
}

.css-5176bc[data-popper-placement*="bottom"] .MuiTooltip-arrow {
    top: 0px;
    margin-top: -0.71em;
}

.css-5176bc .MuiTooltip-arrow {
    color: white;
}

.css-1urvb1y {
    overflow: hidden;
    position: absolute;
    width: 1em;
    height: 0.71em;
    box-sizing: border-box;
    color: rgba(97, 97, 97, 0.9);
}

.css-5176bc[data-popper-placement*="bottom"] .MuiTooltip-arrow::before {
    transform-origin: 0px 100%;
}

.css-1urvb1y::before {
    content: "";
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentcolor;
    transform: rotate(45deg);
}

.css-1puy1ms {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    min-height: calc(-56px + 100vh);
    padding: 12px;
}

@media (min-width: 600px) {
    .css-1puy1ms {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1200px) {
    .css-1puy1ms {
        max-width: 1200px;
    }
}

.css-1n2mv2k {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-1c6l6h2 {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    letter-spacing: 0.0075em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-weight: 700;
    padding: 1rem 0px;
    line-height: 20px;
}

@media (min-width: 0px) {
    .css-1c6l6h2 {
        font-size: 14px;
    }
}

@media (min-width: 600px) {
    .css-1c6l6h2 {
        font-size: 20px;
    }
}

.css-1ktpe4v {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-align: center;
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.54);
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    flex: 0 0 auto;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 0px) {
    .css-1ktpe4v {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }
}

@media (min-width: 600px) {
    .css-1ktpe4v {
        width: 30px;
        height: 30px;
        font-size: 20px;
    }
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-1nfkgqu {
    position: relative;
    appearance: none;
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 24px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    font-family: "Hiragino Sans";
    font-weight: 300;
    font-size: 13px;
    color: rgb(102, 102, 102);
    margin: 0px 12px 12px 0px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    text-decoration: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0px 4px;
    background: rgb(248, 248, 248);
}

.css-1pjtbja {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-9whsf3 {
    max-width: 100%;
}

.css-1c6l6h2 {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    letter-spacing: 0.0075em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-weight: 700;
    padding: 1rem 0px;
    line-height: 20px;
}

@media (min-width: 0px) {
    .css-1c6l6h2 {
        font-size: 14px;
    }
}

@media (min-width: 600px) {
    .css-1c6l6h2 {
        font-size: 20px;
    }
}

.css-pq7chb {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 50%;
}

@media (min-width: 600px) {
    .css-pq7chb {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }
}

@media (min-width: 900px) {
    .css-pq7chb {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%;
    }
}

@media (min-width: 1200px) {
    .css-pq7chb {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%;
    }
}

@media (min-width: 1536px) {
    .css-pq7chb {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%;
    }
}


.css-1n8jlk0 {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

.css-1pbxke1 {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: rgb(26, 26, 26);
    font-family: "Hiragino Sans";
    font-size: 13px;
    line-height: 18px;
}

.css-1limeu1 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(74, 192, 82);
    background: rgba(74, 192, 82, 0.12);
    font-size: 0px;
    gap: 4px;
    padding: 0px 4px;
    border-radius: 4px;
    height: 18px;
}

.css-1kegf2e {
    margin: 0px;
    letter-spacing: 0.00938em;
    font-family: "Hiragino Sans";
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
}

.css-1l35drl {
    display: block;
    padding: 24px 0px;
}

.css-oecbkk {
    margin: 0px;
    font-size: 1rem;
    letter-spacing: 0.00938em;
    font-family: "Hiragino Sans";
    font-weight: 700;
    padding: 12px 0px;
    line-height: 20px;
}

@media (min-width: 0px) {
    .css-oecbkk {
        font-size: 14px;
    }
}

@media (min-width: 600px) {
    .css-oecbkk {
        font-size: 20px;
    }
}

.css-sag665 {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    margin-top: -12px;
    width: calc(100% + 12px);
    margin-left: -12px;
}

.css-1vti6be {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
    cursor: pointer;
}

@media (min-width: 600px) {
    .css-1vti6be {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 900px) {
    .css-1vti6be {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    .css-1vti6be {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 1536px) {
    .css-1vti6be {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

.css-sag665>.MuiGrid-item {
    padding-top: 12px;
}

.css-sag665>.MuiGrid-item {
    padding-left: 12px;
}

.HFLSingleCard-wrapper .HFLSingleCard {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.HFLSingleCard-wrapper .HFLSingleCard .HFLSingleCard__image {
    position: relative;
    font-size: 0;
    border-radius: 8px;
    overflow: hidden;
    max-width: 40%;
}

.HFLSingleCard-wrapper .HFLSingleCard .HFLSingleCard__image>img {
    width: 37.333vw;
    height: 37.333vw;
    object-fit: contain;
}

.HFLSingleCard-wrapper .HFLSingleCard .HFLSingleCard__desc {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    height: 37.333vw;
    justify-content: space-between;
    margin-left: 10px;
}

.HFLSingleCard-wrapper .HFLSingleCard .HFLSingleCard__desc .HFLSingleCard__desc-top>.desc-top__title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 100%;
    word-break: break-all;
    font-weight: 300;
    font-size: 13px;
    line-height: 18px;
    color: #1a1a1a;
}

.HFLSingleCard-wrapper .HFLSingleCard .HFLSingleCard__desc .HFLSingleCard__desc-top>.desc-top__label,
.HFLSingleCard-wrapper .HFLSingleCard .HFLSingleCard__desc .HFLSingleCard__desc-top>.desc-top__mark {
    margin-top: 4px;
}

.css-1a8h7fe {
    margin: 0px 0px 0px 3px;
    line-height: 20px;
    font-size: 11px;
    font-weight: 300;
    font-family: Roboto, Helvetica, Arial;
    color: rgb(102, 102, 102);
}

.HFLSingleCard-wrapper .HFLSingleCard .HFLSingleCard__desc .HFLSingleCard__desc-down {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.css-18biwo {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.HFLPrice-wrapper {
    display: inline-block;
    line-height: 1;
}

.HFLPrice-wrapper .position-right {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: baseline;
}

.HFLPrice-wrapper .HFLPrice .line-price,
.HFLPrice-wrapper .HFLPrice .origin-price {
    display: inline-block;
    white-space: nowrap;
}

.HFLPrice-wrapper .HFLPrice .origin-price {
    color: var(--origin-color);
    font-weight: var(--origin-font-weight);
    line-height: 1;
    white-space: nowrap;
    transform: scale(var(--origin-font-scale));
}

@supports not (-webkit-touch-callout:none) {

    .HFLPrice-wrapper .HFLPrice .line-price .origin-price__num,
    .HFLPrice-wrapper .HFLPrice .origin-price .origin-price__num {
        font-size: 16px;
    }
}

.HFLPrice-wrapper .HFLPrice .origin-price .origin-price__num {
    font-family: DIN Alternate;
    font-size: var(--origin-font-size);
}

.HFLPrice-wrapper .HFLPrice .line-price span[class*=__currency],
.HFLPrice-wrapper .HFLPrice .origin-price span[class*=__currency] {
    font-size: 12px;
}

.MasonryRecommendProducts_masonryGrid__j_Wje1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

.MuiBox-root.css-1bj2qto {
    position: relative;
}

.css-1y4l3wb {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    position: absolute;
    min-height: 16px;
    /* max-width: calc(100% - 32px); */
    /* max-height: calc(100% - 96px); */
    min-width: 100px;
    filter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 2px 8px);
    margin-top: 12px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    outline: 0px;
    overflow: visible;
}

.css-1y4l3wb::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 22px;
    width: 10px;
    height: 10px;
    background-color: rgb(255, 255, 255);
    transform: translateY(-50%) rotate(45deg);
    z-index: 0;
}

.css-r8u8y9 {
    list-style: none;
    margin: 0px;
    padding: 8px 0px;
    position: relative;
    outline: 0px;
}

.css-1km1ehz {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    color: inherit;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-zbgcj {
    text-align: center;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}



.css-jhx6ba {
    position: relative;
}

.css-1w9zwik {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    font-size: 1.5rem;
    color: #faaf00;
    cursor: pointer;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
    pointer-events: none;
    color: #ff9b25;
}


@media (min-width: 0px) {
    .css-1w9zwik {
        font-size: 16px;
    }
}

@media (min-width: 900px) {
    .css-1w9zwik {
        font-size: 18px;
    }
}

.css-79elbk {
    position: relative;
}

.css-1w9zwik .MuiRating-decimal span {
    z-index: 1;
}

.css-13m1if9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    pointer-events: none;
}

.css-1w9zwik .MuiRating-decimal span {
    z-index: 1;
}

.css-1cw4hi4 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: inherit;
}

.css-1xh6k8t {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    pointer-events: none;
    color: rgba(0, 0, 0, 0.26);
}
.css-y28f86 {
    position: fixed;
    inset: 0px;
    z-index: 1200;
}
.css-919eu4 {
position: fixed;
display: flex
;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
inset: 0px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-tap-highlight-color: transparent;
z-index: 13;
}
.css-jv9wk0 {
background-color: rgb(255, 255, 255);
color: rgba(0, 0, 0, 0.87);
box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px -5px, rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px;
overflow-y: auto;
display: flex
;
flex-direction: column;
height: auto;
z-index: 1200;
position: fixed;
top: auto;
left: 0px;
bottom: 0px;
right: 0px;
max-height: 100%;
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
flex: 1 0 auto;
outline: 0px;
border-radius: 16px 16px 0px 0px;
}
@supports not (-webkit-touch-callout:none) {
.MuiDrawer-root .HDrawer-paper {
padding-bottom: 36px;
max-height: calc(var(--max-height) - 36px);
min-height: calc(var(--min-height) - 36px);
box-sizing: content-box;
}
}
.css-u718rw {
height: 100%;
overflow-y: auto;
}
.css-kxd0o3 {
position: absolute;
right: 12px;
top: 12px;
padding: 6px;
z-index: 20;
}
.css-1xl2w9h {
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
font-size: 1.5rem;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
background: rgb(244, 244, 244);
border-radius: 8px;
}
.css-q7xpag {
position: sticky;
top: 0px;
font-weight: 500;
font-size: 16px;
line-height: 36px;
text-align: center;
padding: 12px 0px;
background: rgb(255, 255, 255);
z-index: 10;
}
.css-38zrbw {
padding: 12px;
}
.css-i9gxme {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ShoppingSafety_header__P2LI_ {
display: flex
;
justify-content: flex-start;
align-items: center;
}
.css-isbt42 {
box-sizing: border-box;
display: flex
;
flex-flow: wrap;
margin-top: -16px;
width: calc(100% + 16px);
margin-left: -16px;
}
.css-iol86l {
box-sizing: border-box;
margin: 0px;
flex-direction: row;
flex-basis: 100%;
-webkit-box-flex: 0;
flex-grow: 0;
max-width: 100%;
}
@media (min-width: 600px) {
.css-iol86l {
flex-basis: 100%;
-webkit-box-flex: 0;
flex-grow: 0;
max-width: 100%;
}
}
@media (min-width: 900px) {
.css-iol86l {
flex-basis: 50%;
-webkit-box-flex: 0;
flex-grow: 0;
max-width: 50%;
}
}
@media (min-width: 1200px) {
.css-iol86l {
flex-basis: 50%;
-webkit-box-flex: 0;
flex-grow: 0;
max-width: 50%;
}
}
@media (min-width: 1536px) {
.css-iol86l {
flex-basis: 50%;
-webkit-box-flex: 0;
flex-grow: 0;
max-width: 50%;
}
}
.css-isbt42 > .MuiGrid-item {
padding-top: 16px;
}
.css-isbt42 > .MuiGrid-item {
padding-left: 16px;
}
.ShoppingSafety_articleItem__AUzZO {
flex-direction: column;
border-bottom: .5px solid transparent;
}
.ShoppingSafety_articleItem__AUzZO, .ShoppingSafety_articleTitle__1TsH9 {
display: flex;
justify-content: flex-start;
}
@media screen and (max-width: 900px) {
    .ShoppingSafety_articleItem__AUzZO {
        display: flex;
        justify-content: flex-start;
        border-bottom: .5px solid #eaeaea;
        padding-bottom: 12px;
    }
}
.css-1x9yj1k {
margin: 0px 0px 16px 12px;
font-size: 3.75rem;
letter-spacing: -0.00833em;
line-height: 1.5;
font-weight: 500;
font-family: "Hiragino Sans";
}
@media (min-width: 0px) {
.css-1x9yj1k {
font-size: 14px;
}
}
@media (min-width: 600px) {
.css-1x9yj1k {
font-size: 14px;
}
}
@media (min-width: 900px) {
.css-1x9yj1k {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.css-1x9yj1k {
font-size: 16px;
}
}
.ShoppingSafety_articleMainText__qIhBK {
display: flex
;
justify-content: space-between;
padding-left: 32px;
}
.css-120fdbz {
margin: 0px 0px 12px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.43;
letter-spacing: 0.01071em;
color: rgb(102, 102, 102);
}
@media (min-width: 0px) {
.css-120fdbz {
font-size: 12px;
}
}
@media (min-width: 600px) {
.css-120fdbz {
font-size: 12px;
}
}
@media (min-width: 900px) {
.css-120fdbz {
font-size: 14px;
}
}
@media (min-width: 1200px) {
.css-120fdbz {
font-size: 14px;
}
}
.css-s04d8t {
margin: 16px 0px 16px 12px;
font-size: 6rem;
letter-spacing: -0.01562em;
line-height: 1.5;
font-weight: 700;
font-family: "Hiragino Sans";
}
@media (min-width: 0px) {
.css-s04d8t {
font-size: 14px;
}
}
@media (min-width: 600px) {
.css-s04d8t {
font-size: 14px;
}
}
@media (min-width: 900px) {
.css-s04d8t {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.css-s04d8t {
font-size: 18px;
}
}
.no-scroll {
overflow: hidden;
}
.css-14kymka {
  display: inline-flex
;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
  min-width: 64px;
  text-align: center;
  color: rgb(255, 255, 255);
  outline: 0px;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  margin: 0px;
  text-decoration: none;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
  background: rgb(74, 192, 82);
}
.index-new-desc.description{
    /* display: none; */
    margin: 0px;
    font-size: 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0em;
    padding: 0 10px 0px 10px;
    margin-top: 8px;
    line-height: 1.7;
}
strong  a{
    color: #666666;
}
.index-new-desc.description a{
    text-decoration: underline;
}