@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-size: 100%;
    line-height: 1.15
}

button,input {
    overflow: visible
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */
.ui-helper-hidden,[hidden],template {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    border: 0;
    font-size: 100%;
    line-height: 1.3;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
    border-collapse: collapse;
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: -.25em;
    overflow: hidden;
    position: relative;
    text-indent: -99999px;
    vertical-align: middle
}

.ui-widget-icon-block {
    display: block;
    left: 50%;
    margin-left: -8px
}

.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit https://jqueryui.com/themeroller/
 */
.ui-widget {
    font-family: Arial,Helvetica,sans-serif
}

.ui-widget,.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    background: #fff;
    border: 1px solid #ddd;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-figureheader {
    background: #e9e9e9;
    border: 1px solid #ddd;
    color: #333;
    font-weight: 700
}

.ui-widget-figureheader a {
    color: #333
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-figureheader .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    background: #f6f6f6;
    border: 1px solid #c5c5c5;
    color: #454545;
    font-weight: 400
}

.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-figureheader .ui-state-focus,.ui-widget-figureheader .ui-state-hover {
    background: #ededed;
    border: 1px solid #ccc;
    color: #2b2b2b;
    font-weight: 400
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-figureheader .ui-state-active,a.ui-button:active {
    background: #007fff;
    border: 1px solid #003eff;
    color: #fff;
    font-weight: 400
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    background-color: #fff;
    border: #003eff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-figureheader .ui-state-highlight {
    background: #fffa90;
    border: 1px solid #dad55e;
    color: #777620
}

.ui-state-checked {
    background: #fffa90;
    border: 1px solid #dad55e
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-figureheader .ui-state-highlight a {
    color: #777620
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-figureheader .ui-state-error {
    background: #fddfdf;
    border: 1px solid #f1a899;
    color: #5f3f3f
}

.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-figureheader .ui-state-error a,.ui-widget-figureheader .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-figureheader .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-figureheader .ui-priority-secondary {
    font-weight: 400;
    opacity: .7
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-figureheader .ui-state-disabled {
    background-image: none;
    opacity: .35
}

.ui-icon {
    height: 16px;
    width: 16px
}

.ui-icon,.ui-widget-content .ui-icon,.ui-widget-figureheader .ui-icon {
    background-image: url(https://cdn.lipscosme.com/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)
}

.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
    background-image: url(https://cdn.lipscosme.com/assets/jquery-ui/ui-icons_555555_256x240-2ae1a3121a9024293d3d98f529f49edd9609e4043974e86304e263f811e865b8.png)
}

.ui-button:active .ui-icon,.ui-state-active .ui-icon {
    background-image: url(https://cdn.lipscosme.com/assets/jquery-ui/ui-icons_ffffff_256x240-063ff6c0b18fa40b9a89952c7a14ba75909dc2a6012612d83c40b9ef77df08e9.png)
}

.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon {
    background-image: url(https://cdn.lipscosme.com/assets/jquery-ui/ui-icons_777620_256x240-db31659e24ef3c3402c3cce811aaa4f6e6c69d353f32ddf40ce43f80e98e1297.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(https://cdn.lipscosme.com/assets/jquery-ui/ui-icons_cc0000_256x240-32d2aace8d299dd84d2e10ce1f1eb9cbb83550e147a4147b474eb22510dac5c3.png)
}

.ui-button .ui-icon {
    background-image: url(https://cdn.lipscosme.com/assets/jquery-ui/ui-icons_777777_256x240-03396f638d0837b69aa809188d82742d27a85eb85d105d4d553520df635176b7.png)
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first,.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3
}

.ui-widget-shadow {
    box-shadow: 0 0 5px #666
}

/*!
 * jQuery UI Accordion 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-figureheader {
    cursor: pointer;
    display: block;
    font-size: 100%;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    position: relative
}

.ui-accordion .ui-accordion-content {
    border-top: 0;
    overflow: auto;
    padding: 1em 2.2em
}

/*!
 * jQuery UI Autocomplete 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
    cursor: default;
    left: 0;
    position: absolute;
    top: 0
}

/*!
 * jQuery UI Button 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/button/#theming
 */
.ui-button {
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin-right: .1em;
    padding: .4em 1em;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle
}

.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
    width: 2em
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-button.ui-icon-notext .ui-icon {
    height: 2.1em;
    padding: 0;
    text-indent: -9999px;
    white-space: nowrap;
    width: 2.1em
}

input.ui-button.ui-icon-notext .ui-icon {
    height: auto;
    padding: .4em 1em;
    text-indent: 0;
    white-space: normal;
    width: auto
}

button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

/*!
 * jQuery UI Checkboxradio 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/checkboxradio/#theming
 */
.ui-checkboxradio-label .ui-icon-background {
    border: none;
    border-radius: .12em;
    box-shadow: inset 1px 1px 1px #ccc
}

.ui-checkboxradio-radio-label .ui-icon-background {
    border: none;
    border-radius: 1em;
    height: 16px;
    overflow: visible;
    width: 16px
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    border-style: solid;
    border-width: 4px;
    height: 8px;
    width: 8px
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

/*!
 * jQuery UI Controlgroup 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/controlgroup/#theming
 */
.ui-controlgroup {
    display: inline-block;
    vertical-align: middle
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
    width: 100%
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

/*!
 * jQuery UI Datepicker 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
    display: none;
    padding: .2em .2em 0;
    width: 17em
}

.ui-datepicker .ui-datepicker-figureheader {
    padding: .2em 0;
    position: relative
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0 0 .4em;
    width: 100%
}

.ui-datepicker th {
    border: 0;
    font-weight: 700;
    padding: .7em .3em;
    text-align: center
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: .7em 0 0;
    padding: 0 .2em
}

.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: .5em .2em .4em;
    overflow: visible;
    padding: .2em .6em .3em;
    width: auto
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto .4em;
    width: 95%
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-figureheader,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-figureheader {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    font-size: 0;
    width: 100%
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-figureheader,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-figureheader {
    border-left-width: 1px;
    border-right-width: 0
}

.ui-datepicker .ui-icon {
    background-repeat: no-repeat;
    display: block;
    left: .5em;
    overflow: hidden;
    text-indent: -99999px;
    top: .3em
}

/*!
 * jQuery UI Dialog 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
    left: 0;
    outline: 0;
    padding: .2em;
    position: absolute;
    top: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 20px;
    margin: -10px 0 0;
    padding: 1px;
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px
}

.ui-dialog .ui-dialog-content {
    background: none;
    border: 0;
    overflow: auto;
    padding: .5em 1em;
    position: relative
}

.ui-dialog .ui-dialog-buttonpane {
    background-image: none;
    border-width: 1px 0 0;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
    text-align: left
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    margin: .5em .4em .5em 0
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    right: 0;
    width: 2px
}

.ui-dialog .ui-resizable-s {
    bottom: 0;
    height: 2px
}

.ui-dialog .ui-resizable-w {
    left: 0;
    width: 2px
}

.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw {
    height: 7px;
    width: 7px
}

.ui-dialog .ui-resizable-se {
    bottom: 0;
    right: 0
}

.ui-dialog .ui-resizable-sw {
    bottom: 0;
    left: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

/*!
 * jQuery UI Draggable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-draggable-handle {
    touch-action: none
}

/*!
 * jQuery UI Menu 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/menu/#theming
 */
.ui-menu {
    display: block;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    cursor: pointer;
    margin: 0
}

.ui-menu .ui-menu-item-wrapper {
    padding: 3px 1em 3px .4em;
    position: relative
}

.ui-menu .ui-menu-divider {
    border-width: 1px 0 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 5px 0
}

.ui-menu .ui-state-active,.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    bottom: 0;
    left: .2em;
    margin: auto 0;
    position: absolute;
    top: 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

/*!
 * jQuery UI Progressbar 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/progressbar/#theming
 */
.ui-progressbar {
    height: 2em;
    overflow: hidden;
    text-align: left
}

.ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

/*!
 * jQuery UI Resizable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    display: block;
    font-size: .1px;
    position: absolute;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%
}

.ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%
}

.ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px
}

.ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px
}

.ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px
}

.ui-resizable-sw {
    bottom: -5px;
    cursor: sw-resize;
    height: 9px;
    left: -5px;
    width: 9px
}

.ui-resizable-nw {
    cursor: nw-resize;
    height: 9px;
    left: -5px;
    top: -5px;
    width: 9px
}

.ui-resizable-ne {
    cursor: ne-resize;
    height: 9px;
    right: -5px;
    top: -5px;
    width: 9px
}

/*!
 * jQuery UI Selectable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-selectable {
    touch-action: none
}

.ui-selectable-helper {
    border: 1px dotted #000;
    position: absolute;
    z-index: 100
}

/*!
 * jQuery UI Selectmenu 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/selectmenu/#theming
 */
.ui-selectmenu-menu {
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    border: 0;
    font-size: 1em;
    font-weight: 700;
    height: auto;
    line-height: 1.5;
    margin: .5em 0 0;
    padding: 2px .4em
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

/*!
 * jQuery UI Sortable 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */
.ui-sortable-handle {
    touch-action: none
}

/*!
 * jQuery UI Slider 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/slider/#theming
 */
.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    cursor: pointer;
    height: 1.2em;
    position: absolute;
    touch-action: none;
    width: 1.2em;
    z-index: 2
}

.ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0;
    display: block;
    font-size: .7em;
    position: absolute;
    z-index: 1
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em;
    top: -.3em
}

.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    height: 100px;
    width: .8em
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-bottom: -.6em;
    margin-left: 0
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

/*!
 * jQuery UI Spinner 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/spinner/#theming
 */
.ui-spinner {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: middle
}

.ui-spinner-input {
    background: none;
    border: none;
    color: inherit;
    margin: .2em 2em .2em .4em;
    padding: .222em 0;
    vertical-align: middle
}

.ui-spinner-button {
    cursor: default;
    display: block;
    font-size: .5em;
    height: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 1.6em
}

.ui-spinner a.ui-spinner-button {
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

/*!
 * jQuery UI Tabs 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
    padding: .2em;
    position: relative
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
    float: left;
    list-style: none;
    margin: 1px .2em 0 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    background: none;
    border-width: 0;
    display: block;
    padding: 1em 1.4em
}

/*!
 * jQuery UI Tooltip 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
    max-width: 300px;
    padding: 8px;
    position: absolute;
    z-index: 9999
}

body .ui-tooltip {
    border-width: 2px
}

/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */
/*!
 * jQuery UI CSS Framework 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */
/*!
   * Bootstrap  v5.3.5 (https://getbootstrap.com/)
   * Copyright 2011-2025 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
:root,[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33,37,41,.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33,37,41,.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: unset;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0,0,0,.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13,110,253,.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222,226,230,.75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222,226,230,.5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: hsla(0,0%,100%,.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*,:after,:before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

hr {
    border: 0;
    border-top: var(--bs-border-width) solid;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: var(--bs-heading-color);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[title] {
    cursor: help;
    text-decoration: underline dotted;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol,ul {
    padding-left: 2rem
}

dl,ol,ul {
    margin-bottom: 1rem;
    margin-top: 0
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

.small,small {
    font-size: .875em
}

.mark,mark {
    background-color: var(--bs-highlight-bg);
    color: var(--bs-highlight-color);
    padding: .1875em
}

sub,sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: unset
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,kbd,pre,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    color: var(--bs-code-color);
    font-size: .875em;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    background-color: var(--bs-body-color);
    border-radius: .25rem;
    color: var(--bs-body-bg);
    font-size: .875em;
    padding: .1875rem .375rem
}

kbd kbd {
    font-size: 1em;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

caption {
    color: var(--bs-secondary-color);
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,td,tfoot,th,thead,tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none!important
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    float: left;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

@media (min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    cursor: pointer;
    display: list-item
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size:5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size:4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size:2.5rem
    }
}

.list-inline,.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.25rem;
    margin-bottom: 1rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    color: #6c757d;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: -1rem
}

.blockquote-footer:before {
    content: "\2014\00A0"
}

.img-fluid,.img-thumbnail {
    height: auto;
    max-width: 100%
}

.img-thumbnail {
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    line-height: 1;
    margin-bottom: .5rem
}

.figure-caption {
    color: var(--bs-secondary-color);
    font-size: .875em
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.col {
    flex: 1 0 0
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0 0
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb),0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb),0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb),0.075);
    border-color: var(--bs-table-border-color);
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%
}

.table>:not(caption)>*>* {
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
    color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
    padding: .5rem
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--bs-border-width)*2) solid
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n),.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a6b5cc;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000
}

.table-primary,.table-secondary {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #a7b9b1;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000
}

.table-info,.table-success {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #a6c3ca;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #ccc2a4;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000
}

.table-danger,.table-warning {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #c6acae;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000
}

.table-dark,.table-light {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    font-size: inherit;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: calc(.375rem + var(--bs-border-width));
    padding-top: calc(.375rem + var(--bs-border-width))
}

.col-form-label-lg {
    font-size: 1.25rem;
    padding-bottom: calc(.5rem + var(--bs-border-width));
    padding-top: calc(.5rem + var(--bs-border-width))
}

.col-form-label-sm {
    font-size: .875rem;
    padding-bottom: calc(.25rem + var(--bs-border-width));
    padding-top: calc(.25rem + var(--bs-border-width))
}

.form-text {
    color: var(--bs-secondary-color);
    font-size: .875em;
    margin-top: .25rem
}

.form-control {
    appearance: none;
    background-clip: padding-box;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-body-color);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    color: var(--bs-body-color);
    outline: 0
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em;
    margin: 0;
    min-width: 85px
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button {
    background-color: var(--bs-tertiary-bg);
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width:var(--bs-border-width);border-radius: 0;
    color: var(--bs-body-color);
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;padding: .375rem .75rem;
    pointer-events: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0;
    color: var(--bs-body-color);
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .375rem 0;
    width: 100%
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-left: 0;
    padding-right: 0
}

.form-control-sm {
    border-radius: var(--bs-border-radius-sm);
    font-size: .875rem;
    min-height: calc(1.5em + .5rem + var(--bs-border-width)*2);
    padding: .25rem .5rem
}

.form-control-sm::file-selector-button {
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem;padding: .25rem .5rem
}

.form-control-lg {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem;
    min-height: calc(1.5em + 1rem + var(--bs-border-width)*2);
    padding: .5rem 1rem
}

.form-control-lg::file-selector-button {
    margin: -.5rem -1rem;
    margin-inline-end:1rem;padding: .5rem 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + var(--bs-border-width)*2)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + var(--bs-border-width)*2)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}

.form-control-color {
    height: calc(1.5em + .75rem + var(--bs-border-width)*2);
    padding: .375rem;
    width: 3rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0!important;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0!important;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + var(--bs-border-width)*2)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-body-color);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem 2.25rem .375rem .75rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    outline: 0
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    background-image: none;
    padding-right: .75rem
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    border-radius: var(--bs-border-radius-sm);
    font-size: .875rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    padding-top: .25rem
}

.form-select-lg {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-top: .5rem
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")
}

.form-check {
    display: block;
    margin-bottom: .125rem;
    min-height: 1.5rem;
    padding-left: 1.5em
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-left: 0;
    padding-right: 1.5em;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    flex-shrink: 0;
    height: 1em;
    margin-top: .25em;
    print-color-adjust: exact;
    vertical-align: top;
    width: 1em
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    outline: 0
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input[type=checkbox]:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
}

.form-check-input[type=radio]:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
}

.form-check-input:disabled {
    filter: none;
    opacity: .5;
    pointer-events: none
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
    background-image: var(--bs-form-switch-bg);
    background-position: 0;
    border-radius: 2em;
    margin-left: -2.5em;
    transition: background-position .15s ease-in-out;
    width: 2em
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E")
}

.form-switch .form-check-input:checked {
    background-position: 100%;
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.form-switch.form-check-reverse {
    padding-left: 0;
    padding-right: 2.5em
}

.form-switch.form-check-reverse .form-check-input {
    margin-left: 0;
    margin-right: -2.5em
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
    filter: none;
    opacity: .65;
    pointer-events: none
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E")
}

.form-range {
    appearance: none;
    background-color: transparent;
    height: 1.5rem;
    padding: 0;
    width: 100%
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.form-range::-moz-range-thumb {
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
    height: calc(3.5rem + var(--bs-border-width)*2);
    line-height: 1.25;
    min-height: calc(3.5rem + var(--bs-border-width)*2)
}

.form-floating>label {
    border: var(--bs-border-width) solid transparent;
    color: rgba(var(--bs-body-color-rgb),.65);
    height: 100%;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 1rem .75rem;
    pointer-events: none;
    position: absolute;
    text-align: start;
    text-overflow: ellipsis;
    top: 0;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    white-space: nowrap;
    z-index: 2
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-select {
    padding-bottom: .625rem;
    padding-left: .75rem;
    padding-top: 1.625rem
}

.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>textarea:focus~label:after,.form-floating>textarea:not(:placeholder-shown)~label:after {
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
    content: "";
    height: 1.5em;
    inset: 1rem .375rem;
    position: absolute;
    z-index: -1
}

.form-floating>textarea:disabled~label:after {
    background-color: var(--bs-secondary-bg)
}

.form-floating>.form-control-plaintext~label {
    border-width: var(--bs-border-width) 0
}

.form-floating>.form-control:disabled~label,.form-floating>:disabled~label {
    color: #6c757d
}

.input-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    width: 1%
}

.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    align-items: center;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-body-color);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    text-align: center;
    white-space: nowrap
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem;
    padding: .5rem 1rem
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
    border-radius: var(--bs-border-radius-sm);
    font-size: .875rem;
    padding: .25rem .5rem
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: calc(var(--bs-border-width)*-1)
}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.valid-feedback {
    color: var(--bs-form-valid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.valid-tooltip {
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius);
    color: #fff;
    display: none;
    font-size: .875rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.was-validated .form-control:valid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem)
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid[size="1"]:not([multiple]),.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select[size="1"]:valid:not([multiple]) {
    --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.form-control-color.is-valid,.was-validated .form-control-color:valid {
    width: calc(3.75rem + 1.5em)
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group>.form-control.is-valid:not(:focus),.input-group>.form-floating.is-valid:not(:focus-within),.input-group>.form-select.is-valid:not(:focus),.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    color: var(--bs-form-invalid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.invalid-tooltip {
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius);
    color: #fff;
    display: none;
    font-size: .875rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem)
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid[size="1"]:not([multiple]),.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select[size="1"]:invalid:not([multiple]) {
    --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem
}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.form-control-color.is-invalid,.was-validated .form-control-color:invalid {
    width: calc(3.75rem + 1.5em)
}

.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group>.form-control.is-invalid:not(:focus),.input-group>.form-floating.is-invalid:not(:focus-within),.input-group>.form-select.is-invalid:not(:focus),.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
    background-color: var(--bs-btn-bg);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    color: var(--bs-btn-color);
    cursor: pointer;
    display: inline-block;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    user-select: none;
    vertical-align: middle
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    color: var(--bs-btn-hover-color)
}

.btn-check+.btn:hover {
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
    color: var(--bs-btn-color)
}

.btn:focus-visible {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    color: var(--bs-btn-hover-color);
    outline: 0
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    outline: 0
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    color: var(--bs-btn-active-color)
}

.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    color: var(--bs-btn-disabled-color);
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: unset
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm>.btn,.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    height: auto;
    transition: width .35s ease;
    width: 0
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-figureheader-color: #6c757d;
    --bs-dropdown-figureheader-padding-x: 1rem;
    --bs-dropdown-figureheader-padding-y: 0.5rem;
    background-clip: padding-box;
    background-color: var(--bs-dropdown-bg);
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
    color: var(--bs-dropdown-color);
    display: none;
    font-size: var(--bs-dropdown-font-size);
    list-style: none;
    margin: 0;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    position: absolute;
    text-align: left;
    z-index: var(--bs-dropdown-zindex)
}

.dropdown-menu[data-bs-popper] {
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
    top: 100%
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    left: 0;
    right: auto
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    left: auto;
    right: 0
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position:start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position:start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    bottom: 100%;
    margin-bottom: var(--bs-dropdown-spacer);
    margin-top: 0;
    top: auto
}

.dropup .dropdown-toggle:after {
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: 0;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    left: 100%;
    margin-left: var(--bs-dropdown-spacer);
    margin-top: 0;
    right: auto;
    top: 0
}

.dropend .dropdown-toggle:after {
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    border-right: 0;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    left: auto;
    margin-right: var(--bs-dropdown-spacer);
    margin-top: 0;
    right: 100%;
    top: 0
}

.dropstart .dropdown-toggle:after {
    content: "";
    display: inline-block;
    display: none;
    margin-left: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:before {
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    opacity: 1;
    overflow: hidden
}

.dropdown-item {
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0);
    clear: both;
    color: var(--bs-dropdown-link-color);
    display: block;
    font-weight: 400;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    width: 100%
}

.dropdown-item:focus,.dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg);
    color: var(--bs-dropdown-link-hover-color)
}

.dropdown-item.active,.dropdown-item:active {
    background-color: var(--bs-dropdown-link-active-bg);
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none
}

.dropdown-item.disabled,.dropdown-item:disabled {
    background-color: transparent;
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-figureheader {
    color: var(--bs-dropdown-figureheader-color);
    display: block;
    font-size: .875rem;
    margin-bottom: 0;
    padding: var(--bs-dropdown-figureheader-padding-y) var(--bs-dropdown-figureheader-padding-x);
    white-space: nowrap
}

.dropdown-item-text {
    color: var(--bs-dropdown-link-color);
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: hsla(0,0%,100%,.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-figureheader-color: #adb5bd
}

.btn-group,.btn-group-vertical {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    flex: 1 1 auto;
    position: relative
}

.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(var(--bs-border-width)*-1)
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dropdown-toggle-split {
    padding-left: .5625rem;
    padding-right: .5625rem
}

.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-left: .375rem;
    padding-right: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-left: .75rem;
    padding-right: .75rem
}

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
    margin-top: calc(var(--bs-border-width)*-1)
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav-link {
    background: none;
    border: 0;
    color: var(--bs-nav-link-color);
    display: block;
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    outline: 0
}

.nav-link.disabled,.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    cursor: default;
    pointer-events: none
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1)
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color: var(--bs-nav-tabs-link-hover-border-color);
    isolation: isolate
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
    color: var(--bs-nav-tabs-link-active-color)
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: calc(var(--bs-nav-tabs-border-width)*-1)
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: var(--bs-nav-pills-link-active-bg);
    color: var(--bs-nav-pills-link-active-color)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    border-bottom: var(--bs-nav-underline-border-width) solid transparent;
    padding-left: 0;
    padding-right: 0
}

.nav-underline .nav-link:focus,.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,.nav-underline .show>.nav-link {
    border-bottom-color: currentcolor;
    color: var(--bs-nav-underline-link-active-color);
    font-weight: 700
}

.nav-fill .nav-item,.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb),0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb),0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb),0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb),0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    position: relative
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    align-items: center;
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between
}

.navbar-brand {
    color: var(--bs-navbar-brand-color);
    font-size: var(--bs-navbar-brand-font-size);
    margin-right: var(--bs-navbar-brand-margin-end);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    padding-top: var(--bs-navbar-brand-padding-y);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    color: var(--bs-navbar-color);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-text a,.navbar-text a:focus,.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1
}

.navbar-toggler {
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    color: var(--bs-navbar-color);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
    outline: 0;
    text-decoration: none
}

.navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-sm .offcanvas .offcanvas-figureheader {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-md .offcanvas .offcanvas-figureheader {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-lg .offcanvas .offcanvas-figureheader {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-xl .offcanvas .offcanvas-figureheader {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-xxl .offcanvas .offcanvas-figureheader {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    background-color: transparent!important;
    border: 0!important;
    flex-grow: 1;
    height: auto!important;
    position: static;
    transform: none!important;
    transition: none;
    visibility: visible!important;
    width: auto!important;
    z-index: auto
}

.navbar-expand .offcanvas .offcanvas-figureheader {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
}

.navbar-dark,.navbar[data-bs-theme=dark] {
    --bs-navbar-color: hsla(0,0%,100%,.55);
    --bs-navbar-hover-color: hsla(0,0%,100%,.75);
    --bs-navbar-disabled-color: hsla(0,0%,100%,.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: hsla(0,0%,100%,.1)
}

.navbar-dark,.navbar[data-bs-theme=dark],[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb),0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    color: var(--bs-body-color);
    display: flex;
    flex-direction: column;
    height: var(--bs-card-height);
    min-width: 0;
    position: relative;
    word-wrap: break-word;
    background-clip: border-box;
    background-color: var(--bs-card-bg);
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-left: 0;
    margin-right: 0
}

.card>.list-group {
    border-bottom: inherit;
    border-top: inherit
}

.card>.list-group:first-child {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-width: 0
}

.card>.list-group:last-child {
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-width: 0
}

.card>.card-figureheader+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    color: var(--bs-card-color);
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
}

.card-title {
    color: var(--bs-card-title-color);
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    color: var(--bs-card-subtitle-color);
    margin-top: calc(var(--bs-card-title-spacer-y)*-.5)
}

.card-subtitle,.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-figureheader {
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    color: var(--bs-card-cap-color);
    margin-bottom: 0;
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.card-figureheader:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
    color: var(--bs-card-cap-color);
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-figureheader-tabs {
    border-bottom: 0;
    margin-bottom: calc(var(--bs-card-cap-padding-y)*-1);
    margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
    margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
}

.card-figureheader-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-figureheader-pills {
    margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
    margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
}

.card-img-overlay {
    border-radius: var(--bs-card-inner-border-radius);
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    position: absolute;
    right: 0;
    top: 0
}

.card-img,.card-img-bottom,.card-img-top {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-bottom {
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        border-left: 0;
        margin-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-figureheader,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-figureheader,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    align-items: center;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    color: var(--bs-accordion-btn-color);
    display: flex;
    font-size: 1rem;
    overflow-anchor: none;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    position: relative;
    text-align: left;
    transition: var(--bs-accordion-transition);
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);
    color: var(--bs-accordion-active-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    content: "";
    flex-shrink: 0;
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    transition: var(--bs-accordion-btn-icon-transition);
    width: var(--bs-accordion-btn-icon-width)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
    outline: 0;
    z-index: 3
}

.accordion-figureheader {
    margin-bottom: 0
}

.accordion-item {
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    color: var(--bs-accordion-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type>.accordion-figureheader .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type>.accordion-figureheader .accordion-button.collapsed {
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type>.accordion-collapse {
    border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush>.accordion-item {
    border-left: 0;
    border-radius: 0;
    border-right: 0
}

.accordion-flush>.accordion-item:first-child {
    border-top: 0
}

.accordion-flush>.accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-figureheader .accordion-button,.accordion-flush>.accordion-item>.accordion-figureheader .accordion-button.collapsed {
    border-radius: 0
}

[data-bs-theme=dark] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236ea8fe' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236ea8fe' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider,"/");
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    list-style: none;
    padding-left: 0
}

.page-link {
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    color: var(--bs-pagination-color);
    display: block;
    font-size: var(--bs-pagination-font-size);
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    position: relative;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
    color: var(--bs-pagination-hover-color);
    z-index: 2
}

.page-link:focus {
    background-color: var(--bs-pagination-focus-bg);
    box-shadow: var(--bs-pagination-focus-box-shadow);
    color: var(--bs-pagination-focus-color);
    outline: 0;
    z-index: 3
}

.active>.page-link,.page-link.active {
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
    color: var(--bs-pagination-active-color);
    z-index: 3
}

.disabled>.page-link,.page-link.disabled {
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
    color: var(--bs-pagination-disabled-color);
    pointer-events: none
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-border-width)*-1)
}

.page-item:first-child .page-link {
    border-bottom-left-radius: var(--bs-pagination-border-radius);
    border-top-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-bottom-right-radius: var(--bs-pagination-border-radius);
    border-top-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: normal;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 999px;
    border-radius: var(--bs-badge-border-radius);
    color: var(--bs-badge-color);
    display: inline-block;
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    color: var(--bs-alert-color);
    margin-bottom: var(--bs-alert-margin-bottom);
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    position: relative
}

.alert-heading {
    color: inherit
}

.alert-link {
    color: var(--bs-alert-link-color);
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    padding: 1.25rem 1rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: var(--bs-progress-height)
    }
}

.progress,.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
    display: flex;
    font-size: var(--bs-progress-font-size);
    height: var(--bs-progress-height);
    overflow: hidden
}

.progress-bar {
    background-color: var(--bs-progress-bar-bg);
    color: var(--bs-progress-bar-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    transition: var(--bs-progress-bar-transition);
    white-space: nowrap
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked>.progress {
    overflow: visible
}

.progress-stacked>.progress>.progress-bar {
    width: 100%
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    border-radius: var(--bs-list-group-border-radius);
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0
}

.list-group-numbered {
    counter-reset: section;
    list-style-type: none
}

.list-group-numbered>.list-group-item:before {
    content: counters(section,".") ". ";
    counter-increment: section
}

.list-group-item {
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
    color: var(--bs-list-group-color);
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    position: relative;
    text-decoration: none
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.list-group-item.disabled,.list-group-item:disabled {
    background-color: var(--bs-list-group-disabled-bg);
    color: var(--bs-list-group-disabled-color);
    pointer-events: none
}

.list-group-item.active {
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
    color: var(--bs-list-group-active-color);
    z-index: 2
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    border-top-width: var(--bs-list-group-border-width);
    margin-top: calc(var(--bs-list-group-border-width)*-1)
}

.list-group-item-action {
    color: var(--bs-list-group-action-color);
    text-align: inherit;
    width: 100%
}

.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover {
    background-color: var(--bs-list-group-action-hover-bg);
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    z-index: 1
}

.list-group-item-action:not(.active):active {
    background-color: var(--bs-list-group-action-active-bg);
    color: var(--bs-list-group-action-active-color)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius)
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width)*-1)
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    box-sizing: content-box;
    filter: var(--bs-btn-close-filter);
    height: 1em;
    opacity: var(--bs-btn-close-opacity);
    padding: .25em;
    width: 1em
}

.btn-close,.btn-close:hover {
    color: var(--bs-btn-close-color)
}

.btn-close:hover {
    opacity: var(--bs-btn-close-hover-opacity);
    text-decoration: none
}

.btn-close:focus {
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity);
    outline: 0
}

.btn-close.disabled,.btn-close:disabled {
    opacity: var(--bs-btn-close-disabled-opacity);
    pointer-events: none;
    user-select: none
}

.btn-close-white {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)
}

:root,[data-bs-theme=light] {
    --bs-btn-close-filter:
}

[data-bs-theme=dark] {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb),0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-figureheader-color: var(--bs-secondary-color);
    --bs-toast-figureheader-bg: rgba(var(--bs-body-bg-rgb),0.85);
    --bs-toast-figureheader-border-color: var(--bs-border-color-translucent);
    background-clip: padding-box;
    background-color: var(--bs-toast-bg);
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    border-radius: var(--bs-toast-border-radius);
    box-shadow: var(--bs-toast-box-shadow);
    color: var(--bs-toast-color);
    font-size: var(--bs-toast-font-size);
    max-width: 100%;
    pointer-events: auto;
    width: var(--bs-toast-max-width)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    max-width: 100%;
    pointer-events: none;
    position: absolute;
    width: max-content;
    z-index: var(--bs-toast-zindex)
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-figureheader {
    align-items: center;
    background-clip: padding-box;
    background-color: var(--bs-toast-figureheader-bg);
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-figureheader-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    color: var(--bs-toast-figureheader-color);
    display: flex;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)
}

.toast-figureheader .btn-close {
    margin-left: var(--bs-toast-padding-x);
    margin-right: calc(var(--bs-toast-padding-x)*-.5)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: var(--bs-body-color);
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-modal-figureheader-padding-x: 1rem;
    --bs-modal-figureheader-padding-y: 1rem;
    --bs-modal-figureheader-padding: 1rem 1rem;
    --bs-modal-figureheader-border-color: var(--bs-border-color);
    --bs-modal-figureheader-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--bs-modal-zindex)
}

.modal-dialog {
    margin: var(--bs-modal-margin);
    pointer-events: none;
    position: relative;
    width: auto
}

.modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform .3s ease-out
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-content {
    background-clip: padding-box;
    background-color: var(--bs-modal-bg);
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    color: var(--bs-modal-color);
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    background-color: var(--bs-backdrop-bg);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: var(--bs-backdrop-zindex)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-figureheader {
    align-items: center;
    border-bottom: var(--bs-modal-figureheader-border-width) solid var(--bs-modal-figureheader-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
    display: flex;
    flex-shrink: 0;
    padding: var(--bs-modal-figureheader-padding)
}

.modal-figureheader .btn-close {
    margin-bottom: calc(var(--bs-modal-figureheader-padding-y)*-.5);
    margin-left: auto;
    margin-right: calc(var(--bs-modal-figureheader-padding-x)*-.5);
    margin-top: calc(var(--bs-modal-figureheader-padding-y)*-.5);
    padding: calc(var(--bs-modal-figureheader-padding-y)*.5) calc(var(--bs-modal-figureheader-padding-x)*.5)
}

.modal-title {
    line-height: var(--bs-modal-title-line-height);
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    position: relative
}

.modal-footer {
    align-items: center;
    background-color: var(--bs-modal-footer-bg);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap)*.5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin:1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--bs-modal-width)
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        --bs-modal-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width:1140px
    }
}

.modal-fullscreen {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
}

.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
}

.modal-fullscreen .modal-footer,.modal-fullscreen .modal-figureheader {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-sm-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-figureheader {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-md-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-figureheader {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-lg-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-figureheader {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-figureheader {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-figureheader {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    display: block;
    font-family: var(--bs-font-sans-serif);
    font-size: var(--bs-tooltip-font-size);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    margin: var(--bs-tooltip-margin);
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: var(--bs-tooltip-zindex);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    height: var(--bs-tooltip-arrow-height);
    width: var(--bs-tooltip-arrow-width)
}

.tooltip .tooltip-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
    bottom: calc(var(--bs-tooltip-arrow-height)*-1)
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: var(--bs-tooltip-bg);
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
    top: -1px
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
    height: var(--bs-tooltip-arrow-width);
    left: calc(var(--bs-tooltip-arrow-height)*-1);
    width: var(--bs-tooltip-arrow-height)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: var(--bs-tooltip-bg);
    border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
    right: -1px
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
    top: calc(var(--bs-tooltip-arrow-height)*-1)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: var(--bs-tooltip-bg);
    border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
    bottom: -1px
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
    height: var(--bs-tooltip-arrow-width);
    right: calc(var(--bs-tooltip-arrow-height)*-1);
    width: var(--bs-tooltip-arrow-height)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: var(--bs-tooltip-bg);
    border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
    left: -1px
}

.tooltip-inner {
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius);
    color: var(--bs-tooltip-color);
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    text-align: center
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-figureheader-padding-x: 1rem;
    --bs-popover-figureheader-padding-y: 0.5rem;
    --bs-popover-figureheader-font-size: 1rem;
    --bs-popover-figureheader-color: inherit;
    --bs-popover-figureheader-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    display: block;
    font-family: var(--bs-font-sans-serif);
    font-size: var(--bs-popover-font-size);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    max-width: var(--bs-popover-max-width);
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: var(--bs-popover-zindex);
    word-wrap: break-word;
    background-clip: padding-box;
    background-color: var(--bs-popover-bg);
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    height: var(--bs-popover-arrow-height);
    width: var(--bs-popover-arrow-width)
}

.popover .popover-arrow:after,.popover .popover-arrow:before {
    border: 0 solid transparent;
    content: "";
    display: block;
    position: absolute
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
    bottom: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow:before {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before {
    border-top-color: var(--bs-popover-arrow-border);
    bottom: 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after {
    border-top-color: var(--bs-popover-bg);
    bottom: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
    height: var(--bs-popover-arrow-width);
    left: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow:before {
    border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before {
    border-right-color: var(--bs-popover-arrow-border);
    left: 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after {
    border-right-color: var(--bs-popover-bg);
    left: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
    top: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:before {
    border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before {
    border-bottom-color: var(--bs-popover-arrow-border);
    top: 0
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after {
    border-bottom-color: var(--bs-popover-bg);
    top: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-figureheader:before,.bs-popover-bottom .popover-figureheader:before {
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-figureheader-bg);
    content: "";
    display: block;
    left: 50%;
    margin-left: calc(var(--bs-popover-arrow-width)*-.5);
    position: absolute;
    top: 0;
    width: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
    height: var(--bs-popover-arrow-width);
    right: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow:before {
    border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before {
    border-left-color: var(--bs-popover-arrow-border);
    right: 0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after {
    border-left-color: var(--bs-popover-bg);
    right: var(--bs-popover-border-width)
}

.popover-figureheader {
    background-color: var(--bs-popover-figureheader-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius);
    color: var(--bs-popover-figureheader-color);
    font-size: var(--bs-popover-figureheader-font-size);
    margin-bottom: 0;
    padding: var(--bs-popover-figureheader-padding-y) var(--bs-popover-figureheader-padding-x)
}

.popover-figureheader:empty {
    display: none
}

.popover-body {
    color: var(--bs-popover-body-color);
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel-inner:after {
    clear: both;
    content: "";
    display: block
}

.carousel-item {
    backface-visibility: hidden;
    display: none;
    float: left;
    margin-right: -100%;
    position: relative;
    transition: transform .6s ease-in-out;
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transform: none;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
    opacity: 1;
    z-index: 1
}

.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
    opacity: 0;
    transition: opacity 0s .6s;
    z-index: 0
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    align-items: center;
    background: none;
    border: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    filter: var(--bs-carousel-control-icon-filter);
    justify-content: center;
    opacity: .5;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .15s ease;
    width: 15%;
    z-index: 1
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,.carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    opacity: .9;
    outline: 0;
    text-decoration: none
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 2rem;
    width: 2rem
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")
}

.carousel-indicators {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin-bottom: 1rem;
    margin-left: 15%;
    margin-right: 15%;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

.carousel-indicators [data-bs-target] {
    background-clip: padding-box;
    background-color: var(--bs-carousel-indicator-active-bg);
    border: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    box-sizing: content-box;
    cursor: pointer;
    flex: 0 1 auto;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    opacity: .5;
    padding: 0;
    text-indent: -999px;
    transition: opacity .6s ease;
    width: 30px
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    bottom: 1.25rem;
    color: var(--bs-carousel-caption-color);
    left: 15%;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    position: absolute;
    right: 15%;
    text-align: center
}

.carousel-dark {
    --bs-carousel-indicator-active-bg: #000;
    --bs-carousel-caption-color: #000;
    --bs-carousel-control-icon-filter: invert(1) grayscale(100)
}

:root,[data-bs-theme=light] {
    --bs-carousel-indicator-active-bg: #fff;
    --bs-carousel-caption-color: #fff;
    --bs-carousel-control-icon-filter:
}

[data-bs-theme=dark] {
    --bs-carousel-indicator-active-bg: #000;
    --bs-carousel-caption-color: #000;
    --bs-carousel-control-icon-filter: invert(1) grayscale(100)
}

.spinner-border,.spinner-grow {
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    border-radius: 50%;
    display: inline-block;
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    width: var(--bs-spinner-width)
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border-right-color: currentcolor;
    border: var(--bs-spinner-border-width) solid;
    border-right: var(--bs-spinner-border-width) solid transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,.spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition:none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-sm.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-sm.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom,.offcanvas-sm.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-sm.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing {
        transform: none
    }

    .offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-sm .offcanvas-figureheader {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition:none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-md.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-md.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom,.offcanvas-md.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-md.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-md.show:not(.hiding),.offcanvas-md.showing {
        transform: none
    }

    .offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-md .offcanvas-figureheader {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition:none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-lg.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-lg.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom,.offcanvas-lg.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-lg.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing {
        transform: none
    }

    .offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-lg .offcanvas-figureheader {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition:none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xl.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xl.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom,.offcanvas-xl.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-xl.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing {
        transform: none
    }

    .offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xl .offcanvas-figureheader {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition:none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xxl.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xxl.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom,.offcanvas-xxl.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-xxl.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing {
        transform: none
    }

    .offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xxl .offcanvas-figureheader {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

.offcanvas {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex)
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width)
}

.offcanvas.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width)
}

.offcanvas.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom,.offcanvas.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0
}

.offcanvas.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding),.offcanvas.showing {
    transform: none
}

.offcanvas.hiding,.offcanvas.show,.offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-figureheader {
    align-items: center;
    display: flex;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-figureheader .btn-close {
    margin-bottom: calc(var(--bs-offcanvas-padding-y)*-.5);
    margin-left: auto;
    margin-right: calc(var(--bs-offcanvas-padding-x)*-.5);
    margin-top: calc(var(--bs-offcanvas-padding-y)*-.5);
    padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5)
}

.offcanvas-title {
    line-height: var(--bs-offcanvas-title-line-height);
    margin-bottom: 0
}

.offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.text-bg-primary {
    background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important;
    color: #fff!important
}

.text-bg-secondary {
    background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important;
    color: #fff!important
}

.text-bg-success {
    background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important;
    color: #fff!important
}

.text-bg-info {
    background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important;
    color: #000!important
}

.text-bg-warning {
    background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important;
    color: #000!important
}

.text-bg-danger {
    background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important;
    color: #fff!important
}

.text-bg-light {
    background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important;
    color: #000!important
}

.text-bg-dark {
    background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important;
    color: #fff!important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-primary:focus,.link-primary:hover {
    color: RGBA(10,88,202,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important
}

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-secondary:focus,.link-secondary:hover {
    color: RGBA(86,94,100,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important
}

.link-success {
    color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-success:focus,.link-success:hover {
    color: RGBA(20,108,67,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important
}

.link-info {
    color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-info:focus,.link-info:hover {
    color: RGBA(61,213,243,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important
}

.link-warning {
    color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-warning:focus,.link-warning:hover {
    color: RGBA(255,205,57,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important
}

.link-danger {
    color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-danger:focus,.link-danger:hover {
    color: RGBA(176,42,55,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important
}

.link-light {
    color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-light:focus,.link-light:hover {
    color: RGBA(249,250,251,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important
}

.link-dark {
    color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-dark:focus,.link-dark:hover {
    color: RGBA(26,30,33,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis:focus,.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important
}

.focus-ring:focus {
    box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
    outline: 0
}

.icon-link {
    align-items: center;
    backface-visibility: hidden;
    display: inline-flex;
    gap: .375rem;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-underline-offset: .25em
}

.icon-link>.bi {
    flex-shrink: 0;
    height: 1em;
    width: 1em;
    fill: currentcolor;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi {
    transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio)
}

.ratio>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.85714%
}

.fixed-top {
    top: 0
}

.fixed-bottom,.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

.sticky-bottom,.sticky-top {
    position: sticky;
    z-index: 1020
}

.sticky-bottom {
    bottom: 0
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

.hstack {
    align-items: center;
    flex-direction: row
}

.hstack,.vstack {
    align-self: stretch;
    display: flex
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    width: 1px!important;
    clip: rect(0,0,0,0)!important;
    border: 0!important;
    white-space: nowrap!important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) {
    position: absolute!important
}

.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    align-self: stretch;
    background-color: currentcolor;
    display: inline-block;
    min-height: 1em;
    opacity: .25;
    width: var(--bs-border-width)
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.object-fit-contain {
    object-fit: contain!important
}

.object-fit-cover {
    object-fit: cover!important
}

.object-fit-fill {
    object-fit: fill!important
}

.object-fit-scale {
    object-fit: scale-down!important
}

.object-fit-none {
    object-fit: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.overflow-x-auto {
    overflow-x: auto!important
}

.overflow-x-hidden {
    overflow-x: hidden!important
}

.overflow-x-visible {
    overflow-x: visible!important
}

.overflow-x-scroll {
    overflow-x: scroll!important
}

.overflow-y-auto {
    overflow-y: auto!important
}

.overflow-y-hidden {
    overflow-y: hidden!important
}

.overflow-y-visible {
    overflow-y: visible!important
}

.overflow-y-scroll {
    overflow-y: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-inline-grid {
    display: inline-grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: var(--bs-box-shadow)!important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm)!important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg)!important
}

.shadow-none {
    box-shadow: none!important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb),var(--bs-focus-ring-opacity))
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translateX(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle)!important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle)!important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle)!important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle)!important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle)!important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle)!important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle)!important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle)!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.mx-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}

.mx-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}

.mx-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}

.mx-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}

.mx-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}

.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.my-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.my-1 {
    margin-bottom: .25rem!important;
    margin-top: .25rem!important
}

.my-2 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important
}

.my-3 {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important
}

.my-4 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important
}

.my-5 {
    margin-bottom: 3rem!important;
    margin-top: 3rem!important
}

.my-auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.px-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}

.px-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}

.px-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

.px-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}

.px-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}

.py-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.py-1 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}

.py-2 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}

.py-3 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}

.py-4 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}

.py-5 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

.row-gap-0 {
    row-gap: 0!important
}

.row-gap-1 {
    row-gap: .25rem!important
}

.row-gap-2 {
    row-gap: .5rem!important
}

.row-gap-3 {
    row-gap: 1rem!important
}

.row-gap-4 {
    row-gap: 1.5rem!important
}

.row-gap-5 {
    row-gap: 3rem!important
}

.column-gap-0 {
    column-gap: 0!important
}

.column-gap-1 {
    column-gap: .25rem!important
}

.column-gap-2 {
    column-gap: .5rem!important
}

.column-gap-3 {
    column-gap: 1rem!important
}

.column-gap-4 {
    column-gap: 1.5rem!important
}

.column-gap-5 {
    column-gap: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-light {
    font-weight: 300!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-medium {
    font-weight: 500!important
}

.fw-semibold {
    font-weight: 600!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0,0%,100%,.5)!important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color)!important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis)!important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis)!important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis)!important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis)!important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis)!important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis)!important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis)!important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis)!important
}

.link-opacity-10,.link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

.link-opacity-25,.link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25
}

.link-opacity-50,.link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5
}

.link-opacity-75,.link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75
}

.link-opacity-100,.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,.link-offset-1-hover:hover {
    text-underline-offset: .125em!important
}

.link-offset-2,.link-offset-2-hover:hover {
    text-underline-offset: .25em!important
}

.link-offset-3,.link-offset-3-hover:hover {
    text-underline-offset: .375em!important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-underline-opacity-0,.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25,.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50,.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75,.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100,.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle)!important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle)!important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle)!important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle)!important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle)!important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle)!important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle)!important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle)!important
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    user-select: all!important
}

.user-select-auto {
    user-select: auto!important
}

.user-select-none {
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: var(--bs-border-radius)!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm)!important
}

.rounded-2 {
    border-radius: var(--bs-border-radius)!important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg)!important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl)!important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl)!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill)!important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm)!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg)!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-top-circle {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill)!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-end {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-end-0 {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-end-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm)!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-end-2 {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-end-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg)!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-end-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-end-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-end-circle {
    border-bottom-right-radius: 50%!important;
    border-top-right-radius: 50%!important
}

.rounded-end-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill)!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-bottom {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-bottom-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    border-bottom-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-bottom-2 {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-bottom-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
    border-bottom-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-bottom-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-bottom-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-bottom-circle {
    border-bottom-left-radius: 50%!important;
    border-bottom-right-radius: 50%!important
}

.rounded-bottom-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
    border-bottom-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-0 {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    border-top-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
    border-top-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-top-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-start-circle {
    border-bottom-left-radius: 50%!important;
    border-top-left-radius: 50%!important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
    border-top-left-radius: var(--bs-border-radius-pill)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.z-n1 {
    z-index: -1!important
}

.z-0 {
    z-index: 0!important
}

.z-1 {
    z-index: 1!important
}

.z-2 {
    z-index: 2!important
}

.z-3 {
    z-index: 3!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .object-fit-sm-contain {
        object-fit: contain!important
    }

    .object-fit-sm-cover {
        object-fit: cover!important
    }

    .object-fit-sm-fill {
        object-fit: fill!important
    }

    .object-fit-sm-scale {
        object-fit: scale-down!important
    }

    .object-fit-sm-none {
        object-fit: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-inline-grid {
        display: inline-grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-sm-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-sm-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-sm-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-sm-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-sm-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-sm-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-sm-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-sm-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-sm-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-sm-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-sm-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-sm-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-sm-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-sm-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-sm-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-sm-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-sm-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-sm-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-sm-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-sm-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-sm-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-sm-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-sm-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-sm-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: .25rem!important
    }

    .gap-sm-2 {
        gap: .5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .row-gap-sm-0 {
        row-gap: 0!important
    }

    .row-gap-sm-1 {
        row-gap: .25rem!important
    }

    .row-gap-sm-2 {
        row-gap: .5rem!important
    }

    .row-gap-sm-3 {
        row-gap: 1rem!important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-sm-5 {
        row-gap: 3rem!important
    }

    .column-gap-sm-0 {
        column-gap: 0!important
    }

    .column-gap-sm-1 {
        column-gap: .25rem!important
    }

    .column-gap-sm-2 {
        column-gap: .5rem!important
    }

    .column-gap-sm-3 {
        column-gap: 1rem!important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-sm-5 {
        column-gap: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .object-fit-md-contain {
        object-fit: contain!important
    }

    .object-fit-md-cover {
        object-fit: cover!important
    }

    .object-fit-md-fill {
        object-fit: fill!important
    }

    .object-fit-md-scale {
        object-fit: scale-down!important
    }

    .object-fit-md-none {
        object-fit: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-inline-grid {
        display: inline-grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-md-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-md-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-md-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-md-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-md-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-md-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-md-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-md-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-md-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-md-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-md-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-md-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-md-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-md-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-md-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-md-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-md-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-md-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-md-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-md-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-md-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-md-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-md-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-md-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: .25rem!important
    }

    .gap-md-2 {
        gap: .5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .row-gap-md-0 {
        row-gap: 0!important
    }

    .row-gap-md-1 {
        row-gap: .25rem!important
    }

    .row-gap-md-2 {
        row-gap: .5rem!important
    }

    .row-gap-md-3 {
        row-gap: 1rem!important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-md-5 {
        row-gap: 3rem!important
    }

    .column-gap-md-0 {
        column-gap: 0!important
    }

    .column-gap-md-1 {
        column-gap: .25rem!important
    }

    .column-gap-md-2 {
        column-gap: .5rem!important
    }

    .column-gap-md-3 {
        column-gap: 1rem!important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-md-5 {
        column-gap: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .object-fit-lg-contain {
        object-fit: contain!important
    }

    .object-fit-lg-cover {
        object-fit: cover!important
    }

    .object-fit-lg-fill {
        object-fit: fill!important
    }

    .object-fit-lg-scale {
        object-fit: scale-down!important
    }

    .object-fit-lg-none {
        object-fit: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-inline-grid {
        display: inline-grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-lg-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-lg-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-lg-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-lg-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-lg-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-lg-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-lg-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-lg-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-lg-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-lg-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-lg-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-lg-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-lg-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-lg-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-lg-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-lg-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-lg-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-lg-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-lg-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-lg-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-lg-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-lg-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-lg-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-lg-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: .25rem!important
    }

    .gap-lg-2 {
        gap: .5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .row-gap-lg-0 {
        row-gap: 0!important
    }

    .row-gap-lg-1 {
        row-gap: .25rem!important
    }

    .row-gap-lg-2 {
        row-gap: .5rem!important
    }

    .row-gap-lg-3 {
        row-gap: 1rem!important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-lg-5 {
        row-gap: 3rem!important
    }

    .column-gap-lg-0 {
        column-gap: 0!important
    }

    .column-gap-lg-1 {
        column-gap: .25rem!important
    }

    .column-gap-lg-2 {
        column-gap: .5rem!important
    }

    .column-gap-lg-3 {
        column-gap: 1rem!important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-lg-5 {
        column-gap: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .object-fit-xl-contain {
        object-fit: contain!important
    }

    .object-fit-xl-cover {
        object-fit: cover!important
    }

    .object-fit-xl-fill {
        object-fit: fill!important
    }

    .object-fit-xl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xl-none {
        object-fit: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-inline-grid {
        display: inline-grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xl-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xl-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xl-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xl-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xl-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xl-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xl-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xl-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-xl-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-xl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-xl-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-xl-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-xl-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-xl-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xl-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xl-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: .25rem!important
    }

    .gap-xl-2 {
        gap: .5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .row-gap-xl-0 {
        row-gap: 0!important
    }

    .row-gap-xl-1 {
        row-gap: .25rem!important
    }

    .row-gap-xl-2 {
        row-gap: .5rem!important
    }

    .row-gap-xl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xl-5 {
        row-gap: 3rem!important
    }

    .column-gap-xl-0 {
        column-gap: 0!important
    }

    .column-gap-xl-1 {
        column-gap: .25rem!important
    }

    .column-gap-xl-2 {
        column-gap: .5rem!important
    }

    .column-gap-xl-3 {
        column-gap: 1rem!important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-xl-5 {
        column-gap: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .object-fit-xxl-contain {
        object-fit: contain!important
    }

    .object-fit-xxl-cover {
        object-fit: cover!important
    }

    .object-fit-xxl-fill {
        object-fit: fill!important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xxl-none {
        object-fit: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-inline-grid {
        display: inline-grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xxl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xxl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xxl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xxl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xxl-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xxl-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xxl-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xxl-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xxl-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xxl-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xxl-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xxl-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xxl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-xxl-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-xxl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xxl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xxl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-xxl-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-xxl-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-xxl-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-xxl-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xxl-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xxl-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: .25rem!important
    }

    .gap-xxl-2 {
        gap: .5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .row-gap-xxl-0 {
        row-gap: 0!important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem!important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem!important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem!important
    }

    .column-gap-xxl-0 {
        column-gap: 0!important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem!important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem!important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem!important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-xxl-5 {
        column-gap: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-inline-grid {
        display: inline-grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

.rails-bootstrap-forms-date-select select,.rails-bootstrap-forms-datetime-select select,.rails-bootstrap-forms-time-select select {
    display: inline-block;
    width: auto
}

.rails-bootstrap-forms-error-summary {
    margin-top: 10px
}

/*!
 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900)
}

.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-classic,.fa-regular,.fa-solid,.far,.fas {
    font-family: Font Awesome\ 6 Free
}

.fa-brands,.fab {
    font-family: Font Awesome\ 6 Brands
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .0833333337em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .0714285718em;
    vertical-align: .0535714295em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .0416666682em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin,2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    line-height: inherit;
    position: absolute;
    text-align: center;
    width: var(--fa-li-width,2em)
}

.fa-border {
    border-color: var(--fa-border-color,#eee);
    border-radius: var(--fa-border-radius,.1em);
    border-style: var(--fa-border-style,solid);
    border-width: var(--fa-border-width,.08em);
    padding: var(--fa-border-padding,.2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin,.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin,.3em)
}

.fa-beat {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-beat;
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-bounce {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-bounce;
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}

.fa-fade {
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-fade;
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-beat-fade,.fa-fade {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s)
}

.fa-beat-fade {
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-beat-fade;
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-flip {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-flip;
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-shake {
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-shake;
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-shake,.fa-spin {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal)
}

.fa-spin {
    animation-duration: var(--fa-animation-duration,2s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-spin;
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,.fa-spin-pulse {
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-spin;
    animation-timing-function: var(--fa-animation-timing,steps(8))
}

@media (prefers-reduced-motion:reduce) {
    .fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {
    0%,90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    24%,8% {
        transform: rotate(-18deg)
    }

    12%,28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,to {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle,0))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index,auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse,#fff)
}

.fa-0:before {
    content: "\30"
}

.fa-1:before {
    content: "\31"
}

.fa-2:before {
    content: "\32"
}

.fa-3:before {
    content: "\33"
}

.fa-4:before {
    content: "\34"
}

.fa-5:before {
    content: "\35"
}

.fa-6:before {
    content: "\36"
}

.fa-7:before {
    content: "\37"
}

.fa-8:before {
    content: "\38"
}

.fa-9:before {
    content: "\39"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-arrows-to-circle:before {
    content: "\e4bd"
}

.fa-chevron-circle-right:before,.fa-circle-chevron-right:before {
    content: "\f138"
}

.fa-at:before {
    content: "\40"
}

.fa-trash-alt:before,.fa-trash-can:before {
    content: "\f2ed"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-user-times:before,.fa-user-xmark:before {
    content: "\f235"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-comment-alt:before,.fa-message:before {
    content: "\f27a"
}

.fa-info:before {
    content: "\f129"
}

.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before {
    content: "\f422"
}

.fa-explosion:before {
    content: "\e4e9"
}

.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before {
    content: "\f15c"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-building-un:before {
    content: "\e4d9"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-calendar-alt:before,.fa-calendar-days:before {
    content: "\f073"
}

.fa-anchor-circle-check:before {
    content: "\e4aa"
}

.fa-building-circle-arrow-right:before {
    content: "\e4d1"
}

.fa-volleyball-ball:before,.fa-volleyball:before {
    content: "\f45f"
}

.fa-arrows-up-to-line:before {
    content: "\e4c2"
}

.fa-sort-desc:before,.fa-sort-down:before {
    content: "\f0dd"
}

.fa-circle-minus:before,.fa-minus-circle:before {
    content: "\f056"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-right-from-bracket:before,.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-soap:before {
    content: "\e06e"
}

.fa-heart-music-camera-bolt:before,.fa-icons:before {
    content: "\f86d"
}

.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before {
    content: "\f539"
}

.fa-bridge-circle-check:before {
    content: "\e4c9"
}

.fa-pump-medical:before {
    content: "\e06a"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-magnifying-glass-location:before,.fa-search-location:before {
    content: "\f689"
}

.fa-forward-step:before,.fa-step-forward:before {
    content: "\f051"
}

.fa-face-smile-beam:before,.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-football-ball:before,.fa-football:before {
    content: "\f44e"
}

.fa-school-circle-exclamation:before {
    content: "\e56c"
}

.fa-crop:before {
    content: "\f125"
}

.fa-angle-double-down:before,.fa-angles-down:before {
    content: "\f103"
}

.fa-users-rectangle:before {
    content: "\e594"
}

.fa-people-roof:before {
    content: "\e537"
}

.fa-people-line:before {
    content: "\e534"
}

.fa-beer-mug-empty:before,.fa-beer:before {
    content: "\f0fc"
}

.fa-diagram-predecessor:before {
    content: "\e477"
}

.fa-arrow-up-long:before,.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-burn:before,.fa-fire-flame-simple:before {
    content: "\f46a"
}

.fa-male:before,.fa-person:before {
    content: "\f183"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-truck-plane:before {
    content: "\e58f"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-face-grin-stars:before,.fa-grin-stars:before {
    content: "\f587"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before {
    content: "\f67b"
}

.fa-arrow-down-up-across-line:before {
    content: "\e4af"
}

.fa-spoon:before,.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-jar-wheat:before {
    content: "\e517"
}

.fa-envelopes-bulk:before,.fa-mail-bulk:before {
    content: "\f674"
}

.fa-file-circle-exclamation:before {
    content: "\e4eb"
}

.fa-circle-h:before,.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-pager:before {
    content: "\f815"
}

.fa-address-book:before,.fa-contact-book:before {
    content: "\f2b9"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-k:before {
    content: "\4b"
}

.fa-landmark-flag:before {
    content: "\e51c"
}

.fa-pencil-alt:before,.fa-pencil:before {
    content: "\f303"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-comments:before {
    content: "\f086"
}

.fa-file-clipboard:before,.fa-paste:before {
    content: "\f0ea"
}

.fa-code-pull-request:before {
    content: "\e13c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-truck-loading:before,.fa-truck-ramp-box:before {
    content: "\f4de"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-vial-virus:before {
    content: "\e597"
}

.fa-sheet-plastic:before {
    content: "\e571"
}

.fa-blog:before {
    content: "\f781"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-person-arrow-up-from-line:before {
    content: "\e539"
}

.fa-scroll-torah:before,.fa-torah:before {
    content: "\f6a0"
}

.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before {
    content: "\f458"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-archive:before,.fa-box-archive:before {
    content: "\f187"
}

.fa-person-drowning:before {
    content: "\e545"
}

.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-w:before {
    content: "\57"
}

.fa-earth-africa:before,.fa-globe-africa:before {
    content: "\f57c"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-tablet-alt:before,.fa-tablet-screen-button:before {
    content: "\f3fa"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-trowel-bricks:before {
    content: "\e58a"
}

.fa-face-flushed:before,.fa-flushed:before {
    content: "\f579"
}

.fa-hospital-user:before {
    content: "\f80d"
}

.fa-tent-arrow-left-right:before {
    content: "\e57f"
}

.fa-gavel:before,.fa-legal:before {
    content: "\f0e3"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-box-tissue:before {
    content: "\e05b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-bell-concierge:before,.fa-concierge-bell:before {
    content: "\f562"
}

.fa-pen-ruler:before,.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-people-arrows-left-right:before,.fa-people-arrows:before {
    content: "\e068"
}

.fa-mars-and-venus-burst:before {
    content: "\e523"
}

.fa-caret-square-right:before,.fa-square-caret-right:before {
    content: "\f152"
}

.fa-cut:before,.fa-scissors:before {
    content: "\f0c4"
}

.fa-sun-plant-wilt:before {
    content: "\e57a"
}

.fa-toilets-portable:before {
    content: "\e584"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magnifying-glass-arrow-right:before {
    content: "\e521"
}

.fa-digital-tachograph:before,.fa-tachograph-digital:before {
    content: "\f566"
}

.fa-users-slash:before {
    content: "\e073"
}

.fa-clover:before {
    content: "\e139"
}

.fa-mail-reply:before,.fa-reply:before {
    content: "\f3e5"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-house-fire:before {
    content: "\e50c"
}

.fa-minus-square:before,.fa-square-minus:before {
    content: "\f146"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-down:before,.fa-square-caret-down:before {
    content: "\f150"
}

.fa-file-circle-question:before {
    content: "\e4ef"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-bars:before,.fa-navicon:before {
    content: "\f0c9"
}

.fa-people-group:before {
    content: "\e533"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: "\f253"
}

.fa-heart-broken:before,.fa-heart-crack:before {
    content: "\f7a9"
}

.fa-external-link-square-alt:before,.fa-square-up-right:before {
    content: "\f360"
}

.fa-face-kiss-beam:before,.fa-kiss-beam:before {
    content: "\f597"
}

.fa-film:before {
    content: "\f008"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-people-robbery:before {
    content: "\e536"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-circle-exclamation:before,.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-school-circle-xmark:before {
    content: "\e56d"
}

.fa-arrow-right-from-bracket:before,.fa-sign-out:before {
    content: "\f08b"
}

.fa-chevron-circle-down:before,.fa-circle-chevron-down:before {
    content: "\f13a"
}

.fa-unlock-alt:before,.fa-unlock-keyhole:before {
    content: "\f13e"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-headphones-alt:before,.fa-headphones-simple:before {
    content: "\f58f"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-circle-dollar-to-slot:before,.fa-donate:before {
    content: "\f4b9"
}

.fa-memory:before {
    content: "\f538"
}

.fa-road-spikes:before {
    content: "\e568"
}

.fa-fire-burner:before {
    content: "\e4f1"
}

.fa-flag:before {
    content: "\f024"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-volume-down:before,.fa-volume-low:before {
    content: "\f027"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-compress:before {
    content: "\f066"
}

.fa-wheat-alt:before,.fa-wheat-awn:before {
    content: "\e2cd"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-hands-holding-child:before {
    content: "\e4fa"
}

.fa-asterisk:before {
    content: "\2a"
}

.fa-check-square:before,.fa-square-check:before {
    content: "\f14a"
}

.fa-peseta-sign:before {
    content: "\e221"
}

.fa-figureheader:before,.fa-heading:before {
    content: "\f1dc"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-list-squares:before,.fa-list:before {
    content: "\f03a"
}

.fa-phone-square-alt:before,.fa-square-phone-flip:before {
    content: "\f87b"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-circle-dot:before,.fa-dot-circle:before {
    content: "\f192"
}

.fa-dizzy:before,.fa-face-dizzy:before {
    content: "\f567"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-house-medical-circle-xmark:before {
    content: "\e513"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before {
    content: "\f1e3"
}

.fa-paint-brush:before,.fa-paintbrush:before {
    content: "\f1fc"
}

.fa-lock:before {
    content: "\f023"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-hot-tub-person:before,.fa-hot-tub:before {
    content: "\f593"
}

.fa-map-location:before,.fa-map-marked:before {
    content: "\f59f"
}

.fa-house-flood-water:before {
    content: "\e50e"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-bridge-lock:before {
    content: "\e4cc"
}

.fa-sack-dollar:before {
    content: "\f81d"
}

.fa-edit:before,.fa-pen-to-square:before {
    content: "\f044"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-share-alt:before,.fa-share-nodes:before {
    content: "\f1e0"
}

.fa-heart-circle-minus:before {
    content: "\e4ff"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: "\f252"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-sink:before {
    content: "\e06d"
}

.fa-bag-shopping:before,.fa-shopping-bag:before {
    content: "\f290"
}

.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-person-rays:before {
    content: "\e54d"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-flask-vial:before {
    content: "\e4f3"
}

.fa-hand-paper:before,.fa-hand:before {
    content: "\f256"
}

.fa-om:before {
    content: "\f679"
}

.fa-worm:before {
    content: "\e599"
}

.fa-house-circle-xmark:before {
    content: "\e50b"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-face-kiss:before,.fa-kiss:before {
    content: "\f596"
}

.fa-bridge-circle-xmark:before {
    content: "\e4cb"
}

.fa-face-grin-tongue:before,.fa-grin-tongue:before {
    content: "\f589"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-face-grin-wink:before,.fa-grin-wink:before {
    content: "\f58c"
}

.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-road-circle-check:before {
    content: "\e564"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-rss-square:before,.fa-square-rss:before {
    content: "\f143"
}

.fa-land-mine-on:before {
    content: "\e51b"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-stairs:before {
    content: "\e289"
}

.fa-i:before {
    content: "\49"
}

.fa-hryvnia-sign:before,.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-pills:before {
    content: "\f484"
}

.fa-face-grin-wide:before,.fa-grin-alt:before {
    content: "\f581"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-v:before {
    content: "\56"
}

.fa-bangladeshi-taka-sign:before {
    content: "\e2e6"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-rod-asclepius:before,.fa-rod-snake:before,.fa-staff-aesculapius:before,.fa-staff-snake:before {
    content: "\e579"
}

.fa-head-side-cough-slash:before {
    content: "\e062"
}

.fa-ambulance:before,.fa-truck-medical:before {
    content: "\f0f9"
}

.fa-wheat-awn-circle-exclamation:before {
    content: "\e598"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-road-barrier:before {
    content: "\e562"
}

.fa-school:before {
    content: "\f549"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-joint:before {
    content: "\f595"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-q:before {
    content: "\51"
}

.fa-g:before {
    content: "\47"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-dong-sign:before {
    content: "\e169"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-poo-bolt:before,.fa-poo-storm:before {
    content: "\f75a"
}

.fa-face-frown-open:before,.fa-frown-open:before {
    content: "\f57a"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-helmet-un:before {
    content: "\e503"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-arrow-up-from-bracket:before {
    content: "\e09a"
}

.fa-folder-blank:before,.fa-folder:before {
    content: "\f07b"
}

.fa-file-medical-alt:before,.fa-file-waveform:before {
    content: "\f478"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-chart-simple:before {
    content: "\e473"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-vial:before {
    content: "\f492"
}

.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before {
    content: "\f624"
}

.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before {
    content: "\e2ca"
}

.fa-e:before {
    content: "\45"
}

.fa-pen-alt:before,.fa-pen-clip:before {
    content: "\f305"
}

.fa-bridge-circle-exclamation:before {
    content: "\e4ca"
}

.fa-user:before {
    content: "\f007"
}

.fa-school-circle-check:before {
    content: "\e56b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-shuttle-van:before,.fa-van-shuttle:before {
    content: "\f5b6"
}

.fa-building-user:before {
    content: "\e4da"
}

.fa-caret-square-left:before,.fa-square-caret-left:before {
    content: "\f191"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-key:before {
    content: "\f084"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-person-half-dress:before {
    content: "\e548"
}

.fa-road-bridge:before {
    content: "\e563"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-c:before {
    content: "\43"
}

.fa-tablet-button:before {
    content: "\f10a"
}

.fa-building-lock:before {
    content: "\e4d6"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-area-chart:before,.fa-chart-area:before {
    content: "\f1fe"
}

.fa-house-flag:before {
    content: "\e50d"
}

.fa-person-circle-minus:before {
    content: "\e540"
}

.fa-ban:before,.fa-cancel:before {
    content: "\f05e"
}

.fa-camera-rotate:before {
    content: "\e0d8"
}

.fa-air-freshener:before,.fa-spray-can-sparkles:before {
    content: "\f5d0"
}

.fa-star:before {
    content: "\f005"
}

.fa-repeat:before {
    content: "\f363"
}

.fa-cross:before {
    content: "\f654"
}

.fa-box:before {
    content: "\f466"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-arrow-pointer:before,.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-expand-arrows-alt:before,.fa-maximize:before {
    content: "\f31e"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-shapes:before,.fa-triangle-circle-square:before {
    content: "\f61f"
}

.fa-random:before,.fa-shuffle:before {
    content: "\f074"
}

.fa-person-running:before,.fa-running:before {
    content: "\f70c"
}

.fa-mobile-retro:before {
    content: "\e527"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-spider:before {
    content: "\f717"
}

.fa-hands-bound:before {
    content: "\e4f9"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-plane-circle-exclamation:before {
    content: "\e556"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-slash:before {
    content: "\f715"
}

.fa-computer-mouse:before,.fa-mouse:before {
    content: "\f8cc"
}

.fa-arrow-right-to-bracket:before,.fa-sign-in:before {
    content: "\f090"
}

.fa-shop-slash:before,.fa-store-alt-slash:before {
    content: "\e070"
}

.fa-server:before {
    content: "\f233"
}

.fa-virus-covid-slash:before {
    content: "\e4a9"
}

.fa-shop-lock:before {
    content: "\e4a5"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: "\f251"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-building-wheat:before {
    content: "\e4db"
}

.fa-person-breastfeeding:before {
    content: "\e53a"
}

.fa-right-to-bracket:before,.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-venus:before {
    content: "\f221"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-heart-pulse:before,.fa-heartbeat:before {
    content: "\f21e"
}

.fa-people-carry-box:before,.fa-people-carry:before {
    content: "\f4ce"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-crown:before {
    content: "\f521"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-xmarks-lines:before {
    content: "\e59a"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-weight-scale:before,.fa-weight:before {
    content: "\f496"
}

.fa-user-friends:before,.fa-user-group:before {
    content: "\f500"
}

.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-face-laugh-squint:before,.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-arrow-circle-up:before,.fa-circle-arrow-up:before {
    content: "\f0aa"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-person-walking:before,.fa-walking:before {
    content: "\f554"
}

.fa-l:before {
    content: "\4c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-bed-pulse:before,.fa-procedures:before {
    content: "\f487"
}

.fa-shuttle-space:before,.fa-space-shuttle:before {
    content: "\f197"
}

.fa-face-laugh:before,.fa-laugh:before {
    content: "\f599"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-heart-circle-plus:before {
    content: "\e500"
}

.fa-code-fork:before {
    content: "\e13b"
}

.fa-city:before {
    content: "\f64f"
}

.fa-microphone-alt:before,.fa-microphone-lines:before {
    content: "\f3c9"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-colon-sign:before {
    content: "\e140"
}

.fa-headset:before {
    content: "\f590"
}

.fa-store-slash:before {
    content: "\e071"
}

.fa-road-circle-xmark:before {
    content: "\e566"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-mars-stroke-up:before,.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-champagne-glasses:before,.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-house-circle-exclamation:before {
    content: "\e50a"
}

.fa-file-arrow-up:before,.fa-file-upload:before {
    content: "\f574"
}

.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before {
    content: "\f1eb"
}

.fa-bath:before,.fa-bathtub:before {
    content: "\f2cd"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-user-edit:before,.fa-user-pen:before {
    content: "\f4ff"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-bold:before {
    content: "\f032"
}

.fa-anchor-lock:before {
    content: "\e4ad"
}

.fa-building-ngo:before {
    content: "\e4d7"
}

.fa-manat-sign:before {
    content: "\e1d5"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-border-style:before,.fa-border-top-left:before {
    content: "\f853"
}

.fa-map-location-dot:before,.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-poll:before,.fa-square-poll-vertical:before {
    content: "\f681"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-battery-car:before,.fa-car-battery:before {
    content: "\f5df"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-building-circle-check:before {
    content: "\e4d2"
}

.fa-person-chalkboard:before {
    content: "\e53d"
}

.fa-mars-stroke-h:before,.fa-mars-stroke-right:before {
    content: "\f22b"
}

.fa-hand-back-fist:before,.fa-hand-rock:before {
    content: "\f255"
}

.fa-caret-square-up:before,.fa-square-caret-up:before {
    content: "\f151"
}

.fa-cloud-showers-water:before {
    content: "\e4e4"
}

.fa-bar-chart:before,.fa-chart-bar:before {
    content: "\f080"
}

.fa-hands-bubbles:before,.fa-hands-wash:before {
    content: "\e05e"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-train:before {
    content: "\f238"
}

.fa-eye-low-vision:before,.fa-low-vision:before {
    content: "\f2a8"
}

.fa-crow:before {
    content: "\f520"
}

.fa-sailboat:before {
    content: "\e445"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-plus-square:before,.fa-square-plus:before {
    content: "\f0fe"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-bucket:before {
    content: "\e4cf"
}

.fa-image:before {
    content: "\f03e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-cow:before {
    content: "\f6c8"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-folder-closed:before {
    content: "\e185"
}

.fa-house-tsunami:before {
    content: "\e515"
}

.fa-square-nfi:before {
    content: "\e576"
}

.fa-arrow-up-from-ground-water:before {
    content: "\e4b5"
}

.fa-glass-martini-alt:before,.fa-martini-glass:before {
    content: "\f57b"
}

.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-columns:before,.fa-table-columns:before {
    content: "\f0db"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-head-side-mask:before {
    content: "\e063"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-dolly-box:before,.fa-dolly:before {
    content: "\f472"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-compress-arrows-alt:before,.fa-minimize:before {
    content: "\f78c"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-angle-double-right:before,.fa-angles-right:before {
    content: "\f101"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-circle-play:before,.fa-play-circle:before {
    content: "\f144"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-eur:before,.fa-euro-sign:before,.fa-euro:before {
    content: "\f153"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-check-circle:before,.fa-circle-check:before {
    content: "\f058"
}

.fa-circle-stop:before,.fa-stop-circle:before {
    content: "\f28d"
}

.fa-compass-drafting:before,.fa-drafting-compass:before {
    content: "\f568"
}

.fa-plate-wheat:before {
    content: "\e55a"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-person-shelter:before {
    content: "\e54f"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-face-laugh-beam:before,.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-helicopter-symbol:before {
    content: "\e502"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-chevron-circle-up:before,.fa-circle-chevron-up:before {
    content: "\f139"
}

.fa-lari-sign:before {
    content: "\e1c8"
}

.fa-volcano:before {
    content: "\f770"
}

.fa-person-walking-dashed-line-arrow-right:before {
    content: "\e553"
}

.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before {
    content: "\f154"
}

.fa-viruses:before {
    content: "\e076"
}

.fa-square-person-confined:before {
    content: "\e577"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-arrow-down-long:before,.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-tent-arrow-down-to-line:before {
    content: "\e57e"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: "\f122"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-person-skating:before,.fa-skating:before {
    content: "\f7c5"
}

.fa-filter-circle-dollar:before,.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-arrow-circle-down:before,.fa-circle-arrow-down:before {
    content: "\f0ab"
}

.fa-arrow-right-to-file:before,.fa-file-import:before {
    content: "\f56f"
}

.fa-external-link-square:before,.fa-square-arrow-up-right:before {
    content: "\f14c"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-location-pin-lock:before {
    content: "\e51f"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-hill-avalanche:before {
    content: "\e507"
}

.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before {
    content: "\f2bb"
}

.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before {
    content: "\f516"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-diamond-turn-right:before,.fa-directions:before {
    content: "\f5eb"
}

.fa-burst:before {
    content: "\e4dc"
}

.fa-house-laptop:before,.fa-laptop-house:before {
    content: "\e066"
}

.fa-face-tired:before,.fa-tired:before {
    content: "\f5c8"
}

.fa-money-bills:before {
    content: "\e1f3"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-arrows-turn-right:before {
    content: "\e4c0"
}

.fa-vest:before {
    content: "\e085"
}

.fa-ferry:before {
    content: "\e4ea"
}

.fa-arrows-down-to-people:before {
    content: "\e4b9"
}

.fa-seedling:before,.fa-sprout:before {
    content: "\f4d8"
}

.fa-arrows-alt-h:before,.fa-left-right:before {
    content: "\f337"
}

.fa-boxes-packing:before {
    content: "\e4c7"
}

.fa-arrow-circle-left:before,.fa-circle-arrow-left:before {
    content: "\f0a8"
}

.fa-group-arrows-rotate:before {
    content: "\e4f6"
}

.fa-bowl-food:before {
    content: "\e4c6"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-cloud-bolt:before,.fa-thunderstorm:before {
    content: "\f76c"
}

.fa-remove-format:before,.fa-text-slash:before {
    content: "\f87d"
}

.fa-face-smile-wink:before,.fa-smile-wink:before {
    content: "\f4da"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-arrows-h:before,.fa-arrows-left-right:before {
    content: "\f07e"
}

.fa-house-lock:before {
    content: "\e510"
}

.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-children:before {
    content: "\e4e1"
}

.fa-blackboard:before,.fa-chalkboard:before {
    content: "\f51b"
}

.fa-user-alt-slash:before,.fa-user-large-slash:before {
    content: "\f4fa"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before {
    content: "\e05f"
}

.fa-mattress-pillow:before {
    content: "\e525"
}

.fa-guarani-sign:before {
    content: "\e19a"
}

.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before {
    content: "\f021"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-cruzeiro-sign:before {
    content: "\e152"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-shield-alt:before,.fa-shield-halved:before {
    content: "\f3ed"
}

.fa-atlas:before,.fa-book-atlas:before {
    content: "\f558"
}

.fa-virus:before {
    content: "\e074"
}

.fa-envelope-circle-check:before {
    content: "\e4e8"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-arrows-to-dot:before {
    content: "\e4be"
}

.fa-archway:before {
    content: "\f557"
}

.fa-heart-circle-check:before {
    content: "\e4fd"
}

.fa-house-chimney-crack:before,.fa-house-damage:before {
    content: "\f6f1"
}

.fa-file-archive:before,.fa-file-zipper:before {
    content: "\f1c6"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-glass-martini:before,.fa-martini-glass-empty:before {
    content: "\f000"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cedi-sign:before {
    content: "\e0df"
}

.fa-italic:before {
    content: "\f033"
}

.fa-table-cells-column-lock:before {
    content: "\e678"
}

.fa-church:before {
    content: "\f51d"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-z:before {
    content: "\5a"
}

.fa-person-skiing:before,.fa-skiing:before {
    content: "\f7c9"
}

.fa-road-lock:before {
    content: "\e567"
}

.fa-a:before {
    content: "\41"
}

.fa-temperature-arrow-down:before,.fa-temperature-down:before {
    content: "\e03f"
}

.fa-feather-alt:before,.fa-feather-pointed:before {
    content: "\f56b"
}

.fa-p:before {
    content: "\50"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-ad:before,.fa-rectangle-ad:before {
    content: "\f641"
}

.fa-arrow-circle-right:before,.fa-circle-arrow-right:before {
    content: "\f0a9"
}

.fa-filter-circle-xmark:before {
    content: "\e17b"
}

.fa-locust:before {
    content: "\e520"
}

.fa-sort:before,.fa-unsorted:before {
    content: "\f0dc"
}

.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before {
    content: "\f0cb"
}

.fa-person-dress-burst:before {
    content: "\e544"
}

.fa-money-check-alt:before,.fa-money-check-dollar:before {
    content: "\f53d"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-question:before {
    content: "\3f"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-arrows-alt:before,.fa-up-down-left-right:before {
    content: "\f0b2"
}

.fa-house-chimney-user:before {
    content: "\e065"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-star-half-alt:before,.fa-star-half-stroke:before {
    content: "\f5c0"
}

.fa-code:before {
    content: "\f121"
}

.fa-glass-whiskey:before,.fa-whiskey-glass:before {
    content: "\f7a0"
}

.fa-building-circle-exclamation:before {
    content: "\e4d3"
}

.fa-magnifying-glass-chart:before {
    content: "\e522"
}

.fa-arrow-up-right-from-square:before,.fa-external-link:before {
    content: "\f08e"
}

.fa-cubes-stacked:before {
    content: "\e4e6"
}

.fa-krw:before,.fa-won-sign:before,.fa-won:before {
    content: "\f159"
}

.fa-virus-covid:before {
    content: "\e4a8"
}

.fa-austral-sign:before {
    content: "\e0a9"
}

.fa-f:before {
    content: "\46"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-road:before {
    content: "\f018"
}

.fa-cab:before,.fa-taxi:before {
    content: "\f1ba"
}

.fa-person-circle-plus:before {
    content: "\e541"
}

.fa-chart-pie:before,.fa-pie-chart:before {
    content: "\f200"
}

.fa-bolt-lightning:before {
    content: "\e0b7"
}

.fa-sack-xmark:before {
    content: "\e56a"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-fish-fins:before {
    content: "\e4f2"
}

.fa-building-flag:before {
    content: "\e4d5"
}

.fa-face-grin-beam:before,.fa-grin-beam:before {
    content: "\f582"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-poop:before {
    content: "\f619"
}

.fa-location-pin:before,.fa-map-marker:before {
    content: "\f041"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before {
    content: "\f807"
}

.fa-eject:before {
    content: "\f052"
}

.fa-arrow-alt-circle-right:before,.fa-circle-right:before {
    content: "\f35a"
}

.fa-plane-circle-check:before {
    content: "\e555"
}

.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-chart-line:before,.fa-line-chart:before {
    content: "\f201"
}

.fa-mask-ventilator:before {
    content: "\e524"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-map-signs:before,.fa-signs-post:before {
    content: "\f277"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-person-circle-question:before {
    content: "\e542"
}

.fa-h:before {
    content: "\48"
}

.fa-tarp:before {
    content: "\e57b"
}

.fa-screwdriver-wrench:before,.fa-tools:before {
    content: "\f7d9"
}

.fa-arrows-to-eye:before {
    content: "\e4bf"
}

.fa-plug-circle-bolt:before {
    content: "\e55b"
}

.fa-heart:before {
    content: "\f004"
}

.fa-mars-and-venus:before {
    content: "\f224"
}

.fa-home-user:before,.fa-house-user:before {
    content: "\e1b0"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-house-crack:before {
    content: "\e3b1"
}

.fa-cocktail:before,.fa-martini-glass-citrus:before {
    content: "\f561"
}

.fa-face-surprise:before,.fa-surprise:before {
    content: "\f5c2"
}

.fa-bottle-water:before {
    content: "\e4c5"
}

.fa-circle-pause:before,.fa-pause-circle:before {
    content: "\f28b"
}

.fa-toilet-paper-slash:before {
    content: "\e072"
}

.fa-apple-alt:before,.fa-apple-whole:before {
    content: "\f5d1"
}

.fa-kitchen-set:before {
    content: "\e51a"
}

.fa-r:before {
    content: "\52"
}

.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-bitcoin-sign:before {
    content: "\e0b4"
}

.fa-shield-dog:before {
    content: "\e573"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-elevator:before {
    content: "\e16d"
}

.fa-money-bill-transfer:before {
    content: "\e528"
}

.fa-money-bill-trend-up:before {
    content: "\e529"
}

.fa-house-flood-water-circle-arrow-right:before {
    content: "\e50f"
}

.fa-poll-h:before,.fa-square-poll-horizontal:before {
    content: "\f682"
}

.fa-circle:before {
    content: "\f111"
}

.fa-backward-fast:before,.fa-fast-backward:before {
    content: "\f049"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-plane-slash:before {
    content: "\e069"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-basketball-ball:before,.fa-basketball:before {
    content: "\f434"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-arrow-alt-circle-up:before,.fa-circle-up:before {
    content: "\f35b"
}

.fa-mobile-alt:before,.fa-mobile-screen-button:before {
    content: "\f3cd"
}

.fa-volume-high:before,.fa-volume-up:before {
    content: "\f028"
}

.fa-users-rays:before {
    content: "\e593"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-burger:before,.fa-hamburger:before {
    content: "\f805"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-bugs:before {
    content: "\e4d0"
}

.fa-rupee-sign:before,.fa-rupee:before {
    content: "\f156"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-circle-question:before,.fa-question-circle:before {
    content: "\f059"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-handshake-slash:before {
    content: "\e060"
}

.fa-book-bookmark:before {
    content: "\e0bb"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-bridge:before {
    content: "\e4c8"
}

.fa-phone-alt:before,.fa-phone-flip:before {
    content: "\f879"
}

.fa-truck-front:before {
    content: "\e2b7"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-anchor-circle-exclamation:before {
    content: "\e4ab"
}

.fa-truck-field:before {
    content: "\e58d"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-clipboard-question:before {
    content: "\e4e3"
}

.fa-panorama:before {
    content: "\e209"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-file-circle-minus:before {
    content: "\e4ed"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-fast-forward:before,.fa-forward-fast:before {
    content: "\f050"
}

.fa-face-meh-blank:before,.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-parking:before,.fa-square-parking:before {
    content: "\f540"
}

.fa-house-signal:before {
    content: "\e012"
}

.fa-bars-progress:before,.fa-tasks-alt:before {
    content: "\f828"
}

.fa-faucet-drip:before {
    content: "\e006"
}

.fa-cart-flatbed:before,.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-ban-smoking:before,.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-mobile-button:before {
    content: "\f10b"
}

.fa-house-medical-flag:before {
    content: "\e514"
}

.fa-basket-shopping:before,.fa-shopping-basket:before {
    content: "\f291"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-bus-alt:before,.fa-bus-simple:before {
    content: "\f55e"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-face-sad-cry:before,.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-person-military-to-person:before {
    content: "\e54c"
}

.fa-file-shield:before {
    content: "\e4f0"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-pen:before {
    content: "\f304"
}

.fa-tower-observation:before {
    content: "\e586"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before {
    content: "\f012"
}

.fa-bus:before {
    content: "\f207"
}

.fa-heart-circle-xmark:before {
    content: "\e501"
}

.fa-home-lg:before,.fa-house-chimney:before {
    content: "\e3af"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-face-frown:before,.fa-frown:before {
    content: "\f119"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-shop:before,.fa-store-alt:before {
    content: "\f54f"
}

.fa-floppy-disk:before,.fa-save:before {
    content: "\f0c7"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-balance-scale-left:before,.fa-scale-unbalanced:before {
    content: "\f515"
}

.fa-sort-asc:before,.fa-sort-up:before {
    content: "\f0de"
}

.fa-comment-dots:before,.fa-commenting:before {
    content: "\f4ad"
}

.fa-plant-wilt:before {
    content: "\e5aa"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-face-grin-squint:before,.fa-grin-squint:before {
    content: "\f585"
}

.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-bacterium:before {
    content: "\e05a"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hands-praying:before,.fa-praying-hands:before {
    content: "\f684"
}

.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before {
    content: "\f01e"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-location-crosshairs:before,.fa-location:before {
    content: "\f601"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-child-dress:before {
    content: "\e59c"
}

.fa-users-between-lines:before {
    content: "\e591"
}

.fa-lungs-virus:before {
    content: "\e067"
}

.fa-face-grin-tears:before,.fa-grin-tears:before {
    content: "\f588"
}

.fa-phone:before {
    content: "\f095"
}

.fa-calendar-times:before,.fa-calendar-xmark:before {
    content: "\f273"
}

.fa-child-reaching:before {
    content: "\e59d"
}

.fa-head-side-virus:before {
    content: "\e064"
}

.fa-user-cog:before,.fa-user-gear:before {
    content: "\f4fe"
}

.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-shield-virus:before {
    content: "\e06c"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-mosquito-net:before {
    content: "\e52c"
}

.fa-bridge-water:before {
    content: "\e4ce"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-digging:before,.fa-person-digging:before {
    content: "\f85e"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before {
    content: "\f629"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-quote-right-alt:before,.fa-quote-right:before {
    content: "\f10e"
}

.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before {
    content: "\f553"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-divide:before {
    content: "\f529"
}

.fa-tenge-sign:before,.fa-tenge:before {
    content: "\f7d7"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-hands-holding:before {
    content: "\f4c2"
}

.fa-hands-clapping:before {
    content: "\e1a8"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-person-circle-xmark:before {
    content: "\e543"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-j:before {
    content: "\4a"
}

.fa-users-viewfinder:before {
    content: "\e595"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-external-link-alt:before,.fa-up-right-from-square:before {
    content: "\f35d"
}

.fa-table-cells:before,.fa-th:before {
    content: "\f00a"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-bible:before,.fa-book-bible:before {
    content: "\f647"
}

.fa-o:before {
    content: "\4f"
}

.fa-medkit:before,.fa-suitcase-medical:before {
    content: "\f0fa"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-otter:before {
    content: "\f700"
}

.fa-female:before,.fa-person-dress:before {
    content: "\f182"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-briefcase-clock:before,.fa-business-time:before {
    content: "\f64a"
}

.fa-table-cells-large:before,.fa-th-large:before {
    content: "\f009"
}

.fa-book-tanakh:before,.fa-tanakh:before {
    content: "\f827"
}

.fa-phone-volume:before,.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-clipboard-user:before {
    content: "\f7f3"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-plane-lock:before {
    content: "\e558"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-comment:before {
    content: "\f075"
}

.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before {
    content: "\f1fd"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-angle-double-up:before,.fa-angles-up:before {
    content: "\f102"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-arrow-right-to-city:before {
    content: "\e4b3"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-lungs:before {
    content: "\f604"
}

.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-litecoin-sign:before {
    content: "\e1d3"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-circle-nodes:before {
    content: "\e4e2"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-truck-field-un:before {
    content: "\e58e"
}

.fa-hourglass-empty:before,.fa-hourglass:before {
    content: "\f254"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-user-doctor:before,.fa-user-md:before {
    content: "\f0f0"
}

.fa-circle-info:before,.fa-info-circle:before {
    content: "\f05a"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-camera-alt:before,.fa-camera:before {
    content: "\f030"
}

.fa-square-virus:before {
    content: "\e578"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-car-on:before {
    content: "\e4dd"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-hand-holding-droplet:before,.fa-hand-holding-water:before {
    content: "\f4c1"
}

.fa-water:before {
    content: "\f773"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before {
    content: "\f486"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-person-cane:before {
    content: "\e53c"
}

.fa-tent:before {
    content: "\e57d"
}

.fa-vest-patches:before {
    content: "\e086"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-money-bill-wheat:before {
    content: "\e52a"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before {
    content: "\f0e2"
}

.fa-hard-drive:before,.fa-hdd:before {
    content: "\f0a0"
}

.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-list-alt:before,.fa-rectangle-list:before {
    content: "\f022"
}

.fa-tarp-droplet:before {
    content: "\e57c"
}

.fa-house-medical-circle-check:before {
    content: "\e511"
}

.fa-person-skiing-nordic:before,.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-arrow-alt-circle-left:before,.fa-circle-left:before {
    content: "\f359"
}

.fa-subway:before,.fa-train-subway:before {
    content: "\f239"
}

.fa-chart-gantt:before {
    content: "\e0e4"
}

.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before {
    content: "\e1bc"
}

.fa-crop-alt:before,.fa-crop-simple:before {
    content: "\f565"
}

.fa-money-bill-1:before,.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-left-long:before,.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-dna:before {
    content: "\f471"
}

.fa-virus-slash:before {
    content: "\e075"
}

.fa-minus:before,.fa-subtract:before {
    content: "\f068"
}

.fa-chess:before {
    content: "\f439"
}

.fa-arrow-left-long:before,.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-plug-circle-check:before {
    content: "\e55c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-franc-sign:before {
    content: "\e18f"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before {
    content: "\f2a3"
}

.fa-cog:before,.fa-gear:before {
    content: "\f013"
}

.fa-droplet-slash:before,.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-mosquito:before {
    content: "\e52b"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-person-military-rifle:before {
    content: "\e54b"
}

.fa-cart-shopping:before,.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-vials:before {
    content: "\f493"
}

.fa-plug-circle-plus:before {
    content: "\e55f"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-arrow-turn-up:before,.fa-level-up:before {
    content: "\f148"
}

.fa-u:before {
    content: "\55"
}

.fa-square-root-alt:before,.fa-square-root-variable:before {
    content: "\f698"
}

.fa-clock-four:before,.fa-clock:before {
    content: "\f017"
}

.fa-backward-step:before,.fa-step-backward:before {
    content: "\f048"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-faucet:before {
    content: "\e005"
}

.fa-baseball-bat-ball:before {
    content: "\f432"
}

.fa-s:before {
    content: "\53"
}

.fa-timeline:before {
    content: "\e29c"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-clinic-medical:before,.fa-house-chimney-medical:before {
    content: "\f7f2"
}

.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-mobile-android-alt:before,.fa-mobile-screen:before {
    content: "\f3cf"
}

.fa-plane-up:before {
    content: "\e22d"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-battery-3:before,.fa-battery-half:before {
    content: "\f242"
}

.fa-mountain-city:before {
    content: "\e52e"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-sliders-h:before,.fa-sliders:before {
    content: "\f1de"
}

.fa-folder-tree:before {
    content: "\f802"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-cent-sign:before {
    content: "\e3f5"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-person-pregnant:before {
    content: "\e31e"
}

.fa-wand-sparkles:before {
    content: "\f72b"
}

.fa-ellipsis-v:before,.fa-ellipsis-vertical:before {
    content: "\f142"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-long-arrow-alt-right:before,.fa-right-long:before {
    content: "\f30b"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-laptop-file:before {
    content: "\e51d"
}

.fa-teletype:before,.fa-tty:before {
    content: "\f1e4"
}

.fa-diagram-next:before {
    content: "\e476"
}

.fa-person-rifle:before {
    content: "\e54e"
}

.fa-house-medical-circle-exclamation:before {
    content: "\e512"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-hiking:before,.fa-person-hiking:before {
    content: "\f6ec"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-images:before {
    content: "\f302"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-people-pulling:before {
    content: "\e535"
}

.fa-n:before {
    content: "\4e"
}

.fa-cable-car:before,.fa-tram:before {
    content: "\f7da"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-building-circle-xmark:before {
    content: "\e4d4"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-arrows-down-to-line:before {
    content: "\e4b8"
}

.fa-download:before {
    content: "\f019"
}

.fa-face-grin:before,.fa-grin:before {
    content: "\f580"
}

.fa-backspace:before,.fa-delete-left:before {
    content: "\f55a"
}

.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-file-circle-check:before {
    content: "\e5a0"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before {
    content: "\f3ce"
}

.fa-face-meh:before,.fa-meh:before {
    content: "\f11a"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-book-dead:before,.fa-book-skull:before {
    content: "\f6b7"
}

.fa-drivers-license:before,.fa-id-card:before {
    content: "\f2c2"
}

.fa-dedent:before,.fa-outdent:before {
    content: "\f03b"
}

.fa-heart-circle-exclamation:before {
    content: "\e4fe"
}

.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before {
    content: "\f015"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-b:before {
    content: "\42"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-arrow-right-arrow-left:before,.fa-exchange:before {
    content: "\f0ec"
}

.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before {
    content: "\f2f9"
}

.fa-cutlery:before,.fa-utensils:before {
    content: "\f2e7"
}

.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-mill-sign:before {
    content: "\e1ed"
}

.fa-bowl-rice:before {
    content: "\e2eb"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-broadcast-tower:before,.fa-tower-broadcast:before {
    content: "\f519"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-long-arrow-alt-up:before,.fa-up-long:before {
    content: "\f30c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-code-merge:before {
    content: "\f387"
}

.fa-upload:before {
    content: "\f093"
}

.fa-hurricane:before {
    content: "\f751"
}

.fa-mound:before {
    content: "\e52d"
}

.fa-toilet-portable:before {
    content: "\e583"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-file-arrow-down:before,.fa-file-download:before {
    content: "\f56d"
}

.fa-caravan:before {
    content: "\f8ff"
}

.fa-shield-cat:before {
    content: "\e572"
}

.fa-bolt:before,.fa-zap:before {
    content: "\f0e7"
}

.fa-glass-water:before {
    content: "\e4f4"
}

.fa-oil-well:before {
    content: "\e532"
}

.fa-vault:before {
    content: "\e2c5"
}

.fa-mars:before {
    content: "\f222"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-plane-circle-xmark:before {
    content: "\e557"
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before {
    content: "\f158"
}

.fa-sun:before {
    content: "\f185"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-face-laugh-wink:before,.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-bore-hole:before {
    content: "\e4c3"
}

.fa-industry:before {
    content: "\f275"
}

.fa-arrow-alt-circle-down:before,.fa-circle-down:before {
    content: "\f358"
}

.fa-arrows-turn-to-dots:before {
    content: "\e4c1"
}

.fa-florin-sign:before {
    content: "\e184"
}

.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-less-than:before {
    content: "\3c"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-car-tunnel:before {
    content: "\e4de"
}

.fa-head-side-cough:before {
    content: "\e061"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-arrow-right-long:before,.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-anchor-circle-xmark:before {
    content: "\e4ac"
}

.fa-ellipsis-h:before,.fa-ellipsis:before {
    content: "\f141"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-first-aid:before,.fa-kit-medical:before {
    content: "\f479"
}

.fa-person-through-window:before {
    content: "\e5a9"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-hands-holding-circle:before {
    content: "\e4fb"
}

.fa-bug:before {
    content: "\f188"
}

.fa-credit-card-alt:before,.fa-credit-card:before {
    content: "\f09d"
}

.fa-automobile:before,.fa-car:before {
    content: "\f1b9"
}

.fa-hand-holding-hand:before {
    content: "\e4f7"
}

.fa-book-open-reader:before,.fa-book-reader:before {
    content: "\f5da"
}

.fa-mountain-sun:before {
    content: "\e52f"
}

.fa-arrows-left-right-to-line:before {
    content: "\e4ba"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-truck-droplet:before {
    content: "\e58c"
}

.fa-file-circle-xmark:before {
    content: "\e5a1"
}

.fa-temperature-arrow-up:before,.fa-temperature-up:before {
    content: "\e040"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-bed:before {
    content: "\f236"
}

.fa-h-square:before,.fa-square-h:before {
    content: "\f0fd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-plug-circle-xmark:before {
    content: "\e560"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-hands-helping:before,.fa-handshake-angle:before {
    content: "\f4c4"
}

.fa-location-dot:before,.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-file:before {
    content: "\f15b"
}

.fa-greater-than:before {
    content: "\3e"
}

.fa-person-swimming:before,.fa-swimmer:before {
    content: "\f5c4"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-droplet:before,.fa-tint:before {
    content: "\f043"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before {
    content: "\f57d"
}

.fa-person-burst:before {
    content: "\e53b"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: "\f244"
}

.fa-socks:before {
    content: "\f696"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-section:before {
    content: "\e447"
}

.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before {
    content: "\f625"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before {
    content: "\f0f8"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before {
    content: "\f550"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-blind:before,.fa-person-walking-with-cane:before {
    content: "\f29d"
}

.fa-drum:before {
    content: "\f569"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-heart-circle-bolt:before {
    content: "\e4fc"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-check-to-slot:before,.fa-vote-yea:before {
    content: "\f772"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before {
    content: "\f468"
}

.fa-chain:before,.fa-link:before {
    content: "\f0c1"
}

.fa-assistive-listening-systems:before,.fa-ear-listen:before {
    content: "\f2a2"
}

.fa-tree-city:before {
    content: "\e587"
}

.fa-play:before {
    content: "\f04b"
}

.fa-font:before {
    content: "\f031"
}

.fa-table-cells-row-lock:before {
    content: "\e67a"
}

.fa-rupiah-sign:before {
    content: "\e23d"
}

.fa-magnifying-glass:before,.fa-search:before {
    content: "\f002"
}

.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before {
    content: "\f45d"
}

.fa-diagnoses:before,.fa-person-dots-from-line:before {
    content: "\f470"
}

.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-naira-sign:before {
    content: "\e1f6"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-walkie-talkie:before {
    content: "\f8ef"
}

.fa-file-edit:before,.fa-file-pen:before {
    content: "\f31c"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before {
    content: "\f14b"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-person-circle-exclamation:before {
    content: "\e53f"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before {
    content: "\f240"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-code-compare:before {
    content: "\e13a"
}

.fa-list-dots:before,.fa-list-ul:before {
    content: "\f0ca"
}

.fa-school-lock:before {
    content: "\e56f"
}

.fa-tower-cell:before {
    content: "\e585"
}

.fa-down-long:before,.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-ranking-star:before {
    content: "\e561"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-person-harassing:before {
    content: "\e549"
}

.fa-brazilian-real-sign:before {
    content: "\e46c"
}

.fa-landmark-alt:before,.fa-landmark-dome:before {
    content: "\f752"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-television:before,.fa-tv-alt:before,.fa-tv:before {
    content: "\f26c"
}

.fa-shrimp:before {
    content: "\e448"
}

.fa-list-check:before,.fa-tasks:before {
    content: "\f0ae"
}

.fa-jug-detergent:before {
    content: "\e519"
}

.fa-circle-user:before,.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-car-burst:before,.fa-car-crash:before {
    content: "\f5e1"
}

.fa-y:before {
    content: "\59"
}

.fa-person-snowboarding:before,.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-shipping-fast:before,.fa-truck-fast:before {
    content: "\f48b"
}

.fa-fish:before {
    content: "\f578"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-adjust:before,.fa-circle-half-stroke:before {
    content: "\f042"
}

.fa-clapperboard:before {
    content: "\e131"
}

.fa-circle-radiation:before,.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-baseball-ball:before,.fa-baseball:before {
    content: "\f433"
}

.fa-jet-fighter-up:before {
    content: "\e518"
}

.fa-diagram-project:before,.fa-project-diagram:before {
    content: "\f542"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before {
    content: "\f6a9"
}

.fa-hand-sparkles:before {
    content: "\e05d"
}

.fa-grip-horizontal:before,.fa-grip:before {
    content: "\f58d"
}

.fa-share-from-square:before,.fa-share-square:before {
    content: "\f14d"
}

.fa-child-combatant:before,.fa-child-rifle:before {
    content: "\e4e0"
}

.fa-gun:before {
    content: "\e19b"
}

.fa-phone-square:before,.fa-square-phone:before {
    content: "\f098"
}

.fa-add:before,.fa-plus:before {
    content: "\2b"
}

.fa-expand:before {
    content: "\f065"
}

.fa-computer:before {
    content: "\e4e5"
}

.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before {
    content: "\f00d"
}

.fa-arrows-up-down-left-right:before,.fa-arrows:before {
    content: "\f047"
}

.fa-chalkboard-teacher:before,.fa-chalkboard-user:before {
    content: "\f51c"
}

.fa-peso-sign:before {
    content: "\e222"
}

.fa-building-shield:before {
    content: "\e4d8"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-users-line:before {
    content: "\e592"
}

.fa-quote-left-alt:before,.fa-quote-left:before {
    content: "\f10d"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trash-arrow-up:before,.fa-trash-restore:before {
    content: "\f829"
}

.fa-arrow-down-up-lock:before {
    content: "\e4b0"
}

.fa-lines-leaning:before {
    content: "\e51e"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-equals:before {
    content: "\3d"
}

.fa-blender:before {
    content: "\f517"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before {
    content: "\f20b"
}

.fa-map:before {
    content: "\f279"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-photo-film:before,.fa-photo-video:before {
    content: "\f87c"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-store:before {
    content: "\f54e"
}

.fa-arrow-trend-up:before {
    content: "\e098"
}

.fa-plug-circle-minus:before {
    content: "\e55e"
}

.fa-sign-hanging:before,.fa-sign:before {
    content: "\f4d9"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-tablet-android:before,.fa-tablet:before {
    content: "\f3fb"
}

.fa-school-flag:before {
    content: "\e56e"
}

.fa-fill:before {
    content: "\f575"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-bacteria:before {
    content: "\e059"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-notdef:before {
    content: "\e1fe"
}

.fa-disease:before {
    content: "\f7fa"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-car-alt:before,.fa-car-rear:before {
    content: "\f5de"
}

.fa-pump-soap:before {
    content: "\e06b"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-battery-2:before,.fa-battery-quarter:before {
    content: "\f243"
}

.fa-radio:before {
    content: "\f8d7"
}

.fa-baby-carriage:before,.fa-carriage-baby:before {
    content: "\f77d"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-percent:before,.fa-percentage:before {
    content: "\25"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-glass-water-droplet:before {
    content: "\e4f5"
}

.fa-display:before {
    content: "\e163"
}

.fa-face-smile:before,.fa-smile:before {
    content: "\f118"
}

.fa-thumb-tack:before,.fa-thumbtack:before {
    content: "\f08d"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-person-praying:before,.fa-pray:before {
    content: "\f683"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-rotate:before,.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-robot:before {
    content: "\f544"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-cogs:before,.fa-gears:before {
    content: "\f085"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-arrow-up-right-dots:before {
    content: "\e4b7"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-face-grin-hearts:before,.fa-grin-hearts:before {
    content: "\f584"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-transgender-alt:before,.fa-transgender:before {
    content: "\f225"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-arrow-turn-down:before,.fa-level-down:before {
    content: "\f149"
}

.fa-person-falling-burst:before {
    content: "\e547"
}

.fa-award:before {
    content: "\f559"
}

.fa-ticket-alt:before,.fa-ticket-simple:before {
    content: "\f3ff"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-angle-double-left:before,.fa-angles-left:before {
    content: "\f100"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-clock-rotate-left:before,.fa-history:before {
    content: "\f1da"
}

.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-arrow-right-from-file:before,.fa-file-export:before {
    content: "\f56e"
}

.fa-shield-blank:before,.fa-shield:before {
    content: "\f132"
}

.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-house-medical:before {
    content: "\e3b2"
}

.fa-golf-ball-tee:before,.fa-golf-ball:before {
    content: "\f450"
}

.fa-chevron-circle-left:before,.fa-circle-chevron-left:before {
    content: "\f137"
}

.fa-house-chimney-window:before {
    content: "\e00d"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-tent-arrow-turn-left:before {
    content: "\e580"
}

.fa-tents:before {
    content: "\e582"
}

.fa-magic:before,.fa-wand-magic:before {
    content: "\f0d0"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-moon:before {
    content: "\f186"
}

.fa-wine-glass-alt:before,.fa-wine-glass-empty:before {
    content: "\f5ce"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-music:before {
    content: "\f001"
}

.fa-code-commit:before {
    content: "\f386"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-biking:before,.fa-person-biking:before {
    content: "\f84a"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-shield-heart:before {
    content: "\e574"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-earth-oceania:before,.fa-globe-oceania:before {
    content: "\e47b"
}

.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before {
    content: "\f2d3"
}

.fa-hashtag:before {
    content: "\23"
}

.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before {
    content: "\f424"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-t:before {
    content: "\54"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-chart-column:before {
    content: "\e0e3"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-vial-circle-check:before {
    content: "\e596"
}

.fa-person-arrow-down-to-line:before {
    content: "\e538"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-fan:before {
    content: "\f863"
}

.fa-person-walking-luggage:before {
    content: "\e554"
}

.fa-arrows-alt-v:before,.fa-up-down:before {
    content: "\f338"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-trailer:before {
    content: "\e041"
}

.fa-bahai:before,.fa-haykal:before {
    content: "\f666"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-circle-plus:before,.fa-plus-circle:before {
    content: "\f055"
}

.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-plug-circle-exclamation:before {
    content: "\e55d"
}

.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before {
    content: "\f127"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-person-walking-arrow-loop-left:before {
    content: "\e551"
}

.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-fire-alt:before,.fa-fire-flame-curved:before {
    content: "\f7e4"
}

.fa-tornado:before {
    content: "\f76f"
}

.fa-file-circle-plus:before {
    content: "\e494"
}

.fa-book-quran:before,.fa-quran:before {
    content: "\f687"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-angry:before,.fa-face-angry:before {
    content: "\f556"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-arrow-trend-down:before {
    content: "\e097"
}

.fa-feed:before,.fa-rss:before {
    content: "\f09e"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-balance-scale:before,.fa-scale-balanced:before {
    content: "\f24e"
}

.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before {
    content: "\f62a"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-desktop-alt:before,.fa-desktop:before {
    content: "\f390"
}

.fa-m:before {
    content: "\4d"
}

.fa-table-list:before,.fa-th-list:before {
    content: "\f00b"
}

.fa-comment-sms:before,.fa-sms:before {
    content: "\f7cd"
}

.fa-book:before {
    content: "\f02d"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-check:before {
    content: "\f00c"
}

.fa-battery-4:before,.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-house-circle-check:before {
    content: "\e509"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-diagram-successor:before {
    content: "\e47a"
}

.fa-truck-arrow-right:before {
    content: "\e58b"
}

.fa-arrows-split-up-and-left:before {
    content: "\e4bc"
}

.fa-fist-raised:before,.fa-hand-fist:before {
    content: "\f6de"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-person-falling:before {
    content: "\e546"
}

.fa-image-portrait:before,.fa-portrait:before {
    content: "\f3e0"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-rug:before {
    content: "\e569"
}

.fa-earth-europe:before,.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before {
    content: "\f410"
}

.fa-baht-sign:before {
    content: "\e0ac"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-journal-whills:before,.fa-journal-whills:before {
    content: "\f66a"
}

.fa-handcuffs:before {
    content: "\e4f8"
}

.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before {
    content: "\f071"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-mail-forward:before,.fa-share:before {
    content: "\f064"
}

.fa-bottle-droplet:before {
    content: "\e4c4"
}

.fa-mask-face:before {
    content: "\e1d7"
}

.fa-hill-rockslide:before {
    content: "\e508"
}

.fa-exchange-alt:before,.fa-right-left:before {
    content: "\f362"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-road-circle-exclamation:before {
    content: "\e565"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-hands:before,.fa-sign-language:before,.fa-signing:before {
    content: "\f2a7"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before {
    content: "\f5c5"
}

.fa-arrows-up-down:before,.fa-arrows-v:before {
    content: "\f07d"
}

.fa-face-grimace:before,.fa-grimace:before {
    content: "\f57f"
}

.fa-wheelchair-alt:before,.fa-wheelchair-move:before {
    content: "\e2ce"
}

.fa-level-down-alt:before,.fa-turn-down:before {
    content: "\f3be"
}

.fa-person-walking-arrow-right:before {
    content: "\e552"
}

.fa-envelope-square:before,.fa-square-envelope:before {
    content: "\f199"
}

.fa-dice:before {
    content: "\f522"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-band-aid:before,.fa-bandage:before {
    content: "\f462"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before {
    content: "\f057"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-earth-asia:before,.fa-globe-asia:before {
    content: "\f57e"
}

.fa-id-card-alt:before,.fa-id-card-clip:before {
    content: "\f47f"
}

.fa-magnifying-glass-plus:before,.fa-search-plus:before {
    content: "\f00e"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-allergies:before,.fa-hand-dots:before {
    content: "\f461"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-coffee:before,.fa-mug-saucer:before {
    content: "\f0f4"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-magnifying-glass-minus:before,.fa-search-minus:before {
    content: "\f010"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-user-alt:before,.fa-user-large:before {
    content: "\f406"
}

.fa-train-tram:before {
    content: "\e5b4"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-stopwatch-20:before {
    content: "\e06f"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-jar:before {
    content: "\e516"
}

.fa-note-sticky:before,.fa-sticky-note:before {
    content: "\f249"
}

.fa-bug-slash:before {
    content: "\e490"
}

.fa-arrow-up-from-water-pump:before {
    content: "\e4b6"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-face-sad-tear:before,.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-plane:before {
    content: "\f072"
}

.fa-tent-arrows-down:before {
    content: "\e581"
}

.fa-exclamation:before {
    content: "\21"
}

.fa-arrows-spin:before {
    content: "\e4bb"
}

.fa-print:before {
    content: "\f02f"
}

.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before {
    content: "\e2bb"
}

.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before {
    content: "\24"
}

.fa-x:before {
    content: "\58"
}

.fa-magnifying-glass-dollar:before,.fa-search-dollar:before {
    content: "\f688"
}

.fa-users-cog:before,.fa-users-gear:before {
    content: "\f509"
}

.fa-person-military-pointing:before {
    content: "\e54a"
}

.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before {
    content: "\f19c"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-trowel:before {
    content: "\e589"
}

.fa-d:before {
    content: "\44"
}

.fa-stapler:before {
    content: "\e5af"
}

.fa-masks-theater:before,.fa-theater-masks:before {
    content: "\f630"
}

.fa-kip-sign:before {
    content: "\e1c4"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-handshake-alt:before,.fa-handshake-simple:before {
    content: "\f4c6"
}

.fa-fighter-jet:before,.fa-jet-fighter:before {
    content: "\f0fb"
}

.fa-share-alt-square:before,.fa-square-share-nodes:before {
    content: "\f1e1"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-plus-minus:before {
    content: "\e43c"
}

.fa-video-camera:before,.fa-video:before {
    content: "\f03d"
}

.fa-graduation-cap:before,.fa-mortar-board:before {
    content: "\f19d"
}

.fa-hand-holding-medical:before {
    content: "\e05c"
}

.fa-person-circle-check:before {
    content: "\e53e"
}

.fa-level-up-alt:before,.fa-turn-up:before {
    content: "\f3bf"
}

.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus) {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border-width: 0;
    white-space: nowrap
}

/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,:root {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-display: block;
    font-family: Font Awesome\ 6 Free;
    font-style: normal;
    font-weight: 900;
    src: url(https://cdn.lipscosme.com/assets/font-awesome/fa-solid-900-370bba3c04d5d177f9af8bcb796011e21509808f9a5369289328f89870dba0a0.woff2) format("woff2"),url(https://cdn.lipscosme.com/assets/font-awesome/fa-solid-900-3c7bf1859e32a508e8a6c4750a2e195eb283b77bba013bef0b93a44b11630e2f.ttf) format("truetype")
}

.fa-solid,.fas {
    font-weight: 900
}

/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-display: block;
    font-family: Font Awesome\ 6 Free;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.lipscosme.com/assets/font-awesome/fa-regular-400-f5930dd8a4e66926250f45d051ff86566a4237b8c45d28e3abdc937e0a58aa7f.woff2) format("woff2"),url(https://cdn.lipscosme.com/assets/font-awesome/fa-regular-400-60054ca3c188db05e091d3185a2ad284dd321587b06676bab96797a2764d10f0.ttf) format("truetype")
}

.fa-regular,.far {
    font-weight: 400
}

/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-display: block;
    font-family: Font Awesome\ 6 Brands;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.lipscosme.com/assets/font-awesome/fa-brands-400-4f44a163fb44be54c1a2d02d4637b7a6a39722e313b6569cb81f88a72d879663.woff2) format("woff2"),url(https://cdn.lipscosme.com/assets/font-awesome/fa-brands-400-03e2d94838db33a68d48642e65b9a0c20389c97e7eca5e1d3c5b9b1b6fce4e07.ttf) format("truetype")
}

.fa-brands,.fab {
    font-weight: 400
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-aws:before {
    content: "\f375"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-cloudflare:before {
    content: "\e07d"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-pixiv:before {
    content: "\e640"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-modx:before {
    content: "\f285"
}

.fa-guilded:before {
    content: "\e07e"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-js-square:before,.fa-square-js:before {
    content: "\f3b9"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-orcid:before {
    content: "\f8d2"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-jxl:before {
    content: "\e67b"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-unity:before {
    content: "\e049"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-vk:before {
    content: "\f189"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-reddit-square:before,.fa-square-reddit:before {
    content: "\f1a2"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-square-font-awesome:before {
    content: "\e5ad"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-brave:before {
    content: "\e63c"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-instagram-square:before,.fa-square-instagram:before {
    content: "\e055"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-hacker-news-square:before,.fa-square-hacker-news:before {
    content: "\f3af"
}

.fa-edge:before {
    content: "\f282"
}

.fa-threads:before {
    content: "\e618"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-snapchat-square:before,.fa-square-snapchat:before {
    content: "\f2ad"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-safari:before {
    content: "\f267"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before {
    content: "\f35c"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-watchman-monitoring:before {
    content: "\e087"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-square-viadeo:before,.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-centos:before {
    content: "\f789"
}

.fa-adn:before {
    content: "\f170"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-opensuse:before {
    content: "\e62b"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-dribbble-square:before,.fa-square-dribbble:before {
    content: "\f397"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-node:before {
    content: "\f419"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-debian:before {
    content: "\e60b"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-instalod:before {
    content: "\e081"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-square-twitter:before,.fa-twitter-square:before {
    content: "\f081"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-golang:before {
    content: "\e40f"
}

.fa-kickstarter:before,.fa-square-kickstarter:before {
    content: "\f3bb"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-uncharted:before {
    content: "\e084"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-square-youtube:before,.fa-youtube-square:before {
    content: "\f431"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-rendact:before,.fa-wpressr:before {
    content: "\f3e4"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-nfc-directional:before {
    content: "\e530"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-meta:before {
    content: "\e49b"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-square-letterboxd:before {
    content: "\e62e"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-hips:before {
    content: "\f452"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-discord:before {
    content: "\f392"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-shoelace:before {
    content: "\e60c"
}

.fa-mdb:before {
    content: "\f8ca"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-unsplash:before {
    content: "\e07c"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-square-steam:before,.fa-steam-square:before {
    content: "\f1b7"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-square-vimeo:before,.fa-vimeo-square:before {
    content: "\f194"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-apple:before {
    content: "\f179"
}

.fa-hive:before {
    content: "\e07f"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-padlet:before {
    content: "\e4a0"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-github-square:before,.fa-square-github:before {
    content: "\f092"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-shopify:before {
    content: "\e057"
}

.fa-neos:before {
    content: "\f612"
}

.fa-square-threads:before {
    content: "\e619"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-swift:before {
    content: "\f8e1"
}

.fa-angular:before {
    content: "\f420"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envira:before {
    content: "\f299"
}

.fa-google-scholar:before {
    content: "\e63b"
}

.fa-gitlab-square:before,.fa-square-gitlab:before {
    content: "\e5ae"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-odnoklassniki-square:before,.fa-square-odnoklassniki:before {
    content: "\f264"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-sith:before {
    content: "\f512"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-hashnode:before {
    content: "\e499"
}

.fa-react:before {
    content: "\f41b"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-umbraco:before {
    content: "\f8e8"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-gg:before {
    content: "\f260"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-pinterest-square:before,.fa-square-pinterest:before {
    content: "\f0d3"
}

.fa-xing:before {
    content: "\f168"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-less:before {
    content: "\f41d"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-signal-messenger:before {
    content: "\e663"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-dailymotion:before {
    content: "\e052"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-nfc-symbol:before {
    content: "\e531"
}

.fa-mintbit:before {
    content: "\e62f"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-brave-reverse:before {
    content: "\e63d"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-google-plus-square:before,.fa-square-google-plus:before {
    content: "\f0d4"
}

.fa-web-awesome:before {
    content: "\e682"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-square-xing:before,.fa-xing-square:before {
    content: "\f169"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-fly:before {
    content: "\f417"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-viber:before {
    content: "\f409"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-letterboxd:before {
    content: "\e62d"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-audible:before {
    content: "\f373"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-bilibili:before {
    content: "\e3d9"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-x-twitter:before {
    content: "\e61b"
}

.fa-cotton-bureau:before {
    content: "\f89e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-42-group:before,.fa-innosoft:before {
    content: "\e080"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-pied-piper-square:before,.fa-square-pied-piper:before {
    content: "\e01e"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-square-web-awesome-stroke:before {
    content: "\e684"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-tiktok:before {
    content: "\e07b"
}

.fa-facebook-square:before,.fa-square-facebook:before {
    content: "\f082"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-mixer:before {
    content: "\e056"
}

.fa-lastfm-square:before,.fa-square-lastfm:before {
    content: "\f203"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-figma:before {
    content: "\f799"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-cmplid:before {
    content: "\e360"
}

.fa-upwork:before {
    content: "\e641"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-square-upwork:before {
    content: "\e67c"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-deezer:before {
    content: "\e077"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-docker:before {
    content: "\f395"
}

.fa-screenpal:before {
    content: "\e570"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-microblog:before {
    content: "\e01a"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-square-web-awesome:before {
    content: "\e683"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-wirsindhandwerk:before,.fa-wsh:before {
    content: "\e2d0"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-octopus-deploy:before {
    content: "\e082"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-apper:before {
    content: "\f371"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-bluesky:before {
    content: "\e671"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-snapchat-ghost:before,.fa-snapchat:before {
    content: "\f2ab"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-rust:before {
    content: "\e07a"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-behance-square:before,.fa-square-behance:before {
    content: "\f1b5"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-webflow:before {
    content: "\e65c"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-space-awesome:before {
    content: "\e5ac"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-git-square:before,.fa-square-git:before {
    content: "\f1d2"
}

.fa-square-tumblr:before,.fa-tumblr-square:before {
    content: "\f174"
}

.fa-trello:before {
    content: "\f181"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-perbyte:before {
    content: "\e083"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-android:before {
    content: "\f17b"
}

.fa-bots:before {
    content: "\e340"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-ideal:before {
    content: "\e013"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-uber:before {
    content: "\f402"
}

.fa-github:before {
    content: "\f09b"
}

.fa-php:before {
    content: "\f457"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-firefox-browser:before {
    content: "\e007"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-stubber:before {
    content: "\e5c7"
}

.fa-telegram-plane:before,.fa-telegram:before {
    content: "\f2c6"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-odysee:before {
    content: "\e5c6"
}

.fa-square-whatsapp:before,.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-edge-legacy:before {
    content: "\e078"
}

.fa-slack-hash:before,.fa-slack:before {
    content: "\f198"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-usb:before {
    content: "\f287"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-square-x-twitter:before {
    content: "\e61a"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-medium-m:before,.fa-medium:before {
    content: "\f23a"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-sitrox:before {
    content: "\e44a"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-buy-n-large:before {
    content: "\f8a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-strava:before {
    content: "\f428"
}

.fa-ember:before {
    content: "\f423"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-wodu:before {
    content: "\e088"
}

.fa-google-pay:before {
    content: "\e079"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-zhihu:before {
    content: "\f63f"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-pix:before {
    content: "\e43a"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

:after,:before,:root {
    --expressive-light-blue: #41bff2;
    --expressive-light-blue-rgb: 65 191 242;
    --dark-expressive-light-blue: #0f9fd9;
    --dark-expressive-light-blue-rgb: 15 159 217;
    --expressive-blue: #2a6af4;
    --dark-expressive-blue: #41bff2;
    --expressive-red: #f8436a;
    --expressive-red-rgb: 248 67 106;
    --dark-expressive-red: #f85477;
    --dark-expressive-red-rgb: 248 84 119;
    --background-elevation-high: #fff;
    --dark-background-elevation-high: #111;
    --background-elevation-low: #fcf9f4;
    --dark-background-elevation-low: #000;
    --background-primary: #000;
    --dark-background-primary: #f0f0f0;
    --background-inactive: #e5e5e5;
    --dark-background-inactive: #333;
    --background-surface: #fafafa;
    --dark-background-surface: #444;
    --background-attention: #fff7f9;
    --dark-background-attention: #29191d;
    --background-info: #fffdf7;
    --dark-background-info: #262113;
    --background-positive: #f7fdff;
    --dark-background-positive: #0e1e24;
    --border-separation: #01025a;
    --dark-border-separation: #ffffff1a;
    --object-main: #222;
    --dark-object-main: #fff;
    --object-secondary: #01025a;
    --dark-object-secondary: #d9d9d9;
    --object-tertiary: #cdcdcd;
    --object-tertiary-rgb: 205 205 205;
    --dark-object-tertiary: #858585;
    --dark-object-tertiary-rgb: 133 133 133;
    --object-reverse: #fff;
    --dark-object-reverse: #000;
    --alpha-overlay: #00000080;
    --dark-alpha-overlay: #000c;
    --word-highlight: #ffdde2;
    --dark-word-highlight: #5e5b11
}

@media (max-width: 834px) {
    .sc-articles-list__more-link {
        background-color:#efefef;
        border-radius: 4px;
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 16px 0;
        padding: 13px 0;
        text-align: center;
        width: 360px
    }

    .sc-articles-list__more-link,.sc-articles-list__more-link:active,.sc-articles-list__more-link:focus,.sc-articles-list__more-link:hover {
        color: var(--object-main);
        text-decoration: none
    }
}

body {
    color: #2d2926
}

amp-img img {
    height: auto;
    width: auto
}

.clearfix:after,.clearfix:before {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0
}

@media (min-width: 835px) {
    .visible-for-mobile {
        display:none
    }
}

@media (max-width: 834px) {
    .visible-for-pc {
        display:none
    }
}

#amp-figureheader {
    background: #fff;
    box-shadow: 0 4px 4px 1px rgba(0,0,0,.1);
    height: 48px;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10000
}

#amp-figureheader .amp-figureheader-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1080px
}

#amp-figureheader .amp-figureheader-content__hamburger-link,#amp-figureheader .amp-figureheader-content__search-link {
    background: none;
    border: none;
    color: #2d2926;
    display: block;
    padding: 8px;
    text-decoration: none
}

#amp-figureheader .amp-figureheader-content__hamburger-link:focus,#amp-figureheader .amp-figureheader-content__search-link:focus {
    outline: none
}

#amp-figureheader .amp-figureheader-content__hamburger-link:active,#amp-figureheader .amp-figureheader-content__hamburger-link:focus,#amp-figureheader .amp-figureheader-content__hamburger-link:hover,#amp-figureheader .amp-figureheader-content__search-link:active,#amp-figureheader .amp-figureheader-content__search-link:focus,#amp-figureheader .amp-figureheader-content__search-link:hover {
    color: #2d2926;
    text-decoration: none
}

#amp-figureheader .amp-figureheader-content__hamburger-icon,#amp-figureheader .amp-figureheader-content__search-icon {
    height: 32px;
    width: 32px
}

#amp-figureheader .amp-figureheader-content__root_link {
    display: block
}

#amp-figureheader .amp-figureheader-content__logo_icon {
    height: 48px;
    width: 120px
}

.amp-sidebar {
    width: 80%
}

.amp-sidebar__body {
    background: var(--background-elevation-low)
}

.amp-sidebar__app-banner {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    box-sizing: border-box;
    display: flex;
    height: 64px;
    padding: 12px
}

.amp-sidebar__app-icon,.amp-sidebar__app-icon-container {
    height: 40px;
    margin-right: 8px;
    width: 40px
}

.amp-sidebar__app-icon {
    object-fit: contain
}

.amp-sidebar__app-txt {
    margin: 0;
    width: calc(100% - 128px)
}

.amp-sidebar__app-txt-title {
    color: #2d2926;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 18px;
    margin-bottom: 2px
}

.amp-sidebar__app-txt-subtitle {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.amp-sidebar__download-btn {
    background-color: var(--expressive-red);
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
    height: 32px;
    letter-spacing: 0;
    line-height: 32px;
    margin: 4px 0;
    padding: 0 10px
}

.amp-sidebar__download-btn,.amp-sidebar__download-btn:active,.amp-sidebar__download-btn:focus,.amp-sidebar__download-btn:hover {
    color: #fff;
    text-decoration: none
}

.amp-sidebar__menu-container {
    background: #fff;
    margin: 8px 0 0;
    padding: 8px 0 0
}

.amp-sidebar__main-list {
    border-bottom: 1px solid var(--border-separation);
    list-style-type: none;
    margin: 0;
    padding: 12px 0
}

.amp-sidebar__main-link {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 24px
}

.amp-sidebar__main-link,.amp-sidebar__main-link:active,.amp-sidebar__main-link:focus,.amp-sidebar__main-link:hover {
    color: #2d2926;
    text-decoration: none
}

.amp-sidebar__sub-list {
    background: var(--background-elevation-low);
    list-style-type: none;
    margin: 0;
    padding: 8px 0
}

.amp-sidebar__sub-link {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 24px
}

.amp-sidebar__sub-link,.amp-sidebar__sub-link:active,.amp-sidebar__sub-link:focus,.amp-sidebar__sub-link:hover {
    color: #2d2926;
    text-decoration: none
}

.Analysis-button {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    height: 66px;
    position: relative;
    width: 150px
}

.Analysis-button.pc {
    background-image: url(https://cdn.lipscosme.com/analysis_images/personal_color.png)
}

.Analysis-button.facestyle {
    background-image: url(https://cdn.lipscosme.com/analysis_images/face_style.png)
}

.Analysis-button.skin {
    background-image: url(https://cdn.lipscosme.com/analysis_images/skin_type.png)
}

.Analysis-button__status {
    border-radius: 4px 0 4px 0;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    left: 0;
    line-height: 130%;
    padding: 4px 8px;
    position: absolute;
    top: 0
}

.Analysis-button__status.new {
    background-color: var(--expressive-red)
}

.Analysis-button__status.completed {
    background-color: var(--expressive-light-blue)
}

.Analysis-button__status.incomplete {
    background-color: #ff75c2
}

.Analysis-button__text-block {
    bottom: 10px;
    left: 12px;
    position: absolute
}

.Analysis-button__title {
    color: var(--object-tertiary);
    font-size: 10px;
    font-size: 9px;
    font-weight: 600;
    line-height: 130%
}

.Analysis-button__category {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 130%
}

.BrandCell {
    background: var(--background-elevation-low);
    border-radius: 8px;
    display: flex;
    padding: 12px
}

.BrandCell__image {
    border-radius: 4px;
    flex-grow: 0;
    height: 70px;
    margin-right: 16px;
    width: 70px
}

.BrandCell__flex {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0
}

@media (min-width: 835px) {
    .BrandCell__flex {
        align-items:center;
        display: flex
    }
}

@media (max-width: 834px) {
    .BrandCell__flex {
        flex-direction:column;
        justify-content: space-between
    }
}

.BrandCell__names {
    flex-grow: 1
}

.BrandCell__name {
    font-size: 16px;
    font-weight: 500
}

.BrandCell__alias-name,.BrandCell__name {
    color: var(--object-main);
    line-height: 150%
}

.BrandCell__alias-name {
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px
}

.BrandCell__link {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-left: auto
}

.BrandCell__link,.BrandCell__link:active,.BrandCell__link:focus,.BrandCell__link:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.BrandCell__link:after {
    background-color: var(--expressive-blue);
    content: "";
    display: block;
    height: 20px;
    margin-left: 2px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .BrandCell__link {
        margin-top:8px
    }
}

.chevron-link-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.chevron-link-list__list:not(:last-child) {
    border-bottom: 1px solid var(--border-separation)
}

.chevron-link-list__link {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 16px
}

.chevron-link-list__link,.chevron-link-list__link:active,.chevron-link-list__link:focus,.chevron-link-list__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.chevron-link-list__hstack {
    justify-content: space-between
}

.chevron-link-list__badge-and-chevron,.chevron-link-list__hstack {
    align-items: center;
    display: flex
}

.chevron-link-list__badge {
    border-radius: 8px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    padding: 4px 8px
}

.chevron-link-list__chevron {
    height: auto;
    width: 24px
}

.ECButtonList {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2,1fr)
}

.ECButtonList__horizontal {
    display: flex;
    gap: 8px
}

.ECButtonList__button.asp,.ECButtonList__button.official {
    align-items: center;
    background: var(--background-primary);
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 2px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.ECButtonList__button.asp:hover,.ECButtonList__button.official:hover {
    opacity: .8
}

.ECButtonList__button.asp:active,.ECButtonList__button.asp:focus,.ECButtonList__button.asp:hover,.ECButtonList__button.official:active,.ECButtonList__button.official:focus,.ECButtonList__button.official:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.ECButtonList__button.asp span:not(:first-child),.ECButtonList__button.official span:not(:first-child) {
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.ECButtonList__button.amazon {
    align-items: center;
    background: #f90;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 2px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.ECButtonList__button.amazon:hover {
    opacity: .8
}

.ECButtonList__button.amazon:active,.ECButtonList__button.amazon:focus,.ECButtonList__button.amazon:hover {
    color: #fff;
    text-decoration: none
}

.ECButtonList__button.amazon span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.ECButtonList__button.rakuten {
    align-items: center;
    background: #bf0000;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 2px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.ECButtonList__button.rakuten:hover {
    opacity: .8
}

.ECButtonList__button.rakuten:active,.ECButtonList__button.rakuten:focus,.ECButtonList__button.rakuten:hover {
    color: #fff;
    text-decoration: none
}

.ECButtonList__button.rakuten span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.ECButtonList__button.yahoo {
    align-items: center;
    background: #eb333d;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 2px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.ECButtonList__button.yahoo:hover {
    opacity: .8
}

.ECButtonList__button.yahoo:active,.ECButtonList__button.yahoo:focus,.ECButtonList__button.yahoo:hover {
    color: #fff;
    text-decoration: none
}

.ECButtonList__button.yahoo span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.ECButtonList__button.qoo10 {
    align-items: center;
    background: #ef2c3b;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 2px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.ECButtonList__button.qoo10:hover {
    opacity: .8
}

.ECButtonList__button.qoo10:active,.ECButtonList__button.qoo10:focus,.ECButtonList__button.qoo10:hover {
    color: #fff;
    text-decoration: none
}

.ECButtonList__button.qoo10 span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.CheckBox__option {
    cursor: pointer;
    display: block;
    margin: 0
}

.CheckBox__option span {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.CheckBox__option input {
    display: none
}

.CheckBox__option input+span:before {
    content: "";
    height: 24px;
    margin-right: 4px;
    width: 24px
}

.CheckBox__option[data-type=circle] input+span:before {
    background-color: var(--object-tertiary)
}

.CheckBox__option[data-type=circle] input+span:before,.CheckBox__option[data-type=circle] input:checked+span:before {
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/check_circle-1901a61ab525eba3eb285789a4370332340093f824b21fe1057813a9d5471380.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/check_circle-1901a61ab525eba3eb285789a4370332340093f824b21fe1057813a9d5471380.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.CheckBox__option[data-type=circle] input:checked+span:before {
    background-color: var(--object-main)
}

.CheckBox__option[data-type=square] input+span:before {
    background-color: var(--object-tertiary);
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/check_square_inactive-fa83af0ba368da26d39a2b7d2094ce7fc9a66f2227268fee1e05610037060514.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/check_square_inactive-fa83af0ba368da26d39a2b7d2094ce7fc9a66f2227268fee1e05610037060514.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.CheckBox__option[data-type=square] input:checked+span:before {
    background-color: var(--object-main);
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/check_square_active-cc1d594db45ae1f9c4d8c6491a73cb133f7c12e16ba0b61471b4a71218274fbe.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/check_square_active-cc1d594db45ae1f9c4d8c6491a73cb133f7c12e16ba0b61471b4a71218274fbe.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.Search {
    position: relative
}

.Search[color=gray] input[type=text] {
    background-color: var(--background-elevation-low);
    border: unset
}

.Search[color=white] input[type=text] {
    background-color: var(--background-elevation-high);
    border: 1px solid var(--border-separation)
}

.Search input[type=text] {
    background: url(https://cdn.lipscosme.com/assets/common/search-73c162c56975fb54d49f9860afdbbcee506bb49f7beb7aac9afec6d12c572e08.svg) left 12px center no-repeat;
    background-size: 16px;
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 150%;
    padding: 10px 44px 10px 36px;
    width: 100%
}

.Search input[type=text]::placeholder {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.Search input[type=text]:focus {
    outline: none
}

.Search input[type=text]:focus::placeholder {
    color: transparent
}

.Search button {
    background: none;
    border: none;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 8px;
    width: 24px
}

.Search button:focus {
    outline: none
}

.Search button:before {
    background-color: var(--object-tertiary);
    content: "";
    display: block;
    height: 100%;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/close-circle-3b5e71c572db1f4c9670e95ad9dedb19527b68d70979808a9f1584934b6a1c82.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/close-circle-3b5e71c572db1f4c9670e95ad9dedb19527b68d70979808a9f1584934b6a1c82.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 100%
}

.information[type=primary] {
    align-items: center;
    background: var(--background-positive);
    border: 1px solid var(--expressive-blue);
    border-radius: 4px;
    display: flex;
    padding: 12px 8px
}

.information[type=primary] span {
    color: var(--expressive-blue);
    font-size: 15px;
    font-weight: 400;
    line-height: 170%
}

@media (max-width: 834px) {
    .information[type=primary] span {
        color:var(--expressive-blue);
        font-size: 12px;
        font-weight: 400;
        line-height: 170%
    }
}

.information[type=primary]:before {
    background-color: var(--expressive-blue);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 24px;
    margin-right: 4px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.information[type=info] {
    align-items: center;
    background: var(--background-info);
    border: 1px solid #ff7a45;
    border-radius: 4px;
    display: flex;
    padding: 12px 8px
}

.information[type=info] span {
    color: #ff7a45;
    font-size: 15px;
    font-weight: 400;
    line-height: 170%
}

@media (max-width: 834px) {
    .information[type=info] span {
        color:#ff7a45;
        font-size: 12px;
        font-weight: 400;
        line-height: 170%
    }
}

.information[type=info]:before {
    background-color: #ff7a45;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 24px;
    margin-right: 4px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.information[type=error] {
    align-items: center;
    background: var(--background-attention);
    border: 1px solid var(--expressive-red);
    border-radius: 4px;
    display: flex;
    padding: 12px 8px
}

.information[type=error] span {
    color: var(--expressive-red);
    font-size: 15px;
    font-weight: 400;
    line-height: 170%
}

@media (max-width: 834px) {
    .information[type=error] span {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 400;
        line-height: 170%
    }
}

.information[type=error]:before {
    background-color: var(--expressive-red);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 24px;
    margin-right: 4px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.ProductLargeCell {
    padding: 24px 0
}

.ProductLargeCell__image {
    height: 240px;
    margin: 0 auto 16px;
    position: relative;
    width: 240px
}

@media (max-width: 834px) {
    .ProductLargeCell__image {
        height:100%;
        text-align: center;
        width: 100%
    }
}

.ProductLargeCell__image-thumb {
    height: 100%;
    object-fit: contain;
    width: 100%
}

@media (max-width: 834px) {
    .ProductLargeCell__image-thumb {
        height:160px;
        width: 160px
    }
}

.ProductLargeCell__image-emblem {
    height: 100px;
    left: -100px;
    position: absolute;
    top: 0;
    width: 100px
}

@media (max-width: 834px) {
    .ProductLargeCell__image-emblem {
        height:80px;
        left: 0;
        width: 80px
    }
}

.ProductLargeCell__category {
    background: #efefef;
    border-radius: 4px;
    color: var(--object-main);
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-width: 70px;
    padding: 2px 4px;
    text-align: center
}

@media (max-width: 834px) {
    .ProductLargeCell__category {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%;
        padding: 2.5px 4px
    }
}

.ProductLargeCell__product-link {
    display: block
}

.ProductLargeCell__product-link,.ProductLargeCell__product-link:active,.ProductLargeCell__product-link:focus,.ProductLargeCell__product-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductLargeCell__product-name {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 16px
}

@media (max-width: 834px) {
    .ProductLargeCell__product-name {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin-top: 12px
    }
}

.ProductLargeCell__price-and-rate {
    display: flex;
    gap: 0 12px;
    margin-bottom: 20px;
    margin-top: 16px
}

@media (max-width: 834px) {
    .ProductLargeCell__price-and-rate {
        margin-bottom:16px;
        margin-top: 8px
    }
}

.ProductLargeCell__ratingStar .ratingStar {
    align-items: center;
    display: flex
}

.ProductLargeCell__ratingStar .ratingStar__star {
    height: 20px;
    object-fit: contain
}

@media (max-width: 834px) {
    .ProductLargeCell__ratingStar .ratingStar__star {
        height:16px
    }
}

.ProductLargeCell__ratingStar .ratingStar__num {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 0 2px
}

@media (max-width: 834px) {
    .ProductLargeCell__ratingStar .ratingStar__num {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 0 2px
    }
}

.ProductLargeCell__ratingStar .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 2px
}

@media (max-width: 834px) {
    .ProductLargeCell__ratingStar .ratingStar__ratesCount {
        margin:0 0 0 2px
    }
}

.ProductLargeCell__price {
    align-items: flex-end;
    display: flex;
    gap: 0 2px
}

.ProductLargeCell__price-info {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 1px
}

.ProductLargeCell__price-price {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

.ProductLargeCell__commerce-button {
    margin-bottom: 20px
}

@media (max-width: 834px) {
    .ProductLargeCell__commerce-button {
        margin-bottom:16px
    }
}

.ProductLargeCell__link {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 150%;
    margin-top: 16px
}

.ProductLargeCell__link,.ProductLargeCell__link:active,.ProductLargeCell__link:focus,.ProductLargeCell__link:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.ProductLargeCell__link:after {
    background-color: var(--expressive-blue);
    content: "";
    display: block;
    height: 20px;
    margin-left: 2px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

.ProductLargeCell .ProductCatchWord {
    margin: 16px 0 20px
}

.ProductCatchWord {
    background: var(--background-elevation-low);
    border-radius: 4px;
    padding: 12px;
    position: relative
}

@media (max-width: 834px) {
    .ProductCatchWord {
        border-radius:8px
    }
}

.ProductCatchWord__link,.ProductCatchWord__link:active,.ProductCatchWord__link:focus,.ProductCatchWord__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductCatchWord:hover {
    opacity: .6
}

.ProductCatchWord__content {
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .ProductCatchWord__content {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductCatchWord__user {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0 0
}

.rounded-table {
    border: 1px solid var(--border-separation);
    border-collapse: separate;
    border-radius: 10px;
    border-spacing: 0;
    overflow: hidden;
    width: 100%
}

.rounded-table tr:not(:last-child) td,.rounded-table tr:not(:last-child) th {
    border-bottom: 1px solid var(--border-separation)
}

.rounded-table tr:first-child th:first-child {
    border-top-left-radius: 10px
}

.rounded-table th {
    background: var(--object-secondary);
    color: #fff;
    font-weight: 600;
    text-align: center;
    white-space: nowrap
}

.rounded-table td,.rounded-table th {
    font-size: 15px;
    line-height: 170%;
    padding: 8px
}

.rounded-table td {
    color: var(--object-main);
    font-weight: 300;
    text-align: end
}

.rounded-table td.bold {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%
}

.SeriesCell a,.SeriesCell a:active,.SeriesCell a:focus,.SeriesCell a:hover {
    color: var(--object-main);
    text-decoration: none
}

.SeriesCell img {
    aspect-ratio: 1;
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    display: block;
    object-fit: contain;
    width: 100%
}

.SeriesCell__name {
    margin-top: 12px
}

.SeriesCell[data-type__name=horizontal] {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .SeriesCell[data-type__name=horizontal] {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin-top: 8px
    }
}

.SeriesCell[data-type__name=vertical] {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .SeriesCell[data-type__name=vertical] {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.StealthMarketingDisclaimer {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .StealthMarketingDisclaimer {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.StealthMarketingDisclaimer__link {
    color: var(--object-secondary);
    text-decoration: none;
    text-decoration: underline
}

.StealthMarketingDisclaimer__link:active,.StealthMarketingDisclaimer__link:focus,.StealthMarketingDisclaimer__link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px 120px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:hover,.fancybox-button:link,.fancybox-button:visited {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 24px 120px 60px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption__body p {
    display: -webkit-box;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin: 24px 0 32px;
    max-height: 96px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.fancybox-caption__body a {
    background-color: hsla(0,0%,100%,.24);
    border: 1px solid #fff;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .4px;
    margin: 0 auto;
    max-width: 345px;
    padding: 16px 0;
    text-align: center;
    text-decoration: none
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    border-top: 1px solid #fff;
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
    text-align: left
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #fff;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid;
    border-color: #888 #888 #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes fancybox-rotate {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-slide {
        padding: 0
    }

    .fancybox-caption {
        padding: 16px
    }

    .fancybox-caption__body p {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
        margin: 16px 0;
        max-height: 66px;
        overflow: hidden;
        -webkit-line-clamp: 3
    }

    .fancybox-caption__body a {
        background-color: hsla(0,0%,100%,.24);
        border: 1px solid #fff;
        border-radius: 8px;
        color: #fff;
        display: block;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .4px;
        max-width: 100%;
        padding: 16px 0;
        text-align: center;
        text-decoration: none
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.visually-hidden {
    border-width: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

body:has(.anchor-tab) :target {
    scroll-margin-top: 118px
}

@media (max-width: 834px) {
    body:not(:has(figureheader)) .anchor-tab {
        top:0
    }
}

@media (max-width: 834px) {
    .anchor-tab {
        position:sticky;
        top: 98px;
        transition: transform .45s ease-in-out;
        z-index: 1
    }
}

.anchor-tab__container {
    background-color: var(--background-elevation-high);
    border-bottom: 1px solid var(--border-separation)
}

@media (max-width: 834px) {
    .anchor-tab__container {
        border-bottom:unset
    }
}

.anchor-tab__flex-container {
    align-items: flex-end;
    display: flex;
    gap: 8px
}

@media (max-width: 834px) {
    .anchor-tab__flex-container {
        align-items:flex-start;
        gap: unset
    }
}

.anchor-tab__link {
    background-color: var(--background-elevation-low);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    min-width: 160px;
    position: relative;
    text-align: center
}

.anchor-tab__link,.anchor-tab__link:active,.anchor-tab__link:focus,.anchor-tab__link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

@media (max-width: 834px) {
    .anchor-tab__link {
        border-bottom:1px solid var(--border-separation);
        border-top: 1px solid var(--border-separation);
        min-width: unset;
        width: 100%
    }

    .anchor-tab__link:nth-child(n+2) {
        border-left: 1px solid var(--border-separation);
        margin-left: unset
    }
}

.anchor-tab__link.active {
    background-color: var(--background-elevation-high);
    border-left: 1px solid var(--border-separation);
    border-radius: 4px 4px 0 0;
    border-right: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .anchor-tab__link.active {
        border-bottom:unset;
        border-radius: unset;
        border-right: unset
    }

    .anchor-tab__link.active:first-child {
        border-left: unset
    }
}

@media (min-width: 835px) {
    .anchor-tab__link.active:before {
        background-color:var(--background-elevation-high);
        bottom: -1px;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }
}

.anchor-tab__link-text {
    padding: 16px 20px
}

@media (max-width: 834px) {
    .anchor-tab__link-text {
        padding:16px 8px
    }
}

.BarChart__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .BarChart__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.BarChart__subTitle {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .BarChart__subTitle {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.BarChart__chart-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 8px 0
}

@media (max-width: 834px) {
    .BarChart__chart-list {
        margin:12px 0 24px;
        padding: 0 16px
    }
}

.BarChart__chart-item {
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .BarChart__chart-item {
        width:100%
    }
}

.BarChart__chart-container {
    align-items: center;
    display: flex;
    margin: 0
}

.BarChart__chart-axis {
    border-right: 1px solid var(--border-separation);
    color: #2d2926;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 6px 0;
    width: 80px
}

@media (max-width: 834px) {
    .BarChart__chart-axis {
        color:#2d2926;
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.BarChart__chart-bar {
    display: flex;
    padding: 8px 0;
    width: calc(100% - 80px)
}

.BarChart__chart-num {
    background-color: var(--background-elevation-low);
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 16px;
    position: relative;
    width: 100%
}

.BarChart__chart-num_0 {
    width: 0
}

.BarChart__chart-num_0,.BarChart__chart-num_1 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_1 {
    width: 1%
}

.BarChart__chart-num_2 {
    width: 2%
}

.BarChart__chart-num_2,.BarChart__chart-num_3 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_3 {
    width: 3%
}

.BarChart__chart-num_4 {
    width: 4%
}

.BarChart__chart-num_4,.BarChart__chart-num_5 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_5 {
    width: 5%
}

.BarChart__chart-num_6 {
    width: 6%
}

.BarChart__chart-num_6,.BarChart__chart-num_7 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_7 {
    width: 7%
}

.BarChart__chart-num_8 {
    width: 8%
}

.BarChart__chart-num_8,.BarChart__chart-num_9 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_9 {
    width: 9%
}

.BarChart__chart-num_10 {
    width: 10%
}

.BarChart__chart-num_10,.BarChart__chart-num_11 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_11 {
    width: 11%
}

.BarChart__chart-num_12 {
    width: 12%
}

.BarChart__chart-num_12,.BarChart__chart-num_13 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_13 {
    width: 13%
}

.BarChart__chart-num_14 {
    width: 14%
}

.BarChart__chart-num_14,.BarChart__chart-num_15 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_15 {
    width: 15%
}

.BarChart__chart-num_16 {
    width: 16%
}

.BarChart__chart-num_16,.BarChart__chart-num_17 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_17 {
    width: 17%
}

.BarChart__chart-num_18 {
    width: 18%
}

.BarChart__chart-num_18,.BarChart__chart-num_19 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_19 {
    width: 19%
}

.BarChart__chart-num_20 {
    width: 20%
}

.BarChart__chart-num_20,.BarChart__chart-num_21 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_21 {
    width: 21%
}

.BarChart__chart-num_22 {
    width: 22%
}

.BarChart__chart-num_22,.BarChart__chart-num_23 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_23 {
    width: 23%
}

.BarChart__chart-num_24 {
    width: 24%
}

.BarChart__chart-num_24,.BarChart__chart-num_25 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_25 {
    width: 25%
}

.BarChart__chart-num_26 {
    width: 26%
}

.BarChart__chart-num_26,.BarChart__chart-num_27 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_27 {
    width: 27%
}

.BarChart__chart-num_28 {
    width: 28%
}

.BarChart__chart-num_28,.BarChart__chart-num_29 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_29 {
    width: 29%
}

.BarChart__chart-num_30 {
    width: 30%
}

.BarChart__chart-num_30,.BarChart__chart-num_31 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_31 {
    width: 31%
}

.BarChart__chart-num_32 {
    width: 32%
}

.BarChart__chart-num_32,.BarChart__chart-num_33 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_33 {
    width: 33%
}

.BarChart__chart-num_34 {
    width: 34%
}

.BarChart__chart-num_34,.BarChart__chart-num_35 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_35 {
    width: 35%
}

.BarChart__chart-num_36 {
    width: 36%
}

.BarChart__chart-num_36,.BarChart__chart-num_37 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_37 {
    width: 37%
}

.BarChart__chart-num_38 {
    width: 38%
}

.BarChart__chart-num_38,.BarChart__chart-num_39 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_39 {
    width: 39%
}

.BarChart__chart-num_40 {
    width: 40%
}

.BarChart__chart-num_40,.BarChart__chart-num_41 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_41 {
    width: 41%
}

.BarChart__chart-num_42 {
    width: 42%
}

.BarChart__chart-num_42,.BarChart__chart-num_43 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_43 {
    width: 43%
}

.BarChart__chart-num_44 {
    width: 44%
}

.BarChart__chart-num_44,.BarChart__chart-num_45 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_45 {
    width: 45%
}

.BarChart__chart-num_46 {
    width: 46%
}

.BarChart__chart-num_46,.BarChart__chart-num_47 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_47 {
    width: 47%
}

.BarChart__chart-num_48 {
    width: 48%
}

.BarChart__chart-num_48,.BarChart__chart-num_49 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_49 {
    width: 49%
}

.BarChart__chart-num_50 {
    width: 50%
}

.BarChart__chart-num_50,.BarChart__chart-num_51 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_51 {
    width: 51%
}

.BarChart__chart-num_52 {
    width: 52%
}

.BarChart__chart-num_52,.BarChart__chart-num_53 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_53 {
    width: 53%
}

.BarChart__chart-num_54 {
    width: 54%
}

.BarChart__chart-num_54,.BarChart__chart-num_55 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_55 {
    width: 55%
}

.BarChart__chart-num_56 {
    width: 56%
}

.BarChart__chart-num_56,.BarChart__chart-num_57 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_57 {
    width: 57%
}

.BarChart__chart-num_58 {
    width: 58%
}

.BarChart__chart-num_58,.BarChart__chart-num_59 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_59 {
    width: 59%
}

.BarChart__chart-num_60 {
    width: 60%
}

.BarChart__chart-num_60,.BarChart__chart-num_61 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_61 {
    width: 61%
}

.BarChart__chart-num_62 {
    width: 62%
}

.BarChart__chart-num_62,.BarChart__chart-num_63 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_63 {
    width: 63%
}

.BarChart__chart-num_64 {
    width: 64%
}

.BarChart__chart-num_64,.BarChart__chart-num_65 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_65 {
    width: 65%
}

.BarChart__chart-num_66 {
    width: 66%
}

.BarChart__chart-num_66,.BarChart__chart-num_67 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_67 {
    width: 67%
}

.BarChart__chart-num_68 {
    width: 68%
}

.BarChart__chart-num_68,.BarChart__chart-num_69 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_69 {
    width: 69%
}

.BarChart__chart-num_70 {
    width: 70%
}

.BarChart__chart-num_70,.BarChart__chart-num_71 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_71 {
    width: 71%
}

.BarChart__chart-num_72 {
    width: 72%
}

.BarChart__chart-num_72,.BarChart__chart-num_73 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_73 {
    width: 73%
}

.BarChart__chart-num_74 {
    width: 74%
}

.BarChart__chart-num_74,.BarChart__chart-num_75 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_75 {
    width: 75%
}

.BarChart__chart-num_76 {
    width: 76%
}

.BarChart__chart-num_76,.BarChart__chart-num_77 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_77 {
    width: 77%
}

.BarChart__chart-num_78 {
    width: 78%
}

.BarChart__chart-num_78,.BarChart__chart-num_79 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_79 {
    width: 79%
}

.BarChart__chart-num_80 {
    width: 80%
}

.BarChart__chart-num_80,.BarChart__chart-num_81 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_81 {
    width: 81%
}

.BarChart__chart-num_82 {
    width: 82%
}

.BarChart__chart-num_82,.BarChart__chart-num_83 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_83 {
    width: 83%
}

.BarChart__chart-num_84 {
    width: 84%
}

.BarChart__chart-num_84,.BarChart__chart-num_85 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_85 {
    width: 85%
}

.BarChart__chart-num_86 {
    width: 86%
}

.BarChart__chart-num_86,.BarChart__chart-num_87 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_87 {
    width: 87%
}

.BarChart__chart-num_88 {
    width: 88%
}

.BarChart__chart-num_88,.BarChart__chart-num_89 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_89 {
    width: 89%
}

.BarChart__chart-num_90 {
    width: 90%
}

.BarChart__chart-num_90,.BarChart__chart-num_91 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_91 {
    width: 91%
}

.BarChart__chart-num_92 {
    width: 92%
}

.BarChart__chart-num_92,.BarChart__chart-num_93 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_93 {
    width: 93%
}

.BarChart__chart-num_94 {
    width: 94%
}

.BarChart__chart-num_94,.BarChart__chart-num_95 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_95 {
    width: 95%
}

.BarChart__chart-num_96 {
    width: 96%
}

.BarChart__chart-num_96,.BarChart__chart-num_97 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_97 {
    width: 97%
}

.BarChart__chart-num_98 {
    width: 98%
}

.BarChart__chart-num_98,.BarChart__chart-num_99 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.BarChart__chart-num_99 {
    width: 99%
}

.BarChart__chart-num_100 {
    background-color: var(--object-secondary);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.BarChart__chart-rate {
    color: #2d2926;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 8px;
    vertical-align: top;
    width: 40px
}

@media (max-width: 834px) {
    .BarChart__chart-rate {
        color:#2d2926;
        font-size: 10px;
        font-weight: 400;
        line-height: 150%;
        width: 32px
    }
}

#breadcrumb-area {
    display: block;
    margin-top: 60px;
    padding: 0 0 16px;
    width: 100%
}

@media (max-width: 834px) {
    #breadcrumb-area {
        display:none
    }
}

#breadcrumb-area .breadcrumb {
    background: #fff;
    line-height: 22px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    width: 1080px
}

#breadcrumb-area .breadcrumb li {
    display: inline-block;
    font-size: 10px;
    line-height: 16px;
    margin-right: 4px;
    vertical-align: top
}

#breadcrumb-area .breadcrumb li img {
    display: inline-block;
    height: 16px;
    object-fit: contain;
    vertical-align: top;
    width: 16px
}

#breadcrumb-area .breadcrumb li a {
    color: var(--object-main);
    padding-left: 20px;
    text-decoration: none
}

#breadcrumb-area .breadcrumb li:not(:first-child):before {
    background: url(https://cdn.lipscosme.com/assets/arrow/dark_80-52447cd424710ee5d587086e5e6c7b81312cbda0af683cf347a722056739448a.png) no-repeat;
    background-size: 16px;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0;
    position: absolute;
    transform: scaleX(-1);
    width: 16px
}

#breadcrumb-area .breadcrumb li:first-child a {
    padding-left: 0
}

#breadcrumb-area .breadcrumb li:last-child a {
    cursor: text
}

#breadcrumb-area .breadcrumb+.breadcrumb {
    margin-top: 16px
}

#breadcrumb-area:before {
    clear: both;
    content: "";
    display: block
}

.campaign-notice-banner {
    width: 100%
}

@media (min-width: 835px) {
    .campaign-notice-banner {
        display:flex;
        justify-content: center
    }
}

.campaign-notice-banner img {
    height: auto;
    width: 768px
}

@media (max-width: 834px) {
    .campaign-notice-banner img {
        width:100%
    }
}

.campaign-notice-banner-carousel,.campaign-notice-banner-carousel .splide__track {
    width: 100%
}

.campaign-notice-banner-carousel .splide__list {
    margin: 0;
    padding: 0
}

.campaign-notice-banner-carousel .splide__slide {
    width: 100%
}

.campaign-notice-banner-carousel .splide__arrows,.campaign-notice-banner-carousel .splide__pagination {
    display: none
}

.commerce-product-list {
    position: relative
}

.commerce-product-list__product-image {
    margin-bottom: 8px;
    text-align: center
}

.commerce-product-list__link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none
}

.commerce-product-list__link:active,.commerce-product-list__link:focus,.commerce-product-list__link:hover {
    text-decoration: none
}

.commerce-product-list__rank {
    background: var(--background-primary);
    border-radius: 17px;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.commerce-product-list__rank-num {
    align-items: center;
    color: var(--object-reverse);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 150%
}

.commerce-product-list__thumb {
    background-color: #fff;
    height: 146px;
    object-fit: contain;
    padding: 0 16px;
    width: 146px
}

@media (max-width: 834px) {
    .commerce-product-list__thumb {
        height:91px;
        width: 91px
    }
}

.commerce-product-list__brand-name {
    margin-bottom: 2px
}

.commerce-product-list__brand-name,.commerce-product-list__product-name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.commerce-product-list__product-name {
    margin-bottom: 4px
}

.commerce-product-list__commerce-price-info {
    column-gap: 12px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 0 4px
}

.commerce-product-list__commerce-prices {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 22px
}

.commerce-product-list__commerce-prices--small {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding-left: 2px
}

.commerce-product-list__commerce-prices--red {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px
}

.commerce-product-list__commerce-prices--small-red {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding-left: 2px
}

.commerce-product-list__product-rating .ratingStar {
    display: inline-block;
    vertical-align: baseline
}

.commerce-product-list__product-rating .ratingStar__star {
    height: 14px;
    margin-right: 4px
}

@media (max-width: 834px) {
    .commerce-product-list__product-rating .ratingStar__star {
        height:12px
    }
}

.commerce-product-list__product-rating .ratingStar__num {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    vertical-align: bottom
}

.commerce-product-list__product-rating .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.download_button {
    margin: 24px auto 0;
    width: 90%
}

.download_button__link__image {
    width: 100%
}

#edit .color0 {
    background-color: #d3d3d3
}

#edit .color0,#edit .color1 {
    border-bottom: #000;
    border-top: #000;
    border-width: medium;
    display: block;
    margin: 15px;
    min-height: 270px
}

#edit table {
    min-width: 1140px
}

#edit td.item-box {
    display: inline-block;
    width: 16%
}

#edit td.item-box .item-data .image-target {
    height: 170px;
    width: 170px
}

#edit td.item-box .item-data a {
    color: #00008b
}

#edit td.item-box .edit-box input {
    max-width: 100%
}

#edit div.alter-image-button {
    display: inline-flex;
    height: 30px;
    width: 100%
}

#edit div.alter-image-button div {
    background-color: #5f9ea0;
    border-color: #a9a9a9;
    display: inline;
    max-width: 31%
}

#edit div.alter-image-button div:active,#edit div.alter-image-button div:active:focus,#edit div.alter-image-button div:active:hover,#edit div.alter-image-button div:focus,#edit div.alter-image-button div:hover {
    background-color: #395f60;
    border-color: #000
}

#edit div.relate-and-link-button {
    display: inline-flex
}

#edit div.relate-and-link-button div {
    margin-left: 5%;
    width: 50%
}

#edit .normal-buttons div {
    margin-right: 8px;
    margin-top: 5px
}

#edit .edit-button.unable,#edit .edit-status.unable,#edit .refetch-button.unable,#edit .show-status.unable,#edit .zoom-button.unable {
    display: none
}

div.alert-black {
    background-color: rgba(0,0,0,.38);
    color: #fff;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 100%;
    z-index: 1
}

div.register-container {
    z-index: 0
}

.footer {
    background: var(--background-elevation-low)
}

.footer__container {
    margin: 0 auto;
    padding: 40px 0;
    width: 1080px
}

@media (max-width: 834px) {
    .footer__container {
        padding:32px 24px 24px;
        width: 100%
    }
}

.footer__contents {
    display: flex;
    gap: 32px
}

@media (max-width: 834px) {
    .footer__contents {
        border-bottom:1px solid var(--border-separation);
        flex-direction: column;
        gap: 24px;
        padding-bottom: 24px
    }
}

.footer__service {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    display: flex;
    padding: 20px 12px
}

@media (max-width: 834px) {
    .footer__service {
        flex-direction:column;
        padding: 8px 16px 16px
    }
}

.footer__service__logo {
    object-fit: contain;
    width: 140px
}

@media (max-width: 834px) {
    .footer__service__logo {
        width:135px
    }
}

.footer__service__description {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (min-width: 835px) {
    .footer__sns {
        background:var(--background-elevation-high);
        border: 1px solid var(--border-separation);
        border-radius: 8px;
        padding: 20px 32px
    }
}

.footer__sns__heading {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 8px
}

@media (max-width: 834px) {
    .footer__sns__heading {
        color:var(--object-secondary);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin: 0 0 12px
    }
}

.footer__sns__list {
    display: flex;
    gap: 16px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.footer__sns__icon {
    height: 32px;
    object-fit: contain;
    width: 32px
}

@media (max-width: 834px) {
    .footer__sns__icon {
        height:36px;
        width: 36px
    }
}

.footer__menu {
    display: flex;
    justify-content: space-between;
    margin: 32px 0
}

@media (max-width: 834px) {
    .footer__menu {
        flex-direction:column;
        gap: 24px;
        margin: 24px 0
    }
}

.footer__menu__heading {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .footer__menu__heading {
        color:var(--object-secondary);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.footer__menu__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .footer__menu__list {
        flex-flow:row wrap
    }
}

@media (min-width: 835px) {
    .footer__menu__list.two-column-layout {
        display:grid;
        gap: 8px 60px;
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 834px) {
    .footer__menu__listItem:not(:last-child) {
        align-items:center;
        display: flex;
        gap: 8px
    }

    .footer__menu__listItem:not(:last-child):after {
        border-right: 1px solid var(--border-separation);
        content: "";
        height: 12px
    }
}

.footer__menu__link {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.footer__menu__link,.footer__menu__link:active,.footer__menu__link:focus,.footer__menu__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.footer__border {
    align-self: stretch;
    border-left: 1px solid var(--border-separation)
}

@media (max-width: 834px) {
    .footer__border {
        border-bottom:1px solid var(--border-separation)
    }
}

.footer__privacy-mark {
    display: block;
    height: 44px;
    margin: 0 auto;
    object-fit: contain;
    width: 44px
}

.footer__copyright__content {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0 0;
    text-align: center
}

@media (max-width: 834px) {
    .footer__copyright__content {
        white-space:pre-line
    }
}

#footer-app-banner {
    background: var(--background-elevation-low) url(https://cdn.lipscosme.com/assets/appstore-download-img-06b945309f45fd3925a8035d15a1c7627cfb9026e072a15c5ce16fe1d8cb9d97.jpg) no-repeat;
    background-position: 0 60px;
    background-size: 100%;
    contain: content;
    contain-intrinsic-size: calc(64vw + 108px);
    content-visibility: auto;
    height: calc(64vw + 108px);
    margin: 32px 0;
    padding: 16px 0 24px;
    position: relative;
    width: 100%
}

@media (min-width: 835px) {
    #footer-app-banner {
        content-visibility:hidden;
        display: none
    }
}

#footer-app-banner .inner-container .app-banner-text p {
    color: var(--object-main);
    font-size: calc(17px + 1vw);
    font-weight: 500;
    line-height: 40px;
    margin-right: calc(14px + 1vw);
    text-align: right
}

#footer-app-banner .inner-container .app-banner-link {
    bottom: 24px;
    position: absolute;
    text-decoration: none
}

#footer-app-banner .inner-container .app-banner-link span {
    font-size: calc(8px + 1vw);
    margin-left: calc(21px + 1vw)
}

#footer-app-banner .inner-container .app-banner-link .applink {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100vw
}

#footer-app-banner .inner-container .app-banner-link .applink .iphone-link {
    height: calc(40px + 1vw);
    margin: 10px 26px 10px 10px
}

#footer-app-banner .inner-container .app-banner-link .applink .android-link {
    height: calc(40px + 1vw);
    margin: 10px
}

.figureheader {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    margin: 0 auto;
    position: fixed;
    top: 0;
    transition: transform .45s ease-in-out;
    width: 100%;
    z-index: 10000
}

@media (min-width: 835px) {
    .figureheader {
        height:64px
    }
}

.figureheader__container {
    align-items: center;
    display: flex;
    height: 64px;
    margin: 0 auto;
    max-width: 1080px;
    width: 100%
}

@media (max-width: 834px) {
    .figureheader__container {
        height:48px;
        justify-content: space-between
    }
}

.figureheader__container-logo-only {
    align-items: center;
    display: flex;
    height: 64px;
    margin: 0 auto;
    max-width: 1080px;
    width: 100%
}

@media (max-width: 834px) {
    .figureheader__container-logo-only {
        height:48px;
        justify-content: center
    }
}

.figureheader__left-icons-container {
    align-items: center;
    display: flex;
    height: 48px;
    margin-left: 8px;
    place-content: center flex-start;
    width: 80px
}

.figureheader__hamburger-link {
    display: block;
    padding: 8px
}

.figureheader__right-icons-container {
    align-items: center;
    display: flex;
    height: 48px;
    place-content: center flex-end;
    width: 80px
}

.figureheader__search-link-image {
    filter: brightness(0) saturate(100%) invert(14%) sepia(3%) saturate(0) hue-rotate(192deg) brightness(103%) contrast(104%);
    margin-bottom: 8px;
    margin-right: 20px;
    margin-top: 8px
}

.figureheader__global-search {
    position: relative;
    width: 320px
}

.figureheader__global-search-input {
    background: url(https://cdn.lipscosme.com/assets/feather/search-6615d21f11b72751c746a03e85818e99192d1d4c4fe6debd84f5a377cc3f7c1a.svg) 12px 12px no-repeat;
    background-color: var(--background-elevation-low);
    background-size: 16px;
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 150%;
    padding: 10px 16px 10px 36px;
    width: 100%
}

.figureheader__global-search-input::placeholder {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.figureheader__global-search-input:focus {
    outline: none
}

.figureheader__global-search-input:focus::placeholder {
    color: transparent
}

.figureheader__global-search-history {
    list-style-type: none;
    margin: 0 0 16px;
    padding: 0
}

.figureheader__global-search-history-link {
    align-items: center;
    color: #2d2926;
    display: block;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 16px 0;
    text-decoration: none
}

.figureheader__global-search-history-link:active,.figureheader__global-search-history-link:focus,.figureheader__global-search-history-link:hover {
    color: #2d2926;
    text-decoration: none
}

.figureheader__global-search-history-link:before {
    background: url(https://cdn.lipscosme.com/assets/ic_time-272b52e207b97a32bb5feafe14c764400b87225bb04f49b86e1181edd8538885.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    filter: invert(69%) sepia(0) saturate(1318%) hue-rotate(164deg) brightness(87%) contrast(101%);
    height: 16px;
    margin: 0 8px 0 0;
    width: 16px
}

.figureheader__global-search-history-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin: 0 8px 0 0;
    position: absolute;
    right: 20px;
    width: 16px
}

.figureheader__global-search-suggestion {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.figureheader__global-search-section {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 150%;
    margin: 0 20px
}

.figureheader__global-search-section-link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 0 auto
}

.figureheader__global-search-section-link,.figureheader__global-search-section-link:active,.figureheader__global-search-section-link:focus,.figureheader__global-search-section-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.figureheader__global-search-section-link:active,.figureheader__global-search-section-link:focus,.figureheader__global-search-section-link:hover {
    text-decoration: underline
}

.figureheader__global-search-result {
    background: #fff;
    border-radius: 0 0 4px 4px;
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 8px 0 16px;
    position: absolute;
    right: 0;
    top: 52px
}

.figureheader__global-search-result-item {
    border-bottom: 1px solid var(--border-separation);
    margin: 0 20px;
    padding-right: 20px
}

.figureheader__global-search-result-link {
    align-items: center;
    color: #2d2926;
    display: block;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 16px 0;
    text-decoration: none
}

.figureheader__global-search-result-link:active,.figureheader__global-search-result-link:focus,.figureheader__global-search-result-link:hover {
    color: #2d2926;
    text-decoration: none
}

.figureheader__global-search-result-link:before {
    background: url(https://cdn.lipscosme.com/assets/search/lightgray-31820ad581ddba55a99115c46511e6f8d02391044647087cc19e6a34911fe60d.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin: 0 8px 0 0;
    width: 16px
}

.figureheader__global-search-result-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin: 0 8px 0 0;
    position: absolute;
    right: 20px;
    width: 16px
}

.figureheader__global-search-menu {
    background-color: var(--background-elevation-low);
    border-radius: 0 0 4px 4px;
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 52px
}

.figureheader__global-search-menu-item {
    list-style-type: none;
    margin: 0;
    padding: 16px
}

.figureheader__global-search-menu-link {
    align-items: center;
    display: block;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.figureheader__global-search-menu-link,.figureheader__global-search-menu-link:active,.figureheader__global-search-menu-link:focus,.figureheader__global-search-menu-link:hover {
    color: #2d2926;
    text-decoration: none
}

.figureheader__global-search-menu-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    position: absolute;
    right: 20px;
    width: 18px
}

.figureheader__global-search-menu-history-link {
    align-items: center;
    color: #2d2926;
    display: block;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none
}

.figureheader__global-search-menu-history-link:active,.figureheader__global-search-menu-history-link:focus,.figureheader__global-search-menu-history-link:hover {
    color: #2d2926;
    text-decoration: none
}

.figureheader__global-search-menu-history-link:before {
    background: url(https://cdn.lipscosme.com/assets/ic_time-272b52e207b97a32bb5feafe14c764400b87225bb04f49b86e1181edd8538885.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    margin: 0 8px 0 0;
    width: 18px
}

.figureheader__global-search-menu-history-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    position: absolute;
    right: 20px;
    width: 18px
}

.figureheader__global-search-menu-suggestion {
    background-color: var(--background-elevation-high);
    list-style-type: none;
    margin: 0 0 8px;
    padding: 0
}

.figureheader__global-search-menu-suggestion-more {
    align-items: center;
    color: var(--object-secondary);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 4px;
    justify-content: center;
    line-height: 150%;
    padding-bottom: 16px;
    padding-top: 4px;
    transition: background-color .3s ease
}

.figureheader__global-search-menu-suggestion-more-items {
    display: none
}

.figureheader__global-search-menu-suggestion-more-button {
    height: 16px;
    width: 16px
}

.figureheader__global-search-menu-suggestion-more:hover {
    background-color: #efefef
}

.figureheader__global-search-menu-suggestion-bottom {
    background-color: var(--background-elevation-high);
    list-style-type: none;
    margin: 0;
    padding: 0
}

.figureheader__global-search-menu-trend-word {
    background-color: var(--background-elevation-high);
    list-style-type: none;
    margin: 0;
    padding: 0 16px
}

.figureheader__global-search-menu-trend-word-heading {
    color: #2d2926;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    padding: 16px 0 8px
}

.figureheader__global-search-menu-trend-word-link:hover {
    opacity: .8;
    text-decoration: none
}

.figureheader__global-search-menu-trend-word-item {
    padding: 16px 0
}

.figureheader__global-search-menu-trend-word-item-content {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 12px
}

.figureheader__global-search-menu-trend-word-item-content-center {
    display: flex;
    flex: 2;
    flex-direction: column;
    gap: 4px;
    max-width: 200px
}

.figureheader__global-search-menu-trend-word-item-content-center-top {
    color: var(--object-secondary);
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: left
}

.figureheader__global-search-menu-trend-word-item-content-center-bottom {
    color: var(--object-secondary);
    flex: 1;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    text-align: left
}

.figureheader__global-search-menu-trend-word-item-content:before {
    background: url(https://cdn.lipscosme.com/assets/ic_trend_word-7fe25d965cd1729eb22d6c7ebe87df4a41fdd9d896e56a43c7e0f702f1f34e87.svg) no-repeat;
    border-radius: 50%;
    content: "";
    display: block;
    height: 40px;
    width: 40px
}

.figureheader__global-search-menu-trend-word-item-content:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    position: absolute;
    right: 20px;
    width: 18px
}

.figureheader__global-search-menu-trend-word-item-post-images {
    display: grid;
    grid-gap: 2px;
    grid-template-columns: repeat(4,1fr);
    width: 100%
}

.figureheader__global-search-menu-trend-word-item-post-images-image {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%
}

.figureheader__global-search-menu-trend-word-item-post-images-empty-box {
    aspect-ratio: 1;
    background-color: var(--background-elevation-low);
    width: 100%
}

.figureheader__current-user {
    align-items: center;
    display: flex;
    margin-left: auto
}

.figureheader__current-user-dropdown {
    margin-right: 17px;
    position: relative
}

.figureheader__current-user-profile {
    cursor: pointer
}

.figureheader__current-user-icon {
    border-radius: 50%;
    height: 24px;
    object-fit: cover;
    width: 24px
}

@media (max-width: 834px) {
    .figureheader__current-user-icon {
        margin:4px 0 4px 8px
    }
}

.figureheader__current-user-nickname {
    color: var(--object-main);
    font-size: 14px;
    height: 20px;
    line-height: 150%;
    max-width: 136px;
    overflow: hidden;
    padding: 22px 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .figureheader__current-user-nickname {
        margin:14px 20px 14px 8px
    }
}

.figureheader__current-user-menu-list {
    background: #fff;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 2px 8px;
    position: absolute;
    top: 48px;
    width: 200px
}

.figureheader__current-user-menu-item {
    height: 36px;
    padding: 2px 0
}

.figureheader__current-user-menu-item:not(:last-child) {
    border-bottom: 1px solid var(--border-separation)
}

.figureheader__current-user-menu-link {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    line-height: 150%;
    padding: 0 8px
}

.figureheader__current-user-menu-link,.figureheader__current-user-menu-link:active,.figureheader__current-user-menu-link:focus,.figureheader__current-user-menu-link:hover {
    color: #2d2926;
    text-decoration: none
}

.figureheader__current-user-write-post {
    margin-right: 28px
}

.figureheader__current-user-write-post-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 150%
}

.figureheader__current-user-write-post-link,.figureheader__current-user-write-post-link:active,.figureheader__current-user-write-post-link:focus,.figureheader__current-user-write-post-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.figureheader__current-user-write-post-link:before {
    background: url(https://cdn.lipscosme.com/assets/feather/edit-bc73e2f3771c615e477730588bf82e74169547b7fb18907f697bd927f812b80d.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px
}

.figureheader__sign {
    margin-left: auto;
    margin-right: 25px
}

.figureheader__sign-list {
    align-items: center;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.figureheader__sign-item:first-child:after {
    color: #2d2926;
    content: "|";
    display: content;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 12px
}

.figureheader__signin,.figureheader__signup {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.figureheader__signin,.figureheader__signin:active,.figureheader__signin:focus,.figureheader__signin:hover,.figureheader__signup,.figureheader__signup:active,.figureheader__signup:focus,.figureheader__signup:hover {
    color: var(--object-main);
    text-decoration: none
}

.figureheader-cart-button {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-right: 20px;
    position: relative;
    width: 32px
}

@media (min-width: 835px) {
    .figureheader-cart-button {
        margin-right:17px
    }
}

.figureheader-cart-button__item-number {
    background-color: var(--expressive-red);
    border-radius: 999px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    left: 17px;
    line-height: 150%;
    line-height: 20px;
    min-width: 20px;
    padding: 0 4px;
    position: absolute;
    text-align: center;
    top: 2px
}

@media (max-width: 834px) {
    .figureheader-cart-button__item-number {
        left:8px
    }
}

.figureheader-cart-button__item-number:hover {
    text-decoration: none
}

.figureheader-cart-button img {
    height: 24px;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 24px
}

@media (max-width: 834px) {
    .figureheader-cart-button img {
        height:20px;
        width: 20px
    }
}

.figureheader-logo {
    white-space: nowrap
}

@media (max-width: 834px) {
    .figureheader-logo {
        width:unset
    }
}

.figureheader-logo__link {
    display: inline-block
}

.figureheader-logo__link,.figureheader-logo__link:active,.figureheader-logo__link:focus,.figureheader-logo__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.figureheader-logo__inner {
    margin: 0
}

@media (max-width: 834px) {
    .figureheader-logo__inner {
        font-size:unset
    }
}

.figureheader-logo__icon {
    height: auto;
    width: 160px
}

@media (max-width: 834px) {
    .figureheader-logo__icon {
        width:120px
    }
}

.internal-link {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    margin: 32px 0;
    padding: 8px 16px
}

@media (max-width: 834px) {
    .internal-link {
        margin:28px 16px;
        padding: 8px 12px
    }
}

.internal-link__link {
    align-items: center;
    display: flex;
    gap: 12px
}

.internal-link__link,.internal-link__link:active,.internal-link__link:focus,.internal-link__link:hover {
    color: #2d2926;
    text-decoration: none
}

.internal-link__link:not(:first-child) {
    border-top: 1px solid var(--border-separation);
    margin-top: 2px;
    padding-top: 2px
}

.internal-link__thumb-container {
    position: relative
}

.internal-link__thumb {
    height: 72px;
    object-fit: contain;
    width: 72px
}

.internal-link__content {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    flex-grow: 1;
    max-height: 100%;
    overflow: hidden
}

@media (max-width: 834px) {
    .internal-link__content {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.SharedLayoutToggle--list {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    line-height: 150%;
    position: relative
}

.SharedLayoutToggle--list,.SharedLayoutToggle--list:active,.SharedLayoutToggle--list:focus,.SharedLayoutToggle--list:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .SharedLayoutToggle--list {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.SharedLayoutToggle--list:before {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/post_img_text-3c4e907b48083da5d0e8d6c368060ccd1984d5ad7a5d87a9d7bb750e7ea29fa0.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/post_img_text-3c4e907b48083da5d0e8d6c368060ccd1984d5ad7a5d87a9d7bb750e7ea29fa0.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

@media (max-width: 834px) {
    .SharedLayoutToggle--list:before {
        height:24px;
        width: 24px
    }
}

.SharedLayoutToggle--grid {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    line-height: 150%;
    position: relative
}

.SharedLayoutToggle--grid,.SharedLayoutToggle--grid:active,.SharedLayoutToggle--grid:focus,.SharedLayoutToggle--grid:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .SharedLayoutToggle--grid {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.SharedLayoutToggle--grid:before {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/post_image-21265c74f0ade059af15d090854056a91ce487240889366c697d1001dd6b82f1.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/post_image-21265c74f0ade059af15d090854056a91ce487240889366c697d1001dd6b82f1.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

@media (max-width: 834px) {
    .SharedLayoutToggle--grid:before {
        height:24px;
        width: 24px
    }
}

.link-tab__list {
    background: var(--background-elevation-high);
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.link-tab__item {
    border-bottom: 1px solid var(--border-separation);
    flex: 1;
    text-align: center
}

.link-tab__item.active {
    border-bottom: 2px solid var(--background-primary)
}

.link-tab__title {
    position: relative
}

.link-tab__link {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 150%;
    padding: 20px 16px;
    text-decoration: none
}

@media (max-width: 834px) {
    .link-tab__link {
        font-size:12px;
        padding: 16px 12px
    }
}

.link-tab__link:active,.link-tab__link:focus,.link-tab__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.link-tab__link.active {
    color: var(--object-main)
}

.link-tab__notice {
    background: var(--expressive-red);
    border-radius: 3px;
    height: 6px;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 6px
}

.lips-pagination {
    margin: 24px 0 0
}

@media (max-width: 834px) {
    .lips-pagination {
        background-color:var(--background-elevation-high);
        margin: 0;
        padding: 16px 0 0
    }
}

.lips-pagination__more-link {
    background-color: var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center
}

.lips-pagination__more-link,.lips-pagination__more-link:active,.lips-pagination__more-link:focus,.lips-pagination__more-link:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .lips-pagination__more-link {
        margin:8px 16px 0;
        width: -webkit-fill-available;
        width: -moz-available;
        width: stretch
    }
}

.lips-pagination__paginate {
    border-bottom: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    width: 100%
}

@media (max-width: 834px) {
    .lips-pagination__paginate {
        border:unset
    }
}

.lips-pagination__list {
    align-items: center;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 304px
}

@media (max-width: 834px) {
    .lips-pagination__list {
        width:100%
    }
}

.lips-pagination__page-info {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .lips-pagination__page-info {
        font-size:14px
    }
}

.lips-pagination__next,.lips-pagination__prev {
    display: block;
    padding: 16px 0
}

@media (max-width: 834px) {
    .lips-pagination__next,.lips-pagination__prev {
        padding:16px 8px
    }
}

.lips-pagination__next-arrow,.lips-pagination__prev-arrow {
    height: 32px;
    object-fit: contain;
    width: 32px
}

@media (max-width: 834px) {
    .lips-pagination__next-arrow,.lips-pagination__prev-arrow {
        height:24px;
        width: 24px
    }
}

.main-figure {
    margin: 32px auto 0;
    max-width: 1080px
}

@media (max-width: 834px) {
    .main-figure {
        margin-top:0;
        width: 100%
    }
}

.main-figure .flex-row {
    display: flex;
    flex-direction: row
}

@media (max-width: 834px) {
    .main-figure .flex-row {
        display:block
    }
}

.main-figure .flex-row #main-col {
    padding: 0 48px 0 0;
    width: calc(100% - 320px)
}

@media (max-width: 834px) {
    .main-figure .flex-row #main-col {
        padding:0;
        width: 100%
    }
}

@media (min-width: 835px) {
    .main-figure .flex-row #main-col>div:last-child {
        margin-bottom:0
    }
}

.main-figure .flex-row #sub-col {
    flex-shrink: 0;
    width: 320px
}

@media (max-width: 834px) {
    .main-figure .flex-row #sub-col {
        width:100%
    }
}

.modal-area {
    background: #fff;
    border-radius: 12px;
    color: var(--object-main);
    display: none;
    height: 540px;
    left: 0;
    margin: 108px auto 0;
    max-width: 800px;
    overflow: scroll;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10001
}

@media (max-width: 834px) {
    .modal-area {
        border-radius:0;
        height: 100%;
        margin: 0;
        top: 0;
        width: 100%;
        z-index: 10000
    }
}

.modal-area .modal-title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    height: 40px;
    margin: 0 auto;
    max-width: 800px;
    padding-top: 13px;
    position: fixed;
    width: 100%;
    z-index: 200
}

@media (max-width: 834px) {
    .modal-area .modal-title-area {
        box-shadow:0 2px 4px 0 rgba(0,0,0,.2);
        height: 48px;
        padding: 0
    }
}

.modal-area .modal-title-area ul#nav-tabs {
    background: #fff;
    height: 26px;
    margin: 0 auto;
    padding: 0;
    width: auto
}

.modal-area .modal-title-area ul#nav-tabs li.nav-item {
    height: 25px;
    margin: 0 20px;
    padding: 0;
    width: 160px
}

.modal-area .modal-title-area ul#nav-tabs li.nav-item a.nav-link {
    box-sizing: content-box;
    font-size: 14px;
    height: 24px;
    letter-spacing: .5px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 160px
}

@media (max-width: 834px) {
    .modal-area .modal-title-area ul#nav-tabs.follow-tabs {
        height:100%
    }

    .modal-area .modal-title-area ul#nav-tabs.follow-tabs li.nav-item {
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

    .modal-area .modal-title-area ul#nav-tabs.follow-tabs li.nav-item a.nav-link {
        display: none
    }

    .modal-area .modal-title-area ul#nav-tabs.follow-tabs li.nav-item a.active {
        border: none;
        color: var(--object-main);
        display: block;
        font-size: 14px;
        font-weight: 700;
        height: 20px;
        line-height: 20px;
        margin: 14px 0;
        width: 100%
    }

    .modal-area .modal-title-area ul#nav-tabs.clip-tabs {
        height: 32px;
        padding-top: 8px;
        width: 100%
    }

    .modal-area .modal-title-area ul#nav-tabs.clip-tabs li.nav-item {
        height: 32px;
        width: 50%
    }

    .modal-area .modal-title-area ul#nav-tabs.clip-tabs li.nav-item a.nav-link {
        height: 20px;
        margin: 0;
        padding: 4px 0 8px;
        width: 100%
    }
}

.modal-area .modal-title-area p.modal-sp-title {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    letter-spacing: .5px;
    line-height: 48px;
    margin: 0;
    text-align: center;
    width: 100%
}

@media (min-width: 835px) {
    .modal-area .modal-title-area p.modal-sp-title {
        display:none
    }
}

.modal-area .modal-title-area .close-btn {
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    position: absolute
}

@media (min-width: 835px) {
    .modal-area .modal-title-area .close-btn {
        background-image:url(https://cdn.lipscosme.com/assets/cross/dark_80-3af3a0a8614d9d8e100c92f8b977c8e03cadca17b36907826b48c1c3fc351b30.png);
        height: 20px;
        right: 16px;
        top: 12px;
        width: 20px
    }
}

@media (max-width: 834px) {
    .modal-area .modal-title-area .close-btn {
        background-image:url(https://cdn.lipscosme.com/assets/arrow/dark_80-52447cd424710ee5d587086e5e6c7b81312cbda0af683cf347a722056739448a.png);
        height: 30px;
        left: 12px;
        top: 9px;
        width: 30px
    }
}

.modal-area .modal-list {
    padding: 40px 16px 0;
    position: relative;
    z-index: 100
}

@media (max-width: 834px) {
    .modal-area .modal-list {
        padding:48px 0 0
    }
}

.modal-area .modal-list .sp-modal-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 700;
    height: 20px;
    letter-spacing: .5px;
    text-align: center
}

@media (max-width: 834px) {
    .modal-area .modal-clip-list {
        height:100%;
        padding-top: 88px
    }
}

.modal-area .modal-clip-list .modal-clip-post-list,.modal-area .modal-clip-list .modal-clip-product-list {
    height: 100%;
    padding: 0 0 20px
}

@media (max-width: 834px) {
    .modal-area .modal-clip-list .modal-clip-post-list,.modal-area .modal-clip-list .modal-clip-product-list {
        padding-top:16px
    }
}

.advanced-search {
    background: #fff;
    border-radius: 24px;
    bottom: 0;
    display: none;
    height: 640px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    z-index: 10000
}

@media (max-width: 834px) {
    .advanced-search {
        border-radius:0;
        height: 100%;
        width: 100%
    }
}

.advanced-search__figureheader {
    border-bottom: 1px solid var(--border-separation);
    position: relative
}

@media (max-width: 834px) {
    .advanced-search__figureheader {
        border:unset;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.08)
    }
}

.advanced-search__title {
    color: #2d2926;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 20px 0;
    text-align: center
}

@media (max-width: 834px) {
    .advanced-search__title {
        padding:12px 0
    }
}

.advanced-search__close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 20px
}

.advanced-search__close:focus {
    outline: none
}

@media (max-width: 834px) {
    .advanced-search__close {
        right:8px;
        top: 8px
    }
}

.advanced-search__close-icon {
    height: 24px;
    object-fit: contain;
    width: 24px
}

@media (max-width: 834px) {
    .advanced-search__close-icon {
        height:32px;
        width: 32px
    }
}

.advanced-search__body {
    padding: 16px 0
}

.advanced-search__form-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.advanced-search__form-item {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    justify-content: space-between;
    padding: 12px 16px
}

.advanced-search__form-label {
    color: #2d2926;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 4px 0 0;
    width: 56px
}

.advanced-search__form-commit {
    padding: 24px 16px
}

.advanced-search__form-submit {
    background: none;
    background: var(--expressive-red);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 12px 0;
    width: 100%
}

.advanced-search__form-submit:focus {
    outline: none
}

.advanced-search__form-clear {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0 0;
    text-align: center
}

.advanced-search__form-clear,.advanced-search__form-clear:active,.advanced-search__form-clear:focus,.advanced-search__form-clear:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.advanced-search__brand-name,.advanced-search__category-name {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-end;
    line-height: 150%;
    margin-left: auto;
    text-decoration: none;
    width: calc(100% - 60px)
}

.advanced-search__brand-name:active,.advanced-search__brand-name:focus,.advanced-search__brand-name:hover,.advanced-search__category-name:active,.advanced-search__category-name:focus,.advanced-search__category-name:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.advanced-search__brand-name:after,.advanced-search__category-name:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 0 0 4px;
    transform: rotate(90deg);
    width: 20px
}

.brand-select-modal {
    background: #fff;
    border-radius: 24px;
    bottom: 0;
    display: none;
    height: 640px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    z-index: 10000
}

@media (max-width: 834px) {
    .brand-select-modal {
        border-radius:0;
        height: 100%;
        width: 100%
    }
}

.brand-select-modal__figureheader {
    border-bottom: 1px solid var(--border-separation);
    position: relative
}

@media (max-width: 834px) {
    .brand-select-modal__figureheader {
        border:unset;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.08)
    }
}

.brand-select-modal__title {
    color: #2d2926;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 20px 0;
    text-align: center
}

@media (max-width: 834px) {
    .brand-select-modal__title {
        padding:12px 0
    }
}

.brand-select-modal__close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 20px
}

.brand-select-modal__close:focus {
    outline: none
}

@media (max-width: 834px) {
    .brand-select-modal__close {
        right:8px;
        top: 8px
    }
}

.brand-select-modal__close-icon {
    height: 24px;
    object-fit: contain;
    width: 24px
}

@media (max-width: 834px) {
    .brand-select-modal__close-icon {
        height:32px;
        width: 32px
    }
}

.brand-select-modal__body {
    padding: 24px 40px 16px
}

@media (max-width: 834px) {
    .brand-select-modal__body {
        padding:0
    }
}

.brand-select-modal__input-container {
    padding: 0 0 16px
}

@media (max-width: 834px) {
    .brand-select-modal__input-container {
        padding:16px
    }
}

.brand-select-modal__input {
    background: url(https://cdn.lipscosme.com/assets/feather/search-6615d21f11b72751c746a03e85818e99192d1d4c4fe6debd84f5a377cc3f7c1a.svg) 12px 12px no-repeat;
    background-color: var(--background-elevation-low);
    background-size: 16px;
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 150%;
    padding: 10px 16px 10px 36px;
    width: 100%
}

.brand-select-modal__input::placeholder {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.brand-select-modal__input:focus {
    outline: none
}

.brand-select-modal__input:focus::placeholder {
    color: transparent
}

.brand-select-modal__result-list {
    height: 480px;
    list-style-type: none;
    margin: 0;
    overflow-y: auto;
    padding: 0
}

@media (max-width: 834px) {
    .brand-select-modal__result-list {
        height:calc(100vh - 120px)
    }
}

.brand-select-modal__result-link {
    border-bottom: 1px solid var(--border-separation);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px
}

.brand-select-modal__result-link,.brand-select-modal__result-link:active,.brand-select-modal__result-link:focus,.brand-select-modal__result-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .brand-select-modal__result-link {
        padding:12px 16px
    }
}

.category-select-modal {
    background: #fff;
    border-radius: 24px;
    bottom: 0;
    display: none;
    height: 640px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    z-index: 10000
}

@media (max-width: 834px) {
    .category-select-modal {
        border-radius:0;
        height: 100%;
        width: 100%
    }
}

.category-select-modal__figureheader {
    border-bottom: 1px solid var(--border-separation);
    position: relative
}

@media (max-width: 834px) {
    .category-select-modal__figureheader {
        border:unset;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.08)
    }
}

.category-select-modal__title {
    color: #2d2926;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 20px 0;
    text-align: center
}

@media (max-width: 834px) {
    .category-select-modal__title {
        padding:12px 0
    }
}

.category-select-modal__close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 20px
}

.category-select-modal__close:focus {
    outline: none
}

@media (max-width: 834px) {
    .category-select-modal__close {
        right:8px;
        top: 8px
    }
}

.category-select-modal__close-icon {
    height: 24px;
    object-fit: contain;
    width: 24px
}

@media (max-width: 834px) {
    .category-select-modal__close-icon {
        height:32px;
        width: 32px
    }
}

.category-select-modal__body {
    padding: 16px 40px
}

@media (max-width: 834px) {
    .category-select-modal__body {
        padding:16px 0
    }
}

.category-select-modal__list {
    height: 480px;
    list-style-type: none;
    margin: 0;
    overflow-y: auto;
    padding: 0
}

@media (max-width: 834px) {
    .category-select-modal__list {
        height:calc(100vh - 120px)
    }
}

.category-select-modal__link {
    border-bottom: 1px solid var(--border-separation);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px
}

.category-select-modal__link,.category-select-modal__link:active,.category-select-modal__link:focus,.category-select-modal__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .category-select-modal__link {
        padding:12px 16px
    }
}

.category-select-modal__back-link {
    align-items: center;
    background: var(--background-elevation-low);
    border-radius: 8px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0 0;
    padding: 12px
}

.category-select-modal__back-link,.category-select-modal__back-link:active,.category-select-modal__back-link:focus,.category-select-modal__back-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .category-select-modal__back-link {
        border-bottom:1px solid var(--border-separation);
        border-radius: 0;
        margin: 0;
        padding: 12px 16px
    }
}

.category-select-modal__back-link:before {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 4px 0 0;
    transform: rotate(-90deg);
    width: 20px
}

#download-login-modal {
    background: #fff;
    border-radius: 12px;
    display: none;
    padding-bottom: 16px;
    position: fixed;
    width: calc(100% - 32px);
    z-index: 10010
}

#download-login-modal .close-btn {
    background-image: url(https://cdn.lipscosme.com/assets/feather/close-05c095a487e528a77b34083bfbd3e2b73acf6385b32b9bde80ad72401770e6e8.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 22px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 22px;
    z-index: 10010
}

#download-login-modal .image-area {
    position: relative;
    width: 100%
}

#download-login-modal .image-area:before {
    content: "";
    display: block;
    padding-top: 78%
}

#download-login-modal .image-area div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px 12px 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#download-login-modal .image-area .follow {
    background-image: url(https://cdn.lipscosme.com/assets/modal/modal_user-f4b49f02c8f1f9433a6ab6ab25e56302c608a324caeea00f4e42dd336bf89405.png)
}

#download-login-modal .image-area .post-action {
    background-image: url(https://cdn.lipscosme.com/assets/modal/modal_post_action-55fc1196e3a727cf20efd7a9a9ce54511bc603a1a3012125610aa809510f73ea.png)
}

#download-login-modal .image-area .product-clip {
    background-image: url(https://cdn.lipscosme.com/assets/modal/modal_product-2a090f32429d00cd73c631c810fbb356953f8f8a4a1c35ce87e026e95e4319f8.png)
}

#download-login-modal .image-area .present-action {
    background-image: url(https://cdn.lipscosme.com/assets/modal/modal_present_action-2fc1b9282db28a4fc459549537e4cf725a852558b4772614a79ff523cb7c3e9d.png)
}

#download-login-modal .banner {
    border-bottom: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    height: 64px;
    padding: 12px
}

#download-login-modal .banner .app-icon {
    float: left;
    margin-right: 8px
}

#download-login-modal .banner .app-txt {
    display: inline-block;
    float: left;
    height: 40px;
    padding: 4px 0
}

#download-login-modal .banner .app-txt .lips {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    line-height: 150%;
    margin-bottom: 2px
}

#download-login-modal .banner .app-txt .subtitle {
    color: var(--object-secondary);
    font-size: 10px;
    height: 12px
}

#download-login-modal .btn-area {
    margin-top: 12px
}

#download-login-modal .btn-area .btn {
    border-radius: 999px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 48px;
    line-height: 150%;
    margin: 0 12px;
    padding: 14px 0;
    width: calc(100% - 24px)
}

#download-login-modal .btn-area .btn-lips {
    background: var(--background-primary)
}

#download-login-modal .btn-area .btn-gray {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    color: var(--object-main);
    margin-top: 12px
}

#download-login-modal .login-explanation {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin: 12px auto 0
}

#download-login-modal .login-explanation p {
    display: none;
    margin-bottom: 0;
    text-align: center
}

.EarnedPointBreakdownModal {
    display: none;
    height: 254px;
    inset: 0;
    margin: auto;
    position: fixed;
    width: 400px;
    z-index: 10010
}

@media (max-width: 834px) {
    .EarnedPointBreakdownModal {
        height:auto;
        left: 44px;
        right: 44px;
        top: clamp(98px,33.3333333333vh,280px);
        width: auto
    }
}

.EarnedPointBreakdownModal__container {
    background: #fff;
    border-radius: 4px;
    padding: 20px 16px;
    position: relative
}

.EarnedPointBreakdownModal__close {
    height: 32px;
    position: absolute;
    right: -16px;
    top: -16px;
    width: 32px
}

.EarnedPointBreakdownModal__title {
    border-bottom: 1.5px solid var(--object-main);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 8px;
    padding: 0 0 8px
}

@media (max-width: 834px) {
    .EarnedPointBreakdownModal__title {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.EarnedPointBreakdownModal__list {
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 8px 0
}

.EarnedPointBreakdownModal__listTerm {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .EarnedPointBreakdownModal__listTerm {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.EarnedPointBreakdownModal__listDesc {
    color: #e13f62;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    min-width: 45px;
    text-align: right
}

.EarnedPointBreakdownModal__attention {
    display: flex;
    flex-direction: column;
    gap: 4px;
    list-style: "※";
    margin: 16px 0 0;
    padding: 0 0 0 10px
}

.EarnedPointBreakdownModal__attentionList {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 0 0 0 4px
}

.EarnedPointBreakdownModal__attentionList--link {
    color: #e13f62;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none
}

.EarnedPointBreakdownModal__attentionList--link:active,.EarnedPointBreakdownModal__attentionList--link:focus,.EarnedPointBreakdownModal__attentionList--link:hover {
    color: #e13f62;
    text-decoration: none
}

#fullscreen-modal .modal-dialog {
    margin: 0
}

#fullscreen-modal .modal-content {
    border: none;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: var(--visible-height,100vh)
}

#fullscreen-modal .modal-figureheader {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#fullscreen-modal .modal-figureheader:after,#fullscreen-modal .modal-figureheader:before {
    content: "";
    display: none
}

#fullscreen-modal .modal-body {
    overflow-y: auto
}

.image-modal {
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: calc(100% - 96px);
    z-index: 10010
}

.image-modal__close-btn {
    background-color: #fff;
    background-image: url(https://cdn.lipscosme.com/assets/close-2e8205269708cf1f0e51f2c4af3856c1b82e6dde8ee55a154888ba0776d7f658.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    border-radius: 16px;
    display: block;
    height: 32px;
    padding: 4px;
    position: absolute;
    right: -16px;
    top: -16px;
    width: 32px;
    z-index: 10011
}

body.modal_open {
    position: fixed;
    width: 100%
}

.LipsModal {
    background: #fff;
    border-radius: 8px;
    display: none;
    margin: auto;
    overflow: hidden;
    position: fixed;
    z-index: 10010
}

@media (min-width: 835px) {
    .LipsModal {
        left:50%;
        max-height: calc(100vh - 24px);
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 400px
    }
}

@media (max-width: 834px) {
    .LipsModal {
        border-radius:0;
        bottom: 0;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        width: 100%
    }
}

.LipsModal.open {
    display: unset
}

@media (max-width: 834px) {
    .LipsModal__from-left {
        display:unset;
        margin: unset;
        right: unset;
        transform: translate(-100%);
        transition: all .2s;
        width: 80%
    }

    .LipsModal__from-left.open {
        transform: translate(0)
    }

    .LipsModal__from-bottom {
        border-radius: 20px 20px 0 0;
        display: unset;
        height: auto;
        top: unset;
        transform: translateY(100%);
        transition: all .2s
    }

    .LipsModal__from-bottom.open {
        transform: translateY(0)
    }
}

.LipsModal__figureheader {
    flex-shrink: 0;
    position: relative
}

.LipsModal__figureheader-close-button {
    background: none;
    border: none;
    left: 16px;
    padding: 0;
    position: absolute;
    top: 16px
}

.LipsModal__figureheader-close-button:focus {
    outline: none
}

.LipsModal__figureheader-close-button img {
    height: 24px;
    object-fit: contain;
    width: 24px
}

.LipsModal__title {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    padding: 16px 0;
    text-align: center
}

.LipsModal__main {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: scroll
}

@media (min-width: 835px) {
    .LipsModal__main {
        padding:0 24px
    }
}

.LipsModal__footer {
    border-top: 1px solid var(--border-separation);
    flex-shrink: 0;
    padding: 16px 12px
}

#modal-background {
    top: 0;
    z-index: 10000
}

#modal-background,#modal-background-search {
    background: rgba(0,0,0,.45);
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%
}

#modal-background-search {
    top: 64px;
    z-index: 9000
}

.ProductPatternsSelectModal {
    background: #fff;
    border-radius: 24px;
    bottom: 0;
    display: none;
    height: 640px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    z-index: 10000
}

@media (max-width: 834px) {
    .ProductPatternsSelectModal {
        border-radius:0;
        height: 100%;
        width: 100%
    }
}

.ProductPatternsSelectModal__figureheader {
    border-bottom: 1px solid var(--border-separation);
    position: relative
}

@media (max-width: 834px) {
    .ProductPatternsSelectModal__figureheader {
        border-bottom:1px solid var(--border-separation)
    }
}

.ProductPatternsSelectModal__title {
    color: #2d2926;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 20px 0;
    text-align: center
}

@media (max-width: 834px) {
    .ProductPatternsSelectModal__title {
        padding:12px 0
    }
}

.ProductPatternsSelectModal__close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 20px
}

.ProductPatternsSelectModal__close:focus {
    outline: none
}

@media (max-width: 834px) {
    .ProductPatternsSelectModal__close {
        right:8px;
        top: 8px
    }
}

.ProductPatternsSelectModal__close-icon {
    height: 24px;
    object-fit: contain;
    width: 24px
}

@media (max-width: 834px) {
    .ProductPatternsSelectModal__close-icon {
        height:32px;
        width: 32px
    }
}

.ProductPatternsSelectModal__body {
    height: 576px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 834px) {
    .ProductPatternsSelectModal__body {
        height:calc(100% - 48px)
    }
}

.ProductPatternsSelectModal__loading {
    display: block;
    height: 24px;
    margin: 24px auto 0;
    width: 24px
}

.ProductPatternsSelectModal__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductPatternsSelectModal__sort {
    border-bottom: 1px solid var(--border-separation)
}

.ProductPatternsSelectModal__sort-count {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding: 12px 12px 10px
}

.ProductPatternsSelectModal__sort-count span {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin-right: 4px
}

.ProductPatternsSelectModal__sort-dropdown__container {
    cursor: pointer;
    position: relative
}

.ProductPatternsSelectModal__sort-dropdown__container:before {
    background: url(https://cdn.lipscosme.com/assets/arrange/subblack_144x144-2d92e4122e603ef5e73b618eea21f7a37796ec58ab25621ce3aee9c771751407.png) no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    left: 3px;
    position: absolute;
    top: 11px;
    width: 24px
}

.ProductPatternsSelectModal__sort-dropdown__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: unset;
    color: var(--object-main);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 12px 8px 12px 32px
}

.ProductPatternsSelectModal__sort-dropdown__select:focus {
    outline: none
}

@media (max-width: 834px) {
    .ProductPatternsSelectModal__sort-dropdown__select {
        border:unset
    }
}

.ProductPatternsSelectModal__link {
    border-bottom: 1px solid var(--border-separation);
    color: #000;
    display: block;
    padding: 12px 16px;
    text-decoration: none
}

.ProductPatternsSelectModal__link:active,.ProductPatternsSelectModal__link:focus,.ProductPatternsSelectModal__link:hover {
    color: #000;
    text-decoration: none
}

.ProductPatternsSelectModal__figure-flex {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between
}

.ProductPatternsSelectModal__figure-thumb {
    background: var(--background-elevation-low);
    border-radius: 4px;
    height: 48px;
    object-fit: contain;
    width: 48px
}

.ProductPatternsSelectModal__figure-caption {
    flex-grow: 1
}

.ProductPatternsSelectModal__figure-caption-txt {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

.ProductPatternsSelectModal__figure-caption-list {
    display: flex;
    list-style-type: none;
    margin: 4px 0 0;
    padding: 0
}

.ProductPatternsSelectModal__figure-caption-listItem {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    white-space: nowrap
}

.ProductPatternsSelectModal__figure-caption-listItem:not(:first-child):before {
    border-left: 1px solid var(--border-separation);
    content: "";
    height: 12px;
    margin: 0 6px
}

.ProductPatternsSelectModal__figure-post-thumbs {
    border-radius: 4px;
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(5,1fr);
    margin-top: 12px;
    overflow: hidden
}

.ProductPatternsSelectModal__figure-post-thumbs-cell {
    aspect-ratio: 1;
    background: var(--background-elevation-low);
    object-fit: cover;
    width: 100%
}

.ProductPatternsSelectModal__figure-post-thumbs img {
    aspect-ratio: 1;
    object-fit: cover
}

.ProductPatternsSelectModal__featureLabel {
    display: flex;
    gap: 4px;
    list-style-type: none;
    margin: 8px 0 0;
    padding: 0
}

.ProductPatternsSelectModal__featureLabel__listItem {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    padding: 2px 6px
}

.ProductPatternsSelectModal__featureLabel__salesStatusTag {
    border: 1px solid #000;
    border-radius: 4px;
    color: var(--object-secondary);
    color: #000;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    padding: 2px 6px
}

.product-sku-select-modal {
    background: var(--background-elevation-high);
    border-radius: 24px;
    bottom: 0;
    contain: content;
    contain-intrinsic-size: 640px;
    content-visibility: auto;
    display: none;
    height: 640px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    z-index: 10010
}

@media (max-width: 834px) {
    .product-sku-select-modal {
        border-radius:0;
        contain-intrinsic-size: 100%;
        height: 100%;
        width: 100%
    }
}

.product-sku-select-modal__figureheader {
    border-bottom: 1px solid var(--border-separation);
    position: relative
}

@media (max-width: 834px) {
    .product-sku-select-modal__figureheader {
        border:unset;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.08)
    }
}

.product-sku-select-modal__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 20px 0;
    text-align: center
}

@media (max-width: 834px) {
    .product-sku-select-modal__title {
        padding:12px 0
    }
}

.product-sku-select-modal__close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 20px
}

.product-sku-select-modal__close:focus {
    outline: none
}

@media (max-width: 834px) {
    .product-sku-select-modal__close {
        right:8px;
        top: 8px
    }
}

.product-sku-select-modal__close-icon {
    height: 24px;
    object-fit: contain;
    width: 24px
}

@media (max-width: 834px) {
    .product-sku-select-modal__close-icon {
        height:32px;
        width: 32px
    }
}

.product-sku-select-modal__body {
    height: 576px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 834px) {
    .product-sku-select-modal__body {
        height:calc(100% - 48px)
    }
}

.product-sku-select-modal__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.product-sku-select-modal__link {
    border-bottom: 1px solid var(--border-separation);
    color: #000;
    display: block;
    padding: 12px 16px;
    text-decoration: none
}

.product-sku-select-modal__link:active,.product-sku-select-modal__link:focus,.product-sku-select-modal__link:hover {
    color: #000;
    text-decoration: none
}

.product-sku-select-modal__figure {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.product-sku-select-modal__figure-thumb {
    height: 48px;
    object-fit: contain;
    width: 48px
}

.product-sku-select-modal__figure-caption {
    padding: 0 0 0 16px;
    width: calc(100% - 48px)
}

.product-sku-select-modal__figure-caption-txt {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

.product-sku-select-modal__figure-caption-list {
    display: flex;
    list-style-type: none;
    margin: 4px 0 0;
    padding: 0
}

.product-sku-select-modal__figure-caption-listItem {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.product-sku-select-modal__figure-caption-listItem:not(:first-child):before {
    border-left: 1px solid var(--border-separation);
    content: "";
    height: 12px;
    margin: 0 6px
}

.qr-download-modal {
    background: rgba(0,0,0,.45);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10010
}

.qr-download-modal__container {
    background: #fff;
    border-radius: 12px;
    height: 400px;
    margin: 120px auto 0;
    width: 514px
}

.qr-download-modal__figureheader {
    border-bottom: 1px solid var(--background-elevation-low);
    height: 44px;
    position: relative;
    width: 100%
}

.qr-download-modal__close {
    height: 20px;
    position: absolute;
    right: 16px;
    top: 12px;
    width: 20px
}

.qr-download-modal__body {
    display: flex;
    justify-content: center;
    padding: 32px 0
}

.qr-download-modal__ios {
    text-align: center
}

.qr-download-modal__ios_txt {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 8px 0
}

.qr-download-modal__ios_img {
    height: 200px;
    margin: 0 auto;
    width: 200px
}

.search-modal {
    display: none
}

.search-modal__overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999
}

.search-modal__content {
    background: var(--background-elevation-low);
    border-radius: 8px;
    height: 100vh;
    max-width: 100%;
    overflow-y: auto;
    position: relative;
    width: 100%
}

.search-modal__content-figureheader {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    padding: 16px 12px 16px 16px
}

.search-modal__content-figureheader-form {
    margin-right: 12px;
    width: 100%
}

.search-modal__content-figureheader-input {
    background: url(https://cdn.lipscosme.com/assets/feather/search-6615d21f11b72751c746a03e85818e99192d1d4c4fe6debd84f5a377cc3f7c1a.svg) 12px 12px no-repeat;
    background-color: var(--background-elevation-low);
    background-size: 16px;
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    height: 44px;
    line-height: 150%;
    padding: 10px 16px 10px 36px;
    width: 100%
}

.search-modal__content-figureheader-input::placeholder {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.search-modal__content-figureheader-input:focus {
    outline: none
}

.search-modal__content-figureheader-input:focus::placeholder {
    color: transparent
}

.search-modal__content-figureheader-close {
    height: 24px;
    width: 24px
}

.search-modal__content-menu {
    background-color: var(--background-elevation-low);
    border-radius: 0 0 4px 4px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0
}

.search-modal__content-menu-item {
    list-style-type: none;
    margin: 0;
    padding: 16px
}

.search-modal__content-menu-link {
    align-items: center;
    display: block;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.search-modal__content-menu-link,.search-modal__content-menu-link:active,.search-modal__content-menu-link:focus,.search-modal__content-menu-link:hover {
    color: #2d2926;
    text-decoration: none
}

.search-modal__content-menu-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    position: absolute;
    right: 20px;
    width: 18px
}

.search-modal__content-menu-history-link {
    align-items: center;
    color: #2d2926;
    display: block;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none
}

.search-modal__content-menu-history-link:active,.search-modal__content-menu-history-link:focus,.search-modal__content-menu-history-link:hover {
    color: #2d2926;
    text-decoration: none
}

.search-modal__content-menu-history-link:before {
    background: url(https://cdn.lipscosme.com/assets/ic_time-272b52e207b97a32bb5feafe14c764400b87225bb04f49b86e1181edd8538885.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    margin: 0 8px 0 0;
    width: 18px
}

.search-modal__content-menu-history-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    position: absolute;
    right: 20px;
    width: 18px
}

.search-modal__content-menu-suggestion {
    background-color: var(--background-elevation-high);
    list-style-type: none;
    margin: 0 0 8px;
    padding: 0
}

.search-modal__content-menu-suggestion-more {
    align-items: center;
    color: var(--object-secondary);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 4px;
    justify-content: center;
    line-height: 150%;
    padding-bottom: 16px;
    padding-top: 4px;
    transition: background-color .3s ease
}

.search-modal__content-menu-suggestion-more-items {
    display: none
}

.search-modal__content-menu-suggestion-more-button {
    height: 16px;
    width: 16px
}

.search-modal__content-menu-suggestion-more:hover {
    background-color: #efefef
}

.search-modal__content-menu-suggestion-bottom {
    background-color: var(--background-elevation-high);
    list-style-type: none;
    margin: 0;
    padding: 0
}

.search-modal__content-menu-trend-word {
    background-color: var(--background-elevation-high);
    list-style-type: none;
    margin: 0;
    padding: 0 16px
}

.search-modal__content-menu-trend-word-heading {
    color: #2d2926;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    padding: 16px 0 8px
}

.search-modal__content-menu-trend-word-link:hover {
    opacity: .8;
    text-decoration: none
}

.search-modal__content-menu-trend-word-item {
    padding: 16px 0
}

.search-modal__content-menu-trend-word-item-content {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 12px
}

.search-modal__content-menu-trend-word-item-content-center {
    display: flex;
    flex: 2;
    flex-direction: column;
    gap: 4px
}

.search-modal__content-menu-trend-word-item-content-center-top {
    color: var(--object-main);
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: left
}

.search-modal__content-menu-trend-word-item-content-center-bottom {
    color: var(--object-main);
    flex: 1;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    text-align: left
}

.search-modal__content-menu-trend-word-item-content:before {
    background: url(https://cdn.lipscosme.com/assets/ic_trend_word-7fe25d965cd1729eb22d6c7ebe87df4a41fdd9d896e56a43c7e0f702f1f34e87.svg) no-repeat;
    border-radius: 50%;
    content: "";
    display: block;
    height: 40px;
    width: 40px
}

.search-modal__content-menu-trend-word-item-content:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    position: absolute;
    right: 20px;
    width: 18px
}

.search-modal__content-menu-trend-word-item-post-images {
    display: grid;
    grid-gap: 2px;
    grid-template-columns: repeat(4,1fr);
    width: 100%
}

.search-modal__content-menu-trend-word-item-post-images-image {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%
}

.search-modal__content-menu-trend-word-item-post-images-empty-box {
    aspect-ratio: 1;
    background-color: var(--background-elevation-low);
    width: 100%
}

.user-clip-modal {
    background: #fff;
    border-radius: 24px;
    bottom: 0;
    display: none;
    height: 528px;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 596px;
    z-index: 10000
}

@media (max-width: 834px) {
    .user-clip-modal {
        border-radius:0;
        height: 100%;
        width: 100%
    }
}

.user-clip-modal__figureheader {
    border-bottom: 1px solid var(--border-separation);
    height: 48px;
    position: relative
}

.user-clip-modal__figureheader-title {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    line-height: 150%;
    margin: 0
}

.user-clip-modal__close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 20px
}

.user-clip-modal__close:focus {
    outline: none
}

@media (max-width: 834px) {
    .user-clip-modal__close {
        right:8px;
        top: 8px
    }
}

.user-clip-modal__close-icon {
    height: 24px;
    object-fit: contain;
    width: 24px
}

@media (max-width: 834px) {
    .user-clip-modal__close-icon {
        height:32px;
        width: 32px
    }
}

.user-clip-modal__body {
    height: calc(100% - 67px)
}

@media (max-width: 834px) {
    .user-clip-modal__body {
        padding:0
    }
}

.user-clip-modal__list-posts,.user-clip-modal__list-products {
    max-height: 100%;
    overflow: auto
}

.user-follow-modal {
    background: #fff;
    border-radius: 24px;
    bottom: 0;
    display: none;
    height: 640px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    z-index: 10000
}

@media (max-width: 834px) {
    .user-follow-modal {
        border-radius:0;
        height: 100%;
        width: 100%
    }
}

.user-follow-modal__figureheader {
    border-bottom: 1px solid var(--border-separation);
    padding: 16px 40px 0;
    position: relative
}

@media (max-width: 834px) {
    .user-follow-modal__figureheader {
        border:unset;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.08)
    }
}

.user-follow-modal__nav-list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.user-follow-modal__nav-item {
    width: 50%
}

.user-follow-modal__nav-follower,.user-follow-modal__nav-following {
    background: none;
    border: none;
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0;
    text-align: center;
    width: 100%
}

.user-follow-modal__nav-follower:focus,.user-follow-modal__nav-following:focus {
    outline: none
}

.user-follow-modal__nav-follower.active,.user-follow-modal__nav-following.active {
    border-bottom: 2px solid var(--expressive-red);
    color: #2d2926;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.user-follow-modal__close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 20px
}

.user-follow-modal__close:focus {
    outline: none
}

@media (max-width: 834px) {
    .user-follow-modal__close {
        right:8px;
        top: 8px
    }
}

.user-follow-modal__close-icon {
    height: 24px;
    object-fit: contain;
    width: 24px
}

@media (max-width: 834px) {
    .user-follow-modal__close-icon {
        height:32px;
        width: 32px
    }
}

.user-follow-modal__body {
    height: calc(100% - 67px);
    padding: 16px 40px
}

@media (max-width: 834px) {
    .user-follow-modal__body {
        padding:0
    }
}

.user-follow-modal__list-follower,.user-follow-modal__list-following {
    max-height: 100%;
    overflow: auto
}

.modal-users-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.modal-users-list__item {
    border-bottom: 1px solid var(--border-separation);
    position: relative
}

.modal-users-list__link {
    align-items: center;
    display: flex;
    padding: 12px 0
}

.modal-users-list__link,.modal-users-list__link:active,.modal-users-list__link:focus,.modal-users-list__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .modal-users-list__link {
        padding:12px 16px
    }
}

.modal-users-list__thumb {
    border-radius: 50%;
    height: 56px;
    width: 56px
}

.modal-users-list__profile {
    padding: 0 0 0 12px;
    width: calc(100% - 56px)
}

.modal-users-list__nickname {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

.modal-users-list__attributes {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    margin: 0 0 4px;
    padding: 0
}

.modal-users-list__attributes-item:not(:first-child):before {
    content: "/"
}

.modal-users-list__count {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.modal-users-list__count,.modal-users-list__count-like {
    align-items: center;
    display: flex
}

.modal-users-list__count-like:before {
    background: url(https://cdn.lipscosme.com/assets/heart/lightgray-81b7894e10698baaae6a8765c77a3a6d8c221d3370269d75cc9a018aa0346096.png);
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

.modal-users-list__count-follower {
    align-items: center;
    display: flex
}

.modal-users-list__count-follower:before {
    background: url(https://cdn.lipscosme.com/assets/person/lightgray-73299b6cb66d316e4c5791935e2eb45011735acb9c54caded0a18e60eb5a89f2.png);
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

.modal-users-list .follow-btn-ic {
    background: var(--expressive-red);
    border-radius: 4px;
    display: block;
    position: absolute;
    right: 0;
    top: 24px
}

@media (max-width: 834px) {
    .modal-users-list .follow-btn-ic {
        right:16px
    }
}

.modal-users-list .follow-btn-ic-img {
    height: 24px;
    margin: 4px;
    width: 24px
}

#nav-tabs {
    display: table;
    height: 32px;
    line-height: 32px;
    margin: 8px 0 0;
    padding: 0;
    table-layout: fixed;
    text-align: center;
    width: 100%
}

#nav-tabs .nav-item {
    display: table-cell
}

#nav-tabs .nav-item a {
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    text-decoration: none
}

#nav-tabs .nav-item a.active {
    border-bottom: 2px solid var(--expressive-red);
    color: var(--expressive-red);
    font-weight: 500;
    pointer-events: none
}

#nav-tabs .nav-item a:after {
    background-color: var(--expressive-red);
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transition: all .3s ease;
    width: 100%
}

#nav-tabs .nav-item a:active,#nav-tabs .nav-item a:focus,#nav-tabs .nav-item a:hover {
    color: var(--expressive-red);
    font-weight: 500
}

#nav-tabs .nav-item a:active:after,#nav-tabs .nav-item a:focus:after,#nav-tabs .nav-item a:hover:after {
    transform: scaleX(1)
}

.SharedNoticeInformationLinkBanner__link {
    align-items: center;
    background: var(--background-attention);
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    line-height: 150%;
    padding: 12px 8px
}

.SharedNoticeInformationLinkBanner__link,.SharedNoticeInformationLinkBanner__link:active,.SharedNoticeInformationLinkBanner__link:focus,.SharedNoticeInformationLinkBanner__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .SharedNoticeInformationLinkBanner__link {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.SharedNoticeInformationLinkBanner__link:before {
    background-color: var(--expressive-red);
    content: "";
    flex-shrink: 0;
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .SharedNoticeInformationLinkBanner__link:before {
        height:16px;
        width: 16px
    }
}

.SharedNoticeInformationLinkBanner__link:after {
    background-color: var(--object-main);
    content: "";
    flex-shrink: 0;
    height: 20px;
    margin: 0 0 0 auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .SharedNoticeInformationLinkBanner__link:after {
        height:16px;
        width: 16px
    }
}

.SharedNoticeInformationLinkBanner__link span {
    flex-shrink: 1
}

.open-app-banner {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    height: 50px;
    padding: 8px;
    width: 100%
}

.open-app-banner__app-icon {
    height: 34px;
    justify-content: space-between;
    object-fit: contain;
    width: 34px
}

.open-app-banner__app-txt {
    margin: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.open-app-banner__app-txt-title {
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 2px
}

@media screen and (max-width: 320px) {
    .open-app-banner__app-txt-title {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.open-app-banner__app-txt-subtitle {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.open-app-banner__download-btn {
    background-color: var(--object-main);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    letter-spacing: 0;
    line-height: 32px;
    margin-left: auto;
    padding: 0 8px;
    width: auto
}

.open-app-banner__download-btn,.open-app-banner__download-btn:active,.open-app-banner__download-btn:focus,.open-app-banner__download-btn:hover {
    color: #fff;
    text-decoration: none
}

@media screen and (max-width: 320px) {
    .open-app-banner__download-btn {
        color:#fff;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 32px
    }
}

.overlay-ad .overlay iframe {
    position: absolute!important
}

.page-top-element-list {
    margin: 0;
    padding: 0;
    position: relative
}

.page-top-element-list__inner_items {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 12px 20px;
    padding: 12px
}

@media (min-width: 835px) {
    .page-top-element-list__inner_items {
        flex-direction:row;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1080px;
        padding: 12px 0 0
    }
}

.page-top-element-list__inner_item {
    flex: 1
}

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

.PrivacyStatementContainer__spcaer {
    width: 12px
}

.PrivacyStatementContainer__text {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0
}

.PrivacyStatementContainer__link {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.PrivacyStatementContainer__link:active,.PrivacyStatementContainer__link:focus,.PrivacyStatementContainer__link:hover {
    color: var(--expressive-red);
    text-decoration: underline
}

.repost_original_user__container {
    background: #fafafa;
    border: 1px solid #eceef0;
    border-radius: 8px;
    display: flex;
    height: 48px;
    margin-bottom: 24px;
    margin-top: 12px
}

@media (min-width: 835px) {
    .repost_original_user__container {
        width:344px
    }
}

.repost_original_user__icon_container {
    align-items: center;
    display: flex
}

.repost_original_user__icon_image {
    border-radius: 16px;
    height: 32px;
    margin: 0 12px;
    width: 32px
}

.repost_original_user__detail_container {
    display: flex;
    flex-direction: column;
    margin-right: auto;
    overflow: hidden
}

.repost_original_user__name {
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px
}

.repost_original_user__bio,.repost_original_user__name {
    height: 16px;
    letter-spacing: 0;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.repost_original_user__bio {
    color: #999;
    font-size: 10px
}

.repost_original_user__arrow_container {
    align-items: center;
    display: flex;
    height: 100%;
    margin-left: 12px;
    margin-right: 8px;
    width: 16px
}

.repost_original_user__arrow {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    height: 16px;
    width: 16px
}

div.mobile-form {
    display: block;
    height: 50px;
    padding: 8px 0;
    width: 100%
}

div.mobile-form.margin {
    margin-top: 75px
}

div.mobile-form .search-form {
    height: 100%;
    text-align: center
}

div.mobile-form .search-form .form-box {
    background-color: #fff;
    border: 1px solid var(--expressive-red);
    border-radius: 3px;
    display: inline;
    padding: 8px 0
}

div.mobile-form .search-form .form-box .form-control {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: var(--object-secondary);
    display: inline;
    width: 80%
}

div.mobile-form .search-form .form-box .btn {
    background-color: var(--expressive-red);
    border-radius: 0 2px 2px 0;
    height: 100%;
    margin-bottom: 3px
}

.search-figureheader {
    padding: 0 0 48px
}

@media (max-width: 834px) {
    .search-figureheader {
        padding:0
    }
}

.search-figureheader__title-container {
    margin: 0 0 32px
}

@media (max-width: 834px) {
    .search-figureheader__title-container {
        margin:16px 16px 8px
    }
}

.search-figureheader__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .search-figureheader__title {
        font-size:16px
    }
}

.search-figureheader__refined-list {
    display: flex;
    list-style-type: none;
    margin: 12px 0 0;
    padding: 0
}

@media (max-width: 834px) {
    .search-figureheader__refined-list {
        margin:4px 0 0
    }
}

.search-figureheader__refined-item {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .search-figureheader__refined-item {
        font-size:11px
    }
}

.search-figureheader__refined-item:not(:first-child):before {
    content: "/";
    margin: 0 4px
}

.search-figureheader__switch-tab-container {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto
}

.search-figureheader__switch-tab {
    border-bottom: 1px solid var(--border-separation);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0 11px;
    text-align: center;
    width: 160px
}

.search-figureheader__switch-tab,.search-figureheader__switch-tab:active,.search-figureheader__switch-tab:focus,.search-figureheader__switch-tab:hover {
    color: var(--object-secondary);
    text-decoration: none
}

@media (max-width: 834px) {
    .search-figureheader__switch-tab {
        font-size:12px;
        width: 20%
    }
}

.search-figureheader__switch-tab.active {
    border-bottom: 2px solid var(--background-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 12px 0 10px
}

.search-figureheader__switch-tab.active,.search-figureheader__switch-tab.active:active,.search-figureheader__switch-tab.active:focus,.search-figureheader__switch-tab.active:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .search-figureheader__switch-tab.active {
        font-size:12px
    }
}

.sidebar {
    background-color: var(--background-elevation-low);
    box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
    overflow-y: auto
}

.sidebar__app-banner {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    height: 64px;
    padding: 12px
}

.sidebar__app-icon {
    height: 40px;
    margin-right: 8px;
    object-fit: contain;
    width: 40px
}

.sidebar__app-txt {
    margin: 0;
    width: calc(100% - 128px)
}

.sidebar__app-txt-title {
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 18px;
    margin-bottom: 2px
}

.sidebar__app-txt-subtitle {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.sidebar__download-btn {
    background-color: var(--background-primary);
    border-radius: 999px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    height: 32px;
    letter-spacing: 0;
    line-height: 32px;
    margin: 4px 0;
    padding: 0 10px
}

.sidebar__menu-container {
    background: #fff
}

.sidebar__login {
    border-bottom: 1px solid var(--border-separation)
}

.sidebar__login-title {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 20px 0 0;
    text-align: center
}

.sidebar__login-button {
    background-color: var(--background-primary);
    border-radius: 4px;
    color: #fff;
    margin: 12px;
    padding: 8px 12px
}

.sidebar__login-button,.sidebar__login-link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-align: center
}

.sidebar__login-link {
    padding: 0 0 20px
}

.sidebar__login-link,.sidebar__login-link:active,.sidebar__login-link:focus,.sidebar__login-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.sidebar__current-user {
    background: var(--background-elevation-low)
}

.sidebar__current-user-mypage {
    align-items: center;
    display: block;
    display: flex;
    height: 52px;
    padding: 0 16px
}

.sidebar__current-user-mypage,.sidebar__current-user-mypage:active,.sidebar__current-user-mypage:focus,.sidebar__current-user-mypage:hover {
    color: #000;
    text-decoration: none
}

.sidebar__current-user-icon {
    border-radius: 50%;
    height: 32px;
    margin: 0 12px 0 0;
    width: 32px
}

.sidebar__current-user-name {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px
}

.sidebar__current-user-point {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-left: auto
}

.sidebar__current-user-point:before {
    background: url(https://cdn.lipscosme.com/assets/points/icon_black-f970021ec6ee340e92c696a26f5749ef6d8aa834b9d7ff2792e79b4c9162273b.png) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 14px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    width: 14px
}

.sidebar__current-user-point span {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 2px
}

.sidebar__current-user-list {
    border-bottom: 1px solid var(--border-separation);
    list-style-type: none;
    margin: 0;
    padding: 0 0 8px
}

.sidebar__browsing-history {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(5,1fr);
    padding: 12px 12px 28px
}

.sidebar__browsing-history-thumb {
    width: 100%
}

.sidebar__section-title {
    background: var(--background-elevation-low);
    color: var(--object-secondary);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 0 8px 16px
}

.sidebar__section-title-link {
    display: block;
    margin: 0 16px 0 auto
}

.sidebar__section-title-link,.sidebar__section-title-link:active,.sidebar__section-title-link:focus,.sidebar__section-title-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.sidebar__section-title-link:active,.sidebar__section-title-link:focus,.sidebar__section-title-link:hover {
    text-decoration: underline
}

.sidebar__main-list {
    list-style-type: none;
    margin: 0;
    padding: 0 0 12px
}

.sidebar__main-item,.sidebar__main-list {
    border-bottom: 1px solid var(--border-separation)
}

.sidebar__main-item {
    position: relative
}

.sidebar__main-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    line-height: 150%;
    padding-left: 24px
}

.sidebar__main-link,.sidebar__main-link:active,.sidebar__main-link:focus,.sidebar__main-link:hover {
    color: #2d2926;
    text-decoration: none
}

.sidebar__main-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    margin: 0;
    position: absolute;
    right: 16px;
    top: 15px;
    width: 20px
}

.social-plugin .title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .social-plugin .title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.social-plugin iframe {
    width: 100%
}

.social-plugin form {
    display: inline
}

.social-plugin form .btn,.social-plugin form:focus,.social-plugin form:visited {
    border-radius: 5px;
    color: #fff;
    display: table-cell;
    display: inline;
    font-size: 11.5px;
    letter-spacing: 0;
    padding: 5px;
    vertical-align: middle
}

@media (max-width: 890px) {
    .social-plugin form .btn,.social-plugin form:focus,.social-plugin form:visited {
        font-size:12px;
        margin: 5px 0
    }
}

@media (max-width: 834px) {
    .social-plugin form .btn,.social-plugin form:focus,.social-plugin form:visited {
        font-size:11.5px;
        margin: none
    }
}

.social-plugin form .btn i,.social-plugin form:focus i,.social-plugin form:visited i {
    font-size: 16px;
    margin-right: 5px
}

.social-plugin form .btn:hover,.social-plugin form:focus:hover,.social-plugin form:visited:hover {
    color: #fff
}

.social-plugin form .social-btn {
    background-color: #fff;
    border: none;
    font-size: 12px;
    margin: 2px 0;
    width: 50%
}

.social-plugin form .social-btn i {
    margin-right: 2px
}

.social-plugin form .twitter-follow-btn {
    border-right: 1px solid var(--border-separation);
    color: #1d9bf0
}

.social-plugin form .twitter-follow-btn:hover {
    color: #4db0f3
}

.social-plugin form .insta-follow-btn {
    color: #e07fc1;
    float: right
}

.social-plugin form .insta-follow-btn:hover {
    color: #eaa8d5
}

.sc-article-author__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-article-author__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }

    .sc-article-author__content {
        margin: 0 16px;
        padding-bottom: 24px
    }
}

.sc-article-author__profile {
    align-items: center;
    display: flex
}

.sc-article-author__author-image-container {
    margin: 0 12px 0 0
}

.sc-article-author__author-image {
    border-radius: 50%;
    height: 48px;
    width: 48px
}

.sc-article-author__author-name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

.sc-article-author__author-role {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.sc-article-author__description {
    background: var(--background-elevation-low);
    border-radius: 8px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0 0;
    padding: 12px;
    position: relative
}

@media (max-width: 834px) {
    .sc-article-author__description {
        margin-top:16px
    }
}

.sc-articles-list__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-articles-list__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-articles-list__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .sc-articles-list__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

@media (min-width: 835px) {
    .sc-articles-list__sub-title {
        display:none
    }
}

.sc-articles-list__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sc-articles-list__item {
    contain: content;
    contain-intrinsic-size: 96px;
    content-visibility: auto;
    position: relative
}

@media (max-width: 834px) {
    .sc-articles-list__item {
        border-bottom:1px solid var(--border-separation);
        contain-intrinsic-size: 104px
    }
}

.sc-articles-list__link {
    align-items: flex-start;
    display: flex;
    padding: 8px 0
}

.sc-articles-list__link,.sc-articles-list__link:active,.sc-articles-list__link:focus,.sc-articles-list__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .sc-articles-list__link {
        align-items:center;
        padding: 16px
    }
}

.sc-articles-list__rank {
    background: var(--object-main);
    border-radius: 50%;
    height: 20px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 20px;
    z-index: 1
}

@media (max-width: 834px) {
    .sc-articles-list__rank {
        left:8px;
        top: 8px
    }
}

.sc-articles-list__rank-num {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin: 2px auto;
    text-align: center
}

.sc-articles-list__pr {
    background: rgba(94,63,63,.2);
    border-radius: 0 4px;
    bottom: 0;
    height: 18px;
    left: 0;
    position: absolute;
    width: 20px
}

@media (max-width: 834px) {
    .sc-articles-list__pr {
        border-radius:0 8px
    }
}

.sc-articles-list__pr-word {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    text-align: center
}

.sc-articles-list__thumb-container {
    position: relative
}

.sc-articles-list__thumb {
    border-radius: 4px;
    height: 64px;
    object-fit: cover;
    width: 64px
}

@media (max-width: 834px) {
    .sc-articles-list__thumb {
        border-radius:4px;
        height: 72px;
        width: 72px
    }
}

.sc-articles-list__content {
    box-sizing: border-box;
    padding-left: 12px
}

.sc-articles-list__article-title {
    color: #2d2926;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 4px
}

@media (max-width: 834px) {
    .sc-articles-list__article-title {
        margin:0 0 4px
    }
}

.sc-articles-list__info {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .sc-articles-list__info {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.sc-articles-list__more-link {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0 0;
    text-align: right
}

.sc-articles-list__more-link,.sc-articles-list__more-link:active,.sc-articles-list__more-link:focus,.sc-articles-list__more-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .sc-articles-list__more-link {
        background-color:#efefef;
        border-radius: 4px;
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 16px 0;
        padding: 13px 0;
        text-align: center;
        width: 360px
    }

    .sc-articles-list__more-link,.sc-articles-list__more-link:active,.sc-articles-list__more-link:focus,.sc-articles-list__more-link:hover {
        color: var(--object-main);
        text-decoration: none
    }
}

@media (max-width: 834px) and (max-width:834px) {
    .sc-articles-list__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

#sub-col .sc-content-container {
    background: #fff;
    margin: 0 0 20px;
    padding: .1px 0
}

@media (max-width: 834px) {
    #sub-col .sc-content-container {
        margin:16px 0
    }
}

@media (min-width: 835px) {
    #sub-col .sc-content-container {
        border-bottom:1px solid var(--border-separation);
        padding-bottom: 20px
    }

    #sub-col .sc-content-container:last-child {
        border-bottom: unset;
        position: sticky;
        top: 64px
    }
}

.sc-commerce-popular-brand__title {
    border-bottom: 1px solid #2d2926;
    color: #2d2926;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 20px;
    margin: 0 0 8px;
    padding: 8px 0 7px
}

@media (max-width: 834px) {
    .sc-commerce-popular-brand__title {
        border-bottom-width:3px;
        color: #2d2926;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 28px;
        margin: 24px 16px 0
    }
}

.sc-commerce-popular-brand__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .sc-commerce-popular-brand__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

@media (min-width: 835px) {
    .sc-commerce-popular-brand__sub-title {
        display:none
    }
}

.sc-commerce-popular-brand__list {
    list-style-type: none;
    padding: 0
}

@media (max-width: 834px) {
    .sc-commerce-popular-brand__list {
        margin-bottom:24px
    }
}

.sc-commerce-popular-brand__list li {
    height: 45px;
    position: relative;
    width: 100%
}

@media (max-width: 834px) {
    .sc-commerce-popular-brand__list li {
        height:42px;
        margin-bottom: 4px;
        padding: 0 16px
    }
}

.sc-commerce-popular-brand__list li a {
    color: var(--object-main);
    display: block;
    font-size: 16px;
    line-height: 44px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 24px)
}

@media (max-width: 834px) {
    .sc-commerce-popular-brand__list li a {
        line-height:42px
    }
}

.sc-commerce-popular-brand__list li a:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/dark_80-52447cd424710ee5d587086e5e6c7b81312cbda0af683cf347a722056739448a.png) no-repeat;
    background-position: 0 12px;
    background-size: 24px;
    content: "";
    display: block;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1);
    width: 24px
}

@media (max-width: 834px) {
    .sc-commerce-popular-brand__list li a:after {
        background-position:0 12px;
        height: 42px;
        right: 16px
    }
}

.sc-commerce-popular-brand__list li:after {
    border-bottom: 1px solid rgb(var(--object-tertiary-rgb)/.5);
    content: "";
    display: block;
    width: 100%
}

@media (max-width: 834px) {
    .sc-commerce-popular-brand__list li {
        padding:0
    }

    .sc-commerce-popular-brand__list li a:after {
        margin-right: unset
    }
}

.sc-commerce-popular-brand__list li {
    height: 52px
}

.sc-commerce-popular-brand__list li a {
    font-size: 14px;
    line-height: 20px;
    padding: 16px 0 16px 16px
}

@media (max-width: 834px) {
    .sc-commerce-popular-brand__list li a {
        font-size:12px
    }
}

.sc-commerce-popular-brand__list li a:after {
    background-position: 0 14px;
    filter: invert(96%) sepia(6%) saturate(195%) hue-rotate(314deg) brightness(94%) contrast(83%);
    height: 52px;
    margin-right: 16px
}

.sc-commerce-popular-brand__list-link {
    padding-left: 16px
}

.sc-commerce-popular-brand__more-link {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0;
    text-align: right
}

.sc-commerce-popular-brand__more-link,.sc-commerce-popular-brand__more-link:active,.sc-commerce-popular-brand__more-link:focus,.sc-commerce-popular-brand__more-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .sc-commerce-popular-brand__more-link {
        background-color:#efefef;
        border-radius: 4px;
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 16px 0;
        padding: 13px 0;
        text-align: center;
        width: 360px
    }

    .sc-commerce-popular-brand__more-link,.sc-commerce-popular-brand__more-link:active,.sc-commerce-popular-brand__more-link:focus,.sc-commerce-popular-brand__more-link:hover {
        color: var(--object-main);
        text-decoration: none
    }
}

@media (max-width: 834px) and (max-width:834px) {
    .sc-commerce-popular-brand__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.sc-commerce-popular-category__title {
    border-bottom: 1px solid #2d2926;
    color: #2d2926;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 20px;
    margin: 0 0 8px;
    padding: 8px 0 7px
}

@media (max-width: 834px) {
    .sc-commerce-popular-category__title {
        border-bottom-width:3px;
        color: #2d2926;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 28px;
        margin: 24px 16px 0
    }
}

.sc-commerce-popular-category__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .sc-commerce-popular-category__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

@media (min-width: 835px) {
    .sc-commerce-popular-category__sub-title {
        display:none
    }
}

.sc-commerce-popular-category__list {
    list-style-type: none;
    padding: 0
}

@media (max-width: 834px) {
    .sc-commerce-popular-category__list {
        margin-bottom:24px
    }
}

.sc-commerce-popular-category__list li {
    height: 45px;
    position: relative;
    width: 100%
}

@media (max-width: 834px) {
    .sc-commerce-popular-category__list li {
        height:42px;
        margin-bottom: 4px;
        padding: 0 16px
    }
}

.sc-commerce-popular-category__list li a {
    color: var(--object-main);
    display: block;
    font-size: 16px;
    line-height: 44px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 24px)
}

@media (max-width: 834px) {
    .sc-commerce-popular-category__list li a {
        line-height:42px
    }
}

.sc-commerce-popular-category__list li a:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/dark_80-52447cd424710ee5d587086e5e6c7b81312cbda0af683cf347a722056739448a.png) no-repeat;
    background-position: 0 12px;
    background-size: 24px;
    content: "";
    display: block;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1);
    width: 24px
}

@media (max-width: 834px) {
    .sc-commerce-popular-category__list li a:after {
        background-position:0 12px;
        height: 42px;
        right: 16px
    }
}

.sc-commerce-popular-category__list li:after {
    border-bottom: 1px solid rgb(var(--object-tertiary-rgb)/.5);
    content: "";
    display: block;
    width: 100%
}

@media (max-width: 834px) {
    .sc-commerce-popular-category__list li {
        padding:0
    }

    .sc-commerce-popular-category__list li a:after {
        margin-right: unset
    }
}

.sc-commerce-popular-category__list li {
    height: 52px
}

.sc-commerce-popular-category__list li a {
    font-size: 14px;
    line-height: 20px;
    padding: 16px 0 16px 16px
}

@media (max-width: 834px) {
    .sc-commerce-popular-category__list li a {
        font-size:12px
    }
}

.sc-commerce-popular-category__list li a:after {
    background-position: 0 14px;
    filter: invert(96%) sepia(6%) saturate(195%) hue-rotate(314deg) brightness(94%) contrast(83%);
    height: 52px;
    margin-right: 16px
}

.sc-commerce-popular-category__list-link {
    padding-left: 16px
}

.sc-commerce-popular-category__more-link {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0;
    text-align: right
}

.sc-commerce-popular-category__more-link,.sc-commerce-popular-category__more-link:active,.sc-commerce-popular-category__more-link:focus,.sc-commerce-popular-category__more-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .sc-commerce-popular-category__more-link {
        background-color:#efefef;
        border-radius: 4px;
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 16px 0;
        padding: 13px 0;
        text-align: center;
        width: 360px
    }

    .sc-commerce-popular-category__more-link,.sc-commerce-popular-category__more-link:active,.sc-commerce-popular-category__more-link:focus,.sc-commerce-popular-category__more-link:hover {
        color: var(--object-main);
        text-decoration: none
    }
}

@media (max-width: 834px) and (max-width:834px) {
    .sc-commerce-popular-category__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.sc-cosmetic-calendar__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-cosmetic-calendar__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-cosmetic-calendar__container {
    padding: 8px 0 0
}

@media (max-width: 834px) {
    .sc-cosmetic-calendar__container {
        padding:8px 16px 24px
    }
}

.sc-cosmetic-calendar__desc {
    color: #2d2926;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    white-space: pre-line
}

.sc-cosmetic-calendar__link {
    align-items: center;
    background: var(--background-elevation-low);
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 12px 0;
    padding: 16px
}

.sc-cosmetic-calendar__link,.sc-cosmetic-calendar__link:active,.sc-cosmetic-calendar__link:focus,.sc-cosmetic-calendar__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .sc-cosmetic-calendar__link {
        margin:16px 0
    }
}

.sc-cosmetic-calendar__link:before {
    background: url(https://cdn.lipscosme.com/assets/feather/calendar-e59c7c86fa493af40a93daeb37c268a3f96302ca933c762f4622c72ae4a2d82c.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.sc-cosmetic-calendar__link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/pureBlack-89c422dafe87c6b5f3191c3ca55957c5ea8a6140566c230dd151c9c837dddba7.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    filter: invert(8%) sepia(8%) saturate(13%) hue-rotate(314deg) brightness(100%) contrast(87%);
    height: 10px;
    margin-left: auto;
    width: 10px
}

.sc-cosmetic-calendar__registration {
    height: auto;
    width: 100%
}

.sc-cosmetic-calendar__registration-button {
    background-color: var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center
}

.sc-cosmetic-calendar__registration-button,.sc-cosmetic-calendar__registration-button:active,.sc-cosmetic-calendar__registration-button:focus,.sc-cosmetic-calendar__registration-button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .sc-cosmetic-calendar__registration-button {
        width:-webkit-fill-available;
        width: -moz-available;
        width: stretch
    }
}

.sc-cosmetic-calendar-product__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-cosmetic-calendar-product__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-cosmetic-calendar-product__container {
    padding: 8px 0 0
}

@media (max-width: 834px) {
    .sc-cosmetic-calendar-product__container {
        padding:8px 16px 24px
    }
}

.sc-cosmetic-calendar-product__product {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    display: flex;
    gap: 16px;
    padding: 20px 16px
}

.sc-cosmetic-calendar-product__product,.sc-cosmetic-calendar-product__product:active,.sc-cosmetic-calendar-product__product:focus,.sc-cosmetic-calendar-product__product:hover {
    color: var(--object-main);
    text-decoration: none
}

.sc-cosmetic-calendar-product__product-image {
    display: block;
    height: 72px;
    object-fit: cover;
    width: 72px
}

.sc-cosmetic-calendar-product__release-date {
    color: var(--expressive-blue);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px
}

.sc-cosmetic-calendar-product__release-date span {
    color: var(--expressive-blue);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.sc-cosmetic-calendar-product__brand-name,.sc-cosmetic-calendar-product__product-name {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.sc-cosmetic-calendar-product__product-name {
    margin-top: 4px
}

.sc-cosmetic-calendar-product__product-price {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 8px
}

.sc-cosmetic-calendar-product__button {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 50px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 16px;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.sc-cosmetic-calendar-product__button:hover {
    opacity: .8
}

.sc-cosmetic-calendar-product__button:active,.sc-cosmetic-calendar-product__button:focus,.sc-cosmetic-calendar-product__button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.sc-cosmetic-calendar-product__button:disabled {
    background: var(--object-tertiary)
}

.sc-cosmetic-calendar-product__button:disabled:hover {
    opacity: 1
}

.sc-cosmetic-calendar-product__registerBtn {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 50px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 16px;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.sc-cosmetic-calendar-product__registerBtn:hover {
    opacity: .8
}

.sc-cosmetic-calendar-product__registerBtn:active,.sc-cosmetic-calendar-product__registerBtn:focus,.sc-cosmetic-calendar-product__registerBtn:hover {
    color: var(--object-main);
    text-decoration: none
}

.sc-cosmetic-calendar-product__registerBtn:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

.sc-main-nav__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-main-nav__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-main-nav__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .sc-main-nav__list-item:not(:last-child) {
        border-bottom:1px solid var(--border-separation)
    }
}

.sc-main-nav__list-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 0;
    position: relative
}

.sc-main-nav__list-link,.sc-main-nav__list-link:active,.sc-main-nav__list-link:focus,.sc-main-nav__list-link:hover {
    color: #2d2926;
    text-decoration: none
}

.sc-main-nav__list-link:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

@media (max-width: 834px) {
    .sc-main-nav__list-link {
        padding:12px 16px
    }
}

.sc-popular-brand__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-popular-brand__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-popular-brand__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .sc-popular-brand__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

@media (min-width: 835px) {
    .sc-popular-brand__sub-title {
        display:none
    }
}

.sc-popular-brand__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .sc-popular-brand__list-item:not(:last-child) {
        border-bottom:1px solid var(--border-separation)
    }
}

.sc-popular-brand__list-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 0;
    position: relative
}

.sc-popular-brand__list-link,.sc-popular-brand__list-link:active,.sc-popular-brand__list-link:focus,.sc-popular-brand__list-link:hover {
    color: #2d2926;
    text-decoration: none
}

.sc-popular-brand__list-link:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

@media (max-width: 834px) {
    .sc-popular-brand__list-link {
        padding:12px 16px
    }
}

.sc-popular-ranking__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-popular-ranking__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-popular-ranking__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .sc-popular-ranking__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

@media (min-width: 835px) {
    .sc-popular-ranking__sub-title {
        display:none
    }
}

.sc-popular-ranking__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .sc-popular-ranking__list-item:not(:last-child) {
        border-bottom:1px solid var(--border-separation)
    }
}

.sc-popular-ranking__list-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 0;
    position: relative
}

.sc-popular-ranking__list-link,.sc-popular-ranking__list-link:active,.sc-popular-ranking__list-link:focus,.sc-popular-ranking__list-link:hover {
    color: #2d2926;
    text-decoration: none
}

.sc-popular-ranking__list-link:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

@media (max-width: 834px) {
    .sc-popular-ranking__list-link {
        padding:12px 16px
    }
}

.sc-product-list__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-product-list__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-product-list__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .sc-product-list__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

@media (min-width: 835px) {
    .sc-product-list__sub-title {
        display:none
    }
}

.sc-product-list__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sc-product-list__item {
    contain: content;
    contain-intrinsic-size: 80px;
    content-visibility: auto
}

@media (max-width: 834px) {
    .sc-product-list__item {
        contain-intrinsic-size:102px
    }
}

.sc-product-list__link {
    align-items: flex-start;
    display: flex;
    padding: 8px 0
}

.sc-product-list__link,.sc-product-list__link:active,.sc-product-list__link:focus,.sc-product-list__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .sc-product-list__link {
        padding:16px 16px 20px
    }
}

.sc-product-list__thumb {
    flex-shrink: 0;
    height: 64px;
    margin: 0 12px 0 0;
    object-fit: contain;
    width: 64px
}

.sc-product-list__main-info {
    margin: 0 0 4px
}

@media (max-width: 834px) {
    .sc-product-list__main-info {
        margin:0 0 8px
    }
}

.sc-product-list__brand-name {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.sc-product-list__product-name {
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.sc-product-list__rate .ratingStar {
    align-items: center;
    display: flex
}

.sc-product-list__rate .ratingStar__star {
    height: 10px;
    margin: 0 8px 0 0
}

.sc-product-list__rate .ratingStar__num {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 4px 0 0
}

.sc-product-list__rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.sc-product-list__more-link {
    color: var(--expressive-red);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0;
    text-align: right;
    text-decoration: none;
    text-decoration: underline
}

.sc-product-list__more-link:active,.sc-product-list__more-link:focus,.sc-product-list__more-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .sc-product-list__more-link {
        background-color:#efefef;
        border-radius: 4px;
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 16px 0;
        padding: 13px 0;
        text-align: center;
        width: 360px
    }

    .sc-product-list__more-link,.sc-product-list__more-link:active,.sc-product-list__more-link:focus,.sc-product-list__more-link:hover {
        color: var(--object-main);
        text-decoration: none
    }
}

@media (max-width: 834px) and (max-width:834px) {
    .sc-product-list__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.sc-rankings-tree__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-rankings-tree__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-rankings-tree__list-container {
    padding: 8px 0 0
}

@media (max-width: 834px) {
    .sc-rankings-tree__list-container {
        padding:8px 0 12px
    }
}

.sc-rankings-tree__parent-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sc-rankings-tree__parent-title {
    border-bottom: 1px solid var(--border-separation);
    margin: 0
}

.sc-rankings-tree__parent-btn {
    align-items: center;
    background: none;
    border: none;
    color: #2d2926;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 150%;
    padding: 12px 8px 12px 0;
    width: 100%
}

.sc-rankings-tree__parent-btn:focus {
    outline: none
}

@media (max-width: 834px) {
    .sc-rankings-tree__parent-btn {
        padding:12px 12px 12px 16px
    }
}

.sc-rankings-tree__parent-btn:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png);
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    transform: rotate(180deg);
    width: 24px
}

.sc-rankings-tree__parent-btn.is-show:after {
    transform: none
}

.sc-rankings-tree__child-list {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 16px
}

.sc-rankings-tree__child-item {
    border-bottom: 1px solid var(--border-separation)
}

.sc-rankings-tree__child-link {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0
}

.sc-rankings-tree__child-link,.sc-rankings-tree__child-link:active,.sc-rankings-tree__child-link:focus,.sc-rankings-tree__child-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .sc-rankings-tree__child-link {
        padding:12px 16px
    }
}

.ScSampleCampaignsList__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .ScSampleCampaignsList__title {
        margin:24px 16px 0
    }
}

.ScSampleCampaignsList__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 12px 0 0;
    padding: 0
}

@media (max-width: 834px) {
    .ScSampleCampaignsList__list {
        margin-top:16px
    }
}

.ScSampleCampaignsList__item {
    width: 100%
}

.ScSampleCampaignsList__link {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 8px 0
}

.ScSampleCampaignsList__link,.ScSampleCampaignsList__link:active,.ScSampleCampaignsList__link:focus,.ScSampleCampaignsList__link:hover {
    color: #000;
    text-decoration: none
}

@media (max-width: 834px) {
    .ScSampleCampaignsList__link {
        padding:8px 16px
    }
}

.ScSampleCampaignsList__thumb {
    border-radius: 8px;
    flex-shrink: 0;
    height: 90px;
    width: 95px
}

.ScSampleCampaignsList__thumb img {
    border-radius: 4px 4px 0 0;
    height: 75px;
    object-fit: cover;
    width: 100%
}

.ScSampleCampaignsList__time {
    background: var(--background-primary);
    border-radius: 0 0 4px 4px;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 400;
    height: 15px;
    line-height: 150%;
    text-align: center;
    width: 100%
}

.ScSampleCampaignsList__content {
    flex: 1;
    margin-left: 12px
}

.ScSampleCampaignsList__campaign-name {
    color: #2d2926;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 4px
}

@media (max-width: 834px) {
    .ScSampleCampaignsList__campaign-name {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ScSampleCampaignsList__info-item {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ScSampleCampaignsList__info-item {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.ScSampleCampaignsList__more-link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 16px 0 20px;
    text-align: right
}

.ScSampleCampaignsList__more-link,.ScSampleCampaignsList__more-link:active,.ScSampleCampaignsList__more-link:focus,.ScSampleCampaignsList__more-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .ScSampleCampaignsList__more-link {
        background-color:#efefef;
        border-radius: 4px;
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 16px 0;
        padding: 13px 0;
        text-align: center;
        width: 360px
    }

    .ScSampleCampaignsList__more-link,.ScSampleCampaignsList__more-link:active,.ScSampleCampaignsList__more-link:focus,.ScSampleCampaignsList__more-link:hover {
        color: var(--object-main);
        text-decoration: none
    }
}

@media (max-width: 834px) and (max-width:834px) {
    .ScSampleCampaignsList__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.sc-search-menu__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-search-menu__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-search-menu__form {
    padding: 8px 0 0
}

@media (max-width: 834px) {
    .sc-search-menu__form {
        padding:8px 16px 24px
    }
}

.sc-search-menu__input {
    background: url(https://cdn.lipscosme.com/assets/feather/search-6615d21f11b72751c746a03e85818e99192d1d4c4fe6debd84f5a377cc3f7c1a.svg) 12px 12px no-repeat;
    background-color: var(--background-elevation-low);
    background-size: 16px;
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 150%;
    padding: 10px 16px 10px 36px;
    width: 100%
}

.sc-search-menu__input::placeholder {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.sc-search-menu__input:focus {
    outline: none
}

.sc-search-menu__input:focus::placeholder {
    color: transparent
}

@media (max-width: 834px) {
    .ArticleIndex #sub-col h3 {
        align-items:center;
        color: var(--object-main);
        display: flex;
        font-size: 20px;
        font-weight: 600;
        gap: 12px;
        line-height: 150%;
        margin: 0
    }

    .ArticleIndex #sub-col h3:after,.ArticleIndex #sub-col h3:before {
        border-bottom: 1px solid var(--object-main);
        border-top: 2px solid var(--object-main);
        content: "";
        flex: 1 0 0;
        height: 7px;
        width: 100%
    }

    .ArticleIndex #sub-col h3>div {
        display: flex;
        flex-direction: column;
        text-align: center
    }

    .ArticleIndex #sub-col h3>div>div {
        color: var(--object-secondary);
        content-visibility: unset;
        display: block!important;
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }

    .ArticleIndex #sub-col h3>div>div:first-child {
        color: var(--object-main);
        font-family: Times New Roman,Times,serif;
        font-size: 24px;
        font-weight: 600;
        font-weight: 400;
        line-height: 150%
    }

    .ArticleIndex #sub-col .sc-cosmetic-calendar-product__container {
        padding-bottom: 0
    }
}

@media (min-width: 835px) {
    .ArticleIndex #sub-col h3 {
        border-bottom:2px solid var(--object-main);
        padding-bottom: 16px
    }
}

.ArticleIndex #sub-col .sc-content-container {
    background-color: var(--background-elevation-high);
    border-bottom: unset;
    margin: 48px 0;
    padding: 0
}

@media (max-width: 834px) {
    .ArticleIndex #sub-col .sc-content-container {
        margin:0;
        padding: 24px 0
    }
}

.ArticleIndex #sub-col .sc-content-container:first-child {
    margin-top: 0
}

@media (max-width: 834px) {
    .ArticleIndex #sub-col .sc-tag-list__content {
        padding-bottom:0
    }
}

.ArticleIndex #sub-col .ScSampleCampaignsList__more-link {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 50px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.ArticleIndex #sub-col .ScSampleCampaignsList__more-link:hover {
    opacity: .8
}

.ArticleIndex #sub-col .ScSampleCampaignsList__more-link:active,.ArticleIndex #sub-col .ScSampleCampaignsList__more-link:focus,.ArticleIndex #sub-col .ScSampleCampaignsList__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ArticleIndex #sub-col .ScSampleCampaignsList__more-link:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

@media (max-width: 834px) {
    .ArticleIndex #sub-col .ScSampleCampaignsList__more-link {
        width:calc(100% - 32px)
    }

    #sub-col.homme h3 {
        align-items: center;
        color: var(--object-main);
        display: flex;
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        margin-right: 0
    }

    #sub-col.homme h3:after {
        border-bottom: 2px solid var(--object-main);
        content: "";
        flex: 1 0 0;
        margin-left: 12px;
        width: 100%
    }
}

@media (min-width: 835px) {
    #sub-col.homme h3 {
        border-bottom:2px solid var(--object-main);
        padding-bottom: 16px
    }
}

#sub-col.homme .sc-content-container {
    border-bottom: unset;
    margin: 48px 0;
    padding: 0
}

#sub-col.homme .sc-content-container:first-child {
    margin-top: 0
}

@media (max-width: 834px) {
    #sub-col.homme .sc-tag-list__content {
        padding-bottom:0
    }
}

#sub-col.homme .ScSampleCampaignsList__more-link {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 50px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

#sub-col.homme .ScSampleCampaignsList__more-link:hover {
    opacity: .8
}

#sub-col.homme .ScSampleCampaignsList__more-link:active,#sub-col.homme .ScSampleCampaignsList__more-link:focus,#sub-col.homme .ScSampleCampaignsList__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

#sub-col.homme .ScSampleCampaignsList__more-link:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

@media (max-width: 834px) {
    #sub-col.homme .ScSampleCampaignsList__more-link {
        width:calc(100% - 32px)
    }
}

.sc-tag-list__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-tag-list__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-tag-list__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .sc-tag-list__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

@media (min-width: 835px) {
    .sc-tag-list__sub-title {
        display:none
    }
}

.sc-tag-list__content {
    padding: 8px 0 0
}

@media (max-width: 834px) {
    .sc-tag-list__content {
        padding:8px 16px 24px
    }
}

.sc-tag-list__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sc-tag-list__list li {
    border: 1px solid var(--border-separation);
    border-radius: 16px
}

.sc-tag-list__list li a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 12px
}

.sc-tag-list__list li a,.sc-tag-list__list li a:active,.sc-tag-list__list li a:focus,.sc-tag-list__list li a:hover {
    color: var(--object-secondary);
    text-decoration: none
}

@media (min-width: 835px) {
    #sub-col>.sc-users-list {
        padding-bottom:0
    }
}

@media (max-width: 834px) {
    #sub-col>.sc-users-list {
        padding-bottom:24px
    }
}

.sc-users-list__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .sc-users-list__title {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

.sc-users-list__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .sc-users-list__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

@media (min-width: 835px) {
    .sc-users-list__sub-title {
        display:none
    }
}

.sc-users-list__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sc-users-list__item {
    position: relative
}

@media (min-width: 835px) {
    .sc-users-list__item:not(:last-child) {
        border-bottom:1px solid var(--border-separation)
    }
}

@media (max-width: 834px) {
    .sc-users-list__item {
        border-bottom:1px solid var(--border-separation)
    }
}

.sc-users-list__link {
    align-items: center;
    display: flex;
    padding: 16px 0
}

.sc-users-list__link,.sc-users-list__link:active,.sc-users-list__link:focus,.sc-users-list__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .sc-users-list__link {
        padding:16px 12px
    }
}

.sc-users-list__user-thumb {
    border-radius: 50%;
    height: 44px;
    margin: 0 12px 0 0;
    object-fit: cover;
    width: 44px
}

.sc-users-list__content {
    width: calc(100% - 92px)
}

@media (min-width: 835px) {
    .sc-users-list__content {
        width:calc(100% - 104px)
    }
}

.sc-users-list__user-name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sc-users-list__user-info {
    color: var(--object-secondary);
    display: flex;
    font-size: 10px;
    font-weight: 400;
    gap: 4px;
    line-height: 150%
}

.sc-users-list__like-count {
    align-items: center;
    display: flex;
    gap: 2px
}

.sc-users-list__like-count:before {
    background: url(https://cdn.lipscosme.com/assets/feather/heart-07e84bca2d362240698cb604c0e64fcb08aa44d7f1e10f57f6e432e35d6721af.svg) no-repeat;
    background-size: contain;
    content: "";
    filter: brightness(0) saturate(100%) invert(52%) sepia(0) saturate(1049%) hue-rotate(138deg) brightness(88%) contrast(86%);
    height: 10px;
    width: 10px
}

.sc-users-list__follower-count {
    align-items: center;
    display: flex;
    gap: 2px
}

.sc-users-list__follower-count:before {
    background: url(https://cdn.lipscosme.com/assets/feather/user-d7cd837b02ed8d790f4f235460c2196c821d4805ca304168124132f640065c5d.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    width: 12px
}

.sc-users-list__follow-btn {
    bottom: 0;
    height: 32px;
    margin: auto;
    position: absolute;
    right: 16px;
    top: 0;
    width: 32px
}

.sc-users-list__follow-btn .follow-btn-ic {
    align-items: center;
    background: var(--background-primary);
    border-radius: 4px;
    color: #fff;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 6px;
    text-decoration: none;
    width: 32px
}

.sc-users-list__follow-btn .follow-btn-ic:active,.sc-users-list__follow-btn .follow-btn-ic:focus,.sc-users-list__follow-btn .follow-btn-ic:hover {
    color: #fff;
    text-decoration: none
}

.sc-users-list__follow-btn .follow-btn-ic.following {
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main)
}

.sc-users-list__follow-btn .follow-btn-ic.following:before {
    background: url(https://cdn.lipscosme.com/assets/feather/user-check-14ac931e6ddc2e105df147aac3c06e1d0416438bef77bce1fcecfc2553d8fb70.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    width: 20px
}

.sc-users-list__follow-btn .follow-btn-ic:before {
    background: url(https://cdn.lipscosme.com/assets/feather/user-plus-a19b2015025c19d3c3185081548ac7dc07ed5604b4721545d91527277bfeec00.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    width: 20px
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0!important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: -ms-flexbox;
    height: 2em;
    -ms-flex-pack: center;
    opacity: .7;
    padding: 0;
    transform: translateY(-50%);
    width: 2em
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.splide__pagination {
    position: unset
}

.splide {
    visibility: visible
}

.splide__pagination__page {
    background: none;
    background: var(--object-tertiary);
    border: none;
    display: block;
    height: 6px;
    margin: 0 2px;
    opacity: 1;
    padding: 0;
    width: 6px
}

.splide__pagination__page:focus {
    outline: none
}

.splide__pagination__page.is-active {
    background: var(--background-primary);
    transform: scale(1)
}

.splide__arrow {
    align-items: center;
    background: rgba(34,34,34,.4);
    border: 1px solid #fff;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    opacity: 1;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1
}

.splide__arrow:after {
    background-color: #fff;
    content: "";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.splide__arrow--next {
    right: 12px
}

.splide__arrow--prev {
    left: 12px
}

.splide__arrow--prev:after {
    transform: scaleX(-1)
}

.AdSlot__rectangle {
    min-height: 250px;
    min-width: 300px;
    text-align: center
}

.AdSlot__pureAds {
    min-height: auto;
    min-width: 300px;
    text-align: center
}

.AdSlot__pureAdsContentPadding16 iframe {
    margin: 16px 0
}

.AdSlot__pureAdsContentPadding24 iframe {
    margin: 24px 0
}

.AdSlot__pureAdsContainerForSpRankingRectangle0 {
    margin-bottom: -8px
}

.AdSlot__pureAdsContentForSpRankingRectangle0 iframe {
    margin-bottom: 16px
}

.AdSlot__rectangleMargin24 {
    min-height: 298px;
    min-width: 300px;
    text-align: center
}

.AdSlot__rectangleMargin16 {
    min-height: 282px;
    min-width: 300px;
    text-align: center
}

.AdSlot__bannerMargin16 {
    min-height: 132px;
    min-width: 320px;
    text-align: center
}

.section-figureheader-container {
    background-color: #fff;
    border-bottom: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    margin-top: -20px
}

@media (max-width: 834px) {
    .section-figureheader-container {
        margin-top:70px
    }
}

.section-figureheader-container .section-figureheader {
    margin: 0 auto;
    max-width: 1080px;
    overflow: hidden;
    width: 90%
}

.section-figureheader-container .section-figureheader .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 203px;
    margin-right: 20px;
    width: 203px
}

.section-figureheader-container h1 {
    color: var(--expressive-red);
    font-size: 22px;
    padding: 30px 0 0
}

.section-figureheader-container h2 {
    color: var(--object-secondary);
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 15px;
    margin-top: 10px
}

.archive-list .title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .archive-list .title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.archive-list #items {
    list-style-type: none;
    padding: 0
}

.archive-list #items .archive-partial {
    border-bottom: 1px solid var(--border-separation);
    overflow: auto;
    padding: 13px 0
}

.archive-list #items .archive-partial .archive-thumb {
    background-position: 50%;
    background-size: cover;
    float: left;
    height: 95px;
    margin-right: 13px;
    width: 95px
}

.archive-list #items .archive-partial .archive-thumb:hover {
    opacity: .7
}

.archive-list #items .archive-partial .archive-content {
    height: 95px;
    overflow: hidden;
    padding: 7px 0
}

.archive-list #items .archive-partial .archive-content h3.archive-title {
    font-size: 16px;
    margin: 0 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.archive-list #items .archive-partial .archive-content h3.archive-title a {
    color: var(--object-main)
}

.archive-list #items .archive-partial .archive-content h3.archive-title a:focus,.archive-list #items .archive-partial .archive-content h3.archive-title a:hover {
    opacity: .7;
    text-decoration: none
}

.archive-list #items .archive-partial .archive-content .archive-abstract {
    color: var(--object-main);
    font-size: 12px;
    margin-bottom: 6px
}

.archive-list #items .archive-partial .archive-content .view-count {
    color: var(--object-main);
    font-size: 13px;
    height: 20px
}

.archive-show {
    margin-top: 15px;
    padding: 0
}

@media (min-width: 835px) {
    .archive-show {
        margin-top:0;
        padding-left: 0;
        padding-right: 3%
    }
}

.archive-show iframe {
    max-width: 100%
}

.archive-show a {
    word-wrap: break-word
}

.archive-show archive h2 {
    border-bottom: 1px solid var(--expressive-red);
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 25px;
    margin-bottom: 15px;
    margin-top: 30px;
    padding-bottom: 5px
}

@media (min-width: 835px) {
    .archive-show archive h2 {
        font-size:18px;
        letter-spacing: .3px;
        line-height: 30px
    }
}

.archive-show archive h2:first-of-type {
    margin-top: 0
}

.archive-show archive .info-row {
    line-height: 30px;
    padding: 10px 0
}

.archive-show archive .info-row .published-at {
    color: var(--object-secondary);
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle
}

.archive-show archive .info-row .author-thumb {
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
    width: 30px
}

.archive-show archive .info-row .author-name {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.archive-show archive img {
    margin: 0 auto 10px;
    max-width: 100%
}

.archive-show archive p {
    line-height: 1.6;
    margin: 17px 0
}

.archive-show archive h3 {
    color: var(--object-secondary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 15px;
    margin-top: 30px
}

@media (min-width: 835px) {
    .archive-show archive h3 {
        font-size:16px
    }
}

.archive-show archive blockquote {
    background-color: var(--background-elevation-low);
    border: 6px solid var(--background-elevation-low)!important;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 24px;
    padding: 5px 5px 5px 40px;
    position: relative
}

@media (min-width: 835px) {
    .archive-show archive blockquote {
        font-size:14px
    }
}

.archive-show archive blockquote a,.archive-show archive blockquote a:focus,.archive-show archive blockquote a:hover,.archive-show archive blockquote a:visited {
    color: var(--object-main)
}

.archive-show archive blockquote:before {
    color: var(--border-separation);
    content: "“";
    font-size: 600%;
    left: 0;
    line-height: 1em;
    margin-top: -10px;
    position: absolute;
    top: 0
}

.archive-show archive address {
    color: var(--object-main);
    font-size: 10px;
    line-height: 10px;
    word-wrap: break-word
}

.archive-show archive a,.archive-show archive a:focus,.archive-show archive a:hover,.archive-show archive a:visited {
    color: var(--object-main)
}

.archive-show .btn-like {
    text-align: center
}

.archive-show .btn-like a {
    color: var(--object-main);
    font-size: 14px;
    text-decoration: none
}

@media (max-width: 834px) {
    .ArticleKeywordShow {
        background:var(--background-elevation-low)
    }
}

.ArticleKeywordShow__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    padding: 32px 0 24px
}

@media (max-width: 834px) {
    .ArticleKeywordShow__title-area {
        padding:16px 16px 24px
    }
}

.ArticleKeywordShow__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .ArticleKeywordShow__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.ArticleKeywordShow__abstract {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ArticleKeywordShow__abstract {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 20px;
        margin: 0 0 12px
    }
}

.ArticleKeywordShow__article-list {
    background: #fff;
    margin: 16px 0;
    padding: .1px 0
}

.app-like-list {
    background-color: var(--background-elevation-low);
    padding-bottom: 16px
}

.app-like-list__section-title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    padding: 24px 12px 8px
}

.app-like-list__article-section {
    margin: 0 12px
}

.app-like-list__article-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.app-like-list__article-item {
    background-color: var(--background-elevation-high);
    border-radius: 4px;
    margin: 8px 0 0
}

.app-like-list__article-list-link {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 0;
    line-height: 150%;
    padding: 0
}

.app-like-list__article-list-link,.app-like-list__article-list-link:active,.app-like-list__article-list-link:focus,.app-like-list__article-list-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.app-like-list__list-thumb {
    background: var(--background-elevation-low);
    border-radius: 4px 0 0 4px;
    flex-shrink: 0;
    height: 96px;
    object-fit: cover;
    width: 96px
}

.app-like-list__list-title-author-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 8px
}

.app-like-list__list-title-container {
    display: flex
}

.app-like-list__list-title {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal
}

.app-like-list__list-author {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 4px
}

.app-like-list__list-author-avatar {
    border-radius: 999px;
    display: inline;
    height: 16px;
    width: 16px
}

.app-like-list__list-author-container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.app-like-list__list-pv {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.article-show__expertComment {
    background: var(--background-surface);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 32px 0;
    padding: 16px
}

@media (max-width: 834px) {
    .article-show__expertComment {
        gap:12px;
        margin: 28px 16px;
        padding: 12px
    }
}

.article-show__expertComment__info {
    align-items: center;
    display: flex;
    gap: 16px
}

@media (max-width: 834px) {
    .article-show__expertComment__info {
        gap:12px
    }
}

.article-show__expertComment__info__thumbContainer {
    position: relative
}

.article-show__expertComment__info__thumbImage {
    border: 2px solid var(--object-main);
    border-radius: 50%;
    height: 80px;
    object-fit: cover;
    width: 80px
}

.article-show__expertComment__info__thumbLabel {
    background: var(--background-primary);
    border-radius: 4px;
    bottom: 0;
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 500;
    left: 0;
    line-height: 150%;
    padding: 2px;
    position: absolute;
    right: 0;
    text-align: center
}

.article-show__expertComment__info__profContainer {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media (max-width: 834px) {
    .article-show__expertComment__info__profContainer {
        align-items:center
    }
}

.article-show__expertComment__info__profName {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .article-show__expertComment__info__profName {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.article-show__expertComment__info__profJobTitle {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .article-show__expertComment__info__profJobTitle {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.article-show__expertComment__commentContainer {
    background: var(--background-elevation-high);
    border-radius: 4px;
    padding: 16px
}

@media (max-width: 834px) {
    .article-show__expertComment__commentContainer {
        padding:12px
    }
}

.article-show__expertComment__comment {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .article-show__expertComment__comment {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.article-show__expertComment__comment b {
    background: linear-gradient(transparent 75%,#ffdde2 0);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .article-show__expertComment__comment b {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }
}

.article-show__expertComment__comment>p:last-child {
    margin-bottom: 0
}

.article-show__lipsPost {
    margin: 32px 0
}

@media (max-width: 834px) {
    .article-show__lipsPost {
        margin:28px 16px
    }
}

.article-show__lipsPost-link,.article-show__lipsPost-link:active,.article-show__lipsPost-link:focus,.article-show__lipsPost-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.article-show__lipsPost-figure {
    display: table
}

.article-show__lipsPost-figure-mcc {
    max-width: 100%
}

.article-show__lipsPost-thumb {
    height: auto;
    max-width: 400px;
    object-fit: contain
}

@media (max-width: 834px) {
    .article-show__lipsPost-thumb {
        max-width:calc(100vw - 32px)
    }
}

.article-show__lipsPost-thumb-mcc {
    display: block;
    max-width: 100%
}

.article-show__lipsPost-moviePlay {
    position: relative
}

.article-show__lipsPost-moviePlay:after {
    background: url(https://cdn.lipscosme.com/assets/feather/play-2b729377465f6ebc133fea626368f256b14465fe24248edc0caef4b967e340d3.svg) no-repeat;
    background-color: rgba(34,34,34,.4);
    background-position: 50%;
    background-size: 58px;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 90px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px
}

@media (max-width: 834px) {
    .article-show__lipsPost-moviePlay:after {
        background-size:48px;
        height: 80px;
        width: 80px
    }
}

.article-show__lipsPost-movieThumb {
    height: auto;
    max-height: 600px;
    object-fit: cover;
    position: relative;
    width: 400px
}

@media (max-width: 834px) {
    .article-show__lipsPost-movieThumb {
        width:calc(100vw - 32px)
    }
}

.article-show__lipsPost-movieThumb-mcc {
    display: block;
    max-width: 100%
}

.article-show__lipsPost-photographer {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .article-show__lipsPost-photographer {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.article-show__lipsPost-photographer-mcc {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ArticleItemProduct,.ArticleItemProductPattern {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    margin: 32px 0
}

@media (max-width: 834px) {
    .ArticleItemProduct,.ArticleItemProductPattern {
        margin:28px 16px
    }
}

.ArticleItemProductPattern__container,.ArticleItemProduct__container {
    margin: 20px
}

@media (max-width: 834px) {
    .ArticleItemProductPattern__container,.ArticleItemProduct__container {
        margin:16px
    }
}

.ArticleItemProductPattern__link,.ArticleItemProduct__link {
    color: #2d2926;
    display: grid;
    gap: 16px;
    grid-template-areas: "thumb title" "thumb info";
    grid-template-columns: 224px 1fr;
    grid-template-rows: min-content 1fr;
    text-decoration: none
}

.ArticleItemProductPattern__link:active,.ArticleItemProductPattern__link:focus,.ArticleItemProductPattern__link:hover,.ArticleItemProduct__link:active,.ArticleItemProduct__link:focus,.ArticleItemProduct__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .ArticleItemProductPattern__link,.ArticleItemProduct__link {
        grid-template-areas:"title" "thumb" "info";
        grid-template-columns: none;
        grid-template-rows: none
    }
}

.ArticleItemProductPattern__link:hover,.ArticleItemProduct__link:hover {
    opacity: .6
}

.ArticleItemProductPattern__ranking,.ArticleItemProduct__ranking {
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 16px;
    max-width: 100%;
    overflow: hidden;
    padding: 4px 12px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: min-content
}

.ArticleItemProductPattern__ranking:active,.ArticleItemProductPattern__ranking:focus,.ArticleItemProductPattern__ranking:hover,.ArticleItemProduct__ranking:active,.ArticleItemProduct__ranking:focus,.ArticleItemProduct__ranking:hover {
    color: var(--object-main);
    text-decoration: none
}

.ArticleItemProductPattern__thumb-container,.ArticleItemProduct__thumb-container {
    grid-area: thumb;
    position: relative;
    text-align: center
}

.ArticleItemProductPattern__thumb-emblem,.ArticleItemProduct__thumb-emblem {
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px
}

@media (max-width: 834px) {
    .ArticleItemProductPattern__thumb-emblem,.ArticleItemProduct__thumb-emblem {
        height:80px;
        width: 80px
    }
}

.ArticleItemProductPattern__thumb,.ArticleItemProduct__thumb {
    height: 160px;
    object-fit: contain;
    width: 160px
}

.ArticleItemProductPattern__title-container,.ArticleItemProduct__title-container {
    grid-area: title;
    min-width: 0
}

.ArticleItemProduct h3,.ArticleItemProductPattern h3,.ArticleItemProductPattern__title-product,.ArticleItemProduct__title-product {
    margin: 0
}

.ArticleItemProductPattern__title-product-brand,.ArticleItemProduct__title-product-brand {
    color: var(--object-secondary);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .ArticleItemProductPattern__title-product-brand,.ArticleItemProduct__title-product-brand {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 8px
    }
}

.ArticleItemProductPattern__title-product-name,.ArticleItemProduct__title-product-name {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin: 0;
    overflow: hidden
}

@media (max-width: 834px) {
    .ArticleItemProductPattern__title-product-name,.ArticleItemProduct__title-product-name {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.ArticleItemProductPattern__title-product-pattern-brand,.ArticleItemProduct__title-product-pattern-brand {
    color: var(--object-secondary);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .ArticleItemProductPattern__title-product-pattern-brand,.ArticleItemProduct__title-product-pattern-brand {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ArticleItemProductPattern__title-product-pattern-product,.ArticleItemProduct__title-product-pattern-product {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin: 0 0 2px;
    overflow: hidden
}

@media (max-width: 834px) {
    .ArticleItemProductPattern__title-product-pattern-product,.ArticleItemProduct__title-product-pattern-product {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.ArticleItemProductPattern__title-product-pattern-name,.ArticleItemProduct__title-product-pattern-name {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media (max-width: 834px) {
    .ArticleItemProductPattern__title-product-pattern-name,.ArticleItemProduct__title-product-pattern-name {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.ArticleItemProductPattern__horizontal-container,.ArticleItemProduct__horizontal-container {
    align-items: center;
    display: flex;
    gap: 8px
}

.ArticleItemProductPattern__info-container,.ArticleItemProduct__info-container {
    grid-area: info
}

.ArticleItemProductPattern__rating .ratingStar,.ArticleItemProduct__rating .ratingStar {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.ArticleItemProductPattern__rating .ratingStar__star,.ArticleItemProduct__rating .ratingStar__star {
    height: 18px;
    margin-right: 6px;
    object-fit: contain;
    width: auto
}

.ArticleItemProductPattern__rating .ratingStar__num,.ArticleItemProduct__rating .ratingStar__num {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-right: 2px
}

.ArticleItemProductPattern__rating .ratingStar__ratesCount,.ArticleItemProduct__rating .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.ArticleItemProductPattern__price,.ArticleItemProduct__price {
    align-items: flex-end;
    display: flex;
    margin-top: 8px
}

.ArticleItemProductPattern__price-yen,.ArticleItemProduct__price-yen {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 1px
}

.ArticleItemProductPattern__price-price,.ArticleItemProduct__price-price {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%
}

.ArticleItemProductPattern__price-tax,.ArticleItemProduct__price-tax {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 3px;
    margin-left: 4px
}

.ArticleItemProductPattern__purchaseBtns,.ArticleItemProduct__purchaseBtns {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
    padding: 0
}

@media (max-width: 834px) {
    .ArticleItemProductPattern__purchaseBtns,.ArticleItemProduct__purchaseBtns {
        margin-top:16px
    }
}

.article-list .title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .article-list .title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.article-list .notfound {
    color: var(--object-secondary);
    font-size: 15px;
    padding: 30px 0;
    text-align: center
}

.article-list ul {
    padding: 0
}

.ArticleListFeature__item {
    position: relative
}

@media (max-width: 834px) {
    .ArticleListFeature__item {
        background-color:var(--background-elevation-high);
        border: 1px solid var(--border-separation);
        border-radius: 12px;
        color: var(--object-main);
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px
    }
}

.ArticleListFeature__item>a {
    display: flex;
    justify-content: space-between;
    position: relative
}

.ArticleListFeature__item>a,.ArticleListFeature__item>a:active,.ArticleListFeature__item>a:focus,.ArticleListFeature__item>a:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ArticleListFeature__item>a {
        display:block
    }
}

.ArticleListFeature__item>a:hover {
    text-decoration: none initial initial
}

.ArticleListFeature__pr {
    align-items: center;
    background: rgba(0,0,0,.24);
    border-radius: 8px 0 4px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    height: 28px;
    justify-content: center;
    left: 0;
    line-height: 150%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 36px
}

.ArticleListFeature__thumb-container {
    height: 144px;
    position: relative;
    width: 240px
}

@media (max-width: 834px) {
    .ArticleListFeature__thumb-container {
        height:auto;
        width: 100%
    }

    .ArticleListFeature__thumb-container:before {
        content: "";
        display: block;
        padding-top: 60%
    }
}

.ArticleListFeature__thumb {
    border-radius: 8px;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 834px) {
    .ArticleListFeature__thumb {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0
    }
}

.ArticleListFeature__info {
    bottom: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    left: 8px;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0;
    position: absolute
}

.ArticleListFeature__content {
    width: calc(100% - 264px)
}

@media (max-width: 834px) {
    .ArticleListFeature__content {
        padding:12px;
        width: 100%
    }
}

.ArticleListFeature__title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 4px 0 0
}

@media (max-width: 834px) {
    .ArticleListFeature__title {
        font-size:14px;
        line-height: 22px;
        margin: 0
    }
}

.ArticleListFeature__abstract {
    -webkit-box-orient: vertical;
    color: var(--object-secondary);
    display: -webkit-box;
    font-size: 12px;
    height: 54px;
    letter-spacing: .4px;
    -webkit-line-clamp: 3;
    line-height: 18px;
    margin: 8px 0 0;
    overflow: hidden
}

@media (max-width: 834px) {
    .ArticleListFeature__abstract {
        display:none
    }
}

.ArticleListFeature__read-more {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    margin: 12px 0 0
}

@media (max-width: 834px) {
    .ArticleListFeature__read-more {
        background-color:#efefef;
        border-radius: 4px;
        color: var(--object-main);
        display: block;
        font-size: 12px;
        height: 44px;
        line-height: 150%;
        padding: 11px 0;
        text-align: center;
        width: 100%
    }
}

.ArticleListLarge__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ArticleListLarge__item {
    border-bottom: 1px solid var(--border-separation);
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .ArticleListLarge__item {
        padding:0 0 16px
    }
}

.ArticleListLarge__item:last-child {
    border-bottom: none;
    padding: 0
}

.ArticleListLarge__thumb-container {
    position: relative
}

.ArticleListLarge__link {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: 24px 0 0
}

.ArticleListLarge__link,.ArticleListLarge__link:active,.ArticleListLarge__link:focus,.ArticleListLarge__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ArticleListLarge__link {
        padding:16px 16px 0
    }
}

.ArticleListLarge__thumb {
    height: 180px;
    object-fit: cover;
    width: 180px
}

@media (max-width: 834px) {
    .ArticleListLarge__thumb {
        height:120px;
        width: 120px
    }
}

.ArticleListLarge__pr {
    background: rgba(34,34,34,.1);
    border-radius: 4px 0 0 0;
    bottom: 0;
    height: 18px;
    position: absolute;
    right: 0;
    width: 20px
}

.ArticleListLarge__pr-word {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    line-height: 170%;
    text-align: center
}

.ArticleListLarge__content {
    display: flex;
    flex-direction: column;
    height: 180px;
    margin-left: 24px;
    width: 100%
}

@media (max-width: 834px) {
    .ArticleListLarge__content {
        height:120px;
        margin-left: 12px
    }
}

.ArticleListLarge__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin: 0 0 16px;
    overflow: hidden
}

@media (max-width: 834px) {
    .ArticleListLarge__title {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        margin: 0 0 auto;
        overflow: hidden
    }
}

.ArticleListLarge__abstract {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin: 0 0 auto;
    overflow: hidden
}

@media (max-width: 834px) {
    .ArticleListLarge__abstract {
        display:none
    }
}

.ArticleListLarge__info {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .ArticleListLarge__info {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ArticleListLarge__author-thumb {
    border-radius: 50%;
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.article-list-md__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .article-list-md__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.article-list-md__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .article-list-md__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.article-list-md__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .article-list-md__list {
        padding:0 0 8px
    }
}

.article-list-md__item {
    padding: 8px 0;
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .article-list-md__item {
        padding:16px;
        width: 100%
    }

    .article-list-md__item:not(:last-child) {
        border-bottom: 1px solid var(--border-separation)
    }
}

.article-list-md__link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

.article-list-md__link,.article-list-md__link:active,.article-list-md__link:focus,.article-list-md__link:hover {
    color: #2d2926;
    text-decoration: none
}

.article-list-md__thumb {
    height: 72px;
    object-fit: cover;
    width: 72px
}

.article-list-md__content {
    width: calc(100% - 84px)
}

.article-list-md__article-title {
    color: #2d2926;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 40px;
    margin: 4px 0 8px;
    overflow: hidden
}

.article-list-md__info-list {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.article-list-md__author-item {
    display: inline-block;
    vertical-align: top
}

.article-list-md__author-thumb {
    border-radius: 50%;
    height: 16px;
    margin-right: 4px;
    vertical-align: top;
    width: 16px
}

.article-list-md__view-count {
    display: inline-block;
    vertical-align: top
}

.article-list-md__view-count:before {
    content: "|";
    margin: 0 4px
}

.article-list-md__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.article-list-md__more-link,.article-list-md__more-link:active,.article-list-md__more-link:focus,.article-list-md__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .article-list-md__more-link {
        margin:16px 16px 24px;
        margin: 16px auto 24px;
        width: calc(100% - 32px)
    }
}

.article-list-md__pr {
    background: rgba(94,63,63,.2);
    border-radius: 0 4px 0 0;
    bottom: 0;
    height: 18px;
    left: 0;
    position: absolute;
    width: 20px
}

@media (max-width: 834px) {
    .article-list-md__pr {
        border-radius:0 8px 0 0
    }
}

.article-list-md__pr-word {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    line-height: 170%;
    text-align: center
}

@media (max-width: 834px) {
    .article-show {
        background-color:var(--background-elevation-high)
    }
}

.article-show__toc {
    margin: 32px 0 48px
}

@media (max-width: 834px) {
    .article-show__toc {
        margin:16px
    }
}

.article-show__content {
    padding: 0 0 48px
}

@media (max-width: 834px) {
    .article-show__content {
        padding:0 0 28px
    }
}

.article-show__eyecatch-movie-wrapper {
    height: auto;
    position: relative;
    width: 100%
}

.article-show__eyecatch-movie-wrapper:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.article-show__eyecatch-movie {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.article-show__eyecatch-image-wrapper {
    position: relative;
    width: 100%
}

.article-show__eyecatch-image-wrapper:before {
    content: "";
    display: block;
    padding-top: 60%
}

.article-show__eyecatch-img {
    bottom: 0;
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.article-show__pr {
    background: rgba(94,63,63,.2);
    border-radius: 8px 0;
    bottom: 0;
    height: 30px;
    position: absolute;
    right: 0;
    width: 38px
}

@media (max-width: 834px) {
    .article-show__pr {
        border-radius:4px 0 0 0;
        height: 24px;
        width: 28px
    }
}

.article-show__pr-word {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    height: 30px;
    justify-content: center;
    line-height: 150%
}

@media (max-width: 834px) {
    .article-show__pr-word {
        color:#fff;
        font-size: 12px;
        font-weight: 500;
        height: 24px;
        line-height: 150%
    }
}

.article-show__title-area {
    margin: 24px 0 48px
}

@media (max-width: 834px) {
    .article-show__title-area {
        margin:16px 0 28px
    }
}

.article-show__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 170%;
    margin: 0
}

@media (max-width: 834px) {
    .article-show__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 170%;
        margin: 0 16px
    }
}

.article-show__info-row {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between
}

@media (max-width: 834px) {
    .article-show__info-row {
        margin:0 16px
    }
}

.article-show__published-at {
    font-size: 12px
}

.article-show__published-at,.article-show__published-at-mcc {
    color: var(--object-secondary);
    flex-shrink: 0;
    font-weight: 400;
    line-height: 150%
}

.article-show__published-at-mcc {
    font-size: 16px
}

.article-show__author {
    font-size: 12px
}

.article-show__author,.article-show__author-mcc {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    flex-shrink: 1;
    font-weight: 400;
    gap: 8px;
    line-height: 150%;
    min-width: 0
}

.article-show__author-mcc {
    font-size: 16px
}

.article-show__author-thumb-container {
    flex-shrink: 0
}

.article-show__author-thumb {
    border-radius: 50%;
    height: 32px;
    object-fit: cover;
    width: 32px
}

@media (max-width: 834px) {
    .article-show__author-thumb {
        height:24px;
        width: 24px
    }
}

.article-show__author-thumb img {
    border-radius: 50%;
    object-fit: cover
}

.article-show__author-name {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.article-show__title-h2 {
    border-bottom: 1.5px solid var(--object-tertiary);
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 170%;
    margin: 48px 0 32px;
    padding: 0 0 12px
}

@media (max-width: 834px) {
    .article-show__title-h2 {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 170%;
        margin: 28px 16px;
        margin-top: 48px;
        padding: 0 0 12px
    }
}

.article-show__title-h3 {
    border-left: 1.5px solid var(--object-tertiary);
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px 0;
    padding: 0 0 0 12px
}

@media (max-width: 834px) {
    .article-show__title-h3 {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 170%;
        margin: 28px 16px
    }
}

.article-show__title-h4 {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 170%;
    margin: 32px 0
}

@media (max-width: 834px) {
    .article-show__title-h4 {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 170%;
        margin: 28px 16px
    }
}

.article-show__profile {
    margin: 32px 0
}

@media (max-width: 834px) {
    .article-show__profile {
        margin:28px 16px
    }
}

.article-show__information {
    margin: 32px 0
}

@media (max-width: 834px) {
    .article-show__information {
        margin:28px 16px
    }
}

.article-show__disclaimer {
    margin: 32px 0
}

@media (max-width: 834px) {
    .article-show__disclaimer {
        margin:28px 16px
    }
}

.article-show__abstract p,.article-show__content-text p {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin: 32px 0;
    white-space: pre-line
}

@media (max-width: 834px) {
    .article-show__abstract p,.article-show__content-text p {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%;
        margin: 28px 16px
    }
}

.article-show__abstract b,.article-show__content-text b {
    background: linear-gradient(transparent 63.7%,var(--word-highlight) 63.7%);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%
}

@media (max-width: 834px) {
    .article-show__abstract b,.article-show__content-text b {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 600;
        line-height: 170%
    }
}

.article-show__abstract a,.article-show__abstract a:active,.article-show__abstract a:focus,.article-show__abstract a:hover,.article-show__content-text a,.article-show__content-text a:active,.article-show__content-text a:focus,.article-show__content-text a:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.article-show__abstract small,.article-show__content-text small {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 170%
}

@media (max-width: 834px) {
    .article-show__abstract small,.article-show__content-text small {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 400;
        line-height: 170%
    }
}

.article-show__abstract ul,.article-show__content-text ul {
    list-style-type: none;
    margin: 32px 0;
    padding: 0
}

@media (max-width: 834px) {
    .article-show__abstract ul,.article-show__content-text ul {
        margin:28px 16px
    }
}

.article-show__abstract ul li,.article-show__content-text ul li {
    align-items: flex-start;
    border-bottom: 1px dashed var(--object-tertiary);
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    padding-bottom: 8px
}

@media (max-width: 834px) {
    .article-show__abstract ul li,.article-show__content-text ul li {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%
    }
}

.article-show__abstract ul li:not(:first-child),.article-show__content-text ul li:not(:first-child) {
    margin: 8px 0 0
}

.article-show__abstract ul li:before,.article-show__content-text ul li:before {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    flex-shrink: 0;
    height: 20px;
    margin: 3.6px 10px 0 0;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/check-c440d774d413ad8de5a04e98b76456c93e7e397f951f527fbf9e154855d4049c.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/check-c440d774d413ad8de5a04e98b76456c93e7e397f951f527fbf9e154855d4049c.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .article-show__abstract ul li:before,.article-show__content-text ul li:before {
        height:18px;
        margin-top: 3.5px;
        width: 18px
    }
}

.article-show__abstract ol,.article-show__content-text ol {
    counter-reset: item;
    list-style-type: none;
    margin: 32px 0;
    padding: 0
}

@media (max-width: 834px) {
    .article-show__abstract ol,.article-show__content-text ol {
        margin:28px 16px
    }
}

.article-show__abstract ol li,.article-show__content-text ol li {
    align-items: flex-start;
    border-bottom: 1px dashed var(--object-tertiary);
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    padding-bottom: 8px
}

@media (max-width: 834px) {
    .article-show__abstract ol li,.article-show__content-text ol li {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%
    }
}

.article-show__abstract ol li:not(:first-child),.article-show__content-text ol li:not(:first-child) {
    margin: 8px 0 0
}

.article-show__abstract ol li:before,.article-show__content-text ol li:before {
    background: var(--object-main);
    border-radius: 50%;
    color: var(--object-reverse);
    content: counter(item);
    counter-increment: item;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    letter-spacing: 0;
    line-height: 150%;
    margin-right: 10px;
    margin-top: 1.6px;
    padding: 3px 0;
    text-align: center;
    width: 24px
}

@media (max-width: 834px) {
    .article-show__abstract ol li:before,.article-show__content-text ol li:before {
        height:20px;
        margin-top: 3.5px;
        padding: 1px 0;
        width: 20px
    }
}

.article-show__abstract table,.article-show__content-text table {
    margin: 32px 0;
    width: 100%
}

@media (max-width: 834px) {
    .article-show__abstract table,.article-show__content-text table {
        margin:28px 16px;
        width: calc(100% - 32px)
    }
}

.article-show__abstract table td,.article-show__abstract table th,.article-show__content-text table td,.article-show__content-text table th {
    border: 1px solid var(--border-separation);
    padding: 8px
}

.article-show__abstract table th,.article-show__content-text table th {
    background: var(--background-elevation-low);
    color: var(--object-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%
}

.article-show__abstract table td,.article-show__content-text table td {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 400;
    line-height: 170%
}

.article-show__abstract_block,.article-show__content-text_block {
    border: 1px solid var(--object-secondary);
    border-radius: 4px;
    margin: 32px 0
}

@media (max-width: 834px) {
    .article-show__abstract_block,.article-show__content-text_block {
        margin:28px 16px
    }
}

.article-show__abstract_block>span,.article-show__content-text_block>span {
    background: var(--object-secondary);
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 170%;
    padding: 8px 12px
}

@media (max-width: 834px) {
    .article-show__abstract_block>span,.article-show__content-text_block>span {
        color:#fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 170%
    }
}

.article-show__abstract_block ol,.article-show__abstract_block ul,.article-show__content-text_block ol,.article-show__content-text_block ul {
    margin: 16px 16px 20px
}

@media (max-width: 834px) {
    .article-show__abstract_block ol,.article-show__abstract_block ul,.article-show__content-text_block ol,.article-show__content-text_block ul {
        margin:12px
    }
}

.article-show .twitter-tweet.twitter-tweet-rendered {
    margin: 32px 0!important;
    max-width: 400px!important
}

@media (max-width: 834px) {
    .article-show .twitter-tweet.twitter-tweet-rendered {
        margin:28px 16px!important;
        width: calc(100% - 32px)!important
    }
}

.article-show__outbound-link-collection {
    display: block
}

.article-show__outbound-link-collection-rich-image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.article-show__outbound-link {
    display: block;
    margin: 32px 0
}

@media (max-width: 834px) {
    .article-show__outbound-link {
        margin:28px 16px
    }
}

.article-show__outbound-link--rich {
    margin: 0
}

.article-show__outbound-link-image {
    height: auto;
    max-width: 400px;
    object-fit: contain
}

@media (max-width: 834px) {
    .article-show__outbound-link-image {
        max-width:calc(100vw - 32px)
    }
}

.article-show__outbound-link-image-mcc {
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    width: 100%
}

.article-show__outbound-link-rich-image {
    height: 100%;
    margin: -32px 0;
    object-fit: contain;
    width: 100%
}

@media (max-width: 834px) {
    .article-show__outbound-link-rich-image {
        margin:-24px 0
    }
}

.article-show__image {
    display: block;
    height: auto;
    margin: 32px 0;
    max-width: 400px;
    object-fit: contain
}

@media (max-width: 834px) {
    .article-show__image {
        margin:28px 16px;
        max-width: calc(100vw - 32px)
    }
}

.article-show__image-mcc {
    display: block;
    height: auto;
    margin: 32px 0;
    max-width: 100%;
    object-fit: contain;
    width: 100%
}

@media (max-width: 834px) {
    .article-show__image-mcc {
        margin:28px 16px
    }
}

.article-show__rich-image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.article-show__movie {
    display: block;
    margin: 32px 0;
    max-height: 400px;
    max-width: 400px;
    object-fit: contain
}

@media (max-width: 834px) {
    .article-show__movie {
        margin:28px 16px;
        max-height: calc(100vw - 32px);
        max-width: calc(100vw - 32px)
    }
}

.article-show__youtube-container {
    height: 398px;
    margin: 32px 0;
    position: relative;
    width: 100%
}

@media (max-width: 834px) {
    .article-show__youtube-container {
        height:calc(56.25vw - 18px);
        margin: 28px 16px;
        width: calc(100vw - 32px)
    }
}

.article-show__youtube {
    height: 100%;
    left: 0;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.article-show__quotation {
    background: var(--background-surface);
    border-left: unset;
    border-radius: 4px;
    margin: 32px 0;
    padding: 0;
    position: relative
}

@media (max-width: 834px) {
    .article-show__quotation {
        margin:28px 16px
    }
}

.article-show__quotation-container {
    display: block;
    padding: 16px
}

.article-show__quotation-container,.article-show__quotation-container:active,.article-show__quotation-container:focus,.article-show__quotation-container:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .article-show__quotation-container {
        padding:12px
    }
}

@media (min-width: 835px) {
    .article-show__quotation-has-thumb {
        width:400px
    }
}

.article-show__quotation-thumb {
    align-self: stretch;
    margin-bottom: 12px;
    width: 100%
}

.article-show__quotation-text {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 400;
    line-height: 170%;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .article-show__quotation-text {
        color:var(--object-main);
        font-size: 12px;
        font-size: 15px;
        font-weight: 400;
        line-height: 170%
    }
}

.article-show__quotation-from {
    display: flex;
    margin-right: 44px;
    margin-top: 6px
}

.article-show__quotation-user-thumb {
    border-radius: 50px;
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.article-show__quotation-user-name {
    flex-grow: 1;
    margin-left: 4px
}

.article-show__quotation-link,.article-show__quotation-user-name {
    color: var(--object-secondary);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.article-show__quotation-link {
    text-decoration: none
}

.article-show__quotation-link:active,.article-show__quotation-link:focus,.article-show__quotation-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.article-show__quotation:after {
    background-color: var(--object-secondary);
    bottom: 16px;
    content: "";
    display: block;
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/quotation-55c231a7be40cef9a2e64ab442b24a7d711b915cafe8c931e4283c54da7377ed.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/quotation-55c231a7be40cef9a2e64ab442b24a7d711b915cafe8c931e4283c54da7377ed.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    pointer-events: none;
    position: absolute;
    right: 16px;
    width: 24px
}

@media (max-width: 834px) {
    .article-show__quotation:after {
        bottom:12px;
        right: 12px
    }

    .article-show .product-list-md {
        margin-top: -16px
    }
}

.article-show__prev-next {
    background: var(--background-elevation-low);
    margin: 32px 0 0;
    padding: 8px
}

@media (max-width: 834px) {
    .article-show__prev-next {
        margin:28px 0 0
    }
}

.article-show__prev-next-list {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.article-show__prev-next-item {
    width: calc(33.33333% - 5.33333px)
}

.article-show__prev-next-item:first-child {
    position: relative
}

.article-show__prev-next-item:first-child:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    left: 10px;
    position: absolute;
    top: 12px;
    transform: rotate(-90deg);
    width: 16px
}

.article-show__prev-next-item:last-child {
    position: relative
}

.article-show__prev-next-item:last-child:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 12px;
    transform: rotate(90deg);
    width: 16px
}

.article-show__prev-next-link {
    background: #fff;
    border-radius: 8px;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0;
    text-align: center
}

.article-show__prev-next-link,.article-show__prev-next-link:active,.article-show__prev-next-link:focus,.article-show__prev-next-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.article-show__prev-next-link.disabled {
    color: var(--object-secondary)
}

.article-show__button {
    background-color: var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 16px;
    text-align: center;
    width: 343px
}

.article-show__button,.article-show__button:active,.article-show__button:focus,.article-show__button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .article-show__button {
        margin:0 16px;
        width: auto
    }
}

.article-show .product-show__feature-article {
    margin: 0
}

.article-show .product-list-md__title {
    margin: 0 0 16px
}

.border-title__title_h2 {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 0;
    text-align: center
}

.border-title__title_h2:after,.border-title__title_h2:before {
    border-bottom: 1px solid var(--object-main);
    border-top: 2px solid var(--object-main);
    content: "";
    flex: 1 0 0;
    height: 8px;
    width: 100%
}

.border-title__title_h2-container {
    display: flex;
    flex-direction: column
}

.border-title__title_h2-title {
    color: var(--object-main);
    font-family: Times New Roman,Times,serif;
    font-size: 40px;
    font-weight: 600;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .border-title__title_h2-title {
        font-size:24px
    }
}

.border-title__title_h2-subtitle {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .border-title__title_h2-subtitle {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.article-expert-profile__container {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 16px 20px
}

@media (max-width: 834px) {
    .article-expert-profile__container {
        padding:16px
    }
}

.article-expert-profile__info {
    align-items: center;
    display: flex;
    gap: 16px
}

@media (max-width: 834px) {
    .article-expert-profile__info {
        gap:12px
    }
}

.article-expert-profile__info-content {
    width: 100%
}

.article-expert-profile__info-thumb {
    position: relative
}

.article-expert-profile__info-thumb img {
    border-radius: 50%;
    height: 100px;
    object-fit: cover;
    width: 100px
}

@media (max-width: 834px) {
    .article-expert-profile__info-thumb img {
        height:80px;
        width: 80px
    }
}

.article-expert-profile__info-thumb-label {
    background: var(--background-primary);
    border-radius: 4px;
    bottom: 0;
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding: 2px 25px;
    position: absolute;
    text-align: center;
    width: 100%
}

.article-expert-profile__info-job {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 400;
    line-height: 170%;
    margin: 0 0 8px
}

@media (max-width: 834px) {
    .article-expert-profile__info-job {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 170%;
        margin: 0 0 4px
    }
}

.article-expert-profile__info-name {
    color: var(--object-main);
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 170%
}

@media (max-width: 834px) {
    .article-expert-profile__info-name {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 170%
    }
}

.article-expert-profile__profile {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    line-height: 170%;
    margin: 0;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .article-expert-profile__profile {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.article-expert-profile__profile-tmp-fold {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden
}

@media (max-width: 834px) {
    .article-expert-profile__profile-tmp-fold {
        -webkit-box-orient:vertical;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        overflow: hidden
    }
}

.article-expert-profile__profile-fold {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative
}

@media (max-width: 834px) {
    .article-expert-profile__profile-fold {
        -webkit-box-orient:vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden
    }
}

.article-expert-profile__profile-fold .article-expert-profile__profile-more {
    visibility: visible
}

.article-expert-profile__profile-more {
    background: linear-gradient(to right,transparent,var(--background-elevation-high) 65%);
    bottom: 0;
    color: var(--object-main);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    position: absolute;
    right: 0;
    text-align: right;
    visibility: hidden;
    width: 230px
}

@media (max-width: 834px) {
    .article-expert-profile__profile-more {
        background:linear-gradient(to right,transparent,var(--background-elevation-high) 70%);
        color: var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.article-expert-profile__links {
    margin: 16px auto 0;
    width: 343px
}

@media (max-width: 834px) {
    .article-expert-profile__links {
        width:100%
    }
}

.article-expert-profile__links:has(>:nth-child(2)) {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

@media (max-width: 834px) {
    .article-expert-profile__links:has(>:nth-child(2)) {
        grid-template-columns:repeat(1,1fr)
    }
}

.article-expert-profile__link {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.article-expert-profile__link:hover {
    opacity: .8
}

.article-expert-profile__link:active,.article-expert-profile__link:focus,.article-expert-profile__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.article-expert-profile+.article-expert-profile {
    margin-top: 20px
}

@media (max-width: 834px) {
    .article-expert-profile+.article-expert-profile {
        margin-top:16px
    }
}

.FirstLargeList__article-section {
    margin: 0 12px
}

.FirstLargeList__article-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.FirstLargeList__article-item {
    background-color: var(--background-elevation-high);
    border-bottom: 1px solid var(--border-separation);
    border-radius: 4px;
    margin-bottom: 16px;
    padding-bottom: 16px
}

@media (min-width: 835px) {
    .FirstLargeList__article-item {
        margin:24px 0
    }
}

@media (max-width: 834px) {
    .FirstLargeList__article-item:first-child .FirstLargeList__list-thumb {
        height:auto;
        width: 100%
    }

    .FirstLargeList__article-item:first-child .FirstLargeList__article-list-link {
        flex-direction: column;
        gap: 10px
    }

    .FirstLargeList__article-item:first-child .FirstLargeList__list-title {
        color: var(--object-main);
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 10px
    }
}

.FirstLargeList__article-list-link {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 12px;
    line-height: 150%;
    padding: 0
}

.FirstLargeList__article-list-link,.FirstLargeList__article-list-link:active,.FirstLargeList__article-list-link:focus,.FirstLargeList__article-list-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (min-width: 835px) {
    .FirstLargeList__article-list-link {
        gap:24px
    }
}

.FirstLargeList__list-thumb {
    background: var(--background-elevation-low);
    flex-shrink: 0;
    height: 120px;
    object-fit: cover;
    width: 120px
}

@media (min-width: 835px) {
    .FirstLargeList__list-thumb {
        height:180px;
        width: 180px
    }
}

.FirstLargeList__list-article-container {
    display: flex;
    flex-direction: column
}

@media (max-width: 834px) {
    .FirstLargeList__list-article-container {
        justify-content:space-between
    }
}

.FirstLargeList__list-title-container {
    display: flex
}

.FirstLargeList__list-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    margin-bottom: 16px;
    overflow: hidden;
    white-space: normal
}

@media (min-width: 835px) {
    .FirstLargeList__list-title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 500;
        line-height: 150%;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.FirstLargeList__list-abstract {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-bottom: auto;
    overflow: hidden
}

@media (max-width: 834px) {
    .FirstLargeList__list-abstract {
        display:none
    }
}

.FirstLargeList__list-author {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 4px
}

.FirstLargeList__list-author-separator {
    color: var(--object-tertiary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 8px
}

.FirstLargeList__list-author-avatar {
    border-radius: 999px;
    display: inline;
    height: 20px;
    width: 20px
}

.FirstLargeList__list-author-container {
    align-items: center;
    display: flex
}

.FirstLargeList__list-pv {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ArticleIndex {
        background-color:var(--background-elevation-low)
    }
}

.ArticleIndex__hero {
    width: 100%
}

@media (min-width: 835px) {
    .ArticleIndex__hero {
        margin-top:32px
    }
}

@media (max-width: 834px) {
    .ArticleIndex__hero .splide {
        padding:0
    }
}

.ArticleIndex__hero .splide__pagination__page {
    height: 8px;
    margin: 0 4px;
    width: 8px
}

@media (min-width: 835px) {
    .ArticleIndex__hero .splide__pagination__page {
        height:12px;
        margin: 0 6px;
        width: 12px
    }
}

.ArticleIndex__hero .splide__pagination__page.is-active {
    background-color: var(--background-primary)
}

.ArticleIndex__hero ul {
    padding: 12px 0 48px
}

@media (min-width: 835px) {
    .ArticleIndex__hero ul {
        padding:24px 0 40px
    }
}

.ArticleIndex__hero-logo {
    height: 32px;
    margin: 16px 0 12px 12px;
    width: auto
}

@media (min-width: 835px) {
    .ArticleIndex__hero-logo {
        height:40px;
        margin: 20px 0 20px 200px
    }
}

.ArticleIndex__hero-item {
    width: 100%
}

@media (min-width: 835px) {
    .ArticleIndex__hero-item {
        width:550px
    }
}

.ArticleIndex__hero-link {
    display: block;
    position: relative
}

.ArticleIndex__hero-link,.ArticleIndex__hero-link:active,.ArticleIndex__hero-link:focus,.ArticleIndex__hero-link:hover {
    color: #fff;
    text-decoration: none
}

@media (min-width: 835px) {
    .ArticleIndex__hero-title-container {
        background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));
        border-radius: 0 0 12px 12px;
        bottom: 0;
        padding: 40px 24px 24px;
        position: absolute
    }
}

@media (max-width: 834px) {
    .ArticleIndex__hero-title-container {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        margin-top: -8px;
        padding: 16px 28px;
        position: relative
    }

    .ArticleIndex__hero-title-container:before {
        content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="28"><path stroke="%23222" stroke-width="2" d="M12 1h28M12 0v28"/></svg>');
        left: 0;
        position: absolute;
        top: 0
    }

    .ArticleIndex__hero-title-container:after {
        bottom: 0;
        content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="28"><path stroke="%23222" stroke-width="2" d="M0 27h28M28 28V0"/></svg>');
        position: absolute;
        right: 0
    }
}

.ArticleIndex__hero-title {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media (max-width: 834px) {
    .ArticleIndex__hero-title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        padding: 0
    }
}

@media (min-width: 835px) {
    .ArticleIndex__hero-title {
        color:#fff;
        font-size: 20px;
        font-weight: 600;
        line-height: 170%
    }
}

.ArticleIndex__hero-image {
    aspect-ratio: 1200/720;
    object-fit: cover;
    width: 100%
}

@media (min-width: 835px) {
    .ArticleIndex__hero-image {
        border-radius:12px;
        width: 550px
    }
}

.ArticleIndex__hero-pr {
    background: rgba(34,34,34,.4);
    border-radius: 12px 0 0 0;
    left: 0;
    position: absolute;
    top: 0
}

@media (max-width: 834px) {
    .ArticleIndex__hero-pr {
        border-radius:unset
    }
}

.ArticleIndex__hero-pr-word {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    padding: 4px 12px
}

@media (max-width: 834px) {
    .ArticleIndex__hero-pr-word {
        color:#fff;
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        padding: 2px 8px
    }
}

.ArticleIndex__article-list {
    background: #fff;
    margin: 0 0 50px;
    padding: .1px 0
}

@media (max-width: 834px) {
    .ArticleIndex__article-list {
        margin:0
    }
}

.ArticleIndex__collection-link {
    margin-top: -32px;
    text-align: center;
    width: 100%
}

.ArticleIndex__collection-button {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 50px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    height: 44px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.ArticleIndex__collection-button:hover {
    opacity: .8
}

.ArticleIndex__collection-button:active,.ArticleIndex__collection-button:focus,.ArticleIndex__collection-button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.ArticleIndex__collection-button:disabled {
    background: var(--object-tertiary)
}

.ArticleIndex__collection-button:disabled:hover {
    opacity: 1
}

.ArticlesListSquare {
    display: grid;
    gap: 24px 16px;
    grid-template-columns: repeat(4,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .ArticlesListSquare {
        gap:20px 16px;
        grid-template-columns: repeat(2,1fr)
    }
}

.ArticlesListSquare___head-title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .ArticlesListSquare___head-title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.ArticlesListSquare__link {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.ArticlesListSquare__link,.ArticlesListSquare__link:active,.ArticlesListSquare__link:focus,.ArticlesListSquare__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ArticlesListSquare__image-box {
    position: relative
}

.ArticlesListSquare__thumb {
    aspect-ratio: 1/1;
    border-radius: 4px;
    object-fit: cover;
    width: 100%
}

.ArticlesListSquare__promotion {
    background-color: rgba(34,34,34,.4);
    border-radius: 0 4px;
    bottom: 0;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    left: 0;
    line-height: 150%;
    padding: 2px 8px;
    position: absolute;
    z-index: 1
}

.ArticlesListSquare__title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media (max-width: 834px) {
    .ArticlesListSquare__title {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin: 0
    }
}

.article-show__abstract-mcc p,.article-show__content-text-mcc p {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    font-weight: 400;
    line-height: 170%;
    margin: 32px 0;
    margin: 32px 0!important;
    white-space: pre-line
}

@media (max-width: 834px) {
    .article-show__abstract-mcc p,.article-show__content-text-mcc p {
        margin:28px 16px
    }
}

.article-show__abstract-mcc b,.article-show__content-text-mcc b {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 700;
    line-height: 150%
}

.article-show__abstract-mcc a,.article-show__abstract-mcc a:active,.article-show__abstract-mcc a:focus,.article-show__abstract-mcc a:hover,.article-show__content-text-mcc a,.article-show__content-text-mcc a:active,.article-show__content-text-mcc a:focus,.article-show__content-text-mcc a:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.article-show__abstract-mcc small,.article-show__content-text-mcc small {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 400;
    line-height: 170%
}

.article-show__abstract-mcc ul,.article-show__content-text-mcc ul {
    list-style-type: none;
    margin: 32px 0;
    padding: 0
}

@media (max-width: 834px) {
    .article-show__abstract-mcc ul,.article-show__content-text-mcc ul {
        margin:28px 16px
    }
}

.article-show__abstract-mcc ul li,.article-show__content-text-mcc ul li {
    align-items: flex-start;
    border-bottom: 1px dashed var(--object-tertiary);
    color: var(--object-main);
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 170%;
    padding-bottom: 8px
}

@media (max-width: 834px) {
    .article-show__abstract-mcc ul li,.article-show__content-text-mcc ul li {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 400;
        line-height: 170%
    }
}

.article-show__abstract-mcc ul li:not(:first-child),.article-show__content-text-mcc ul li:not(:first-child) {
    margin: 8px 0 0
}

.article-show__abstract-mcc ul li:before,.article-show__content-text-mcc ul li:before {
    background-image: url(https://cdn.lipscosme.com/assets/common/check-c440d774d413ad8de5a04e98b76456c93e7e397f951f527fbf9e154855d4049c.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    flex-shrink: 0;
    height: 20px;
    left: 0;
    margin: 15px 10px 0 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.article-show__abstract-mcc ol,.article-show__content-text-mcc ol {
    counter-reset: item;
    list-style-type: none;
    margin: 32px 0;
    padding: 0
}

@media (max-width: 834px) {
    .article-show__abstract-mcc ol,.article-show__content-text-mcc ol {
        margin:28px 16px
    }
}

.article-show__abstract-mcc ol li,.article-show__content-text-mcc ol li {
    align-items: flex-start;
    border-bottom: 1px dashed var(--object-tertiary);
    color: var(--object-main);
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 170%;
    padding-bottom: 8px
}

@media (max-width: 834px) {
    .article-show__abstract-mcc ol li,.article-show__content-text-mcc ol li {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 400;
        line-height: 170%
    }
}

.article-show__abstract-mcc ol li:not(:first-child),.article-show__content-text-mcc ol li:not(:first-child) {
    margin: 8px 0 0
}

.article-show__abstract-mcc ol li:before,.article-show__content-text-mcc ol li:before {
    background: var(--object-main);
    border-radius: 50%;
    color: var(--object-reverse);
    content: counter(item);
    counter-increment: item;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    letter-spacing: 0;
    line-height: 150%;
    margin-right: 10px;
    margin-top: 1.6px;
    padding: 3px 0;
    text-align: center;
    width: 24px
}

@media (max-width: 834px) {
    .article-show__abstract-mcc ol li:before,.article-show__content-text-mcc ol li:before {
        height:20px;
        margin-top: 3.5px;
        padding: 1px 0;
        width: 20px
    }
}

.article-show__abstract-mcc table,.article-show__content-text-mcc table {
    margin: 32px 0;
    width: 100%
}

@media (max-width: 834px) {
    .article-show__abstract-mcc table,.article-show__content-text-mcc table {
        margin:28px 16px;
        width: calc(100% - 32px)
    }
}

.article-show__abstract-mcc table td,.article-show__abstract-mcc table th,.article-show__content-text-mcc table td,.article-show__content-text-mcc table th {
    border: 1px solid var(--border-separation);
    padding: 8px
}

.article-show__abstract-mcc table th,.article-show__content-text-mcc table th {
    background: var(--background-elevation-low);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%
}

.article-show__abstract-mcc table td,.article-show__content-text-mcc table td {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%
}

.article-show__abstract-mcc_block,.article-show__content-text-mcc_block {
    border: 1px solid var(--object-secondary);
    border-radius: 4px;
    margin: 32px 0
}

@media (max-width: 834px) {
    .article-show__abstract-mcc_block,.article-show__content-text-mcc_block {
        margin:28px 16px
    }
}

.article-show__abstract-mcc_block>span,.article-show__content-text-mcc_block>span {
    background: var(--object-secondary);
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    padding: 8px 12px
}

@media (max-width: 834px) {
    .article-show__abstract-mcc_block>span,.article-show__content-text-mcc_block>span {
        color:#fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 170%
    }
}

.article-show__abstract-mcc_block ol,.article-show__abstract-mcc_block ul,.article-show__content-text-mcc_block ol,.article-show__content-text-mcc_block ul {
    margin: 16px 16px 20px
}

@media (max-width: 834px) {
    .article-show__abstract-mcc_block ol,.article-show__abstract-mcc_block ul,.article-show__content-text-mcc_block ol,.article-show__content-text-mcc_block ul {
        margin:12px
    }
}

.article-toc {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    padding: 20px
}

@media (max-width: 834px) {
    .article-toc {
        padding:16px
    }
}

.article-toc .article-toc-figureheader {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 6px
}

@media (max-width: 834px) {
    .article-toc .article-toc-figureheader {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.article-toc .article-toc-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.article-toc .article-toc-list.children .article-toc-link {
    padding-left: 16px
}

.article-toc .article-toc-list .article-toc-link {
    border-bottom: .5px solid var(--background-inactive);
    color: var(--object-main);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    padding: 10px 0;
    text-decoration: none
}

.article-toc .article-toc-list .article-toc-link:active,.article-toc .article-toc-list .article-toc-link:focus,.article-toc .article-toc-list .article-toc-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .article-toc .article-toc-list .article-toc-link {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 170%
    }
}

.article-toc .article-toc-list .article-toc-link:hover {
    text-decoration: underline
}

.article-toc .article-toc-list-hide {
    display: none
}

.article-toc .article-toc-more {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 2px;
    justify-content: center;
    line-height: 150%;
    margin-top: 16px
}

.article-toc .article-toc-more,.article-toc .article-toc-more:active,.article-toc .article-toc-more:focus,.article-toc .article-toc-more:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .article-toc .article-toc-more {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.article-toc .article-toc-more:after {
    background-color: var(--object-main);
    content: "";
    display: block;
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .authors-index {
        background:var(--background-elevation-low)
    }
}

.authors-index__contents {
    background: #fff
}

@media (max-width: 834px) {
    .authors-index__contents {
        margin:16px 0;
        padding: .1px 0
    }
}

.authors-index__heading {
    background: #fff
}

@media (max-width: 834px) {
    .authors-index__heading {
        padding:16px
    }
}

.authors-index__heading-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .authors-index__heading-title {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 8px
    }
}

.authors-index__heading-description {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-secondary);
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding-bottom: 40px
}

@media (max-width: 834px) {
    .authors-index__heading-description {
        border:0;
        font-size: 12px;
        line-height: 20px;
        padding: 0
    }
}

.authors-index__sub-heading {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 40px 0 16px
}

@media (max-width: 834px) {
    .authors-index__sub-heading {
        color:var(--object-main);
        display: none;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.authors-index__tab {
    display: none
}

@media (max-width: 834px) {
    .authors-index__tab {
        border-bottom:1px solid var(--border-separation);
        display: grid;
        grid-template-columns: repeat(2,1fr);
        list-style: none;
        margin: 0;
        padding: 0 11px;
        text-align: center
    }
}

.authors-index__tab-item {
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: medium;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 20px -1px;
    padding: 14px 0 16px
}

.authors-index__tab-item:focus,.authors-index__tab-item:hover {
    text-decoration: none
}

.authors-index__tab-item[aria-selected=true] {
    border-color: var(--object-main);
    color: var(--object-main);
    font-weight: 700
}

.authors-index__author-list {
    display: grid;
    gap: 16px 16px;
    grid-template-columns: repeat(4,1fr)
}

@media (max-width: 834px) {
    .authors-index__author-list {
        column-gap:11px;
        display: none;
        grid-template-columns: repeat(2,1fr);
        padding: 16px 16px 24px
    }

    .authors-index__author-list:not([hidden]) {
        display: grid
    }
}

.authors-index__author {
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 0
}

.authors-index__author-link {
    display: block;
    padding: 16px 10px
}

.authors-index__author-link:hover {
    text-decoration: none
}

.authors-index__author-icon {
    border-radius: 50%;
    display: block;
    height: 80px;
    margin: 0 auto 12px;
    object-fit: cover;
    width: 80px
}

.authors-index__author-name {
    color: #2d2926;
    font-size: 13px;
    font-weight: medium;
    line-height: 20px
}

.authors-index__author-job-title,.authors-index__author-name {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    margin: 0 0 3px;
    overflow: hidden;
    text-align: center
}

.authors-index__author-job-title {
    color: var(--object-secondary);
    font-size: 10px;
    line-height: 16px
}

.authors-index__author-more {
    color: var(--expressive-red);
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 18px
}

.authors-index__author-more:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lips_60-4c6ca11d295269aaaecc4c1acf32e297a564d0a9362d113bd78a7a5de27b734e.png) 50% no-repeat;
    background-size: 14px;
    content: "";
    margin-left: 4px;
    transform: rotate(180deg);
    width: 16px
}

@media (max-width: 834px) {
    .authors-show {
        background:var(--background-elevation-low)
    }
}

.authors-show__contents {
    background: #fff
}

@media (max-width: 834px) {
    .authors-show__contents {
        margin:0 0 16px;
        padding: .1px 0
    }
}

.authors-show__contents__heading {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .authors-show__contents__heading {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.authors-show__heading {
    background: #fff;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .authors-show__heading {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 8px;
        padding: 16px
    }
}

.authors-show__info {
    align-items: center;
    display: flex;
    margin-bottom: 20px
}

@media (max-width: 834px) {
    .authors-show__info {
        margin-bottom:16px;
        padding: 0 16px
    }
}

.authors-show__icon {
    border-radius: 50%;
    display: block;
    height: 64px;
    margin: 0 14px 0 0;
    object-fit: cover;
    width: 64px
}

@media (max-width: 834px) {
    .authors-show__icon {
        margin-right:12px
    }
}

.authors-show__name {
    font-weight: medium;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    color: #2d2926;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    overflow: hidden
}

@media (max-width: 834px) {
    .authors-show__name {
        font-size:14px;
        line-height: 18px
    }
}

.authors-show__job-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    color: var(--object-secondary);
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 7px;
    overflow: hidden
}

@media (max-width: 834px) {
    .authors-show__job-title {
        font-size:12px;
        line-height: 16px;
        margin-bottom: 5px
    }
}

.authors-show__description {
    color: #2d2926;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px
}

@media (max-width: 834px) {
    .authors-show__description {
        font-size:14px;
        line-height: 24px;
        padding: 0 16px
    }
}

.authors-show__hr {
    border-top: 1px solid var(--border-separation);
    margin: 40px 0 48px
}

@media (max-width: 834px) {
    .authors-show__hr {
        display:none
    }
}

.authors-show__sub-heading {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 40px
}

@media (max-width: 834px) {
    .authors-show__sub-heading {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.authors-show__sns {
    display: flex;
    list-style: none;
    margin: 0 0 24px;
    padding: 0
}

@media (max-width: 834px) {
    .authors-show__sns {
        padding:0 16px
    }
}

.authors-show__sns-item {
    margin-right: 20px
}

.authors-show__sns-item:last-child {
    margin: 0
}

.authors-show__sns-link {
    display: block
}

body {
    color: var(--object-main);
    font-family: system-ui,sans-serif
}

body:has(figureheader) {
    padding-top: 64px
}

@media (max-width: 834px) {
    body:has(figureheader) {
        padding-top:98px
    }
}

body:has(figureheader) :target {
    scroll-margin-top: 68px
}

@media (max-width: 834px) {
    body:has(figureheader) :target {
        scroll-margin-top:52px
    }
}

.form-control:focus {
    background-color: unset;
    color: unset
}

@media (max-width: 834px) {
    .hide_open_app_banner_body {
        padding-top:48px
    }
}

#scroll-to-top {
    background: rgba(0,0,0,.4);
    background-image: url(https://cdn.lipscosme.com/assets/arrow/light_100-ce41359c34cfd8a5c4b8541ccaaa15b7a49f3baa7b42902206a816364b19d12e.png);
    background-size: contain;
    border-radius: 8px;
    bottom: 16px;
    cursor: pointer;
    display: block;
    height: 42px;
    margin-left: auto;
    position: sticky;
    right: 12px;
    transform: rotate(90deg);
    width: 42px
}

@media (min-width: 835px) {
    #scroll-to-top {
        display:none
    }

    .visible-for-mobile {
        content-visibility: hidden;
        display: none!important
    }
}

@media (max-width: 834px) {
    .visible-for-pc {
        content-visibility:hidden;
        display: none!important
    }
}

.overlay-black {
    position: relative
}

.overlay-black:before {
    background: rgba(0,0,0,.45);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10010
}

@media (max-width: 834px) {
    .overlay-black:before {
        z-index:9000
    }
}

a.more_link_path {
    display: flex;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 150%;
    line-height: 44px;
    overflow: hidden;
    padding-right: 16px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

a.more_link_path,a.more_link_path:active,a.more_link_path:focus,a.more_link_path:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.field {
    padding: 5px
}

.BestCosmeAbout {
    background-color: var(--expressive-red);
    padding: 32px 24px
}

.BestCosmeAbout__container {
    background-color: #fff;
    border-radius: 16px;
    padding: 32px 24px;
    position: relative
}

.BestCosmeAbout__container:after {
    border: 1px solid #b49b57;
    border-radius: 12px;
    content: "";
    display: block;
    height: calc(100% - 8px);
    left: 4px;
    position: absolute;
    top: 4px;
    width: calc(100% - 8px)
}

.BestCosmeAbout__title {
    color: #2d2926;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 24px;
    text-align: center
}

.BestCosmeAbout__calcMethod {
    color: #2d2926;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 24px;
    margin: 16px 0 0;
    white-space: pre-wrap
}

.BestCosmeAbout__target {
    margin: 24px 0 0
}

.BestCosmeAbout__target-cap {
    color: #2d2926;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 24px;
    margin: 0
}

.BestCosmeAbout__target-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.BestCosmeAbout__def {
    margin: 0
}

@media (min-width: 835px) {
    .BestCosmeAbout__def {
        display:flex
    }
}

.BestCosmeAbout__def-desc,.BestCosmeAbout__def-term {
    color: #2d2926;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 24px
}

.BestCosmeCategories__title {
    background-color: #2d2926;
    padding: 4px
}

.BestCosmeCategories__title-txt {
    border-bottom: 1px solid #b49b57;
    border-top: 1px solid #b49b57;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 24px;
    margin: 0;
    padding: 16px 8px;
    text-align: center
}

.BestCosmeCategories__anchor {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 32px;
    padding: 0
}

.BestCosmeCategories__anchor-item {
    border-bottom: 1px solid var(--background-elevation-low);
    height: 48px;
    width: 50%
}

.BestCosmeCategories__anchor-item:nth-child(odd) {
    border-right: 1px solid var(--background-elevation-low)
}

.BestCosmeCategories__anchor-link {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: space-between;
    letter-spacing: .8px;
    line-height: 24px;
    padding: 12px 16px
}

.BestCosmeCategories__anchor-link,.BestCosmeCategories__anchor-link:active,.BestCosmeCategories__anchor-link:focus,.BestCosmeCategories__anchor-link:hover {
    color: #2d2926;
    text-decoration: none
}

.BestCosmeCategories__anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/ic_arrow_anchor_down-917d8fca4f375a69ba458da5cd9e06c4e19eb71b3f3c5fa11ee2b80118daaa64.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    height: 12px;
    width: 12px
}

.BestCosmeCategories__contents {
    padding: 0 0 64px
}

.BestCosmeCategories__contents-title {
    border-bottom: 1px solid #2d2926;
    border-top: 1px solid #2d2926;
    color: #2d2926;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 24px;
    margin: 0 12px 32px;
    padding: 16px 4px;
    text-align: center
}

.BestCosmeCategories__contents-list {
    list-style-type: none;
    margin: 0;
    padding: 0 12px
}

.BestCosmeCategories__contents-item {
    margin: 12px 0 0;
    position: relative
}

.BestCosmeCategories__contents-link {
    align-items: center;
    background-color: #fff;
    border: 1px solid #b49b57;
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.08);
    color: #000;
    display: flex;
    justify-content: flex-start;
    padding: 12px;
    text-decoration: none
}

.BestCosmeCategories__contents-link:active,.BestCosmeCategories__contents-link:focus,.BestCosmeCategories__contents-link:hover {
    color: #000;
    text-decoration: none
}

.BestCosmeCategories__contents-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/ic_arrow_category_cell-8f4b0f12a12109a66ad0a3d24f2074766600870bd152340f6499e1f26d51efea.png) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 16px;
    margin: auto;
    position: absolute;
    right: 12px;
    top: 0;
    width: 16px
}

.BestCosmeCategories__contents-thumb {
    height: 56px;
    object-fit: contain;
    width: 56px
}

.BestCosmeCategories__contents-name {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 20px;
    margin: 0 0 0 12px
}

.BestCosmeCategories__contents-name_en {
    color: var(--object-secondary);
    display: block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1.6px;
    line-height: 12px;
    margin: 8px 0 0
}

.BestCosmeCategories__upanchor {
    margin: 40px auto 0
}

.BestCosmeCategories__upanchor-link {
    align-items: center;
    color: #5c5658;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .8px;
    line-height: 24px;
    text-decoration: none
}

.BestCosmeCategories__upanchor-link:active,.BestCosmeCategories__upanchor-link:focus,.BestCosmeCategories__upanchor-link:hover {
    color: #5c5658;
    text-decoration: none
}

.BestCosmeCategories__upanchor-link:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/ic_arrow_anchor_up-880fba94fde1ce5a083837a94d9ccef72606db490805f0326abab07916eafda0.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin: 0 8px 0 0;
    width: 16px
}

.BestCosmeIndex {
    margin: 0 auto;
    max-width: 640px
}

.BestCosmeIndex__cover {
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

.BestCosmeIndex__cover:after {
    background: linear-gradient(-180deg,hsla(46,37%,87%,0),hsla(46,37%,87%,.8) 70%,#eae4d1);
    bottom: 0;
    content: "";
    display: block;
    height: 64px;
    position: absolute;
    width: 100%
}

.BestCosmeIndex__cover-inner {
    padding: 40px 16px 100px;
    text-align: center
}

.BestCosmeIndex__cover-icon {
    height: 64px
}

.BestCosmeIndex__cover-title {
    color: #2d2926;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 20px 0 0
}

.BestCosmeIndex__intro {
    background-color: #eae4d1;
    padding: 32px 40px 48px;
    position: relative
}

.BestCosmeIndex__intro:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/bg_intro_logomark-5afb2a7b6ce94d55014a9aff0064b06844b775911ea838d8bb8d3eefb1905273.png) no-repeat 0 0;
    background-size: 128px 88px;
    bottom: 0;
    content: "";
    display: block;
    height: 88px;
    position: absolute;
    right: 0;
    width: 128px
}

.BestCosmeIndex__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    white-space: pre-wrap
}

.BestCosmeList__title {
    background-color: #2d2926;
    padding: 4px
}

.BestCosmeList__title-txt {
    border-bottom: 1px solid #b49b57;
    border-top: 1px solid #b49b57;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 24px;
    margin: 0;
    padding: 16px 8px;
    text-align: center
}

.BestCosmeList__list {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/bg_category_cell-bd98dc784a1113afd4aa1ab7e890e7fb607a081a2b1ed74b18d0452d2f959a78.png) repeat 0 0 #eae4d1;
    background-size: 100% auto;
    list-style-type: none;
    margin: 0;
    padding: 24px 16px 48px
}

.BestCosmeList__item {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.16);
    margin: 24px 0 0;
    padding: 24px 16px 16px;
    text-align: center
}

.BestCosmeList__product {
    border-bottom: 1px solid var(--background-elevation-low);
    padding: 0 0 24px
}

.BestCosmeList__product-link,.BestCosmeList__product-link:active,.BestCosmeList__product-link:focus,.BestCosmeList__product-link:hover {
    color: #2d2926;
    text-decoration: none
}

.BestCosmeList__product-rank {
    align-items: center;
    border-bottom: 4px double #b49b57;
    display: flex;
    justify-content: space-between;
    padding: 0 0 12px;
    width: 100%
}

.BestCosmeList__product-rank-item {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.BestCosmeList__product-rank-badge {
    height: 32px;
    margin: 0 12px 0 0;
    width: 32px
}

.BestCosmeList__product-rank-num {
    color: #2d2926;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 32px;
    margin: 0
}

.BestCosmeList__product-rank-point {
    color: #2d2926;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 32px;
    margin: 0
}

.BestCosmeList__product-thumb {
    height: 160px;
    margin: 24px auto;
    object-fit: contain;
    width: 160px
}

.BestCosmeList__product-title {
    margin: 0
}

.BestCosmeList__product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 16px;
    margin: 0 0 8px
}

.BestCosmeList__product-name {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px
}

.BestCosmeList__product-rate {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 16px 0 0
}

.BestCosmeList__product-rate .ratingStar__star {
    object-fit: contain;
    width: 68px
}

.BestCosmeList__product-rate .ratingStar__num {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 0 4px
}

.BestCosmeList__product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.BestCosmeList__post {
    padding: 24px 0 0
}

.BestCosmeList__post-cap {
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    margin: 0
}

.BestCosmeList__post-link {
    background-color: #f8f8f8;
    border-radius: 8px;
    display: block;
    height: auto;
    margin: 16px 0 0;
    padding: 16px 12px 12px;
    text-align: left;
    width: 100%
}

.BestCosmeList__post-link,.BestCosmeList__post-link:active,.BestCosmeList__post-link:focus,.BestCosmeList__post-link:hover {
    color: #2d2926;
    text-decoration: none
}

.BestCosmeList__post-user {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.BestCosmeList__post-user-thumb {
    border: 1px solid var(--background-elevation-low);
    border-radius: 50%;
    height: 32px;
    margin: 0 8px 0 0;
    object-fit: cover;
    width: 32px
}

.BestCosmeList__post-user-name {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px;
    margin: 0
}

.BestCosmeList__post-user-info {
    color: var(--object-secondary);
    display: block;
    margin: 2px 0 0
}

.BestCosmeList__post-content {
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 12px 0 0
}

.BestCosmeList__post-images {
    display: flex;
    margin: 16px 0 0
}

.BestCosmeList__post-images-thumb {
    border-radius: 4px;
    height: calc(33.33333vw - 29.33333px);
    margin: 0 4px 0 0;
    object-fit: cover;
    object-position: center;
    width: calc(33.33333% - 2.66667px)
}

@media (min-width: 835px) {
    .BestCosmeList__post-images-thumb {
        height:182px
    }
}

.BestCosmeList__post-images-thumb:last-child {
    margin: 0
}

.BestCosmeListLarge {
    padding: 0 0 80px
}

.BestCosmeListLarge__title {
    background-color: #2d2926;
    padding: 4px
}

.BestCosmeListLarge__title-txt {
    border-bottom: 1px solid #b49b57;
    border-top: 1px solid #b49b57;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 24px;
    margin: 0;
    padding: 16px 8px;
    text-align: center
}

.BestCosmeListLarge__award-list {
    list-style-type: none;
    margin: 48px 0 0;
    overflow-x: hidden;
    padding: 0
}

.BestCosmeListLarge__award-item {
    margin: 0 0 8px;
    position: relative
}

.BestCosmeListLarge__award-link,.BestCosmeListLarge__award-link:active,.BestCosmeListLarge__award-link:focus,.BestCosmeListLarge__award-link:hover {
    color: #2d2926;
    text-decoration: none
}

.BestCosmeListLarge__award-badge {
    border-radius: 50%;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.08);
    height: 48px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 48px;
    z-index: 1
}

.BestCosmeListLarge__award-thumb {
    height: 64vw;
    max-height: 410px;
    object-fit: cover;
    object-position: top;
    position: relative;
    width: 100%;
    z-index: 0
}

.BestCosmeListLarge__award-catch {
    left: 16px;
    position: absolute;
    right: 16px;
    top: calc(64vw - 70px);
    z-index: 2
}

@media (min-width: 640px) {
    .BestCosmeListLarge__award-catch {
        top:340px
    }
}

.BestCosmeListLarge__award-catch-txt {
    background-color: #fff;
    color: #2d2926;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 28px;
    padding: 0 4px;
    white-space: pre-wrap
}

.BestCosmeListLarge__award-cosme {
    border: 1px solid #2d2926;
    height: auto;
    left: 32px;
    padding: 72px 24px 24px;
    position: relative;
    top: -56px;
    width: 100%
}

.BestCosmeListLarge__award-cosme-title {
    margin: 0
}

.BestCosmeListLarge__award-cosme-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 16px
}

.BestCosmeListLarge__award-cosme-name {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px;
    margin: 4px 0 0
}

.BestCosmeListLarge__award-cosme-info {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    list-style-type: none;
    margin: 16px 0 0;
    padding: 0
}

.BestCosmeListLarge__award-cosme-info-item {
    color: #2d2926;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 16px
}

.BestCosmeListLarge__award-cosme-info-item:not(:first-child) {
    border-left: 1px solid #f0f0f0;
    padding-left: 6px
}

.BestCosmeListLarge__award-cosme-info .ratingStar {
    align-items: center;
    display: flex
}

.BestCosmeListLarge__award-cosme-info .ratingStar__star {
    height: 16px;
    object-fit: contain
}

.BestCosmeListLarge__award-cosme-info .ratingStar__num {
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 4px
}

.BestCosmeListLarge__award-cosme-info .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 4px
}

.BestCosmeListLarge__more {
    border: 1px solid #b49b57;
    border-radius: 8px;
    height: 56px;
    margin: 0 16px;
    text-align: center;
    width: calc(100% - 32px)
}

.BestCosmeListLarge__more-link {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .8px;
    line-height: 24px;
    padding: 16px
}

.BestCosmeListLarge__more-link,.BestCosmeListLarge__more-link:active,.BestCosmeListLarge__more-link:focus,.BestCosmeListLarge__more-link:hover {
    color: #b49b57;
    text-decoration: none
}

.BestCosmeListLarge__more-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/ic_arrow_btn_gold-0c435837b790a95566cb25554332a0688c3bf4be82dcd5c12cbfa704a4649ad0.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin: 0 0 0 8px;
    width: 16px
}

.BestCosmeShow {
    margin: 0 auto;
    max-width: 640px
}

.BestCosmeShow__cover {
    background-position: 50%;
    background-size: cover
}

.BestCosmeShow__cover-inner {
    padding: 36px 16px;
    position: relative;
    text-align: center
}

.BestCosmeShow__cover-icon {
    left: 12px;
    position: absolute;
    top: 12px;
    width: 40px
}

.BestCosmeShow__cover-title {
    margin: 0;
    text-align: center
}

.BestCosmeShow__cover-title-pre {
    color: #2d2926;
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 20px;
    margin: 0 0 8px
}

.BestCosmeShow__cover-title-category {
    color: #2d2926;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 32px;
    margin: 0 0 4px
}

.BestCosmeShow__cover-title-year {
    color: var(--expressive-red);
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px
}

.BestCosmeShow__intro {
    background-color: #eae4d1;
    padding: 40px 16px 56px;
    position: relative
}

.BestCosmeShow__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 0 32px;
    white-space: pre-wrap
}

.BestCosmeShow__intro-anchor {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 24px 0 0;
    padding: 0
}

.BestCosmeShow__intro-anchor-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    padding: 12px 0;
    width: calc(50% - 8px)
}

.BestCosmeShow__intro-anchor-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .8px;
    line-height: 24px
}

.BestCosmeShow__intro-anchor-link,.BestCosmeShow__intro-anchor-link:active,.BestCosmeShow__intro-anchor-link:focus,.BestCosmeShow__intro-anchor-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.BestCosmeShow__intro-anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/ic_arrow_anchor_down-917d8fca4f375a69ba458da5cd9e06c4e19eb71b3f3c5fa11ee2b80118daaa64.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    margin-left: 8px;
    width: 12px
}

.twenty-allyear-BestCosmeAbout {
    background-color: #fff;
    font-family: "Noto Serif JP",serif;
    padding: 32px 40px
}

.twenty-allyear-BestCosmeAbout__title {
    border-bottom: 1px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 12px;
    text-align: center
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeAbout__title {
        white-space:pre-wrap
    }
}

.twenty-allyear-BestCosmeAbout__calcMethod {
    color: #2d2926;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 24px;
    margin: 24px 0 0;
    white-space: pre-wrap
}

.twenty-allyear-BestCosmeAbout__topLink {
    color: #5b4831;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 19px;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.twenty-allyear-BestCosmeAbout__topLink:active,.twenty-allyear-BestCosmeAbout__topLink:focus,.twenty-allyear-BestCosmeAbout__topLink:hover {
    color: #5b4831;
    text-decoration: none
}

.twenty-allyear-BestCosmeAwardLink__button {
    border: 1px solid #a58255;
    border-radius: 8px;
    display: table;
    height: 56px;
    margin-bottom: 12px;
    position: relative;
    width: 100%
}

.twenty-allyear-BestCosmeAwardLink {
    font-family: "Noto Serif JP",serif;
    margin: 0 auto 32px;
    text-align: center
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeAwardLink {
        width:352px
    }
}

.twenty-allyear-BestCosmeAwardLink__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.twenty-allyear-BestCosmeAwardLink__figureheader {
    color: #5b4831;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .92px;
    line-height: 21px;
    margin-bottom: 12px;
    position: relative
}

.twenty-allyear-BestCosmeAwardLink__figureheader-title:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 21px;
    left: 36px;
    position: absolute;
    top: 3px;
    width: 21px
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeAwardLink__figureheader-title:before {
        left:8%
    }
}

.twenty-allyear-BestCosmeAwardLink__figureheader-title:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 21px;
    position: absolute;
    right: 36px;
    top: 3px;
    width: 21px
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeAwardLink__figureheader-title:after {
        right:8%
    }
}

.twenty-allyear-BestCosmeAwardLink__button {
    background-color: #5b4831
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeAwardLink__button {
        margin-left:auto;
        margin-right: auto;
        width: 90%
    }
}

.twenty-allyear-BestCosmeAwardLink__button.rookie {
    background-color: #c98c41
}

.twenty-allyear-BestCosmeAwardLink__link {
    color: #fff;
    display: table-cell;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.23px;
    line-height: 29px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle
}

.twenty-allyear-BestCosmeAwardLink__link:active,.twenty-allyear-BestCosmeAwardLink__link:focus,.twenty-allyear-BestCosmeAwardLink__link:hover {
    color: #fff;
    text-decoration: none
}

.twenty-allyear-BestCosmeAwardLink__link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_arrow_button-b0c2cd4c3f856e57b1ff6ce58aa9074b6bf273f6e6a92c893a8b15abc0288e84.svg) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    filter: brightness(0) invert(1);
    height: 16px;
    margin: auto;
    position: absolute;
    right: 17px;
    top: 0;
    width: 16px
}

.twenty-allyear-BestCosmeAwardLink__image {
    border: 1px solid #a58255;
    margin-top: 11px;
    object-fit: contain;
    width: 100%
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeAwardLink__image {
        width:90%
    }
}

.twenty-allyear-BestCosmeCategories {
    font-family: "Noto Serif JP",serif
}

.twenty-allyear-BestCosmeCategories__anchor {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 36px;
    padding: 0
}

.twenty-allyear-BestCosmeCategories__anchor-item {
    border-bottom: 1px solid #a58255;
    height: 48px;
    width: 50%
}

.twenty-allyear-BestCosmeCategories__anchor-item.rookie {
    border-bottom: 1px solid #c98c41
}

.twenty-allyear-BestCosmeCategories__anchor-item:nth-child(odd) {
    border-right: 1px solid #a58255
}

.twenty-allyear-BestCosmeCategories__anchor-item.rookie:nth-child(odd) {
    border-right: 1px solid #c98c41
}

.twenty-allyear-BestCosmeCategories__anchor-link {
    align-items: center;
    color: #2d2926;
    color: #5a5129;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    justify-content: space-between;
    letter-spacing: .4px;
    line-height: 24px;
    padding: 12px 20px;
    text-decoration: none
}

.twenty-allyear-BestCosmeCategories__anchor-link:active,.twenty-allyear-BestCosmeCategories__anchor-link:focus,.twenty-allyear-BestCosmeCategories__anchor-link:hover {
    color: #2d2926;
    text-decoration: none
}

.twenty-allyear-BestCosmeCategories__anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/half/ic_arrow_category_cell-a0b1bf2cf43adcc18b7f098831af483ea26f83117ca8ea79986fca46ad0eba87.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    height: 16px;
    transform: rotate(90deg);
    width: 16px
}

.twenty-allyear-BestCosmeCategories__contents {
    padding: 0 0 64px
}

.twenty-allyear-BestCosmeCategories__contents-title {
    border-bottom: 2px dotted #a58255;
    border-top: 2px dotted #a58255;
    color: #5b4831;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px;
    margin: 0 30px 32px;
    padding: 16px 8px;
    position: relative;
    text-align: center
}

.twenty-allyear-BestCosmeCategories__contents-title.rookie {
    border-bottom: 2px dotted #c98c41;
    border-top: 2px dotted #c98c41
}

.twenty-allyear-BestCosmeCategories__contents-title.rookie:after,.twenty-allyear-BestCosmeCategories__contents-title.rookie:before {
    background-color: #c98c41
}

.twenty-allyear-BestCosmeCategories__contents-title:before {
    background-color: #a58255;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: -6px;
    width: 100%
}

.twenty-allyear-BestCosmeCategories__contents-title:after {
    background-color: #a58255;
    bottom: -6px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.twenty-allyear-BestCosmeCategories__contents-list {
    list-style-type: none;
    margin: 0;
    padding: 0 12px
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeCategories__contents-list {
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 16px
    }
}

.twenty-allyear-BestCosmeCategories__contents-item {
    margin: 12px 18px 0;
    position: relative
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeCategories__contents-item {
        margin:12px 8px 0;
        width: calc(50% - 16px)
    }
}

.twenty-allyear-BestCosmeCategories__contents-link {
    align-items: center;
    background-color: #fff;
    border: 1px solid #b49b57;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    color: #000;
    display: flex;
    justify-content: flex-start;
    padding: 12px 0 12px 18px;
    text-decoration: none
}

.twenty-allyear-BestCosmeCategories__contents-link:active,.twenty-allyear-BestCosmeCategories__contents-link:focus,.twenty-allyear-BestCosmeCategories__contents-link:hover {
    color: #000;
    text-decoration: none
}

.twenty-allyear-BestCosmeCategories__contents-link.rookie {
    border-color: #c98c41
}

.twenty-allyear-BestCosmeCategories__contents-link.rookie:after,.twenty-allyear-BestCosmeCategories__contents-link.rookie:before {
    filter: invert(53%) sepia(62%) saturate(447%) hue-rotate(353deg) brightness(98%) contrast(87%)
}

.twenty-allyear-BestCosmeCategories__contents-link:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 16px;
    left: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 16px
}

.twenty-allyear-BestCosmeCategories__contents-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_arrow_category_cell-02a4fff10b19d1422ac880baf095964334722080d241ba1e03793bab0350d7f7.svg) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 18px;
    margin: auto;
    position: absolute;
    right: 8px;
    top: 0;
    width: 18px
}

.twenty-allyear-BestCosmeCategories__contents-thumb {
    height: 48px;
    object-fit: contain;
    width: 48px
}

.twenty-allyear-BestCosmeCategories__contents-name {
    color: #5a5129;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 0 12px
}

.twenty-allyear-BestCosmeCategories__contents-name.rookie {
    color: #c98c41
}

.twenty-allyear-BestCosmeCategories__contents-name br {
    display: none
}

.twenty-allyear-BestCosmeIndex {
    background-color: #e4e0dc;
    font-family: "Noto Serif JP",serif;
    margin: 0 auto
}

.twenty-allyear-BestCosmeIndex.rookie {
    background-color: #fcf9f5
}

.twenty-allyear-BestCosmeIndex.influencer {
    background-color: #fff
}

.twenty-allyear-BestCosmeIndex__cover-image {
    width: 100%
}

.twenty-allyear-BestCosmeIndex__intro {
    background-color: #eae4d1;
    padding: 32px 40px 48px;
    position: relative
}

.twenty-allyear-BestCosmeIndex__intro:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/bg_intro_logomark-5afb2a7b6ce94d55014a9aff0064b06844b775911ea838d8bb8d3eefb1905273.png) no-repeat 0 0;
    background-size: 128px 88px;
    bottom: 0;
    content: "";
    display: block;
    height: 88px;
    position: absolute;
    right: 0;
    width: 128px
}

.twenty-allyear-BestCosmeIndex__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    white-space: pre-wrap
}

.twenty-allyear-BestCosmeIndex__influencer {
    text-align: center
}

.twenty-allyear-BestCosmeIndex__influencer-image {
    height: auto;
    object-fit: contain;
    width: 100%
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeIndex__influencer-image {
        width:70%
    }
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeIndex__influencer-image.comment {
        margin-top:-1px
    }
}

.twenty-allyear-BestCosmeList {
    font-family: "Noto Serif JP",serif;
    padding: 31px 0 0
}

.twenty-allyear-BestCosmeList__title {
    border-bottom: 2px solid #a08133;
    border-top: 2px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 16px 12px 32px;
    padding: 16px 8px;
    position: relative;
    text-align: center
}

.twenty-allyear-BestCosmeList__title:before {
    top: -6px
}

.twenty-allyear-BestCosmeList__title:after,.twenty-allyear-BestCosmeList__title:before {
    background-color: #a08133;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.twenty-allyear-BestCosmeList__title:after {
    bottom: -6px
}

.twenty-allyear-BestCosmeList__desc {
    color: var(--object-main);
    font-size: 13px;
    font-weight: medium;
    letter-spacing: .8px;
    line-height: 20px;
    margin: auto;
    width: calc(100% - 48px)
}

.twenty-allyear-BestCosmeList__list {
    list-style-type: none;
    margin: 0;
    padding: 0 44px 48px
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeList__list {
        padding:0 10px 48px
    }
}

.twenty-allyear-BestCosmeList__item {
    background-color: #fff;
    margin: 24px auto 0;
    padding: 0 0 24px;
    position: relative;
    text-align: center
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeList__item {
        margin:0 auto
    }
}

.twenty-allyear-BestCosmeList__figureheader {
    align-items: center;
    background-color: #5b4831;
    display: flex;
    height: 48px;
    justify-content: center
}

.twenty-allyear-BestCosmeList__figureheader.rookie {
    background-color: #c98c41
}

.twenty-allyear-BestCosmeList__figureheader-image {
    margin: auto;
    width: 210px
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeList__figureheader-image {
        width:260px
    }
}

.twenty-allyear-BestCosmeList__product {
    position: relative
}

.twenty-allyear-BestCosmeList__product-link,.twenty-allyear-BestCosmeList__product-link:active,.twenty-allyear-BestCosmeList__product-link:focus,.twenty-allyear-BestCosmeList__product-link:hover {
    color: #2d2926;
    text-decoration: none
}

.twenty-allyear-BestCosmeList__product-rank {
    left: 0;
    position: absolute;
    top: 0
}

.twenty-allyear-BestCosmeList__product-rank-badge {
    height: 104px;
    object-fit: contain;
    width: 104px
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeList__product-rank-badge {
        margin-top:-12px
    }
}

.twenty-allyear-BestCosmeList__product-width {
    margin: 0 auto;
    max-width: 375px;
    position: relative
}

.twenty-allyear-BestCosmeList__product-thumb {
    display: block;
    height: 160px;
    margin: 24px auto;
    object-fit: contain;
    width: 160px
}

.twenty-allyear-BestCosmeList__product-title {
    margin: 0;
    text-align: center
}

.twenty-allyear-BestCosmeList__product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 16px;
    margin: 0 0 8px
}

.twenty-allyear-BestCosmeList__product-name {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px
}

.twenty-allyear-BestCosmeList__product-rate {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 12px 0 0
}

.twenty-allyear-BestCosmeList__product-rate .ratingStar__star {
    object-fit: contain;
    width: 68px
}

.twenty-allyear-BestCosmeList__product-rate .ratingStar__num {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 0 4px
}

.twenty-allyear-BestCosmeList__product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.twenty-allyear-BestCosmeList__post {
    display: flex;
    margin: 0 auto;
    overflow-x: scroll;
    padding: 20px 0 0;
    white-space: nowrap;
    width: 432px
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeList__post {
        width:calc(100% - 64px)
    }
}

.twenty-allyear-BestCosmeList__post-link {
    border: 1px solid #a58255;
    color: #2d2926;
    display: block;
    height: auto;
    margin: 0 0 0 12px;
    padding: 12px;
    text-align: left;
    text-decoration: none
}

.twenty-allyear-BestCosmeList__post-link:active,.twenty-allyear-BestCosmeList__post-link:focus,.twenty-allyear-BestCosmeList__post-link:hover {
    color: #2d2926;
    text-decoration: none
}

.twenty-allyear-BestCosmeList__post-link.rookie {
    border-color: #c98c41
}

.twenty-allyear-BestCosmeList__post-link:first-child {
    margin: 0 auto
}

.twenty-allyear-BestCosmeList__post-images {
    display: flex;
    justify-content: flex-start
}

.twenty-allyear-BestCosmeList__post-images-thumb {
    height: 76.66667px;
    margin: 0 4px 0 0;
    object-fit: cover;
    object-position: center;
    width: calc(33.33333% - 2.66667px)
}

.twenty-allyear-BestCosmeList__post-images-thumb:last-child {
    margin: 0
}

.twenty-allyear-BestCosmeList__post-content {
    color: #a58255;
    font-family: Noto Sans JP,sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0;
    white-space: normal
}

.twenty-allyear-BestCosmeList__post-content.rookie {
    color: #c98c41
}

.twenty-allyear-BestCosmeList__post-user {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 8px 0 0
}

.twenty-allyear-BestCosmeList__post-user-thumb {
    border: 1px solid var(--background-elevation-low);
    border-radius: 50%;
    height: 32px;
    margin: 0 8px 0 0;
    object-fit: cover;
    width: 32px
}

.twenty-allyear-BestCosmeList__post-user-name {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px;
    margin: 0 4px 0 0
}

.twenty-allyear-BestCosmeList__post-user-info {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px
}

.twenty-allyear-BestCosmeList__not_applicable {
    color: #5b4831;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
    margin: 32px 0 -14px;
    text-align: center
}

.twenty-allyear-BestCosmeListLarge {
    font-family: "Noto Serif JP",serif;
    padding: 0 0 48px
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeListLarge {
        padding-bottom:10px
    }
}

.twenty-allyear-BestCosmeListLarge__title {
    background: #5b4831;
    padding: 6px 0
}

.twenty-allyear-BestCosmeListLarge__title.rookie {
    background: #c98c41
}

.twenty-allyear-BestCosmeListLarge__title-txt-small {
    border-top: 1px solid #a58255;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.28px;
    line-height: 28px;
    margin: 0;
    padding: 2px 0 0;
    text-align: center
}

.twenty-allyear-BestCosmeListLarge__title-txt-small.rookie {
    border-top: 1px solid #fff
}

.twenty-allyear-BestCosmeListLarge__title-txt-big {
    border-bottom: 1px solid #a58255;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.92px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 9px;
    text-align: center
}

.twenty-allyear-BestCosmeListLarge__title-txt-big.rookie {
    border-bottom: 1px solid #fff
}

.twenty-allyear-BestCosmeListLarge__award {
    margin: 44px 44px 0
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeListLarge__award {
        margin:34px 10px 0
    }
}

.twenty-allyear-BestCosmeListLarge__award-list {
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

.twenty-allyear-BestCosmeListLarge__award-item {
    background-color: #fff;
    margin-bottom: 24px;
    padding-bottom: 32px
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeListLarge__award-item {
        margin-bottom:0
    }
}

.twenty-allyear-BestCosmeListLarge__award-figureheader {
    align-items: center;
    background-color: #5b4831;
    display: flex;
    height: 48px;
    justify-content: center
}

.twenty-allyear-BestCosmeListLarge__award-figureheader.rookie {
    background-color: #c98c41
}

.twenty-allyear-BestCosmeListLarge__award-figureheader-image {
    margin: auto;
    width: 210px
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeListLarge__award-figureheader-image {
        width:260px
    }
}

.twenty-allyear-BestCosmeListLarge__award-link,.twenty-allyear-BestCosmeListLarge__award-link:active,.twenty-allyear-BestCosmeListLarge__award-link:focus,.twenty-allyear-BestCosmeListLarge__award-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeListLarge__award-link {
        display:block;
        text-align: center
    }
}

.twenty-allyear-BestCosmeListLarge__award-product {
    position: relative
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeListLarge__award-product {
        height:375px;
        margin: 0 auto;
        width: 375px
    }
}

.twenty-allyear-BestCosmeListLarge__award-product-rank {
    left: 0;
    position: absolute;
    top: 0
}

.twenty-allyear-BestCosmeListLarge__award-product-rank-badge {
    height: 104px;
    object-fit: contain;
    width: 104px
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeListLarge__award-product-rank-badge {
        margin-top:-12px
    }
}

.twenty-allyear-BestCosmeListLarge__award-product-thumb {
    display: block;
    height: 100%;
    margin: 24px auto 0;
    object-fit: contain;
    width: 100%
}

.twenty-allyear-BestCosmeListLarge__award-product-title {
    margin: 0;
    text-align: center
}

.twenty-allyear-BestCosmeListLarge__award-product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 16px;
    margin: 0 0 8px
}

.twenty-allyear-BestCosmeListLarge__award-product-name {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px
}

.twenty-allyear-BestCosmeListLarge__award-product-rate {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 12px 0 0
}

.twenty-allyear-BestCosmeListLarge__award-product-rate .ratingStar__star {
    object-fit: contain;
    width: 68px
}

.twenty-allyear-BestCosmeListLarge__award-product-rate .ratingStar__num {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 0 4px
}

.twenty-allyear-BestCosmeListLarge__award-product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.twenty-allyear-BestCosmeListLarge__award-post {
    margin: 12px auto 15px;
    width: calc(100% - 64px)
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeListLarge__award-post {
        left:0;
        right: 0;
        width: 432px
    }
}

.twenty-allyear-BestCosmeListLarge__award-post__link {
    border: 1px solid #a58255;
    display: block;
    padding: 16px
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeListLarge__award-post__link {
        margin:0 auto;
        padding: 12px
    }
}

.twenty-allyear-BestCosmeListLarge__award-post__link:hover {
    text-decoration: none
}

.twenty-allyear-BestCosmeListLarge__award-post__text {
    color: #a58255;
    font-family: Noto Sans JP,sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px
}

.twenty-allyear-BestCosmeListLarge__award-post__username {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.twenty-allyear-BestCosmeListLarge__award-thumb {
    height: auto;
    margin: 0 12px 0 8px;
    position: relative;
    width: calc(100% - 20px);
    z-index: 0
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeListLarge__award-thumb {
        margin:auto;
        max-height: 760px;
        max-width: 480px;
        object-fit: cover;
        object-position: top
    }
}

.twenty-allyear-BestCosmeListLarge__award-brandComment {
    margin: 16px auto 0;
    text-align: center;
    width: calc(100% - 64px)
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeListLarge__award-brandComment {
        width:432px
    }
}

.twenty-allyear-BestCosmeListLarge__award-brandComment-author {
    color: #a58255;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .86px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 12px
}

.twenty-allyear-BestCosmeListLarge__award-brandComment-border {
    border: none;
    border-bottom: 1px dotted #a58255;
    margin: 0 40px
}

.twenty-allyear-BestCosmeListLarge__award-brandComment-text {
    color: var(--object-main);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 19px;
    margin: 15px 0 0;
    text-align: left
}

.twenty-allyear-BestCosmeShow__cover {
    background-position: 50%;
    background-size: cover;
    font-family: "Noto Serif JP",serif;
    position: relative;
    width: 100%
}

.twenty-allyear-BestCosmeShow__cover-title {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 55%;
    width: calc(100% - 96px);
    z-index: 1
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeShow__cover-title {
        top:60%
    }
}

@media (max-width: 834px) {
    .twenty-allyear-BestCosmeShow__cover-title.rookie {
        top:50%
    }
}

.twenty-allyear-BestCosmeShow__cover-title-pre {
    color: #453e35;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .43px;
    line-height: 20px;
    margin: 0 0 8px
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeShow__cover-title-pre {
        color:#453e35;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 1.05px;
        line-height: 25px
    }
}

.twenty-allyear-BestCosmeShow__cover-title-pre-rookie {
    color: #c98c41;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0 0 8px
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeShow__cover-title-pre-rookie {
        color:#c98c41;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 1.05px;
        line-height: 25px
    }
}

.twenty-allyear-BestCosmeShow__cover-title-category {
    color: #5a5129;
    display: block;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: .68px;
    line-height: 25px;
    margin: 0 0 8px
}

@media (min-width: 835px) {
    .twenty-allyear-BestCosmeShow__cover-title-category {
        color:#5a5129;
        font-size: 27px;
        font-weight: 700;
        letter-spacing: 1.66px;
        line-height: 39px
    }

    .twenty-allyear-BestCosmeShow__cover-title-category br {
        display: none
    }
}

.twenty-allyear-BestCosmeShow__cover-title-category.rookie {
    color: #c98c41
}

.twenty-allyear-BestCosmeShow__cover-image {
    display: block;
    height: auto;
    min-height: 264px;
    width: 100%
}

.twenty-allyear-BestCosmeShow__feature-image {
    height: auto;
    width: 100%
}

.twenty-allyear-BestCosmeShow__intro {
    background-color: #eae4d1;
    padding: 40px 16px 56px;
    position: relative
}

.twenty-allyear-BestCosmeShow__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 0 32px;
    white-space: pre-wrap
}

.twenty-allyear-BestCosmeShow__intro-anchor {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 24px 0 0;
    padding: 0
}

.twenty-allyear-BestCosmeShow__intro-anchor-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    padding: 12px 0;
    width: calc(50% - 8px)
}

.twenty-allyear-BestCosmeShow__intro-anchor-link {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .8px;
    line-height: 24px;
    text-decoration: none
}

.twenty-allyear-BestCosmeShow__intro-anchor-link:active,.twenty-allyear-BestCosmeShow__intro-anchor-link:focus,.twenty-allyear-BestCosmeShow__intro-anchor-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.twenty-allyear-BestCosmeShow__intro-anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/ic_arrow_anchor_down-917d8fca4f375a69ba458da5cd9e06c4e19eb71b3f3c5fa11ee2b80118daaa64.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    margin-left: 8px;
    width: 12px
}

.twenty-BestCosmeAbout {
    background-color: #fff;
    font-family: "Noto Serif JP",serif;
    padding: 32px 40px
}

.twenty-BestCosmeAbout__title {
    border-bottom: 1px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 12px;
    text-align: center
}

.twenty-BestCosmeAbout__calcMethod {
    color: #2d2926;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 24px;
    margin: 24px 0 0;
    white-space: pre-wrap
}

.twenty-BestCosmeCategories {
    font-family: "Noto Serif JP",serif
}

.twenty-BestCosmeCategories__title {
    background: linear-gradient(180deg,#80743f 50%,#a9a17c);
    padding: 6px 0
}

.twenty-BestCosmeCategories__title-txt {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 0;
    padding: 16px 8px;
    text-align: center
}

.twenty-BestCosmeCategories__anchor {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 36px;
    padding: 0
}

.twenty-BestCosmeCategories__anchor-item {
    border-bottom: 1px solid #a08133;
    height: 48px;
    width: 50%
}

.twenty-BestCosmeCategories__anchor-item:nth-child(odd) {
    border-right: 1px solid #a08133
}

.twenty-BestCosmeCategories__anchor-link {
    align-items: center;
    color: #2d2926;
    color: #5a5129;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: space-between;
    letter-spacing: .4px;
    line-height: 24px;
    padding: 12px 20px;
    text-decoration: none
}

.twenty-BestCosmeCategories__anchor-link:active,.twenty-BestCosmeCategories__anchor-link:focus,.twenty-BestCosmeCategories__anchor-link:hover {
    color: #2d2926;
    text-decoration: none
}

.twenty-BestCosmeCategories__anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/half/ic_arrow_category_cell-a0b1bf2cf43adcc18b7f098831af483ea26f83117ca8ea79986fca46ad0eba87.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    height: 16px;
    transform: rotate(90deg);
    width: 16px
}

.twenty-BestCosmeCategories__contents {
    padding: 0 0 64px
}

.twenty-BestCosmeCategories__contents-title {
    background-image: url(https://cdn.lipscosme.com/assets/bestcosme/2020/half/pattern_left-53449082367869fd82fe91565bdf8aef10a84e06e0a95f6e015b8208b302e855.png),url(https://cdn.lipscosme.com/assets/bestcosme/2020/half/pattern_right-d683299eab430529b1ed26124877ef956e4b960723eab3aa823c31e922557eb3.png);
    background-position: 16px 15px,calc(100% - 16px) 15px;
    background-repeat: no-repeat,no-repeat;
    background-size: auto 28px,auto 28px;
    border-bottom: 2px solid #a08133;
    border-top: 2px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 0 12px 32px;
    padding: 16px 8px;
    position: relative;
    text-align: center
}

.twenty-BestCosmeCategories__contents-title:before {
    background-color: #a08133;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: -6px;
    width: 100%
}

.twenty-BestCosmeCategories__contents-title:after {
    background-color: #a08133;
    bottom: -6px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.twenty-BestCosmeCategories__contents-list {
    list-style-type: none;
    margin: 0;
    padding: 0 12px
}

@media (min-width: 835px) {
    .twenty-BestCosmeCategories__contents-list {
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 16px
    }
}

.twenty-BestCosmeCategories__contents-item {
    margin: 12px 0 0;
    position: relative
}

@media (min-width: 835px) {
    .twenty-BestCosmeCategories__contents-item {
        margin:12px 8px 0;
        width: calc(50% - 16px)
    }
}

.twenty-BestCosmeCategories__contents-link {
    align-items: center;
    background-color: #fff;
    border: 1px solid #b49b57;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    color: #000;
    display: flex;
    justify-content: flex-start;
    padding: 12px 32px 12px 12px;
    text-decoration: none
}

.twenty-BestCosmeCategories__contents-link:active,.twenty-BestCosmeCategories__contents-link:focus,.twenty-BestCosmeCategories__contents-link:hover {
    color: #000;
    text-decoration: none
}

.twenty-BestCosmeCategories__contents-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/half/ic_arrow_category_cell-a0b1bf2cf43adcc18b7f098831af483ea26f83117ca8ea79986fca46ad0eba87.png) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 16px;
    margin: auto;
    position: absolute;
    right: 12px;
    top: 0;
    width: 16px
}

.twenty-BestCosmeCategories__contents-thumb {
    height: 48px;
    object-fit: contain;
    width: 48px
}

.twenty-BestCosmeCategories__contents-name {
    color: #5a5129;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 0 12px
}

.twenty-BestCosmeIndex {
    background-color: #efeee9;
    margin: 0 auto
}

.twenty-BestCosmeIndex__cover-image {
    width: 100%
}

.twenty-BestCosmeIndex__intro {
    background-color: #eae4d1;
    padding: 32px 40px 48px;
    position: relative
}

.twenty-BestCosmeIndex__intro:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/bg_intro_logomark-5afb2a7b6ce94d55014a9aff0064b06844b775911ea838d8bb8d3eefb1905273.png) no-repeat 0 0;
    background-size: 128px 88px;
    bottom: 0;
    content: "";
    display: block;
    height: 88px;
    position: absolute;
    right: 0;
    width: 128px
}

.twenty-BestCosmeIndex__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    white-space: pre-wrap
}

.twenty-BestCosmeList {
    padding: 8px 0 0
}

.twenty-BestCosmeList__title {
    border-bottom: 2px solid #a08133;
    border-top: 2px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 16px 12px 32px;
    padding: 16px 8px;
    position: relative;
    text-align: center
}

.twenty-BestCosmeList__title:before {
    top: -6px
}

.twenty-BestCosmeList__title:after,.twenty-BestCosmeList__title:before {
    background-color: #a08133;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.twenty-BestCosmeList__title:after {
    bottom: -6px
}

.twenty-BestCosmeList__desc {
    color: var(--object-main);
    font-size: 13px;
    font-weight: medium;
    letter-spacing: .8px;
    line-height: 20px;
    margin: auto;
    width: calc(100% - 48px)
}

.twenty-BestCosmeList__list {
    list-style-type: none;
    margin: 0;
    padding: 0 16px 48px
}

.twenty-BestCosmeList__item {
    background-color: #fff;
    margin: 24px auto 0;
    padding: 32px 24px 24px;
    position: relative;
    text-align: center
}

@media (min-width: 835px) {
    .twenty-BestCosmeList__item {
        max-width:480px
    }
}

.twenty-BestCosmeList__product-link,.twenty-BestCosmeList__product-link:active,.twenty-BestCosmeList__product-link:focus,.twenty-BestCosmeList__product-link:hover {
    color: #2d2926;
    text-decoration: none
}

.twenty-BestCosmeList__product-rank {
    left: 0;
    position: absolute;
    top: 8px
}

.twenty-BestCosmeList__product-rank-badge {
    height: 104px;
    object-fit: contain;
    width: 104px
}

.twenty-BestCosmeList__product-thumb {
    height: 160px;
    margin: 24px auto;
    object-fit: contain;
    width: 160px
}

.twenty-BestCosmeList__product-title {
    margin: 0
}

.twenty-BestCosmeList__product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 16px;
    margin: 0 0 8px
}

.twenty-BestCosmeList__product-name {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px
}

.twenty-BestCosmeList__product-rate {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 12px 0 0
}

.twenty-BestCosmeList__product-rate .ratingStar__star {
    object-fit: contain;
    width: 68px
}

.twenty-BestCosmeList__product-rate .ratingStar__num {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 0 4px
}

.twenty-BestCosmeList__product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.twenty-BestCosmeList__post {
    display: flex;
    overflow-x: scroll;
    padding: 20px 0 0;
    white-space: nowrap;
    width: 100%
}

.twenty-BestCosmeList__post-link {
    border: 1px solid #a0813a;
    display: block;
    height: auto;
    margin: 0 0 0 12px;
    min-width: 264px;
    padding: 12px;
    text-align: left;
    width: 264px
}

.twenty-BestCosmeList__post-link,.twenty-BestCosmeList__post-link:active,.twenty-BestCosmeList__post-link:focus,.twenty-BestCosmeList__post-link:hover {
    color: #2d2926;
    text-decoration: none
}

.twenty-BestCosmeList__post-link:first-child {
    margin: 0 auto
}

.twenty-BestCosmeList__post-images {
    display: flex;
    justify-content: flex-start
}

.twenty-BestCosmeList__post-images-thumb {
    height: 76.66667px;
    margin: 0 4px 0 0;
    object-fit: cover;
    object-position: center;
    width: calc(33.33333% - 2.66667px)
}

.twenty-BestCosmeList__post-images-thumb:last-child {
    margin: 0
}

.twenty-BestCosmeList__post-content {
    color: #2d2926;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin: 8px 0 0;
    white-space: normal
}

.twenty-BestCosmeList__post-user {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 8px 0 0
}

.twenty-BestCosmeList__post-user-thumb {
    border: 1px solid var(--background-elevation-low);
    border-radius: 50%;
    height: 32px;
    margin: 0 8px 0 0;
    object-fit: cover;
    width: 32px
}

.twenty-BestCosmeList__post-user-name {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px;
    margin: 0 4px 0 0
}

.twenty-BestCosmeList__post-user-info {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px
}

.twenty-BestCosmeListLarge {
    font-family: "Noto Serif JP",serif;
    padding: 0 0 48px
}

.twenty-BestCosmeListLarge__title {
    background: linear-gradient(180deg,#80743f 50%,#a9a17c);
    padding: 6px 0
}

.twenty-BestCosmeListLarge__title-txt {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 0;
    padding: 16px 8px;
    text-align: center
}

.twenty-BestCosmeListLarge__award-list {
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

.twenty-BestCosmeListLarge__award-item {
    margin: 32px 0 0;
    position: relative
}

.twenty-BestCosmeListLarge__award-link,.twenty-BestCosmeListLarge__award-link:active,.twenty-BestCosmeListLarge__award-link:focus,.twenty-BestCosmeListLarge__award-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (min-width: 835px) {
    .twenty-BestCosmeListLarge__award-link {
        display:block;
        text-align: center
    }
}

.twenty-BestCosmeListLarge__award-title {
    display: block;
    height: 48px;
    margin: 0 auto 12px;
    width: auto
}

.twenty-BestCosmeListLarge__award-post {
    bottom: 24px;
    left: 32px;
    position: absolute;
    right: 32px;
    width: calc(100% - 64px)
}

@media (min-width: 835px) {
    .twenty-BestCosmeListLarge__award-post {
        left:0;
        margin: auto;
        right: 0;
        width: 432px
    }
}

.twenty-BestCosmeListLarge__award-post__link {
    border: 1px solid #a0813a;
    display: block;
    padding: 16px
}

.twenty-BestCosmeListLarge__award-post__link:hover {
    text-decoration: none
}

.twenty-BestCosmeListLarge__award-post__text {
    color: #2d2926;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px
}

.twenty-BestCosmeListLarge__award-post__username {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px
}

.twenty-BestCosmeListLarge__award-thumb {
    height: auto;
    margin: 0 12px 0 8px;
    position: relative;
    width: calc(100% - 20px);
    z-index: 0
}

@media (min-width: 835px) {
    .twenty-BestCosmeListLarge__award-thumb {
        margin:auto;
        max-height: 760px;
        max-width: 480px;
        object-fit: cover;
        object-position: top
    }
}

.twenty-BestCosmeShow {
    background-color: #efeee9;
    font-family: "Noto Serif JP",serif;
    margin: 0 auto
}

.twenty-BestCosmeShow__cover {
    background-position: 50%;
    background-size: cover;
    position: relative;
    width: 100%
}

.twenty-BestCosmeShow__cover-title {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 34%;
    width: calc(100% - 96px);
    z-index: 1
}

@media (min-width: 835px) {
    .twenty-BestCosmeShow__cover-title {
        top:44%
    }
}

.twenty-BestCosmeShow__cover-title-pre {
    color: #5a5129;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0 0 8px
}

@media (min-width: 835px) {
    .twenty-BestCosmeShow__cover-title-pre {
        color:#5a5129;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.twenty-BestCosmeShow__cover-title-category {
    color: #5a5129;
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 8px
}

@media (min-width: 835px) {
    .twenty-BestCosmeShow__cover-title-category {
        color:#5a5129;
        font-size: 28px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 40px
    }
}

.twenty-BestCosmeShow__cover-title-year {
    color: #a0813a;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px
}

@media (min-width: 835px) {
    .twenty-BestCosmeShow__cover-title-year {
        color:#a0813a;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.twenty-BestCosmeShow__cover-image {
    display: block;
    height: auto;
    min-height: 264px;
    width: 100%
}

.twenty-BestCosmeShow__feature-image {
    height: auto;
    width: 100%
}

.twenty-BestCosmeShow__intro {
    background-color: #eae4d1;
    padding: 40px 16px 56px;
    position: relative
}

.twenty-BestCosmeShow__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 0 32px;
    white-space: pre-wrap
}

.twenty-BestCosmeShow__intro-anchor {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 24px 0 0;
    padding: 0
}

.twenty-BestCosmeShow__intro-anchor-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    padding: 12px 0;
    width: calc(50% - 8px)
}

.twenty-BestCosmeShow__intro-anchor-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .8px;
    line-height: 24px
}

.twenty-BestCosmeShow__intro-anchor-link,.twenty-BestCosmeShow__intro-anchor-link:active,.twenty-BestCosmeShow__intro-anchor-link:focus,.twenty-BestCosmeShow__intro-anchor-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.twenty-BestCosmeShow__intro-anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/ic_arrow_anchor_down-917d8fca4f375a69ba458da5cd9e06c4e19eb71b3f3c5fa11ee2b80118daaa64.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    margin-left: 8px;
    width: 12px
}

.twenty-BestCosmeTrends {
    font-family: "Noto Serif JP",serif;
    padding: 0 0 48px
}

.twenty-BestCosmeTrends__title {
    background: linear-gradient(180deg,#80743f 50%,#a9a17c);
    padding: 6px 0
}

.twenty-BestCosmeTrends__title-txt {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 0;
    padding: 16px 8px;
    text-align: center
}

.twenty-BestCosmeTrends__abstract {
    color: #111;
    font-size: 13px;
    font-weight: medium;
    letter-spacing: .4px;
    line-height: 20px;
    margin: 32px 40px 0
}

.twenty-BestCosmeTrends__contents-title {
    background-image: url(https://cdn.lipscosme.com/assets/bestcosme/2020/half/pattern_left-53449082367869fd82fe91565bdf8aef10a84e06e0a95f6e015b8208b302e855.png),url(https://cdn.lipscosme.com/assets/bestcosme/2020/half/pattern_right-d683299eab430529b1ed26124877ef956e4b960723eab3aa823c31e922557eb3.png);
    background-position: 16px 15px,calc(100% - 16px) 15px;
    background-repeat: no-repeat,no-repeat;
    background-size: auto 28px,auto 28px;
    border-bottom: 2px solid #a08133;
    border-top: 2px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 24px 32px 32px;
    padding: 16px 8px;
    position: relative;
    text-align: center
}

.twenty-BestCosmeTrends__contents-title:before {
    top: -6px
}

.twenty-BestCosmeTrends__contents-title:after,.twenty-BestCosmeTrends__contents-title:before {
    background-color: #a08133;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.twenty-BestCosmeTrends__contents-title:after {
    bottom: -6px
}

.twenty-BestCosmeTrends__contents-list {
    list-style-type: none;
    margin: 8px 32px 0;
    padding: 0
}

.twenty-BestCosmeTrends__contents-item {
    background-color: #fff;
    border: 1px solid #a08133;
    margin: 12px auto 0;
    min-height: 64px;
    position: relative
}

@media (min-width: 835px) {
    .twenty-BestCosmeTrends__contents-item {
        max-width:480px
    }
}

.twenty-BestCosmeTrends__contents-link {
    color: #5a5129;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 28px;
    padding: 18px 32px 18px 20px
}

.twenty-BestCosmeTrends__contents-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/half/ic_arrow_category_cell-a0b1bf2cf43adcc18b7f098831af483ea26f83117ca8ea79986fca46ad0eba87.png) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 16px;
    margin: auto;
    position: absolute;
    right: 12px;
    top: 0;
    width: 16px
}

.allyear-2021-BestCosmeAbout {
    font-family: "Noto Serif JP",serif;
    padding: 32px 40px
}

.allyear-2021-BestCosmeAbout__title {
    border-bottom: 1px solid #a08133;
    color: #a08133;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 12px;
    text-align: center
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeAbout__title {
        font-weight:600;
        white-space: pre-wrap
    }
}

.allyear-2021-BestCosmeAbout__calcMethod {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 23px;
    margin: 24px 0 0;
    white-space: pre-wrap
}

.allyear-2021-BestCosmeAbout__topLink {
    color: #5b4831;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 19px;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.allyear-2021-BestCosmeAbout__topLink:active,.allyear-2021-BestCosmeAbout__topLink:focus,.allyear-2021-BestCosmeAbout__topLink:hover {
    color: #5b4831;
    text-decoration: none
}

.allyear-2021-BestCosmeAwardLink__button {
    border: 1px solid #a58255;
    border-radius: 8px;
    display: table;
    height: 56px;
    margin-bottom: 12px;
    position: relative;
    width: 100%
}

.allyear-2021-BestCosmeAwardLink {
    font-family: "Noto Serif JP",serif;
    margin: 32px auto;
    text-align: center
}

.allyear-2021-BestCosmeAwardLink__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.allyear-2021-BestCosmeAwardLink__figureheader {
    color: #a1731c;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 32px;
    margin-bottom: 16px
}

.allyear-2021-BestCosmeAwardLink__figureheader.margin-top {
    margin-top: 32px
}

.allyear-2021-BestCosmeAwardLink__figureheader-title:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 8px;
    width: 15px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeAwardLink__figureheader-title:before {
        left:8%
    }
}

.allyear-2021-BestCosmeAwardLink__figureheader-title:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: 8px;
    width: 15px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeAwardLink__figureheader-title:after {
        right:8%
    }
}

.allyear-2021-BestCosmeAwardLink__image-container {
    display: flex;
    justify-content: center
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeAwardLink__image-container>:first-child {
        margin-right:8.5px
    }

    .allyear-2021-BestCosmeAwardLink__image-container>:nth-child(2) {
        margin-left: 8.5px
    }
}

.allyear-2021-BestCosmeAwardLink__image-container>:first-child {
    margin-right: 12px
}

.allyear-2021-BestCosmeAwardLink__image-container>:nth-child(2) {
    margin-left: 12px
}

.allyear-2021-BestCosmeAwardLink__button {
    background-color: #5b4831
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeAwardLink__button {
        margin-left:auto;
        margin-right: auto;
        width: 90%
    }
}

.allyear-2021-BestCosmeAwardLink__button.rookie {
    background-color: #c98c41
}

.allyear-2021-BestCosmeAwardLink__link {
    color: #fff;
    display: table-cell;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.23px;
    line-height: 29px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle
}

.allyear-2021-BestCosmeAwardLink__link:active,.allyear-2021-BestCosmeAwardLink__link:focus,.allyear-2021-BestCosmeAwardLink__link:hover {
    color: #fff;
    text-decoration: none
}

.allyear-2021-BestCosmeAwardLink__link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_arrow_button-b0c2cd4c3f856e57b1ff6ce58aa9074b6bf273f6e6a92c893a8b15abc0288e84.svg) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    filter: brightness(0) invert(1);
    height: 16px;
    margin: auto;
    position: absolute;
    right: 17px;
    top: 0;
    width: 16px
}

.allyear-2021-BestCosmeAwardLink__image {
    border: 1px solid #c5c5c5;
    height: 187px;
    object-fit: contain;
    width: 187px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeAwardLink__image {
        height:155px;
        width: 155px
    }
}

.allyear-2021-BestCosmeAwardLink__image-wide {
    border: 1px solid #c5c5c5;
    height: auto;
    width: 297px
}

.allyear-2021-BestCosmeCategories {
    font-family: "Noto Serif JP",serif
}

.allyear-2021-BestCosmeCategories__anchor {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.allyear-2021-BestCosmeCategories__anchor.hall_of_fame {
    margin: 0 16px;
    padding-top: 16px
}

.allyear-2021-BestCosmeCategories__anchor-item {
    align-items: center;
    border-bottom: 1px solid var(--object-main);
    display: flex;
    height: 48px;
    width: 50%
}

.allyear-2021-BestCosmeCategories__anchor-item.rookie {
    border-bottom: 1px solid #a08133
}

.allyear-2021-BestCosmeCategories__anchor-item.hall_of_fame {
    background-color: #085466;
    border: none;
    margin-bottom: 10px;
    width: calc(25% - 4px)
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeCategories__anchor-item.hall_of_fame:nth-child(n) {
        margin-right:5px
    }

    .allyear-2021-BestCosmeCategories__anchor-item.hall_of_fame:nth-child(4n) {
        margin-right: 0
    }
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeCategories__anchor-item.hall_of_fame {
        width:calc(50% - 5px)
    }

    .allyear-2021-BestCosmeCategories__anchor-item.hall_of_fame:last-child {
        margin-bottom: 0
    }

    .allyear-2021-BestCosmeCategories__anchor-item.hall_of_fame:nth-child(odd) {
        margin-right: 5px
    }

    .allyear-2021-BestCosmeCategories__anchor-item.hall_of_fame:nth-child(2n) {
        margin-left: 5px
    }
}

.allyear-2021-BestCosmeCategories__anchor-item.hall_of_fame:nth-child(n) {
    border: none
}

.allyear-2021-BestCosmeCategories__anchor-item:nth-child(2n) {
    border-right: 1px solid var(--object-main)
}

.allyear-2021-BestCosmeCategories__anchor-item.rookie:nth-child(2n) {
    border-right: 1px solid #a08133
}

.allyear-2021-BestCosmeCategories__anchor-item:nth-child(odd) {
    border-left: 1px solid var(--object-main);
    border-right: 1px solid var(--object-main)
}

.allyear-2021-BestCosmeCategories__anchor-item.rookie:nth-child(odd) {
    border-left: 1px solid #a08133;
    border-right: 1px solid #a08133
}

.allyear-2021-BestCosmeCategories__anchor-item-container {
    align-items: center;
    display: flex
}

.allyear-2021-BestCosmeCategories__anchor-diamond-image {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(348deg) brightness(105%) contrast(101%);
    margin-left: 12px;
    margin-right: 8px
}

.allyear-2021-BestCosmeCategories__anchor-arrow-image {
    filter: invert(19%) sepia(15%) saturate(9%) hue-rotate(63deg) brightness(93%) contrast(96%);
    margin-left: auto;
    margin-right: 15px;
    transform: rotate(90deg)
}

.allyear-2021-BestCosmeCategories__anchor-arrow-image.rookie {
    filter: invert(54%) sepia(25%) saturate(678%) hue-rotate(354deg) brightness(93%) contrast(87%)
}

.allyear-2021-BestCosmeCategories__anchor-arrow-image.hall_of_fame {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(348deg) brightness(105%) contrast(101%);
    margin-right: 8px
}

.allyear-2021-BestCosmeCategories__anchor-link {
    color: #000;
    display: block;
    flex-grow: 1;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 16px;
    padding-left: 20px;
    text-decoration: none
}

.allyear-2021-BestCosmeCategories__anchor-link:active,.allyear-2021-BestCosmeCategories__anchor-link:focus,.allyear-2021-BestCosmeCategories__anchor-link:hover {
    color: #000;
    text-decoration: none
}

.allyear-2021-BestCosmeCategories__anchor-link.rookie {
    color: #5b4831
}

.allyear-2021-BestCosmeCategories__anchor-link.hall_of_fame {
    color: #fff;
    padding-left: 0
}

.allyear-2021-BestCosmeCategories__contents {
    border-bottom: 1px solid #c5c5c5;
    padding: 0 0 33px
}

.allyear-2021-BestCosmeCategories__contents:last-child {
    border-bottom: none
}

.allyear-2021-BestCosmeCategories__contents.rookie {
    border-bottom: 1px solid #a08133
}

.allyear-2021-BestCosmeCategories__contents.rookie:last-child {
    border-bottom: none
}

.allyear-2021-BestCosmeCategories__contents-title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px;
    padding: 30px 8px 18px;
    text-align: center
}

.allyear-2021-BestCosmeCategories__contents-title.rookie {
    color: #a08133
}

.allyear-2021-BestCosmeCategories__contents-title.rookie:after,.allyear-2021-BestCosmeCategories__contents-title.rookie:before {
    filter: invert(53%) sepia(13%) saturate(1804%) hue-rotate(5deg) brightness(94%) contrast(89%)
}

.allyear-2021-BestCosmeCategories__contents-title:before {
    margin-right: 8px
}

.allyear-2021-BestCosmeCategories__contents-title:after,.allyear-2021-BestCosmeCategories__contents-title:before {
    background: url(https://cdn.lipscosme.com/assets/ic_diamond-50c26685cd145efa7a8b586782795f4f728e0db8575dcbd5eb165fa21880f582.svg) no-repeat 0 0;
    content: "";
    display: inline-block;
    filter: invert(19%) sepia(15%) saturate(9%) hue-rotate(63deg) brightness(93%) contrast(96%);
    height: 20px;
    position: relative;
    top: 2px;
    width: 20px
}

.allyear-2021-BestCosmeCategories__contents-title:after {
    margin-left: 8px
}

.allyear-2021-BestCosmeCategories__contents-list {
    list-style-type: none;
    margin: 0;
    padding: 0 12px
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeCategories__contents-list {
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 16px
    }
}

.allyear-2021-BestCosmeCategories__contents-item {
    border: 1px solid var(--object-main);
    display: block;
    margin: 12px 12px 0
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeCategories__contents-item {
        margin:8px 8px 0;
        width: calc(50% - 16px)
    }
}

.allyear-2021-BestCosmeCategories__contents-item.rookie {
    border: 1px solid #a08133
}

.allyear-2021-BestCosmeCategories__contents-item-container {
    align-items: center;
    display: flex;
    height: 56px;
    justify-content: space-between
}

.allyear-2021-BestCosmeCategories__contents-item-diamond-image {
    height: 16px;
    margin-left: 12px;
    width: 16px
}

.allyear-2021-BestCosmeCategories__contents-item-diamond-image.rookie {
    filter: invert(53%) sepia(13%) saturate(1804%) hue-rotate(5deg) brightness(94%) contrast(89%)
}

.allyear-2021-BestCosmeCategories__contents-item-arrow-image {
    height: 14px;
    margin-left: auto;
    margin-right: 10px;
    width: 14px
}

.allyear-2021-BestCosmeCategories__contents-item-arrow-image.rookie {
    filter: invert(53%) sepia(13%) saturate(1804%) hue-rotate(5deg) brightness(94%) contrast(89%)
}

.allyear-2021-BestCosmeCategories__contents-link,.allyear-2021-BestCosmeCategories__contents-link:active,.allyear-2021-BestCosmeCategories__contents-link:focus,.allyear-2021-BestCosmeCategories__contents-link:hover {
    color: #000;
    text-decoration: none
}

.allyear-2021-BestCosmeCategories__contents-thumb {
    height: 48px;
    object-fit: contain;
    width: 48px
}

.allyear-2021-BestCosmeCategories__contents-name {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 0 12px
}

.allyear-2021-BestCosmeCategories__contents-name.rookie {
    color: #5b4831
}

.allyear-2021-BestCosmeCategories__contents-name br {
    display: none
}

.allyear-2021-BestCosmeHallOfFame {
    font-family: "Noto Serif JP",serif
}

.allyear-2021-BestCosmeHallOfFame__sticky-figureheader {
    background: #f3efe8;
    display: none;
    filter: drop-shadow(0 2px 4px rgba(153,153,153,.35));
    height: 64px;
    margin: 0;
    overflow-x: scroll;
    position: fixed;
    top: 48px;
    width: 100%;
    z-index: 1
}

.allyear-2021-BestCosmeHallOfFame__anchor {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 14px;
    padding-inline-start:0}

.allyear-2021-BestCosmeHallOfFame__anchor-link {
    flex-shrink: 0
}

.allyear-2021-BestCosmeHallOfFame__anchor-item-container {
    align-items: center;
    background: #085466;
    color: #fff;
    display: flex;
    height: 36px;
    margin-left: 8px;
    padding-left: 8px
}

.allyear-2021-BestCosmeHallOfFame__anchor-arrow-image {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(348deg) brightness(105%) contrast(101%);
    margin: 0 8px;
    transform: rotate(90deg)
}

.allyear-2021-BestCosmeHallOfFame__description {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.92px;
    line-height: 28px;
    padding: 32px 0 0;
    text-align: center
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeHallOfFame__description {
        padding-bottom:32px
    }
}

.allyear-2021-BestCosmeHallOfFame__category-container {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px 0
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeHallOfFame__category-container>:first-child {
        margin-right:12px
    }

    .allyear-2021-BestCosmeHallOfFame__category-container>:nth-child(2) {
        margin-left: 12px
    }
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeHallOfFame__category-container {
        flex-direction:column
    }

    .allyear-2021-BestCosmeHallOfFame__category-container>:first-child {
        margin-bottom: 8px
    }

    .allyear-2021-BestCosmeHallOfFame__category-container>:nth-child(2) {
        margin-top: 8px
    }
}

.allyear-2021-BestCosmeHallOfFame__category-image {
    height: 64px;
    width: 64px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeHallOfFame__category-image {
        height:100px;
        width: 100px
    }
}

.allyear-2021-BestCosmeHallOfFame__category {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 24px;
    text-align: center
}

.allyear-2021-BestCosmeHallOfFame__product {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 22px;
    padding-top: 8px;
    text-decoration: none
}

.allyear-2021-BestCosmeHallOfFame__product:active,.allyear-2021-BestCosmeHallOfFame__product:focus,.allyear-2021-BestCosmeHallOfFame__product:hover {
    color: #000;
    text-decoration: none
}

.allyear-2021-BestCosmeHallOfFame__product-ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.allyear-2021-BestCosmeHallOfFame__product-ul:last-child {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 40px
}

.allyear-2021-BestCosmeHallOfFame__product-li {
    padding-bottom: 32px;
    text-align: center;
    width: 25%
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeHallOfFame__product-li {
        width:50%
    }
}

.allyear-2021-BestCosmeHallOfFame__product-li:nth-last-child(-n+4) {
    padding: 0
}

.allyear-2021-BestCosmeHallOfFame__product-text {
    margin: 0 auto;
    width: 150px
}

.allyear-2021-BestCosmeHallOfFame__product-brand {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 16px;
    padding-top: 8px
}

.allyear-2021-BestCosmeHallOfFame__product-brand,.allyear-2021-BestCosmeHallOfFame__product-brand:active,.allyear-2021-BestCosmeHallOfFame__product-brand:focus,.allyear-2021-BestCosmeHallOfFame__product-brand:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.allyear-2021-BestCosmeHallOfFame__product-image {
    border: 1px solid #a08133;
    height: 150px;
    width: 150px
}

.allyear-2021-BestCosmeIndex-hall-of-fame {
    background-color: #f3efe8
}

.allyear-2021-BestCosmeIndex-bg {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2021/allyear/back_left-4942edf6c69c47039e85a8489a441d6b0a9c6d63ed92df69c0c65cd4911b370c.png) repeat-y 0 0,url(https://cdn.lipscosme.com/assets/bestcosme/2021/allyear/back_right-e64e0635322fde13397f5f263376cc0f43948cc6956ba253fcced9353a036c91.png) repeat-y 100% 0;
    background-color: #f9f6fb;
    background-size: 50%
}

.allyear-2021-BestCosmeIndex-bg.rookie {
    background-color: unset
}

.allyear-2021-BestCosmeIndex {
    background-color: #fff;
    font-family: "Noto Serif JP",serif;
    margin: 0 auto;
    max-width: 712px
}

.allyear-2021-BestCosmeIndex.hall_of_fame {
    background-color: #f3efe8
}

.allyear-2021-BestCosmeIndex.influencer {
    background-color: #fff
}

.allyear-2021-BestCosmeIndex__cover-image {
    height: auto;
    width: 100%
}

.allyear-2021-BestCosmeIndex__intro {
    background-color: #eae4d1;
    padding: 32px 40px 48px;
    position: relative
}

.allyear-2021-BestCosmeIndex__intro:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/bg_intro_logomark-5afb2a7b6ce94d55014a9aff0064b06844b775911ea838d8bb8d3eefb1905273.png) no-repeat 0 0;
    background-size: 128px 88px;
    bottom: 0;
    content: "";
    display: block;
    height: 88px;
    position: absolute;
    right: 0;
    width: 128px
}

.allyear-2021-BestCosmeIndex__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    white-space: pre-wrap
}

.allyear-2021-BestCosmeIndex__influencer {
    text-align: center
}

.allyear-2021-BestCosmeIndex__influencer-image {
    object-fit: contain;
    width: 100%
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeIndex__influencer-image {
        width:70%
    }
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeIndex__influencer-image.comment {
        margin-top:-1px
    }
}

.allyear-2021-BestCosmeList {
    font-family: "Noto Serif JP",serif;
    padding: 31px 0 0
}

.allyear-2021-BestCosmeList__title {
    border-bottom: 2px solid #a08133;
    border-top: 2px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 16px 12px 32px;
    padding: 16px 8px;
    position: relative;
    text-align: center
}

.allyear-2021-BestCosmeList__title:before {
    top: -6px
}

.allyear-2021-BestCosmeList__title:after,.allyear-2021-BestCosmeList__title:before {
    background-color: #a08133;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.allyear-2021-BestCosmeList__title:after {
    bottom: -6px
}

.allyear-2021-BestCosmeList__desc {
    color: var(--object-main);
    font-size: 13px;
    font-weight: medium;
    letter-spacing: .8px;
    line-height: 20px;
    margin: auto;
    width: calc(100% - 48px)
}

.allyear-2021-BestCosmeList__list {
    list-style-type: none;
    margin: 0;
    padding: 0 44px 48px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeList__list {
        padding:0 10px 48px
    }
}

.allyear-2021-BestCosmeList__item {
    background-color: #fff;
    margin: 24px auto 0;
    padding: 0 0 24px;
    position: relative;
    text-align: center
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeList__item {
        margin:0 auto
    }
}

.allyear-2021-BestCosmeList__figureheader {
    align-items: center;
    background-color: var(--background-primary);
    display: flex;
    height: 48px;
    justify-content: center
}

.allyear-2021-BestCosmeList__figureheader.rookie {
    background-color: #c98c41
}

.allyear-2021-BestCosmeList__figureheader-image {
    margin: auto;
    width: 210px
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeList__figureheader-image {
        width:260px
    }
}

.allyear-2021-BestCosmeList__product {
    position: relative
}

.allyear-2021-BestCosmeList__product-link,.allyear-2021-BestCosmeList__product-link:active,.allyear-2021-BestCosmeList__product-link:focus,.allyear-2021-BestCosmeList__product-link:hover {
    color: #2d2926;
    text-decoration: none
}

.allyear-2021-BestCosmeList__product-rank {
    left: 0;
    position: absolute;
    top: 0
}

.allyear-2021-BestCosmeList__product-rank-badge {
    height: 104px;
    object-fit: contain;
    width: 104px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeList__product-rank-badge {
        margin-top:-12px
    }
}

.allyear-2021-BestCosmeList__product-width {
    margin: 0 auto;
    max-width: 375px;
    position: relative
}

.allyear-2021-BestCosmeList__product-thumb {
    display: block;
    height: 160px;
    margin: 24px auto;
    object-fit: contain;
    width: 160px
}

.allyear-2021-BestCosmeList__product-title {
    margin: 0;
    padding: 0 12px;
    text-align: center
}

.allyear-2021-BestCosmeList__product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 16px;
    margin: 0 0 8px
}

.allyear-2021-BestCosmeList__product-name {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px
}

.allyear-2021-BestCosmeList__product-rate {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 12px 0 0
}

.allyear-2021-BestCosmeList__product-rate .ratingStar__star {
    object-fit: contain;
    width: 68px
}

.allyear-2021-BestCosmeList__product-rate .ratingStar__num {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 0 4px
}

.allyear-2021-BestCosmeList__product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.allyear-2021-BestCosmeList__post {
    display: flex;
    margin: 0 auto;
    padding: 20px 0 0;
    white-space: nowrap;
    width: 432px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeList__post {
        width:calc(100% - 64px)
    }
}

.allyear-2021-BestCosmeList__post-link {
    border: 1px solid #a58255;
    color: #2d2926;
    display: block;
    height: auto;
    margin: 0 0 0 12px;
    padding: 12px;
    text-align: left;
    text-decoration: none
}

.allyear-2021-BestCosmeList__post-link:active,.allyear-2021-BestCosmeList__post-link:focus,.allyear-2021-BestCosmeList__post-link:hover {
    color: #2d2926;
    text-decoration: none
}

.allyear-2021-BestCosmeList__post-link.rookie {
    border-color: #c98c41
}

.allyear-2021-BestCosmeList__post-link:first-child {
    margin: 0 auto
}

.allyear-2021-BestCosmeList__post-images {
    display: flex;
    justify-content: flex-start
}

.allyear-2021-BestCosmeList__post-images-thumb {
    height: 76.66667px;
    margin: 0 4px 0 0;
    object-fit: cover;
    object-position: center;
    width: calc(33.33333% - 2.66667px)
}

.allyear-2021-BestCosmeList__post-images-thumb:last-child {
    margin: 0
}

.allyear-2021-BestCosmeList__post-content {
    color: #a58255;
    font-family: Noto Sans JP,sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0;
    white-space: normal
}

.allyear-2021-BestCosmeList__post-content.rookie {
    color: #c98c41
}

.allyear-2021-BestCosmeList__post-user {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 8px 0 0
}

.allyear-2021-BestCosmeList__post-user-thumb {
    border: 1px solid var(--background-elevation-low);
    border-radius: 50%;
    height: 32px;
    margin: 0 8px 0 0;
    object-fit: cover;
    width: 32px
}

.allyear-2021-BestCosmeList__post-user-name {
    color: var(--object-secondary);
    font-family: Noto Sans JP,sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .44px;
    line-height: 16px;
    margin: 0 4px 0 0
}

.allyear-2021-BestCosmeList__post-user-info {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px
}

.allyear-2021-BestCosmeList__not-applicable {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: unset;
    margin: 32px 0 0;
    text-align: center
}

.allyear-2021-BestCosmeListLarge {
    border-bottom: 1px solid #c5c5c5;
    font-family: "Noto Serif JP",serif;
    padding: 0 0 48px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeListLarge {
        padding-bottom:40px
    }
}

.allyear-2021-BestCosmeListLarge.rookie {
    border-bottom: 1px solid #a08133
}

.allyear-2021-BestCosmeListLarge__title {
    background: var(--background-primary);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    height: 80px;
    letter-spacing: 2px;
    line-height: 80px;
    text-align: center
}

.allyear-2021-BestCosmeListLarge__title.rookie {
    background: #a08133
}

.allyear-2021-BestCosmeListLarge__title.hall_of_fame {
    background: #085466
}

.allyear-2021-BestCosmeListLarge__title-txt-small {
    border-top: 1px solid #a08133;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.28px;
    line-height: 28px;
    margin: 0;
    padding: 2px 0 0;
    text-align: center
}

.allyear-2021-BestCosmeListLarge__title-txt-small.rookie {
    border-top: 1px solid #fff
}

.allyear-2021-BestCosmeListLarge__title-txt-big {
    border-bottom: 1px solid #a08133;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.92px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 9px;
    text-align: center
}

.allyear-2021-BestCosmeListLarge__title-txt-big.rookie {
    border-bottom: 1px solid #fff
}

.allyear-2021-BestCosmeListLarge__award-list {
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

.allyear-2021-BestCosmeListLarge__award-item {
    background-color: #fff;
    padding-bottom: 32px
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeListLarge__award-item {
        margin-bottom:0
    }
}

.allyear-2021-BestCosmeListLarge__award-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.allyear-2021-BestCosmeListLarge__award-figureheader {
    align-items: center;
    background-color: var(--background-primary);
    display: flex;
    height: 48px;
    justify-content: center
}

.allyear-2021-BestCosmeListLarge__award-figureheader.rookie {
    background-color: #a08133
}

.allyear-2021-BestCosmeListLarge__award-figureheader-image {
    margin: auto;
    width: 210px
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeListLarge__award-figureheader-image {
        width:260px
    }
}

.allyear-2021-BestCosmeListLarge__award-link,.allyear-2021-BestCosmeListLarge__award-link:active,.allyear-2021-BestCosmeListLarge__award-link:focus,.allyear-2021-BestCosmeListLarge__award-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeListLarge__award-link {
        display:block;
        text-align: center
    }
}

.allyear-2021-BestCosmeListLarge__award-product {
    margin: 0 auto;
    position: relative
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeListLarge__award-product {
        height:375px;
        width: 375px
    }

    .allyear-2021-BestCosmeListLarge__award-product.list {
        height: 250px;
        width: 250px
    }
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeListLarge__award-product.list {
        height:160px;
        width: 160px
    }
}

.allyear-2021-BestCosmeListLarge__award-product-rank {
    left: -100px;
    position: absolute;
    top: 0
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeListLarge__award-product-rank {
        left:0
    }

    .allyear-2021-BestCosmeListLarge__award-product-rank.list {
        left: -80px
    }
}

.allyear-2021-BestCosmeListLarge__award-product-rank-badge {
    height: 100px;
    object-fit: contain;
    width: 100px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeListLarge__award-product-rank-badge.list {
        height:80px;
        width: 80px
    }
}

.allyear-2021-BestCosmeListLarge__award-product-thumb {
    display: block;
    height: 100%;
    margin: 10px auto 0;
    object-fit: contain;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeListLarge__award-product-thumb {
        margin-top:0
    }

    .allyear-2021-BestCosmeListLarge__award-product-thumb.list {
        height: 160px;
        margin-top: 10px;
        width: 160px
    }
}

.allyear-2021-BestCosmeListLarge__award-product-thumb.list {
    height: 250px;
    width: 250px
}

.allyear-2021-BestCosmeListLarge__award-product-title {
    margin: 16px 0 0;
    text-align: center
}

.allyear-2021-BestCosmeListLarge__award-product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 16px;
    margin: 0 0 8px
}

.allyear-2021-BestCosmeListLarge__award-product-name {
    color: #000;
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 auto;
    width: 432px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeListLarge__award-product-name {
        width:calc(100% - 64px)
    }
}

.allyear-2021-BestCosmeListLarge__award-product-rate {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 12px 0 0
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeListLarge__award-product-rate {
        align-items:flex-start;
        flex-direction: column
    }

    .allyear-2021-BestCosmeListLarge__award-product-rate .ratingStar {
        margin-bottom: 8px
    }
}

.allyear-2021-BestCosmeListLarge__award-product-rate .ratingStar__star {
    object-fit: contain;
    width: 94px
}

.allyear-2021-BestCosmeListLarge__award-product-rate .ratingStar__num {
    color: #000;
    font-family: Noto Sans JP,serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 0 4px
}

.allyear-2021-BestCosmeListLarge__award-product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.allyear-2021-BestCosmeListLarge__award-post {
    margin: 12px auto 15px;
    width: calc(100% - 64px)
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeListLarge__award-post {
        left:0;
        right: 0;
        width: 432px
    }
}

.allyear-2021-BestCosmeListLarge__award-post__link {
    border: 1px solid #a08133;
    display: block;
    padding: 16px
}

@media (max-width: 834px) {
    .allyear-2021-BestCosmeListLarge__award-post__link {
        margin:0 auto;
        padding: 12px
    }
}

.allyear-2021-BestCosmeListLarge__award-post__link:hover {
    text-decoration: none
}

.allyear-2021-BestCosmeListLarge__award-post__text {
    color: #a08133;
    font-family: Noto Sans JP,sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px
}

.allyear-2021-BestCosmeListLarge__award-post__username {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.allyear-2021-BestCosmeListLarge__award-thumb {
    height: auto;
    margin: 0 12px 0 8px;
    position: relative;
    width: calc(100% - 20px);
    z-index: 0
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeListLarge__award-thumb {
        margin:auto;
        max-height: 760px;
        max-width: 480px;
        object-fit: cover;
        object-position: top
    }
}

.allyear-2021-BestCosmeListLarge__award-brandComment {
    margin: 16px 24px 0;
    text-align: center
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeListLarge__award-brandComment {
        margin:16px auto 0;
        width: 432px
    }
}

.allyear-2021-BestCosmeListLarge__award-brandComment-author {
    color: #a08133;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .86px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 12px
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeListLarge__award-brandComment-author br {
        display:none
    }
}

.allyear-2021-BestCosmeListLarge__award-brandComment-border {
    border: none;
    border-bottom: 1px solid #a08133;
    margin: 0
}

.allyear-2021-BestCosmeListLarge__award-brandComment-text {
    color: var(--object-main);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 19px;
    margin: 15px 0 0;
    text-align: left
}

.allyear-2021-BestCosmeShow {
    background-color: #fff;
    font-family: "Noto Serif JP",serif;
    margin: 0 auto;
    max-width: 712px
}

.allyear-2021-BestCosmeShow__cover {
    background-position: 50%;
    background-size: cover;
    font-family: "Noto Serif JP",serif;
    position: relative;
    width: 100%
}

.allyear-2021-BestCosmeShow__cover-title {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 70%;
    width: calc(100% - 96px);
    z-index: 1
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeShow__cover-title {
        top:75%
    }
}

.allyear-2021-BestCosmeShow__cover-title-pre {
    color: #453e35;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .43px;
    line-height: 20px;
    margin: 0 0 8px
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeShow__cover-title-pre {
        color:#453e35;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 1.05px;
        line-height: 25px
    }
}

.allyear-2021-BestCosmeShow__cover-title-pre-rookie {
    color: #c98c41;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0 0 8px
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeShow__cover-title-pre-rookie {
        color:#c98c41;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 1.05px;
        line-height: 25px
    }
}

.allyear-2021-BestCosmeShow__cover-title-category {
    color: #000;
    display: block;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: .68px;
    line-height: 25px
}

@media (min-width: 835px) {
    .allyear-2021-BestCosmeShow__cover-title-category {
        color:#000;
        font-size: 32px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 28px
    }

    .allyear-2021-BestCosmeShow__cover-title-category br {
        display: none
    }
}

.allyear-2021-BestCosmeShow__cover-title-category.rookie {
    color: #c98c41
}

.allyear-2021-BestCosmeShow__cover-image {
    display: block;
    height: auto;
    min-height: 264px;
    width: 100%
}

.allyear-2021-BestCosmeShow__feature-image {
    height: auto;
    width: 100%
}

.allyear-2021-BestCosmeShow__intro {
    background-color: #eae4d1;
    padding: 40px 16px 56px;
    position: relative
}

.allyear-2021-BestCosmeShow__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 0 32px;
    white-space: pre-wrap
}

.allyear-2021-BestCosmeShow__intro-anchor {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 24px 0 0;
    padding: 0
}

.allyear-2021-BestCosmeShow__intro-anchor-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    padding: 12px 0;
    width: calc(50% - 8px)
}

.allyear-2021-BestCosmeShow__intro-anchor-link {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .8px;
    line-height: 24px;
    text-decoration: none
}

.allyear-2021-BestCosmeShow__intro-anchor-link:active,.allyear-2021-BestCosmeShow__intro-anchor-link:focus,.allyear-2021-BestCosmeShow__intro-anchor-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.allyear-2021-BestCosmeShow__intro-anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/ic_arrow_anchor_down-917d8fca4f375a69ba458da5cd9e06c4e19eb71b3f3c5fa11ee2b80118daaa64.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    margin-left: 8px;
    width: 12px
}

.allyear-2021-BestCosmeTrends {
    background-color: #f3efe8;
    font-family: "Noto Serif JP",serif;
    margin: 0 auto;
    max-width: 712px
}

.allyear-2021-BestCosmeTrends__cover {
    text-align: center
}

.allyear-2021-BestCosmeTrends__cover-image {
    height: auto;
    width: 100%
}

.allyear-2021-BestCosmeTrendsList {
    border-bottom: 1px solid var(--object-secondary);
    padding-bottom: 10px
}

.allyear-2021-BestCosmeTrendsList__abstract {
    color: var(--object-main);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 19px;
    padding: 24px
}

.allyear-2021-BestCosmeTrendsList__title-container {
    background-color: #a08133;
    height: 72px;
    padding: 5px 0
}

.allyear-2021-BestCosmeTrendsList__title {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.92px;
    line-height: 60px;
    text-align: center
}

.allyear-2021-BestCosmeTrendsList__post-list {
    padding-inline-start:0}

.allyear-2021-BestCosmeTrendsList__post {
    display: flex;
    list-style-type: none;
    overflow-x: scroll;
    padding: 0 32px 16px;
    white-space: nowrap;
    width: 100%
}

.allyear-2021-BestCosmeTrendsList__post-link {
    background: #fff;
    border: 1px solid #a58255;
    color: #2d2926;
    display: block;
    height: auto;
    padding: 12px;
    text-align: left;
    text-decoration: none;
    width: 407px
}

.allyear-2021-BestCosmeTrendsList__post-link:active,.allyear-2021-BestCosmeTrendsList__post-link:focus,.allyear-2021-BestCosmeTrendsList__post-link:hover {
    color: #2d2926;
    text-decoration: none
}

.allyear-2021-BestCosmeTrendsList__post-link:first-child {
    margin: 0 auto
}

.allyear-2021-BestCosmeTrendsList__post-images {
    display: flex;
    justify-content: flex-start
}

.allyear-2021-BestCosmeTrendsList__post-images-container {
    width: calc(33.33333% - 2.66667px)
}

.allyear-2021-BestCosmeTrendsList__post-images-thumb {
    height: 100%;
    margin: 0 4px 0 0;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.allyear-2021-BestCosmeTrendsList__post-images-thumb:last-child {
    margin: 0
}

.allyear-2021-BestCosmeTrendsList__post-content {
    color: #a58255;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    margin: 8px 0 0;
    overflow: hidden;
    white-space: normal
}

.allyear-2021-BestCosmeTrendsList__post-user {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 8px 0 0
}

.allyear-2021-BestCosmeTrendsList__post-user-thumb {
    border: 1px solid var(--background-elevation-low);
    border-radius: 50%;
    height: 32px;
    margin: 0 8px 0 0;
    object-fit: cover;
    width: 32px
}

.allyear-2021-BestCosmeTrendsList__post-user-name {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px;
    margin: 0 4px 0 0
}

.allyear-2021-BestCosmeTrendsList__post-user-info {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px
}

.half-2021-BestCosmeAbout {
    background-color: #fff;
    font-family: "Noto Serif JP",serif;
    padding: 32px 40px
}

.half-2021-BestCosmeAbout__title {
    border-bottom: 1px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 12px;
    text-align: center
}

@media (max-width: 834px) {
    .half-2021-BestCosmeAbout__title {
        white-space:pre-wrap
    }
}

.half-2021-BestCosmeAbout__calcMethod {
    color: #2d2926;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 24px;
    margin: 24px 0 0;
    white-space: pre-wrap
}

.half-2021-BestCosmeAwardLink__button {
    border: 1px solid #a1731c;
    border-radius: 8px;
    display: table;
    height: 56px;
    margin-bottom: 12px;
    position: relative;
    width: 100%
}

.half-2021-BestCosmeAwardLink {
    font-family: "Noto Serif JP",serif;
    text-align: center
}

.half-2021-BestCosmeAwardLink__list {
    list-style-type: none;
    margin: 0 auto;
    padding: 0 0 24px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeAwardLink__list {
        width:400px
    }
}

.half-2021-BestCosmeAwardLink__figureheader {
    border-bottom: 1px solid #a1731c;
    border-top: 1px solid #a1731c;
    color: #a1731c;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 32px;
    margin-bottom: 12px;
    padding: 20px 0;
    position: relative
}

.half-2021-BestCosmeAwardLink__figureheader-title:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 21px;
    left: 36px;
    position: absolute;
    top: 3px;
    width: 21px
}

@media (max-width: 834px) {
    .half-2021-BestCosmeAwardLink__figureheader-title:before {
        left:8%
    }
}

.half-2021-BestCosmeAwardLink__figureheader-title:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 21px;
    position: absolute;
    right: 36px;
    top: 3px;
    width: 21px
}

@media (max-width: 834px) {
    .half-2021-BestCosmeAwardLink__figureheader-title:after {
        right:8%
    }
}

.half-2021-BestCosmeAwardLink__button {
    background-color: #754f15;
    margin-top: 32px
}

@media (max-width: 834px) {
    .half-2021-BestCosmeAwardLink__button {
        margin-left:auto;
        margin-right: auto;
        width: 90%
    }
}

.half-2021-BestCosmeAwardLink__link {
    color: #fff;
    display: table-cell;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.23px;
    line-height: 29px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle
}

.half-2021-BestCosmeAwardLink__link:active,.half-2021-BestCosmeAwardLink__link:focus,.half-2021-BestCosmeAwardLink__link:hover {
    color: #fff;
    text-decoration: none
}

.half-2021-BestCosmeAwardLink__link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_arrow_button-b0c2cd4c3f856e57b1ff6ce58aa9074b6bf273f6e6a92c893a8b15abc0288e84.svg) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    filter: brightness(0) invert(1);
    height: 16px;
    margin: auto;
    position: absolute;
    right: 17px;
    top: 0;
    width: 16px
}

.half-2021-BestCosmeAwardLink__image {
    border: 1px solid #a58255;
    margin-top: 11px;
    object-fit: contain;
    width: 100%
}

@media (max-width: 834px) {
    .half-2021-BestCosmeAwardLink__image {
        width:90%
    }
}

.half-2021-BestCosmeCategories {
    font-family: "Noto Serif JP",serif
}

.half-2021-BestCosmeCategories__title {
    background: linear-gradient(#754f15,#a1731c);
    padding: 5px 0
}

.half-2021-BestCosmeCategories__title-txt-big {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 32px;
    margin: 0;
    padding: 18px 0;
    text-align: center
}

.half-2021-BestCosmeCategories__anchor {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 24px;
    padding: 0
}

.half-2021-BestCosmeCategories__anchor-item {
    border-bottom: 1px solid #a58255;
    height: 48px;
    width: 50%
}

.half-2021-BestCosmeCategories__anchor-item.rookie {
    border-bottom: 1px solid #c98c41
}

.half-2021-BestCosmeCategories__anchor-item:nth-child(odd) {
    border-right: 1px solid #a58255
}

.half-2021-BestCosmeCategories__anchor-item.rookie:nth-child(odd) {
    border-right: 1px solid #c98c41
}

.half-2021-BestCosmeCategories__anchor-link {
    align-items: center;
    color: #2d2926;
    color: #5a5129;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    justify-content: space-between;
    letter-spacing: .4px;
    line-height: 24px;
    padding: 12px 20px;
    text-decoration: none
}

.half-2021-BestCosmeCategories__anchor-link:active,.half-2021-BestCosmeCategories__anchor-link:focus,.half-2021-BestCosmeCategories__anchor-link:hover {
    color: #2d2926;
    text-decoration: none
}

.half-2021-BestCosmeCategories__anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/half/ic_arrow_category_cell-a0b1bf2cf43adcc18b7f098831af483ea26f83117ca8ea79986fca46ad0eba87.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    height: 16px;
    transform: rotate(90deg);
    width: 16px
}

.half-2021-BestCosmeCategories__contents {
    padding: 0 0 24px
}

.half-2021-BestCosmeCategories__contents-title {
    color: #754f15;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px;
    margin: 0 30px 5px;
    padding: 16px 8px;
    position: relative;
    text-align: center
}

.half-2021-BestCosmeCategories__contents-title:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    content: "";
    display: block;
    height: 21px;
    left: 10%;
    position: absolute;
    top: 20px;
    width: 21px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeCategories__contents-title:before {
        left:200px
    }
}

.half-2021-BestCosmeCategories__contents-title:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    content: "";
    display: block;
    height: 21px;
    position: absolute;
    right: 10%;
    top: 20px;
    width: 21px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeCategories__contents-title:after {
        right:200px
    }
}

.half-2021-BestCosmeCategories__contents-list {
    list-style-type: none;
    margin: 0;
    padding: 0 12px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeCategories__contents-list {
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 16px
    }
}

.half-2021-BestCosmeCategories__contents-item {
    margin: 12px 12px 0;
    position: relative
}

@media (min-width: 835px) {
    .half-2021-BestCosmeCategories__contents-item {
        margin:12px 8px 0;
        width: calc(50% - 16px)
    }
}

.half-2021-BestCosmeCategories__contents-link {
    align-items: center;
    background-color: #fff;
    border: 1px solid #b49b57;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    color: #000;
    display: flex;
    justify-content: flex-start;
    padding: 12px 0 12px 18px;
    text-decoration: none
}

.half-2021-BestCosmeCategories__contents-link:active,.half-2021-BestCosmeCategories__contents-link:focus,.half-2021-BestCosmeCategories__contents-link:hover {
    color: #000;
    text-decoration: none
}

.half-2021-BestCosmeCategories__contents-link.rookie {
    border-color: #c98c41
}

.half-2021-BestCosmeCategories__contents-link.rookie:after,.half-2021-BestCosmeCategories__contents-link.rookie:before {
    filter: invert(53%) sepia(62%) saturate(447%) hue-rotate(353deg) brightness(98%) contrast(87%)
}

.half-2021-BestCosmeCategories__contents-link:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 16px;
    left: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 16px
}

.half-2021-BestCosmeCategories__contents-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_arrow_category_cell-02a4fff10b19d1422ac880baf095964334722080d241ba1e03793bab0350d7f7.svg) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 18px;
    margin: auto;
    position: absolute;
    right: 8px;
    top: 0;
    width: 18px
}

.half-2021-BestCosmeCategories__contents-thumb {
    height: 48px;
    object-fit: contain;
    width: 48px
}

.half-2021-BestCosmeCategories__contents-name {
    color: #754f15;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 0 12px
}

.half-2021-BestCosmeCategories__contents-name br {
    display: none
}

.half-2021-BestCosmeIndex {
    background-color: #f3efe8;
    font-family: "Noto Serif JP",serif;
    margin: 0 auto;
    max-width: 712px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeIndex {
        border:1px solid #a1731c
    }
}

.half-2021-BestCosmeIndex.influencer {
    background-color: #fff
}

.half-2021-BestCosmeIndex__cover-image {
    width: 100%
}

.half-2021-BestCosmeIndex__intro {
    background-color: #eae4d1;
    padding: 32px 40px 48px;
    position: relative
}

.half-2021-BestCosmeIndex__intro:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/bg_intro_logomark-5afb2a7b6ce94d55014a9aff0064b06844b775911ea838d8bb8d3eefb1905273.png) no-repeat 0 0;
    background-size: 128px 88px;
    bottom: 0;
    content: "";
    display: block;
    height: 88px;
    position: absolute;
    right: 0;
    width: 128px
}

.half-2021-BestCosmeIndex__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    white-space: pre-wrap
}

.half-2021-BestCosmeIndex__influencer {
    text-align: center
}

.half-2021-BestCosmeIndex__influencer-image {
    object-fit: contain;
    width: 100%
}

@media (min-width: 835px) {
    .half-2021-BestCosmeIndex__influencer-image {
        width:70%
    }
}

@media (max-width: 834px) {
    .half-2021-BestCosmeIndex__influencer-image.comment {
        margin-top:-1px
    }
}

.half-2021-BestCosmeIndex__about {
    margin: 0 auto;
    max-width: 712px
}

.half-2021-BestCosmeInfluencer {
    font-family: "Noto Serif JP",serif;
    margin: 0 auto;
    max-width: 712px
}

.half-2021-BestCosmeList__title {
    border-bottom: 2px solid #a08133;
    border-top: 2px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 16px 12px 32px;
    padding: 16px 8px;
    position: relative;
    text-align: center
}

.half-2021-BestCosmeList__title:before {
    top: -6px
}

.half-2021-BestCosmeList__title:after,.half-2021-BestCosmeList__title:before {
    background-color: #a08133;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.half-2021-BestCosmeList__title:after {
    bottom: -6px
}

.half-2021-BestCosmeList__desc {
    color: var(--object-main);
    font-size: 13px;
    font-weight: medium;
    letter-spacing: .8px;
    line-height: 20px;
    margin: auto;
    width: calc(100% - 48px)
}

.half-2021-BestCosmeList__list {
    list-style-type: none;
    margin: 0;
    padding: 32px 44px 24px
}

@media (max-width: 834px) {
    .half-2021-BestCosmeList__list {
        padding:0 10px 24px
    }
}

.half-2021-BestCosmeList__item {
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    text-align: center
}

.half-2021-BestCosmeList__figureheader {
    align-items: center;
    background: linear-gradient(#754f15,#a1731c);
    display: flex;
    height: 48px;
    justify-content: center
}

.half-2021-BestCosmeList__figureheader.rookie {
    background-color: #c98c41
}

.half-2021-BestCosmeList__figureheader-image {
    margin: auto;
    width: 210px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeList__figureheader-image {
        width:260px
    }
}

.half-2021-BestCosmeList__product {
    position: relative
}

.half-2021-BestCosmeList__product-link,.half-2021-BestCosmeList__product-link:active,.half-2021-BestCosmeList__product-link:focus,.half-2021-BestCosmeList__product-link:hover {
    color: #2d2926;
    text-decoration: none
}

.half-2021-BestCosmeList__product-rank {
    left: 0;
    position: absolute;
    top: 0
}

.half-2021-BestCosmeList__product-rank-badge {
    height: 104px;
    object-fit: contain;
    width: 104px
}

@media (max-width: 834px) {
    .half-2021-BestCosmeList__product-rank-badge {
        margin-top:-12px
    }
}

.half-2021-BestCosmeList__product-width {
    margin: 0 auto;
    max-width: 375px;
    position: relative
}

.half-2021-BestCosmeList__product-thumb {
    display: block;
    height: 160px;
    margin: 24px auto;
    object-fit: contain;
    width: 160px
}

.half-2021-BestCosmeList__product-title {
    margin: 0;
    padding: 0 12px;
    text-align: center
}

.half-2021-BestCosmeList__product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 16px;
    margin: 16px 0 8px
}

.half-2021-BestCosmeList__product-name {
    color: #000;
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px
}

.half-2021-BestCosmeList__product-rate {
    margin: 8px 0 0;
    text-align: center
}

.half-2021-BestCosmeList__product-rate .ratingStar {
    display: inline;
    vertical-align: middle
}

.half-2021-BestCosmeList__product-rate .ratingStar__star {
    width: 100px
}

.half-2021-BestCosmeList__product-rate .ratingStar__num {
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.half-2021-BestCosmeList__product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.half-2021-BestCosmeList__not_applicable {
    color: #5b4831;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
    margin: 32px 0 -14px;
    text-align: center
}

.half-2021-BestCosmeListLarge {
    font-family: "Noto Serif JP",serif;
    padding: 0 0 48px
}

@media (max-width: 834px) {
    .half-2021-BestCosmeListLarge {
        padding-bottom:20px
    }
}

.half-2021-BestCosmeListLarge__title {
    background: linear-gradient(#754f15,#a1731c);
    padding: 5px 0
}

.half-2021-BestCosmeListLarge__title-txt-big {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 32px;
    margin: 0;
    padding: 18px 0;
    text-align: center
}

.half-2021-BestCosmeListLarge__award {
    margin: 44px 44px 0
}

@media (max-width: 834px) {
    .half-2021-BestCosmeListLarge__award {
        margin:14px 10px 0
    }
}

.half-2021-BestCosmeListLarge__award-list {
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

.half-2021-BestCosmeListLarge__award-item {
    background-color: #fff;
    padding-bottom: 0
}

.half-2021-BestCosmeListLarge__award-figureheader {
    align-items: center;
    background: linear-gradient(#754f15,#a1731c);
    display: flex;
    height: 48px;
    justify-content: center
}

.half-2021-BestCosmeListLarge__award-figureheader-image {
    margin: auto;
    width: 210px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeListLarge__award-figureheader-image {
        width:260px
    }
}

.half-2021-BestCosmeListLarge__award-link,.half-2021-BestCosmeListLarge__award-link:active,.half-2021-BestCosmeListLarge__award-link:focus,.half-2021-BestCosmeListLarge__award-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (min-width: 835px) {
    .half-2021-BestCosmeListLarge__award-link {
        display:block;
        text-align: center
    }
}

.half-2021-BestCosmeListLarge__award-product {
    position: relative
}

@media (min-width: 835px) {
    .half-2021-BestCosmeListLarge__award-product {
        height:375px;
        margin: 0 auto;
        width: 375px
    }
}

.half-2021-BestCosmeListLarge__award-product-rank {
    left: 0;
    position: absolute;
    top: 0
}

.half-2021-BestCosmeListLarge__award-product-rank-badge {
    height: 104px;
    object-fit: contain;
    width: 104px
}

@media (max-width: 834px) {
    .half-2021-BestCosmeListLarge__award-product-rank-badge {
        margin-top:-12px
    }
}

.half-2021-BestCosmeListLarge__award-product-thumb {
    display: block;
    height: 100%;
    margin: 24px auto 0;
    object-fit: contain;
    width: 100%
}

@media (max-width: 834px) {
    .half-2021-BestCosmeListLarge__award-product-thumb {
        margin:0 auto
    }
}

.half-2021-BestCosmeListLarge__award-product-title {
    margin: 0;
    text-align: center
}

.half-2021-BestCosmeListLarge__award-product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 16px;
    margin: 16px 0 8px
}

.half-2021-BestCosmeListLarge__award-product-name {
    color: #000;
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px
}

.half-2021-BestCosmeListLarge__award-product-rate {
    margin: 8px 0 0;
    text-align: center
}

.half-2021-BestCosmeListLarge__award-product-rate .ratingStar {
    display: inline;
    vertical-align: middle
}

.half-2021-BestCosmeListLarge__award-product-rate .ratingStar__star {
    width: 100px
}

.half-2021-BestCosmeListLarge__award-product-rate .ratingStar__num {
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.half-2021-BestCosmeListLarge__award-product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.half-2021-BestCosmeListLarge__award-post {
    margin: 12px auto 15px;
    width: calc(100% - 64px)
}

@media (min-width: 835px) {
    .half-2021-BestCosmeListLarge__award-post {
        left:0;
        right: 0;
        width: 432px
    }
}

.half-2021-BestCosmeListLarge__award-post__link {
    border: 1px solid #a58255;
    display: block;
    padding: 16px
}

@media (max-width: 834px) {
    .half-2021-BestCosmeListLarge__award-post__link {
        margin:0 auto;
        padding: 12px
    }
}

.half-2021-BestCosmeListLarge__award-post__link:hover {
    text-decoration: none
}

.half-2021-BestCosmeListLarge__award-post__text {
    color: #a58255;
    font-family: Noto Sans JP,sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px
}

.half-2021-BestCosmeListLarge__award-post__username {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.half-2021-BestCosmeListLarge__award-thumb {
    height: auto;
    margin: 0 12px 0 8px;
    position: relative;
    width: calc(100% - 20px);
    z-index: 0
}

@media (min-width: 835px) {
    .half-2021-BestCosmeListLarge__award-thumb {
        margin:auto;
        max-height: 760px;
        max-width: 480px;
        object-fit: cover;
        object-position: top
    }
}

.half-2021-BestCosmeListLarge__award-brandComment {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2021/half/comment_back-2ed92c1af494614e87e88c908b6539dc305d2cee591c704eea882e587a3af923.png) no-repeat bottom/auto 100%;
    padding: 5px 0 26px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeListLarge__award-brandComment {
        background:url(https://cdn.lipscosme.com/assets/bestcosme/2021/half/comment_back-2ed92c1af494614e87e88c908b6539dc305d2cee591c704eea882e587a3af923.png) no-repeat bottom/100%;
        border-top: 1px solid #d8d8d8;
        padding: 0 0 26px
    }
}

.half-2021-BestCosmeListLarge__award-brandComment-inner {
    margin: 12px auto 0;
    text-align: center;
    width: calc(100% - 50px)
}

@media (min-width: 835px) {
    .half-2021-BestCosmeListLarge__award-brandComment-inner {
        width:432px
    }
}

.half-2021-BestCosmeListLarge__award-brandComment-author {
    color: #a1731c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .86px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 7px
}

.half-2021-BestCosmeListLarge__award-brandComment-border {
    border: none;
    border-bottom: 1px solid #a1731c;
    margin: 0 40px
}

@media (max-width: 834px) {
    .half-2021-BestCosmeListLarge__award-brandComment-border {
        margin:0
    }
}

.half-2021-BestCosmeListLarge__award-brandComment-text {
    color: var(--object-main);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 19px;
    margin: 15px 0 0;
    text-align: left
}

.half-2021-BestCosmePosts__post {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    overflow-x: scroll;
    padding: 20px 0 24px;
    white-space: nowrap;
    width: 407px
}

@media (max-width: 834px) {
    .half-2021-BestCosmePosts__post {
        width:calc(100% - 64px)
    }
}

.half-2021-BestCosmePosts__post-link {
    border: 1px solid #a58255;
    color: #2d2926;
    display: block;
    height: auto;
    padding: 12px;
    text-align: left;
    text-decoration: none
}

.half-2021-BestCosmePosts__post-link:active,.half-2021-BestCosmePosts__post-link:focus,.half-2021-BestCosmePosts__post-link:hover {
    color: #2d2926;
    text-decoration: none
}

.half-2021-BestCosmePosts__post-content {
    color: #a58255;
    font-family: Noto Sans JP,sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0;
    white-space: normal
}

.half-2021-BestCosmePosts__post-content.rookie {
    color: #c98c41
}

.half-2021-BestCosmePosts__post-user {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 8px 0 0
}

.half-2021-BestCosmePosts__post-user-thumb {
    border: 1px solid var(--background-elevation-low);
    border-radius: 50%;
    height: 32px;
    margin: 0 8px 0 0;
    object-fit: cover;
    width: 32px
}

.half-2021-BestCosmePosts__post-user-name {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px;
    margin: 0 4px 0 0
}

.half-2021-BestCosmePosts__post-user-info {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px
}

.half-2021-BestCosmeShow {
    background-color: #f3efe8;
    font-family: "Noto Serif JP",serif;
    margin: 0 auto;
    max-width: 712px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeShow {
        border:1px solid #a1731c
    }
}

.half-2021-BestCosmeShow__cover {
    background-position: 50%;
    background-size: cover;
    font-family: "Noto Serif JP",serif;
    position: relative;
    width: 100%
}

.half-2021-BestCosmeShow__cover-title {
    bottom: 11%;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media (max-width: 834px) {
    .half-2021-BestCosmeShow__cover-title {
        bottom:18%
    }
}

@media (max-width: 834px) and (min-width:550px) {
    .half-2021-BestCosmeShow__cover-title {
        bottom:25%
    }
}

@media (max-width: 834px) {
    .half-2021-BestCosmeShow__cover-title.rookie {
        top:50%
    }
}

.half-2021-BestCosmeShow__cover-title-pre {
    color: #453e35;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 20px;
    margin: 0 0 8px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeShow__cover-title-pre {
        color:#453e35;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 25px
    }
}

.half-2021-BestCosmeShow__cover-title-pre-rookie {
    color: #c98c41;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0 0 8px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeShow__cover-title-pre-rookie {
        color:#c98c41;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 25px
    }
}

.half-2021-BestCosmeShow__cover-title-category {
    color: #5a5129;
    display: block;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 25px;
    margin: 0 0 8px
}

@media (min-width: 835px) {
    .half-2021-BestCosmeShow__cover-title-category {
        color:#5a5129;
        font-size: 27px;
        font-weight: 700;
        letter-spacing: 1.6px;
        line-height: 39px
    }

    .half-2021-BestCosmeShow__cover-title-category br {
        display: none
    }
}

.half-2021-BestCosmeShow__cover-title-category.rookie {
    color: #c98c41
}

@media (min-width: 1400px) {
    .half-2021-BestCosmeShow__cover-title {
        bottom:14%
    }
}

.half-2021-BestCosmeShow__cover-thumb {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2021/half/pc_eyecatch_category-8797b3c934afb197ebd0f5ed11adf16c091a0fdf7e8952200d63bc6ccaf3b12b.png) no-repeat 50%/auto 100%
}

@media (max-width: 834px) {
    .half-2021-BestCosmeShow__cover-thumb {
        background:url(https://cdn.lipscosme.com/assets/bestcosme/2021/half/sp_eyecatch_category-4ed792ab7ad8126c727b0dace0a556926d2ce792d62f72965957861122402b25.png) no-repeat 50%/100%;
        width: 100%
    }
}

.half-2021-BestCosmeShow__cover-image {
    height: auto;
    opacity: 0;
    width: 100%
}

@media (min-width: 835px) {
    .half-2021-BestCosmeShow__cover-image {
        min-height:360px
    }
}

.half-2021-BestCosmeShow__feature-image {
    height: auto;
    width: 100%
}

.half-2021-BestCosmeShow__intro {
    background-color: #eae4d1;
    padding: 40px 16px 56px;
    position: relative
}

.half-2021-BestCosmeShow__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 0 32px;
    white-space: pre-wrap
}

.half-2021-BestCosmeShow__intro-anchor {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 24px 0 0;
    padding: 0
}

.half-2021-BestCosmeShow__intro-anchor-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    padding: 12px 0;
    width: calc(50% - 8px)
}

.half-2021-BestCosmeShow__intro-anchor-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .8px;
    line-height: 24px
}

.half-2021-BestCosmeShow__intro-anchor-link,.half-2021-BestCosmeShow__intro-anchor-link:active,.half-2021-BestCosmeShow__intro-anchor-link:focus,.half-2021-BestCosmeShow__intro-anchor-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.half-2021-BestCosmeShow__intro-anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/ic_arrow_anchor_down-917d8fca4f375a69ba458da5cd9e06c4e19eb71b3f3c5fa11ee2b80118daaa64.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    margin-left: 8px;
    width: 12px
}

.half-2021-BestCosmeShow__about {
    margin: 0 auto;
    max-width: 712px
}

.half-2021-BestCosmeTrends__abstract {
    padding: 24px
}

.half-2021-BestCosmeTrends__post {
    display: flex;
    overflow-x: scroll;
    padding: 0 32px 16px;
    white-space: nowrap;
    width: 100%
}

.half-2021-BestCosmeTrends__post-link {
    background: #fff;
    border: 1px solid #a58255;
    color: #2d2926;
    display: block;
    height: auto;
    padding: 12px;
    text-align: left;
    text-decoration: none;
    width: 407px
}

.half-2021-BestCosmeTrends__post-link:active,.half-2021-BestCosmeTrends__post-link:focus,.half-2021-BestCosmeTrends__post-link:hover {
    color: #2d2926;
    text-decoration: none
}

.half-2021-BestCosmeTrends__post-link:first-child {
    margin: 0 auto
}

.half-2021-BestCosmeTrends__post-images {
    display: flex;
    justify-content: flex-start
}

.half-2021-BestCosmeTrends__post-images-container {
    width: calc(33.33333% - 2.66667px)
}

.half-2021-BestCosmeTrends__post-images-thumb {
    height: 100%;
    margin: 0 4px 0 0;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.half-2021-BestCosmeTrends__post-images-thumb:last-child {
    margin: 0
}

.half-2021-BestCosmeTrends__post-content {
    color: #a58255;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    margin: 8px 0 0;
    overflow: hidden;
    white-space: normal
}

.half-2021-BestCosmeTrends__post-user {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 8px 0 0
}

.half-2021-BestCosmeTrends__post-user-thumb {
    border: 1px solid var(--background-elevation-low);
    border-radius: 50%;
    height: 32px;
    margin: 0 8px 0 0;
    object-fit: cover;
    width: 32px
}

.half-2021-BestCosmeTrends__post-user-name {
    color: #2d2926;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px;
    margin: 0 4px 0 0
}

.half-2021-BestCosmeTrends__post-user-info {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 14px
}

.allyear-2022-BestCosmeAbout {
    background-color: hsla(0,0%,100%,.85);
    font-family: Hiragino Sans;
    max-width: 712px;
    padding: 16px 48px;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeAbout {
        margin:0 auto;
        padding: 8px 16px;
        width: calc(100% - 32px)
    }
}

.allyear-2022-BestCosmeAbout__title {
    color: #a08133;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeAbout__title {
        white-space:pre-wrap
    }
}

.allyear-2022-BestCosmeAbout__divider {
    border: 1px solid #a08133
}

.allyear-2022-BestCosmeAbout__calcMethod {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    white-space: pre-wrap
}

@media (min-width: 835px) {
    .allyear-2022-BestCosmeAbout__calcMethod {
        padding:0 52px;
        text-align: left
    }
}

.allyear-2022-BestCosmeAbout__spacer {
    height: 8px
}

.allyear-2022-BestCosmeAwardLink {
    font-family: Hiragino Sans;
    text-align: center
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeAwardLink {
        margin:0 16px
    }
}

.allyear-2022-BestCosmeAwardLink__list {
    list-style-type: none;
    margin: 0 auto;
    padding: 0 0 16px
}

@media (min-width: 835px) {
    .allyear-2022-BestCosmeAwardLink__list {
        width:400px
    }
}

.allyear-2022-BestCosmeAwardLink__figureheader {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 16px 0 8px;
    position: relative
}

.allyear-2022-BestCosmeAwardLink__halloffame {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%
}

.allyear-2022-BestCosmeAwardLink__default {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%
}

.allyear-2022-BestCosmeAwardLink__image {
    border: 1px solid #c5c5c5;
    margin-top: 8px;
    object-fit: contain;
    width: 100%
}

.allyear-2022-BestCosmeAwardLink__gridlist {
    display: grid;
    list-style-type: none;
    grid-gap: 7px;
    grid-template-columns: repeat(2,1fr);
    margin: 0 auto;
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeAwardLink__gridlist {
        padding:0 16px
    }
}

.allyear-2022-BestCosmeAwardLink__gridcell {
    aspect-ratio: 1;
    display: block;
    max-width: 100%;
    object-fit: cover
}

.allyear-2022-BestCosmeAwardLink__gridbanner {
    grid-column: 1/3;
    max-width: calc(200% + 7px)
}

.allyear-2022-BestCosmeCategories {
    font-family: Hiragino Sans
}

.allyear-2022-BestCosmeCategories[open]>summary:after {
    transform: rotate(90deg)
}

.allyear-2022-BestCosmeCategories__title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0
}

.allyear-2022-BestCosmeCategories__title-default {
    background-color: #000
}

.allyear-2022-BestCosmeCategories__title-rookie {
    background-color: #ef7069
}

.allyear-2022-BestCosmeCategories__title:before {
    margin-right: 10px
}

.allyear-2022-BestCosmeCategories__title:after,.allyear-2022-BestCosmeCategories__title:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/star-e6ae4077eb2854e8af7898385178b89f5c265660ee0514bae01d8e7eb45a75b2.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

.allyear-2022-BestCosmeCategories__title:after {
    margin-left: 10px
}

.allyear-2022-BestCosmeCategories__contents {
    background-color: #fff;
    width: 100%
}

.allyear-2022-BestCosmeCategories__contents[open]>.allyear-2022-BestCosmeCategories__contents-summary:after {
    transform: rotate(90deg)
}

.allyear-2022-BestCosmeCategories__contents-summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-self: center;
    list-style: none;
    position: relative
}

.allyear-2022-BestCosmeCategories__contents-summary::-webkit-details-marker {
    display: none
}

.allyear-2022-BestCosmeCategories__contents-summary:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/arrow-3438e079af953abb37f7046c17060cd1f5767d255c812d6bf67cd864c3084231.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 16px;
    top: calc(50% - 10px);
    transition: .25s;
    width: 20px
}

.allyear-2022-BestCosmeCategories__contents-summary:hover {
    background-color: #f7f7f7
}

.allyear-2022-BestCosmeCategories__contents-title {
    color: #000;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0;
    padding: 16px 44px 16px 40px;
    text-align: center
}

.allyear-2022-BestCosmeCategories__contents-toptitle {
    background-color: #fff;
    color: #ef7069
}

.allyear-2022-BestCosmeCategories__contents-kodawari-title {
    color: #626fa7;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0;
    padding: 16px 44px 16px 40px;
    text-align: center
}

.allyear-2022-BestCosmeCategories__contents-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.allyear-2022-BestCosmeCategories__contents-item {
    position: relative;
    width: 50%
}

.allyear-2022-BestCosmeCategories__contents-divider {
    background-color: var(--border-separation);
    height: 1px;
    width: 100%
}

.allyear-2022-BestCosmeCategories__contents-link {
    align-items: center;
    background-color: #fff;
    color: #000;
    display: flex;
    justify-content: flex-start;
    min-height: 45px;
    padding-left: 16px;
    text-decoration: none;
    white-space: pre-wrap
}

.allyear-2022-BestCosmeCategories__contents-link:active,.allyear-2022-BestCosmeCategories__contents-link:focus,.allyear-2022-BestCosmeCategories__contents-link:hover {
    color: #000;
    text-decoration: none
}

.allyear-2022-BestCosmeCategories__contents-link:hover {
    background-color: #f7f7f7
}

.allyear-2022-BestCosmeCategories__contents-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/arrow-3438e079af953abb37f7046c17060cd1f5767d255c812d6bf67cd864c3084231.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin: 0 8px;
    width: 16px
}

.allyear-2022-BestCosmeCategories__contents-name {
    color: #000;
    display: block;
    flex-grow: 1;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0
}

.allyear-2022-BestCosmefigureheader {
    font-family: Hiragino Sans
}

.allyear-2022-BestCosmefigureheader__container {
    align-items: center;
    border-top: 1px solid var(--border-separation);
    display: flex;
    flex-direction: row;
    height: 44px;
    justify-content: center;
    width: 100%
}

.allyear-2022-BestCosmefigureheader__cell {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    text-align: center
}

.allyear-2022-BestCosmefigureheader__text {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 120%;
    text-decoration: none;
    white-space: pre-wrap
}

.allyear-2022-BestCosmefigureheader__text:active,.allyear-2022-BestCosmefigureheader__text:focus,.allyear-2022-BestCosmefigureheader__text:hover {
    color: #000;
    text-decoration: none
}

.allyear-2022-BestCosmefigureheader__divider {
    background-color: var(--border-separation);
    flex-shrink: 0;
    height: 100%;
    width: 1px
}

.allyear-2022-BestCosmeKodawari {
    font-family: Hiragino Sans
}

.allyear-2022-BestCosmeKodawari__rankings-title {
    background-color: #000;
    font-size: 18px;
    height: 55px;
    position: relative
}

.allyear-2022-BestCosmeKodawari__rankings-subtitle,.allyear-2022-BestCosmeKodawari__rankings-title {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0 auto
}

.allyear-2022-BestCosmeKodawari__rankings-subtitle {
    background-color: #626fa7;
    font-size: 20px;
    height: 50px
}

.allyear-2022-BestCosmeKodawari__rankings-subtitle:before {
    margin-right: 10px
}

.allyear-2022-BestCosmeKodawari__rankings-subtitle:after,.allyear-2022-BestCosmeKodawari__rankings-subtitle:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/star-e6ae4077eb2854e8af7898385178b89f5c265660ee0514bae01d8e7eb45a75b2.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

.allyear-2022-BestCosmeKodawari__rankings-subtitle:after {
    margin-left: 10px
}

.allyear-2022-BestCosmeKodawari__rankings-list {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeKodawari__rankings-list {
        flex-direction:column
    }
}

.allyear-2022-BestCosmeKodawari__rankings-description {
    color: #000;
    font-family: Hiragino Sans;
    font-size: 14;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 140%;
    padding: 16px;
    text-align: center
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeKodawari__rankings-description {
        white-space:pre-wrap
    }
}

.allyear-2022-BestCosmeKodawari__rankings-cell {
    align-items: flex-start;
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    padding: 8px 16px;
    position: relative;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeKodawari__rankings-cell {
        align-items:flex-start;
        flex-direction: row;
        gap: 0
    }

    .allyear-2022-BestCosmeKodawari__rankings-box {
        align-items: center;
        display: flex;
        flex-direction: column
    }
}

.allyear-2022-BestCosmeKodawari__rankings-emblem {
    display: block;
    height: 60px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 60px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeKodawari__rankings-emblem {
        height:48px;
        position: relative;
        width: 48px
    }
}

.allyear-2022-BestCosmeKodawari__rankings-imgCell {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none
}

.allyear-2022-BestCosmeKodawari__rankings-imgCell:active,.allyear-2022-BestCosmeKodawari__rankings-imgCell:focus,.allyear-2022-BestCosmeKodawari__rankings-imgCell:hover {
    color: #fff;
    text-decoration: none
}

.allyear-2022-BestCosmeKodawari__rankings-imgContainer {
    background-color: #fff;
    border: 1px solid var(--border-separation);
    margin: 0 auto
}

.allyear-2022-BestCosmeKodawari__rankings-img {
    display: block;
    height: 180px;
    object-fit: contain;
    padding: 8px;
    width: 180px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeKodawari__rankings-img {
        height:104px;
        width: 104px
    }

    .allyear-2022-BestCosmeKodawari__rankings-descriptionCell {
        flex-grow: 1
    }
}

.allyear-2022-BestCosmeKodawari__rankings-brandName {
    color: #999;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 130%
}

.allyear-2022-BestCosmeKodawari__rankings-productName {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 170%;
    margin: 0;
    white-space: pre-wrap
}

@media (min-width: 835px) {
    .allyear-2022-BestCosmeKodawari__rankings-productName {
        min-height:44px
    }
}

.allyear-2022-BestCosmeKodawari__rankings-productName-threeLine {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 22px
}

@media (min-width: 835px) {
    .allyear-2022-BestCosmeKodawari__rankings-productName-threeLine {
        min-height:62px
    }
}

.allyear-2022-BestCosmeKodawari__rankings-divider {
    background-color: var(--border-separation);
    height: 1px;
    padding: 0 8px;
    width: 100%
}

.allyear-2022-BestCosmeKodawari__rankings-catchWord {
    color: #a08133;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 130%
}

.allyear-2022-BestCosmeKodawari__rankings-userName {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px
}

.allyear-2022-BestCosmeKodawari__rankings-otherCategoriesTitle {
    color: #5f6ba0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0;
    text-align: center
}

.allyear-2022-BestCosmeKodawari__linker {
    color: #fff;
    display: flex;
    flex-direction: column;
    text-decoration: none
}

.allyear-2022-BestCosmeKodawari__linker:active,.allyear-2022-BestCosmeKodawari__linker:focus,.allyear-2022-BestCosmeKodawari__linker:hover {
    color: #fff;
    text-decoration: none
}

.allyear-2022-BestCosmeKodawari__spacer-emblem {
    height: 4px
}

.allyear-2022-BestCosmeKodawari__spacer-section {
    height: 12px
}

.allyear-2022-BestCosmeKodawari__spacer-awardlist {
    height: 24px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeKodawari__spacer-awardlist {
        height:16px
    }
}

.allyear-2022-BestCosmeKodawari__spacer-name {
    height: 8px
}

.allyear-2022-BestCosmeKodawari__spacer-img {
    width: 16px
}

.allyear-2022-BestCosmeKodawari__spacer-cell {
    height: 16px;
    width: 32px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeKodawari__spacer-cell {
        height:8px
    }
}

.allyear-2022-BestCosmeKodawari__spacer-catchWord,.allyear-2022-BestCosmeKodawari__spacer-divider {
    height: 8px
}

.allyear-2022-BestCosmeKodawari__spacer-rakings {
    height: 32px
}

.allyear-2022-BestCosmeList__title {
    border-bottom: 2px solid #a08133;
    border-top: 2px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 16px 12px 32px;
    padding: 16px 8px;
    position: relative;
    text-align: center
}

.allyear-2022-BestCosmeList__title:before {
    top: -6px
}

.allyear-2022-BestCosmeList__title:after,.allyear-2022-BestCosmeList__title:before {
    background-color: #a08133;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.allyear-2022-BestCosmeList__title:after {
    bottom: -6px
}

.allyear-2022-BestCosmeList__desc {
    color: var(--object-main);
    font-size: 13px;
    font-weight: medium;
    letter-spacing: .8px;
    line-height: 20px;
    margin: auto;
    width: calc(100% - 48px)
}

.allyear-2022-BestCosmeList__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.allyear-2022-BestCosmeList__item {
    margin: 0 auto;
    position: relative;
    text-align: center
}

.allyear-2022-BestCosmeList__figureheader {
    align-items: center;
    background: #a08133;
    display: flex;
    height: 48px;
    justify-content: center
}

.allyear-2022-BestCosmeList__figureheader.rookie {
    background-color: #c98c41
}

.allyear-2022-BestCosmeList__figureheader-image {
    margin: auto;
    width: 210px
}

@media (min-width: 835px) {
    .allyear-2022-BestCosmeList__figureheader-image {
        width:260px
    }
}

.allyear-2022-BestCosmeList__product {
    position: relative
}

.allyear-2022-BestCosmeList__product-link,.allyear-2022-BestCosmeList__product-link:active,.allyear-2022-BestCosmeList__product-link:focus,.allyear-2022-BestCosmeList__product-link:hover {
    color: #2d2926;
    text-decoration: none
}

.allyear-2022-BestCosmeList__product-rank-badge {
    height: 120px;
    object-fit: contain;
    width: 120px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeList__product-rank-badge {
        height:100px;
        width: 100px
    }
}

.allyear-2022-BestCosmeList__product-container {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    padding-top: 24px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeList__product-container {
        padding-top:18px
    }
}

.allyear-2022-BestCosmeList__product-spacer {
    width: 8px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeList__product-spacer {
        width:0
    }
}

.allyear-2022-BestCosmeList__product-thumb {
    background-color: #fff;
    display: block;
    height: 250px;
    object-fit: contain;
    width: 250px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeList__product-thumb {
        height:160px;
        width: 160px
    }
}

.allyear-2022-BestCosmeList__product-title {
    margin: 0;
    padding: 0 12px;
    text-align: center
}

.allyear-2022-BestCosmeList__product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 16px;
    margin: 16px 0 8px
}

.allyear-2022-BestCosmeList__product-name {
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px
}

.allyear-2022-BestCosmeList__product-rate {
    margin: 8px 0 0;
    text-align: center
}

.allyear-2022-BestCosmeList__product-rate .ratingStar {
    display: inline;
    vertical-align: middle
}

.allyear-2022-BestCosmeList__product-rate .ratingStar__star {
    width: 100px
}

.allyear-2022-BestCosmeList__product-rate .ratingStar__num {
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.allyear-2022-BestCosmeList__product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.allyear-2022-BestCosmeList__not_applicable {
    color: #5b4831;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
    margin: 32px 0 -14px;
    text-align: center
}

.allyear-2022-BestCosmeListLarge {
    font-family: Hiragino Sans
}

.allyear-2022-BestCosmeListLarge__title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    justify-content: center;
    letter-spacing: 2px;
    line-height: 170%;
    margin: 0;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeListLarge__title {
        height:auto;
        padding: 12px 16px;
        text-align: center;
        white-space: pre
    }
}

.allyear-2022-BestCosmeListLarge__title-normal {
    background-color: #000
}

.allyear-2022-BestCosmeListLarge__title-newrelease {
    background-color: #ef7069
}

.allyear-2022-BestCosmeListLarge__title-star:before {
    margin-right: 10px
}

.allyear-2022-BestCosmeListLarge__title-star:after,.allyear-2022-BestCosmeListLarge__title-star:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/star-e6ae4077eb2854e8af7898385178b89f5c265660ee0514bae01d8e7eb45a75b2.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

.allyear-2022-BestCosmeListLarge__title-star:after {
    margin-left: 10px
}

.allyear-2022-BestCosmeListLarge__title-border {
    border-bottom: 5px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg,#a08133,#dfd382 50%,#a08133);
    border-top: 5px solid
}

.allyear-2022-BestCosmeListLarge__award-list {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

.allyear-2022-BestCosmeListLarge__award-item {
    background-color: #fff;
    padding: 0 16px;
    width: calc(100% - 32px)
}

@media (min-width: 835px) {
    .allyear-2022-BestCosmeListLarge__award-item {
        width:100%
    }
}

.allyear-2022-BestCosmeListLarge__award-spacer {
    height: 24px;
    width: 16px
}

.allyear-2022-BestCosmeListLarge__award-spacer-sm {
    height: 8px
}

.allyear-2022-BestCosmeListLarge__award-link,.allyear-2022-BestCosmeListLarge__award-link:active,.allyear-2022-BestCosmeListLarge__award-link:focus,.allyear-2022-BestCosmeListLarge__award-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (min-width: 835px) {
    .allyear-2022-BestCosmeListLarge__award-link {
        display:block;
        text-align: center
    }
}

.allyear-2022-BestCosmeListLarge__award-product {
    position: relative
}

@media (min-width: 835px) {
    .allyear-2022-BestCosmeListLarge__award-product {
        margin:0 auto;
        width: 344px
    }
}

.allyear-2022-BestCosmeListLarge__award-product-rank {
    left: -68px;
    position: absolute;
    top: 0
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeListLarge__award-product-rank {
        left:0
    }
}

.allyear-2022-BestCosmeListLarge__award-product-rank-badge {
    height: 120px;
    object-fit: contain;
    width: 120px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeListLarge__award-product-rank-badge {
        height:84px;
        width: 84px
    }
}

.allyear-2022-BestCosmeListLarge__award-product-rank-badgelist {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 4px 0
}

@media (min-width: 835px) {
    .allyear-2022-BestCosmeListLarge__award-product-rank-badgelist {
        padding-left:110px
    }
}

.allyear-2022-BestCosmeListLarge__award-product-rank-badgecell {
    aspect-ratio: 1;
    width: 110px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeListLarge__award-product-rank-badgecell {
        width:80px
    }
}

.allyear-2022-BestCosmeListLarge__award-product-rank-badgecell-sm {
    aspect-ratio: 1;
    width: 93.5px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeListLarge__award-product-rank-badgecell-sm {
        width:68px
    }
}

.allyear-2022-BestCosmeListLarge__award-product-thumb {
    display: block;
    height: 250px;
    margin: 0 auto;
    object-fit: contain;
    width: 250px
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeListLarge__award-product-thumb {
        height:176px;
        width: 176px
    }
}

.allyear-2022-BestCosmeListLarge__award-product-title {
    margin: 0;
    text-align: center
}

.allyear-2022-BestCosmeListLarge__award-product-brand {
    color: #999;
    display: block;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .8px;
    line-height: 130%;
    margin: 16px 0 8px
}

.allyear-2022-BestCosmeListLarge__award-product-name {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: 170%
}

.allyear-2022-BestCosmeListLarge__award-divider {
    background-color: var(--border-separation);
    height: 1px;
    width: 100%
}

.allyear-2022-BestCosmeListLarge__award-post {
    padding: 16px;
    width: calc(100% - 32px)
}

@media (min-width: 835px) {
    .allyear-2022-BestCosmeListLarge__award-post {
        margin:0 auto;
        width: 400px
    }
}

.allyear-2022-BestCosmeListLarge__award-post__content {
    color: #a08133;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0
}

.allyear-2022-BestCosmeListLarge__award-post__username {
    color: #999;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0
}

.allyear-2022-BestCosmeListLarge__award-post__spacer {
    height: 8px
}

.allyear-2022-BestCosmeListLarge__award-post__link:hover {
    text-decoration: none
}

.allyear-2022-BestCosmeListLarge__award-post__more-review {
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    padding: 16px 0;
    text-align: center
}

.allyear-2022-BestCosmeListLarge__award-post__more-review:hover {
    text-decoration: none
}

.allyear-2022-BestCosmeListLarge__award-post__more-review-text {
    align-items: center;
    color: #000;
    display: flex;
    justify-content: center;
    text-decoration: none
}

.allyear-2022-BestCosmeListLarge__award-post__more-review-text:active,.allyear-2022-BestCosmeListLarge__award-post__more-review-text:focus,.allyear-2022-BestCosmeListLarge__award-post__more-review-text:hover {
    color: #000;
    text-decoration: none
}

.allyear-2022-BestCosmeListLarge__award-post__more-review-text:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/arrow-3438e079af953abb37f7046c17060cd1f5767d255c812d6bf67cd864c3084231.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 0 0 8px;
    width: 16px
}

.allyear-2022-BestCosmeShow {
    margin: 0 auto;
    max-width: 712px
}

.allyear-2022-BestCosmeShow__sm {
    margin: 0 auto;
    max-width: 620px
}

.allyear-2022-BestCosmeShow__cover {
    margin: 0
}

.allyear-2022-BestCosmeShow__cover-image {
    width: 100%
}

#Grandprix.allyear-2022-BestCosmeShow__cover:before {
    content: "";
    display: block;
    height: 64px;
    margin-top: -64px;
    visibility: hidden
}

@media (max-width: 834px) {
    #Grandprix.allyear-2022-BestCosmeShow__cover:before {
        height:98px;
        margin-top: -98px
    }
}

.allyear-2022-BestCosmeShow__bg {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/back-a297f6846e5fd6bcef03d6688ee080d0e42aff0cdb6c73f0a7ed31960ce9f71d.jpg);
    background-repeat: repeat-y;
    background-size: 100% auto
}

.allyear-2022-BestCosmeShow__bgwhite {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/back_white-7c961a89f139b205062f1e571c399072816b076fa418036faed98aafe2478fba.png);
    background-repeat: repeat-y;
    background-size: 100% auto
}

.allyear-2022-BestCosmeShow__bg2023half {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2023/half/back-aac0a86e0d9743e2d574dba9af4881deec846ed18baaf6d5f95e555aeeabb366.jpg);
    background-repeat: repeat-y;
    background-size: 100% auto
}

.allyear-2022-BestCosmeShow__bg2024half {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/half/back-8ee90cc777252ae002cdf025d8fd93b88f99a9944609cbe4eeecae8ce20a621b.jpg);
    background-repeat: repeat-y;
    background-size: 100% auto
}

@media (max-width: 834px) {
    .allyear-2022-BestCosmeShow__bg2024half {
        background:url(https://cdn.lipscosme.com/assets/bestcosme/2024/half/back_sp-7e4649190bf5c99bbbf191cc3259b2fabb2eb862b03175d419feed5b25c7259d.jpg);
        background-repeat: repeat-y;
        background-size: 100% auto
    }
}

.allyear-2022-BestCosmeShow__halloffame-bg {
    background-color: #085466
}

.allyear-2022-BestCosmeShow__intro {
    background-color: #eae4d1;
    padding: 32px 40px 48px;
    position: relative
}

.allyear-2022-BestCosmeShow__intro:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/bg_intro_logomark-5afb2a7b6ce94d55014a9aff0064b06844b775911ea838d8bb8d3eefb1905273.png) no-repeat 0 0;
    background-size: 128px 88px;
    bottom: 0;
    content: "";
    display: block;
    height: 88px;
    position: absolute;
    right: 0;
    width: 128px
}

.allyear-2022-BestCosmeShow__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    white-space: pre-wrap
}

.allyear-2022-BestCosmeShow__about {
    margin: 0 auto;
    max-width: 712px
}

.allyear-2022-BestCosmeShow__spacer-small {
    height: 16px
}

.allyear-2022-BestCosmeShow__spacer-largelist {
    height: 32px
}

.allyear-2022-BestCosmeShow__spacer-about {
    height: 48px
}

.allyear-2022-BestCosmeShow__spacer-bottom {
    height: 112px
}

.half-2022-BestCosmeAbout {
    font-family: Noto Sans JP,system-ui,sans-serif;
    padding: 32px 40px
}

.half-2022-BestCosmeAbout__title {
    border-bottom: 1px solid #a08133;
    color: #a08133;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 12px;
    text-align: center
}

@media (max-width: 834px) {
    .half-2022-BestCosmeAbout__title {
        white-space:pre-wrap
    }
}

.half-2022-BestCosmeAbout__calcMethod {
    color: #2d2926;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 24px;
    margin: 24px 0 0;
    white-space: pre-wrap
}

.half-2022-BestCosmeAwardLink {
    font-family: Noto Sans JP,system-ui,sans-serif;
    text-align: center
}

.half-2022-BestCosmeAwardLink__list {
    list-style-type: none;
    margin: 0 auto;
    padding: 0 0 24px
}

@media (min-width: 835px) {
    .half-2022-BestCosmeAwardLink__list {
        width:400px
    }
}

.half-2022-BestCosmeAwardLink__spacer {
    height: 8px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeAwardLink__spacer {
        height:0
    }
}

.half-2022-BestCosmeAwardLink__divider {
    background-color: #a08133;
    height: 1px;
    width: 100%
}

.half-2022-BestCosmeAwardLink__figureheader {
    align-items: center;
    color: #a1731c;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 2px;
    line-height: 32px;
    margin: 0;
    padding: 24px 0 23px;
    position: relative
}

@media (max-width: 834px) {
    .half-2022-BestCosmeAwardLink__figureheader {
        white-space:pre-wrap
    }
}

.half-2022-BestCosmeAwardLink__figureheader:before {
    margin-right: 8px
}

.half-2022-BestCosmeAwardLink__figureheader:after,.half-2022-BestCosmeAwardLink__figureheader:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    background-position: 50%;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px
}

.half-2022-BestCosmeAwardLink__figureheader:after {
    margin-left: 8px
}

.half-2022-BestCosmeAwardLink__image {
    border: 1px solid #c5c5c5;
    margin-top: 16px;
    object-fit: contain;
    width: 85%
}

@media (max-width: 834px) {
    .half-2022-BestCosmeAwardLink__image {
        margin-top:8px
    }
}

.half-2022-BestCosmeCategories {
    font-family: Noto Sans JP,system-ui,sans-serif
}

.half-2022-BestCosmeCategories__title {
    align-items: center;
    background-color: #a08133;
    display: flex;
    justify-content: center
}

.half-2022-BestCosmeCategories__title-star {
    height: 20px;
    width: 20px
}

.half-2022-BestCosmeCategories__title-spacer {
    width: 16px
}

.half-2022-BestCosmeCategories__title-txt-big {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 28px;
    margin: 0;
    padding: 18px 0;
    text-align: center
}

.half-2022-BestCosmeCategories__anchor {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 24px;
    padding: 0
}

.half-2022-BestCosmeCategories__anchor-item {
    border-bottom: 1px solid #a08133;
    border-right: 1px solid #a08133;
    display: flex;
    height: 48px;
    position: relative;
    width: 50%
}

.half-2022-BestCosmeCategories__anchor-item:nth-child(odd) {
    border-left: 1px solid #a08133
}

.half-2022-BestCosmeCategories__anchor-link {
    align-items: center;
    color: #a08133;
    display: flex;
    font-size: 13px;
    font-weight: medium;
    justify-content: space-between;
    letter-spacing: .4px;
    line-height: 24px;
    padding: 0 28px 0 16px;
    text-decoration: none;
    width: 100%
}

.half-2022-BestCosmeCategories__anchor-link:active,.half-2022-BestCosmeCategories__anchor-link:focus,.half-2022-BestCosmeCategories__anchor-link:hover {
    color: #a08133;
    text-decoration: none
}

.half-2022-BestCosmeCategories__anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/half/ic_arrow_category_cell-a0b1bf2cf43adcc18b7f098831af483ea26f83117ca8ea79986fca46ad0eba87.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    height: 16px;
    position: absolute;
    right: 12px;
    transform: rotate(90deg);
    width: 16px
}

.half-2022-BestCosmeCategories__contents-title {
    color: #a08133;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 24px;
    margin: 0 30px 5px;
    padding: 0 8px;
    pointer-events: none;
    position: relative;
    text-align: center
}

.half-2022-BestCosmeCategories__contents-title[id^=anchor_]:before {
    content: "";
    display: block;
    height: 76px;
    margin-top: -76px;
    visibility: hidden
}

@media (max-width: 834px) {
    .half-2022-BestCosmeCategories__contents-title[id^=anchor_]:before {
        height:60px;
        margin-top: -60px
    }
}

.half-2022-BestCosmeCategories__contents-list {
    list-style-type: none;
    margin: 0;
    padding: 0 12px
}

@media (min-width: 835px) {
    .half-2022-BestCosmeCategories__contents-list {
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 16px
    }
}

.half-2022-BestCosmeCategories__contents-item {
    margin: 12px 12px 0;
    position: relative
}

@media (min-width: 835px) {
    .half-2022-BestCosmeCategories__contents-item {
        margin:12px 8px 0;
        width: calc(50% - 16px)
    }
}

.half-2022-BestCosmeCategories__contents-spacer {
    height: 32px
}

.half-2022-BestCosmeCategories__contents-divider {
    background-color: #a08133;
    height: 1px;
    margin: 0 auto;
    width: calc(100% - 32px)
}

.half-2022-BestCosmeCategories__contents-link {
    align-items: center;
    background-color: #fff;
    border: 1px solid #b49b57;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    color: #000;
    display: flex;
    height: 58px;
    justify-content: flex-start;
    padding-left: 18px;
    text-decoration: none;
    white-space: pre-wrap
}

.half-2022-BestCosmeCategories__contents-link:active,.half-2022-BestCosmeCategories__contents-link:focus,.half-2022-BestCosmeCategories__contents-link:hover {
    color: #000;
    text-decoration: none
}

.half-2022-BestCosmeCategories__contents-link:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_star_category_cell-bb706b2c23ab81c67ab7406a45e9d82def8f33d8921478d7ddbe06ef17bfe864.svg) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 16px;
    left: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 16px
}

.half-2022-BestCosmeCategories__contents-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2020/allyear/ic_arrow_category_cell-02a4fff10b19d1422ac880baf095964334722080d241ba1e03793bab0350d7f7.svg) no-repeat 0 0;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 18px;
    margin: auto;
    position: absolute;
    right: 8px;
    top: 0;
    width: 18px
}

.half-2022-BestCosmeCategories__contents-thumb {
    height: 48px;
    object-fit: contain;
    width: 48px
}

.half-2022-BestCosmeCategories__contents-name {
    color: #a08133;
    font-size: 16px;
    font-weight: medium;
    letter-spacing: .8px;
    line-height: 21px;
    margin: 0 0 0 20px
}

.half-2022-BestCosmeCategories__contents-name br {
    display: none
}

.half-2022-BestCosmeIndex {
    font-family: Noto Sans JP,system-ui,sans-serif;
    margin: 0 auto;
    max-width: 712px
}

@media (min-width: 835px) {
    .half-2022-BestCosmeIndex {
        background-color:#fff
    }
}

.half-2022-BestCosmeIndex__cover {
    margin: 0
}

.half-2022-BestCosmeIndex__cover-image {
    width: 100%
}

#Grandprix.half-2022-BestCosmeIndex__cover:before {
    content: "";
    display: block;
    height: 64px;
    margin-top: -64px;
    visibility: hidden
}

@media (max-width: 834px) {
    #Grandprix.half-2022-BestCosmeIndex__cover:before {
        height:98px;
        margin-top: -98px
    }
}

.half-2022-BestCosmeIndex__bg {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/half/back-7529a35d4cc7e330aa76be22d86b303db7b9dafcc978c65a0b46277d1fa83fd7.png)
}

.half-2022-BestCosmeIndex__intro {
    background-color: #eae4d1;
    padding: 32px 40px 48px;
    position: relative
}

.half-2022-BestCosmeIndex__intro:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/bg_intro_logomark-5afb2a7b6ce94d55014a9aff0064b06844b775911ea838d8bb8d3eefb1905273.png) no-repeat 0 0;
    background-size: 128px 88px;
    bottom: 0;
    content: "";
    display: block;
    height: 88px;
    position: absolute;
    right: 0;
    width: 128px
}

.half-2022-BestCosmeIndex__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    white-space: pre-wrap
}

.half-2022-BestCosmeIndex__influencer {
    text-align: center
}

.half-2022-BestCosmeIndex__influencer-image {
    object-fit: contain;
    width: 100%
}

@media (min-width: 835px) {
    .half-2022-BestCosmeIndex__influencer-image {
        width:70%
    }
}

@media (max-width: 834px) {
    .half-2022-BestCosmeIndex__influencer-image.comment {
        margin-top:-1px
    }
}

.half-2022-BestCosmeIndex__about {
    margin: 0 auto;
    max-width: 712px
}

.half-2022-BestCosmeKodawari {
    background-color: #fef9f1;
    font-family: Noto Sans JP,system-ui,sans-serif
}

.half-2022-BestCosmeKodawari__container {
    margin: 0 auto;
    max-width: 664px
}

.half-2022-BestCosmeKodawari__cover-image {
    width: 100%
}

#top.half-2022-BestCosmeKodawari__cover:before {
    content: "";
    display: block;
    height: 64px;
    margin-top: -64px;
    visibility: hidden
}

@media (max-width: 834px) {
    #top.half-2022-BestCosmeKodawari__cover:before {
        height:98px;
        margin-top: -98px
    }
}

.half-2022-BestCosmeKodawari__categories {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 8px;
    justify-content: center;
    margin: 0 auto;
    width: calc(100% - 32px)
}

.half-2022-BestCosmeKodawari__categories-item {
    align-items: center;
    background-color: #fff;
    background-color: #5f6ba0;
    color: #fff;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: flex-start;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 167px;
    min-width: 167px;
    padding-left: 12px;
    position: relative;
    text-decoration: none;
    white-space: pre-wrap
}

.half-2022-BestCosmeKodawari__categories-item:active,.half-2022-BestCosmeKodawari__categories-item:focus,.half-2022-BestCosmeKodawari__categories-item:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__categories-item {
        min-width:calc(50% - 4px)
    }
}

.half-2022-BestCosmeKodawari__categories-item:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/half/star-be6529d4cc5ac0be706316b4aa1a4c3c4c3bc6f109902b152076a04af233c4b7.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    margin: 0 8px 0 0;
    width: 12px
}

.half-2022-BestCosmeKodawari__categories-item:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/pureBlack-89c422dafe87c6b5f3191c3ca55957c5ea8a6140566c230dd151c9c837dddba7.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(348deg) brightness(105%) contrast(101%);
    height: 12px;
    margin: 0;
    position: absolute;
    right: 8px;
    width: 12px
}

#shown_category.half-2022-BestCosmeKodawari__rankings {
    content: "";
    display: block;
    height: 64px;
    margin-top: -64px;
    visibility: hidden
}

@media (max-width: 834px) {
    #shown_category.half-2022-BestCosmeKodawari__rankings {
        height:98px;
        margin-top: -98px
    }
}

.half-2022-BestCosmeKodawari__rankings-star {
    display: block;
    height: 20px;
    width: 20px
}

.half-2022-BestCosmeKodawari__rankings-title {
    align-items: center;
    background-color: #5f6ba0;
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 2px;
    line-height: 24px;
    margin: 0;
    padding: 11px 0 12px;
    position: relative
}

.half-2022-BestCosmeKodawari__rankings-subtitle {
    color: #5f6ba0;
    font-family: "Noto Serif JP",system-ui,sans-serif;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 34px;
    margin: 0;
    padding: 40px 0;
    text-align: center
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__rankings-subtitle {
        color:#5f6ba0;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 24px;
        padding: 24px 0 32px
    }
}

.half-2022-BestCosmeKodawari__rankings-list {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 0 32px;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__rankings-list {
        flex-direction:column;
        gap: 24px 0;
        padding: 0 16px
    }
}

.half-2022-BestCosmeKodawari__rankings-cell {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 15px 0;
    position: relative
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__rankings-cell {
        flex-direction:row;
        gap: 0 17px
    }
}

.half-2022-BestCosmeKodawari__rankings-emblem {
    display: block;
    height: 50px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 50px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__rankings-emblem {
        height:40px;
        width: 40px
    }
}

.half-2022-BestCosmeKodawari__rankings-imgCell {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none
}

.half-2022-BestCosmeKodawari__rankings-imgCell:active,.half-2022-BestCosmeKodawari__rankings-imgCell:focus,.half-2022-BestCosmeKodawari__rankings-imgCell:hover {
    color: #fff;
    text-decoration: none
}

.half-2022-BestCosmeKodawari__rankings-imgContainer {
    background-color: #fff;
    border: 1px solid #a08133
}

.half-2022-BestCosmeKodawari__rankings-img {
    display: block;
    height: 200px;
    object-fit: contain;
    padding: 8px;
    width: 200px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__rankings-img {
        height:164px;
        width: 164px
    }
}

.half-2022-BestCosmeKodawari__rankings-rank {
    background-color: #a08133;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 18px;
    margin: 0 auto;
    padding: 8px;
    text-align: center;
    width: 100%
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__rankings-descriptionCell {
        flex-grow:1
    }
}

.half-2022-BestCosmeKodawari__rankings-brandName {
    color: #646464;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 16px
}

.half-2022-BestCosmeKodawari__rankings-caution {
    color: #646464;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 18px
}

.half-2022-BestCosmeKodawari__rankings-productName {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 22px;
    margin: 0;
    white-space: pre-wrap
}

@media (min-width: 835px) {
    .half-2022-BestCosmeKodawari__rankings-productName {
        min-height:44px
    }
}

.half-2022-BestCosmeKodawari__rankings-productName-threeLine {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 22px
}

@media (min-width: 835px) {
    .half-2022-BestCosmeKodawari__rankings-productName-threeLine {
        min-height:62px
    }
}

.half-2022-BestCosmeKodawari__rankings-divider {
    background-color: #646464;
    height: 1px;
    padding: 0 8px;
    width: calc(100% - 16px)
}

.half-2022-BestCosmeKodawari__rankings-catchWord {
    color: #646464;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 18px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__rankings-catchWord {
        color:#a08133;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .8px;
        line-height: 18px
    }
}

.half-2022-BestCosmeKodawari__rankings-userName {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px
}

.half-2022-BestCosmeKodawari__rankings-otherCategoriesTitle {
    color: #5f6ba0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0;
    text-align: center
}

.half-2022-BestCosmeKodawari__linker {
    color: #fff;
    display: flex;
    flex-direction: column;
    text-decoration: none
}

.half-2022-BestCosmeKodawari__linker:active,.half-2022-BestCosmeKodawari__linker:focus,.half-2022-BestCosmeKodawari__linker:hover {
    color: #fff;
    text-decoration: none
}

.half-2022-BestCosmeKodawari__spacer-categoriesList {
    height: 32px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__spacer-categoriesList {
        height:17px
    }
}

.half-2022-BestCosmeKodawari__spacer-star {
    width: 8px
}

.half-2022-BestCosmeKodawari__spacer-name {
    height: 11px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__spacer-name {
        height:4px
    }
}

.half-2022-BestCosmeKodawari__spacer-catchWord {
    height: 4px
}

.half-2022-BestCosmeKodawari__spacer-divider {
    height: 16px
}

.half-2022-BestCosmeKodawari__spacer-otherCategories {
    height: 32px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__spacer-otherCategories {
        height:16px
    }
}

.half-2022-BestCosmeKodawari__spacer-otherCategoriesTitle {
    height: 24px
}

.half-2022-BestCosmeKodawari__spacer-bottom {
    height: 40px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeKodawari__spacer-bottom {
        height:32px
    }
}

.half-2022-BestCosmeList__title {
    border-bottom: 2px solid #a08133;
    border-top: 2px solid #a08133;
    color: #5a5129;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 28px;
    margin: 16px 12px 32px;
    padding: 16px 8px;
    position: relative;
    text-align: center
}

.half-2022-BestCosmeList__title:before {
    top: -6px
}

.half-2022-BestCosmeList__title:after,.half-2022-BestCosmeList__title:before {
    background-color: #a08133;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.half-2022-BestCosmeList__title:after {
    bottom: -6px
}

.half-2022-BestCosmeList__desc {
    color: var(--object-main);
    font-size: 13px;
    font-weight: medium;
    letter-spacing: .8px;
    line-height: 20px;
    margin: auto;
    width: calc(100% - 48px)
}

.half-2022-BestCosmeList__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.half-2022-BestCosmeList__item {
    margin: 0 auto;
    position: relative;
    text-align: center
}

.half-2022-BestCosmeList__figureheader {
    align-items: center;
    background: #a08133;
    display: flex;
    height: 48px;
    justify-content: center
}

.half-2022-BestCosmeList__figureheader.rookie {
    background-color: #c98c41
}

.half-2022-BestCosmeList__figureheader-image {
    margin: auto;
    width: 210px
}

@media (min-width: 835px) {
    .half-2022-BestCosmeList__figureheader-image {
        width:260px
    }
}

.half-2022-BestCosmeList__product {
    position: relative
}

.half-2022-BestCosmeList__product-link,.half-2022-BestCosmeList__product-link:active,.half-2022-BestCosmeList__product-link:focus,.half-2022-BestCosmeList__product-link:hover {
    color: #2d2926;
    text-decoration: none
}

.half-2022-BestCosmeList__product-rank-badge {
    height: 120px;
    object-fit: contain;
    width: 120px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeList__product-rank-badge {
        height:100px;
        width: 100px
    }
}

.half-2022-BestCosmeList__product-container {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    padding-top: 24px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeList__product-container {
        padding-top:18px
    }
}

.half-2022-BestCosmeList__product-spacer {
    width: 8px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeList__product-spacer {
        width:0
    }
}

.half-2022-BestCosmeList__product-thumb {
    background-color: #fff;
    display: block;
    height: 250px;
    object-fit: contain;
    width: 250px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeList__product-thumb {
        height:160px;
        width: 160px
    }
}

.half-2022-BestCosmeList__product-title {
    margin: 0;
    padding: 0 12px;
    text-align: center
}

.half-2022-BestCosmeList__product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 16px;
    margin: 16px 0 8px
}

.half-2022-BestCosmeList__product-name {
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px
}

.half-2022-BestCosmeList__product-rate {
    margin: 8px 0 0;
    text-align: center
}

.half-2022-BestCosmeList__product-rate .ratingStar {
    display: inline;
    vertical-align: middle
}

.half-2022-BestCosmeList__product-rate .ratingStar__star {
    width: 100px
}

.half-2022-BestCosmeList__product-rate .ratingStar__num {
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.half-2022-BestCosmeList__product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.half-2022-BestCosmeList__not_applicable {
    color: #5b4831;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
    margin: 32px 0 -14px;
    text-align: center
}

.half-2022-BestCosmeListLarge {
    font-family: Noto Sans JP,system-ui,sans-serif
}

.half-2022-BestCosmeListLarge__title {
    margin: 0;
    width: 100%
}

.half-2022-BestCosmeListLarge__award-list {
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

.half-2022-BestCosmeListLarge__award-item {
    padding-bottom: 0
}

.half-2022-BestCosmeListLarge__award-figureheader {
    align-items: center;
    background: #a08133;
    display: flex;
    height: 48px;
    justify-content: center
}

.half-2022-BestCosmeListLarge__award-figureheader-title {
    color: #fff;
    font-family: "Noto Serif JP",serif;
    font-size: 24px;
    font-weight: 400;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 30px
}

.half-2022-BestCosmeListLarge__award-figureheader-star {
    height: 20px;
    width: 20px
}

.half-2022-BestCosmeListLarge__award-figureheader-spacer {
    width: 16px
}

.half-2022-BestCosmeListLarge__award-link,.half-2022-BestCosmeListLarge__award-link:active,.half-2022-BestCosmeListLarge__award-link:focus,.half-2022-BestCosmeListLarge__award-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (min-width: 835px) {
    .half-2022-BestCosmeListLarge__award-link {
        display:block;
        text-align: center
    }
}

.half-2022-BestCosmeListLarge__award-product {
    position: relative
}

@media (min-width: 835px) {
    .half-2022-BestCosmeListLarge__award-product {
        margin:0 auto;
        width: 408px
    }
}

.half-2022-BestCosmeListLarge__award-product-rank {
    left: 0;
    position: absolute;
    top: 8px
}

.half-2022-BestCosmeListLarge__award-product-rank-badge {
    height: 120px;
    object-fit: contain;
    width: 120px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeListLarge__award-product-rank-badge {
        height:100px;
        width: 100px
    }
}

.half-2022-BestCosmeListLarge__award-product-thumb {
    display: block;
    height: 100%;
    margin: 24px 0;
    object-fit: contain;
    width: 100%
}

@media (max-width: 834px) {
    .half-2022-BestCosmeListLarge__award-product-thumb {
        margin:0 auto
    }
}

.half-2022-BestCosmeListLarge__award-product-title {
    margin: 0;
    text-align: center
}

.half-2022-BestCosmeListLarge__award-product-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 16px;
    margin: 0 0 8px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeListLarge__award-product-brand {
        margin-top:16px
    }
}

.half-2022-BestCosmeListLarge__award-product-name {
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px
}

.half-2022-BestCosmeListLarge__award-product-rate {
    margin: 8px 0 0;
    text-align: center
}

.half-2022-BestCosmeListLarge__award-product-rate .ratingStar {
    display: inline;
    vertical-align: middle
}

.half-2022-BestCosmeListLarge__award-product-rate .ratingStar__star {
    width: 100px
}

.half-2022-BestCosmeListLarge__award-product-rate .ratingStar__num {
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.half-2022-BestCosmeListLarge__award-product-rate .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 0 8px
}

.half-2022-BestCosmeListLarge__award-post {
    margin: 12px auto 15px;
    width: calc(100% - 64px)
}

@media (min-width: 835px) {
    .half-2022-BestCosmeListLarge__award-post {
        left:0;
        right: 0;
        width: 432px
    }
}

.half-2022-BestCosmeListLarge__award-post__link {
    border: 1px solid #a08133;
    display: block;
    padding: 16px
}

@media (max-width: 834px) {
    .half-2022-BestCosmeListLarge__award-post__link {
        margin:0 auto;
        padding: 12px
    }
}

.half-2022-BestCosmeListLarge__award-post__link:hover {
    text-decoration: none
}

.half-2022-BestCosmeListLarge__award-post__text {
    color: #a08133;
    font-family: Noto Sans JP,sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px
}

.half-2022-BestCosmeListLarge__award-post__username {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.half-2022-BestCosmeListLarge__award-thumb {
    height: auto;
    margin: 0 12px 0 8px;
    position: relative;
    width: calc(100% - 20px);
    z-index: 0
}

@media (min-width: 835px) {
    .half-2022-BestCosmeListLarge__award-thumb {
        margin:auto;
        max-height: 760px;
        max-width: 480px;
        object-fit: cover;
        object-position: top
    }
}

.half-2022-BestCosmeListLarge__award-lipsComment {
    color: #a08133;
    font-family: "Noto Serif JP",system-ui,sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 19px;
    margin: 0;
    padding-top: 16px;
    text-align: left
}

.half-2022-BestCosmeListLarge__award-brandComment {
    font-family: "Noto Serif JP",system-ui,sans-serif;
    padding-bottom: 40px
}

.half-2022-BestCosmeListLarge__award-brandComment-inner {
    margin: 12px auto 0;
    text-align: center;
    width: calc(100% - 50px)
}

@media (min-width: 835px) {
    .half-2022-BestCosmeListLarge__award-brandComment-inner {
        width:432px
    }
}

.half-2022-BestCosmeListLarge__award-brandComment-author {
    color: #a1731c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .86px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 7px
}

.half-2022-BestCosmeListLarge__award-brandComment-border {
    border-bottom: 1px solid #a1731c;
    margin: 0
}

.half-2022-BestCosmeListLarge__award-brandComment-text {
    color: var(--object-main);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 19px;
    margin: 0;
    text-align: left;
    white-space: pre-wrap
}

.half-2022-BestCosmePosts__post {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 24px 0;
    white-space: nowrap;
    width: 407px
}

@media (max-width: 834px) {
    .half-2022-BestCosmePosts__post {
        width:calc(100% - 64px)
    }
}

.half-2022-BestCosmePosts__post-link {
    background-color: #fff;
    border: 1px solid #a08133;
    color: #2d2926;
    display: block;
    height: auto;
    padding: 16px;
    text-align: left;
    text-decoration: none
}

.half-2022-BestCosmePosts__post-link:active,.half-2022-BestCosmePosts__post-link:focus,.half-2022-BestCosmePosts__post-link:hover {
    color: #2d2926;
    text-decoration: none
}

.half-2022-BestCosmePosts__post-rate {
    padding-top: 10px
}

.half-2022-BestCosmePosts__post-rate .ratingStar {
    display: flex;
    justify-content: flex-start
}

.half-2022-BestCosmePosts__post-rate .ratingStar__star {
    height: 18px;
    margin-right: 8px
}

.half-2022-BestCosmePosts__post-content {
    color: #a08133;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0;
    white-space: normal
}

.half-2022-BestCosmePosts__post-user {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 8px 0 0
}

.half-2022-BestCosmePosts__post-user-name {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: regular;
    letter-spacing: .8px;
    line-height: 16px;
    margin: 0 4px 0 0
}

.half-2022-BestCosmeShow {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/half/back-7529a35d4cc7e330aa76be22d86b303db7b9dafcc978c65a0b46277d1fa83fd7.png)
}

.half-2022-BestCosmeShow__container {
    font-family: Noto Sans JP,serif;
    margin: 0 auto;
    max-width: 712px
}

@media (min-width: 835px) {
    .half-2022-BestCosmeShow__container {
        background-color:#fff
    }
}

.half-2022-BestCosmeShow__cover {
    background-position: 50%;
    background-size: cover;
    position: relative;
    width: 100%
}

.half-2022-BestCosmeShow__cover-title {
    bottom: 13%;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media (max-width: 834px) {
    .half-2022-BestCosmeShow__cover-title {
        bottom:11%
    }
}

.half-2022-BestCosmeShow__cover-title-category {
    color: #a1731c;
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 28px
}

@media (min-width: 835px) {
    .half-2022-BestCosmeShow__cover-title-category {
        color:#a1731c;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 36px;
        margin: 0 0 8px
    }

    .half-2022-BestCosmeShow__cover-title-category br {
        display: none
    }
}

.half-2022-BestCosmeShow__cover-thumb {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/half/pc_eyecatch_category-976e5eb57d603e694d9a90e861080369790c04cf0a19a6c32de56041f830b508.png) no-repeat 50%/auto 100%
}

@media (max-width: 834px) {
    .half-2022-BestCosmeShow__cover-thumb {
        background:url(https://cdn.lipscosme.com/assets/bestcosme/2022/half/sp_eyecatch_category-15c86ad044213839a2a5b6d3d2d1e49f1696e4a16ec1bb17d7925f62832f9e0a.png) no-repeat 50%/100%;
        width: 100%
    }
}

.half-2022-BestCosmeShow__cover-image {
    height: auto;
    opacity: 0;
    width: 100%
}

@media (min-width: 835px) {
    .half-2022-BestCosmeShow__cover-image {
        min-height:360px
    }
}

.half-2022-BestCosmeShow__feature-image {
    height: auto;
    width: 100%
}

.half-2022-BestCosmeShow__intro {
    background-color: #eae4d1;
    padding: 40px 16px 56px;
    position: relative
}

.half-2022-BestCosmeShow__intro-txt {
    color: #2d2926;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    padding: 0 32px;
    white-space: pre-wrap
}

.half-2022-BestCosmeShow__intro-anchor {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 24px 0 0;
    padding: 0
}

.half-2022-BestCosmeShow__intro-anchor-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    padding: 12px 0;
    width: calc(50% - 8px)
}

.half-2022-BestCosmeShow__intro-anchor-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .8px;
    line-height: 24px
}

.half-2022-BestCosmeShow__intro-anchor-link,.half-2022-BestCosmeShow__intro-anchor-link:active,.half-2022-BestCosmeShow__intro-anchor-link:focus,.half-2022-BestCosmeShow__intro-anchor-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.half-2022-BestCosmeShow__intro-anchor-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/ic_arrow_anchor_down-917d8fca4f375a69ba458da5cd9e06c4e19eb71b3f3c5fa11ee2b80118daaa64.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    margin-left: 8px;
    width: 12px
}

.half-2022-BestCosmeShow__about {
    margin: 0 auto;
    max-width: 712px
}

.allyear-2023-BestCosmeCategories {
    font-family: Hiragino Sans
}

.allyear-2023-BestCosmeCategories[open]>summary:after {
    transform: rotate(90deg)
}

.allyear-2023-BestCosmeCategories__title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeCategories__title {
        display:none
    }
}

.allyear-2023-BestCosmeCategories__title-default {
    background-color: #000
}

.allyear-2023-BestCosmeCategories__title-rookie {
    background-color: #ef7069
}

.allyear-2023-BestCosmeCategories__contents {
    background-color: #fff;
    width: 100%
}

.allyear-2023-BestCosmeCategories__contents[open]>.allyear-2023-BestCosmeCategories__contents-summary:after {
    transform: rotate(90deg)
}

.allyear-2023-BestCosmeCategories__contents-summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-self: center;
    list-style: none;
    position: relative
}

.allyear-2023-BestCosmeCategories__contents-summary::-webkit-details-marker {
    display: none
}

.allyear-2023-BestCosmeCategories__contents-summary:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/arrow-3438e079af953abb37f7046c17060cd1f5767d255c812d6bf67cd864c3084231.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 16px;
    top: calc(50% - 10px);
    transition: .25s;
    width: 20px
}

.allyear-2023-BestCosmeCategories__contents-summary:hover {
    background-color: #f7f7f7
}

.allyear-2023-BestCosmeCategories__contents-title {
    color: #000;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0;
    padding: 16px 44px 16px 40px;
    text-align: center
}

.allyear-2023-BestCosmeCategories__contents-toptitle {
    background-color: #fff;
    color: #ef7069
}

.allyear-2023-BestCosmeCategories__contents-kodawari-title {
    color: #626fa7;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0;
    padding: 16px 44px 16px 40px;
    text-align: center
}

.allyear-2023-BestCosmeCategories__contents-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.allyear-2023-BestCosmeCategories__contents-item {
    position: relative;
    width: 50%
}

.allyear-2023-BestCosmeCategories__contents-divider {
    background-color: var(--border-separation);
    height: 1px;
    width: 100%
}

.allyear-2023-BestCosmeCategories__contents-link {
    align-items: center;
    background-color: #fff;
    color: #000;
    display: flex;
    justify-content: flex-start;
    min-height: 45px;
    padding-left: 16px;
    text-decoration: none;
    white-space: pre-wrap
}

.allyear-2023-BestCosmeCategories__contents-link:active,.allyear-2023-BestCosmeCategories__contents-link:focus,.allyear-2023-BestCosmeCategories__contents-link:hover {
    color: #000;
    text-decoration: none
}

.allyear-2023-BestCosmeCategories__contents-link:hover {
    background-color: #f7f7f7
}

.allyear-2023-BestCosmeCategories__contents-link:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/arrow-3438e079af953abb37f7046c17060cd1f5767d255c812d6bf67cd864c3084231.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin: 0 8px;
    width: 16px
}

.allyear-2023-BestCosmeCategories__contents-name {
    color: #000;
    display: block;
    flex-grow: 1;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0
}

.allyear-2023-BestCosmeKodawari {
    font-family: Hiragino Sans
}

.allyear-2023-BestCosmeKodawari__rankings-title {
    align-items: center;
    background-color: #000;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0 auto;
    position: relative
}

.allyear-2023-BestCosmeKodawari__rankings-bg {
    padding: 8px 16px 24px
}

@media (min-width: 835px) {
    .allyear-2023-BestCosmeKodawari__rankings-bg {
        background-color:#626fa7
    }
}

.allyear-2023-BestCosmeKodawari__rankings-subtitle {
    align-items: center;
    background-color: #626fa7;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0 auto
}

.allyear-2023-BestCosmeKodawari__rankings-list {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeKodawari__rankings-list {
        flex-direction:column
    }
}

.allyear-2023-BestCosmeKodawari__rankings-description {
    color: #fff;
    font-family: Hiragino Sans;
    font-size: 14;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 140%;
    text-align: center
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeKodawari__rankings-description {
        color:#000;
        margin-top: 16px;
        white-space: pre-wrap
    }
}

.allyear-2023-BestCosmeListLarge {
    font-family: Hiragino Sans
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge {
        padding:0 16px
    }
}

.allyear-2023-BestCosmeListLarge__title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    justify-content: center;
    letter-spacing: 2px;
    line-height: 170%;
    margin: 0;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge__title {
        height:auto;
        padding: 12px 16px;
        text-align: center;
        white-space: pre
    }
}

.allyear-2023-BestCosmeListLarge__title-normal {
    background-color: #000
}

.allyear-2023-BestCosmeListLarge__title-newrelease {
    background-color: #ef7069
}

.allyear-2023-BestCosmeListLarge__title-star:before {
    margin-right: 10px
}

.allyear-2023-BestCosmeListLarge__title-star:after,.allyear-2023-BestCosmeListLarge__title-star:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/star-e6ae4077eb2854e8af7898385178b89f5c265660ee0514bae01d8e7eb45a75b2.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

.allyear-2023-BestCosmeListLarge__title-star:after {
    margin-left: 10px
}

.allyear-2023-BestCosmeListLarge__title-border {
    border-bottom: 5px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg,#a08133,#dfd382 50%,#a08133);
    border-top: 5px solid
}

.allyear-2023-BestCosmeListLarge__award-list {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

.allyear-2023-BestCosmeListLarge__award-item {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    width: 100%
}

.allyear-2023-BestCosmeListLarge__award-spacer {
    height: 16px;
    width: 8px
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge__award-spacer {
        height:8px;
        width: 4px
    }
}

.allyear-2023-BestCosmeListLarge__award-link,.allyear-2023-BestCosmeListLarge__award-link:active,.allyear-2023-BestCosmeListLarge__award-link:focus,.allyear-2023-BestCosmeListLarge__award-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (min-width: 835px) {
    .allyear-2023-BestCosmeListLarge__award-link {
        display:block;
        text-align: center
    }
}

.allyear-2023-BestCosmeListLarge__award-product {
    display: flex;
    flex-direction: row;
    position: relative
}

.allyear-2023-BestCosmeListLarge__award-product-rank-badge {
    height: 100px;
    object-fit: contain;
    width: 100px
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge__award-product-rank-badge {
        height:72px;
        width: 72px
    }
}

.allyear-2023-BestCosmeListLarge__award-product-rank-badge-single {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 4px 0
}

.allyear-2023-BestCosmeListLarge__award-product-rank-badgelist {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 4px 0
}

.allyear-2023-BestCosmeListLarge__award-product-rank-badgecell {
    aspect-ratio: 1;
    width: 110px
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge__award-product-rank-badgecell {
        width:80px
    }
}

.allyear-2023-BestCosmeListLarge__award-product-rank-badgecell-sm {
    aspect-ratio: 1;
    width: 93.5px
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge__award-product-rank-badgecell-sm {
        width:68px
    }
}

.allyear-2023-BestCosmeListLarge__award-product-thumb {
    display: block;
    height: 190px;
    margin: 0 auto;
    object-fit: contain;
    width: 190px
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge__award-product-thumb {
        height:116px;
        width: 116px
    }
}

.allyear-2023-BestCosmeListLarge__award-product-title {
    margin: 0
}

.allyear-2023-BestCosmeListLarge__award-product-brand {
    color: #999;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0 8px
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge__award-product-brand {
        color:#999;
        font-size: 12px;
        font-weight: 300;
        letter-spacing: .8px;
        line-height: 130%
    }
}

.allyear-2023-BestCosmeListLarge__award-product-name {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: 170%
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge__award-product-name {
        color:#000;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: .8px;
        line-height: 170%
    }
}

.allyear-2023-BestCosmeListLarge__award-product-info {
    color: var(--object-tertiary);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 20px;
    margin-top: 4px
}

.allyear-2023-BestCosmeListLarge__award-divider {
    background-color: var(--border-separation);
    height: 1px;
    width: 100%
}

.allyear-2023-BestCosmeListLarge__award-post {
    padding: 16px 0 0;
    width: 100%
}

.allyear-2023-BestCosmeListLarge__award-post__content {
    color: #a08133;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge__award-post__content {
        color:#a08133;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 130%
    }
}

.allyear-2023-BestCosmeListLarge__award-post__username {
    color: #999;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeListLarge__award-post__username {
        color:#999;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 130%
    }
}

.allyear-2023-BestCosmeListLarge__award-post__spacer {
    height: 8px
}

.allyear-2023-BestCosmeListLarge__award-post__link:hover {
    text-decoration: none
}

.allyear-2023-BestCosmeListLarge__award-post__more-review {
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    padding: 16px 0;
    text-align: center
}

.allyear-2023-BestCosmeListLarge__award-post__more-review:hover {
    text-decoration: none
}

.allyear-2023-BestCosmeListLarge__award-post__more-review-text {
    align-items: center;
    color: #000;
    display: flex;
    justify-content: center;
    text-decoration: none
}

.allyear-2023-BestCosmeListLarge__award-post__more-review-text:active,.allyear-2023-BestCosmeListLarge__award-post__more-review-text:focus,.allyear-2023-BestCosmeListLarge__award-post__more-review-text:hover {
    color: #000;
    text-decoration: none
}

.allyear-2023-BestCosmeListLarge__award-post__more-review-text:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/arrow-3438e079af953abb37f7046c17060cd1f5767d255c812d6bf67cd864c3084231.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 0 0 8px;
    width: 16px
}

.allyear-2023-BestCosmeShow {
    margin: 0 auto;
    max-width: 582px
}

.allyear-2023-BestCosmeShow__bg {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2023/allyear/back_pc-990196563e3c9920835e5821ae76802def6a0cba1d0137da585b1115b23d5de8.jpg);
    background-repeat: repeat-y;
    background-size: 100% auto
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeShow__bg {
        background:url(https://cdn.lipscosme.com/assets/bestcosme/2023/allyear/back-5eefbf6e66092554ab9e1e0eb68ab2cf673df329ebbe97c595820e15912b7898.jpg)
    }
}

.allyear-2023-BestCosmeShow__bgwhite {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2023/allyear/back_new_pc-4fcba997048a070f9226b7fe7c9dd1bd3ce090b4fbd1996e8682222ce46f11b6.jpg);
    background-repeat: repeat-y;
    background-size: 100% auto
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeShow__bgwhite {
        background:url(https://cdn.lipscosme.com/assets/bestcosme/2023/allyear/back_new-7ab0f55c9c8dbcc57e7543c5c1209549b0f7132bcc63c4d8b81e3f46d7a7eeec.jpg)
    }
}

.allyear-2023-BestCosmeShow__inner {
    padding: 0 8px
}

.allyear-2023-BestCosmeShow__menu {
    column-gap: 8px;
    display: flex;
    flex-direction: row;
    height: 44px;
    justify-content: space-evenly;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeShow__menu {
        column-gap:0
    }
}

.allyear-2023-BestCosmeShow__menu-spacer-top {
    height: 24px
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeShow__menu-spacer-top {
        height:0
    }
}

.allyear-2023-BestCosmeShow__menu-spacer-bottom {
    height: 24px
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeShow__menu-spacer-bottom {
        height:16px
    }
}

.allyear-2023-BestCosmeShow__menu__item {
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--border-separation);
    display: flex;
    flex-grow: 1;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    line-height: 150%;
    text-align: center
}

.allyear-2023-BestCosmeShow__menu__item,.allyear-2023-BestCosmeShow__menu__item:active,.allyear-2023-BestCosmeShow__menu__item:focus,.allyear-2023-BestCosmeShow__menu__item:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeShow__menu__item {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 500;
        line-height: 150%
    }
}

.allyear-2023-BestCosmeShow__menu__item-active {
    align-items: center;
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2023/allyear/menu_gradation-0a82363d60d8d76360c34cea9862a52ef8808647f1c12b1b231c6d967ae09f7b.png) no-repeat;
    background-size: cover;
    border: 1px solid var(--border-separation);
    color: #fff;
    display: flex;
    flex-grow: 1;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    line-height: 150%;
    text-decoration: none
}

.allyear-2023-BestCosmeShow__menu__item-active:active,.allyear-2023-BestCosmeShow__menu__item-active:focus,.allyear-2023-BestCosmeShow__menu__item-active:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeShow__menu__item-active {
        color:#fff;
        font-size: 16px;
        font-weight: 500;
        line-height: 150%
    }
}

.allyear-2023-BestCosmeShow__spacer-small {
    height: 16px
}

.allyear-2023-BestCosmeShow__spacer-largelist {
    height: 32px
}

.allyear-2023-BestCosmeShow__spacer-about {
    height: 48px
}

.allyear-2023-BestCosmeShow__spacer-bottom {
    height: 112px
}

.BestcosmeInfluecerCover__2024half {
    background-image: url(https://cloudflare.lipscosme.com/bestcosme/2024_half/trend/v3/Influencer_bg_pc.png?auto=avif%2Cwebp)!important
}

@media (max-width: 834px) {
    .BestcosmeInfluecerCover__2024half {
        background-image:url(https://cloudflare.lipscosme.com/bestcosme/2024_half/trend/v3/Influencer_bg_sp.png?auto=avif%2Cwebp)!important
    }
}

.allyear-2023-BestCosmeTrend {
    margin: 0 auto;
    max-width: 1160px;
    padding: 54px 0;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend {
        padding:0
    }
}

.allyear-2023-BestCosmeTrend__cover {
    align-items: center;
    background-image: url(https://cloudflare.lipscosme.com/bestcosme/2023_allyear/trend/influencer_common_bg.jpg?auto=avif%2Cwebp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 20px 0 32px;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend__cover {
        padding:0 0 32px
    }
}

.allyear-2023-BestCosmeTrend__cover-image {
    width: 100%
}

.allyear-2023-BestCosmeTrend__logo {
    aspect-ratio: 375/300;
    margin: 0;
    max-width: 375px;
    width: 100%
}

.allyear-2023-BestCosmeTrend__description {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding: 0 24px;
    text-align: center;
    width: calc(100% - 48px)
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend__description {
        text-align:left
    }
}

.allyear-2023-BestCosmeTrend__description-disclaimer {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 4px 0 0;
    padding: 0 24px;
    text-align: center;
    width: calc(100% - 48px)
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend__description-disclaimer {
        text-align:left
    }
}

.allyear-2023-BestCosmeTrend__influencer-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
    margin: 20px 8px 0
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend__influencer-list {
        display:grid;
        grid-template-columns: repeat(3,1fr)
    }
}

.allyear-2023-BestCosmeTrend__influencer-list__cell {
    display: block
}

@media (min-width: 835px) {
    .allyear-2023-BestCosmeTrend__influencer-list__cell {
        height:161px;
        width: 117px
    }
}

.allyear-2023-BestCosmeTrend__influencer-list__img {
    display: block;
    height: 100%;
    width: 100%
}

.allyear-2023-BestCosmeTrend__influencer {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 48px;
    padding: 0;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend__influencer {
        margin-bottom:24px
    }
}

.allyear-2023-BestCosmeTrend__influencer__profile {
    align-items: center;
    align-items: flex-start;
    display: flex;
    justify-content: center
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend__influencer__profile {
        flex-direction:column
    }
}

.allyear-2023-BestCosmeTrend__influencer__bio {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 24px
}

.allyear-2023-BestCosmeTrend__influencer__image {
    aspect-ratio: 375/280;
    width: 375px
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend__influencer__image {
        width:100%
    }
}

.allyear-2023-BestCosmeTrend__influencer-name {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    margin: 0;
    width: 100%
}

.allyear-2023-BestCosmeTrend__influencer-description {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    width: 100%
}

.allyear-2023-BestCosmeTrend__influencer__social-icons {
    display: flex;
    gap: 12px;
    width: 100%
}

.allyear-2023-BestCosmeTrend__influencer__social-icons-icon {
    height: 40px;
    width: 40px
}

.allyear-2023-BestCosmeTrend__divider {
    background-color: var(--border-separation);
    height: 1px;
    width: 100%
}

.allyear-2023-BestCosmeTrend__products {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    justify-content: center;
    padding: 24px 24px 42px;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend__products {
        align-items:center;
        flex-direction: column;
        padding: 24px 16px 16px
    }
}

.allyear-2023-BestCosmeTrend__products__title {
    display: block;
    height: 116px
}

.allyear-2023-BestCosmeTrend__products__cell {
    display: block;
    width: 100%
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend__products__cell {
        max-width:420px
    }
}

.allyear-2023-BestCosmeTrend__award_list {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3,1fr)
}

@media (max-width: 834px) {
    .allyear-2023-BestCosmeTrend__award_list {
        grid-template-columns:repeat(1,1fr);
        padding: 0 12px
    }
}

.allyear-2023-BestCosmeTrend__award_list-title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 24px;
    text-align: center
}

.allyear-2023-BestCosmeTrend__award_list-cell {
    display: block;
    width: 100%
}

body:has(.BestCosme2024AllyearCommon) :target {
    scroll-margin-top: 155px
}

@media (max-width: 834px) {
    body:has(.BestCosme2024AllyearCommon) :target {
        scroll-margin-top:200px
    }
}

.BestCosme2024AllyearCommon__main {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.BestCosme2024AllyearCommon__brandsList {
    max-width: 1012px;
    padding: 32px;
    width: 100%
}

.BestCosme2024AllyearIndex__largeArea {
    width: 460px
}

@media (max-width: 834px) {
    .BestCosme2024AllyearIndex__largeArea {
        padding:0 32px;
        width: 100%
    }

    .BestCosme2024AllyearIndex__gridArea {
        padding: 0 32px
    }
}

.BestCosme2024AllyearIndex__gridArea__grid {
    display: grid;
    gap: 48px;
    grid-template-columns: 1fr 1fr
}

@media (max-width: 834px) {
    .BestCosme2024AllyearIndex__gridArea__grid {
        gap:58px;
        grid-auto-flow: row;
        grid-template-columns: unset
    }
}

.BestCosme2024AllyearKodawariAwardAnchor {
    display: grid;
    gap: 16px;
    grid-auto-flow: column;
    max-width: 1012px;
    padding: 16px 32px;
    width: 100%
}

@media (max-width: 834px) {
    .BestCosme2024AllyearKodawariAwardAnchor {
        grid-auto-flow:row;
        padding: 16px
    }
}

.BestCosme2024AllyearKodawariAwardAnchor__link {
    align-items: center;
    background: var(--background-surface);
    border-radius: 8px;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 150%;
    padding: 16px;
    text-decoration: none
}

.BestCosme2024AllyearKodawariAwardAnchor__link:active,.BestCosme2024AllyearKodawariAwardAnchor__link:focus,.BestCosme2024AllyearKodawariAwardAnchor__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .BestCosme2024AllyearKodawariAwardAnchor__link {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2024AllyearKodawariAwardAnchor__link:after {
    background-color: var(--object-main);
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.BestCosme2024AllyearKodawariAwardTitle {
    background: var(--background-surface);
    padding: 32px
}

.BestCosme2024AllyearKodawariAwardTitle__title {
    color: var(--object-main);
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 4px;
    text-align: center
}

.BestCosme2024AllyearKodawariAwardTitle__description {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    text-align: center
}

.BestCosme2024AllyearAbout {
    background: #fafafa;
    border-radius: 8px;
    padding: 24px 60px 40px;
    width: 693px
}

@media (max-width: 834px) {
    .BestCosme2024AllyearAbout {
        padding:8px;
        width: calc(100% - 32px)
    }
}

.BestCosme2024AllyearAbout__title {
    border-bottom: 1px solid #a08133;
    color: #a08133;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 24px;
    padding: 0 0 24px;
    text-align: center
}

@media (max-width: 834px) {
    .BestCosme2024AllyearAbout__title {
        color:#a08133;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 16px;
        padding: 0 0 8px;
        white-space: pre-line
    }
}

.BestCosme2024AllyearAbout__calcMethod {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    white-space: pre-line
}

@media (max-width: 834px) {
    .BestCosme2024AllyearAbout__calcMethod {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        padding: 0 8px;
        text-align: center
    }
}

.BestCosme2024AllyearArchiveLink {
    max-width: 440px;
    width: calc(100% - 32px)
}

.BestCosme2024AllyearArchiveLink__img {
    width: 100%
}

.BestCosme2024AllyearAwardList {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .BestCosme2024AllyearAwardList {
        display:block
    }
}

.BestCosme2024AllyearAwardList__item {
    max-width: 470px
}

@media (max-width: 834px) {
    .BestCosme2024AllyearAwardList__item {
        max-width:unset;
        width: 100%
    }
}

.BestCosme2024AllyearAwardList__img {
    width: 100%
}

.BestCosme2024AllyearBrandsList__title {
    align-items: center;
    background: var(--background-surface);
    border-radius: 8px;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    padding: 24px;
    position: relative
}

.BestCosme2024AllyearBrandsList__title:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    margin: 0 0 0 auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    position: unset;
    right: 12px;
    top: 50%;
    top: 0;
    transform: translateY(-50%);
    width: 20px
}

.BestCosme2024AllyearBrandsList__title:not(.collapsed):after {
    transform: rotate(-90deg);
    transition: transform .2s ease-in-out
}

.BestCosme2024AllyearBrandsList__title.collapsed:after {
    transform: rotate(90deg);
    transition: transform .2s ease-in-out
}

.BestCosme2024AllyearBrandsList__title:after {
    height: 24px;
    width: 24px
}

.BestCosme2024AllyearBrandsList__brands__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.BestCosme2024AllyearBrandsList__brands__link {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 150%;
    padding: 16px;
    text-decoration: none
}

.BestCosme2024AllyearBrandsList__brands__link:active,.BestCosme2024AllyearBrandsList__brands__link:focus,.BestCosme2024AllyearBrandsList__brands__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.BestCosme2024AllyearBrandsList__brands__link:after {
    background-color: var(--object-secondary);
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.BestCosme2024AllyearCategoriesList {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 150%;
    margin: 24px 0;
    max-width: 948px;
    padding: 24px;
    width: 100%
}

.BestCosme2024AllyearCategoriesList,.BestCosme2024AllyearCategoriesList:active,.BestCosme2024AllyearCategoriesList:focus,.BestCosme2024AllyearCategoriesList:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .BestCosme2024AllyearCategoriesList {
        border:unset;
        border-bottom: 1px solid var(--border-separation);
        border-radius: 0;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 0;
        padding: 16px;
        top: 188px;
        z-index: 9998
    }

    .BestCosme2024AllyearCategoriesList.hide-open-app-banner {
        top: 138px
    }
}

.BestCosme2024AllyearCategoriesList span:last-child {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 4px;
    line-height: 150%
}

@media (max-width: 834px) {
    .BestCosme2024AllyearCategoriesList span:last-child {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%
    }
}

.BestCosme2024AllyearCategoriesList span:last-child:after {
    background-color: var(--object-main);
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.BestCosme2024AllyearCategoriesListModal button {
    background: none;
    border: none;
    padding: 0
}

.BestCosme2024AllyearCategoriesListModal button:focus {
    outline: none
}

.BestCosme2024AllyearCategoriesListModal__figureheader {
    position: relative
}

.BestCosme2024AllyearCategoriesListModal__close {
    position: absolute;
    right: 12px;
    top: 12px
}

.BestCosme2024AllyearCategoriesListModal__close:after {
    background-color: var(--object-main);
    content: "";
    display: block;
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/close-d809f1b1c35ef3c9a3df142e623145aaf6210a77d3e163784098797ac5347235.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/close-d809f1b1c35ef3c9a3df142e623145aaf6210a77d3e163784098797ac5347235.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

.BestCosme2024AllyearCategoriesListModal__back {
    display: none;
    left: 12px;
    position: absolute;
    top: 12px
}

.BestCosme2024AllyearCategoriesListModal__back:after {
    background-color: var(--object-main);
    content: "";
    display: block;
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/prev-66b91ecd623c2d57756407e46e4a81bc0c70fefb1ab0451145471701adf8b3d9.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/prev-66b91ecd623c2d57756407e46e4a81bc0c70fefb1ab0451145471701adf8b3d9.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

.BestCosme2024AllyearCategoriesListModal__main {
    height: calc(100vh - 78px);
    overflow-y: scroll
}

@media (max-width: 834px) {
    .BestCosme2024AllyearCategoriesListModal__main {
        height:calc(100dvh - 54px)
    }
}

.BestCosme2024AllyearCategoriesListModal__parent {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 150%;
    padding: 16px;
    text-decoration: none
}

.BestCosme2024AllyearCategoriesListModal__parent:active,.BestCosme2024AllyearCategoriesListModal__parent:focus,.BestCosme2024AllyearCategoriesListModal__parent:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .BestCosme2024AllyearCategoriesListModal__parent {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2024AllyearCategoriesListModal__parent:after {
    background-color: var(--object-secondary);
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.BestCosme2024AllyearCategoriesListModal__children {
    display: none
}

.BestCosme2024AllyearCategoriesListModal__children__link {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 150%;
    padding: 16px;
    text-decoration: none
}

.BestCosme2024AllyearCategoriesListModal__children__link:active,.BestCosme2024AllyearCategoriesListModal__children__link:focus,.BestCosme2024AllyearCategoriesListModal__children__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .BestCosme2024AllyearCategoriesListModal__children__link {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2024AllyearCategoriesListModal__children__link:after {
    background-color: var(--object-secondary);
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.BestCosme2024AllyearCover__banner {
    background: linear-gradient(90deg,#a08133,#dfd382 50%,#a08133);
    display: block;
    padding: 12px 0 9px;
    width: 100%
}

.BestCosme2024AllyearCover__banner__img {
    display: block;
    height: 35px;
    margin: 0 auto
}

.BestCosme2024AllyearCover__list {
    align-items: center;
    background: var(--background-elevation-high);
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    overflow: scroll;
    padding: 16px;
    position: sticky;
    top: 64px;
    z-index: 9999
}

@media (max-width: 834px) {
    .BestCosme2024AllyearCover__list {
        height:91px;
        justify-content: flex-start;
        top: 98px
    }

    .BestCosme2024AllyearCover__list.hide-open-app-banner {
        top: 48px
    }
}

.BestCosme2024AllyearCover__list__item {
    background: linear-gradient(135deg,#ecbfd7,#ff95a9 10%,#ff7a7e 20%,#ff7676 30%,#ff756e 40%,#ff756e 50%,#ff8183 60%,#f79ab3 70%,#e1b1cc 80%,#cdc2d6 90%,#cbc7d9 95%,#c5cbde 97%,#c9d1e2 98%,#b4dbe6);
    border-radius: 8px;
    min-width: 160px;
    padding: 1px
}

.BestCosme2024AllyearCover__list__link {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    padding: 8px 16px 8px 8px
}

.BestCosme2024AllyearCover__list__link,.BestCosme2024AllyearCover__list__link:active,.BestCosme2024AllyearCover__list__link:focus,.BestCosme2024AllyearCover__list__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .BestCosme2024AllyearCover__list__link {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2024AllyearCover__list__link.active {
    background: unset;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none
}

.BestCosme2024AllyearCover__list__link.active:active,.BestCosme2024AllyearCover__list__link.active:focus,.BestCosme2024AllyearCover__list__link.active:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width: 834px) {
    .BestCosme2024AllyearCover__list__link.active {
        color:#fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2024AllyearCover__list__icon {
    height: 40px;
    width: 40px
}

.BestCosme2024AllyearCover__list__txt {
    flex: 1;
    text-align: center
}

.BestCosme2024AllyearCover__list__txt:has(>span) {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 600;
    line-height: 150%
}

.BestCosme2024AllyearCover__list__txt.active:has(>span) {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 150%
}

.BestCosme2024AllyearCover__list__txt.active:has(>span) span {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 150%
}

.BestCosme2024AllyearCover__list__txt span {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 150%
}

.BestCosme2024AllyearCover__coverWrapper {
    margin: 0
}

.BestCosme2024AllyearCover__cover {
    width: 100%
}

.BestCosme2024AllyearFeature__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    padding: 16px 0;
    text-align: center
}

.BestCosme2024AllyearFeature__list {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2,1fr);
    list-style-type: none;
    margin: 0;
    max-width: 693px;
    padding: 0;
    place-content: center
}

@media (max-width: 834px) {
    .BestCosme2024AllyearFeature__list {
        margin:0 16px
    }
}

.BestCosme2024AllyearFeature__img {
    width: 100%
}

.BestCosme2024AllyearFeature__item:only-child {
    grid-column: 1/-1;
    text-align: center
}

.BestCosme2024AllyearLinkToRanking {
    align-items: center;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.BestCosme2024AllyearLinkToRanking.gold:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/decoration_square_gold-c01879c6909bcd11a7ff32b246d523aeaa8abc4ec95265749db7499e1eafc333.png) no-repeat 50%/contain
}

.BestCosme2024AllyearLinkToRanking.pink:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/decoration_square_pink-0c280452cca731f9211dad16045a4193cd0bf25a30b8d63bec65d4c0e2723ae0.png) no-repeat 50%/contain
}

.BestCosme2024AllyearLinkToRanking.blue:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2025/half/decoration_square_blue-d27f81cf1fb80802d09370f6a232383ada3e5f4b0043b16fa319cb30b43152c1.png) no-repeat 50%/contain
}

.BestCosme2024AllyearLinkToRanking:before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media (max-width: 834px) {
    .BestCosme2024AllyearLinkToRanking:before {
        height:100%;
        width: 100%
    }
}

.BestCosme2024AllyearLinkToRanking__image {
    aspect-ratio: 1/1;
    height: auto;
    object-fit: contain;
    width: 58%
}

.BestCosme2024AllyearLinkToRanking__cta {
    align-items: center;
    background: #000;
    border-radius: 64px;
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    gap: 10px;
    justify-content: space-between;
    line-height: 150%;
    padding: 16px 24px;
    position: absolute
}

@media (max-width: 834px) {
    .BestCosme2024AllyearLinkToRanking__cta {
        color:#fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2024AllyearLinkToRanking__cta:after {
    background-color: #fff;
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.BestCosme2024AllyearProduct {
    width: 1012px
}

@media (max-width: 834px) {
    .BestCosme2024AllyearProduct {
        width:100%
    }
}

.BestCosme2024AllyearProduct__link {
    align-items: center;
    display: flex;
    gap: 32px;
    padding: 32px
}

.BestCosme2024AllyearProduct__link,.BestCosme2024AllyearProduct__link:active,.BestCosme2024AllyearProduct__link:focus,.BestCosme2024AllyearProduct__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .BestCosme2024AllyearProduct__link {
        flex-direction:column;
        gap: 16px;
        padding: 32px 32px 16px
    }
}

.BestCosme2024AllyearProduct__thumbArea {
    padding: 75px;
    position: relative
}

@media (max-width: 834px) {
    .BestCosme2024AllyearProduct__thumbArea {
        padding:calc(50vw - 137px)
    }
}

.BestCosme2024AllyearProduct__thumbArea.gold:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/decoration_square_gold-c01879c6909bcd11a7ff32b246d523aeaa8abc4ec95265749db7499e1eafc333.png) 50%/contain
}

.BestCosme2024AllyearProduct__thumbArea.pink:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/decoration_square_pink-0c280452cca731f9211dad16045a4193cd0bf25a30b8d63bec65d4c0e2723ae0.png) 50%/contain
}

.BestCosme2024AllyearProduct__thumbArea.blue:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2025/half/decoration_square_blue-d27f81cf1fb80802d09370f6a232383ada3e5f4b0043b16fa319cb30b43152c1.png) 50%/contain
}

.BestCosme2024AllyearProduct__thumbArea:before {
    bottom: 0;
    content: "";
    height: 360px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 360px
}

@media (max-width: 834px) {
    .BestCosme2024AllyearProduct__thumbArea:before {
        height:100%;
        width: 100%
    }
}

.BestCosme2024AllyearProduct__thumb {
    height: 210px;
    object-fit: contain;
    width: 210px
}

@media (max-width: 834px) {
    .BestCosme2024AllyearProduct__thumb {
        height:180px;
        width: 180px
    }
}

.BestCosme2024AllyearProduct__emblem {
    display: grid;
    gap: 8px 0;
    grid-template-columns: 1fr 1fr;
    left: -16px;
    position: absolute;
    top: -24px;
    width: 96px
}

.BestCosme2024AllyearProduct__emblem__thumb {
    object-fit: contain;
    width: 100%
}

.BestCosme2024AllyearProduct__emblem__thumb:first-child {
    grid-column: span 2
}

.BestCosme2024AllyearProduct__content {
    flex: 1
}

.BestCosme2024AllyearProduct__name {
    margin: 0 0 16px
}

.BestCosme2024AllyearProduct__name--brand {
    color: var(--object-secondary);
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 4px
}

@media (max-width: 834px) {
    .BestCosme2024AllyearProduct__name--brand {
        color:var(--object-secondary);
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        text-align: center
    }
}

.BestCosme2024AllyearProduct__name--product {
    color: var(--object-main);
    font-size: 32px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .BestCosme2024AllyearProduct__name--product {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        text-align: center
    }
}

.BestCosme2024AllyearProduct__catchWord {
    background: #fff1f2;
    border-radius: 8px;
    padding: 16px
}

.BestCosme2024AllyearProduct__catchWord.blue {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2025/half/gradient_pattern-258e507f52aa3bf292354949f03fa876fb02dd858361eb3515a1927caeb03f47.jpg) repeat-y 50% 50%;
    background-size: 100%
}

.BestCosme2024AllyearProduct__catchWord--txt {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 16px
}

.BestCosme2024AllyearProduct__catchWord--user {
    color: var(--object-secondary);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0 0
}

.BestCosme2024AllyearProduct__catchWord--cta {
    align-items: center;
    background: #fff;
    border: 1px solid var(--border-separation);
    border-radius: 7px;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 150%;
    padding: 12px;
    width: 100%
}

.BestCosme2024AllyearProduct__catchWord--cta span {
    margin: 0 0 0 auto
}

.BestCosme2024AllyearProduct__catchWord--cta:after {
    background-color: var(--object-secondary);
    content: "";
    height: 24px;
    margin-left: auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.BestCosme2024AllyearTitle--blue-lg {
    align-items: center;
    background: linear-gradient(135deg,#60c6e5,#5fc3e4 5%,#5ec1e3 10%,#5ebee2 15%,#5dbce1 20%,#5cb9de 25%,#59b5da 30%,#56aed8 35%,#54aad6 40%,#51a6d5 45%,#4fa3d3 50%,#4d9ed2 55%,#4b9bd0 60%,#4898cd 65%,#4492cb 70%,#418fc9 75%,#3f8ac7 80%,#3c86c6 85%,#3a82c4 90%,#387fc1 95%,#347bc0);
    background-clip: text;
    color: var(--object-main);
    color: transparent;
    display: flex;
    font-size: 32px;
    font-weight: 600;
    gap: 24px;
    justify-content: center;
    line-height: 150%;
    margin: 32px;
    text-align: center;
    -webkit-text-fill-color: transparent
}

@media (max-width: 834px) {
    .BestCosme2024AllyearTitle--blue-lg {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%;
        margin: 32px 0
    }
}

.BestCosme2024AllyearTitle--blue-lg span>span {
    background: linear-gradient(135deg,#60c6e5,#5fc3e4 5%,#5ec1e3 10%,#5ebee2 15%,#5dbce1 20%,#5cb9de 25%,#59b5da 30%,#56aed8 35%,#54aad6 40%,#51a6d5 45%,#4fa3d3 50%,#4d9ed2 55%,#4b9bd0 60%,#4898cd 65%,#4492cb 70%,#418fc9 75%,#3f8ac7 80%,#3c86c6 85%,#3a82c4 90%,#387fc1 95%,#347bc0);
    background-clip: text;
    color: var(--object-main);
    color: transparent;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    -webkit-text-fill-color: transparent;
    white-space: pre
}

@media (max-width: 834px) {
    .BestCosme2024AllyearTitle--blue-lg span>span {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2024AllyearTitle--blue-lg:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2025/half/blue_leaf_gradient_flipped-ae5bcf8aa9d007b1b2a776782560d1fbecc9f600758eadf1a39b8b885debcef9.png) no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    width: 30px
}

.BestCosme2024AllyearTitle--blue-lg:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2025/half/blue_leaf_gradient-70f1a498acd008a89a156e67a19fea7fc1798a54ee56248d6fdb921ac30b94c0.png) no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    width: 30px
}

.BestCosme2024AllyearTitle--gold-lg {
    align-items: center;
    background: linear-gradient(#cb923b,#d5be00 25%,#cc9214 49%,#ecac5f 67%,#e6be00 85%,#916025);
    background-clip: text;
    color: var(--object-main);
    color: transparent;
    display: flex;
    font-size: 32px;
    font-weight: 600;
    gap: 24px;
    justify-content: center;
    line-height: 150%;
    margin: 32px;
    text-align: center;
    -webkit-text-fill-color: transparent
}

@media (max-width: 834px) {
    .BestCosme2024AllyearTitle--gold-lg {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%;
        margin: 32px 0
    }
}

.BestCosme2024AllyearTitle--gold-lg span>span {
    background: linear-gradient(#cb923b,#d5be00 25%,#cc9214 49%,#ecac5f 67%,#e6be00 85%,#916025);
    background-clip: text;
    color: var(--object-main);
    color: transparent;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    -webkit-text-fill-color: transparent;
    white-space: pre
}

@media (max-width: 834px) {
    .BestCosme2024AllyearTitle--gold-lg span>span {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2024AllyearTitle--gold-lg:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/decoration_leaf_gold_left-4316d0e469181216c8576219ce2ade26e020674916b657fc6ccc18c1e1f3f258.png) no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    width: 30px
}

.BestCosme2024AllyearTitle--gold-lg:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/decoration_leaf_gold_right-6a67e6a63f18b67def886702faea8fc9046f7c39f1edc80b304ae58d29dc2baa.png) no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    width: 30px
}

.BestCosme2024AllyearTitle--pink-lg {
    align-items: center;
    background: linear-gradient(135deg,#ecbfd7,#ff95a9 10%,#ff7a7e 20%,#ff7676 30%,#ff756e 40%,#ff756e 50%,#ff8183 60%,#f79ab3 70%,#e1b1cc 80%,#cdc2d6 90%,#cbc7d9 95%,#c5cbde 97%,#c9d1e2 98%,#b4dbe6);
    background-clip: text;
    color: var(--object-main);
    color: transparent;
    display: flex;
    font-size: 32px;
    font-weight: 600;
    gap: 24px;
    justify-content: center;
    line-height: 150%;
    margin: 32px;
    text-align: center;
    -webkit-text-fill-color: transparent
}

@media (max-width: 834px) {
    .BestCosme2024AllyearTitle--pink-lg {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%;
        margin: 32px 0
    }
}

.BestCosme2024AllyearTitle--pink-lg span>span {
    background: linear-gradient(135deg,#ecbfd7,#ff95a9 10%,#ff7a7e 20%,#ff7676 30%,#ff756e 40%,#ff756e 50%,#ff8183 60%,#f79ab3 70%,#e1b1cc 80%,#cdc2d6 90%,#cbc7d9 95%,#c5cbde 97%,#c9d1e2 98%,#b4dbe6);
    background-clip: text;
    color: var(--object-main);
    color: transparent;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    -webkit-text-fill-color: transparent;
    white-space: pre
}

@media (max-width: 834px) {
    .BestCosme2024AllyearTitle--pink-lg span>span {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2024AllyearTitle--pink-lg:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/decoration_leaf_pink_left-10e87a670bd2ee78ded6b1771c70620e7a9d9ec951b36a34c5dd2a303b01a718.png) no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    width: 30px
}

.BestCosme2024AllyearTitle--pink-lg:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/decoration_leaf_pink_right-77a832f5f92fba8c7336ecdbd66859f6cae8ba0bf6b6e486a0fcc438ea2873d2.png) no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    width: 30px
}

.BestCosme2024AllyearTitle--pink-md {
    align-items: center;
    display: flex;
    font-size: 20px;
    gap: 24px;
    justify-content: space-between;
    margin: 0 0 16px;
    text-align: center
}

.BestCosme2024AllyearTitle--pink-md,.BestCosme2024AllyearTitle--pink-md span>span {
    background: linear-gradient(135deg,#ecbfd7,#ff95a9 10%,#ff7a7e 20%,#ff7676 30%,#ff756e 40%,#ff756e 50%,#ff8183 60%,#f79ab3 70%,#e1b1cc 80%,#cdc2d6 90%,#cbc7d9 95%,#c5cbde 97%,#c9d1e2 98%,#b4dbe6);
    background-clip: text;
    color: var(--object-main);
    color: transparent;
    font-weight: 600;
    line-height: 150%;
    -webkit-text-fill-color: transparent
}

.BestCosme2024AllyearTitle--pink-md span>span {
    display: block;
    font-size: 16px;
    white-space: pre
}

.BestCosme2024AllyearTitle--pink-md:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/decoration_leaf_pink_left-10e87a670bd2ee78ded6b1771c70620e7a9d9ec951b36a34c5dd2a303b01a718.png) no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    width: 30px
}

.BestCosme2024AllyearTitle--pink-md:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/decoration_leaf_pink_right-77a832f5f92fba8c7336ecdbd66859f6cae8ba0bf6b6e486a0fcc438ea2873d2.png) no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    width: 30px
}

.BestCosme2024AllyearTitle--blue-md {
    align-items: center;
    display: flex;
    font-size: 20px;
    gap: 24px;
    justify-content: space-between;
    margin: 0 0 16px;
    text-align: center
}

.BestCosme2024AllyearTitle--blue-md,.BestCosme2024AllyearTitle--blue-md span>span {
    background: linear-gradient(135deg,#60c6e5,#5fc3e4 5%,#5ec1e3 10%,#5ebee2 15%,#5dbce1 20%,#5cb9de 25%,#59b5da 30%,#56aed8 35%,#54aad6 40%,#51a6d5 45%,#4fa3d3 50%,#4d9ed2 55%,#4b9bd0 60%,#4898cd 65%,#4492cb 70%,#418fc9 75%,#3f8ac7 80%,#3c86c6 85%,#3a82c4 90%,#387fc1 95%,#347bc0);
    background-clip: text;
    color: var(--object-main);
    color: transparent;
    font-weight: 600;
    line-height: 150%;
    -webkit-text-fill-color: transparent
}

.BestCosme2024AllyearTitle--blue-md span>span {
    display: block;
    font-size: 16px;
    white-space: pre
}

.BestCosme2024AllyearTitle--blue-md:before {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2025/half/blue_leaf_gradient_flipped-ae5bcf8aa9d007b1b2a776782560d1fbecc9f600758eadf1a39b8b885debcef9.png) no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    width: 30px
}

.BestCosme2024AllyearTitle--blue-md:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2025/half/blue_leaf_gradient-70f1a498acd008a89a156e67a19fea7fc1798a54ee56248d6fdb921ac30b94c0.png) no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    width: 30px
}

.BestCosme2025HalfCover__banner {
    background: linear-gradient(90deg,#a08133,#dfd382 50%,#a08133);
    display: block;
    padding: 12px 0 9px;
    width: 100%
}

.BestCosme2025HalfCover__banner__img {
    display: block;
    height: 35px;
    margin: 0 auto
}

.BestCosme2025HalfCover__list {
    background: var(--background-elevation-high);
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    overflow: scroll;
    padding: 16px;
    position: sticky;
    top: 64px;
    z-index: 9999
}

@media (max-width: 834px) {
    .BestCosme2025HalfCover__list {
        justify-content:flex-start;
        top: 98px
    }

    .BestCosme2025HalfCover__list.hide-open-app-banner {
        top: 48px
    }
}

.BestCosme2025HalfCover__list__item {
    background: linear-gradient(135deg,#ecbfd7,#ff95a9 10%,#ff7a7e 20%,#ff7676 30%,#ff756e 40%,#ff756e 50%,#ff8183 60%,#f79ab3 70%,#e1b1cc 80%,#cdc2d6 90%,#cbc7d9 95%,#c5cbde 97%,#c9d1e2 98%,#b4dbe6);
    border-radius: 8px;
    min-width: 160px;
    padding: 1px
}

.BestCosme2025HalfCover__list__link {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%
}

.BestCosme2025HalfCover__list__link,.BestCosme2025HalfCover__list__link:active,.BestCosme2025HalfCover__list__link:focus,.BestCosme2025HalfCover__list__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .BestCosme2025HalfCover__list__link {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2025HalfCover__list__link.active {
    background: unset;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none
}

.BestCosme2025HalfCover__list__link.active:active,.BestCosme2025HalfCover__list__link.active:focus,.BestCosme2025HalfCover__list__link.active:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width: 834px) {
    .BestCosme2025HalfCover__list__link.active {
        color:#fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.BestCosme2025HalfCover__list__icon {
    height: 40px;
    width: 40px
}

.BestCosme2025HalfCover__list__txt {
    flex: 1;
    text-align: center
}

.BestCosme2025HalfCover__list__txt:has(>span) {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 600;
    line-height: 150%
}

.BestCosme2025HalfCover__list__txt.active:has(>span) {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 150%
}

.BestCosme2025HalfCover__list__txt.active:has(>span) span {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 150%
}

.BestCosme2025HalfCover__list__txt span {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 150%
}

.BestCosme2025HalfCover__coverWrapper {
    margin: 0
}

.BestCosme2025HalfCover__cover {
    width: 100%
}

.BestcosmeArchive {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 400px;
    padding: 24px 0
}

@media (max-width: 834px) {
    .BestcosmeArchive {
        padding:24px 16px;
        width: 100%
    }
}

.BestcosmeArchive__description {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 300;
    line-height: 170%;
    text-align: center;
    white-space: pre-wrap
}

.BestcosmeArchive__button {
    align-items: center;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    padding: 8px 16px;
    text-decoration: none!important
}

.BestcosmeArchive__button-title {
    color: var(--object-main);
    flex-grow: 1;
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin: 0;
    text-align: center
}

.BestcosmeArchive__column {
    column-gap: 8px;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px
}

.BestcosmeArchive__row {
    column-gap: 32px;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 834px) {
    .BestcosmeArchive__row {
        column-gap:8px
    }
}

.BestcosmeArchive__eyecatch {
    background-color: var(--background-elevation-low);
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    height: 184px;
    width: 184px
}

@media (max-width: 834px) {
    .BestcosmeArchive__eyecatch {
        aspect-ratio:1;
        height: 100%;
        max-height: 168px;
        max-width: 168px;
        width: 100%
    }
}

.BestcosmeArchive__img {
    border-radius: 4px;
    width: 100%
}

.BestcosmeArchive__spacer-md {
    height: 24px
}

.BestcosmeArchive__spacer-lg {
    height: 40px
}

.BestcosmeArchive__year {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%
}

.BestCosmeBeautyTrendWord {
    background-color: #f7f7f7
}

.BestCosmeBeautyTrendWord__figureheader {
    align-items: center;
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/beauty_trend_word/cover_pc-20340c239656cb0af539a67d906b9508bf66f4b9d19c0fd4c1d7ff7295234e24.png);
    background-size: cover;
    display: flex;
    flex-direction: column;
    padding: 40px 0 55px;
    position: relative;
    width: 100%
}

@media (max-width: 834px) {
    .BestCosmeBeautyTrendWord__figureheader {
        background:url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/beauty_trend_word/cover_sp-7db7fc8ea192703471232dbcad42c3433e9e87e144ac8fd86bd7657a222cec74.png);
        background-size: cover;
        padding: 40px 8px
    }
}

.BestCosmeBeautyTrendWord__title {
    margin: 0 0 24px
}

.BestCosmeBeautyTrendWord__title__img {
    width: 375px
}

.BestCosmeBeautyTrendWord__abstract {
    color: var(--object-reverse);
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 32px;
    text-align: center;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .BestCosmeBeautyTrendWord__abstract {
        color:var(--object-reverse);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        margin: 0 8px 32px;
        text-align: left;
        white-space: normal
    }
}

.BestCosmeBeautyTrendWord__anchor {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 544px
}

@media (max-width: 834px) {
    .BestCosmeBeautyTrendWord__anchor {
        width:100%
    }
}

.BestCosmeBeautyTrendWord__anchor__item {
    background: var(--background-elevation-high);
    border-radius: 8px
}

.BestCosmeBeautyTrendWord__anchor__link {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    gap: 8px;
    line-height: 150%;
    padding: 16px 8px 16px 12px
}

.BestCosmeBeautyTrendWord__anchor__link,.BestCosmeBeautyTrendWord__anchor__link:active,.BestCosmeBeautyTrendWord__anchor__link:focus,.BestCosmeBeautyTrendWord__anchor__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.BestCosmeBeautyTrendWord__anchor__link:before {
    background: linear-gradient(90deg,#a384e5,#619ded);
    border-radius: 50%;
    content: "";
    height: 8px;
    width: 8px
}

.BestCosmeBeautyTrendWord__anchor__link:after {
    background-color: var(--object-secondary);
    content: "";
    height: 16px;
    margin-left: auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.BestCosmeBeautyTrendWord__container {
    align-items: center;
    background: var(--background-elevation-high);
    box-shadow: 0 4px 4px 0 #00000040;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 auto;
    width: 480px
}

@media (max-width: 834px) {
    .BestCosmeBeautyTrendWord__container {
        box-shadow:unset;
        width: 100%
    }
}

.BestCosmeBeautyTrendWord__item {
    padding: 72px 0 40px;
    position: relative
}

.BestCosmeBeautyTrendWord__item:nth-child(odd) {
    background: #f8f5fd
}

.BestCosmeBeautyTrendWord__item:nth-child(2n) {
    background: #eef4fd
}

.BestCosmeBeautyTrendWord__item:before {
    background-color: #d6b057;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    margin: 0 auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/beauty_trend_word/ic_crown-fcf7168b76f6a58c042211935a74e35ee0f5f73fad56e800e30b653d4d4c6dfa.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/bestcosme/2024/allyear/beauty_trend_word/ic_crown-fcf7168b76f6a58c042211935a74e35ee0f5f73fad56e800e30b653d4d4c6dfa.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 0;
    top: 40px;
    width: 24px
}

.BestCosmeBeautyTrendWord__word {
    color: var(--object-main);
    display: flex;
    font-size: 32px;
    font-weight: 600;
    gap: 14px;
    justify-content: center;
    line-height: 150%;
    margin: 0 0 32px
}

.BestCosmeBeautyTrendWord__word:before {
    color: #d6b057;
    content: "｢"
}

.BestCosmeBeautyTrendWord__word:after {
    color: #d6b057;
    content: "｣"
}

.BestCosmeBeautyTrendWord__description {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 16px
}

.BestCosmeBeautyTrendWord__about {
    padding: 16px 24px 48px
}

.BestCosmeBeautyTrendWord__about__title {
    border-bottom: 1px solid var(--border-separation);
    margin: 0;
    padding: 32px 0 24px
}

.BestCosmeBeautyTrendWord__about__img {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    width: 100%
}

.BestCosmeBeautyTrendWord__about__subTitle {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 16px 4px
}

.BestCosmeBeautyTrendWord__about__txt {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 16px;
    white-space: pre-wrap
}

.BestCosmeAwardLink {
    background: linear-gradient(180deg,#fff,hsla(0,0%,100%,.6) 50.5%,#fff);
    border: 1px solid var(--border-separation);
    display: block;
    font-family: Noto Sans JP,system-ui,sans-serif;
    margin: 0 auto;
    padding: 8px 16px;
    position: relative;
    text-align: center;
    text-decoration: none!important;
    width: 100%
}

.BestCosmeAwardLink__list {
    list-style-type: none;
    margin: 0 auto;
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .BestCosmeAwardLink__list {
        width:100%
    }
}

.BestCosmeAwardLink__row {
    align-items: center;
    display: flex
}

.BestCosmeAwardLink__emblem {
    align-self: flex-start;
    display: block;
    height: 96px;
    left: 16px;
    margin-top: 8px;
    object-fit: contain;
    position: absolute;
    top: 8px;
    width: 96px
}

@media (max-width: 834px) {
    .BestCosmeAwardLink__emblem {
        height:75px;
        width: 75px
    }
}

.BestCosmeAwardLink__column {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.BestCosmeAwardLink__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 170%;
    margin-bottom: 0;
    margin-top: 32px;
    text-align: center;
    width: 100%
}

.BestCosmeAwardLink__description {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin-top: 13px;
    text-align: center;
    white-space: pre-wrap
}

.BestCosmeAwardLink__spacer {
    flex-grow: 1
}

.BestCosmeAwardLink__arrow {
    height: 32px;
    width: 32px
}

.BestCosmeAwardLink__archiveLink {
    display: flex;
    width: 100%
}

.BestCosmeAwardLink__archive {
    margin: 56px auto;
    max-width: 440px
}

@media (max-width: 834px) {
    .BestCosmeAwardLink__archive {
        width:calc(100% - 32px)
    }
}

.BestcosmeShow {
    margin: 0 auto;
    max-width: 560px
}

.BestcosmeTopBanner {
    background: linear-gradient(90deg,#a08133,#dfd382 50%,#a08133);
    display: flex;
    padding: 12px 0 9px;
    text-align: center;
    width: 100%
}

.BestcosmeTopBanner__image {
    display: inline-block;
    height: 35px;
    margin: 0 auto
}

.BestcosmeTopBanner__spacer {
    flex-grow: 1
}

@media (max-width: 834px) {
    figureheader.bestcosme-selecting-method__figureheader .background #eyecatch_pc {
        display:none
    }
}

@media (min-width: 835px) {
    figureheader.bestcosme-selecting-method__figureheader .background #eyecatch_pc {
        object-fit:contain;
        width: 100%
    }

    figureheader.bestcosme-selecting-method__figureheader .background #eyecatch_sp {
        display: none
    }
}

figureheader.bestcosme-selecting-method__figureheader img {
    width: 100%
}

main.bestcosme-selecting-method {
    background-color: var(--background-elevation-low);
    display: flex;
    flex-direction: column;
    font-family: Hiragino Sans;
    gap: 16px
}

main.bestcosme-selecting-method .pickup__contents>img {
    width: 100%
}

main.bestcosme-selecting-method section {
    background-color: #fff
}

main.bestcosme-selecting-method section .section__container {
    background-color: #fff;
    margin: 0 auto;
    max-width: 920px;
    padding: 48px 20px
}

main.bestcosme-selecting-method section .section__container h2 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method section .section__container h2 {
        font-size:32px
    }
}

main.bestcosme-selecting-method section .section__container .paragraph {
    display: flex;
    flex-direction: column;
    gap: 20px
}

main.bestcosme-selecting-method section .section__container .paragraph p {
    font-size: 18px;
    font-weight: 500
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method section .section__container .paragraph p {
        font-size:20px
    }
}

main.bestcosme-selecting-method section .section__container .text,main.bestcosme-selecting-method section .section__container>p {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 0
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method section .section__container .text,main.bestcosme-selecting-method section .section__container>p {
        font-size:16px
    }
}

main.bestcosme-selecting-method section .section__container .text.bold {
    font-weight: 600
}

main.bestcosme-selecting-method section .section__container ul {
    margin: 0;
    padding: 0
}

main.bestcosme-selecting-method section .section__container ul li {
    list-style-type: none
}

main.bestcosme-selecting-method section .section__container ul li:before {
    content: "・"
}

main.bestcosme-selecting-method section .section__container>* {
    margin-top: 24px
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method section .section__container>* {
        margin-top:32px
    }
}

main.bestcosme-selecting-method .content--card {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 560px;
    padding: 24px
}

main.bestcosme-selecting-method .content--card>p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

main.bestcosme-selecting-method .content--card .img__container {
    background-color: #fff;
    display: flex;
    height: 160px;
    justify-content: space-around;
    margin-bottom: 16px;
    padding: 16px
}

main.bestcosme-selecting-method .content--card .img__container img {
    height: 100%
}

main.bestcosme-selecting-method .content--card>img {
    width: 100%
}

main.bestcosme-selecting-method .content-paragraph {
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method .content-paragraph {
        font-size:14px
    }
}

main.bestcosme-selecting-method .content--card.inline {
    background-color: transparent;
    border: 1px solid var(--border-bg-gray,#e7e7e7);
    border-radius: 4px;
    padding: 0
}

main.bestcosme-selecting-method .two_items {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method .two_items {
        flex-direction:row;
        gap: 32px
    }
}

main.bestcosme-selecting-method .two_items .content--card {
    max-width: 100%;
    width: 100%
}

main.bestcosme-selecting-method .two_items .content--card img {
    width: 100%
}

main.bestcosme-selecting-method .grid-contents {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(1,1fr)
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method .grid-contents {
        gap:32px;
        grid-template-columns: repeat(2,1fr)
    }
}

main.bestcosme-selecting-method .grid-contents .content--card.inline {
    max-width: 100%;
    width: 100%
}

main.bestcosme-selecting-method .grid-contents .content--card.inline img {
    width: 100%
}

main.bestcosme-selecting-method #before_ranking_publish {
    padding: 0
}

main.bestcosme-selecting-method #before_ranking_publish img {
    width: 100%
}

main.bestcosme-selecting-method .bold {
    font-weight: 600
}

@media (max-width: 834px) {
    main.bestcosme-selecting-method .bold {
        display:block;
        width: 100%
    }
}

main.bestcosme-selecting-method .bottom-links {
    display: flex;
    flex-direction: column;
    gap: 32px
}

main.bestcosme-selecting-method .bottom-links img {
    max-width: 296px
}

main.bestcosme-selecting-method .link-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center
}

main.bestcosme-selecting-method h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

main.bestcosme-selecting-method .image_link {
    text-align: center;
    width: 100%
}

main.bestcosme-selecting-method .image_link img {
    margin: auto;
    max-width: 300px;
    width: 100%
}

main.bestcosme-selecting-method .q-and-a__card {
    background-color: #fff7f9;
    border-radius: 4px;
    padding: 16px 0
}

main.bestcosme-selecting-method .q-and-a__card .content__wrapper {
    display: flex;
    gap: 12px;
    padding: 0 15px
}

main.bestcosme-selecting-method .q-and-a__card .content__wrapper span {
    color: #f38481;
    font-family: Futura;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method .q-and-a__card .content__wrapper span {
        font-size:24px;
        line-height: 32px
    }
}

main.bestcosme-selecting-method .q-and-a__card .content {
    display: flex;
    flex-direction: column;
    gap: 8px
}

main.bestcosme-selecting-method .q-and-a__card .content .content__title {
    font-family: Hiragino Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method .q-and-a__card .content .content__title {
        font-size:16px
    }
}

main.bestcosme-selecting-method .q-and-a__card .content .content__body {
    display: flex;
    flex-direction: column;
    gap: 12px
}

main.bestcosme-selecting-method .q-and-a__card .title {
    align-items: center;
    background-color: #f38481;
    border-radius: 0 18px 18px 0;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    letter-spacing: .8px;
    line-height: 24px;
    margin-bottom: 12px;
    margin-right: 16px;
    padding: 2px 16px
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method .q-and-a__card .title {
        font-size:16px;
        margin-right: 24px
    }
}

main.bestcosme-selecting-method .q-and-a__card .title .q {
    font-family: Futura;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method .q-and-a__card .title .q {
        font-size:24px;
        line-height: 32px
    }
}

main.bestcosme-selecting-method .simple-card {
    background-color: #fff;
    padding-top: 16px
}

main.bestcosme-selecting-method .simple-card .title {
    background-color: #f38481;
    border-radius: 0 100vh 100vh 0;
    color: #fff;
    font-family: Hiragino Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: 170%;
    margin-bottom: 12px;
    padding: 4px 16px;
    width: fit-content
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method .simple-card .title {
        font-size:16px
    }
}

main.bestcosme-selecting-method .simple-card .content {
    align-items: flex-end;
    display: flex;
    gap: 8px;
    padding-left: 12px
}

main.bestcosme-selecting-method .simple-card .content .content__text {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding-bottom: 16px
}

@media (min-width: 835px) {
    main.bestcosme-selecting-method .simple-card .content .content__text {
        font-size:14px
    }
}

main.bestcosme-selecting-method .simple-card .content img {
    height: 100%;
    width: 80px
}

.bestcosme-opening-2021-half {
    background-color: #fff;
    padding: 0 0 24px
}

@media (min-width: 835px) {
    .bestcosme-opening-2021-half {
        height:auto;
        margin: 0 auto;
        width: 640px
    }
}

.bestcosme-opening-2021-half__figureheader {
    color: #000;
    font-family: Noto Sans JP,serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    padding: 16px 0 24px;
    position: relative;
    text-align: center;
    white-space: pre-wrap
}

.bestcosme-opening-2021-half__figureheader__highlight_text {
    color: var(--expressive-red)
}

.bestcosme-opening-2021-half__figureheader__present-icon {
    bottom: 9px;
    height: 44px;
    position: absolute;
    right: 14px;
    width: 44px
}

.bestcosme-opening-2021-half__eyecatch-image {
    height: auto;
    width: 100%
}

.bestcosme-opening-2021-half__product-list {
    align-items: stretch;
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style: none;
    overflow: auto;
    padding: 12px
}

.bestcosme-opening-2021-half__product-item {
    background-color: #fff;
    border: 1px solid var(--background-elevation-low);
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    flex-shrink: 0;
    height: 80px;
    margin-right: 12px;
    width: 280px
}

.bestcosme-opening-2021-half__product-link {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 12px;
    width: 100%
}

.bestcosme-opening-2021-half__product-thumb {
    border-radius: 8px;
    height: 56px;
    margin-right: 8px;
    object-fit: cover;
    width: 56px
}

.bestcosme-opening-2021-half__product-info {
    margin: 0;
    width: calc(100% - 64px)
}

.bestcosme-opening-2021-half__product-brand {
    color: var(--object-secondary);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: auto;
    line-height: 16px;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.bestcosme-opening-2021-half__product-name {
    color: #2d2926;
    font-size: 13px;
    line-height: 18px
}

.bestcosme-opening-2021-half__product-name,.bestcosme-opening-2021-half__product-pattern-name {
    font-weight: 500;
    letter-spacing: auto;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    margin-top: 4px;
    overflow: hidden
}

.bestcosme-opening-2021-half__product-pattern-name {
    color: var(--object-secondary);
    font-size: 11px;
    line-height: 16px
}

.bestcosme-opening-2021-half__condition {
    font-size: 11px;
    line-height: 15px;
    padding: 0 20px
}

.bestcosme-opening-2021-half__condition ul {
    padding-inline-start:inherit}

.bestcosme-opening-2021-half__disclaimer {
    font-size: 9px
}

.bestcosme-opening-2021-half__result {
    background-color: #fff;
    padding: 20px 16px
}

.bestcosme-opening-2021-half__result-link {
    align-items: center;
    background-color: #1d9bf0;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    letter-spacing: .4px;
    line-height: 24px;
    margin: 16px 0 0;
    padding: 12px 0;
    text-align: center;
    width: 100%
}

.bestcosme-opening-2021-half__result-link:before {
    background: url(https://cdn.lipscosme.com/assets/sns/twitter/light_100-eb97af6c2957848df98f1d0687dd604570f69dff914227e92d07bbde847f6509.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.bestcosme-opening-2021-half__present-image {
    height: auto;
    width: 100%
}

.bestcosme-opening-2021-half__web-to-app-image {
    height: auto;
    margin: 24px 0 0;
    width: 100%
}

.bestcosme-opening-2021-half__form {
    background-color: #fff;
    margin-top: 16px;
    padding: 20px 16px
}

.bestcosme-opening-2021-half__form-title {
    color: #2d2926;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 26px;
    margin: 0;
    text-align: center
}

.bestcosme-opening-2021-half__form-attention {
    color: var(--object-secondary);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 8px 0 0;
    text-align: center
}

.bestcosme-opening-2021-half__form-step {
    margin: 24px 0 0
}

.bestcosme-opening-2021-half__form-step-title {
    border-left: 3px solid var(--expressive-red);
    color: #2d2926;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 24px;
    padding-left: 12px
}

.bestcosme-opening-2021-half__form-step-num {
    color: var(--object-secondary);
    display: block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 4px
}

.bestcosme-opening-2021-half__form-step-input {
    margin: 12px 0 0;
    position: relative
}

.bestcosme-opening-2021-half__form-step-input__suggest {
    background-color: #fff;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    list-style: none;
    margin: 0;
    max-height: 360px;
    overflow: scroll;
    padding: 8px 12px;
    position: absolute;
    top: 56px;
    width: 100%;
    z-index: 10
}

.bestcosme-opening-2021-half__form-step-input__suggest-list {
    border-bottom: 1px solid var(--border-separation)
}

.bestcosme-opening-2021-half__form-step-input__suggest-list:last-child {
    border-bottom: 0
}

.bestcosme-opening-2021-half__form-step-input__suggest-link {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 12px;
    width: 100%
}

.bestcosme-opening-2021-half__form-step-input__suggest-link:hover {
    text-decoration: none
}

.bestcosme-opening-2021-half__form-step-input__suggest-thumb {
    border-radius: 8px;
    height: 48px;
    margin-right: 8px;
    object-fit: cover;
    width: 48px
}

.bestcosme-opening-2021-half__form-step-input__suggest-info {
    margin: 0;
    width: calc(100% - 56px)
}

.bestcosme-opening-2021-half__form-step-input__suggest-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: auto;
    line-height: 16px
}

.bestcosme-opening-2021-half__form-step-input__suggest-name {
    color: #2d2926;
    display: block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: auto;
    line-height: 18px;
    margin-top: 4px
}

.bestcosme-opening-2021-half__form-step-input__suggest-empty {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 20px;
    margin: 0;
    padding: 8px 0;
    text-align: center
}

.bestcosme-opening-2021-half__form-step-caption {
    color: #2d2926;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 20px;
    margin: 12px 0
}

.bestcosme-opening-2021-half__form-step-textfield {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: #2d2926;
    font-weight: 500;
    margin: 0 0 8px;
    padding: 12px
}

.bestcosme-opening-2021-half__form-step-submit,.bestcosme-opening-2021-half__form-step-textfield {
    display: block;
    font-size: 14px;
    height: 48px;
    letter-spacing: .4px;
    line-height: 24px;
    outline: none;
    width: 100%
}

.bestcosme-opening-2021-half__form-step-submit {
    background-color: var(--expressive-red);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    margin: 24px 0 0;
    text-align: center
}

.bestcosme-opening-2021-half__form-step-submit:disabled {
    background-color: var(--border-separation)
}

.bestcosme-opening-2021-half__form-step-counter {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 4px 0 0;
    text-align: right
}

.bestcosme-opening-2021-half__form-cosmetic-list {
    list-style: none;
    padding: 0
}

.bestcosme-opening-2021-half__form-cosmetic-item {
    align-items: stretch;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    height: auto;
    padding: 16px 0;
    width: 100%
}

.bestcosme-opening-2021-half__form-cosmetic-thumb {
    border-radius: 8px;
    display: block;
    height: 80px;
    margin-right: 16px;
    object-fit: cover;
    width: 80px
}

.bestcosme-opening-2021-half__form-cosmetic-info {
    width: calc(100% - 96px)
}

.bestcosme-opening-2021-half__form-cosmetic-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px
}

.bestcosme-opening-2021-half__form-cosmetic-name {
    color: #2d2926;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 20px;
    margin: 4px 0 0
}

.bestcosme-opening-2021-half__form-cosmetic-action {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 16px 0 0
}

.bestcosme-opening-2021-half__form-cosmetic-remove {
    color: #ff6057;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 18px
}

.bestcosme-opening-2021-half__form-cosmetic-pattern {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: block;
    height: 28px;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding: 4px 8px;
    position: relative;
    width: 160px
}

.bestcosme-opening-2021-half__form-cosmetic-pattern:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    position: absolute;
    right: 6px;
    top: 6px;
    transform: rotate(180deg);
    width: 16px
}

.bestcosme-opening-2021-half__form-cosmetic-pattern:hover {
    text-decoration: none
}

.bestcosme-opening-2021-half__form-nickname {
    margin: 32px 0 0
}

.bestcosme-opening-2021-half__alert {
    display: none
}

.BrandCategoryRankingsList__root {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.BrandCategoryRankingsList__root__item:not(:last-child) {
    border-bottom: 1px solid var(--border-separation)
}

.BrandCategoryRankingsList__root__link {
    align-items: center;
    background: var(--background-elevation-high);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
    line-height: 150%;
    padding: 10px 16px
}

.BrandCategoryRankingsList__root__link,.BrandCategoryRankingsList__root__link:active,.BrandCategoryRankingsList__root__link:focus,.BrandCategoryRankingsList__root__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.BrandCategoryRankingsList__root__link:after {
    background-color: var(--object-secondary);
    content: "";
    height: 20px;
    margin-left: auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

.BrandCategoryRankingsList__root__link.bg-gray {
    background: var(--background-elevation-low);
    padding: 16px
}

.BrandCategoryRankingsList__root__link.bg-gray:after {
    background-color: var(--expressive-blue);
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.BrandCategoryRankingsList__root__link.open:after {
    transform: rotate(-180deg);
    transition: transform .2s
}

.BrandCategoryRankingsList__root__thumb {
    border: 1px solid var(--border-separation);
    border-radius: 50%;
    height: 36px;
    object-fit: contain;
    width: 36px
}

.BrandCategoryRankingsList__parent {
    background: var(--background-elevation-low);
    list-style-type: none;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height .4s
}

.BrandCategoryRankingsList__parent.open {
    max-height: 999px;
    transition: max-height .4s
}

.BrandCategoryRankingsList__child {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 16px
}

.BrandCategoryRankingsList__child__item {
    background: var(--background-elevation-low);
    border-bottom: 1px solid var(--border-separation)
}

.BrandCategoryRankingsList__child__link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
    line-height: 150%;
    padding: 16px
}

.BrandCategoryRankingsList__child__link,.BrandCategoryRankingsList__child__link:active,.BrandCategoryRankingsList__child__link:focus,.BrandCategoryRankingsList__child__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.BrandCategoryRankingsList__child__link:after {
    background-color: var(--expressive-blue);
    content: "";
    height: 20px;
    margin-left: auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

.BrandFeatureBrandList {
    background: var(--background-elevation-low);
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (min-width: 835px) {
    .BrandFeatureBrandList {
        gap:12px
    }
}

.BrandFeatureBrandList__anchor {
    background: var(--background-elevation-high);
    padding: 0 0 48px
}

@media (max-width: 834px) {
    .BrandFeatureBrandList__anchor {
        padding:0 16px 32px
    }
}

.BrandFeatureBrandList__anchor__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 8px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (min-width: 835px) {
    .BrandFeatureBrandList__anchor__list {
        gap:24px 12px
    }
}

.BrandFeatureBrandList__anchor__listItem {
    width: calc(33.33333% - 5.33333px)
}

@media (min-width: 835px) {
    .BrandFeatureBrandList__anchor__listItem {
        width:calc(16.66667% - 10px)
    }
}

.BrandFeatureBrandList__anchor__link {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.BrandFeatureBrandList__anchor__link,.BrandFeatureBrandList__anchor__link:active,.BrandFeatureBrandList__anchor__link:focus,.BrandFeatureBrandList__anchor__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.BrandFeatureBrandList__anchor__thumb {
    aspect-ratio: 1/1;
    background: var(--background-elevation-low);
    border: 1.5px solid var(--border-separation);
    border-radius: 4px;
    object-fit: contain;
    width: 100%
}

.BrandFeatureBrandList__anchor__content {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.BrandFeatureBrandList__anchor__name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.BrandFeatureBrandList__anchor__alias {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.BrandFeatureBrandList__main__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (min-width: 835px) {
    .BrandFeatureBrandList__main__list {
        gap:12px
    }
}

.BrandFeatureBrandList__main__listItem {
    background: var(--background-elevation-high)
}

.BrandFeatureBrandList__main__link {
    align-items: center;
    display: flex;
    gap: 12px;
    padding: 32px 16px
}

.BrandFeatureBrandList__main__link,.BrandFeatureBrandList__main__link:active,.BrandFeatureBrandList__main__link:focus,.BrandFeatureBrandList__main__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (min-width: 835px) {
    .BrandFeatureBrandList__main__link {
        gap:20px;
        padding: 48px 0
    }
}

.BrandFeatureBrandList__main__thumb {
    background: var(--background-elevation-low);
    border: 1.5px solid var(--border-separation);
    border-radius: 4px;
    height: 60px;
    object-fit: contain;
    width: 60px
}

@media (min-width: 835px) {
    .BrandFeatureBrandList__main__thumb {
        height:80px;
        width: 80px
    }
}

.BrandFeatureBrandList__main__content {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.BrandFeatureBrandList__main__name {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%
}

@media (min-width: 835px) {
    .BrandFeatureBrandList__main__name {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%
    }
}

.BrandFeatureBrandList__main__alias {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (min-width: 835px) {
    .BrandFeatureBrandList__main__alias {
        color:var(--object-secondary);
        font-size: 18px;
        font-weight: 400;
        line-height: 150%
    }
}

.BrandFeatureBrandList .ProductListArticlePost {
    padding: 32px 12px
}

@media (min-width: 835px) {
    .BrandFeatureBrandList .ProductListArticlePost {
        padding:48px 0
    }
}

.BrandFeatureBrandList__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.BrandFeatureBrandList__more-link,.BrandFeatureBrandList__more-link:active,.BrandFeatureBrandList__more-link:focus,.BrandFeatureBrandList__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .BrandFeatureBrandList__more-link {
        margin:16px 16px 24px;
        margin: 0 auto 32px;
        width: calc(100% - 32px)
    }
}

@media (min-width: 835px) {
    .BrandFeatureBrandList__more-link {
        margin:0 auto 48px
    }
}

.BrandFeatureBrandList .lips-pagination {
    background: var(--background-elevation-high)
}

.BrandFeatureShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .BrandFeatureShow__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 170%;
        margin: 24px 16px 12px
    }
}

.BrandFeatureShow__description {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin: 0 0 32px
}

@media (max-width: 834px) {
    .BrandFeatureShow__description {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%;
        margin: 12px 16px 24px
    }

    .BrandUsersIndex {
        background: var(--background-elevation-low)
    }
}

.BrandUsersIndex__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    padding: 32px 0 24px
}

@media (max-width: 834px) {
    .BrandUsersIndex__title-area {
        padding:16px 16px 24px
    }
}

.BrandUsersIndex__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .BrandUsersIndex__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.BrandUsersIndex__abstract {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .BrandUsersIndex__abstract {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 20px;
        margin: 0 0 12px
    }
}

.BrandUsersIndex__campaigns-list,.BrandUsersIndex__users-list {
    background: #fff;
    margin: 40px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .BrandUsersIndex__campaigns-list,.BrandUsersIndex__users-list {
        margin:16px 0
    }

    .BrandUsersIndex__campaigns-list {
        padding: 24px 0
    }
}

.BrandTags {
    display: flex;
    gap: 8px
}

.BrandTags__tag {
    background-color: #efefef;
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-width: 70px;
    padding: 2px 8px;
    text-align: center
}

@media (max-width: 834px) {
    .BrandTags__tag {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%;
        min-width: 50px;
        padding: 2.5px 4px
    }
}

.brand-user-link__link {
    align-items: center;
    background: var(--background-elevation-low);
    border-radius: 4px;
    display: flex;
    padding: 12px
}

.brand-user-link__link,.brand-user-link__link:active,.brand-user-link__link:focus,.brand-user-link__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .brand-user-link__link {
        margin:16px;
        padding: 8px
    }
}

.brand-user-link__link:after {
    background-color: var(--object-secondary);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 24px;
    margin-left: 12px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

@media (max-width: 834px) {
    .brand-user-link__link:after {
        height:20px;
        width: 20px
    }
}

.brand-user-link__profile-img {
    border-radius: 4px;
    flex-shrink: 0;
    height: 52px;
    object-fit: cover;
    width: 52px
}

@media (max-width: 834px) {
    .brand-user-link__profile-img {
        height:48px;
        width: 48px
    }
}

.brand-user-link__info {
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0 0 0 12px;
    min-width: 0
}

.brand-user-link__nickname {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .brand-user-link__nickname {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 4px
    }
}

.brand-user-link__info-list {
    display: flex;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.brand-user-link__info-item {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .brand-user-link__info-item {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.brand-user-link__info-item:first-child {
    margin-right: 4px
}

.brand-user-link__info-item-follower:before,.brand-user-link__info-item-like:before {
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

.brand-user-link__info-item-like:before {
    background-color: var(--object-secondary);
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/heart-f0b8fa4dbf6593683ffe38b759a9c98f417416520d2292ec288f457ed8454fb2.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/heart-f0b8fa4dbf6593683ffe38b759a9c98f417416520d2292ec288f457ed8454fb2.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.brand-user-link__info-item-follower:before {
    background-color: var(--object-secondary);
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/edit-2-7843cc3e39491756bda7ff64b24f5d7c9eb078f54bc9e06e120d5dcf8c21a253.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/edit-2-7843cc3e39491756bda7ff64b24f5d7c9eb078f54bc9e06e120d5dcf8c21a253.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.brand-user-link__info-icon {
    height: 16px;
    margin-right: 2px;
    object-fit: contain;
    width: 16px
}

.brand-user-link__posts-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 2px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 834px) {
    .brand-user-link__posts-list {
        display:grid;
        gap: 1px;
        grid-template-columns: repeat(3,1fr)
    }
}

.brand-user-link__posts-list::-webkit-scrollbar {
    display: none
}

.brand-user-link__posts {
    margin-bottom: 20px
}

.brand-user-link__posts-link {
    display: block;
    position: relative
}

.brand-user-link__posts-link,.brand-user-link__posts-link:active,.brand-user-link__posts-link:focus,.brand-user-link__posts-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.brand-user-link__posts-thumb {
    height: 124px;
    object-fit: cover;
    width: 124px
}

@media (max-width: 834px) {
    .brand-user-link__posts-thumb {
        aspect-ratio:1;
        height: unset;
        width: 100%
    }
}

.brand-user-link__movie-play-ic {
    bottom: 0;
    height: 42px;
    left: 0;
    margin: auto;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px
}

@media (max-width: 834px) {
    .brand-categories {
        background:var(--background-elevation-low)
    }
}

.brand-categories__title-area {
    background: var(--background-elevation-high);
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .brand-categories__title-area {
        padding:16px 16px 24px
    }
}

.brand-categories__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .brand-categories__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.brand-categories__abstract {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin: 16px 0
}

@media (max-width: 834px) {
    .brand-categories__abstract {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%;
        margin: 0 0 12px
    }
}

.brand-categories__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0;
    text-align: right
}

@media (max-width: 834px) {
    .brand-categories__update-time {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.brand-categories__disclaimer {
    margin: 16px 0
}

.brand-categories__anchor-link {
    background: var(--background-elevation-high)
}

@media (max-width: 834px) {
    .brand-categories__anchor-link {
        margin:8px 0 0
    }
}

.brand-categories__brand-detail-button {
    background-color: #efefef;
    border-radius: 4px;
    color: var(--expressive-red);
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    width: 360px
}

.brand-categories__brand-detail-button:active,.brand-categories__brand-detail-button:focus,.brand-categories__brand-detail-button:hover {
    color: var(--expressive-red);
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .brand-categories__brand-detail-button {
        margin:16px 16px 24px;
        margin: 16px 0 0;
        width: calc(100% - 32px);
        width: 100%
    }
}

.brand-categories__latest-products,.brand-categories__ranking-products,.brand-categories__related-articles,.brand-categories__select-buttons,.brand-categories__spec {
    background: var(--background-elevation-high);
    margin: 48px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .brand-categories__latest-products,.brand-categories__ranking-products,.brand-categories__related-articles,.brand-categories__select-buttons,.brand-categories__spec {
        margin:16px 0
    }
}

.brand-figureheader {
    background: #fff
}

.brand-figureheader__link {
    border-bottom: 1px solid var(--border-separation);
    display: block;
    padding: 12px
}

.brand-figureheader__link,.brand-figureheader__link:active,.brand-figureheader__link:focus,.brand-figureheader__link:hover {
    color: #000;
    text-decoration: none
}

.brand-figureheader__list {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.brand-figureheader__list:before {
    background: url(https://cdn.lipscosme.com/assets/arrow/back_fill-2ce378bd1977e1b4ba29a40fab99787c6879abea5adc83367264d0760e8e6030.png) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 14px 12px 14px 0;
    width: 20px
}

@media (max-width: 834px) {
    .brand-figureheader__list:before {
        height:16px;
        margin: 8px 8px 8px 0;
        width: 16px
    }
}

.brand-figureheader__thumb {
    border-radius: 4px;
    height: 48px;
    object-fit: cover;
    width: 48px
}

@media (max-width: 834px) {
    .brand-figureheader__thumb {
        height:32px;
        width: 32px
    }
}

.brand-figureheader__name {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 12px
}

@media (max-width: 834px) {
    .brand-figureheader__name {
        margin:4px 8px
    }

    .brands-index {
        background: var(--background-elevation-low)
    }
}

.brands-index__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .brands-index__title-area {
        padding:16px
    }
}

.brands-index__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .brands-index__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.brands-index__brand-users,.brands-index__brands,.brands-index__popular-brands {
    background: #fff;
    margin: 32px 0 48px;
    padding: .1px 0
}

@media (max-width: 834px) {
    .brands-index__brand-users,.brands-index__brands,.brands-index__popular-brands {
        margin:16px 0
    }
}

.brands-index__pagination {
    background: #fff;
    margin: 24px 0
}

@media (max-width: 834px) {
    .brands-index__pagination {
        margin:16px 0
    }
}

.brand-link-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 8px
}

@media (max-width: 834px) {
    .brand-link-buttons {
        width:100%
    }
}

.brand-link-buttons>a:not(:last-child) {
    margin-right: 8px
}

.brand-link-buttons__link-btns {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    gap: 12px 8px
}

.brand-link-buttons__link-btn-sns-ic {
    height: 36px;
    width: 36px
}

.brand-link-buttons__link-btn-official,.brand-link-buttons__link-btn-shop {
    border: 1px solid var(--object-main);
    border-radius: 20px;
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 120px
}

.brand-link-buttons__link-btn-official:active,.brand-link-buttons__link-btn-official:focus,.brand-link-buttons__link-btn-official:hover,.brand-link-buttons__link-btn-shop:active,.brand-link-buttons__link-btn-shop:focus,.brand-link-buttons__link-btn-shop:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .brand-link-buttons__link-btn-official,.brand-link-buttons__link-btn-shop {
        flex:1
    }
}

.redesign .brand-link-buttons>a:not(:last-child) {
    margin-right: 0
}

.redesign .brand-link-buttons__link-btn-official,.redesign .brand-link-buttons__link-btn-shop {
    background: #efefef;
    border: none;
    border-radius: 50px;
    color: var(--object-main);
    flex-grow: 1;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 9px 12px;
    text-align: center;
    text-decoration: none;
    text-wrap: nowrap;
    width: unset
}

.redesign .brand-link-buttons__link-btn-official:active,.redesign .brand-link-buttons__link-btn-official:focus,.redesign .brand-link-buttons__link-btn-official:hover,.redesign .brand-link-buttons__link-btn-shop:active,.redesign .brand-link-buttons__link-btn-shop:focus,.redesign .brand-link-buttons__link-btn-shop:hover {
    color: var(--object-main);
    text-decoration: none
}

.redesign .brand-link-buttons__link-btn-shop span:last-child {
    display: none
}

@media (min-width: 835px) {
    .redesign .brand-link-buttons__link-btns:first-child a:only-child {
        flex-grow:unset;
        margin: auto;
        max-width: 100%;
        width: 380px
    }
}

.brands-list__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .brands-list__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.brands-list__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .brands-list__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.brands-list__search-area {
    position: relative
}

.brands-list__search-form {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: #2d2926;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 150%;
    margin: 16px 0;
    padding: 10px 12px;
    width: 100%
}

@media (max-width: 834px) {
    .brands-list__search-form {
        margin:16px;
        width: calc(100% - 32px)
    }
}

.brands-list__search-form::placeholder {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.brands-list__search-form:focus {
    border: 1px solid var(--expressive-red);
    outline: none
}

.brands-list__search-result-list {
    background: #fff;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 56px;
    z-index: 1
}

.brands-list__search-result-item {
    border-bottom: 1px solid var(--border-separation);
    height: 40px
}

.brands-list__search-result-link {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 10px 12px
}

.brands-list__search-result-link,.brands-list__search-result-link:active,.brands-list__search-result-link:focus,.brands-list__search-result-link:hover {
    color: #2d2926;
    text-decoration: none
}

.brands-list__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .brands-list__list {
        padding:0 0 8px
    }
}

.brands-list__item {
    border-bottom: 1px solid var(--border-separation);
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .brands-list__item {
        width:100%
    }
}

.brands-list__link {
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 12px 0
}

.brands-list__link,.brands-list__link:active,.brands-list__link:focus,.brands-list__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .brands-list__link {
        padding:12px 16px
    }
}

.brands-list__brand-name {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

.brands-list__alias-name {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 6px 0 0
}

.brands-list__def {
    align-items: center;
    background: var(--background-primary);
    border-radius: 12px;
    display: flex;
    flex-direction: row-reverse;
    height: 24px;
    margin: auto 0;
    padding: 4px 4px 4px 8px
}

.brands-list__def-term {
    line-height: 0
}

.brands-list__def-icon {
    filter: brightness(0) invert(1);
    height: 16px;
    object-fit: contain;
    width: 16px
}

.brands-list__def-desc {
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.brands-list__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.brands-list__more-link,.brands-list__more-link:active,.brands-list__more-link:focus,.brands-list__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .brands-list__more-link {
        margin:16px 16px 24px;
        margin: 16px auto 24px;
        width: calc(100% - 32px)
    }
}

.brands-medium-list__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .brands-medium-list__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.brands-medium-list__list {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 834px) {
    .brands-medium-list__list {
        gap:12px;
        margin: 8px 0 0
    }
}

.brands-medium-list__list::-webkit-scrollbar {
    display: none
}

.brands-medium-list__item {
    flex-shrink: 0;
    margin-bottom: 24px;
    width: 110px
}

@media (max-width: 834px) {
    .brands-medium-list__item {
        margin:0;
        width: 92px
    }

    .brands-medium-list__item:first-child {
        margin-left: 16px
    }
}

.brands-medium-list__link {
    display: block
}

.brands-medium-list__link,.brands-medium-list__link:active,.brands-medium-list__link:focus,.brands-medium-list__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.brands-medium-list__thumb-container {
    position: relative
}

.brands-medium-list__thumb-container:after {
    bottom: 0;
    position: absolute;
    right: 0
}

.brands-medium-list__thumb {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: block;
    height: 110px;
    margin: 0 auto;
    object-fit: cover;
    width: 110px
}

@media (max-width: 834px) {
    .brands-medium-list__thumb {
        height:92px;
        width: 92px
    }
}

.brands-medium-list__badge {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.brands-medium-list__contents {
    margin: 8px 0 0
}

.brands-medium-list__nickname {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .brands-medium-list__nickname {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.brands-medium-list__official {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 8px
}

.brands-medium-list__info {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.brands-medium-list__def {
    align-items: center;
    display: flex;
    margin: 0
}

.brands-medium-list__def-desc {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .brands-medium-list__def-desc {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.brands-medium-list__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.brands-medium-list__more-link,.brands-medium-list__more-link:active,.brands-medium-list__more-link:focus,.brands-medium-list__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .brands-medium-list__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.BrandsMoreLinkCard__link {
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    display: flex;
    gap: 20px;
    margin: 0 0 24px
}

.BrandsMoreLinkCard__link,.BrandsMoreLinkCard__link:active,.BrandsMoreLinkCard__link:focus,.BrandsMoreLinkCard__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .BrandsMoreLinkCard__link {
        gap:16px;
        margin: 0 0 20px
    }
}

.BrandsMoreLinkCard__thumb {
    border-radius: 8px 0 0 8px;
    height: 110px;
    width: 110px
}

@media (max-width: 834px) {
    .BrandsMoreLinkCard__thumb {
        height:90px;
        width: 90px
    }
}

.BrandsMoreLinkCard__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 15.5px 0
}

@media (max-width: 834px) {
    .BrandsMoreLinkCard__info {
        padding:10px 0
    }
}

.BrandsMoreLinkCard__name {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .BrandsMoreLinkCard__name {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.BrandsMoreLinkCard__alias {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .BrandsMoreLinkCard__alias {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.BrandsMoreLinkCard__more {
    align-items: center;
    color: var(--expressive-blue);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: auto
}

@media (max-width: 834px) {
    .BrandsMoreLinkCard__more {
        color:var(--expressive-blue);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.BrandsMoreLinkCard__more:after {
    background-color: var(--expressive-blue);
    content: "";
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .BrandsMoreLinkCard__more:after {
        height:16px;
        width: 16px
    }
}

.new-product {
    border-bottom: 1px solid var(--border-separation);
    height: 124px;
    list-style-type: none;
    position: relative;
    width: 100%
}

@media (max-width: 834px) {
    .new-product {
        height:auto
    }
}

.new-product a {
    text-decoration: none
}

.new-product__container {
    display: block;
    height: 100%;
    width: 100%
}

.new-product__image {
    background-color: #fff;
    float: left;
    height: 100px;
    margin: 12px 0 12px 8px;
    object-fit: contain;
    width: 100px
}

@media (max-width: 834px) {
    .new-product__image {
        height:80px;
        margin: 10px 0 10px 8px;
        width: 80px
    }
}

.new-product__brand_name {
    color: var(--object-secondary);
    float: left;
    font-size: 16px;
    font-weight: 500;
    margin-left: 16px;
    margin-top: 8px;
    width: calc(100% - 190px)
}

@media (max-width: 834px) {
    .new-product__brand_name {
        font-size:12px;
        margin-left: 12px
    }
}

.new-product .content {
    float: left;
    margin-bottom: 8px;
    margin-left: 16px;
    margin-top: 4px;
    width: calc(100% - 140px)
}

@media (max-width: 834px) {
    .new-product .content {
        margin-left:12px;
        width: calc(100% - 112px)
    }
}

.new-product .content__title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    max-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 834px) {
    .new-product .content__title {
        font-size:16px;
        margin-top: 8px;
        max-height: 46px
    }
}

.new-product .content__category {
    color: var(--object-secondary);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.82;
    margin-top: 4px
}

@media (max-width: 834px) {
    .new-product .content__category {
        display:none
    }
}

.new-product .content .content__clip-count,.new-product .content .content__post-count {
    color: var(--object-main);
    float: left;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.64;
    margin-top: 4px
}

@media (max-width: 834px) {
    .new-product .content .content__clip-count,.new-product .content .content__post-count {
        font-size:9px;
        line-height: 1.78
    }
}

.new-product .content .content__clip-count:before,.new-product .content .content__post-count:before {
    background-size: contain;
    bottom: 2px;
    content: "";
    display: inline-block;
    height: 18px;
    margin-right: 2px;
    position: relative;
    vertical-align: middle;
    width: 18px
}

@media (max-width: 834px) {
    .new-product .content .content__clip-count:before,.new-product .content .content__post-count:before {
        bottom:0;
        height: 16px;
        width: 16px
    }
}

.new-product .content__clip-count {
    margin-right: 16px
}

@media (max-width: 834px) {
    .new-product .content__clip-count {
        margin-right:4px
    }
}

.new-product .content__clip-count:before {
    background-image: url(https://cdn.lipscosme.com/assets/clip/dark_20-51f16460588066bdda3589030bde74ac717ed23184f8034b21473efda275f495.png)
}

.new-product .content__post-count:before {
    background-image: url(https://cdn.lipscosme.com/assets/pen/dark_20-0dbe0e85bcd5ded3a6c1cd08963b03e172e385fc61885c7104cb045031088064.png)
}

.new-product__release-date {
    background-color: rgba(237,116,131,.8);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 6px;
    position: absolute;
    right: 8px;
    top: 12px
}

@media (max-width: 834px) {
    .new-product__release-date {
        font-size:10px;
        padding: 4px 8px;
        top: 8px
    }
}

.new-products__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .new-products__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.new-products__products {
    margin: 0;
    padding: 0
}

.new-products__products.open li:nth-child(n+4) {
    display: list-item
}

.new-products__products li:nth-child(n+4) {
    display: none
}

@media (max-width: 834px) {
    .BrandNewReleased {
        background:var(--background-elevation-low)
    }
}

.BrandNewReleased__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    padding: 32px 0 24px
}

@media (max-width: 834px) {
    .BrandNewReleased__title-area {
        padding:16px 16px 24px
    }
}

.BrandNewReleased__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .BrandNewReleased__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.BrandNewReleased__abstract {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .BrandNewReleased__abstract {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 20px;
        margin: 0 0 12px
    }
}

.BrandNewReleased__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 20px;
    text-align: right
}

@media (max-width: 834px) {
    .BrandNewReleased__update-time {
        color:var(--object-secondary);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 16px
    }
}

.BrandNewReleased__articles-list,.BrandNewReleased__brand-spec,.BrandNewReleased__posts-list,.BrandNewReleased__products-list,.BrandNewReleased__related-categories {
    background: #fff;
    margin: 40px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .BrandNewReleased__articles-list,.BrandNewReleased__brand-spec,.BrandNewReleased__posts-list,.BrandNewReleased__products-list,.BrandNewReleased__related-categories {
        margin:16px 0
    }
}

.BrandsOnlineShops__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .BrandsOnlineShops__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 20px
    }
}

.BrandsOnlineShops__container {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2,1fr)
}

@media (max-width: 834px) {
    .BrandsOnlineShops__container {
        grid-template-columns:1fr
    }
}

.BrandsOnlineShops__link--lips {
    align-items: center;
    background: var(--background-primary);
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.BrandsOnlineShops__link--lips:hover {
    opacity: .8
}

.BrandsOnlineShops__link--lips:active,.BrandsOnlineShops__link--lips:focus,.BrandsOnlineShops__link--lips:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.BrandsOnlineShops__link--lips span:not(:first-child) {
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.BrandsOnlineShops__link--amazon {
    align-items: center;
    background: #f90;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.BrandsOnlineShops__link--amazon:hover {
    opacity: .8
}

.BrandsOnlineShops__link--amazon:active,.BrandsOnlineShops__link--amazon:focus,.BrandsOnlineShops__link--amazon:hover {
    color: #fff;
    text-decoration: none
}

.BrandsOnlineShops__link--amazon span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.BrandsOnlineShops__link--rakuten {
    align-items: center;
    background: #bf0000;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.BrandsOnlineShops__link--rakuten:hover {
    opacity: .8
}

.BrandsOnlineShops__link--rakuten:active,.BrandsOnlineShops__link--rakuten:focus,.BrandsOnlineShops__link--rakuten:hover {
    color: #fff;
    text-decoration: none
}

.BrandsOnlineShops__link--rakuten span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.BrandsOnlineShops__link--yahoo {
    align-items: center;
    background: #eb333d;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.BrandsOnlineShops__link--yahoo:hover {
    opacity: .8
}

.BrandsOnlineShops__link--yahoo:active,.BrandsOnlineShops__link--yahoo:focus,.BrandsOnlineShops__link--yahoo:hover {
    color: #fff;
    text-decoration: none
}

.BrandsOnlineShops__link--yahoo span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.brands-other-categories__top-inner {
    background-color: #fff
}

.brands-other-categories__top-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0 auto;
    max-width: 1080px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0
}

.brands-other-categories__top-list::-webkit-scrollbar {
    display: none
}

.brands-other-categories__top-item {
    flex-shrink: 0
}

.brands-other-categories__top-item.active {
    border-bottom: 2px solid var(--background-primary)
}

.brands-other-categories__top-item.active a {
    color: var(--object-main);
    font-weight: 500
}

.brands-other-categories__top-link {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 20px 16px 18px;
    text-decoration: none
}

@media (max-width: 834px) {
    .brands-other-categories__top-link {
        font-size:12px;
        padding: 12px 12px 10px
    }
}

.brands-other-categories__top-link:active,.brands-other-categories__top-link:focus,.brands-other-categories__top-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.brands-other-categories__bottom-inner {
    background-color: var(--background-elevation-low)
}

.brands-other-categories__bottom-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0 auto;
    max-width: 1080px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px 12px
}

.brands-other-categories__bottom-list::-webkit-scrollbar {
    display: none
}

.brands-other-categories__bottom-item {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 999px;
    flex-shrink: 0
}

.brands-other-categories__bottom-item:not(:first-child) {
    margin-left: 8px
}

.brands-other-categories__bottom-item.active {
    background: var(--background-primary)!important
}

.brands-other-categories__bottom-item.active a {
    color: #fff;
    font-weight: 500
}

.brands-other-categories__bottom-link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 8px 12px
}

.brands-other-categories__bottom-link,.brands-other-categories__bottom-link:active,.brands-other-categories__bottom-link:focus,.brands-other-categories__bottom-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .brand-posts {
        background:var(--background-elevation-low)
    }
}

.brand-posts__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    padding: 32px 0 24px
}

@media (max-width: 834px) {
    .brand-posts__title-area {
        padding:16px 16px 24px
    }
}

.brand-posts__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .brand-posts__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.brand-posts__abstract {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .brand-posts__abstract {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 20px;
        margin: 0 0 12px
    }
}

.brand-posts__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 20px;
    text-align: right
}

@media (max-width: 834px) {
    .brand-posts__update-time {
        color:var(--object-secondary);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 16px
    }
}

@media (min-width: 835px) {
    .brand-posts__refined_posts {
        margin:24px 0 0
    }
}

.brand-posts__post-info {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 24px 0 0
}

@media (max-width: 834px) {
    .brand-posts__post-info {
        border-bottom:1px solid var(--border-separation);
        border-top: 1px solid var(--border-separation);
        padding: 16px
    }
}

.brand-posts__refine-info {
    display: flex;
    gap: 12px
}

.brand-posts__user-type-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.brand-posts__user-type-item {
    color: var(--object-secondary);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    vertical-align: top
}

.brand-posts__user-type-item:not(:first-child):before {
    content: "/";
    display: inline-block
}

.brand-posts__post-count {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

.brand-posts__posts-list {
    background: #fff;
    padding: .1px 0
}

.brand-posts__brand-spec,.brand-posts__related-categories {
    background: #fff;
    margin: 40px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .brand-posts__brand-spec,.brand-posts__related-categories {
        margin:16px 0
    }
}

.BrandsProductList {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4,1fr);
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 1080px) {
    .BrandsProductList {
        grid-template-columns:repeat(3,1fr)
    }
}

@media (max-width: 834px) {
    .BrandsProductList {
        gap:16px;
        grid-template-columns: repeat(3,1fr);
        padding: 0 12px
    }
}

.BrandsProductList__horizontal {
    -ms-overflow-style: none;
    gap: 12px;
    grid-auto-flow: column;
    overflow-x: scroll;
    scrollbar-width: none
}

.BrandsProductList__horizontal::-webkit-scrollbar {
    display: none
}

.BrandsProductList__horizontal .BrandsProductList__item {
    width: 152px
}

@media (max-width: 834px) {
    .BrandsProductList__horizontal .BrandsProductList__item {
        width:130px
    }
}

.BrandsProductList__item {
    min-width: 0
}

.BrandsProductList__item a {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative
}

.BrandsProductList__item a,.BrandsProductList__item a:active,.BrandsProductList__item a:focus,.BrandsProductList__item a:hover {
    color: var(--object-main);
    text-decoration: none
}

.BrandsProductList__index {
    background: var(--object-main);
    border-radius: 50%;
    color: var(--background-elevation-high);
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    left: 0;
    line-height: 150%;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 26px
}

.BrandsProductList__image-container {
    height: 134px;
    margin: 0 auto
}

@media (max-width: 834px) {
    .BrandsProductList__image-container {
        height:91px
    }
}

.BrandsProductList__image {
    aspect-ratio: 1;
    border: none;
    height: 100%;
    margin: 0;
    object-fit: contain
}

.BrandsProductList__info-container {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.BrandsProductList__name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .BrandsProductList__name {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.BrandsProductList__product-price {
    display: flex;
    gap: 4px;
    margin: 0
}

.BrandsProductList__product-price:first-letter {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.BrandsProductList__price {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 600;
    line-height: 150%
}

.BrandsProductList__price-explanation {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.BrandsProductList__releaseDate {
    align-items: center;
    display: flex;
    gap: 2px
}

.BrandsProductList__releaseDate__icon {
    filter: brightness(0) saturate(100%) invert(48%) sepia(0) saturate(1125%) hue-rotate(150deg) brightness(96%) contrast(81%);
    height: 14px;
    width: 14px
}

.BrandsProductList__releaseDate__txt {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .BrandsProductList__releaseDate__txt {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.BrandsProductList .ratingStar {
    align-items: center;
    display: flex;
    gap: 2px;
    height: 15px
}

.BrandsProductList .ratingStar__star {
    height: 16px
}

@media (max-width: 834px) {
    .BrandsProductList .ratingStar__star {
        height:12px
    }
}

.BrandsProductList .ratingStar__num {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.BrandsProductList .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .brand-products {
        background:var(--background-elevation-low)
    }
}

.brand-products__title-area {
    background: #fff;
    padding: 32px 0 24px
}

@media (max-width: 834px) {
    .brand-products__title-area {
        padding:16px 16px 24px
    }
}

.brand-products__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .brand-products__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.brand-products__abstract {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .brand-products__abstract {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 20px;
        margin: 0 0 12px
    }
}

.brand-products__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 20px;
    text-align: right
}

@media (max-width: 834px) {
    .brand-products__update-time {
        color:var(--object-secondary);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 16px
    }
}

.brand-products__sort-tab {
    background: #fff
}

@media (max-width: 834px) {
    .brand-products__sort-tab {
        margin:8px 0
    }
}

.brand-products__sort-tab-list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.brand-products__sort-tab-item {
    flex: 1
}

.brand-products__sort-tab-link {
    border-bottom: 1px solid var(--border-separation);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0;
    text-align: center
}

.brand-products__sort-tab-link,.brand-products__sort-tab-link:active,.brand-products__sort-tab-link:focus,.brand-products__sort-tab-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.brand-products__sort-tab-link.current_link {
    border-bottom: 2px solid var(--expressive-red);
    color: #2d2926;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.brand-products__products-list {
    background: #fff;
    margin: 40px 0 48px;
    padding: .1px 0
}

@media (max-width: 834px) {
    .brand-products__products-list {
        margin:8px 0 16px
    }
}

.brand-products__brand-spec,.brand-products__related-categories {
    background: #fff;
    margin: 40px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .brand-products__brand-spec,.brand-products__related-categories {
        margin:16px 0
    }
}

.brand-related-categories__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .brand-related-categories__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.brand-related-categories__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .brand-related-categories__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.brand-related-categories__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.brand-related-categories__item {
    border-bottom: 1px solid var(--border-separation);
    display: none
}

.brand-related-categories__item.show {
    display: block
}

.brand-related-categories__link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.brand-related-categories__link,.brand-related-categories__link:active,.brand-related-categories__link:focus,.brand-related-categories__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.brand-related-categories__link:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.brand-related-categories__more-link {
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
    width: 360px
}

.brand-related-categories__more-link:after {
    background: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 4px;
    transform: rotate(90deg);
    vertical-align: bottom;
    width: 20px
}

.brand-related-categories__more-link:active,.brand-related-categories__more-link:focus,.brand-related-categories__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .brand-related-categories__more-link {
        border:unset;
        padding: 0 0 24px;
        width: 100%
    }

    .brand-related-categories__more-link:focus,.brand-related-categories__more-link:hover {
        color: var(--object-main)
    }
}

.redesign .brand-related-categories__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .redesign .brand-related-categories__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.redesign .brand-related-categories__subtitle {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 8px
}

@media (max-width: 834px) {
    .redesign .brand-related-categories__subtitle {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.redesign .brand-related-categories__list {
    margin-top: 16px
}

.redesign .brand-related-categories__more-link {
    border: none;
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 20px;
    padding: 0
}

@media (max-width: 834px) {
    .redesign .brand-related-categories__more-link {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 16px
    }

    .brands-search {
        background: var(--background-elevation-low)
    }
}

.brands-search__figureheader {
    background: #fff
}

.brands-search__info-bar {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    padding: 16px 0
}

@media (max-width: 834px) {
    .brands-search__info-bar {
        padding:16px
    }
}

.brands-search__item-count {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .brands-search__item-count {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.brands-search__brands-list {
    background: #fff;
    margin: 24px 0 40px
}

@media (max-width: 834px) {
    .brands-search__brands-list {
        margin:16px 0
    }

    .brand-show {
        background: var(--background-elevation-low)
    }
}

.brand-show__spacer-xs {
    height: 16px
}

.brand-show__spacer-md {
    height: 20px
}

.brand-show__spacer-lg {
    height: 24px
}

.brand-show__title-area {
    background: var(--background-elevation-high)
}

.brand-show__cover-image-container {
    background-color: var(--background-elevation-low);
    width: 100%
}

.brand-show__cover-image {
    width: 100%
}

.brand-show__title-info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between
}

@media (max-width: 834px) {
    .brand-show__title-info {
        margin:0 16px
    }
}

.brand-show__image-container {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    height: 80px;
    overflow: hidden;
    width: 80px
}

@media (max-width: 834px) {
    .brand-show__image-container {
        height:64px;
        width: 64px
    }
}

.brand-show__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.brand-show__title {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 8px;
    margin: 0
}

@media (max-width: 834px) {
    .brand-show__title {
        gap:4px
    }
}

.brand-show__alias-name {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .brand-show__alias-name {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.brand-show__name {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .brand-show__name {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.brand-show__abstract {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .brand-show__abstract {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin: 0 16px
    }
}

.brand-show__abstract.official {
    background: var(--background-elevation-low);
    border-radius: 8px;
    padding: 16px;
    white-space: pre-line
}

.brand-show__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: right
}

@media (max-width: 834px) {
    .brand-show__update-time {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin: 0 16px
    }

    .brand-show__spec {
        background: var(--background-elevation-high)
    }

    .brand-show__link-btn-container {
        margin: 0 16px
    }
}

.brand-show__brand-user {
    background: var(--background-elevation-high)
}

@media (max-width: 834px) {
    .brand-show__brand-user {
        padding-bottom:8px
    }
}

.brand-show__section {
    margin: 48px 0
}

@media (max-width: 834px) {
    .brand-show__section {
        background:var(--background-elevation-high);
        margin: 16px 0;
        padding: 24px 0
    }
}

.brand-show__section h2 {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .brand-show__section h2 {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 16px
    }
}

.brand-show__section h2 span {
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 8px
}

@media (max-width: 834px) {
    .brand-show__section h2 span {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.brand-show__section>.ProductListArticlePost {
    justify-content: unset;
    padding: 0
}

@media (max-width: 834px) {
    .brand-show__section>.ProductListArticlePost {
        padding:0 12px
    }
}

.brand-show__article {
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.brand-show__article img {
    aspect-ratio: 5/3;
    object-fit: cover;
    width: 100%
}

.brand-show__article-background {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.4));
    height: 100%;
    position: absolute;
    width: 100%
}

.brand-show__article-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    bottom: 16px;
    left: 16px;
    overflow: hidden;
    position: absolute;
    right: 16px;
    text-overflow: ellipsis
}

@media (max-width: 834px) {
    .brand-show__article-title {
        color:#fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }
}

.brand-show__article-pr {
    background: rgba(34,34,34,.4);
    border-radius: 4px 0;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    left: 0;
    line-height: 150%;
    padding: 4px 6px;
    position: absolute;
    top: 0
}

@media (max-width: 834px) {
    .brand-show__articles .splide__track {
        padding:0 16px
    }
}

.brand-show__articles.splide:not(.is-active) .splide__list {
    display: flex;
    gap: 16px
}

.brand-show__articles.splide:not(.is-active) .splide__arrows {
    display: none
}

.brand-show__articles .splide__slide {
    width: 300px
}

@media (max-width: 834px) {
    .brand-show__articles .splide__slide:only-child {
        width:100%
    }

    .brand-show__articles .splide__arrows {
        display: none
    }
}

.brand-show__articles .splide__pagination {
    margin-top: 12px
}

.brand-show__series {
    display: flex;
    gap: 0 20px;
    list-style-type: none;
    margin: 20px 0 0;
    overflow-x: scroll;
    padding: 0
}

@media (max-width: 834px) {
    .brand-show__series {
        padding:0 16px
    }
}

.brand-show__series .SeriesCell {
    flex-shrink: 0;
    width: 140px
}

.brand-show__more-button {
    display: flex;
    justify-content: center;
    margin: 24px 0 0
}

@media (max-width: 834px) {
    .brand-show__more-button {
        margin:16px 16px 0
    }
}

.brand-show__more-button a {
    background: #efefef;
    border-radius: 4px;
    display: table;
    font-size: 12px;
    font-size: 13px;
    font-weight: 500;
    font-weight: 600;
    line-height: 150%;
    max-width: 100%;
    min-height: 44px;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 4.5px 24px;
    text-align: center;
    width: 380px;
    word-break: keep-all
}

.brand-show__more-button a,.brand-show__more-button a:active,.brand-show__more-button a:focus,.brand-show__more-button a:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .brand-show__more-button a {
        width:100%
    }
}

.brand-show__more-button a span {
    display: table-cell;
    vertical-align: middle
}

.brand-spec__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .brand-spec__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.brand-spec__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .brand-spec__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.brand-spec__content {
    margin: 16px 0 0;
    padding: 0 16px 16px
}

.brand-spec__figureheader-area {
    display: flex
}

.brand-spec__image {
    border-radius: 4px;
    height: 64px;
    object-fit: cover;
    width: 64px
}

@media (max-width: 834px) {
    .brand-spec__image {
        height:48px;
        width: 48px
    }
}

.brand-spec__brand-name {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin: 16px
}

@media (max-width: 834px) {
    .brand-spec__brand-name {
        font-size:14px;
        margin: 12px
    }
}

.brand-spec__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    text-align: right;
    width: 100%
}

@media (max-width: 834px) {
    .brand-spec__update-time {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.brand-spec__list {
    list-style-type: none;
    margin: 16px 0 24px;
    padding: 0
}

@media (max-width: 834px) {
    .brand-spec__list {
        margin:12px 0 16px
    }
}

.brand-spec__item:not(:last-child) {
    border-bottom: 1px solid var(--border-separation)
}

.brand-spec__info-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 8px 0
}

@media (max-width: 834px) {
    .brand-spec__info-list {
        padding:12px 0
    }
}

.brand-spec__term {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    width: 160px
}

@media (max-width: 834px) {
    .brand-spec__term {
        width:100%
    }
}

.brand-spec__desc {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    width: calc(100% - 160px)
}

@media (max-width: 834px) {
    .brand-spec__desc {
        width:100%
    }

    .brand-spec__desc ul {
        margin: 8px 0
    }
}

.brand-spec__features {
    display: flex;
    gap: 8px;
    list-style-type: none;
    margin: 4px 0 0;
    padding: 0
}

.brand-spec__feature {
    border: 1px solid var(--border-separation);
    border-radius: 110px;
    color: var(--object-main);
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 8px 12px
}

.brand-spec__feature--link,.brand-spec__feature--link:active,.brand-spec__feature--link:focus,.brand-spec__feature--link:hover,.brand-spec__shops-link {
    color: var(--object-main);
    text-decoration: none
}

.brand-spec__shops-link {
    border: 1px solid var(--object-main);
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 12px 0;
    text-align: center;
    width: 360px
}

.brand-spec__shops-link:active,.brand-spec__shops-link:focus,.brand-spec__shops-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .brand-spec__shops-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.brand-spec .summary .brand-spec__abstract {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.redesign .brand-spec__content {
    margin: 0;
    padding: 0
}

.redesign .brand-spec__abstract {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin: 0
}

@media (max-width: 834px) {
    .redesign .brand-spec__abstract {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 170%
    }
}

.redesign .brand-spec__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 16px 0 0
}

.redesign .brand-spec__item:not(:last-child) {
    padding-bottom: 8px
}

.redesign .brand-spec__info-list {
    padding: 0
}

@media (max-width: 834px) {
    .redesign .brand-spec__info-list {
        gap:4px
    }
}

.redesign .brand-spec__term {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .redesign .brand-spec__term {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.redesign .brand-spec__desc {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .redesign .brand-spec__desc {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.redesign .brand-spec__content {
    position: relative
}

.redesign .brand-spec__more-link {
    background: linear-gradient(to right,transparent,var(--background-elevation-high) 55%);
    bottom: 0;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 170%;
    position: absolute;
    right: 0;
    text-align: right;
    width: 155px
}

.redesign .brand-spec__more-link,.redesign .brand-spec__more-link:active,.redesign .brand-spec__more-link:focus,.redesign .brand-spec__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .redesign .brand-spec__more-link {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 170%
    }
}

.browsing-histories__title-h-stack {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width: 834px) {
    .browsing-histories__title-h-stack {
        flex-direction:column;
        margin-top: 24px
    }
}

.browsing-histories__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 32px;
    margin: 0
}

@media (max-width: 834px) {
    .browsing-histories__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 24px
    }
}

.browsing-histories__delete-link {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.browsing-histories__delete-link,.browsing-histories__delete-link:active,.browsing-histories__delete-link:focus,.browsing-histories__delete-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .browsing-histories__delete-link {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-right: 16px;
        text-align: end;
        width: 100%
    }
}

.browsing-histories__delete-link:active,.browsing-histories__delete-link:focus,.browsing-histories__delete-link:hover {
    text-decoration: underline
}

.browsing-histories__tab-h-stack {
    align-items: center;
    display: flex;
    height: 48px;
    margin: 16px 0
}

@media (max-width: 834px) {
    .browsing-histories__tab-h-stack {
        margin:16px 0 0
    }
}

.browsing-histories__tab-title {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    color: var(--object-secondary);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 150%;
    width: 100%
}

@media (max-width: 834px) {
    .browsing-histories__tab-title {
        background-color:var(--background-elevation-low);
        border: 1px solid var(--border-separation);
        color: var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.browsing-histories__tab-title--active {
    align-items: center;
    border-bottom: 2px solid var(--object-main);
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 150%;
    width: 100%
}

@media (max-width: 834px) {
    .browsing-histories__tab-title--active {
        border-bottom:unset;
        border-top: 1px solid var(--border-separation);
        color: var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.browsing-histories__tab-title-link {
    display: block;
    width: 100%
}

.browsing-histories__tab-title-link,.browsing-histories__tab-title-link:active,.browsing-histories__tab-title-link:focus,.browsing-histories__tab-title-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.browsing-histories__tab-title-link--active {
    pointer-events: none
}

.browsing-histories__tab-title-link--active,.browsing-histories__tab-title-link--active:active,.browsing-histories__tab-title-link--active:focus,.browsing-histories__tab-title-link--active:hover {
    color: var(--object-main);
    text-decoration: none
}

.browsing-histories__list {
    column-gap: 12px;
    display: flex;
    flex-wrap: wrap
}

.browsing-histories__list-item {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    line-height: 150%;
    padding: 0 12px;
    position: relative;
    width: calc(50% - 12px)
}

.browsing-histories__list-item,.browsing-histories__list-item:active,.browsing-histories__list-item:focus,.browsing-histories__list-item:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .browsing-histories__list-item {
        padding:0 16px;
        width: 100%
    }
}

.browsing-histories__list-item:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 12px;
    width: 20px
}

.browsing-histories__empty {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 104px;
    justify-content: center;
    line-height: 150%;
    width: 100%
}

@media (max-width: 834px) {
    .browsing-histories__empty {
        height:84px
    }
}

.back-to-categories-show__link {
    background: var(--background-elevation-low);
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.16);
    display: flex;
    padding: 16px
}

.back-to-categories-show__link,.back-to-categories-show__link:active,.back-to-categories-show__link:focus,.back-to-categories-show__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .back-to-categories-show__link {
        border-radius:unset;
        box-shadow: unset;
        padding: 12px 16px
    }
}

.back-to-categories-show__link:before {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png);
    background-size: contain;
    content: "";
    height: 20px;
    margin: 8px 16px 8px 0;
    transform: rotate(-90deg);
    width: 20px
}

.back-to-categories-show__content {
    flex: 1;
    margin: 0
}

.back-to-categories-show__back_txt {
    color: #2d2926;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 20px
}

.back-to-categories-show__category-name {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .back-to-categories-show__category-name {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }

    .category-index {
        background: var(--background-elevation-low)
    }
}

.category-index__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation)
}

.category-index__title {
    color: #2d2926;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 32px;
    text-align: center
}

@media (max-width: 834px) {
    .category-index__title {
        font-size:16px;
        line-height: 24px;
        margin: 16px
    }
}

.category-index__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 834px) {
    .category-index__container {
        display:block
    }
}

.category-index__contents {
    background: #fff;
    margin: 32px 0;
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .category-index__contents {
        margin:16px 0;
        padding: .1px 0 8px;
        width: 100%
    }
}

.category-index__parent-name {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .category-index__parent-name {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.category-index__children-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.category-index__children-item {
    border-bottom: 1px solid var(--border-separation)
}

.category-index__children-item.with_children {
    position: relative
}

.category-index__children-item.with_children:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 12px;
    transform: rotate(180deg);
    width: 24px
}

.category-index__children-item.with_children.open:after {
    transform: none
}

.category-index__chlidren-link {
    color: #2d2926;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 0;
    text-decoration: none
}

@media (max-width: 834px) {
    .category-index__chlidren-link {
        padding:12px 16px
    }
}

.category-index__chlidren-link:active,.category-index__chlidren-link:focus,.category-index__chlidren-link:hover {
    text-decoration: none
}

.category-index__grandchildren-list {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 16px
}

.category-index__grandchildren-item {
    border-bottom: 1px solid var(--border-separation)
}

.category-index__grandchildren-link {
    color: #2d2926;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 0;
    text-decoration: none
}

@media (max-width: 834px) {
    .category-index__grandchildren-link {
        padding:12px 16px
    }
}

.category-index__grandchildren-link:active,.category-index__grandchildren-link:focus,.category-index__grandchildren-link:hover {
    text-decoration: none
}

.other-categories-tab__top-inner {
    background: #fff
}

.other-categories-tab__top-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0 auto;
    max-width: 1080px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0
}

.other-categories-tab__top-list::-webkit-scrollbar {
    display: none
}

.other-categories-tab__top-item {
    flex-shrink: 0
}

.other-categories-tab__top-item.active {
    border-bottom: 2px solid var(--background-primary)
}

.other-categories-tab__top-item.active a {
    color: var(--object-main);
    font-weight: 500
}

.other-categories-tab__top-link {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 20px 16px 18px;
    text-decoration: none
}

@media (max-width: 834px) {
    .other-categories-tab__top-link {
        font-size:12px;
        padding: 12px 12px 10px
    }
}

.other-categories-tab__top-link:active,.other-categories-tab__top-link:focus,.other-categories-tab__top-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.other-categories-tab__middle-inner {
    background: var(--background-elevation-low)
}

.other-categories-tab__middle-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0 auto;
    max-width: 1080px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px 12px
}

.other-categories-tab__middle-list::-webkit-scrollbar {
    display: none
}

.other-categories-tab__middle-item {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 999px;
    flex-shrink: 0
}

.other-categories-tab__middle-item:not(:first-child) {
    margin-left: 8px
}

.other-categories-tab__middle-item.active {
    background: var(--background-primary)!important
}

.other-categories-tab__middle-item.active a {
    color: #fff;
    font-weight: 500
}

.other-categories-tab__middle-link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 8px 12px
}

.other-categories-tab__middle-link,.other-categories-tab__middle-link:active,.other-categories-tab__middle-link:focus,.other-categories-tab__middle-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .category-posts {
        background:var(--background-elevation-low);
        padding-top: 16px
    }
}

.category-posts__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation)
}

.category-posts__back-to-categories-show {
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .category-posts__back-to-categories-show {
        padding:0 0 16px
    }
}

.category-posts__title-content {
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .category-posts__title-content {
        padding:0 16px 24px
    }
}

.category-posts__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .category-posts__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.category-posts__abstract {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .category-posts__abstract {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 20px;
        margin: 0 0 12px
    }
}

.category-posts__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 20px;
    text-align: right
}

@media (max-width: 834px) {
    .category-posts__update-time {
        color:var(--object-secondary);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 16px
    }
}

@media (min-width: 835px) {
    .category-posts__refined_posts {
        margin:24px 0 0
    }
}

.category-posts__post-info {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 24px 0 0
}

@media (max-width: 834px) {
    .category-posts__post-info {
        border-bottom:1px solid var(--border-separation);
        border-top: 1px solid var(--border-separation);
        padding: 16px
    }
}

.category-posts__refine-info {
    display: flex;
    gap: 12px
}

.category-posts__user-type-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.category-posts__user-type-item {
    color: var(--object-secondary);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    vertical-align: top
}

.category-posts__user-type-item:not(:first-child):before {
    content: "/";
    display: inline-block
}

.category-posts__post-count {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

.category-posts__posts-list {
    background: #fff;
    padding: .1px 0
}

.category-posts__related-brands {
    background: #fff;
    margin: 40px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .category-posts__related-brands {
        margin:16px 0
    }

    .category-products {
        background: var(--background-elevation-low);
        padding-top: 16px
    }
}

.category-products__title-area {
    background: #fff
}

.category-products__back-to-categories-show {
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .category-products__back-to-categories-show {
        padding:0 0 16px
    }
}

.category-products__title-content {
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .category-products__title-content {
        padding:0 16px 24px
    }
}

.category-products__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .category-products__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.category-products__abstract {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .category-products__abstract {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 20px;
        margin: 0 0 12px
    }
}

.category-products__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 20px;
    text-align: right
}

@media (max-width: 834px) {
    .category-products__update-time {
        color:var(--object-secondary);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 16px
    }
}

.category-products__sort-tab {
    background: #fff
}

@media (max-width: 834px) {
    .category-products__sort-tab {
        margin:8px 0
    }
}

.category-products__sort-tab-list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.category-products__sort-tab-item {
    flex: 1
}

.category-products__sort-tab-link {
    border-bottom: 1px solid var(--border-separation);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0;
    text-align: center
}

.category-products__sort-tab-link,.category-products__sort-tab-link:active,.category-products__sort-tab-link:focus,.category-products__sort-tab-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.category-products__sort-tab-link.current_link {
    border-bottom: 2px solid var(--expressive-red);
    color: #2d2926;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.category-products__products-list {
    background: #fff;
    margin: 40px 0 48px;
    padding: .1px 0
}

@media (max-width: 834px) {
    .category-products__products-list {
        margin:8px 0 16px
    }
}

.category-products__related-brands {
    background: #fff;
    margin: 40px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .category-products__related-brands {
        margin:16px 0
    }
}

.category-related-brands__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .category-related-brands__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.category-related-brands__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .category-related-brands__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.category-related-brands__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.category-related-brands__item {
    border-bottom: 1px solid var(--border-separation);
    display: none
}

.category-related-brands__item.show {
    display: block
}

.category-related-brands__link {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    overflow: hidden;
    padding: 12px 16px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.category-related-brands__link,.category-related-brands__link:active,.category-related-brands__link:focus,.category-related-brands__link:hover {
    color: #2d2926;
    text-decoration: none
}

.category-related-brands__link:before {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png);
    background-size: contain;
    content: "";
    display: inline-block;
    height: 24px;
    margin-right: 4px;
    transform: rotate(90deg);
    vertical-align: top;
    width: 24px
}

.category-related-brands__more-link {
    border: 1px solid #2d2926;
    border-radius: 8px;
    color: #2d2926;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 32px auto 0;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    width: 344px
}

.category-related-brands__more-link:active,.category-related-brands__more-link:focus,.category-related-brands__more-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .category-related-brands__more-link {
        border:unset;
        color: #2d2926;
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin: 0;
        padding: 24px 0;
        width: 100%
    }
}

.category-related-brands__more-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 14px;
    margin: 4px;
    transform: rotate(180deg);
    vertical-align: top;
    width: 14px
}

@media (max-width: 834px) {
    .category-related-brands__more-link:after {
        height:12px;
        margin: 3px 0 0 8px;
        width: 12px
    }
}

.category-show {
    margin-top: 0
}

@media (max-width: 834px) {
    .category-show {
        background:var(--background-elevation-low)
    }
}

.category-show__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    margin-bottom: 48px;
    padding: 48px 0 24px
}

@media (max-width: 834px) {
    .category-show__title-area {
        margin-bottom:16px;
        padding: 16px
    }
}

.category-show__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .category-show__title {
        font-size:18px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.category-show__abstract {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .category-show__abstract {
        font-size:12px;
        letter-spacing: .4px;
        line-height: 20px;
        margin: 8px 0 12px
    }
}

.category-show__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 24px;
    margin: 16px 0;
    text-align: right
}

@media (max-width: 834px) {
    .category-show__update-time {
        font-size:11px;
        line-height: 16px;
        margin: 12px 0 16px
    }
}

.category-show__popular-posts,.category-show__related-articles,.category-show__related-brands {
    background: #fff;
    margin: 48px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .category-show__popular-posts,.category-show__related-articles,.category-show__related-brands {
        margin:16px 0
    }
}

.category-show__ranking-products {
    background: #fff;
    margin: 0 0 48px;
    padding: .1px 0
}

@media (max-width: 834px) {
    .category-show__ranking-products {
        margin:16px 0
    }
}

.categories-swipe-list__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .categories-swipe-list__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.categories-swipe-list__list {
    display: flex;
    flex-wrap: nowrap;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 24px 0 16px
}

@media (max-width: 834px) {
    .categories-swipe-list__list {
        padding:16px 12px
    }
}

.categories-swipe-list__list::-webkit-scrollbar {
    display: none
}

.categories-swipe-list__item {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 999px;
    flex-shrink: 0
}

.categories-swipe-list__item:not(:first-child) {
    margin-left: 8px
}

.categories-swipe-list__item.active {
    background: var(--background-primary)!important
}

.categories-swipe-list__item.active a {
    color: #fff;
    font-weight: 500
}

.categories-swipe-list__link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 8px 12px
}

.categories-swipe-list__link,.categories-swipe-list__link:active,.categories-swipe-list__link:focus,.categories-swipe-list__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ChristmasCoffret section {
    width: 100%
}

.ChristmasCoffret section:nth-child(odd) {
    background-color: #222d6d
}

.ChristmasCoffret section:nth-child(2n) {
    background-color: #c5514c
}

.ChristmasCoffret__head {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 auto;
    max-width: 500px;
    padding: 0 0 24px
}

.ChristmasCoffret__head__fv {
    margin: 0
}

.ChristmasCoffret__head__fvImage {
    aspect-ratio: 5/3;
    width: 100%
}

.ChristmasCoffret__head__lead {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    padding: 0 12px;
    text-align: center;
    white-space: pre-wrap
}

.ChristmasCoffret__head__disclaimer {
    color: var(--object-tertiary);
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding: 0 16px;
    text-align: center;
    white-space: pre-wrap
}

.ChristmasCoffret__pickup {
    margin: 0 auto;
    max-width: 500px;
    padding: 24px 16px
}

.ChristmasCoffret__pickup__title {
    color: #fff;
    font-family: Times New Roman,Times,serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 39px;
    margin: 0 0 24px;
    text-align: center
}

.ChristmasCoffret__pickup__title--ja {
    color: #fff;
    display: block;
    font-family: system-ui;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 2px
}

.ChristmasCoffret__pickup__list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 16px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ChristmasCoffret__pickup__listItem {
    width: calc(25% - 12px)
}

.ChristmasCoffret__pickup__listItem.hide {
    display: none
}

.ChristmasCoffret__pickup__link {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-decoration: none
}

.ChristmasCoffret__pickup__link:active,.ChristmasCoffret__pickup__link:focus,.ChristmasCoffret__pickup__link:hover {
    color: #fff;
    text-decoration: none
}

.ChristmasCoffret__pickup__thumbContainer {
    background: var(--background-elevation-high)
}

.ChristmasCoffret__pickup__thumb,.ChristmasCoffret__pickup__thumbContainer {
    aspect-ratio: 1/1;
    border: 2px solid var(--border-separation);
    border-radius: 50%;
    width: 100%
}

.ChristmasCoffret__pickup__thumb {
    object-fit: cover
}

.ChristmasCoffret__pickup__name {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.ChristmasCoffret__pickup__toggle {
    align-items: center;
    background: none;
    border: none;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    justify-content: center;
    line-height: 150%;
    margin-top: 24px;
    padding: 0;
    width: 100%
}

.ChristmasCoffret__pickup__toggle:focus {
    outline: none
}

.ChristmasCoffret__pickup__toggle:after {
    background-color: #fff;
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.ChristmasCoffret__main {
    margin: 0 auto;
    max-width: 500px
}

.ChristmasCoffret__main__brandWrapper {
    background: linear-gradient(91.62deg,#c59c37,#ead092);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 6px 0;
    width: 100vw
}

.ChristmasCoffret__main__brand {
    background: #ffefd1;
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    padding: 10px 16px;
    text-align: center
}

.ChristmasCoffret__main__releaseDate {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 16px 0;
    text-align: center
}

.ChristmasCoffret__main__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style-type: none;
    margin: 0;
    padding: 0 12px 20px
}

.ChristmasCoffret__main__link {
    background: var(--background-elevation-high);
    border-radius: 8px;
    display: flex;
    gap: 16px;
    padding: 16px
}

.ChristmasCoffret__main__link,.ChristmasCoffret__main__link:active,.ChristmasCoffret__main__link:focus,.ChristmasCoffret__main__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ChristmasCoffret__main__thumbContainer {
    position: relative;
    width: 140px
}

.ChristmasCoffret__main__thumb {
    aspect-ratio: 1/1;
    object-fit: contain;
    width: 100%
}

.ChristmasCoffret__main__price {
    background: rgb(var(--object-main)/.4);
    border-radius: 40px;
    bottom: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding: 2px 8px;
    position: absolute;
    right: 4px
}

.ChristmasCoffret__main__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: calc(100% - 156px)
}

.ChristmasCoffret__main__name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

.ChristmasCoffret__main__date {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.ChristmasCoffret__main__dateList {
    display: flex;
    margin: 0
}

.ChristmasCoffret__main__dateTerm {
    width: 80px
}

.ChristmasCoffret__main__dateDesc,.ChristmasCoffret__main__dateTerm {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.ChristmasCoffret__main__dateDesc {
    width: calc(100% - 80px)
}

@media (max-width: 834px) {
    .ClipFolderShow {
        background-color:var(--background-elevation-low)
    }
}

.ClipFolderShow__container {
    background-color: var(--background-elevation-high);
    margin-bottom: 32px
}

@media (max-width: 834px) {
    .ClipFolderShow__container {
        margin-bottom:16px;
        padding: 24px 16px
    }
}

.ClipFolderShow__container.full-width {
    padding: unset
}

.ClipFolderShow__title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 12px
}

@media (min-width: 835px) {
    .ClipFolderShow__title {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%;
        margin-bottom: 16px
    }
}

.ClipFolderShow__description {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (min-width: 835px) {
    .ClipFolderShow__description {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.ClipFolderShow__user {
    column-gap: 12px;
    display: grid;
    grid-template-areas: "image name" "button button";
    grid-template-columns: 52px 1fr;
    justify-content: flex-start;
    margin-top: 12px
}

@media (min-width: 835px) {
    .ClipFolderShow__user {
        gap:12px 16px;
        grid-template-areas: "image name" "image button";
        grid-template-columns: 90px 1fr;
        margin-top: 32px
    }
}

.ClipFolderShow__user-image-container {
    grid-area: image
}

.ClipFolderShow__user-image {
    border-radius: 50%;
    height: 52px;
    width: 52px
}

@media (min-width: 835px) {
    .ClipFolderShow__user-image {
        height:90px;
        width: 90px
    }
}

.ClipFolderShow__user-name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    grid-area: name;
    line-height: 150%
}

@media (min-width: 835px) {
    .ClipFolderShow__user-name {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.ClipFolderShow__user-attribute {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 4px;
    word-break: break-all
}

@media (min-width: 835px) {
    .ClipFolderShow__user-attribute {
        color:var(--object-secondary);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin-top: 6px
    }
}

.ClipFolderShow__user-attribute .ClipFolderShow__user-attribute-item,.ClipFolderShow__user-attribute .ClipFolderShow__user-attribute-item--skin-color {
    display: inline-block;
    vertical-align: top
}

.ClipFolderShow__user-attribute .ClipFolderShow__user-attribute-item--skin-color:not(:first-child):before,.ClipFolderShow__user-attribute .ClipFolderShow__user-attribute-item:not(:first-child):before {
    content: " / ";
    display: inline-block
}

.ClipFolderShow__user-attribute-item--skin-color:after {
    border: .7px solid var(--object-secondary);
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 14px;
    margin-left: 4px;
    vertical-align: text-top;
    width: 14px
}

.ClipFolderShow__user-button {
    align-items: center;
    background-color: #efefef;
    border-radius: 4px;
    color: var(--object-main);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    grid-area: button;
    height: 32px;
    justify-content: center;
    line-height: 150%;
    margin-top: 12px;
    width: 100%
}

@media (min-width: 835px) {
    .ClipFolderShow__user-button {
        background-color:unset;
        border: 1px solid var(--object-main);
        border-radius: 999px;
        margin-top: 0;
        width: 232px
    }

    .ClipFolderShow .link-tab {
        margin-bottom: 16px
    }
}

.lips-collection {
    margin: -50px -15px 0
}

.lips-collection__top {
    position: relative
}

.lips-collection__top-image {
    height: auto;
    width: 100%
}

.lips-collection__top-anchor {
    height: 16.66667%;
    position: absolute;
    width: 25%
}

.lips-collection__top-anchor-link {
    display: block;
    height: 100%;
    width: 100%
}

.lips-collection__archives h5 {
    margin-left: .5em
}

.lips-collection__archives-image {
    height: auto;
    width: 100%
}

.shipping-delay-announcement {
    display: flex;
    flex-direction: column;
    margin: 0 calc(50% - 50vw);
    min-height: 100vh;
    padding: 16px;
    width: 100vw
}

@media (min-width: 835px) {
    .shipping-delay-announcement {
        margin:10px auto 20px;
        width: 500px
    }
}

.shipping-delay-announcement__title {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 17px;
    margin-bottom: 32px
}

.shipping-delay-announcement__content {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.shipping-delay-announcement__content ul {
    padding-inline-start:22px}

.shipping-delay-announcement__link-list {
    list-style: none;
    margin-top: 16px;
    padding-left: 0
}

.shipping-delay-announcement__link-list-item {
    color: #e13f62;
    margin-bottom: 8px;
    text-decoration: none
}

.shipping-delay-announcement__link-list-item:active,.shipping-delay-announcement__link-list-item:focus,.shipping-delay-announcement__link-list-item:hover {
    color: #e13f62;
    text-decoration: none
}

.mail-magazines-show {
    margin: 24px auto;
    max-width: 500px;
    padding: 0 16px
}

.mail-magazines-show__figureheader {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px;
    text-align: center
}

.mail-magazines-show__title {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 8px;
    margin-top: 24px
}

.mail-magazines-show__email {
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 15px;
    width: 100%
}

.mail-magazines-show__mail-magazine {
    background-color: var(--background-elevation-high);
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 12px 0
}

.mail-magazines-show__mail-magazine>label:not(:last-child) {
    border-bottom: 1px solid var(--border-separation);
    padding-bottom: 12px
}

.mail-magazines-show__submit {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 24px;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.mail-magazines-show__submit:hover {
    opacity: .8
}

.mail-magazines-show__submit:active,.mail-magazines-show__submit:focus,.mail-magazines-show__submit:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.mail-magazines-show__submit:disabled {
    background: var(--object-tertiary)
}

.mail-magazines-show__submit:disabled:hover {
    opacity: 1
}

.component-index {
    padding: 16px
}

.component-index .basic_button a+a,.component-index .basic_button a+button,.component-index .ec_button a+a,.component-index .ec_button a+button {
    margin-top: 16px
}

.component-index .btn-gray-round-small {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-gray-round-small:hover {
    opacity: .8
}

.component-index .btn-gray-circle-small,.component-index .btn-gray-round-small:active,.component-index .btn-gray-round-small:focus,.component-index .btn-gray-round-small:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-gray-circle-small {
    align-items: center;
    background: var(--background-surface);
    border-radius: 50px;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-gray-circle-small:hover {
    opacity: .8
}

.component-index .btn-gray-circle-small:active,.component-index .btn-gray-circle-small:focus,.component-index .btn-gray-circle-small:hover,.component-index .btn-gray-round-medium {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-gray-round-medium {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-gray-round-medium:hover {
    opacity: .8
}

.component-index .btn-gray-circle-medium,.component-index .btn-gray-round-medium:active,.component-index .btn-gray-round-medium:focus,.component-index .btn-gray-round-medium:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-gray-circle-medium {
    align-items: center;
    background: var(--background-surface);
    border-radius: 50px;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-gray-circle-medium:hover {
    opacity: .8
}

.component-index .btn-gray-circle-medium:active,.component-index .btn-gray-circle-medium:focus,.component-index .btn-gray-circle-medium:hover,.component-index .btn-gray-round-large {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-gray-round-large {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    display: grid;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    min-height: 55px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-gray-round-large:hover {
    opacity: .8
}

.component-index .btn-gray-circle-large,.component-index .btn-gray-round-large:active,.component-index .btn-gray-round-large:focus,.component-index .btn-gray-round-large:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-gray-circle-large {
    align-items: center;
    background: var(--background-surface);
    border-radius: 50px;
    display: grid;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    min-height: 55px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-gray-circle-large:hover {
    opacity: .8
}

.component-index .btn-gray-circle-large:active,.component-index .btn-gray-circle-large:focus,.component-index .btn-gray-circle-large:hover,.component-index .btn-white-round-small {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-white-round-small {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 4px;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-white-round-small:hover {
    opacity: .8
}

.component-index .btn-white-round-small:active,.component-index .btn-white-round-small:focus,.component-index .btn-white-round-small:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-white-round-small:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

.component-index .btn-white-circle-small {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 50px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-white-circle-small:hover {
    opacity: .8
}

.component-index .btn-white-circle-small:active,.component-index .btn-white-circle-small:focus,.component-index .btn-white-circle-small:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-white-circle-small:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

.component-index .btn-white-round-medium {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-white-round-medium:hover {
    opacity: .8
}

.component-index .btn-white-round-medium:active,.component-index .btn-white-round-medium:focus,.component-index .btn-white-round-medium:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-white-round-medium:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

.component-index .btn-white-circle-medium {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 50px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-white-circle-medium:hover {
    opacity: .8
}

.component-index .btn-white-circle-medium:active,.component-index .btn-white-circle-medium:focus,.component-index .btn-white-circle-medium:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-white-circle-medium:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

.component-index .btn-white-round-large {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    min-height: 55px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-white-round-large:hover {
    opacity: .8
}

.component-index .btn-white-round-large:active,.component-index .btn-white-round-large:focus,.component-index .btn-white-round-large:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-white-round-large:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

.component-index .btn-white-circle-large {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 50px;
    color: var(--object-main);
    display: grid;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    min-height: 55px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-white-circle-large:hover {
    opacity: .8
}

.component-index .btn-white-circle-large:active,.component-index .btn-white-circle-large:focus,.component-index .btn-white-circle-large:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-white-circle-large:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

.component-index .btn-black-round-small {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-black-round-small:hover {
    opacity: .8
}

.component-index .btn-black-round-small:active,.component-index .btn-black-round-small:focus,.component-index .btn-black-round-small:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.component-index .btn-black-round-small:disabled {
    background: var(--object-tertiary)
}

.component-index .btn-black-round-small:disabled:hover {
    opacity: 1
}

.component-index .btn-black-circle-small {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 50px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-black-circle-small:hover {
    opacity: .8
}

.component-index .btn-black-circle-small:active,.component-index .btn-black-circle-small:focus,.component-index .btn-black-circle-small:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.component-index .btn-black-circle-small:disabled {
    background: var(--object-tertiary)
}

.component-index .btn-black-circle-small:disabled:hover {
    opacity: 1
}

.component-index .btn-black-round-medium {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-black-round-medium:hover {
    opacity: .8
}

.component-index .btn-black-round-medium:active,.component-index .btn-black-round-medium:focus,.component-index .btn-black-round-medium:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.component-index .btn-black-round-medium:disabled {
    background: var(--object-tertiary)
}

.component-index .btn-black-round-medium:disabled:hover {
    opacity: 1
}

.component-index .btn-black-circle-medium {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 50px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-black-circle-medium:hover {
    opacity: .8
}

.component-index .btn-black-circle-medium:active,.component-index .btn-black-circle-medium:focus,.component-index .btn-black-circle-medium:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.component-index .btn-black-circle-medium:disabled {
    background: var(--object-tertiary)
}

.component-index .btn-black-circle-medium:disabled:hover {
    opacity: 1
}

.component-index .btn-black-round-large {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    min-height: 55px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-black-round-large:hover {
    opacity: .8
}

.component-index .btn-black-round-large:active,.component-index .btn-black-round-large:focus,.component-index .btn-black-round-large:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.component-index .btn-black-round-large:disabled {
    background: var(--object-tertiary)
}

.component-index .btn-black-round-large:disabled:hover {
    opacity: 1
}

.component-index .btn-black-circle-large {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 50px;
    color: var(--object-reverse);
    display: grid;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    min-height: 55px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-black-circle-large:hover {
    opacity: .8
}

.component-index .btn-black-circle-large:active,.component-index .btn-black-circle-large:focus,.component-index .btn-black-circle-large:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.component-index .btn-black-circle-large:disabled {
    background: var(--object-tertiary)
}

.component-index .btn-black-circle-large:disabled:hover {
    opacity: 1
}

.component-index .btn-blue-round-small {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--expressive-blue);
    border-radius: 4px;
    color: var(--expressive-blue);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-blue-round-small:hover {
    opacity: .8
}

.component-index .btn-blue-circle-small,.component-index .btn-blue-round-small:active,.component-index .btn-blue-round-small:focus,.component-index .btn-blue-round-small:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.component-index .btn-blue-circle-small {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--expressive-blue);
    border-radius: 50px;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-blue-circle-small:hover {
    opacity: .8
}

.component-index .btn-blue-circle-small:active,.component-index .btn-blue-circle-small:focus,.component-index .btn-blue-circle-small:hover,.component-index .btn-blue-round-medium {
    color: var(--expressive-blue);
    text-decoration: none
}

.component-index .btn-blue-round-medium {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--expressive-blue);
    border-radius: 4px;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-blue-round-medium:hover {
    opacity: .8
}

.component-index .btn-blue-circle-medium,.component-index .btn-blue-round-medium:active,.component-index .btn-blue-round-medium:focus,.component-index .btn-blue-round-medium:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.component-index .btn-blue-circle-medium {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--expressive-blue);
    border-radius: 50px;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-blue-circle-medium:hover {
    opacity: .8
}

.component-index .btn-blue-circle-medium:active,.component-index .btn-blue-circle-medium:focus,.component-index .btn-blue-circle-medium:hover,.component-index .btn-blue-round-large {
    color: var(--expressive-blue);
    text-decoration: none
}

.component-index .btn-blue-round-large {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--expressive-blue);
    border-radius: 4px;
    display: grid;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    min-height: 55px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-blue-round-large:hover {
    opacity: .8
}

.component-index .btn-blue-circle-large,.component-index .btn-blue-round-large:active,.component-index .btn-blue-round-large:focus,.component-index .btn-blue-round-large:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.component-index .btn-blue-circle-large {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--expressive-blue);
    border-radius: 50px;
    display: grid;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    min-height: 55px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-blue-circle-large:hover {
    opacity: .8
}

.component-index .btn-blue-circle-large:active,.component-index .btn-blue-circle-large:focus,.component-index .btn-blue-circle-large:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.component-index .btn-official-fill-small {
    align-items: center;
    background: var(--background-primary);
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-official-fill-small:hover {
    opacity: .8
}

.component-index .btn-official-fill-small:active,.component-index .btn-official-fill-small:focus,.component-index .btn-official-fill-small:hover {
    color: #fff;
    text-decoration: none
}

.component-index .btn-official-border-small {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-official-border-small:hover {
    opacity: .8
}

.component-index .btn-official-border-small:active,.component-index .btn-official-border-small:focus,.component-index .btn-official-border-small:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-official-fill-medium {
    align-items: center;
    background: var(--background-primary);
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-official-fill-medium:hover {
    opacity: .8
}

.component-index .btn-official-fill-medium:active,.component-index .btn-official-fill-medium:focus,.component-index .btn-official-fill-medium:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.component-index .btn-official-fill-medium span:not(:first-child) {
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-official-border-medium {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-official-border-medium:hover {
    opacity: .8
}

.component-index .btn-official-border-medium:active,.component-index .btn-official-border-medium:focus,.component-index .btn-official-border-medium:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-official-border-medium span:not(:first-child) {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-lipsshopping-fill-small {
    align-items: center;
    background: var(--background-primary);
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-lipsshopping-fill-small:hover {
    opacity: .8
}

.component-index .btn-lipsshopping-fill-small:active,.component-index .btn-lipsshopping-fill-small:focus,.component-index .btn-lipsshopping-fill-small:hover {
    color: #fff;
    text-decoration: none
}

.component-index .btn-lipsshopping-border-small {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-lipsshopping-border-small:hover {
    opacity: .8
}

.component-index .btn-lipsshopping-border-small:active,.component-index .btn-lipsshopping-border-small:focus,.component-index .btn-lipsshopping-border-small:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-lipsshopping-fill-medium {
    align-items: center;
    background: var(--background-primary);
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-lipsshopping-fill-medium:hover {
    opacity: .8
}

.component-index .btn-lipsshopping-fill-medium:active,.component-index .btn-lipsshopping-fill-medium:focus,.component-index .btn-lipsshopping-fill-medium:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.component-index .btn-lipsshopping-fill-medium span:not(:first-child) {
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-lipsshopping-border-medium {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-lipsshopping-border-medium:hover {
    opacity: .8
}

.component-index .btn-lipsshopping-border-medium:active,.component-index .btn-lipsshopping-border-medium:focus,.component-index .btn-lipsshopping-border-medium:hover {
    color: var(--object-main);
    text-decoration: none
}

.component-index .btn-lipsshopping-border-medium span:not(:first-child) {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-rakuten-fill-small {
    align-items: center;
    background: #bf0000;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-rakuten-fill-small:hover {
    opacity: .8
}

.component-index .btn-rakuten-fill-small:active,.component-index .btn-rakuten-fill-small:focus,.component-index .btn-rakuten-fill-small:hover {
    color: #fff;
    text-decoration: none
}

.component-index .btn-rakuten-border-small {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid #bf0000;
    border-radius: 4px;
    color: #bf0000;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-rakuten-border-small:hover {
    opacity: .8
}

.component-index .btn-rakuten-border-small:active,.component-index .btn-rakuten-border-small:focus,.component-index .btn-rakuten-border-small:hover {
    color: #bf0000;
    text-decoration: none
}

.component-index .btn-rakuten-fill-medium {
    align-items: center;
    background: #bf0000;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-rakuten-fill-medium:hover {
    opacity: .8
}

.component-index .btn-rakuten-fill-medium:active,.component-index .btn-rakuten-fill-medium:focus,.component-index .btn-rakuten-fill-medium:hover {
    color: #fff;
    text-decoration: none
}

.component-index .btn-rakuten-fill-medium span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-rakuten-border-medium {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid #bf0000;
    border-radius: 4px;
    color: #bf0000;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-rakuten-border-medium:hover {
    opacity: .8
}

.component-index .btn-rakuten-border-medium:active,.component-index .btn-rakuten-border-medium:focus,.component-index .btn-rakuten-border-medium:hover {
    color: #bf0000;
    text-decoration: none
}

.component-index .btn-rakuten-border-medium span:not(:first-child) {
    color: #bf0000;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-amazon-fill-small {
    align-items: center;
    background: #f90;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-amazon-fill-small:hover {
    opacity: .8
}

.component-index .btn-amazon-fill-small:active,.component-index .btn-amazon-fill-small:focus,.component-index .btn-amazon-fill-small:hover {
    color: #fff;
    text-decoration: none
}

.component-index .btn-amazon-border-small {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid #f90;
    border-radius: 4px;
    color: #f90;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-amazon-border-small:hover {
    opacity: .8
}

.component-index .btn-amazon-border-small:active,.component-index .btn-amazon-border-small:focus,.component-index .btn-amazon-border-small:hover {
    color: #f90;
    text-decoration: none
}

.component-index .btn-amazon-fill-medium {
    align-items: center;
    background: #f90;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-amazon-fill-medium:hover {
    opacity: .8
}

.component-index .btn-amazon-fill-medium:active,.component-index .btn-amazon-fill-medium:focus,.component-index .btn-amazon-fill-medium:hover {
    color: #fff;
    text-decoration: none
}

.component-index .btn-amazon-fill-medium span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-amazon-border-medium {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid #f90;
    border-radius: 4px;
    color: #f90;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-amazon-border-medium:hover {
    opacity: .8
}

.component-index .btn-amazon-border-medium:active,.component-index .btn-amazon-border-medium:focus,.component-index .btn-amazon-border-medium:hover {
    color: #f90;
    text-decoration: none
}

.component-index .btn-amazon-border-medium span:not(:first-child) {
    color: #f90;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-yahoo-fill-small {
    align-items: center;
    background: #eb333d;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-yahoo-fill-small:hover {
    opacity: .8
}

.component-index .btn-yahoo-fill-small:active,.component-index .btn-yahoo-fill-small:focus,.component-index .btn-yahoo-fill-small:hover {
    color: #fff;
    text-decoration: none
}

.component-index .btn-yahoo-border-small {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid #eb333d;
    border-radius: 4px;
    color: #eb333d;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-yahoo-border-small:hover {
    opacity: .8
}

.component-index .btn-yahoo-border-small:active,.component-index .btn-yahoo-border-small:focus,.component-index .btn-yahoo-border-small:hover {
    color: #eb333d;
    text-decoration: none
}

.component-index .btn-yahoo-fill-medium {
    align-items: center;
    background: #eb333d;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-yahoo-fill-medium:hover {
    opacity: .8
}

.component-index .btn-yahoo-fill-medium:active,.component-index .btn-yahoo-fill-medium:focus,.component-index .btn-yahoo-fill-medium:hover {
    color: #fff;
    text-decoration: none
}

.component-index .btn-yahoo-fill-medium span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-yahoo-border-medium {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid #eb333d;
    border-radius: 4px;
    color: #eb333d;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-yahoo-border-medium:hover {
    opacity: .8
}

.component-index .btn-yahoo-border-medium:active,.component-index .btn-yahoo-border-medium:focus,.component-index .btn-yahoo-border-medium:hover {
    color: #eb333d;
    text-decoration: none
}

.component-index .btn-yahoo-border-medium span:not(:first-child) {
    color: #eb333d;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-qoo10-fill-small {
    align-items: center;
    background: #ef2c3b;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-qoo10-fill-small:hover {
    opacity: .8
}

.component-index .btn-qoo10-fill-small:active,.component-index .btn-qoo10-fill-small:focus,.component-index .btn-qoo10-fill-small:hover {
    color: #fff;
    text-decoration: none
}

.component-index .btn-qoo10-border-small {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid #ef2c3b;
    border-radius: 4px;
    color: #ef2c3b;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-qoo10-border-small:hover {
    opacity: .8
}

.component-index .btn-qoo10-border-small:active,.component-index .btn-qoo10-border-small:focus,.component-index .btn-qoo10-border-small:hover {
    color: #ef2c3b;
    text-decoration: none
}

.component-index .btn-qoo10-fill-medium {
    align-items: center;
    background: #ef2c3b;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-qoo10-fill-medium:hover {
    opacity: .8
}

.component-index .btn-qoo10-fill-medium:active,.component-index .btn-qoo10-fill-medium:focus,.component-index .btn-qoo10-fill-medium:hover {
    color: #fff;
    text-decoration: none
}

.component-index .btn-qoo10-fill-medium span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .btn-qoo10-border-medium {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid #ef2c3b;
    border-radius: 4px;
    color: #ef2c3b;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.component-index .btn-qoo10-border-medium:hover {
    opacity: .8
}

.component-index .btn-qoo10-border-medium:active,.component-index .btn-qoo10-border-medium:focus,.component-index .btn-qoo10-border-medium:hover {
    color: #ef2c3b;
    text-decoration: none
}

.component-index .btn-qoo10-border-medium span:not(:first-child) {
    color: #ef2c3b;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.component-index .ec_button_list .ECButtonList+.ECButtonList {
    margin-top: 32px
}

.component-index .label_button {
    display: flex;
    gap: 16px
}

.component-index .label_button-not-active {
    border: 1px solid var(--border-separation);
    border-radius: 32px;
    color: var(--object-main)
}

.component-index .label_button-active,.component-index .label_button-not-active {
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 16px;
    text-wrap: nowrap
}

.component-index .label_button-active {
    background: var(--background-primary);
    border: none;
    border-radius: 32px;
    color: #fff
}

.component-index .text-link {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.component-index .text-link__not-arrow {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.component-index .text-link__arrow,.component-index .text-link__not-arrow,.component-index .text-link__not-arrow:active,.component-index .text-link__not-arrow:focus,.component-index .text-link__not-arrow:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.component-index .text-link__arrow {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.component-index .text-link__arrow:active,.component-index .text-link__arrow:focus,.component-index .text-link__arrow:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.component-index .text-link__arrow:after {
    background-color: var(--expressive-blue);
    content: "";
    display: block;
    height: 20px;
    margin-left: 2px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

.component-index .input input[type=text],.component-index .input textarea {
    display: block
}

.component-index .input input[type=text] {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 150%;
    padding: 0 16px;
    width: 100%
}

.component-index .input input[type=text]::placeholder {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.component-index .input input[type=text]:focus {
    border: 1px solid var(--expressive-red);
    outline: none
}

@media (max-width: 834px) {
    .component-index .input input[type=text] {
        height:40px
    }
}

.component-index .input textarea {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    height: 160px;
    line-height: 150%;
    padding: 10px 16px;
    width: 100%
}

.component-index .input textarea::placeholder {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.component-index .input textarea:focus {
    border: 1px solid var(--expressive-red);
    outline: none
}

@media (max-width: 834px) {
    .component-index .input textarea {
        padding:12px
    }
}

.component-index .input+.input {
    margin-top: 16px
}

.component-index .select {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 150%;
    position: relative
}

.component-index .select:after {
    background-color: var(--object-secondary);
    content: "";
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 10px;
    width: 20px
}

.component-index .select:focus {
    border: 1px solid var(--expressive-red)
}

.component-index .select select {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    height: 100%;
    padding: 0 16px;
    width: 100%
}

.component-index .select select:focus {
    outline: none
}

.component-index .series {
    display: flex;
    margin-top: 16px;
    width: 163px
}

.cosmetic-selections {
    background-color: #fff;
    padding: 0 0 24px
}

@media (min-width: 835px) {
    .cosmetic-selections {
        height:auto;
        margin: 0 auto;
        width: 640px
    }
}

.cosmetic-selections__eyecatch-image {
    height: auto;
    width: 100%
}

.cosmetic-selections__product-list {
    align-items: stretch;
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style: none;
    overflow: auto;
    padding: 12px
}

.cosmetic-selections__product-item {
    background-color: #fff;
    border: 1px solid var(--background-elevation-low);
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    flex-shrink: 0;
    height: 80px;
    margin-right: 12px;
    width: 280px
}

.cosmetic-selections__product-link {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 12px;
    width: 100%
}

.cosmetic-selections__product-thumb {
    border-radius: 8px;
    height: 56px;
    margin-right: 8px;
    object-fit: cover;
    width: 56px
}

.cosmetic-selections__product-info {
    margin: 0;
    width: calc(100% - 64px)
}

.cosmetic-selections__product-brand {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.cosmetic-selections__product-name {
    color: #2d2926;
    font-size: 14px
}

.cosmetic-selections__product-name,.cosmetic-selections__product-pattern-name {
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    margin-top: 4px;
    overflow: hidden
}

.cosmetic-selections__product-pattern-name {
    color: var(--object-secondary);
    font-size: 12px
}

.cosmetic-selections__result {
    background-color: #fff;
    padding: 20px 16px
}

.cosmetic-selections__result-link {
    align-items: center;
    background-color: #1d9bf0;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    letter-spacing: .4px;
    line-height: 24px;
    margin: 16px 0 0;
    padding: 12px 0;
    text-align: center;
    width: 100%
}

.cosmetic-selections__result-link:before {
    background: url(https://cdn.lipscosme.com/assets/sns/twitter/light_100-eb97af6c2957848df98f1d0687dd604570f69dff914227e92d07bbde847f6509.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.cosmetic-selections__web-to-app-image {
    height: auto;
    margin: 24px 0 0;
    width: 100%
}

.cosmetic-selections__form {
    background-color: #fff;
    margin-top: 16px;
    padding: 20px 16px
}

.cosmetic-selections__form-title {
    color: #2d2926;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 26px;
    margin: 0;
    text-align: center
}

.cosmetic-selections__form-attention {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0 0;
    text-align: center
}

.cosmetic-selections__form-step {
    margin: 24px 0 0
}

.cosmetic-selections__form-step-title {
    border-left: 3px solid var(--expressive-red);
    color: #2d2926;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 24px;
    padding-left: 12px
}

.cosmetic-selections__form-step-num {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 4px
}

.cosmetic-selections__form-step-input {
    margin: 12px 0 0;
    position: relative
}

.cosmetic-selections__form-step-input__suggest {
    background-color: #fff;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    list-style: none;
    margin: 0;
    max-height: 360px;
    overflow: scroll;
    padding: 8px 12px;
    position: absolute;
    top: 56px;
    width: 100%;
    z-index: 10
}

.cosmetic-selections__form-step-input__suggest-list {
    border-bottom: 1px solid var(--border-separation)
}

.cosmetic-selections__form-step-input__suggest-list:last-child {
    border-bottom: 0
}

.cosmetic-selections__form-step-input__suggest-link {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 12px;
    width: 100%
}

.cosmetic-selections__form-step-input__suggest-link:hover {
    text-decoration: none
}

.cosmetic-selections__form-step-input__suggest-thumb {
    border-radius: 8px;
    height: 48px;
    margin-right: 8px;
    object-fit: cover;
    width: 48px
}

.cosmetic-selections__form-step-input__suggest-info {
    margin: 0;
    width: calc(100% - 56px)
}

.cosmetic-selections__form-step-input__suggest-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.cosmetic-selections__form-step-input__suggest-name {
    color: #2d2926;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 4px
}

.cosmetic-selections__form-step-input__suggest-empty {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding: 8px 0;
    text-align: center
}

.cosmetic-selections__form-step-caption {
    color: #2d2926;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 20px;
    margin: 12px 0
}

.cosmetic-selections__form-step-textfield {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: #2d2926;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 150%;
    margin: 0 0 8px;
    outline: none;
    padding: 12px;
    width: 100%
}

.cosmetic-selections__form-step-submit {
    background-color: var(--expressive-red);
    border: none;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    letter-spacing: .4px;
    line-height: 24px;
    margin: 24px 0 0;
    outline: none;
    text-align: center;
    width: 100%
}

.cosmetic-selections__form-step-submit:disabled {
    background-color: var(--border-separation)
}

.cosmetic-selections__form-step-counter {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 4px 0 0;
    text-align: right
}

.cosmetic-selections__form-cosmetic-list {
    list-style: none;
    padding: 0
}

.cosmetic-selections__form-cosmetic-item {
    align-items: stretch;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    height: auto;
    padding: 16px 0;
    width: 100%
}

.cosmetic-selections__form-cosmetic-thumb {
    border-radius: 8px;
    display: block;
    height: 80px;
    margin-right: 16px;
    object-fit: cover;
    width: 80px
}

.cosmetic-selections__form-cosmetic-info {
    width: calc(100% - 96px)
}

.cosmetic-selections__form-cosmetic-brand {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.cosmetic-selections__form-cosmetic-name {
    color: #2d2926;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 4px 0 0
}

.cosmetic-selections__form-cosmetic-action {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 16px 0 0
}

.cosmetic-selections__form-cosmetic-remove {
    color: #ff6057;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.cosmetic-selections__form-cosmetic-pattern {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: block;
    height: 28px;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding: 4px 8px;
    position: relative;
    width: 160px
}

.cosmetic-selections__form-cosmetic-pattern:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    position: absolute;
    right: 6px;
    top: 6px;
    transform: rotate(180deg);
    width: 16px
}

.cosmetic-selections__form-cosmetic-pattern:hover {
    text-decoration: none
}

.cosmetic-selections__form-nickname {
    margin: 32px 0 0
}

.cosmetic-selections__alert {
    display: none
}

.DeactivationNew form:invalid>.DeactivationNew__form-submit {
    background-color: var(--background-inactive);
    color: #fff;
    pointer-events: none
}

.DeactivationNew__container {
    margin: 0 auto;
    max-width: 880px
}

.DeactivationNew__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px 0;
    text-align: center
}

@media (max-width: 834px) {
    .DeactivationNew__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px
    }
}

.DeactivationNew__form-group {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    margin: 24px 0
}

@media (max-width: 834px) {
    .DeactivationNew__form-group {
        margin:0
    }
}

.DeactivationNew__form-label-gray {
    margin: 0;
    width: 330px
}

@media (max-width: 834px) {
    .DeactivationNew__form-label-gray {
        background:var(--background-elevation-low);
        padding: 8px 16px;
        width: 100%
    }
}

.DeactivationNew__form-label-white {
    margin: 0;
    width: 330px
}

@media (max-width: 834px) {
    .DeactivationNew__form-label-white {
        padding:0 16px;
        width: 100%
    }
}

.DeactivationNew__form-labelText {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .DeactivationNew__form-labelText {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.DeactivationNew__form-labelRequired {
    color: var(--expressive-red);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 16px
}

@media (max-width: 834px) {
    .DeactivationNew__form-labelRequired {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-left: 8px
    }
}

.DeactivationNew__form-text {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .DeactivationNew__form-text {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 12px 16px
    }
}

.DeactivationNew__form .DeactivationNew__form-textArea,.DeactivationNew__form .DeactivationNew__form-textField {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 10px 16px;
    width: calc(100% - 330px)
}

@media (max-width: 834px) {
    .DeactivationNew__form .DeactivationNew__form-textArea,.DeactivationNew__form .DeactivationNew__form-textField {
        margin:12px 16px;
        width: 100%
    }
}

.DeactivationNew__form .DeactivationNew__form-textArea:focus,.DeactivationNew__form .DeactivationNew__form-textField:focus {
    border-color: var(--expressive-red);
    outline: none
}

.DeactivationNew__form-textArea {
    height: 160px;
    resize: none
}

.DeactivationNew__form-selectWrapper {
    position: relative;
    width: calc(100% - 330px)
}

@media (max-width: 834px) {
    .DeactivationNew__form-selectWrapper {
        margin:12px 16px;
        width: 100%
    }
}

.DeactivationNew__form-selectWrapper:after {
    background-color: var(--object-main);
    background-color: var(--object-secondary);
    content: "";
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: calc(50% - 10px);
    width: 20px
}

.DeactivationNew__form-selectField {
    appearance: none;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 10px 16px;
    width: 100%
}

.DeactivationNew__form-selectField:invalid {
    color: var(--object-tertiary)
}

.DeactivationNew__form-selectField option[value=""] {
    display: none
}

.DeactivationNew__form-submit {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 11px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 430px;
    word-break: keep-all
}

.DeactivationNew__form-submit:hover {
    opacity: .8
}

.DeactivationNew__form-submit:active,.DeactivationNew__form-submit:focus,.DeactivationNew__form-submit:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.DeactivationNew__form-submit:disabled {
    background: var(--object-tertiary)
}

.DeactivationNew__form-submit:disabled:hover {
    opacity: 1
}

@media (max-width: 834px) {
    .DeactivationNew__form-submit {
        margin:12px 16px;
        width: calc(100% - 32px)
    }
}

.DeactivationNew__attentionList {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    margin: 24px auto;
    padding: 0;
    width: 430px
}

@media (max-width: 834px) {
    .DeactivationNew__attentionList {
        gap:4px;
        margin: 12px 16px;
        width: calc(100% - 32px)
    }
}

.DeactivationNew__attentionList-item {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .DeactivationNew__attentionList-item {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.DeactivationShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px auto 20px;
    text-align: center
}

@media (max-width: 834px) {
    .DeactivationShow__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px auto 16px
    }
}

.DeactivationShow__link {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: #fff;
    color: var(--object-reverse);
    display: grid;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 11px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 430px;
    word-break: keep-all
}

.DeactivationShow__link:active,.DeactivationShow__link:focus,.DeactivationShow__link:hover {
    color: #fff
}

.DeactivationShow__link:hover {
    opacity: .8
}

.DeactivationShow__link:active,.DeactivationShow__link:focus,.DeactivationShow__link:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.DeactivationShow__link:disabled {
    background: var(--object-tertiary)
}

.DeactivationShow__link:disabled:hover {
    opacity: 1
}

@media (max-width: 834px) {
    .DeactivationShow__link {
        margin:24px 16px;
        width: calc(100% - 32px)
    }
}

.DesignSystemIndex {
    background: var(--background-elevation-low)
}

.DesignSystemIndex__section {
    background: var(--background-elevation-high);
    margin: 0 0 16px
}

.DesignSystemIndex__sectionContainer {
    margin: 0 auto;
    max-width: 920px
}

.DesignSystemIndex__fv {
    margin: 0
}

.DesignSystemIndex__fvImage {
    width: 100%
}

.DesignSystemIndex__content {
    padding: .1px 20px 48px
}

.DesignSystemIndex .DesignSystemIndex__paragraph,.DesignSystemIndex .DesignSystemIndex__paragraph--lead {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0 20px
}

@media (max-width: 834px) {
    .DesignSystemIndex .DesignSystemIndex__paragraph,.DesignSystemIndex .DesignSystemIndex__paragraph--lead {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.DesignSystemIndex .DesignSystemIndex__paragraph--lead:last-child,.DesignSystemIndex .DesignSystemIndex__paragraph:last-child {
    margin: 16px 0 0
}

@media (min-width: 835px) {
    .DesignSystemIndex__paragraph--lead {
        text-align:center
    }
}

.DesignSystemIndex__title {
    margin: 48px 0 32px
}

.DesignSystemIndex__titleImage {
    max-width: 410px;
    width: 100%
}

.DesignSystemIndex__subTitle {
    border-left: 4px solid var(--object-tertiary);
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px 0 20px;
    padding: 0 0 0 12px
}

@media (max-width: 834px) {
    .DesignSystemIndex__subTitle {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%
    }
}

.DesignSystemIndex__more {
    align-items: center;
    color: var(--expressive-red);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 150%
}

@media (max-width: 834px) {
    .DesignSystemIndex__more {
        color:var(--expressive-red);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.DesignSystemIndex__more:after {
    background-color: var(--expressive-red);
    content: "";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

@media (max-width: 834px) {
    .DesignSystemIndex__more:after {
        height:20px;
        width: 20px
    }
}

.DesignSystemIndex__more:active,.DesignSystemIndex__more:focus,.DesignSystemIndex__more:hover {
    color: var(--expressive-red)
}

.DesignSystemIndex__logo {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

@media (max-width: 834px) {
    .DesignSystemIndex__logo {
        gap:12px
    }
}

.DesignSystemIndex__logoImage {
    width: calc(25% - 15px)
}

@media (max-width: 834px) {
    .DesignSystemIndex__logoImage {
        width:calc(50% - 6px)
    }
}

.DesignSystemIndex__isolationImage {
    display: block;
    margin: 0 auto;
    max-width: 428px;
    width: 100%
}

.DesignSystemIndex__typography {
    margin: 0 0 20px;
    width: 100%
}

.DesignSystemIndex__typography tr:not(:first-child) {
    border-bottom: 1px solid var(--border-separation)
}

.DesignSystemIndex__typography th {
    background: var(--background-elevation-low);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    padding: 4px 8px;
    width: 33.33333%
}

@media (max-width: 834px) {
    .DesignSystemIndex__typography th {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.DesignSystemIndex__typography td {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 4px 8px;
    width: 33.33333%
}

@media (max-width: 834px) {
    .DesignSystemIndex__typography td {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.DesignSystemIndex__components {
    background: var(--background-elevation-low);
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 0 20px;
    padding: 24px
}

@media (max-width: 834px) {
    .DesignSystemIndex__components {
        padding:20px
    }
}

.DesignSystemIndex__componentsImage {
    width: calc(50% - 10px)
}

@media (max-width: 834px) {
    .DesignSystemIndex__componentsImage {
        width:100%
    }
}

.DesignSystemIndex__lpLink {
    padding: 32px 20px 0
}

.DesignSystemIndex__lpLink__link {
    align-items: center;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: flex;
    padding: 16px
}

@media (max-width: 834px) {
    .DesignSystemIndex__lpLink__link {
        padding:12px
    }
}

.DesignSystemIndex__lpLink__link:after {
    background-color: var(--object-main);
    content: "";
    height: 24px;
    margin-left: auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

@media (max-width: 834px) {
    .DesignSystemIndex__lpLink__link:after {
        height:20px;
        width: 20px
    }
}

.DesignSystemIndex__lpLink__logo {
    height: 48px;
    width: 48px
}

.DesignSystemIndex__lpLink__txt {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 0 16px
}

@media (max-width: 834px) {
    .DesignSystemIndex__lpLink__txt {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin: 0 0 0 12px
    }
}

.DesignSystemLinkToTop {
    padding: 32px 0 0
}

.DesignSystemLinkToTop__link {
    background: var(--background-primary);
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    max-width: 428px;
    padding: 13px 0;
    text-align: center
}

.DesignSystemPrinciples {
    margin: 0 auto;
    max-width: 880px;
    width: 100%
}

.DesignSystemPrinciples__head {
    border-bottom: 1px solid var(--border-separation)
}

.DesignSystemPrinciples__title {
    color: var(--object-main);
    font-size: 40px;
    font-weight: 600;
    line-height: 150%;
    margin: 48px 0 16px
}

@media (max-width: 834px) {
    .DesignSystemPrinciples__title {
        color:var(--object-main);
        font-size: 32px;
        font-weight: 600;
        line-height: 150%;
        margin: 32px 20px 16px
    }
}

.DesignSystemPrinciples__lead {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0 32px
}

@media (max-width: 834px) {
    .DesignSystemPrinciples__lead {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 16px 20px 32px
    }
}

.DesignSystemPrinciples__item {
    border-bottom: 1px solid var(--border-separation);
    padding: 32px 0
}

@media (max-width: 834px) {
    .DesignSystemPrinciples__item {
        padding:32px 20px
    }
}

.DesignSystemPrinciples__principle {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 20px
}

@media (max-width: 834px) {
    .DesignSystemPrinciples__principle {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%
    }
}

.DesignSystemPrinciples__principle--en {
    color: var(--object-tertiary);
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 8px 0 0
}

@media (max-width: 834px) {
    .DesignSystemPrinciples__principle--en {
        color:var(--object-tertiary);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.DesignSystemPrinciples__message {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .DesignSystemPrinciples__message {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }

    .DesignSystemPrinciples__link-to-top {
        padding: 0 20px
    }
}

.DesignSystemProduct {
    margin: 0 auto;
    max-width: 880px;
    width: 100%
}

.DesignSystemProduct__head {
    border-bottom: 1px solid var(--border-separation);
    padding: 48px 0 32px
}

@media (max-width: 834px) {
    .DesignSystemProduct__head {
        padding:32px 20px
    }
}

.DesignSystemProduct__title {
    color: var(--object-main);
    font-size: 40px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .DesignSystemProduct__title {
        color:var(--object-main);
        font-size: 32px;
        font-weight: 600;
        line-height: 150%
    }
}

.DesignSystemProduct__lead {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .DesignSystemProduct__lead {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }

    .DesignSystemProduct__contents {
        padding: 0 20px
    }
}

.DesignSystemProduct__sectionTitle {
    border-left: 4px solid var(--object-tertiary);
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px 0 20px;
    padding: 0 0 0 12px
}

@media (max-width: 834px) {
    .DesignSystemProduct__sectionTitle {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%
    }
}

.DesignSystemProduct__paragraph {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0 20px
}

@media (max-width: 834px) {
    .DesignSystemProduct__paragraph {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.DesignSystemProduct__paragraph--bold {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 16px 0 20px
}

@media (max-width: 834px) {
    .DesignSystemProduct__paragraph--bold {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }
}

.DesignSystemProduct__token {
    margin: 0 0 20px;
    width: 100%
}

.DesignSystemProduct__token tr:not(:first-child) {
    border-bottom: 1px solid var(--border-separation)
}

.DesignSystemProduct__token th {
    background: var(--background-elevation-low);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    padding: 4px 8px;
    width: 33.33333%
}

@media (max-width: 834px) {
    .DesignSystemProduct__token th {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.DesignSystemProduct__token td {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 4px 8px;
    width: 33.33333%
}

@media (max-width: 834px) {
    .DesignSystemProduct__token td {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.DesignSystemProduct__tokenAttention {
    color: var(--object-secondary);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-align: right
}

@media (max-width: 834px) {
    .DesignSystemProduct__tokenAttention {
        color:var(--object-secondary);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.DesignSystemProduct__button {
    display: flex;
    gap: 24px;
    justify-content: space-between
}

@media (max-width: 834px) {
    .DesignSystemProduct__button {
        flex-direction:column;
        gap: 20px
    }
}

.DesignSystemProduct__button__container {
    background: var(--background-elevation-low);
    padding: 20px;
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .DesignSystemProduct__button__container {
        width:100%
    }
}

.DesignSystemProduct__button__title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .DesignSystemProduct__button__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.DesignSystemProduct__button__txt {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0
}

@media (min-width: 835px) {
    .DesignSystemProduct__button__txt {
        min-height:48px
    }
}

@media (max-width: 834px) {
    .DesignSystemProduct__button__txt {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.DesignSystemProduct__button__images {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between
}

@media (max-width: 834px) {
    .DesignSystemProduct__button__images {
        gap:12px
    }

    .DesignSystemProduct__button__images img {
        width: calc(33.33333% - 8px)
    }
}

.DesignSystemProduct__button__images img {
    width: calc(33.33333% - 13.33333px)
}

.DesignSystemProduct__toggle {
    background: var(--background-elevation-low);
    margin: 0 auto;
    max-width: 428px;
    padding: 20px
}

.DesignSystemProduct__toggle__images {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 0 auto;
    max-width: 295px
}

@media (max-width: 834px) {
    .DesignSystemProduct__toggle__images {
        gap:unset;
        justify-content: space-between;
        max-width: unset
    }
}

.DesignSystemProduct__toggle__images img {
    height: 32px
}

.DesignSystemProduct__input {
    background: var(--background-elevation-low);
    margin: 0 auto;
    max-width: 428px;
    padding: 20px
}

.DesignSystemProduct__input__container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    margin: 0 auto;
    max-width: 295px
}

@media (max-width: 834px) {
    .DesignSystemProduct__input__container {
        max-width:unset
    }
}

.DesignSystemProduct__input__title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .DesignSystemProduct__input__title {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.DesignSystemProduct__input__img {
    width: 100%
}

.DesignSystemProduct__list {
    background: var(--background-elevation-low);
    margin: 0 auto;
    max-width: 428px;
    padding: 20px
}

.DesignSystemProduct__list__images {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 295px
}

@media (max-width: 834px) {
    .DesignSystemProduct__list__images {
        max-width:unset
    }
}

.DesignSystemProduct__list__images img {
    width: 100%
}

.DesignSystemProduct__tab {
    background: var(--background-elevation-low);
    margin: 0 auto;
    max-width: 428px;
    padding: 20px
}

.DesignSystemProduct__tab img {
    display: block;
    margin: 0 auto;
    max-width: 295px;
    width: 100%
}

@media (max-width: 834px) {
    .DesignSystemProduct__tab img {
        max-width:unset
    }
}

.diagnosis {
    background: #fff
}

.diagnosis__iframe-container {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.diagnosis__iframe-container iframe {
    border: none;
    bottom: 0;
    height: 100vh;
    left: 0;
    min-height: -webkit-fill-available;
    min-width: 100%;
    overflow: hidden;
    top: 0;
    width: 1px
}

.embed-post-show {
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    margin: 0 auto;
    max-width: 400px;
    min-width: 320px;
    padding: 16px
}

@media (max-width: 834px) {
    .embed-post-show {
        width:calc(100% - 2px)
    }
}

.embed-post-show__not-found>div {
    margin: auto;
    width: fit-content
}

.embed-post-show__user-container {
    align-items: center;
    display: flex;
    gap: 8px
}

.embed-post-show__user-icon {
    border-radius: 999px;
    height: 40px;
    object-fit: cover;
    width: 40px
}

.embed-post-show__user-nickname {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

.embed-post-show__user-name {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.embed-post-show__reaction-icon-list {
    display: flex;
    gap: 16px;
    margin-top: 8px
}

.embed-post-show__icon {
    align-items: center;
    background: none;
    border: none;
    color: var(--object-main);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 2px;
    line-height: 150%;
    padding: 0
}

.embed-post-show__icon:focus {
    outline: none
}

.embed-post-show__icon.like:before {
    background-color: var(--object-main);
    content: "";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/heart-1-f8b8c18b5bc69cfe3b26c277ece56cc0860dea5c0a72197585b1f06898975a76.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/heart-1-f8b8c18b5bc69cfe3b26c277ece56cc0860dea5c0a72197585b1f06898975a76.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.embed-post-show__icon.clip:before {
    background-color: var(--object-main);
    content: "";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/bookmark-3fb4deb753ab948d017858fdd415387f614837d6b503daf24fa6b9859c3a8911.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/bookmark-3fb4deb753ab948d017858fdd415387f614837d6b503daf24fa6b9859c3a8911.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.embed-post-show__media-image {
    aspect-ratio: 1/1;
    margin-top: 16px;
    object-fit: cover;
    width: 100%
}

.embed-post-show__content-area {
    margin: 16px 0
}

@media (max-width: 834px) {
    .embed-post-show__content-inner:after {
        display:none
    }
}

.embed-post-show__content-sentence {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.embed-post-show .post-show__content .replace_hashtags_content {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

.embed-post-show__redirect-to-app-button {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 50px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 16px;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: unset;
    word-break: keep-all
}

.embed-post-show__redirect-to-app-button:hover {
    opacity: .8
}

.embed-post-show__redirect-to-app-button:active,.embed-post-show__redirect-to-app-button:focus,.embed-post-show__redirect-to-app-button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.embed-post-show__redirect-to-app-button:disabled {
    background: var(--object-tertiary)
}

.embed-post-show__redirect-to-app-button:disabled:hover {
    opacity: 1
}

.errors {
    padding-top: 37px;
    text-align: center;
    width: 100%
}

.errors h1 {
    color: var(--border-separation);
    font-size: 40px;
    margin-bottom: 5px
}

.errors p {
    color: var(--object-main);
    font-size: 13px
}

.commerce-gacha-download {
    background-color: #fff;
    margin: 0 auto
}

.commerce-gacha-download__lips-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 31px;
    padding-top: 59px
}

.commerce-gacha-download__download-button {
    background: none;
    background-color: var(--expressive-red);
    border: none;
    border-radius: 1000px;
    color: #fff;
    display: block;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-width: 280px;
    padding: 12px 28px
}

.commerce-gacha-download__download-button:focus {
    outline: none
}

.commerce-gacha-download__download-button__wrapper {
    margin-left: 32px;
    margin-right: 32px
}

.commerce-gacha-download__download-button__text {
    font-size: 16px;
    margin-right: 4px
}

.commerce-gacha-download__download-button__link,.commerce-gacha-download__download-button__link:active,.commerce-gacha-download__download-button__link:focus,.commerce-gacha-download__download-button__link:hover {
    color: #fff;
    text-decoration: none
}

.commerce-gacha-download__text {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: center
}

.commerce-gacha-download__present-box {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 32px
}

.commerce-gacha-lp__pc-alert {
    align-items: center;
    display: inline-flex;
    margin-bottom: 8px;
    padding-top: 4px
}

.commerce-gacha-lp__pc-alert__wrapper {
    text-align: center
}

.commerce-gacha-lp__pc-alert__text {
    color: var(--object-secondary);
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 0
}

.commerce-gacha-lp__pc-alert__text:before {
    background-color: var(--object-secondary);
    content: "　 ";
    height: 16px;
    margin-right: 4px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.commerce-gacha-lp__present {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
    text-align: center
}

.commerce-gacha-lp__present__strong {
    color: #e13f62
}

.commerce-gacha-lp__code-copy-container {
    align-items: flex-end;
    display: flex;
    justify-content: center
}

.commerce-gacha-lp__code-copy-container__present-icon {
    height: 48px;
    width: 48px
}

.commerce-gacha-lp__code-copy-container__box {
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0 16px;
    padding: 4px
}

.commerce-gacha-lp__code-copy-container__box__text {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0 32px
}

.commerce-gacha-lp__code-copy-container__box__copy-icon {
    height: 24px;
    width: 24px
}

.commerce-gacha-lp__gacha-button {
    align-items: center;
    background: none;
    background-color: var(--object-main);
    border: none;
    border-radius: 10000px;
    color: #fff;
    display: flex;
    justify-content: center;
    margin: 16px auto 0;
    padding: 10px 16px;
    text-decoration: none;
    width: 90%
}

.commerce-gacha-lp__gacha-button:active,.commerce-gacha-lp__gacha-button:focus,.commerce-gacha-lp__gacha-button:hover {
    color: #fff;
    text-decoration: none
}

.commerce-gacha-lp__gacha-button:focus {
    outline: none
}

@media (min-width: 835px) {
    .commerce-gacha-lp__gacha-button {
        padding:12px 32px
    }
}

.commerce-gacha-lp__gacha-button__disabled {
    cursor: not-allowed!important
}

.commerce-gacha-lp__gacha-button__subtext {
    color: var(--object-main);
    font-size: 13px;
    margin: 12px 16px 0;
    text-align: center
}

.commerce-gacha-lp__gacha-button__wrapper {
    margin-left: 16px;
    margin-right: 16px
}

.commerce-gacha-lp__gacha-button__text {
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

@media (min-width: 835px) {
    .commerce-gacha-lp__gacha-button__text {
        font-size:20px
    }
}

.commerce-gacha-lp__launch_app_link {
    color: var(--object-main);
    font-size: 14px;
    margin-top: 16px;
    text-align: center;
    text-decoration: underline
}

.commerce-gacha-lp__launch_app_link__wrapper {
    margin-top: 12px;
    text-align: center
}

@media (max-width: 834px) {
    .homme-index {
        margin-top:48px
    }
}

.homme-index+#fullscreen-modal>.modal-dialog>.modal-content {
    background-color: var(--background-elevation-low)
}

.homme-index+#fullscreen-modal>.modal-dialog>.modal-content>.modal-figureheader {
    border: none
}

.homme-index+#fullscreen-modal>.modal-dialog>.modal-content>.modal-figureheader>.modal-title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

.homme-index+#fullscreen-modal>.modal-dialog>.modal-content>.modal-body {
    padding: 0 8px
}

.homme-index>div:nth-child(n) {
    margin: 0 0 48px
}

.homme-index>div:last-child {
    margin-bottom: 24px
}

.homme-index__hero {
    background-color: var(--background-primary);
    width: 100%
}

@media (max-width: 834px) {
    .homme-index__hero .splide {
        padding:0 12px
    }
}

.homme-index__hero .splide__pagination__page {
    height: 8px;
    margin: 0 4px;
    width: 8px
}

@media (min-width: 835px) {
    .homme-index__hero .splide__pagination__page {
        height:12px;
        margin: 0 6px;
        width: 12px
    }
}

.homme-index__hero .splide__pagination__page.is-active {
    background-color: var(--background-elevation-high)
}

.homme-index__hero ul {
    padding: 12px 0 16px
}

@media (min-width: 835px) {
    .homme-index__hero ul {
        padding:24px 0 40px
    }
}

.homme-index__hero-logo {
    height: 32px;
    margin: 16px 0 12px 12px;
    width: auto
}

@media (min-width: 835px) {
    .homme-index__hero-logo {
        height:40px;
        margin: 20px 0 20px 200px
    }
}

.homme-index__hero-item {
    width: 100%
}

@media (min-width: 835px) {
    .homme-index__hero-item {
        width:550px
    }
}

.homme-index__hero-link {
    display: block
}

.homme-index__hero-link,.homme-index__hero-link:active,.homme-index__hero-link:focus,.homme-index__hero-link:hover {
    color: #fff;
    text-decoration: none
}

.homme-index__hero-title {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 170%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-top: 12px;
    overflow: hidden
}

@media (min-width: 835px) {
    .homme-index__hero-title {
        color:#fff;
        font-size: 20px;
        font-weight: 600;
        line-height: 170%
    }
}

.homme-index__hero-image {
    aspect-ratio: 1200/720;
    object-fit: cover;
    width: 100%
}

@media (min-width: 835px) {
    .homme-index__hero-image {
        width:550px
    }
}

.homme-index__member-horizontal-scroll-container {
    display: flex;
    gap: 16px;
    overflow-x: scroll;
    padding: 0 12px
}

@media (min-width: 835px) {
    .homme-index__member-horizontal-scroll-container {
        gap:24px
    }
}

.homme-index__member-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 88px
}

@media (min-width: 835px) {
    .homme-index__member-container {
        width:130px
    }
}

.homme-index__member-image {
    border-radius: 50%;
    height: 88px;
    object-fit: cover;
    width: 88px
}

@media (min-width: 835px) {
    .homme-index__member-image {
        height:130px;
        width: 130px
    }
}

.homme-index__member-name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-wrap: break-word;
    margin-top: 6px;
    text-align: center;
    width: 100%
}

@media (min-width: 835px) {
    .homme-index__member-name {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }
}

.homme-index__member-follower-count {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 4px
}

.homme-index__section-title {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    padding-bottom: 28px
}

@media (max-width: 834px) {
    .homme-index__section-title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        margin-left: 16px;
        padding-bottom: 20px
    }
}

.homme-index__section-title button {
    background: none;
    border: none;
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 0
}

.homme-index__section-title button:focus {
    outline: none
}

.homme-index__section-title hr {
    border-top: 2px solid var(--object-main);
    flex: 1;
    margin: 0 0 0 12px;
    width: 100%
}

.homme-index__posts-grid {
    display: grid;
    gap: 1px;
    grid-template-areas: "post0 post1 movie0" "post2 post3 movie0" "movie1 post4 post5" "movie1 post6 post7" "post8 post9 movie2" "post10 post11 movie2" "movie3 post12 post13" "movie3 post14 post15"
}

@media (min-width: 835px) {
    .homme-index__posts-grid {
        grid-template-areas:"post0 post1 movie0 post2" "post3 post4 movie0 post5" "movie1 post6 post7 post8" "movie1 post9 post10 post11" "movie2 movie3 post12 post13" "movie2 movie3 post14 post15"
    }
}

.homme-index__grid-link {
    display: block;
    position: relative
}

.homme-index__grid-image {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%
}

.homme-index__grid-movie {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.homme-index__grid-movie-short {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.homme-index__product-list {
    background-color: var(--background-elevation-high);
    display: grid;
    gap: 16px 4px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 12px
}

@media (min-width: 835px) {
    .homme-index__product-list {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

.homme-index__ranking-title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 28px 0 24px
}

@media (max-width: 834px) {
    .homme-index__ranking-title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 28px 16px 16px
    }
}

.homme-index__ranking-show {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

@media (max-width: 834px) {
    .homme-index__ranking-show {
        gap:8px;
        margin: 0 16px
    }
}

.homme-index__ranking-item {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.homme-index__ranking-item:hover {
    opacity: .8
}

.homme-index__ranking-item:active,.homme-index__ranking-item:focus,.homme-index__ranking-item:hover {
    color: var(--object-main);
    text-decoration: none
}

.InquiryNew form:invalid>.InquiryNew__form-submit {
    background-color: var(--background-inactive);
    color: #fff;
    pointer-events: none
}

.InquiryNew__container {
    margin: 0 auto;
    max-width: 880px
}

.InquiryNew__flashMessage {
    color: var(--expressive-red);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 32px 0 0
}

@media (max-width: 834px) {
    .InquiryNew__flashMessage {
        color:var(--expressive-red);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 0 0 24px;
        padding: 0 16px
    }
}

.InquiryNew__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px 0;
    text-align: center
}

@media (max-width: 834px) {
    .InquiryNew__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px
    }
}

.InquiryNew__linkList {
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .InquiryNew__linkList {
        border:none;
        gap: 16px;
        padding: 0 16px 24px
    }
}

.InquiryNew__linkList-item {
    background: #fff5f7;
    border-radius: 4px;
    width: calc(50% - 10px)
}

@media (max-width: 834px) {
    .InquiryNew__linkList-item {
        width:100%
    }
}

.InquiryNew__linkList-link {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 150%;
    padding: 16px 18px 16px 20px
}

.InquiryNew__linkList-link,.InquiryNew__linkList-link:active,.InquiryNew__linkList-link:focus,.InquiryNew__linkList-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .InquiryNew__linkList-link {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        padding: 16px
    }
}

.InquiryNew__linkList-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/dark_80-52447cd424710ee5d587086e5e6c7b81312cbda0af683cf347a722056739448a.png);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    transform: rotate(180deg);
    width: 20px
}

@media (max-width: 834px) {
    .InquiryNew__linkList-link:after {
        height:16px;
        width: 16px
    }
}

.InquiryNew__form-group--horizontal {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    margin: 24px 0
}

@media (max-width: 834px) {
    .InquiryNew__form-group--horizontal {
        margin:0
    }
}

.InquiryNew__form-group--vertical {
    display: flex;
    flex-direction: column;
    margin: 32px 0 40px
}

@media (max-width: 834px) {
    .InquiryNew__form-group--vertical {
        margin:0
    }
}

.InquiryNew__form-label {
    margin: 0;
    width: 220px
}

@media (max-width: 834px) {
    .InquiryNew__form-label {
        background:var(--background-elevation-low);
        padding: 8px 16px;
        width: 100%
    }
}

.InquiryNew__form-labelText {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .InquiryNew__form-labelText {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.InquiryNew__form-labelRequired {
    color: var(--expressive-red);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 16px
}

@media (max-width: 834px) {
    .InquiryNew__form-labelRequired {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-left: 8px
    }
}

.InquiryNew__form-text {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .InquiryNew__form-text {
        color:var(--object-secondary);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 12px 16px
    }
}

.InquiryNew__form-radioButton {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    margin: 40px 0 0;
    width: 100%
}

@media (max-width: 834px) {
    .InquiryNew__form-radioButton {
        gap:0;
        margin: 0
    }
}

.InquiryNew__form-radioButtonItem {
    align-items: center;
    display: flex;
    gap: 8px;
    width: calc(50% - 16px)
}

@media (max-width: 834px) {
    .InquiryNew__form-radioButtonItem {
        border-bottom:1px solid var(--border-separation);
        padding: 12px 16px;
        width: 100%
    }
}

.InquiryNew__form-radioButtonItem input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid var(--object-tertiary);
    border-radius: 50%;
    cursor: pointer;
    height: 22px;
    margin: 0;
    outline: none;
    padding: 3px;
    width: 22px
}

@media (max-width: 834px) {
    .InquiryNew__form-radioButtonItem input[type=radio] {
        height:20px;
        width: 20px
    }
}

.InquiryNew__form-radioButtonItem input[type=radio]:checked {
    background-color: var(--background-elevation-high);
    border: 1px solid var(--background-primary)
}

.InquiryNew__form-radioButtonItem input[type=radio]:checked:before {
    background-color: var(--background-primary);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.InquiryNew__form-radioButtonItem-label {
    color: var(--object-main);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .InquiryNew__form-radioButtonItem-label {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.InquiryNew__form .InquiryNew__form-textArea,.InquiryNew__form .InquiryNew__form-textField {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 10px 16px;
    width: calc(100% - 220px)
}

@media (max-width: 834px) {
    .InquiryNew__form .InquiryNew__form-textArea,.InquiryNew__form .InquiryNew__form-textField {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 12px 16px;
        width: 100%
    }
}

.InquiryNew__form .InquiryNew__form-textArea:focus,.InquiryNew__form .InquiryNew__form-textField:focus {
    border-color: var(--expressive-red);
    outline: none
}

.InquiryNew__form-textArea {
    height: 160px;
    resize: none
}

.InquiryNew__form-submit {
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 11px 16px;
    text-align: center;
    width: 430px
}

@media (max-width: 834px) {
    .InquiryNew__form-submit {
        margin:12px 16px;
        width: calc(100% - 32px)
    }
}

.InquiryNew__attentionList {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    margin: 24px auto;
    padding: 0;
    width: 430px
}

@media (max-width: 834px) {
    .InquiryNew__attentionList {
        gap:4px;
        margin: 12px 16px;
        width: calc(100% - 32px)
    }
}

.InquiryNew__attentionList-asterisk {
    list-style-type: "※";
    padding: 0 0 0 12px
}

.InquiryNew__attentionList-asterisk .InquiryNew__attentionList-item {
    padding-left: 6px
}

.InquiryNew__attentionList-asterisk .InquiryNew__attentionList-item-confirm {
    margin-left: -18px
}

.InquiryNew__attentionList-item {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    width: 100%
}

@media (max-width: 834px) {
    .InquiryNew__attentionList-item {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.InquiryNew__attentionList-item label {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .InquiryNew__attentionList-item label {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.InquiryNew__attentionList-item-confirm {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0 6px;
    margin-top: 8px
}

.InquiryNew__attentionList-item-confirm input,.InquiryNew__attentionList-item-confirm label {
    margin: 0
}

.InquiryNew__attentionList-link {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .InquiryNew__attentionList-link {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.InquiryNew__attentionList-link:active,.InquiryNew__attentionList-link:focus,.InquiryNew__attentionList-link:hover {
    color: var(--expressive-red);
    text-decoration: underline
}

.InquiryShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px auto 20px;
    text-align: center
}

@media (max-width: 834px) {
    .InquiryShow__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px auto 16px
    }
}

.InquiryShow__message {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 20px auto 32px;
    text-align: center
}

@media (max-width: 834px) {
    .InquiryShow__message {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 16px auto 24px
    }
}

.InquiryShow__link {
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 11px 16px;
    text-align: center;
    width: 430px
}

.InquiryShow__link,.InquiryShow__link:active,.InquiryShow__link:focus,.InquiryShow__link:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width: 834px) {
    .InquiryShow__link {
        margin:24px 16px;
        width: calc(100% - 32px)
    }
}

.liff_confirm {
    height: calc(100vh - 24px);
    margin: 0 auto;
    max-width: 350px;
    padding: 0 12px
}

.liff_confirm__column {
    background-color: #fff;
    border-radius: 4px;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.liff_confirm__column,.liff_confirm__icons {
    align-items: center;
    display: flex;
    justify-content: center
}

.liff_confirm__icons-img {
    height: 60px;
    width: 60px
}

.liff_confirm__icons-arrow {
    background-color: var(--object-secondary);
    content: "";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.liff_confirm__icons-spacer {
    width: 30px
}

.liff_confirm__spacer {
    height: 24px
}

.liff_confirm__spacer-sm {
    height: 12px
}

.liff_confirm__body {
    color: var(--object-secondary);
    font-weight: 500
}

.liff_confirm__body,.liff_confirm__button {
    font-size: 12px;
    line-height: 150%;
    text-align: center
}

.liff_confirm__button {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-weight: 600;
    margin: 0 auto;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.liff_confirm__button:hover {
    opacity: .8
}

.liff_confirm__button:active,.liff_confirm__button:focus,.liff_confirm__button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.liff_confirm__button:disabled {
    background: var(--object-tertiary)
}

.liff_confirm__button:disabled:hover {
    opacity: 1
}

.line_association__container {
    display: flex;
    flex-direction: column
}

.line_association__title {
    align-items: center;
    background: var(--background-elevation-high);
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    justify-content: center;
    position: relative
}

.line_association__title .blank {
    flex-shrink: 0;
    height: 32px;
    width: 32px
}

.line_association__title .close-button {
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.line_association__title_text {
    color: var(--object-main);
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    line-height: 170%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.line_association__result {
    gap: 24px;
    padding: 40px 16px
}

.line_association__result,.line_association__result_reason {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.line_association__result_reason {
    gap: 16px
}

.line_association__result_reason .alert-triangle {
    align-items: center;
    display: flex;
    height: 80px;
    justify-content: center;
    padding: 10px;
    width: 80px
}

.line_association__result_reason_item {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    text-align: center
}

.line_association__return_line {
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.line_association__return_line,.line_association__return_line:hover {
    background-color: var(--background-primary)
}

.line_association__return_line a {
    color: #fff
}

.line_association__line_association__result_frame {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    padding: 40px 16px;
    text-align: center
}

.line_association__line_association__result_frame .check-circle {
    height: 80px;
    width: 80px
}

.line_association__result_icon {
    align-items: center;
    display: flex;
    height: 80px;
    justify-content: center;
    text-align: center
}

.line_association__result_success {
    align-self: stretch;
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    padding-top: 16px;
    text-align: center
}

.line_association__user_info {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
    text-align: center
}

.line_association__user_accounts {
    align-items: center;
    display: flex;
    gap: 40px;
    justify-content: center;
    width: 100%
}

@media (max-width: 480px) {
    .line_association__user_accounts {
        flex-direction:column;
        gap: 24px
    }
}

.line_association__account_info {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 140px
}

.line_association__user_avatar {
    border-radius: 50%;
    height: 64px;
    object-fit: cover;
    width: 64px
}

.line_association__user_avatar .user-avatar {
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.line_association__user_avatar .user-avatar-placeholder {
    align-items: center;
    background-color: var(--background-elevation-low);
    border-radius: 50%;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.line_association__user_avatar .user-avatar-placeholder .user-avatar {
    height: 32px;
    opacity: .6;
    width: 32px
}

.line_association__account_label {
    color: var(--object-sub);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    text-align: center
}

.line_association__account_name {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    font-weight: 600;
    line-height: 170%;
    text-align: center
}

.line_association__connection_arrow {
    align-items: center;
    color: var(--object-sub);
    display: flex;
    font-size: 24px;
    height: 64px;
    justify-content: center
}

@media (max-width: 480px) {
    .line_association__connection_arrow {
        height:auto;
        transform: rotate(90deg)
    }
}

.line_association .simaple-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: flex-start;
    padding-top: 0
}

.lips-festa-2022-autumn {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2022-autumn {
        max-width:500px
    }
}

.lips-festa-2022-autumn img {
    width: 100%
}

.lips-festa-2022-autumn-1,.lips-festa-2022-autumn-2,.lips-festa-2022-autumn-3 {
    position: relative
}

.lips-festa-2022-autumn__cta1 {
    left: 0;
    position: absolute;
    top: 26%
}

.lips-festa-2022-autumn__cta2 {
    left: 0;
    position: absolute;
    top: 88%
}

.lips-festa-2022-autumn__cta3 {
    left: 0;
    position: absolute;
    top: 34%
}

.lips-festa-2022-autumn__cta4 {
    left: 0;
    position: absolute;
    top: 80%
}

.lips-festa-2022-autumn__cta5 {
    left: 0;
    position: absolute;
    top: 62.5%
}

.lips-festa-2022-autumn__update1 {
    left: 0;
    position: absolute;
    top: 33%
}

.lips-festa-2022-autumn__update2 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2022-autumn__update3 {
    left: 0;
    position: absolute;
    top: 40%
}

.lips-festa-2022-autumn__update4 {
    left: 0;
    position: absolute;
    top: 86%
}

.lips-festa-2022-autumn__update5 {
    left: 0;
    position: absolute;
    top: 68%
}

.lips-festa-2022-summer {
    margin: 0 auto;
    padding-bottom: 80px;
    position: relative
}

@media (min-width: 835px) {
    .lips-festa-2022-summer {
        max-width:500px
    }
}

.lips-festa-2022-summer img {
    width: 100%
}

.lips-festa-2022-summer__img+.lips-festa-2022-summer__img {
    margin-top: 32px
}

.lips-festa-2022-summer__figureheader-background {
    position: absolute;
    z-index: -1
}

.lips-festa-2022-summer__cta {
    display: inline-block;
    margin: 0 16px
}

.lips-festa-2022-summer__text {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    list-style: none;
    margin: 32px 24px 0;
    padding-left: 1.5em
}

.lips-festa-2022-summer__text li {
    text-indent: -1.5em
}

.lips-festa-2022-summer__text li:before {
    content: "※";
    display: inline-block;
    margin-right: .5em;
    text-align: right;
    width: 1em
}

.lips-festa-2022-summer__update-text {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 8px 24px
}

.lips-festa-2022-summer__update-text a {
    color: var(--expressive-red)
}

.lips-festa-2022-summer__heading-img {
    margin: 40px 0
}

.lips-festa-2022-summer__modal-background {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000
}

.lips-festa-2022-summer__modal-area {
    height: 100%;
    left: 0;
    margin: 0 auto;
    max-width: 800px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10001
}

.lips-festa-2022-summer__lottie {
    height: 100%;
    position: relative;
    width: 100%
}

.lips-festa-2022-summer__lottie-container {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}

.lips-festa-2022-summer__section-intro {
    background-image: url(https://cdn.lipscosme.com/assets/lips_festa/2022/summer/festa_title_bg-8dc0ed70bfa82c64af09b3296234aa193f5c10ba306ea56e2cd5a41c284fccfc.png);
    background-size: cover;
    padding-bottom: 20px
}

.lips-festa-2022-summer__title-img+.lips-festa-2022-summer__cta {
    margin-top: 20px
}

.lips-festa-2022-summer__introduction {
    margin: 32px 0
}

.lips-festa-2022-summer__section-content {
    margin: -7px 0;
    padding: 22px 0 7px
}

.lips-festa-2022-summer__reverse {
    transform: scale(-1)
}

.lips-festa-2022-summer svg {
    width: 100%
}

.lips-festa-2022-summer__section-blue {
    margin-top: -20px
}

.lips-festa-2022-summer__section-blue svg {
    fill: #a8e8ff
}

.lips-festa-2022-summer__section-blue div {
    background-color: #a8e8ff
}

.lips-festa-2022-summer__section-yellow svg {
    fill: #fffbb3
}

.lips-festa-2022-summer__section-yellow div {
    background-color: #fffbb3
}

.lips-festa-2022-summer__schedule-link {
    display: inline-block;
    margin: 32px 16px
}

.lips-festa-2022-summer__notes {
    margin: 60px 24px 65px
}

.lips-festa-2022-summer__notes-headline {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px
}

.lips-festa-2022-summer__notes ul {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px;
    padding-left: 1em
}

.lips-festa-2022-summer__24h_text {
    margin-bottom: 44px
}

.lips-festa-2022-summer__schedule+.lips-festa-2022-summer__schedule {
    margin-top: 40px
}

.lips-festa-2023-anniversary {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2023-anniversary {
        max-width:500px
    }
}

.lips-festa-2023-anniversary img {
    width: 100%
}

.lips-festa-2023-anniversary-1,.lips-festa-2023-anniversary-2,.lips-festa-2023-anniversary-3,.lips-festa-2023-anniversary-4 {
    position: relative
}

.lips-festa-2023-anniversary__cta {
    left: 0;
    position: absolute;
    top: 88%
}

.lips-festa-2023-anniversary__update {
    left: 0;
    position: absolute;
    top: 97%
}

.lips-festa-2023-autumn {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2023-autumn {
        max-width:500px
    }
}

.lips-festa-2023-autumn img {
    width: 100%
}

.lips-festa-2023-autumn-1,.lips-festa-2023-autumn-2,.lips-festa-2023-autumn-3,.lips-festa-2023-autumn-4,.lips-festa-2023-autumn-5 {
    position: relative
}

.lips-festa-2023-autumn__cta2_1 {
    left: 0;
    position: absolute;
    top: 63%
}

.lips-festa-2023-autumn__update2_1 {
    left: 0;
    position: absolute;
    top: 69.6%
}

.lips-festa-2023-autumn__cta2_2 {
    left: 0;
    position: absolute;
    top: 91%
}

.lips-festa-2023-autumn__update2_2 {
    left: 0;
    position: absolute;
    top: 97.5%
}

.lips-festa-2023-autumn__cta3 {
    left: 0;
    position: absolute;
    top: 83.5%
}

.lips-festa-2023-autumn__update3 {
    left: 0;
    position: absolute;
    top: 95.5%
}

.lips-festa-2023-autumn__cta4 {
    left: 0;
    position: absolute;
    top: 82%
}

.lips-festa-2023-autumn__update4 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2023-spring {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2023-spring {
        max-width:500px
    }
}

.lips-festa-2023-spring img {
    width: 100%
}

.lips-festa-2023-spring-1,.lips-festa-2023-spring-2,.lips-festa-2023-spring-3,.lips-festa-2023-spring-4,.lips-festa-2023-spring-5,.lips-festa-2023-spring-6,.lips-festa-2023-spring-7 {
    position: relative
}

.lips-festa-2023-spring__cta1 {
    left: 0;
    position: absolute;
    top: 74.5%
}

.lips-festa-2023-spring__update1 {
    left: 0;
    position: absolute;
    top: 92%
}

.lips-festa-2023-spring__cta2 {
    left: 0;
    position: absolute;
    top: 84%
}

.lips-festa-2023-spring__update2 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2023-spring__cta3 {
    left: 0;
    position: absolute;
    top: 92.8%
}

.lips-festa-2023-spring__update3 {
    left: 0;
    position: absolute;
    top: 98.6%
}

.lips-festa-2023-spring__cta4_1 {
    left: 0;
    position: absolute;
    top: 21.5%
}

.lips-festa-2023-spring__cta4_3 {
    left: 0;
    position: absolute;
    top: 91%
}

.lips-festa-2023-spring__update4_3 {
    left: 0;
    position: absolute;
    top: 98.2%
}

.lips-festa-2023-spring__cta5_3 {
    left: 0;
    position: absolute;
    top: 93%
}

.lips-festa-2023-spring__update5_3 {
    left: 0;
    position: absolute;
    top: 98.6%
}

.lips-festa-2023-spring__cta6 {
    left: 0;
    position: absolute;
    top: 79%
}

.lips-festa-2023-spring__update6 {
    left: 0;
    position: absolute;
    top: 93.5%
}

.lips-festa-2023-summer {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2023-summer {
        max-width:500px
    }
}

.lips-festa-2023-summer img {
    width: 100%
}

.lips-festa-2023-summer-1,.lips-festa-2023-summer-2,.lips-festa-2023-summer-3,.lips-festa-2023-summer-4,.lips-festa-2023-summer-5,.lips-festa-2023-summer-6 {
    position: relative
}

.lips-festa-2023-summer__cta2 {
    left: 0;
    position: absolute;
    top: 87.5%
}

.lips-festa-2023-summer__update2 {
    left: 0;
    position: absolute;
    top: 96.5%
}

.lips-festa-2023-summer__cta3_2 {
    left: 0;
    position: absolute;
    top: 89%
}

.lips-festa-2023-summer__update3 {
    left: 0;
    position: absolute;
    top: 97%
}

.lips-festa-2023-summer__cta4 {
    left: 0;
    position: absolute;
    top: 82.5%
}

.lips-festa-2023-summer__update4 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2023-summer__cta5 {
    left: 0;
    position: absolute;
    top: 81%
}

.lips-festa-2023-summer__update5 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2023-winter {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2023-winter {
        max-width:500px
    }
}

.lips-festa-2023-winter img {
    width: 100%
}

.lips-festa-2023-winter-1,.lips-festa-2023-winter-2,.lips-festa-2023-winter-3,.lips-festa-2023-winter-4 {
    position: relative
}

.lips-festa-2023-winter__cta1 {
    left: 0;
    position: absolute;
    top: 57%
}

.lips-festa-2023-winter__cta2 {
    left: 0;
    position: absolute;
    top: 88%
}

.lips-festa-2023-winter__cta3 {
    left: 0;
    position: absolute;
    top: 88.5%
}

.lips-festa-2023-winter__cta4 {
    left: 0;
    position: absolute;
    top: 38%
}

.lips-festa-2023-winter__cta5 {
    left: 0;
    position: absolute;
    top: 88%
}

.lips-festa-2023-winter__update1 {
    left: 0;
    position: absolute;
    top: 71%
}

.lips-festa-2023-winter__update2 {
    left: 0;
    position: absolute;
    top: 97%
}

.lips-festa-2023-winter__update3 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2023-winter__update4 {
    left: 0;
    position: absolute;
    top: 45.5%
}

.lips-festa-2023-winter__update5 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2024-autumn {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2024-autumn {
        max-width:500px
    }
}

.lips-festa-2024-autumn img {
    width: 100%
}

.lips-festa-2024-autumn-1,.lips-festa-2024-autumn-2,.lips-festa-2024-autumn-3,.lips-festa-2024-autumn-4,.lips-festa-2024-autumn-5 {
    position: relative
}

.lips-festa-2024-autumn__cta2 {
    left: 0;
    position: absolute;
    top: 82%
}

.lips-festa-2024-autumn__update2 {
    left: 0;
    position: absolute;
    top: 94%
}

.lips-festa-2024-autumn__cta3 {
    left: 0;
    position: absolute;
    top: 88%
}

.lips-festa-2024-autumn__update3 {
    left: 0;
    position: absolute;
    top: 96%
}

.lips-festa-2024-autumn__cta4 {
    left: 0;
    position: absolute;
    top: 86%
}

.lips-festa-2024-autumn__update4 {
    left: 0;
    position: absolute;
    top: 96%
}

.lips-festa-2024-spring {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2024-spring {
        max-width:500px
    }
}

.lips-festa-2024-spring img {
    width: 100%
}

.lips-festa-2024-spring-1,.lips-festa-2024-spring-2,.lips-festa-2024-spring-3,.lips-festa-2024-spring-4,.lips-festa-2024-spring-5 {
    position: relative
}

.lips-festa-2024-spring__cta2 {
    left: 0;
    position: absolute;
    top: 80.5%
}

.lips-festa-2024-spring__update2 {
    left: 0;
    position: absolute;
    top: 93%
}

.lips-festa-2024-spring__cta3 {
    left: 0;
    position: absolute;
    top: 73.5%
}

.lips-festa-2024-spring__update3 {
    left: 0;
    position: absolute;
    top: 90%
}

.lips-festa-2024-spring__cta4 {
    left: 0;
    position: absolute;
    top: 84%
}

.lips-festa-2024-spring__update4 {
    left: 0;
    position: absolute;
    top: 94%
}

.lips-festa-2024-summer {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2024-summer {
        max-width:500px
    }
}

.lips-festa-2024-summer img {
    width: 100%
}

.lips-festa-2024-summer-1,.lips-festa-2024-summer-2,.lips-festa-2024-summer-3,.lips-festa-2024-summer-4,.lips-festa-2024-summer-5 {
    position: relative
}

.lips-festa-2024-summer__cta2 {
    left: 0;
    position: absolute;
    top: 82%
}

.lips-festa-2024-summer__update2 {
    left: 0;
    position: absolute;
    top: 94%
}

.lips-festa-2024-summer__cta3 {
    left: 0;
    position: absolute;
    top: 82%
}

.lips-festa-2024-summer__update3 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2024-summer__cta4 {
    left: 0;
    position: absolute;
    top: 82%
}

.lips-festa-2024-summer__update4 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2024-winter {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2024-winter {
        max-width:500px
    }
}

.lips-festa-2024-winter img {
    width: 100%
}

.lips-festa-2024-winter-1,.lips-festa-2024-winter-2,.lips-festa-2024-winter-3,.lips-festa-2024-winter-4,.lips-festa-2024-winter-5 {
    position: relative
}

.lips-festa-2024-winter__cta2 {
    left: 0;
    position: absolute;
    top: 87.5%
}

.lips-festa-2024-winter__update2 {
    left: 0;
    position: absolute;
    top: 96%
}

.lips-festa-2024-winter__cta3 {
    left: 0;
    position: absolute;
    top: 79%
}

.lips-festa-2024-winter__update3 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2024-winter__cta4 {
    left: 0;
    position: absolute;
    top: 84%
}

.lips-festa-2024-winter__update4 {
    left: 0;
    position: absolute;
    top: 95.5%
}

.lips-festa-2025-spring {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2025-spring {
        max-width:500px
    }
}

.lips-festa-2025-spring img {
    width: 100%
}

.lips-festa-2025-spring-1,.lips-festa-2025-spring-2,.lips-festa-2025-spring-3,.lips-festa-2025-spring-4,.lips-festa-2025-spring-5 {
    position: relative
}

.lips-festa-2025-spring__cta2 {
    left: 0;
    position: absolute;
    top: 82%
}

.lips-festa-2025-spring__update2 {
    left: 0;
    position: absolute;
    top: 94%
}

.lips-festa-2025-spring__cta3 {
    left: 0;
    position: absolute;
    top: 89%
}

.lips-festa-2025-spring__update3 {
    left: 0;
    position: absolute;
    top: 97%
}

.lips-festa-2025-spring__cta4 {
    left: 0;
    position: absolute;
    top: 81%
}

.lips-festa-2025-spring__update4 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2025-summer {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2025-summer {
        max-width:500px
    }
}

.lips-festa-2025-summer img {
    width: 100%
}

.lips-festa-2025-summer-1,.lips-festa-2025-summer-2,.lips-festa-2025-summer-3,.lips-festa-2025-summer-4,.lips-festa-2025-summer-5 {
    position: relative
}

.lips-festa-2025-summer__cta2 {
    left: 0;
    position: absolute;
    top: 82%
}

.lips-festa-2025-summer__update2 {
    left: 0;
    position: absolute;
    top: 94%
}

.lips-festa-2025-summer__cta3 {
    left: 0;
    position: absolute;
    top: 89%
}

.lips-festa-2025-summer__update3 {
    left: 0;
    position: absolute;
    top: 97%
}

.lips-festa-2025-summer__cta4 {
    left: 0;
    position: absolute;
    top: 81%
}

.lips-festa-2025-summer__update4 {
    left: 0;
    position: absolute;
    top: 95%
}

.lips-festa-2025-winter {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lips-festa-2025-winter {
        max-width:500px
    }
}

.lips-festa-2025-winter img {
    width: 100%
}

.lips-festa-2025-winter-1,.lips-festa-2025-winter-2,.lips-festa-2025-winter-3,.lips-festa-2025-winter-4,.lips-festa-2025-winter-5 {
    position: relative
}

.lips-festa-2025-winter__cta2 {
    left: 0;
    position: absolute;
    top: 82%
}

.lips-festa-2025-winter__update2 {
    left: 0;
    position: absolute;
    top: 94%
}

.lips-festa-2025-winter__cta3 {
    left: 0;
    position: absolute;
    top: 88%
}

.lips-festa-2025-winter__update3 {
    left: 0;
    position: absolute;
    top: 96%
}

.lips-festa-2025-winter__cta4 {
    left: 0;
    position: absolute;
    top: 86%
}

.lips-festa-2025-winter__update4 {
    left: 0;
    position: absolute;
    top: 96%
}

#app.handsup-cms-scope {
    font-family: Noto Sans JP,sans-serif
}

#app.handsup-cms-scope a {
    cursor: pointer
}

#app.handsup-cms-scope .product-name {
    line-height: 18px!important
}

#app.handsup-cms-scope .product .button {
    border-radius: 4px!important;
    line-height: 24px!important
}

#app.handsup-cms-scope .product .product-sku-name {
    display: none
}

#app.handsup-cms-scope .el-image__inner {
    object-fit: contain!important
}

#app.handsup-cms-scope .description {
    line-height: 20px!important
}

#app.handsup-cms-scope .ListContainer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1075px;
    padding: 32px 20px
}

#app.handsup-cms-scope .ListContainer__title {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.75rem;
    margin-bottom: 16px
}

#app.handsup-cms-scope .PostListMedium {
    margin: 16px 0
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .PostListMedium {
        margin:0
    }
}

#app.handsup-cms-scope .PostListMedium__repost {
    margin: 0 2px;
    vertical-align: baseline;
    width: 12px
}

#app.handsup-cms-scope .PostListMedium__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 14px
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .PostListMedium__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

#app.handsup-cms-scope .PostListMedium__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .PostListMedium__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

#app.handsup-cms-scope .PostListMedium__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (min-width: 835px) {
    #app.handsup-cms-scope .PostListMedium__list {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

#app.handsup-cms-scope .PostListMedium__item {
    contain: content;
    contain-intrinsic-size: 270px;
    content-visibility: auto;
    list-style-type: none;
    padding: 8px 0;
    width: calc(50% - 16px)
}

@media (min-width: 835px) {
    #app.handsup-cms-scope .PostListMedium__item {
        contain-intrinsic-size:258px
    }

    #app.handsup-cms-scope .PostListMedium__item:nth-child(n+3) {
        margin-top: 8px
    }
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .PostListMedium__item {
        border-bottom:1px solid var(--border-separation);
        padding: 16px 12px;
        width: 100%
    }

    #app.handsup-cms-scope .PostListMedium__item:active,#app.handsup-cms-scope .PostListMedium__item:hover {
        background: var(--background-elevation-low)
    }

    #app.handsup-cms-scope .PostListMedium__item:active .PostListMedium__read-more,#app.handsup-cms-scope .PostListMedium__item:hover .PostListMedium__read-more {
        background: linear-gradient(to right,transparent,var(--background-elevation-low) 55%)
    }

    #app.handsup-cms-scope .PostListMedium__item:first-child {
        padding: 0 12px 16px
    }
}

#app.handsup-cms-scope .PostListMedium__link,#app.handsup-cms-scope .PostListMedium__link:active,#app.handsup-cms-scope .PostListMedium__link:focus,#app.handsup-cms-scope .PostListMedium__link:hover {
    color: var(--object-main);
    text-decoration: none
}

#app.handsup-cms-scope .PostListMedium__post-images-area {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0 0 8px;
    padding: 0
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .PostListMedium__post-images-area {
        margin-left:calc(50% - 50vw);
        margin-right: calc(50% - 50vw)
    }
}

#app.handsup-cms-scope .PostListMedium__post-thumb-container {
    background-color: var(--background-elevation-low);
    height: auto;
    padding-top: calc(33.33333% - 2.66667px);
    position: relative;
    width: calc(33.33333% - 1.33333px)
}

#app.handsup-cms-scope .PostListMedium__post-thumb {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

#app.handsup-cms-scope .PostListMedium__post-content-area {
    position: relative
}

#app.handsup-cms-scope .PostListMedium__post-content {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    height: 94px;
    line-height: 170%;
    margin-bottom: 12px;
    overflow: hidden
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .PostListMedium__post-content {
        -webkit-box-orient:vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        height: 72px;
        overflow: hidden
    }
}

#app.handsup-cms-scope .PostListMedium__post-content .highlights,#app.handsup-cms-scope .PostListMedium__post-content b {
    background: linear-gradient(transparent 70%,rgba(255,221,226,.8) 0);
    font-weight: 700
}

#app.handsup-cms-scope .PostListMedium__read-more {
    background: linear-gradient(to right,transparent,var(--background-elevation-high) 55%);
    bottom: 0;
    color: var(--expressive-red);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    line-height: 170%;
    position: absolute;
    right: 0;
    text-align: right;
    width: 155px
}

#app.handsup-cms-scope .PostListMedium__sub-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#app.handsup-cms-scope .PostListMedium__user {
    align-items: center;
    display: flex
}

#app.handsup-cms-scope .PostListMedium__user-thumb {
    border-radius: 50%;
    height: 28px;
    object-fit: cover;
    width: 28px
}

#app.handsup-cms-scope .PostListMedium__user-info {
    align-items: center;
    color: var(--object-secondary);
    column-gap: 4px;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    margin: 0 0 0 6px;
    max-height: 26px;
    overflow: hidden;
    padding: 0
}

#app.handsup-cms-scope .PostListMedium__user-info-item:not(:last-child):after {
    content: "|";
    display: content;
    margin-left: 4px
}

#app.handsup-cms-scope .PostListMedium__info {
    flex-shrink: 0
}

#app.handsup-cms-scope .PostListMedium__info-list {
    color: var(--object-secondary);
    display: flex;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#app.handsup-cms-scope .PostListMedium__info-ic {
    height: 12px;
    object-fit: contain;
    width: 12px
}

#app.handsup-cms-scope .PostListMedium__info-clip,#app.handsup-cms-scope .PostListMedium__info-like {
    align-items: center;
    display: flex;
    filter: invert(49%) sepia(1%) saturate(434%) hue-rotate(40deg) brightness(95%) contrast(89%);
    gap: 2px
}

#app.handsup-cms-scope .PostListMedium__info-clip {
    margin-left: 4px
}

#app.handsup-cms-scope .PostListMedium__info-published_at {
    border-left: 1px solid var(--border-separation);
    margin-left: 6px;
    padding-left: 6px
}

#app.handsup-cms-scope .PostListMedium__more-link {
    background-color: #efefef;
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    width: 360px
}

#app.handsup-cms-scope .PostListMedium__more-link:active,#app.handsup-cms-scope .PostListMedium__more-link:focus,#app.handsup-cms-scope .PostListMedium__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .PostListMedium__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

#app.handsup-cms-scope .PostListMedium__no-post {
    margin-top: 18px;
    text-align: center
}

@media (min-width: 835px) {
    #app.handsup-cms-scope .PostListMedium__no-post {
        display:flex;
        flex-direction: row-reverse;
        justify-content: center
    }
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .PostListMedium__no-post_text-content {
        margin-top:12px
    }
}

#app.handsup-cms-scope .PostListMedium__no-post_title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

#app.handsup-cms-scope .PostListMedium__no-post_description {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 12px
}

#app.handsup-cms-scope .PostListMedium__no-post_image {
    height: 70px;
    vertical-align: top;
    width: 70px
}

@media (min-width: 835px) {
    #app.handsup-cms-scope .PostListMedium__no-post_image {
        height:76px;
        margin-left: 32px;
        width: 76px
    }
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .PostListMedium__no-post_image {
        margin-top:8px
    }
}

#app.handsup-cms-scope .users-list-card__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .users-list-card__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

#app.handsup-cms-scope .users-list-card__list {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .users-list-card__list {
        gap:16px;
        margin: 0
    }
}

#app.handsup-cms-scope .users-list-card__list::-webkit-scrollbar {
    display: none
}

#app.handsup-cms-scope .users-list-card__item {
    flex-shrink: 0;
    margin-bottom: 24px;
    width: 110px
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .users-list-card__item {
        margin:0;
        width: 92px
    }

    #app.handsup-cms-scope .users-list-card__item:first-child {
        margin-left: 16px
    }
}

#app.handsup-cms-scope .users-list-card__link {
    color: var(--object-main);
    display: block;
    text-decoration: none
}

#app.handsup-cms-scope .users-list-card__link:active,#app.handsup-cms-scope .users-list-card__link:focus,#app.handsup-cms-scope .users-list-card__link:hover {
    color: var(--object-main);
    text-decoration: none
}

#app.handsup-cms-scope .users-list-card__thumb-container {
    position: relative
}

#app.handsup-cms-scope .users-list-card__thumb-container:after {
    bottom: 0;
    position: absolute;
    right: 0
}

#app.handsup-cms-scope .users-list-card__thumb {
    border-radius: 50%;
    display: block;
    height: 110px;
    margin: 0 auto;
    object-fit: cover;
    width: 110px
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .users-list-card__thumb {
        height:92px;
        width: 92px
    }
}

#app.handsup-cms-scope .users-list-card__badge {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

#app.handsup-cms-scope .users-list-card__contents {
    margin: 8px 0 0;
    text-align: center
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .users-list-card__contents {
        margin:6px 0 0
    }
}

#app.handsup-cms-scope .users-list-card__nickname {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .users-list-card__nickname {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

#app.handsup-cms-scope .users-list-card__official {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 8px
}

#app.handsup-cms-scope .users-list-card__info {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#app.handsup-cms-scope .users-list-card__def {
    align-items: center;
    display: flex;
    margin: 0
}

#app.handsup-cms-scope .users-list-card__def-desc {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .users-list-card__def-desc {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

#app.handsup-cms-scope .users-list-card__more-link {
    background-color: #efefef;
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    width: 360px
}

#app.handsup-cms-scope .users-list-card__more-link:active,#app.handsup-cms-scope .users-list-card__more-link:focus,#app.handsup-cms-scope .users-list-card__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    #app.handsup-cms-scope .users-list-card__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

@media (min-width: 835px) {
    #app.handsup-cms-scope .users-list-card__list {
        justify-content:center
    }
}

.register-page {
    margin-top: 0
}

@media (max-width: 834px) {
    .register-page {
        margin-top:95px
    }
}

.new-email-page,.new-password-page,.new-register-page,.new-session-page {
    margin-top: 20px
}

@media (max-width: 834px) {
    .new-email-page,.new-password-page,.new-register-page,.new-session-page {
        margin-top:95px
    }

    .new-email-description h1,.new-password-description h1 {
        font-size: 18px;
        font-weight: 700;
        margin-left: 0
    }
}

.register-container,.reset-container,.reset-email-container {
    border: 1px solid var(--border-separation);
    border-radius: 0;
    margin: 25px auto 20px;
    padding: 20px;
    width: 574px
}

@media (max-width: 834px) {
    .register-container,.reset-container,.reset-email-container {
        margin-left:0;
        margin-right: 10px;
        width: 100%
    }
}

.register-container .title,.reset-container .title,.reset-email-container .title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 20px;
    text-align: center
}

.register-container .title-or,.reset-container .title-or,.reset-email-container .title-or {
    font-size: 16px;
    font-weight: 700;
    margin: 20px;
    text-align: center
}

.register-container .btn,.reset-container .btn,.reset-email-container .btn {
    border-radius: 0;
    display: block;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 17px auto 0;
    padding: 13px;
    width: 350px
}

@media (max-width: 834px) {
    .register-container .btn,.reset-container .btn,.reset-email-container .btn {
        width:100%
    }
}

.register-container .btn i,.reset-container .btn i,.reset-email-container .btn i {
    margin-right: 9px
}

.register-container .btn.btn-fb,.reset-container .btn.btn-fb,.reset-email-container .btn.btn-fb {
    background-color: #1877f2;
    border: none;
    color: #fff
}

@media (max-width: 834px) {
    .register-container .btn.btn-fb,.reset-container .btn.btn-fb,.reset-email-container .btn.btn-fb {
        margin:0 37px 12px;
        width: auto
    }
}

.register-container .btn.btn-fb:hover,.reset-container .btn.btn-fb:hover,.reset-email-container .btn.btn-fb:hover {
    background-color: #79b0f7
}

.register-container .btn.btn-fb img,.reset-container .btn.btn-fb img,.reset-email-container .btn.btn-fb img {
    display: block;
    float: left;
    height: 36px;
    left: 16px;
    position: absolute;
    top: 2px;
    width: 36px
}

.register-container .btn.btn-fb p.sign-sns-name,.reset-container .btn.btn-fb p.sign-sns-name,.reset-email-container .btn.btn-fb p.sign-sns-name {
    font-size: 15px;
    left: 60px;
    line-height: 24px;
    margin: 0;
    max-width: 240px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 8px;
    vertical-align: middle
}

@media (max-width: 834px) {
    .register-container .btn.btn-fb p.sign-sns-name,.reset-container .btn.btn-fb p.sign-sns-name,.reset-email-container .btn.btn-fb p.sign-sns-name {
        max-width:none;
        width: calc(100% - 60px)
    }
}

.register-container .btn.btn-fb p.sign-sns-name:before,.reset-container .btn.btn-fb p.sign-sns-name:before,.reset-email-container .btn.btn-fb p.sign-sns-name:before {
    border-left: .5px solid #fff;
    content: "";
    height: 28px;
    left: 1px;
    position: absolute;
    top: -3px;
    width: 0
}

.register-container .btn.btn-email,.reset-container .btn.btn-email,.reset-email-container .btn.btn-email {
    border: 1px solid var(--expressive-red);
    color: var(--expressive-red)
}

.register-container .btn.btn-email .sign-email,.reset-container .btn.btn-email .sign-email,.reset-email-container .btn.btn-email .sign-email {
    font-size: 14px
}

.register-container .btn.btn-email .sign-email:before,.reset-container .btn.btn-email .sign-email:before,.reset-email-container .btn.btn-email .sign-email:before {
    border-left: .5px solid var(--expressive-red)
}

.register-container .btn.btn-tw,.reset-container .btn.btn-tw,.reset-email-container .btn.btn-tw {
    background-color: #1d9bf0;
    border: none;
    color: #fff
}

.register-container .btn.btn-tw:hover,.reset-container .btn.btn-tw:hover,.reset-email-container .btn.btn-tw:hover {
    background-color: #7dc5f6
}

.register-container .btn.btn-line,.reset-container .btn.btn-line,.reset-email-container .btn.btn-line {
    background-color: #06c755;
    border: none;
    color: #fff
}

.register-container .btn.btn-line:hover,.reset-container .btn.btn-line:hover,.reset-email-container .btn.btn-line:hover {
    background-color: #3af988
}

.register-container .btn.btn-pink,.reset-container .btn.btn-pink,.reset-email-container .btn.btn-pink {
    background-color: var(--expressive-red);
    border: none;
    color: #fff
}

.register-container .btn.btn-pink:hover,.reset-container .btn.btn-pink:hover,.reset-email-container .btn.btn-pink:hover {
    background-color: var(--expressive-red);
    background-color: color-mix(in srgb,var(--expressive-red),#fff 20%)
}

.register-container .btn.no-top-margin,.reset-container .btn.no-top-margin,.reset-email-container .btn.no-top-margin {
    margin-top: 0
}

.register-container p,.reset-container p,.reset-email-container p {
    margin: 0 auto;
    padding: 10px 0;
    width: 360px
}

@media (max-width: 834px) {
    .register-container p,.reset-container p,.reset-email-container p {
        width:100%
    }
}

.register-container .contact_form .field,.register-container form .field,.reset-container .contact_form .field,.reset-container form .field,.reset-email-container .contact_form .field,.reset-email-container form .field {
    margin: 0 auto;
    width: 360px
}

@media (max-width: 834px) {
    .register-container .contact_form .field,.register-container form .field,.reset-container .contact_form .field,.reset-container form .field,.reset-email-container .contact_form .field,.reset-email-container form .field {
        width:100%
    }
}

.register-container .contact_form .field label,.register-container form .field label,.reset-container .contact_form .field label,.reset-container form .field label,.reset-email-container .contact_form .field label,.reset-email-container form .field label {
    color: var(--object-secondary)
}

.register-container .contact_form .field input,.register-container form .field input,.reset-container .contact_form .field input,.reset-container form .field input,.reset-email-container .contact_form .field input,.reset-email-container form .field input {
    background-color: var(--background-elevation-low);
    border: none;
    border-radius: 5px;
    box-shadow: none;
    font-size: 15px;
    height: 48px;
    letter-spacing: .5px
}

.register-container .contact_form .field input:focus,.register-container form .field input:focus,.reset-container .contact_form .field input:focus,.reset-container form .field input:focus,.reset-email-container .contact_form .field input:focus,.reset-email-container form .field input:focus {
    background-color: var(--background-elevation-low);
    background-color: color-mix(in srgb,var(--background-elevation-low),#fff 1%);
    box-shadow: none;
    outline: none
}

.register-container .contact_form .actions,.register-container form .actions,.reset-container .contact_form .actions,.reset-container form .actions,.reset-email-container .contact_form .actions,.reset-email-container form .actions {
    padding: 5px
}

.register-container .contact_form .actions .btn-pink,.register-container form .actions .btn-pink,.reset-container .contact_form .actions .btn-pink,.reset-container form .actions .btn-pink,.reset-email-container .contact_form .actions .btn-pink,.reset-email-container form .actions .btn-pink {
    width: 350px
}

@media (max-width: 834px) {
    .register-container .contact_form .actions .btn-pink,.register-container form .actions .btn-pink,.reset-container .contact_form .actions .btn-pink,.reset-container form .actions .btn-pink,.reset-email-container .contact_form .actions .btn-pink,.reset-email-container form .actions .btn-pink {
        width:100%
    }
}

.lp_cm_commerce_01 {
    margin: auto
}

@media (min-width: 835px) {
    .lp_cm_commerce_01 {
        max-width:500px
    }
}

.lp_cm_commerce_01 .content_image {
    width: 100%
}

.lp_cm_commerce_02 {
    margin: auto
}

@media (min-width: 835px) {
    .lp_cm_commerce_02 {
        max-width:500px
    }
}

.lp_cm_commerce_02 .content_image {
    width: 100%
}

.cm_lp01 {
    position: relative
}

.cm_lp01__image {
    width: 100%
}

.cm_lp01__section {
    position: relative
}

.cm_lp01__link-image {
    width: 100%
}

.cm_lp01__store-link {
    height: 4.5%;
    left: 59%;
    position: absolute;
    top: 59.3%;
    width: 39%
}

.cm_lp01__highLight-button {
    border-radius: 63px;
    left: 8.2%;
    overflow: hidden;
    position: absolute;
    top: 84.4%;
    width: 83%;
    z-index: 1
}

.cm_lp01__reflection {
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-animation: reflection 2s ease-in-out infinite;
    animation: reflection 2s ease-in-out infinite;
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -100%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10%
}

@keyframes reflection {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

@-webkit-keyframes reflection {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        -webkit-transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        -webkit-transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(50) rotate(45deg)
    }
}

@-moz-keyframes reflection {
    0% {
        opacity: 0;
        -moz-transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        -moz-transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        -moz-transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        -moz-transform: scale(50) rotate(45deg)
    }
}

@-ms-keyframes reflection {
    .cm_lp01 0% {
        opacity: 0;
        -ms-transform: scale(0) rotate(45deg)
    }

    .cm_lp01 80% {
        opacity: .5;
        -ms-transform: scale(0) rotate(45deg)
    }

    .cm_lp01 81% {
        opacity: 1;
        -ms-transform: scale(4) rotate(45deg)
    }

    .cm_lp01 100% {
        opacity: 0;
        -ms-transform: scale(50) rotate(45deg)
    }
}

@-o-keyframes reflection {
    0% {
        opacity: 0;
        -o-transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        -o-transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        -o-transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        -o-transform: scale(50) rotate(45deg)
    }
}

.PromotionLP {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: -98px auto 0;
    width: 100%
}

@media (min-width: 835px) {
    .PromotionLP {
        margin-top:-64px;
        max-width: 712px
    }
}

.PromotionLP__image {
    display: block;
    object-fit: contain;
    width: 100%
}

.lp-renewal-campaign {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lp-renewal-campaign {
        max-width:500px
    }
}

.lp-renewal-campaign img {
    width: 100%
}

.lp-renewal-campaign-3 {
    position: relative
}

.lp-renewal-campaign-3__link {
    left: 0;
    position: absolute;
    top: 25%;
    width: 100%
}

.lp-renewal-campaign-4 {
    position: relative
}

.lp-renewal-campaign__cta {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.lp-renewal-campaign__notice {
    background: var(--background-elevation-low);
    padding: 16px
}

.lp-renewal-campaign__notice__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 8px
}

.lp-renewal-campaign__notice__content {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
    padding-inline-start:16px}

.lp-renewal-campaign__popup {
    display: none;
    left: 50%;
    padding: 0 24px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 1001
}

.lp-renewal-campaign__popup__image {
    position: relative;
    width: 100%
}

.lp-renewal-campaign__popup__cta {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.lp-renewal-campaign__popup__cta img {
    width: 100%
}

.lp-renewal-campaign__overlay {
    background-color: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    z-index: 1000
}

.lp-renewal-campaign__alert,.lp-renewal-campaign__overlay {
    display: none;
    position: fixed;
    top: 0;
    width: 100%
}

.sns_sample_campaign_application {
    background-color: var(--background-elevation-low)
}

.sns_sample_campaign_application__main {
    background-color: #fff;
    margin: 0 auto;
    max-width: 560px;
    width: 100%
}

.sns_sample_campaign_application__main_content {
    font-family: Hiragino Sans,system-ui,sans-serif;
    padding: 0 20px
}

.sns_sample_campaign_application__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0
}

.sns_sample_campaign_application__subtitle {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0
}

.sns_sample_campaign_application__description {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    white-space: pre-wrap
}

.sns_sample_campaign_application__caption {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.sns_sample_campaign_application__form_label {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px
}

.sns_sample_campaign_application__form_label:after {
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 150%;
    margin-left: 4px;
    padding: 2px 6px;
    width: 36px
}

.sns_sample_campaign_application__form_label.required:after {
    background-color: var(--background-primary);
    content: "必須"
}

.sns_sample_campaign_application__form_label.not_required:after {
    background-color: var(--background-inactive);
    content: "任意"
}

.sns_sample_campaign_application__form_input {
    height: 40px;
    padding: 8px 16px
}

.sns_sample_campaign_application__form_group {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.sns_sample_campaign_application__form_image {
    padding: 10px;
    text-align: center
}

.sns_sample_campaign_application__form_image img {
    height: auto;
    width: 100%
}

.sns_sample_campaign_application__form_radio {
    margin: 0!important;
    width: 50%
}

.sns_sample_campaign_application__form_radio input {
    position: relative!important;
    top: 1px
}

.sns_sample_campaign_application__form_radio label {
    align-items: center;
    display: flex;
    flex-direction: column
}

.sns_sample_campaign_application__form_radios {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%
}

.sns_sample_campaign_application__form_product {
    align-items: center;
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    color: var(--object-main);
    display: flex;
    flex-direction: row;
    gap: 0 12px;
    justify-content: center;
    padding: 12px;
    text-decoration: none
}

.sns_sample_campaign_application__form_product:active,.sns_sample_campaign_application__form_product:focus,.sns_sample_campaign_application__form_product:hover {
    color: var(--object-main);
    text-decoration: none
}

.sns_sample_campaign_application__form_product:hover {
    background-color: #f7f7f7;
    cursor: pointer
}

.sns_sample_campaign_application__form_product_radio {
    accent-color: var(--background-primary);
    display: block
}

.sns_sample_campaign_application__form_product_image {
    display: block;
    height: 44px;
    width: 44px
}

.sns_sample_campaign_application__form_product_inner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px 0;
    justify-content: flex-start
}

.sns_sample_campaign_application__form_product_name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.sns_sample_campaign_application__form_product_unitname {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.sns_sample_campaign_application__submit {
    background-color: var(--object-main);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 10px 6px;
    width: 100%
}

.sns_sample_campaign_application__submit:hover {
    opacity: .9
}

.sns_sample_campaign_application__radio {
    accent-color: var(--background-primary)
}

.sns_sample_campaign_application__form_radio_custom {
    align-items: center;
    display: flex
}

.sns_sample_campaign_application__radio_label {
    margin-bottom: 0;
    margin-left: 8px
}

.sns_sample_campaign_application__notice {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: #444;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    max-height: 300px;
    overflow: scroll;
    padding: 12px;
    white-space: pre-wrap;
    width: 100%
}

@media (max-width: 834px) {
    .sns_sample_campaign_application__notice {
        max-height:180px
    }
}

.sns_sample_campaign_application__form_title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.sns_sample_campaign_application__check {
    display: flex
}

.sns_sample_campaign_application__check #checkbox {
    accent-color: var(--background-primary);
    margin-top: 0
}

.sns_sample_campaign_application__check_label {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0
}

.sns_sample_campaign_application__spacer-xs {
    height: 4px;
    width: 4px
}

.sns_sample_campaign_application__spacer-sm {
    height: 8px;
    width: 8px
}

.sns_sample_campaign_application__spacer-md {
    height: 20px;
    width: 20px
}

.sns_sample_campaign_application__spacer-lg {
    height: 24px;
    width: 24px
}

.sns_sample_campaign_application_complete {
    background-color: var(--background-elevation-low)
}

.sns_sample_campaign_application_complete__main {
    background-color: #fff;
    margin: 0 auto;
    max-width: 560px;
    padding: 80px 32px 0;
    width: 100%
}

.sns_sample_campaign_application_complete__main_content {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: Hiragino Sans,system-ui,sans-serif;
    height: 70vh;
    justify-content: center;
    padding: 120px 20px
}

@media (max-width: 834px) {
    .sns_sample_campaign_application_complete__main_content {
        height:100%
    }
}

.sns_sample_campaign_application_complete__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    text-align: center
}

.sns_sample_campaign_application_complete__attention {
    background: var(--background-attention);
    border: 1px solid var(--expressive-red);
    border-radius: 8px;
    padding: 28px 20px
}

.sns_sample_campaign_application_complete__attention-title {
    color: var(--expressive-red);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    text-align: center
}

.sns_sample_campaign_application_complete__attention-image {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 32px
}

.sns_sample_campaign_application_complete__attention ul {
    margin: 0
}

.sns_sample_campaign_application_complete__attention li {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    list-style-type: circle;
    margin-top: 4px
}

.sns_sample_campaign_application_complete__attention li::marker {
    font-weight: 700
}

.sns_sample_campaign_application_complete__twitter_button {
    background-color: var(--object-main);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 150%;
    padding: 10.5px 6px;
    width: 100%
}

.sns_sample_campaign_application_complete__twitter_button:hover {
    opacity: .9
}

.sns_sample_campaign_application_complete__twitter_button:disabled {
    background-color: var(--object-secondary);
    cursor: not-allowed
}

.sns_sample_campaign_application_complete__twitter_button img {
    height: 13px;
    margin-right: 8px;
    vertical-align: baseline;
    width: 16px
}

.sns_sample_campaign_application_complete__caption {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    white-space: pre-wrap
}

.sns_sample_campaign_application_complete__present-detail {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    text-align: center
}

.sns_sample_campaign_application_complete__link {
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3;
    text-decoration-line: underline
}

.sns_sample_campaign_application_complete__link+.sns_sample_campaign_application_complete__link {
    margin-top: 12px
}

.sns_sample_campaign_application_complete__spacer-sm {
    height: 11px
}

.sns_sample_campaign_application_complete__spacer-md {
    height: 16px
}

.sns_sample_campaign_application_complete__spacer-lg {
    height: 40px
}

.sns_sample_campaign_application_confirm_instagram_auth {
    background-color: var(--background-elevation-low)
}

.sns_sample_campaign_application_confirm_instagram_auth__main {
    background-color: #fff;
    margin: 0 auto;
    max-width: 560px;
    padding: 48px 24px 0;
    width: 100%
}

.sns_sample_campaign_application_confirm_instagram_auth__main_content {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: Hiragino Sans,system-ui,sans-serif;
    justify-content: center;
    padding: 20px 0
}

.sns_sample_campaign_application_confirm_instagram_auth__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    text-align: center
}

.sns_sample_campaign_application_confirm_instagram_auth__caption {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    white-space: pre-wrap
}

.sns_sample_campaign_application_confirm_instagram_auth__spacer-sm {
    height: 11px
}

.sns_sample_campaign_application_confirm_instagram_auth__spacer-md {
    height: 16px
}

.sns_sample_campaign_application_confirm_instagram_auth__spacer-lg {
    height: 40px
}

.sns_sample_campaign_application_confirm_instagram_auth__purpose {
    background: #fa8f21;
    background: linear-gradient(45deg,rgba(250,143,33,.1),rgba(216,45,126,.1) 50%,rgba(140,58,170,.1));
    border-radius: 10px;
    padding: 16px 20px;
    text-align: left
}

.sns_sample_campaign_application_confirm_instagram_auth__instagram_login_button {
    background-color: var(--object-main);
    border: none;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 10px 6px;
    width: 100%
}

.sns_sample_campaign_application_confirm_instagram_auth__instagram_login_button:hover {
    opacity: .9
}

.sns_sample_campaign_application_confirm_instagram_auth__instagram_login_button.disabled,.sns_sample_campaign_application_confirm_instagram_auth__instagram_login_button:disabled {
    background-color: var(--object-secondary);
    cursor: not-allowed
}

.sns_sample_campaign_application_confirm_auth {
    background-color: var(--background-elevation-low)
}

.sns_sample_campaign_application_confirm_auth__main {
    background-color: #fff;
    margin: 0 auto;
    max-width: 560px;
    padding: 80px 32px 0;
    width: 100%
}

.sns_sample_campaign_application_confirm_auth__main_content {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: Hiragino Sans,system-ui,sans-serif;
    height: 70vh;
    justify-content: center;
    padding: 120px 20px
}

@media (max-width: 834px) {
    .sns_sample_campaign_application_confirm_auth__main_content {
        height:100%
    }
}

.sns_sample_campaign_application_confirm_auth__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    text-align: center
}

.sns_sample_campaign_application_confirm_auth__check {
    background: url(https://cdn.lipscosme.com/assets/check/lips_50_circle-073e0cfc88f39df2bee00c02131320418d9ef8772732c49d28d3cdd309fb3e8e.svg) no-repeat 0 0;
    background-size: contain;
    height: 62px;
    width: 62px
}

.sns_sample_campaign_application_confirm_auth__caption {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    white-space: pre-wrap
}

.sns_sample_campaign_application_confirm_auth__spacer-sm {
    height: 11px
}

.sns_sample_campaign_application_confirm_auth__spacer-md {
    height: 16px
}

.sns_sample_campaign_application_confirm_auth__spacer-lg {
    height: 40px
}

.sns_sample_campaign_application_confirm_auth__instagram_login_button {
    background-color: var(--object-main);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 10px 6px;
    width: 100%
}

.sns_sample_campaign_application_confirm_auth__instagram_login_button:hover {
    opacity: .9
}

.sns_sample_campaign_application_confirm_auth__instagram_login_button:disabled {
    background-color: var(--object-secondary);
    cursor: not-allowed
}

.sns_sample_campaigns {
    background-color: var(--background-elevation-low)
}

.sns_sample_campaigns__main {
    background-color: #fff;
    font-family: Hiragino Sans,system-ui,sans-serif;
    margin: 0 auto;
    max-width: 560px;
    width: 100%
}

.sns_sample_campaigns__main_content {
    padding: 0 20px
}

.sns_sample_campaigns__default_eye_catch {
    width: 100%
}

.sns_sample_campaigns__eye_catch_background {
    align-items: center;
    background-position: 50%;
    background-size: cover;
    display: flex;
    height: 280px;
    justify-content: center;
    max-width: 560px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

.sns_sample_campaigns__eye_catch_background:before {
    background: inherit;
    bottom: 0;
    content: "";
    filter: blur(20px);
    left: 0;
    margin: -20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.sns_sample_campaigns__eye_catch_main {
    background-image: inherit;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 280px 280px;
    height: 100%;
    width: 100%
}

.sns_sample_campaigns__figureheader {
    padding: 20px
}

.sns_sample_campaigns__label-platform {
    background: var(--expressive-red);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 20px;
    padding: 4px 8px
}

.sns_sample_campaigns__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0
}

.sns_sample_campaigns__info {
    background: var(--background-elevation-low);
    border-radius: 8px;
    border-spacing: 12px 8px;
    display: table;
    padding: 8px 0;
    table-layout: fixed;
    width: 100%
}

.sns_sample_campaigns__info-row {
    display: table-row
}

.sns_sample_campaigns__info-cell-head {
    display: table-cell
}

.sns_sample_campaigns__info-cell-head {
    background: var(--background-primary);
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px;
    padding: 6px 0;
    text-align: center;
    width: 72px
}

.sns_sample_campaigns__info-cell-body {
    color: var(--background-primary);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.sns_sample_campaigns__body {
    background: #efefef;
    padding: 12px
}

.sns_sample_campaigns__section {
    background: var(--background-elevation-high);
    border-radius: 4px;
    padding: 20px
}

.sns_sample_campaigns__section-title {
    border-bottom: 1px solid var(--border-separation);
    color: var(--background-primary);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    padding-bottom: 16px;
    text-align: center
}

.sns_sample_campaigns__section-content {
    color: var(--background-primary);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.7;
    margin-top: 20px
}

.sns_sample_campaigns__section-content ul {
    margin: 0;
    padding-left: 1em
}

.sns_sample_campaigns__section-content-accent {
    color: var(--expressive-red);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.7
}

.sns_sample_campaigns__section+.sns_sample_campaigns__section {
    margin-top: 12px
}

.sns_sample_campaigns__instagram-link,.sns_sample_campaigns__tweet-link {
    color: var(--background-primary);
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    text-decoration-line: underline
}

.sns_sample_campaigns__attention {
    color: var(--expressive-red);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.sns_sample_campaigns__present-cell+.sns_sample_campaigns__present-cell {
    margin-top: 20px
}

.sns_sample_campaigns__product {
    align-items: center;
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 0 12px;
    justify-content: center;
    padding: 12px
}

.sns_sample_campaigns__product,.sns_sample_campaigns__product:active,.sns_sample_campaigns__product:focus,.sns_sample_campaigns__product:hover {
    color: var(--object-main);
    text-decoration: none
}

.sns_sample_campaigns__product:hover {
    background-color: #f7f7f7
}

.sns_sample_campaigns__product_image {
    display: block;
    height: 72px;
    object-fit: contain;
    width: 72px
}

.sns_sample_campaigns__product_inner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px 0;
    justify-content: flex-start
}

.sns_sample_campaigns__product_name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.sns_sample_campaigns__product_unitname {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.sns_sample_campaigns__twitter_button {
    background-color: var(--object-main);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    letter-spacing: 0;
    line-height: 27px;
    padding: 10.5px 6px;
    width: 100%
}

.sns_sample_campaigns__twitter_button:hover {
    opacity: .9
}

.sns_sample_campaigns__twitter_button:disabled {
    background-color: var(--object-secondary);
    cursor: not-allowed
}

.sns_sample_campaigns__instagram_login_button {
    background-color: var(--object-main);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 10px 6px;
    width: 100%
}

.sns_sample_campaigns__instagram_login_button:hover {
    opacity: .9
}

.sns_sample_campaigns__instagram_login_button:disabled {
    background-color: var(--object-secondary);
    cursor: not-allowed
}

.sns_sample_campaigns__sponsored {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.sns_sample_campaigns__instagram_register_button {
    background-color: #fff;
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 10px 6px;
    width: 100%
}

.sns_sample_campaigns__instagram_register_button:hover {
    opacity: .9
}

.sns_sample_campaigns__instagram_register_button:disabled {
    background-color: var(--object-secondary);
    cursor: not-allowed
}

.sns_sample_campaigns__instagram_register_button__sponsored {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.sns_sample_campaigns__spacer-xs {
    height: 10px
}

.sns_sample_campaigns__spacer-sm {
    height: 12px
}

.sns_sample_campaigns__spacer-md {
    height: 20px
}

.sns_sample_campaigns__login_attention {
    text-align: center
}

.sns_sample_campaigns__login_area {
    background-color: var(--background-elevation-low);
    border-radius: 8px;
    padding: 12px
}

.lp-ten-million-campaign-show {
    margin: 0 auto
}

@media (min-width: 835px) {
    .lp-ten-million-campaign-show {
        max-width:500px
    }
}

.lp-ten-million-campaign-show img {
    width: 100%
}

.lp-ten-million-campaign-show-1,.lp-ten-million-campaign-show-2,.lp-ten-million-campaign-show-3 {
    position: relative
}

.lp-ten-million-campaign-show__cta1 {
    left: 0;
    position: absolute;
    top: 60%
}

.lp-ten-million-campaign-show__cta2 {
    left: 0;
    position: absolute;
    top: 91.5%
}

.lp-ten-million-campaign-show__cta3 {
    left: 0;
    position: absolute;
    top: 44%
}

.lp-ten-million-campaign-show__update1 {
    left: 0;
    position: absolute;
    top: 71.5%
}

.lp-ten-million-campaign-show__update2 {
    left: 0;
    position: absolute;
    top: 96.5%
}

.lp-ten-million-campaign-show__update3 {
    left: 0;
    position: absolute;
    top: 54%
}

.cart {
    background: var(--background-elevation-high);
    display: flex;
    justify-content: center;
    padding-bottom: 44px
}

.cart__container {
    width: 100%
}

@media (min-width: 835px) {
    .cart__container {
        width:500px
    }
}

.cart__bottom-list {
    background-color: var(--background-elevation-low);
    margin: 0 0 16px;
    padding: 16px
}

.cart__bottom-list__title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.cart__bottom-list__list {
    background-color: var(--background-elevation-high);
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
    padding: 18px
}

@media (max-width: 834px) {
    .cart__bottom-list__list {
        flex-wrap:nowrap;
        overflow-x: scroll
    }
}

.cart__bottom-list__listItem {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 132px;
    width: 132px
}

.cart__bottom-list__listItemLink,.cart__bottom-list__listItemLink:active,.cart__bottom-list__listItemLink:focus,.cart__bottom-list__listItemLink:hover {
    color: var(--object-main);
    text-decoration: none
}

.cart__bottom-list__cart-button {
    background-color: var(--background-elevation-low);
    padding: 20px 16px 16px
}

.cart__bottom-list__cart-button .cart__continue-button {
    margin: 0
}

.cart__bottom-list .commerce_purchase_button-btn {
    font-size: 12px;
    padding: 8px 0
}

.cart__tab {
    padding-top: 20px
}

.cart__figureheader {
    border-bottom: 1px solid hsla(0,3%,75%,.4);
    margin-top: 20px
}

.cart__error-message {
    background-color: var(--background-elevation-low);
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 16px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.cart__stock-location-supplier-info-container {
    padding: 24px 16px 4px
}

.cart__total-price-container {
    display: flex;
    justify-content: space-between;
    margin: 16px
}

.cart__total-price-title {
    letter-spacing: 0
}

.cart__total-price,.cart__total-price-title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 700;
    line-height: 14px
}

.cart__point_mission {
    padding: 0 16px
}

.cart__point_mission_container {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    padding-bottom: 16px
}

.cart__point_mission_title {
    align-items: center;
    align-self: stretch;
    background: var(--background-surface);
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 4px;
    height: 40px;
    justify-content: center;
    line-height: 150%;
    text-align: center
}

.cart__point_mission_list_item {
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: space-between
}

.cart__point_mission_list_item_magazine {
    padding: 16px 16px 0;
    width: 100%
}

.cart__point_mission_list_item_line {
    padding: 8px 16px 0;
    width: 100%
}

.cart__point_mission_list_item_main {
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: flex;
    flex-grow: 1;
    gap: 10px;
    justify-content: flex-start;
    overflow: hidden hidden;
    width: 100%
}

.cart__point_mission_list_item_main.disabled {
    color: var(--object-tertiary);
    pointer-events: none
}

.cart__point_mission_checkmark,.cart__point_mission_next {
    align-items: center;
    display: flex;
    margin-left: auto;
    padding-right: 16px
}

.cart__point_mission_checkmark .checkmark_icon,.cart__point_mission_next .checkmark_icon {
    box-sizing: content-box;
    color: var(--object-main);
    height: 16px;
    width: 16px
}

.cart__point_mission_checkmark .arrow_icon,.cart__point_mission_next .arrow_icon {
    background-color: var(--object-tertiary);
    background-size: 16px 16px;
    display: inline-block;
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.cart__point_mission_text {
    color: var(--object-main);
    color: unset;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    line-height: 150%;
    white-space: nowrap
}

.cart__point_mission_image {
    height: auto;
    margin: 16px 8px 16px 16px;
    width: 40px
}

.cart__point_mission_points {
    color: var(--object-main);
    color: unset;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.cart__scheduled-to-get-point-container {
    display: flex;
    justify-content: space-between;
    margin: 0 16px 12px
}

.cart__current-point {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.cart__scheduled-to-get-point {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.cart__free-shipping-text-container {
    margin: 16px 16px 4px;
    text-align: center
}

.cart__available-coupon-text-container {
    margin: 4px 16px;
    text-align: center
}

.cart__free-shipping-text-supplyment {
    color: var(--object-main);
    font-size: 10px;
    margin: 4px 16px 16px;
    text-align: center
}

.cart__free_shipping_text {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 17px
}

.cart__free_shipping_text--red {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 17px
}

.cart__continue-button {
    background-color: var(--background-elevation-high);
    border: 1px solid var(--background-primary);
    border-radius: 4px;
    font-size: 14px;
    height: 44px;
    line-height: 14px;
    margin: 16px;
    text-align: center
}

.cart__continue-button a {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 150%
}

.cart__order-button {
    background: var(--background-primary);
    border-radius: 4px;
    font-size: 14px;
    height: 44px;
    line-height: 14px;
    margin: 16px 16px 0;
    text-align: center
}

.cart__order-button-disabled {
    background-color: var(--background-elevation-low);
    pointer-events: none
}

.cart__order-button a {
    align-items: center;
    color: var(--object-reverse);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 150%
}

.cart__order-button.disabled {
    background: var(--object-secondary);
    pointer-events: none
}

.cart__empty-title {
    color: var(--object-secondary);
    line-height: 20px
}

.cart__empty-title,.cart__title {
    font-size: 14px;
    margin: 24px 0 24px 24px
}

.cart__title {
    color: var(--object-main);
    font-weight: 500;
    line-height: 150%
}

.cart__error {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
    text-align: center
}

.cart__empty-description {
    color: var(--object-secondary);
    font-size: 12px;
    line-height: 17px;
    margin: 16px 16px 0 24px
}

.cart__empty-mall-link {
    margin: 8px 0 0 24px;
    text-decoration: underline
}

.cart__empty-mall-link a {
    color: var(--object-secondary)
}

.cart__empty-mall-button {
    background: var(--background-primary);
    border-radius: 4px;
    font-size: 14px;
    height: 44px;
    line-height: 14px;
    margin: 16px 16px 0;
    text-align: center
}

.cart__empty-mall-button a {
    align-items: center;
    color: var(--object-reverse);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 150%
}

.cart__bottom-space {
    height: 100px
}

.cart__bottom-banner-container {
    display: flex;
    justify-content: center;
    margin: 0 16px 12px
}

.cart__bottom-banner-container:first-child {
    margin: 0
}

.cart__bottom-banner {
    height: auto;
    width: 100%
}

.cart-bottom-list-item-info {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.cart-bottom-list-item-info__image-container {
    align-items: center;
    display: flex;
    height: 91px;
    justify-content: center
}

.cart-bottom-list-item-info__image {
    border: none;
    border-radius: 4px;
    height: auto;
    margin: 0;
    max-width: 91px;
    min-width: 91px
}

.cart-bottom-list-item-info__info-container {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.cart-bottom-list-item-info__name {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cart-bottom-list-item-info__price {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 700;
    line-height: 150%
}

.cart-bottom-list-item-info__price-multi-sign {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 700;
    line-height: 150%
}

.cart-bottom-list-item-info__point-number {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 700;
    line-height: 150%
}

.cart-bottom-list-item-info__point-txt {
    color: var(--expressive-red);
    font-size: 10px;
    font-weight: 700;
    line-height: 150%
}

.cart-bottom-list-item-info .ratingStar {
    align-items: center;
    display: flex;
    gap: 2px;
    height: 15px
}

.cart-bottom-list-item-info .ratingStar__star {
    height: 9px
}

.cart-bottom-list-item-info .ratingStar__num {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.cart-bottom-list-item-info .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.cart-list-item {
    align-items: center;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    margin: 16px
}

@media (max-width: 834px) {
    .cart-list-item {
        gap:12px 16px
    }
}

@media (min-width: 835px) {
    .cart-list-item {
        gap:12px
    }
}

.cart-list-item__simple-container {
    border-bottom: 1px solid hsla(0,3%,75%,.4)
}

.cart-list-item__bulk-purchase-sale-container,.cart-list-item__limited-time-sale-container {
    border-bottom: 1px solid hsla(0,3%,75%,.4);
    border-left: thick solid #fadce3;
    margin: 20px 0 20px 20px
}

.cart-list-item__bulk-purchase-sale-label-container {
    display: flex;
    gap: 8px;
    margin-left: 12px
}

.cart-list-item__bulk-purchase-sale-label-heading {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.cart-list-item__bulk-purchase-sale-label-condition {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.cart-list-item__bulk-purchase-sale-label-additional-point {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.cart-list-item__limited-time-sale-label-container {
    display: flex;
    gap: 8px;
    margin-left: 12px
}

.cart-list-item__limited-time-sale-label-heading {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.cart-list-item__limited-time-sale-label-timer {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.cart-list-item__limited-time-sale-label-additional-point {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.cart-list-item__image {
    border-radius: 4px;
    height: 90px;
    max-width: 90px;
    min-width: 90px
}

@media (min-width: 835px) {
    .cart-list-item__image {
        height:64px;
        max-width: 64px;
        min-width: 64px
    }
}

.cart-list-item__item-info-text-container {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    gap: 4px
}

@media (max-width: 834px) {
    .cart-list-item__item-info-text-container {
        flex-basis:calc(100% - 106px)
    }
}

@media (min-width: 835px) {
    .cart-list-item__item-info-text-container {
        max-width:calc(100% - 177px)
    }
}

.cart-list-item__brand-name,.cart-list-item__name {
    font-size: 12px
}

.cart-list-item__brand-name,.cart-list-item__detail,.cart-list-item__name {
    color: var(--object-main);
    font-weight: 400;
    line-height: 150%;
    overflow: hidden;
    text-overflow: overflow-wrap;
    word-break: break-all
}

.cart-list-item__detail {
    font-size: 10px;
    margin-top: 4px
}

.cart-list-item__product-discount {
    background: var(--expressive-red);
    border-radius: 4px;
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding: 2px 4px;
    width: fit-content
}

.cart-list-item__before-discount-price {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: line-through
}

.cart-list-item__price-point-container {
    align-items: flex-end;
    display: flex;
    gap: 12px;
    justify-content: flex-start
}

.cart-list-item__price {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.cart-list-item__price.discounted {
    color: var(--expressive-red)
}

.cart-list-item__price-tax {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 2px
}

.cart-list-item__price-tax.discounted {
    color: var(--expressive-red)
}

.cart-list-item__point {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.cart-list-item__point-text {
    color: var(--expressive-red);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 2px
}

.cart-list-item__action-buttons-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: flex-start
}

@media (min-width: 835px) {
    .cart-list-item__action-buttons-container {
        align-items:stretch;
        flex-direction: column;
        gap: 8px;
        justify-content: flex-start;
        width: 89px
    }
}

.cart-list-item__amount-container {
    display: flex;
    flex-direction: row;
    height: 30px;
    justify-content: flex-start
}

.cart-list-item .cart-list-item__amount-minus,.cart-list-item .cart-list-item__amount-plus {
    background: #efefef;
    text-align: center;
    width: 28px
}

.cart-list-item .cart-list-item__amount-minus img,.cart-list-item .cart-list-item__amount-plus img {
    height: 16px;
    margin-top: 7px;
    width: 16px
}

.cart-list-item__amount-plus {
    border-radius: 0 4px 4px 0
}

.cart-list-item__amount {
    border: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    line-height: 28px;
    text-align: center;
    width: 33px
}

.cart-list-item__amount-minus {
    border-radius: 4px 0 0 4px
}

.cart-list-item__amount-button--disabled {
    opacity: .2
}

.cart-list-item .cart-list-item__delete-button,.cart-list-item .cart-list-item__save-button {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--object-secondary);
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    line-height: 150%;
    line-height: 28px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none
}

.cart-list-item .cart-list-item__delete-button:active,.cart-list-item .cart-list-item__delete-button:focus,.cart-list-item .cart-list-item__delete-button:hover,.cart-list-item .cart-list-item__save-button:active,.cart-list-item .cart-list-item__save-button:focus,.cart-list-item .cart-list-item__save-button:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.cart-list-item__loading {
    background: var(--background-elevation-high);
    display: none;
    height: 100%;
    left: 0;
    opacity: .3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.cart-list-item__loading-spinner {
    color: var(--object-main);
    height: 100px;
    left: 50%;
    line-height: 100px;
    margin: -50px 0 0 -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100px;
    z-index: 2
}

.commerce-announcement__announcements-list {
    background: var(--background-elevation-low);
    padding: 16px;
    text-align: center
}

.commerce-announcement__announcement-link {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.commerce-announcement__announcement-link,.commerce-announcement__announcement-link:active,.commerce-announcement__announcement-link:focus,.commerce-announcement__announcement-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.commerce-announcement__announcement-link span {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.commerce-warning-message {
    background-color: var(--background-info);
    border: 1px solid #ffd157;
    border-radius: 4px;
    display: block;
    margin: 0 0 16px;
    padding: 16px
}

.commerce-warning-message__txt {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.commerce-warning-message__detail {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

@media (min-width: 835px) {
    .external-point-exchange {
        margin:10px auto 20px;
        width: 500px
    }
}

.external-point-exchange__card {
    background: var(--background-surface);
    border-radius: 16px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin: 16px;
    padding: 24px
}

.external-point-exchange__current-point {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 170%
}

.external-point-exchange__current-point span {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%
}

.external-point-exchange__progress-bar {
    background: var(--background-elevation-high);
    border-radius: 999px;
    height: 14px;
    padding: 4px
}

.external-point-exchange__progress-bar--fill {
    background: var(--expressive-light-blue);
    border-radius: 999px;
    height: 6px
}

.external-point-exchange__minimum-exchange-point {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 300;
    line-height: 130%;
    margin-top: 12px;
    position: relative
}

.external-point-exchange__1st-line {
    background: var(--background-elevation-high);
    border: 1px solid var(--object-tertiary);
    border-radius: 8px;
    color: var(--object-tertiary);
    font-size: 10px;
    font-weight: 300;
    left: 40%;
    line-height: 130%;
    margin: 0 0 0 -4px;
    padding: 4px 8px;
    position: absolute;
    top: -5px;
    transform: translateX(-50%);
    width: fit-content
}

.external-point-exchange__1st-line.active {
    border-color: var(--object-secondary);
    color: var(--object-secondary)
}

.external-point-exchange__1st-line.active:before {
    border-left-color: var(--object-secondary)
}

.external-point-exchange__1st-line:before {
    border-left: 1px dashed var(--object-tertiary);
    content: "";
    height: 23px;
    left: 50%;
    position: absolute;
    top: -23px;
    transform: translateX(-50%);
    width: 1px
}

.external-point-exchange__2nd-line {
    background: var(--background-elevation-high);
    border: 1px solid var(--object-tertiary);
    border-radius: 8px;
    color: var(--object-tertiary);
    font-size: 10px;
    font-weight: 300;
    left: 60%;
    line-height: 130%;
    margin: 0 0 0 -4px;
    padding: 4px 8px;
    position: absolute;
    top: -5px;
    transform: translateX(-50%);
    width: fit-content
}

.external-point-exchange__2nd-line.active {
    border-color: var(--object-secondary);
    color: var(--object-secondary)
}

.external-point-exchange__2nd-line.active:before {
    border-left-color: var(--object-secondary)
}

.external-point-exchange__2nd-line:before {
    border-left: 1px dashed var(--object-tertiary);
    content: "";
    height: 23px;
    left: 50%;
    position: absolute;
    top: -23px;
    transform: translateX(-50%);
    width: 1px
}

.external-point-exchange__3rd-line {
    background: var(--background-elevation-high);
    border: 1px solid var(--object-tertiary);
    border-radius: 8px;
    color: var(--object-tertiary);
    font-size: 10px;
    font-weight: 300;
    left: 80%;
    line-height: 130%;
    margin: 0 0 0 -4px;
    padding: 4px 8px;
    position: absolute;
    top: -5px;
    transform: translateX(-50%);
    width: fit-content
}

.external-point-exchange__3rd-line.active {
    border-color: var(--object-secondary);
    color: var(--object-secondary)
}

.external-point-exchange__3rd-line.active:before {
    border-left-color: var(--object-secondary)
}

.external-point-exchange__3rd-line:before {
    border-left: 1px dashed var(--object-tertiary);
    content: "";
    height: 23px;
    left: 50%;
    position: absolute;
    top: -23px;
    transform: translateX(-50%);
    width: 1px
}

.external-point-exchange__go-to-external-button {
    align-items: center;
    background: var(--background-primary);
    background: var(--object-main);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 150%;
    line-height: 170%;
    margin: 16px;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: calc(100% - 32px);
    word-break: keep-all
}

.external-point-exchange__go-to-external-button:hover {
    opacity: .8
}

.external-point-exchange__go-to-external-button:active,.external-point-exchange__go-to-external-button:focus,.external-point-exchange__go-to-external-button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.external-point-exchange__go-to-external-button:disabled {
    background: var(--object-tertiary)
}

.external-point-exchange__go-to-external-button:disabled:hover {
    opacity: 1
}

.external-point-exchange__go-to-external-button.disabled {
    background: var(--background-inactive);
    color: var(--object-tertiary);
    pointer-events: none
}

.external-point-exchange__go-to-external-button.disabled span {
    color: var(--object-tertiary)
}

.external-point-exchange__go-to-external-button span {
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 300;
    line-height: 130%
}

.external-point-exchange__exchange-rate-container {
    border: 1px solid var(--border-separation);
    border-radius: 16px;
    color: var(--object-main);
    display: grid;
    font-size: 14px;
    font-weight: 600;
    grid-template-columns: 1fr 1fr;
    line-height: 170%;
    margin: 16px;
    padding: 16px
}

.external-point-exchange__exchange-rate-line {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 12px;
    font-weight: 300;
    gap: 8px;
    line-height: 130%;
    margin-top: 4px
}

.external-point-exchange__exchange-rate-line span {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 600;
    line-height: 130%
}

.external-point-exchange__exchange-left-box>div {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin-top: 4px
}

.external-point-exchange__exchange-right-box {
    border-left: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 170%;
    padding-left: 16px
}

.external-point-exchange__exchange-right-box>div {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin-top: 4px
}

.external-point-exchange__exchange-list {
    align-items: center;
    display: grid;
    grid-template-columns: 136px 1fr
}

.external-point-exchange__exchange-list>div {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 170%
}

.external-point-exchange h2 {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 170%;
    margin: 24px 16px 8px
}

.external-point-exchange__exchange-buttons {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    margin: 8px 16px 0
}

.external-point-exchange__initial-account-create {
    background: var(--background-elevation-low);
    border-radius: 8px;
    color: var(--object-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%;
    margin: 0 16px;
    padding: 16px 16px .1px
}

.external-point-exchange__initial-account-create a {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 16px 0;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.external-point-exchange__initial-account-create a:hover {
    opacity: .8
}

.external-point-exchange__initial-account-create a:active,.external-point-exchange__initial-account-create a:focus,.external-point-exchange__initial-account-create a:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.external-point-exchange__initial-account-create a:disabled {
    background: var(--object-tertiary)
}

.external-point-exchange__initial-account-create a:disabled:hover {
    opacity: 1
}

.external-point-exchange__initial-account-create a span {
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 300;
    line-height: 130%
}

.external-point-exchange__exchange-button {
    align-items: center;
    background: var(--background-surface);
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    display: flex;
    font-size: 12px;
    font-weight: 300;
    gap: 8px;
    justify-content: center;
    line-height: 130%;
    padding: 16px 0;
    width: 100%
}

.external-point-exchange__exchange-button,.external-point-exchange__exchange-button:active,.external-point-exchange__exchange-button:focus,.external-point-exchange__exchange-button:hover {
    color: var(--object-main);
    text-decoration: none
}

.external-point-exchange__exchange-button.disabled {
    background: var(--background-elevation-high);
    color: var(--background-inactive);
    pointer-events: none
}

.external-point-exchange__exchange-button.disabled span {
    color: var(--background-inactive)
}

.external-point-exchange__exchange-button img {
    background-color: var(--object-main)
}

.external-point-exchange__exchange-button img,.external-point-exchange__exchange-button img.disabled {
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/bold_arrow_forward-ef348960b36b9407a7eeb0dc806b3fdd0e5a29942c3668d59fe125ad8582371f.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/bold_arrow_forward-ef348960b36b9407a7eeb0dc806b3fdd0e5a29942c3668d59fe125ad8582371f.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.external-point-exchange__exchange-button img.disabled {
    background-color: var(--background-inactive)
}

.external-point-exchange__exchange-button span {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 130%
}

.external-point-exchange__faq {
    background: var(--background-surface);
    border-radius: 8px;
    margin: 16px;
    padding: 16px
}

.external-point-exchange__faq h2 {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 170%;
    margin: 0 0 16px
}

.external-point-exchange__faq-q {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%;
    margin: 16px 0 4px
}

.external-point-exchange__faq-a {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%
}

.external-point-exchange__faq-a a {
    color: var(--expressive-light-blue)
}

.external-point-exchange__faq-a ol {
    padding-left: 16px
}

.external-point-exchange .modal {
    padding: 0!important;
    text-align: center
}

.external-point-exchange .modal-body {
    padding: unset;
    text-align: center
}

.external-point-exchange .modal-content {
    background: var(--background-elevation-high)
}

.external-point-exchange .modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle
}

.external-point-exchange .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.external-point-exchange__modal-figureheader-image {
    background: var(--background-surface);
    border-radius: 8px;
    margin: 24px 16px 16px;
    padding: 16px 24px;
    width: calc(100% - 32px)
}

.external-point-exchange__modal-description {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin: 16px
}

.external-point-exchange__modal-description span {
    color: var(--expressive-red)
}

.external-point-exchange__modal-dismiss {
    align-items: center;
    background: var(--background-elevation-high);
    background: var(--background-surface);
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 8px 16px 16px;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: calc(100% - 32px);
    word-break: keep-all
}

.external-point-exchange__modal-dismiss:hover {
    opacity: .8
}

.external-point-exchange__modal-dismiss:active,.external-point-exchange__modal-dismiss:focus,.external-point-exchange__modal-dismiss:hover {
    color: var(--object-main);
    text-decoration: none
}

.external-point-exchange__modal-dismiss:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

.commerce-history {
    background: var(--background-elevation-high)
}

@media (min-width: 835px) {
    .commerce-history {
        margin:10px auto 20px;
        width: 500px
    }
}

.commerce-history__banner img {
    width: 100%
}

.commerce-history__attention {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 20px 0;
    text-align: center
}

.commerce-history__post-restoration-button {
    background-color: var(--background-elevation-high);
    overflow: hidden;
    padding: 4px 16px 24px
}

.commerce-history__post-restoration-button a {
    align-items: center;
    background-color: var(--background-elevation-high);
    border-color: var(--expressive-red);
    border-radius: 4px;
    border-style: solid;
    border-width: thin;
    color: var(--expressive-red);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    height: 44px;
    justify-content: center;
    line-height: 150%
}

.commerce-history__container {
    background-color: var(--background-elevation-low)
}

.commerce-history__order {
    background: var(--background-elevation-high);
    margin-bottom: 10px
}

.commerce-history__order-info {
    border-bottom: 1px solid var(--border-separation);
    margin: 0 16px;
    padding: 16px 0
}

.commerce-history__order-info-figureheader {
    display: flex;
    justify-content: space-between
}

.commerce-history__order-info-figureheader-status {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.commerce-history__order-info-figureheader-detail a {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
    text-decoration: underline;
    vertical-align: top
}

.commerce-history__order-info-figureheader-detail a:active,.commerce-history__order-info-figureheader-detail a:focus,.commerce-history__order-info-figureheader-detail a:hover {
    color: var(--object-main);
    text-decoration: none
}

.commerce-history__order-info-table {
    display: flex;
    padding-top: 8px
}

.commerce-history__order-info-table-key {
    width: 80px
}

.commerce-history__order-info-table-key,.commerce-history__order-info-table-separator {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.commerce-history__order-info-table-value {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 10px
}

.commerce-history__order-shipping-status-button {
    margin-top: 8px
}

.commerce-history__order-product {
    border-bottom: 1px solid var(--border-separation);
    padding-bottom: 20px
}

.commerce-history__order-product-info {
    display: flex;
    padding: 20px 16px 0
}

.commerce-history__order-product-image {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    box-sizing: border-box;
    height: 64px;
    max-width: 64px;
    min-width: 64px
}

.commerce-history__order-product-container {
    padding: 0 16px
}

.commerce-history__order-product-brand {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.commerce-history__order-product-name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.commerce-history__order-product-detail-container {
    margin-top: 8px
}

.commerce-history__order-product-detail {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.commerce-history__order-product-post-button {
    background: var(--background-primary);
    border-radius: 4px;
    height: 34px;
    margin: 8px 16px 0;
    overflow: hidden;
    text-align: center
}

.commerce-history__order-product-post-button a {
    color: var(--object-reverse)
}

.commerce-history__order-product-post-button a,.commerce-history__order-product-post-button-disable {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 150%
}

.commerce-history__order-product-post-button-disable {
    background: var(--object-tertiary);
    color: #fff
}

.commerce-history__hr {
    border-bottom: 1px solid var(--border-separation)
}

.commerce-history__bottom-space {
    background-color: var(--background-elevation-high);
    padding-bottom: 300px
}

.commerce-history__rejected-section {
    background: var(--background-attention);
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 16px;
    padding: 12px
}

.commerce-history__rejected-section a:first-child {
    color: var(--expressive-blue)
}

.commerce-history__rejected-posts-toggle {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    font-weight: 600;
    justify-content: center;
    line-height: 150%;
    margin-top: 12px;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.commerce-history__rejected-posts-toggle:hover {
    opacity: .8
}

.commerce-history__rejected-posts-toggle:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

.commerce-history__rejected-posts-toggle:active,.commerce-history__rejected-posts-toggle:focus,.commerce-history__rejected-posts-toggle:hover {
    color: var(--object-main);
    text-decoration: none
}

.commerce-history__rejected-posts-toggle:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    margin: 0 0 0 auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 50%;
    top: calc(50% - 10px);
    transform: translateY(-50%);
    width: 20px
}

.commerce-history__rejected-posts-toggle:not(.collapsed):after {
    transform: rotate(-90deg)
}

.commerce-history__rejected-posts-toggle.collapsed:after {
    transform: rotate(90deg)
}

.commerce-history__rejected-posts-toggle:not(.collapsed) {
    border-bottom: unset
}

.commerce-history #commerce-history__rejected-posts {
    background: var(--background-elevation-high);
    border-radius: 0 0 4px 4px;
    padding: 8px
}

.commerce-history-detail {
    background: var(--background-elevation-high)
}

@media (min-width: 835px) {
    .commerce-history-detail {
        margin:10px auto 20px;
        width: 500px
    }
}

.commerce-history-detail hr {
    border-top: 1px solid var(--border-separation);
    margin: 0 0 12px;
    opacity: 1
}

.commerce-history-detail__section {
    border-bottom: 1px solid var(--border-separation);
    padding: 20px
}

.commerce-history-detail__section-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding-bottom: 8px
}

.commerce-history-detail__section-title-no-padding {
    padding: 0
}

.commerce-history-detail__table {
    align-items: center;
    display: flex;
    padding-top: 8px
}

.commerce-history-detail__table-key {
    width: 80px
}

.commerce-history-detail__table-key,.commerce-history-detail__table-separator {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.commerce-history-detail__table-value {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 10px
}

.commerce-history-detail__table-value-multiline {
    line-height: 16px
}

.commerce-history-detail__bulk-purchase-sale-container,.commerce-history-detail__limited-time-sale-container {
    border-bottom: 1px solid var(--border-separation);
    border-left: thick solid #fadce3;
    margin: 20px 0
}

.commerce-history-detail__bulk-purchase-sale-label-container {
    display: flex;
    gap: 8px;
    margin-left: 12px
}

.commerce-history-detail__bulk-purchase-sale-label-heading {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.commerce-history-detail__bulk-purchase-sale-label-small {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.commerce-history-detail__bulk-purchase-sale-label-additional-point {
    color: var(--expressive-red);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.commerce-history-detail__limited-time-sale-label-container {
    display: flex;
    gap: 8px;
    margin-left: 12px
}

.commerce-history-detail__limited-time-sale-label-heading {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.commerce-history-detail__limited-time-sale-label-small {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.commerce-history-detail__limited-time-sale-label-additional-point {
    color: var(--expressive-red);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.commerce-history-detail__order-product {
    border-top: 1px solid var(--border-separation);
    padding: 20px 0
}

.commerce-history-detail__order-product:nth-child(2) {
    border: none
}

.commerce-history-detail__order-product-info {
    display: flex;
    padding: 0
}

.commerce-history-detail__order-product-image {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    box-sizing: border-box;
    height: 64px;
    max-width: 64px;
    min-width: 64px
}

.commerce-history-detail__order-product-container {
    padding: 0 16px
}

.commerce-history-detail__order-product-container a {
    display: block
}

.commerce-history-detail__order-product-brand {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    line-height: 10px
}

.commerce-history-detail__order-product-name {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    line-height: 12px
}

.commerce-history-detail__order-product-detail-container {
    margin-top: 8px
}

.commerce-history-detail__order-product-detail,.commerce-history-detail__order-product-price {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.commerce-history-detail__order-product-price {
    margin-top: 4px
}

.commerce-history-detail__order-product-price span {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.commerce-history-detail__order-product-price-before-discount {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: line-through
}

.commerce-history-detail__shipping-status-button {
    margin-top: 16px
}

.commerce-history-detail__inquery-button {
    border: 1px solid var(--background-primary);
    border-radius: 4px;
    font-size: 14px;
    height: 44px;
    line-height: 14px;
    margin-top: 20px;
    text-align: center
}

.commerce-history-detail__inquery-button a {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 150%
}

.commerce-lottery-sale-history {
    background-color: var(--background-elevation-low)
}

@media (min-width: 835px) {
    .commerce-lottery-sale-history {
        margin:10px auto 20px;
        width: 500px
    }
}

.commerce-lottery-sale-history__banner img {
    width: 100%
}

.commerce-lottery-sale-history__about-notification-container {
    background-color: #fff;
    padding: 16px
}

.commerce-lottery-sale-history__about-notification-head {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px
}

.commerce-lottery-sale-history__about-notification {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.commerce-lottery-sale-history__hr {
    border-bottom: 1px solid var(--border-separation)
}

.commerce-lottery-sale-history__items {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.commerce-lottery-sale-history__item-container {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 16px
}

.commerce-lottery-sale-history__item-status {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px
}

.commerce-lottery-sale-history__normal-message-container {
    background-color: var(--background-positive);
    border: 1px solid var(--expressive-blue);
    border-radius: 4px;
    color: var(--expressive-blue);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px;
    padding: 16px;
    text-align: center
}

.commerce-lottery-sale-history__warning-message-container {
    align-items: center;
    background: var(--background-info);
    border: 1px solid #ffd157;
    border-radius: 4px;
    color: #ff7a45;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    gap: 16px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 16px;
    padding: 12px 16px
}

.commerce-lottery-sale-history__warning-message-container:before {
    background-color: #ff7a45;
    content: "　　";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.commerce-lottery-sale-history__product-container {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.commerce-lottery-sale-history__product-info-container {
    display: flex;
    flex-direction: row;
    gap: 16px
}

.commerce-lottery-sale-history__product-image {
    height: 64px;
    width: 64px
}

.commerce-lottery-sale-history__product-name-container {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px
}

.commerce-lottery-sale-history__product-button,.commerce-lottery-sale-history__product-button--disabled {
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 12px;
    padding: 11px 0;
    text-align: center;
    text-decoration: none
}

.commerce-lottery-sale-history__product-button--disabled:active,.commerce-lottery-sale-history__product-button--disabled:focus,.commerce-lottery-sale-history__product-button--disabled:hover,.commerce-lottery-sale-history__product-button:active,.commerce-lottery-sale-history__product-button:focus,.commerce-lottery-sale-history__product-button:hover {
    color: #fff;
    text-decoration: none
}

.commerce-lottery-sale-history__product-button--disabled {
    background: var(--background-inactive);
    opacity: 1;
    pointer-events: none
}

.commerce-lottery-sale-history__bottom-space {
    background-color: #fff;
    padding-bottom: 300px
}

.mail-magazine-subscribe-modal {
    background: var(--background-elevation-high);
    border-radius: 8px 8px 0 0
}

.mail-magazine-subscribe-modal__figureheader {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    border-radius: 8px 8px 0 0;
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 0;
    height: 56px;
    justify-content: center;
    line-height: 170%;
    position: relative
}

.mail-magazine-subscribe-modal__figureheader__close {
    height: 32px;
    width: 32px
}

.mail-magazine-subscribe-modal__figureheader__title {
    flex-grow: 1;
    text-align: center
}

.mail-magazine-subscribe-modal__close {
    background: var(--background-elevation-high);
    border: none;
    height: 32px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px
}

.mail-magazine-subscribe-modal__close,.mail-magazine-subscribe-modal__item {
    align-items: center;
    display: flex;
    justify-content: center
}

.mail-magazine-subscribe-modal__email {
    align-items: flex-start;
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 16px
}

.mail-magazine-subscribe-modal__form-control {
    background: var(--background-elevation-high);
    color: var(--object-main);
    height: 44px!important;
    padding: 0 16px
}

.mail-magazine-subscribe-modal__check_item_list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: 0 16px
}

.mail-magazine-subscribe-modal__check_item {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 16px;
    width: 100%
}

.mail-magazine-subscribe-modal__check_item:last-child {
    border-bottom: none
}

.mail-magazine-subscribe-modal__form_list {
    align-items: flex-start;
    background: var(--background-elevation-high);
    color: var(--object-main);
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    width: 375px
}

.mail-magazine-subscribe-modal__form_list_item {
    color: var(--object-main);
    flex: 1 0 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.mail-magazine-subscribe-modal__error {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.mail-magazine-subscribe-modal__submit {
    border-top: 1px solid var(--border-separation);
    padding: 16px
}

.mail-magazine-subscribe-modal__submit_notice {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 300;
    line-height: 130%;
    padding-bottom: 10px
}

.mail-magazine-subscribe-modal__submit_notice a {
    color: var(--expressive-light-blue)
}

.mail-magazine-subscribe-modal .submit-magazine {
    background-color: var(--background-primary);
    border-radius: 4px;
    color: var(--object-reverse);
    display: block;
    padding: 13px 16px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.mail-magazine-subscribe-modal .submit-magazine:disabled {
    background-color: var(--background-inactive);
    border: none;
    color: var(--object-tertiary);
    opacity: .6;
    pointer-events: none
}

.mail-magazine-subscribe-modal__float .information.custom-information[type=info] {
    background: var(--background-positive);
    border-color: var(--expressive-blue);
    bottom: 20px;
    left: 8px;
    opacity: 0;
    padding: 12px 20px;
    position: fixed;
    right: 8px;
    transition: opacity .3s ease,visibility .3s ease;
    visibility: hidden
}

.mail-magazine-subscribe-modal__float .information.custom-information[type=info] .content {
    display: flex;
    flex-direction: column
}

.mail-magazine-subscribe-modal__float .information.custom-information[type=info] div {
    color: var(--expressive-blue)
}

.mail-magazine-subscribe-modal__float .information.custom-information[type=info] div .message {
    color: var(--expressive-blue);
    display: block!important;
    font-size: 14px;
    font-weight: 600;
    line-height: 170%;
    margin-top: 4px!important
}

.mail-magazine-subscribe-modal__float .information.custom-information[type=info] div .email {
    color: var(--expressive-blue);
    display: block!important;
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin-top: 4px!important
}

.mail-magazine-subscribe-modal__float .information.custom-information[type=info]:before {
    background: var(--expressive-blue)
}

.mail-magazine-subscribe-modal__float .visible {
    opacity: 1!important;
    visibility: visible!important
}

.mall-home {
    display: flex;
    flex-direction: column;
    margin: 0 calc(50% - 50vw);
    min-height: 100vh;
    width: 100vw
}

.mall-home__footer {
    background: var(--background-elevation-low);
    margin-top: auto;
    padding: 20px 0
}

.mall-home__footer a {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none
}

.mall-home__footer-line {
    text-align: center
}

.mall-home__footer-line+.mall-home__footer-line {
    margin-top: 10px
}

.mall-home__footer-row {
    display: inline-block;
    padding: 0 15px;
    width: 50%
}

.mall-home__footer-row:first-child {
    text-align: right
}

.mall-home__footer-row:last-child {
    text-align: left
}

.mall-home__footer-row+.mall-home__footer-row {
    border-left: 1px solid var(--object-secondary)
}

.edit-address {
    margin-top: 20px
}

@media (min-width: 835px) {
    .edit-address {
        margin:10px auto 20px;
        width: 500px
    }
}

.edit-address__figureheader {
    background-color: var(--background-elevation-low);
    font-weight: 500;
    padding: 7px 0 7px 16px
}

.edit-address__form,.edit-address__figureheader {
    color: var(--object-main);
    font-size: 14px;
    line-height: 150%
}

.edit-address__form {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
    height: 36px;
    margin: 16px;
    padding-left: 10px;
    width: calc(100% - 32px)
}

.edit-address__form::placeholder {
    color: var(--object-tertiary);
    font-size: 14px
}

.edit-address__form-postal-code {
    display: inline;
    margin: 16px 16px 0;
    width: 168px
}

.edit-address__form-address {
    margin-bottom: 0
}

.edit-address__search-button {
    background-color: var(--background-primary);
    border: none;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    height: 36px;
    line-height: 150%;
    text-align: center;
    vertical-align: middle;
    width: 96px
}

.edit-address__search-button,.edit-address__search-button:active,.edit-address__search-button:focus,.edit-address__search-button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.edit-address__submit-button {
    background-color: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 150%;
    margin: 32px 16px 0;
    width: calc(100% - 32px)
}

.edit-address .edit-address__form.is-invalid {
    background-color: var(--background-attention);
    border-color: var(--expressive-red)
}

.edit-address .edit-address__form.is-invalid~.form-text,.edit-address .edit-address__form.is-invalid~.invalid-feedback {
    color: var(--expressive-red);
    display: block;
    font-size: 14px;
    padding: 5px 16px 0
}

.coupon {
    background-color: var(--background-elevation-high)
}

.coupon-empty {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding: 12pt 0;
    text-align: center
}

.coupon__h1-title {
    font-size: 16px;
    font-weight: 600;
    margin: 24px auto 16px
}

.coupon__h1-title,.coupon__input-form {
    color: var(--object-main);
    line-height: 150%
}

.coupon__input-form {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    letter-spacing: 0;
    padding: 11.5px 16px;
    width: 100%
}

.coupon__input-form::placeholder {
    color: var(--object-tertiary);
    font-size: 14px
}

.coupon form:invalid>#submit-button {
    background-color: var(--background-inactive);
    color: var(--object-tertiary);
    pointer-events: none
}

.coupon__submit-button {
    background-color: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 150%;
    margin: 16px auto 20px;
    width: 100%
}

.coupon__submit-button-spacer {
    height: 24px
}

.coupon hr {
    border-top: 1px solid var(--border-separation);
    margin: 0
}

@media (min-width: 835px) {
    .coupon__container {
        margin:10px auto 20px;
        width: 500px
    }
}

.coupon__container-spacer {
    height: 16px
}

.coupon__container--order {
    padding: 0 12px
}

@media (min-width: 835px) {
    .coupon__container--order {
        margin:0 auto;
        width: 500px
    }
}

.coupon__list {
    list-style: none;
    margin-bottom: 0;
    padding: 0 12px
}

.coupon__list-item {
    position: relative;
    width: 100%
}

.coupon__list-item-container {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: table;
    padding: 16px;
    position: relative;
    width: 100%
}

.coupon__list--order {
    list-style: none;
    margin-bottom: 0;
    padding: 0
}

.coupon__select-block {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: table;
    position: relative;
    width: 100%
}

.coupon__spacer {
    height: 12px
}

.coupon__radio-button {
    border-width: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.coupon__radio-label {
    align-items: center;
    color: var(--object-tertiary);
    cursor: pointer;
    display: flex;
    gap: 12px;
    margin: 0;
    padding: 16px 12px;
    width: 100%
}

.coupon__radio-label-spacer {
    height: 6px
}

.coupon__radio-label-subspacer {
    height: 4px
}

.coupon__radio-label-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px
}

.coupon__radio-label-nothing-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.coupon__radio-label-subtitle {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.coupon__radio-label-subtitle--red {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.coupon input[type=radio]:checked+.coupon__radio-label {
    color: var(--object-main)
}

.coupon input[type=radio][disabled]+.coupon__radio-label {
    background-color: var(--background-inactive);
    cursor: not-allowed
}

.coupon input[type=radio][disabled]+.coupon__radio-label .coupon__radio-label-title {
    color: var(--object-tertiary);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px
}

.coupon input[type=radio][disabled]+.coupon__radio-label:before {
    background: url(https://cdn.lipscosme.com/assets/check/dark_20_circle-5cc61d1879a8b82ed0ff4cd7f8d2d8a50aa374104faa77eaf98ea0bee63dc6ae.svg) no-repeat 0 0;
    background-size: contain
}

.coupon__statement {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.coupon__statement-spacer {
    height: 20px
}

.coupon__show-only-commerce-button {
    background: var(--background-primary);
    border-radius: 4px;
    font-size: 14px;
    height: 44px;
    line-height: 14px;
    margin: 16px auto 24px;
    text-align: center
}

.coupon__show-only-commerce-button a {
    align-items: center;
    color: var(--object-reverse);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 150%
}

.coupon__bottom-space {
    height: 340px
}

.isolated-area-fee-modal {
    border-radius: 4px;
    margin: auto;
    max-width: 1080px
}

.isolated-area-fee-modal.is-modal {
    height: 80vh
}

@media (max-width: 834px) {
    .isolated-area-fee-modal.is-modal {
        width:90%
    }
}

.isolated-area-fee-modal__close {
    background-color: var(--background-elevation-low);
    border-radius: 50%;
    padding: 4px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1
}

.isolated-area-fee-modal__title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 48px 16px 16px;
    text-align: center
}

.isolated-area-fee-modal__description {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 16px;
    text-align: center
}

.isolated-area-fee-modal__body.is-modal {
    height: 80vh;
    overflow-y: scroll
}

.isolated-area-fee-modal__body ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.isolated-area-fee-modal__prefecture-list {
    display: flex;
    gap: 12px;
    margin: 32px 0 16px;
    overflow-x: scroll;
    width: 100%
}

.isolated-area-fee-modal__prefecture-link {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    min-width: fit-content;
    padding: 8px 12px
}

.isolated-area-fee-modal__prefecture-link,.isolated-area-fee-modal__prefecture-link:active,.isolated-area-fee-modal__prefecture-link:focus,.isolated-area-fee-modal__prefecture-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.isolated-area-fee-modal__prefecture-link:first-child {
    margin-left: 16px
}

.isolated-area-fee-modal__prefecture {
    background-color: var(--background-elevation-low);
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    padding: 8px 16px;
    position: sticky;
    top: 0
}

.isolated-area-fee-modal__prefecture:first-child {
    border-top: 1px solid var(--border-separation)
}

.isolated-area-fee-modal__row {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 16px
}

.isolated-area-fee-modal__row :first-child {
    display: inline-block;
    width: 80px
}

.point {
    background-color: var(--background-elevation-low);
    margin: 0 auto;
    max-width: 500px;
    padding-top: 20px
}

.point__use {
    padding: 26px 16px 16px
}

.point__use hr {
    border-top: 1px solid var(--border-separation)
}

.point__use ul {
    list-style: none;
    padding: 0
}

.point__use-discount-shipping_fee-info {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 8px
}

.point__current-point-container {
    display: flex;
    justify-content: space-between
}

.point__current-point-element {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

.point__current-point-description {
    margin-top: 16px
}

.point__current-point-description,.point__current-point-shipping-fee-note {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.point__current-point-shipping-fee-note {
    margin-top: 8px
}

.point li {
    position: relative;
    width: 100%
}

.point__select-block {
    align-items: center;
    display: flex
}

.point__select-block>svg {
    color: var(--object-tertiary)
}

.point__radio-button {
    display: none
}

.point__radio-number-field {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 2px;
    color: var(--object-main);
    cursor: pointer;
    display: inline-block;
    height: 36px;
    margin: 0 0 0 36px;
    padding: 0 8px;
    text-align: right;
    width: 100px
}

.point__radio-number-field::placeholder {
    opacity: .5
}

.point__radio-label {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    line-height: 150%;
    margin: 0;
    padding-left: 12px;
    width: 100%
}

.point input[type=radio]:checked+svg,.point__radio-label {
    color: var(--object-main)
}

.point__submit-button {
    background-color: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 150%;
    margin: 20px 16px 0;
    text-align: center;
    width: calc(100% - 32px)
}

.point__error {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 0 0 36px
}

.present-group {
    background-color: var(--background-elevation-low);
    margin: 0 auto;
    max-width: 500px;
    padding-top: 20px
}

.present-group__form {
    background-color: var(--background-elevation-high);
    padding: 26px 16px 16px
}

.present-group ul {
    list-style: none;
    padding: 0
}

.present-group li {
    position: relative;
    width: 100%
}

.present-group__select-block {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: table;
    height: 80px;
    margin: 8px 0;
    position: relative;
    width: 100%
}

.present-group__group {
    margin: 8px 16px 0
}

.present-group__group-title {
    color: var(--object-main);
    font-size: 16px;
    margin-top: 28px
}

.present-group__group-note,.present-group__group-title {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 12px
}

.present-group__group-note {
    color: var(--object-secondary);
    font-size: 14px;
    margin-top: 12px
}

.present-group__presents {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 12px
}

.present-group__radio-button {
    display: none
}

.present-group__present-image {
    margin: 12px
}

.present-group__radio-label {
    color: var(--object-main);
    cursor: pointer;
    display: table-cell;
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    line-height: 150%;
    padding-left: 36px;
    padding-right: 12px;
    vertical-align: middle;
    width: 100%
}

.present-group__radio-label:before {
    background-color: var(--object-tertiary);
    content: "";
    height: 20px;
    left: 8px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px
}

.present-group input[type=radio]:checked+.present-group__radio-label:before,.present-group__radio-label:before {
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/check_circle-1901a61ab525eba3eb285789a4370332340093f824b21fe1057813a9d5471380.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/check_circle-1901a61ab525eba3eb285789a4370332340093f824b21fe1057813a9d5471380.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.present-group input[type=radio]:checked+.present-group__radio-label:before {
    background-color: var(--object-main)
}

.present-group__submit-button {
    background-color: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    letter-spacing: 0;
    line-height: 14px;
    margin: 24px 16px 0;
    text-align: center;
    width: calc(100% - 32px)
}

@media (min-width: 835px) {
    .commerce-point-history,.commerce-point-mission {
        margin:10px auto 20px;
        width: 500px
    }
}

.commerce-post-restoration {
    background-color: #fff
}

@media (min-width: 835px) {
    .commerce-post-restoration {
        margin:10px auto 20px;
        max-width: 500px
    }
}

.commerce-post-restoration .content_image {
    width: 100%
}

.commerce-post-restoration__product {
    margin-bottom: 10px
}

.commerce-post-restoration__product-post-button {
    background: var(--expressive-red);
    border-radius: 4px;
    height: 40px;
    margin: 8px 16px 0;
    overflow: hidden;
    text-align: center
}

.commerce-post-restoration__product-post-button a {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 150%
}

.commerce-post-restoration__bottom-top {
    padding-bottom: 15px
}

.commerce-post-restoration__bottom-space {
    padding-bottom: 30px
}

.commerce-post-restoration p {
    margin-top: 30px;
    padding: 16px
}

.preferred-payment-methods {
    margin-top: 20px
}

@media (min-width: 835px) {
    .preferred-payment-methods {
        margin:10px auto 20px;
        width: 500px
    }
}

.preferred-payment-methods__title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 28px 0 12px;
    text-align: center
}

.preferred-payment-methods__hstack {
    align-items: center;
    display: flex
}

.preferred-payment-methods__label {
    color: var(--object-main);
    flex-grow: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding: 16px 16px 16px 12px
}

.preferred-payment-methods__label--sm {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding: 0
}

.preferred-payment-methods input[type=radio] {
    margin: 0 0 0 16px
}

.preferred-payment-methods input.user-interacted:invalid {
    background: var(--background-attention);
    border-color: var(--expressive-red)
}

.preferred-payment-methods hr {
    margin: 0
}

.preferred-payment-methods__card-holder {
    background: var(--background-elevation-low);
    padding: 12px 16px 16px 50px
}

.preferred-payment-methods__holder-input {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 150%;
    margin-top: 8px;
    padding: 0 16px;
    width: 100%
}

.preferred-payment-methods__holder-input::placeholder {
    color: var(--object-tertiary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.preferred-payment-methods__help-text {
    color: var(--expressive-red);
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 8px
}

.preferred-payment-methods__submit-button {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 20px 16px 0;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: calc(100% - 32px);
    word-break: keep-all
}

.preferred-payment-methods__submit-button:hover {
    opacity: .8
}

.preferred-payment-methods__submit-button:active,.preferred-payment-methods__submit-button:focus,.preferred-payment-methods__submit-button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.preferred-payment-methods__submit-button:disabled {
    background: var(--object-tertiary)
}

.preferred-payment-methods__submit-button:disabled:hover {
    opacity: 1
}

.purchase {
    background-color: var(--background-elevation-low)
}

@media (min-width: 835px) {
    .purchase {
        margin:10px auto 20px;
        width: 500px
    }
}

.purchase__price-change-warn {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
    padding: 0 20px 20px;
    text-align: center;
    white-space: pre-wrap;
    word-wrap: break-word
}

.purchase__summary {
    background: var(--background-elevation-high);
    padding: 0 10px
}

.purchase__summary-title {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 16px 0;
    text-align: center
}

.purchase__summary-breakdown {
    border-bottom: 1px solid var(--border-separation);
    padding: 16px 6px
}

.purchase__summary-breakdown:last-child {
    border-bottom: none
}

.purchase__summary-container {
    color: var(--object-main);
    display: flex;
    justify-content: space-between;
    padding: 12px 0 0
}

.purchase__summary-container.discounted {
    color: var(--expressive-red)
}

.purchase__summary-container:first-child {
    padding: 0
}

.purchase__summary-element {
    display: inline-block;
    position: relative
}

.purchase__summary-element.info {
    align-items: center;
    display: flex
}

.purchase__summary-element.info,.purchase__summary-element.info:active,.purchase__summary-element.info:focus,.purchase__summary-element.info:hover {
    color: var(--object-main);
    text-decoration: none
}

.purchase__summary-element.info:after {
    background-color: var(--object-secondary);
    content: "";
    display: inline-block;
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.purchase__summary-element-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.purchase__summary-element-price {
    text-align: right
}

.purchase__summary-element-total-title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px
}

.purchase__summary-element-total-price {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    text-align: right
}

.purchase__summary-element-earnable-point,.purchase__summary-element-earnable-title {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.purchase__summary-element-earnable-point {
    text-align: right
}

.purchase__summary-point-note {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    padding-top: 16px
}

.purchase__summary-point-note--link {
    color: var(--expressive-red)
}

.purchase__editable-box {
    align-items: center;
    background-color: var(--background-elevation-high);
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 150%;
    margin: 0 10px;
    padding: 20px 8px
}

.purchase__editable-box,.purchase__editable-box:active,.purchase__editable-box:focus,.purchase__editable-box:hover {
    color: var(--object-main);
    text-decoration: none
}

.purchase__editable-box.invalid {
    background-color: var(--background-attention);
    border: 1px solid var(--expressive-red)
}

.purchase__editable-box-subtext {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.purchase__editable-box-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 16px 0 8px 16px
}

.purchase__editable-box-description {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 16px
}

.purchase__editable-box-error-text {
    color: var(--expressive-red);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 10px 0
}

.purchase__editable-box:after {
    background-color: var(--object-secondary);
    content: "";
    height: 24px;
    width: 24px
}

.purchase__editable-box.invalid:after,.purchase__editable-box:after {
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.purchase__editable-box.invalid:after {
    background-color: var(--expressive-red)
}

.purchase__editable-box-with-background {
    align-items: center;
    background-color: var(--background-elevation-high);
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 150%;
    padding: 20px 8px
}

.purchase__editable-box-with-background,.purchase__editable-box-with-background:active,.purchase__editable-box-with-background:focus,.purchase__editable-box-with-background:hover {
    color: var(--object-main);
    text-decoration: none
}

.purchase__editable-box-with-background-container {
    background-color: var(--background-positive);
    border: 1px solid var(--expressive-blue);
    border-radius: 4px;
    margin: 16px 10px 0;
    padding: 24px
}

.purchase__editable-box-with-background-subtext {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.purchase__editable-box-with-background-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.purchase__editable-box-with-background-description {
    margin: 8px 0 16px
}

.purchase__editable-box-with-background:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/dark_50-38bc4a669d25251f7b4d3db4bd875c9b85e9c95781dcd2262e7c3a2b41c4ab7d.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    height: 24px;
    transform: rotate(180deg);
    width: 24px
}

.purchase__item-list {
    background-color: var(--background-elevation-high)
}

.purchase__item-list-item-container {
    display: flex;
    margin-bottom: 20px
}

.purchase__item-list-simple-container {
    border-bottom: 1px solid var(--border-separation)
}

.purchase__item-list-bulk-purchase-sale-container,.purchase__item-list-limited-time-sale-container {
    border-bottom: 1px solid var(--border-separation);
    border-left: thick solid #fadce3;
    margin: 20px
}

.purchase__item-list-bulk-purchase-sale-label-container {
    display: flex;
    gap: 8px;
    margin-left: 12px
}

.purchase__item-list-bulk-purchase-sale-label-heading {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.purchase__item-list-bulk-purchase-sale-label-condition {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.purchase__item-list-bulk-purchase-sale-label-additional-point {
    color: var(--expressive-red);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.purchase__item-list-limited-time-sale-label-container {
    display: flex;
    gap: 8px;
    margin-left: 12px
}

.purchase__item-list-limited-time-sale-label-heading {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.purchase__item-list-limited-time-sale-label-timer {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.purchase__item-list-limited-time-sale-label-additional-point {
    color: var(--expressive-red);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%
}

.purchase__item-list-image {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    box-sizing: border-box;
    height: 64px;
    margin: 20px 0 0 16px;
    max-width: 64px;
    min-width: 64px
}

.purchase__item-list-text-container {
    margin: 20px 0 0 12px
}

.purchase__item-list-brand,.purchase__item-list-name {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.purchase__item-list-name {
    margin: 4px 0 0
}

.purchase__item-list-detail-container {
    margin: 12px 0 0
}

.purchase__item-list-detail {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.purchase__item-list-price {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 12px 0 0
}

.purchase__item-list-price-small {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.purchase__item-list-before-discount-price {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: line-through
}

.purchase__estimate-shipping-date {
    background-color: var(--background-elevation-high);
    padding: 20px 16px
}

.purchase__estimate-shipping-date-text {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.purchase__estimate-shipping-date-detail {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 8px
}

.purchase__estimate-shipping-date-disclaimer {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 8px
}

.purchase__mail-magazine {
    background-color: var(--background-elevation-high);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px
}

.purchase__mail-magazine>label:not(:last-child) {
    border-bottom: 1px solid var(--border-separation);
    padding-bottom: 12px
}

.purchase__payment-disclaimer,.purchase__return-and-exchange-disclaimer {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px
}

.purchase__checkbox {
    color: var(--object-secondary);
    margin-top: 20px;
    text-align: center
}

.purchase__checkbox input[type=checkbox] {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    box-sizing: border-box;
    height: 20px;
    margin: 0;
    width: 20px
}

.purchase__checkbox input[type=checkbox]:checked {
    background: var(--background-elevation-high);
    color: var(--expressive-red)
}

.purchase__checkbox.policy {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px;
    padding: 0 16px
}

.purchase__checkbox-label--link {
    color: var(--expressive-red);
    font-weight: 500;
    text-decoration-line: underline
}

.purchase__purchase-button {
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 150%;
    margin: 16px 16px 0;
    text-align: center;
    width: calc(100% - 32px)
}

.purchase__purchase-button:disabled {
    opacity: .5
}

.saved-cart-list__warning-message-container {
    align-items: center;
    background: var(--background-info);
    border: 1px solid #ffd157;
    border-radius: 4px;
    color: var(--object-main);
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    justify-content: flex-start;
    line-height: 150%;
    margin: 12px 0;
    padding: 12px 16px
}

.saved-cart-list__warning-message-container:before {
    background-color: #ff7a45;
    content: "　　";
    flex-shrink: 1;
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.saved-cart-list__warning-message-link {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.saved-cart-list__warning-message-link,.saved-cart-list__warning-message-link:active,.saved-cart-list__warning-message-link:focus,.saved-cart-list__warning-message-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.saved-cart-list-item__move-to-cart-button,.saved-cart-list-item__move-to-cart-button--disabled {
    background-color: var(--background-primary);
    border-radius: 4px;
    color: var(--object-reverse);
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    line-height: 150%;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.saved-cart-list-item__move-to-cart-button--disabled:active,.saved-cart-list-item__move-to-cart-button--disabled:focus,.saved-cart-list-item__move-to-cart-button--disabled:hover,.saved-cart-list-item__move-to-cart-button:active,.saved-cart-list-item__move-to-cart-button:focus,.saved-cart-list-item__move-to-cart-button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.saved-cart-list-item__move-to-cart-button--disabled {
    background-color: var(--object-tertiary);
    opacity: 1;
    pointer-events: none
}

.saved-cart-list-item__delete-button {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    text-decoration: none;
    text-decoration: underline
}

.saved-cart-list-item__delete-button:active,.saved-cart-list-item__delete-button:focus,.saved-cart-list-item__delete-button:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.sbpayment {
    background: var(--background-elevation-high);
    text-align: center
}

@media (min-width: 835px) {
    .sbpayment {
        margin:10px auto 20px;
        width: 500px
    }
}

.sbpayment__title1 {
    color: var(--object-main);
    font-size: 40px;
    font-weight: 600;
    line-height: 150%
}

.sbpayment__title1.error {
    margin-top: 20px
}

.sbpayment__title2 {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding-top: 20px
}

.sbpayment__notice {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding-top: 16px
}

.sbpayment__notice span {
    color: var(--expressive-red)
}

.shipping-status-button {
    border: 1px solid var(--object-main);
    border-radius: 4px;
    font-size: 12px;
    height: 32px;
    text-align: center
}

.shipping-status-button,.shipping-status-button a {
    color: var(--object-main);
    font-weight: 500;
    line-height: 150%
}

.shipping-status-button a {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center
}

.stock-location-supplier-label {
    background-color: #ffd271;
    border-radius: 8px;
    color: var(--object-main);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 4px;
    padding: 4px 8px;
    text-align: center;
    width: fit-content
}

.mcc-article-preview {
    color: #333;
    font-family: sans-serif;
    font-family: 游ゴシック体,Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
    font-size: 1.14286rem;
    letter-spacing: normal;
    line-height: 1.8;
    width: 100%
}

.mcc-article-preview h1 {
    color: #d84190;
    font-size: 1.71429rem;
    font-weight: 700;
    line-height: 1.4;
    width: 100%
}

.mcc-article-preview h2 {
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 4em 0 2em;
    padding: 1em .75em
}

.mcc-article-preview h3 {
    border-left: 4px solid #000;
    font-size: 1.48571rem;
    margin: 3em 0 2em;
    padding: .25em 0 .25em 16px
}

.mcc-article-preview h3,.mcc-article-preview h4 {
    font-weight: 700;
    line-height: 1.4;
    position: relative
}

.mcc-article-preview h4 {
    font-size: 1.37143rem;
    margin: 3em 0 1.5em
}

.mcc-article-preview p {
    font-size: 1.14286rem
}

.mcc-article-preview img,.mcc-article-preview svg {
    height: auto;
    vertical-align: bottom;
    width: 100%
}

.mcc-article-preview a {
    color: #000;
    text-decoration: none
}

.mcc-article-preview a.normal-link {
    color: #1176d4
}

.mcc-article-preview ul li {
    list-style-type: none
}

.mcc-article-preview figcaption {
    color: inherit;
    display: block!important;
    font-size: .91429rem;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: .75em;
    opacity: .8;
    text-align: center
}

.mcc-article-preview figure {
    margin: 0
}

.mcc-article-preview .sg_date {
    color: #919191;
    padding-top: 1em;
    text-align: right
}

.mcc-article-preview .sg_date p {
    font-size: .9em;
    margin: 0;
    padding: 0
}

.mcc-article-preview .sg_date_upd {
    padding-top: 0
}

.mcc-article-preview .sg_promotion-notice {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    color: #495057;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 10px!important;
    padding: 5px!important;
    position: relative
}

.mcc-article-preview .sg_promotion-notice:before {
    color: #6c757d;
    content: "ⓘ";
    font-weight: 700;
    margin-right: 8px
}

@media screen and (max-width: 599px) {
    .mcc-article-preview h1 {
        font-size:5vw
    }

    .mcc-article-preview h2 {
        font-size: 4.784vw;
        line-height: 1.4;
        margin: 4em 0 2em;
        padding: 1em .75em
    }

    .mcc-article-preview h3 {
        font-size: 4.4vw;
        margin: 3em 0 2em;
        padding: .25em 0 .25em 16px
    }

    .mcc-article-preview h4 {
        font-size: 4.701vw;
        margin: 12.6vw 0 1.5em
    }

    .mcc-article-preview a,.mcc-article-preview body,.mcc-article-preview p {
        font-size: 4vw
    }

    .mcc-article-preview figcaption {
        font-size: 3.6vw
    }

    .mcc-article-preview strong {
        font-size: 4.5vw
    }

    .mcc-article-preview a,.mcc-article-preview body,.mcc-article-preview p,.mcc-article-preview strong.sg_size-s {
        font-size: 4vw
    }
}

.mcc-article-preview .sg_flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.42857rem
}

.mcc-article-preview .sg_flex-item {
    width: 48%
}

.mcc-article-preview .sg_flex-item figure {
    margin: 0
}

.mcc-article-preview .sg_flex-item figure img {
    margin-bottom: 1.5rem
}

.mcc-article-preview .sg_mb-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.mcc-article-preview .sg_mb-1 {
    margin-bottom: 1em!important;
    margin-top: 0!important
}

.mcc-article-preview .sg_fz-s {
    font-size: 1.02857rem
}

.mcc-article-preview .sg_text-center {
    text-align: center
}

.mcc-article-preview .sg_button {
    background-color: #ffe402;
    border-radius: 9999px;
    color: #000;
    display: block;
    font-size: 1.28571rem;
    padding: calc(.667em + 2px) calc(.5em + 2px);
    text-align: center;
    width: 100%
}

.mcc-article-preview .sg_bg-stripe {
    background: linear-gradient(-45deg,transparent 25%,hsla(0,0%,78%,.15) 0,hsla(0,0%,78%,.15) 50%,transparent 0,transparent 75%,hsla(0,0%,78%,.15) 0,hsla(0,0%,78%,.15));
    background-clip: padding-box;
    background-size: 6px 6px;
    margin-top: 2.28571rem;
    padding: 1.5em;
    position: relative
}

@media screen and (max-width: 781px) {
    .mcc-article-preview img {
        max-height:30rem;
        object-fit: contain
    }

    .mcc-article-preview img.width {
        max-height: 100%
    }

    .mcc-article-preview .sg_flex-item.width {
        width: 100%
    }

    .mcc-article-preview .sg_flex-item:first-of-type {
        margin-bottom: 1.42857rem
    }
}

@media screen and (max-width: 599px) {
    .mcc-article-preview .sg_fz-s {
        font-size:3.6vw
    }
}

.mcc-article-preview .sg_section-wrapper {
    background-color: #fff;
    padding: 2.85714rem 3.42857rem .71429rem
}

.mcc-article-preview .sg_lp-width {
    margin: 0 auto;
    max-width: 1080px
}

.mcc-article-preview .sg_article {
    margin: 0 auto;
    max-width: 880px
}

.mcc-article-preview .sg_toc__ttl {
    border-bottom: 1px dashed hsla(0,0%,78%,.5);
    display: block;
    font-size: 1.02857rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1em;
    padding: 0 .5em .75em;
    position: relative;
    text-align: left
}

.mcc-article-preview .sg_toc__ttl:before {
    background-image: url(https://www.matsukiyococokara-online.com/img/useful-info/ee8ab2e398f8d1d84a73645a0b303306.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 12px;
    margin-bottom: 3px;
    margin-right: .5em;
    vertical-align: middle;
    width: 15px
}

.mcc-article-preview .sg_toc {
    border: 1px solid hsla(0,0%,78%,.5);
    margin: 4em auto;
    max-width: 57.14286rem;
    padding: 1.25em;
    width: 92%
}

.mcc-article-preview .sg_has-border {
    border: 1px solid #96969f;
    margin-bottom: 2.14286rem;
    padding: 2.28571rem
}

.mcc-article-preview .sg_has-border ul li {
    list-style-type: disc
}

.mcc-article-preview .sg_has-border.sg_border-dash {
    border: 2px dashed hsla(0,0%,78%,.5);
    margin-top: 2.14286rem
}

@media screen and (max-width: 959px) {
    .mcc-article-preview .sg_toc {
        max-width:800px;
        width: 100%
    }
}

@media screen and (max-width: 781px) {
    .mcc-article-preview .sg_section-wrapper {
        padding-left:4vw;
        padding-right: 4vw
    }
}

@media screen and (max-width: 599px) {
    .mcc-article-preview .sg_toc {
        padding:5.6vw
    }

    .mcc-article-preview .sg_toc__ttl {
        font-size: 4.8vw
    }

    .mcc-article-preview .sg_toc__ttl:before {
        height: 3.5vw;
        width: 5vw
    }

    .mcc-article-preview .sg_has-border {
        padding: 6.718vw
    }
}

.mcc-article-preview .sg_articleThumb {
    margin: 2em 0;
    text-align: center;
    width: 100%
}

.mcc-article-preview .sg_post_content {
    margin: 4.57143rem 0;
    padding: 0 16px
}

.mcc-article-preview .sg_post_content figure,.mcc-article-preview .sg_post_content p {
    margin-bottom: 1.42857rem
}

.mcc-article-preview .sg_post_content ul {
    list-style: disc
}

.mcc-article-preview .sg_post_content ol,.mcc-article-preview .sg_post_content ul {
    padding-left: 1.71429rem
}

.mcc-article-preview .sg_post_content li {
    line-height: 1.5;
    margin: .25em 0;
    position: relative
}

.mcc-article-preview .sg_cap-box-ttl {
    background-color: #fff;
    color: #969696;
    display: inline-flex;
    font-size: 1.21429rem;
    font-weight: 700;
    left: 1em;
    line-height: 1;
    margin-bottom: 0;
    padding: .5em .75em;
    position: relative;
    text-align: center;
    top: 1em;
    z-index: 1
}

.mcc-article-preview .sg_cap-box-contents {
    border: 1px solid #969696;
    padding: 32px 24px 24px
}

.mcc-article-preview .sg_cap-box-contents figure {
    margin-bottom: 0;
    text-align: center
}

.mcc-article-preview .sg_cap-box-contents figure img {
    border-radius: 9999px;
    height: 125px;
    width: 125px
}

.mcc-article-preview .sg_cap-box-text {
    font-size: 12px;
    padding: 32px
}

.mcc-article-preview ul.sg_is-style-index {
    padding-left: 0
}

.mcc-article-preview ul.sg_is-style-index li {
    margin: .25em 0;
    padding-left: 1.25em;
    position: relative
}

.mcc-article-preview ul.sg_is-style-index li:before {
    background-color: currentColor;
    border-radius: 50%;
    color: inherit;
    content: "";
    display: block;
    height: 6px;
    left: 2px;
    position: absolute;
    top: calc(.75em - 3px);
    width: 6px
}

.mcc-article-preview .sg_itemdetail {
    font-size: 1rem
}

.mcc-article-preview .sg_block-faq {
    margin-bottom: 2.14286rem;
    padding-left: 0!important
}

.mcc-article-preview .sg_faq_q {
    font-size: 1.14286rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 1em 1em 1em 3em;
    position: relative
}

.mcc-article-preview .sg_faq_q:before {
    box-shadow: 0 0 0 1px currentColor;
    content: "Q";
    display: block;
    font-family: Arial,sans-serif;
    font-weight: 400;
    left: 0;
    line-height: 2;
    position: absolute;
    text-align: center;
    top: .75em;
    width: 2em
}

.mcc-article-preview .sg_faq_a {
    line-height: 1.5;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 1em 1em 1em 3em;
    position: relative
}

.mcc-article-preview .sg_faq_a:before {
    box-shadow: 0 0 0 1px currentColor;
    content: "A";
    display: block;
    font-family: Arial,sans-serif;
    left: 0;
    line-height: 2;
    position: absolute;
    text-align: center;
    top: .75em;
    width: 2em
}

.mcc-article-preview .sg_footer {
    font-size: .85714rem;
    padding-bottom: 1em;
    padding-top: 1em;
    text-align: center
}

@media (max-width: 959px) {
    .mcc-article-preview .sg_post_content {
        padding:0
    }
}

@media (min-width: 600px) {
    .mcc-article-preview .sg_content {
        padding-top:4em
    }
}

@media (max-width: 599px) {
    .mcc-article-preview .sg_itemdetail {
        font-size:3.3vw
    }

    .mcc-article-preview .sg_cap-box-ttl {
        font-size: 4.25vw
    }

    .mcc-article-preview .sg_cap-box-contents {
        padding: 6vw 5vw 5vw
    }

    .mcc-article-preview .sg_cap-box-contents strong {
        font-size: 3.2vw
    }

    .mcc-article-preview .sg_cap-box-text {
        font-size: 3vw;
        padding: 6vw
    }
}

.mcc-article-preview .sg_link-color {
    color: #1176d4
}

.mcc-article-preview .sg_post_content table {
    border: none;
    border-spacing: 0;
    line-height: 1.5;
    max-width: 100%;
    text-align: left;
    width: 100%
}

.mcc-article-preview th {
    display: table-cell;
    font-weight: 700;
    vertical-align: inherit
}

.mcc-article-preview .sg_post_content tbody tr>:first-child {
    background-color: #fafafa;
    color: inherit;
    font-weight: 700
}

.mcc-article-preview .sg_post_content tr:last-child>td {
    border-bottom: 1px solid #ededed
}

.mcc-article-preview .sg_post_content tr td:last-child,.mcc-article-preview .sg_post_content tr th:last-child {
    border-right: 1px solid #ededed
}

@media screen and (max-width: 599px) {
    .mcc-article-preview .sg_post_content tr td:first-child,.mcc-article-preview .sg_post_content tr th:first-child {
        left:0;
        position: sticky;
        width: 20vw
    }

    .mcc-article-preview .sg_post_content tr td:first-child:after,.mcc-article-preview .sg_post_content tr th:first-child:after {
        border-right: 1px solid #ededed;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.mcc-article-preview .sg_wp-block-table {
    overflow-x: auto
}

.mcc-article-preview [data-table-scrollable] table {
    border-collapse: separate;
    max-width: 800px!important;
    min-width: 100%;
    width: 800px!important
}

@media (max-width: 599px) {
    .mcc-article-preview [data-table-scrollable] table {
        padding-bottom:16px;
        width: 150vw!important
    }
}

.mcc-article-preview .post_content table {
    border: none;
    border-spacing: 0;
    line-height: 1.5;
    max-width: 100%;
    text-align: left;
    width: 100%
}

.mcc-article-preview .sg_post_content td,.mcc-article-preview .sg_post_content th {
    background-clip: padding-box;
    border: 1px solid #ededed;
    border-bottom: none;
    border-right: none;
    font-size: .9em;
    min-width: 240px!important;
    padding: .5em .75em;
    vertical-align: middle
}

@media (max-width: 959px) {
    .mcc-article-preview .sg_post_content td,.mcc-article-preview .sg_post_content th {
        min-width:20vw!important
    }
}

@media (max-width: 599px) {
    .mcc-article-preview .sg_post_content td,.mcc-article-preview .sg_post_content th {
        font-size:3.2vw
    }
}

.mcc-article-preview .sg_post_content thead td,.mcc-article-preview .sg_post_content thead th {
    background-color: #969696;
    color: #fff
}

.mcc-article-preview .sg_c-scrollHint {
    -webkit-animation: FloatHorizontal 2s ease-in-out infinite alternate;
    animation: FloatHorizontal 2s ease-in-out infinite alternate;
    margin-bottom: 2px!important;
    margin-top: 3em;
    text-align: right
}

.mcc-article-preview .sg_c-scrollHint span {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    line-height: 1;
    opacity: .75;
    vertical-align: middle
}

.mcc-article-preview .sg_c-scrollHint span i {
    font-size: 16px;
    margin-left: 4px
}

@media (min-width: 960px) {
    .mcc-article-preview .sg_c-scrollHint {
        display:none
    }
}

@keyframes FloatHorizontal {
    0% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }

    50% {
        -webkit-transform: translate3d(-4px,0,0);
        transform: translate3d(-4px,0,0)
    }

    to {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }
}

.mcc-article-preview .sg_sp-view {
    display: none
}

@media screen and (max-width: 599px) {
    .mcc-article-preview .sg_sp-view {
        display:block
    }
}

.mcc-article-preview .sg_item-img {
    text-align: center
}

.mcc-article-preview .sg_item-img img {
    height: 192px;
    width: 192px
}

.mcc-article-preview .p-section {
    text-align: left
}

.mcc-article-preview .p-section .sg_section-wrapper {
    margin-top: -80px;
    padding-left: 0;
    padding-right: 0
}

.mcc-article-preview .p-section .sg_toc__ttl:before {
    background-image: url(https://www.matsukiyococokara-online.com/img/useful-info/ee8ab2e398f8d1d84a73645a0b303306.png)
}

.mcc-article-preview .sg_post_content .sg_fz-xs {
    font-size: .68571rem
}

.mcc-article-preview .sg_illustration {
    margin-bottom: 2.14286rem!important;
    margin-left: auto;
    margin-right: auto;
    max-width: 359px;
    width: 100%
}

.mcc-article-preview .sg_post_content .sg_recommend-list {
    font-size: .8em;
    margin-bottom: 0!important
}

.mcc-article-preview .sg_post_content .sg_recommend-list table {
    border-collapse: separate;
    min-width: 800px
}

.mcc-article-preview .sg_post_content .sg_recommend-list thead {
    border-left: 1px solid
}

.mcc-article-preview .sg_post_content .sg_recommend-list thead th {
    background-color: #f0f0f0;
    color: #333
}

.mcc-article-preview .sg_post_content .sg_recommend-list td,.mcc-article-preview .sg_post_content .sg_recommend-list th {
    border-color: #dcdcdc;
    font-size: .91429rem;
    min-width: 0!important;
    padding: .45714rem .68571rem
}

.mcc-article-preview .sg_post_content .sg_recommend-list td:first-child,.mcc-article-preview .sg_post_content .sg_recommend-list td:nth-child(2),.mcc-article-preview .sg_post_content .sg_recommend-list th:first-child,.mcc-article-preview .sg_post_content .sg_recommend-list th:nth-child(2) {
    text-align: center
}

.mcc-article-preview .sg_post_content .sg_recommend-list td:first-child,.mcc-article-preview .sg_post_content .sg_recommend-list th:first-child {
    left: 0;
    max-width: 85px;
    min-width: 85px!important;
    position: sticky;
    width: 85px;
    z-index: 5
}

.mcc-article-preview .sg_post_content .sg_recommend-list td:first-child span,.mcc-article-preview .sg_post_content .sg_recommend-list th:first-child span {
    font-weight: 700
}

.mcc-article-preview .sg_post_content .sg_recommend-list td:first-child {
    background-color: #fff
}

.mcc-article-preview .sg_post_content .sg_recommend-list td:nth-child(3) {
    font-weight: 700
}

.mcc-article-preview .sg_post_content .sg_recommend-list .sg_item-img {
    width: 30px
}

.mcc-article-preview .sg_post_content .sg_recommend-list .sg_button-wrap {
    display: block;
    width: 100px
}

.mcc-article-preview .sg_post_content .sg_recommend-list .sg_button-wrap .sg_button {
    display: inline-flex;
    font-size: .82286rem;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.5;
    padding: .41143rem .82286rem;
    transition: box-shadow .25s;
    width: auto
}

.mcc-article-preview .sg_post_content .sg_recommend-list .sg_button:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.1),0 12px 24px -12px rgba(0,0,0,.2);
    opacity: 1
}

.mcc-article-preview .sg_post_content .sg_hikaku {
    font-size: .85714rem;
    line-height: 13px
}

.mcc-article-preview .sg_post_content .sg_recommend-list tr td:first-child:after,.mcc-article-preview .sg_post_content .sg_recommend-list tr th:first-child:after {
    display: none
}

@media not all and (min-width: 960px) {
    .mcc-article-preview .sg_post_content .sg_recommend-list table {
        padding-bottom:16px
    }

    .mcc-article-preview .sg_post_content .sg_recommend-list {
        overflow-x: scroll
    }
}

@media screen and (max-width: 400px) {
    .mcc-article-preview .sg_post_content .sg_hikaku {
        font-size:.80357rem
    }
}

.mcc-article-preview .sg_post_content .sg_balloon {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
    margin-top: 47px;
    position: relative
}

.mcc-article-preview .sg_post_content .sg_balloon-icon {
    text-align: center;
    width: 80px
}

.mcc-article-preview .sg_post_content .sg_balloon-icon .c-balloon-icon__img {
    border: 2px solid #ececec;
    border-radius: 50%
}

.mcc-article-preview .sg_post_content .sg_balloon-icon .sg_balloon-name {
    display: block;
    font-size: 10px;
    line-height: 1;
    opacity: .8;
    padding-top: 4px
}

.mcc-article-preview .sg_post_content .sg_balloon-body {
    align-items: flex-start;
    display: flex;
    flex-basis: 100%;
    justify-content: flex-start;
    padding: 8px 0 8px 24px
}

.mcc-article-preview .sg_post_content .sg_balloon-body .sg_balloon-text {
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 8px;
    color: #333;
    line-height: 1.6;
    padding: 1em;
    position: relative;
    width: 100%
}

.mcc-article-preview .sg_post_content .sg_balloon-body .sg_balloon-text:after,.mcc-article-preview .sg_post_content .sg_balloon-body .sg_balloon-text:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 16px;
    width: 0
}

.mcc-article-preview .sg_post_content .sg_balloon-body .sg_balloon-text:before {
    border-right-color: #f7f7f7;
    border-width: 8px 10px 8px 0;
    left: -8px;
    z-index: 3
}

.mcc-article-preview .sg_post_content .sg_balloon-body .sg_balloon-text:after {
    border-right-color: inherit;
    border-width: 8px 10px 8px 0;
    left: -10px;
    z-index: 2
}

.mcc-article-preview .sg_post_content .sg_balloon-body .sg_balloon-text p {
    margin-bottom: 0
}

@media screen and (max-width: 599px) {
    .mcc-article-preview .sg_post_content .sg_balloon-icon {
        flex-shrink:0;
        width: 60px
    }

    .mcc-article-preview .sg_post_content .sg_balloon-body {
        padding: 4px 24px
    }

    .mcc-article-preview .sg_post_content .sg_balloon-body .sg_balloon-text p {
        font-size: 3.8vw
    }

    .mcc-article-preview .sg_post_content .sg_balloon-body .sg_balloon-text {
        padding: 1.01786rem .92143rem
    }
}

.mcc-article-preview .sg_article .sg_slider {
    margin-top: 5%
}

.mcc-article-preview .sg_article .sg_slider__ttl {
    border: none;
    margin: 4em 0 2em!important;
    padding: 0;
    text-align: center
}

.mcc-article-preview .sg_article .sg_CsmCard_5Iuoi {
    background: #fff;
    border: 1px solid hsla(0,0%,7%,.06);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.08);
    color: inherit;
    display: flex;
    flex-flow: column;
    height: 100%;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 200px
}

.mcc-article-preview .sg_article .sg_Thumbnail_2aRly img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    top: 0;
    width: 100%
}

.mcc-article-preview .sg_article .sg_Thumbnail_2aRly {
    overflow: hidden;
    position: relative
}

.mcc-article-preview .sg_article .sg_CsmCard__image_i10-u {
    flex: 0 0 auto;
    height: 150px;
    margin: 8px auto 15px
}

.mcc-article-preview .sg_article .sg_g-subtitle3 {
    align-items: center;
    color: hsla(0,0%,7%,.8);
    display: flex;
    font-size: .91429rem;
    margin-bottom: 0!important
}

.mcc-article-preview .sg_article .sg_g-subtitle4 {
    align-items: center;
    color: hsla(0,0%,7%,.54);
    display: flex;
    font-size: .91429rem;
    margin: 2px!important
}

.mcc-article-preview .sg_scroll-slider00__item .CsmCard_5Iuoi {
    width: 240px
}

.mcc-article-preview .sg_scroll-slider00 ul.sg_scroll-slider00__list {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 14px;
    padding-left: 0
}

.mcc-article-preview .sg_scroll-slider00__item .sg_CsmCard_5Iuoi {
    width: 240px
}

.mcc-article-preview .sg_all_btn {
    border-radius: 20px;
    margin-bottom: 2em;
    padding: 2em;
    text-align: center
}

.mcc-article-preview .sg_all_btn p {
    font-size: .9em;
    font-weight: 700;
    margin-bottom: .5em
}

@media screen and (max-width: 599px) {
    .mcc-article-preview .sg_all_btn {
        padding:1.4em 1em
    }

    .mcc-article-preview .sg_all_btn p {
        font-size: 3.6vw
    }
}

.mcc-article-preview .sg_all_btn {
    background-color: #fff!important;
    color: #333
}

.mcc-article-preview .sg_all_btn .sg_button {
    background: #d74190;
    color: #fff
}

.mcc-article-preview .sg_article .sg_p-postListWrap {
    margin: 10% auto 0;
    width: 100%
}

.mcc-article-preview .sg_p-postListWrap ul.sg_p-postList {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    margin-left: -.5em;
    margin-right: -.5em;
    padding-left: 0
}

.mcc-article-preview .sg_p-postList li.sg_p-postItem {
    line-height: 1.5;
    margin: .25em 0 2.5em;
    padding: 0 .5em;
    position: relative;
    width: 100%
}

.mcc-article-preview .img {
    width: 100%
}

.mcc-article-preview .sg_p-postItem figure {
    margin-bottom: 0!important;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

.mcc-article-preview .sg_p-postItem img {
    height: 100%!important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%!important
}

.mcc-article-preview .sg_p-postItem .sg_p-postList__body {
    padding-top: 1em
}

.mcc-article-preview .sg_p-postItem .sg_p-postList__title {
    border: none;
    color: #333;
    display: block;
    font-size: 3.8vw;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    padding: 0
}

.mcc-article-preview .sg_article .sg_p-postListWrap h2.cosme__ttl {
    border: none;
    margin: 4em 0 2em!important;
    padding: 0;
    text-align: center
}

@media (min-width: 600px) {
    .mcc-article-preview .sg_p-postList li.sg_p-postItem {
        width:47%
    }

    .mcc-article-preview .sg_p-postItem .sg_p-postList__title {
        font-size: 16px
    }
}

@media (min-width: 1020px) {
    .mcc-article-preview .sg_article .sg_p-postListWrap {
        margin:5% auto 0;
        width: 880px
    }

    .mcc-article-preview .sg_p-postList li.sg_p-postItem {
        width: 33.33333%
    }
}

.mcc-article-preview .sg_featured-brands {
    border: 4px solid #f0f0f0
}

.mcc-article-preview .sg_featured-brands .sg_flex-container {
    align-items: center
}

.mcc-article-preview .sg_button.ranking {
    background-color: #000;
    color: #fff
}

.mcc-article-preview .sg_footerfixed {
    background-color: #f7f062;
    border-top: 3px solid #000;
    bottom: 0;
    box-shadow: 0 0 5px #aaa;
    left: 0!important;
    position: fixed;
    width: 100%;
    z-index: 59
}

.mcc-article-preview .sg_footerfixed-inner {
    align-items: center;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
    margin: 0 auto!important;
    max-width: 880px
}

.mcc-article-preview .sg_footerfixed-inner img {
    background: #fff;
    display: block;
    height: auto;
    padding: 1%;
    width: 12%
}

.mcc-article-preview .sg_footerfixed-inner p {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.5em;
    width: 50%
}

.mcc-article-preview .sg_footerfixed a {
    align-self: stretch;
    background-color: #d84190;
    border-radius: 5px;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 1.2em;
    font-weight: 700;
    justify-content: center;
    margin: 12.5px 0;
    padding: .5em;
    text-align: center;
    width: 32.5%
}

@media screen and (max-width: 768px) {
    .mcc-article-preview .sg_footerfixed-inner img {
        background:#fff;
        padding: 1%;
        width: 17%
    }

    .mcc-article-preview .sg_footerfixed-inner p {
        font-size: .65em
    }

    .mcc-article-preview .sg_footerfixed a {
        font-size: .7em;
        margin: 5px 5px 5px 2.5px;
        width: 28%
    }
}

.mcc-article-preview .sg_c-cards01__list:has(.sg_c-card01__item) {
    margin-inline:auto;max-width: 760px
}

.mcc-article-preview .sg_c-card01__item+.sg_c-card01__item {
    margin-top: 1.42857rem
}

.mcc-article-preview .sg_c-card01__link {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mcc-article-preview .sg_c-card01__link .sg_c-card01__img {
    width: 30%
}

.mcc-article-preview .sg_c-card01__body {
    margin-left: 1em;
    width: calc(70% - 1em)
}

.mcc-article-preview .sg_c-card01__body .sg_c-card01__title {
    border: none;
    color: #333;
    display: block;
    font-size: 3.4vw;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    padding: 0
}

@media (min-width: 600px) {
    .mcc-article-preview .sg_c-cards01__list .sg_c-card01__item {
        padding:24px!important
    }

    .mcc-article-preview .sg_c-card01__link .sg_c-card01__img {
        width: 21%
    }

    .mcc-article-preview .sg_c-card01__body .sg_c-card01__title {
        font-size: 15px
    }

    .mcc-article-preview .sg_c-card01__body {
        width: calc(79% - 1em)
    }
}

@media (min-width: 1000px) {
    .mcc-article-preview .sg_c-card01__item+.sg_c-card01__item {
        margin-top:2.14286rem
    }
}

@media screen and (max-width: 768px) {
    .mcc-article-preview .sg_c-card01__body .sg_c-card01__title {
        -webkit-box-orient:vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.mcc-article-preview .sg_c-cards01__list {
    max-width: unset!important
}

.mcc-article-preview .sg_c-card01__item {
    border: 1px solid;
    border-radius: .5em!important;
    margin-top: 4em!important;
    position: relative
}

.mcc-article-preview .sg_c-card01__item:before {
    background-color: #f0f0f0;
    border: 1px solid;
    border-bottom: 1px solid #fff;
    border-radius: 5px 5px 0 0;
    content: "こちらの記事もチェック";
    font-size: .75em;
    font-weight: 700;
    left: .75em;
    padding: .25em 1em;
    position: absolute;
    top: -2.38em
}

.mcc-article-preview .sg_c-cards01__list .sg_c-card01__item {
    background-color: #fff;
    border-radius: .5em!important;
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.08)
}

.mcc-article-preview .sg_c-card01__item {
    padding: 16px!important
}

.mcc-article-preview .sg_matsucoco-B {
    border: 4px solid #f0f0f0;
    overflow: hidden;
    padding: 3.2rem 0;
    position: relative
}

.mcc-article-preview .sg_matsucoco-B .sg_flex-container,.mcc-article-preview .sg_matsucoco-B .sg_title-wrap {
    padding: 0 3.2rem
}

.mcc-article-preview .sg_matsucoco-B .sg_contents-wrap {
    margin-bottom: 3.2rem;
    position: relative;
    width: 100%
}

.mcc-article-preview .sg_matsucoco-B .sg_contents-wrap .sg_img-person {
    bottom: 0;
    height: 100%;
    left: 1%;
    position: absolute;
    width: 43%;
    z-index: 2
}

.mcc-article-preview .sg_matsucoco-B .sg_contents-wrap .sg_img-person figure {
    align-items: flex-end;
    display: flex;
    height: 100%
}

.mcc-article-preview .sg_matsucoco-B .sg_contents-wrap .sg_img-person figure img {
    max-height: 100%;
    object-fit: contain
}

.mcc-article-preview .sg_matsucoco-B .sg_contents-wrap .sg_contents {
    padding: 1rem 3.2rem 1rem 45%;
    position: relative;
    z-index: 1
}

.mcc-article-preview .sg_matsucoco-B .sg_contents-wrap .sg_contents .sg_catchphrase {
    font-size: clamp(20px,4.7vw,42px);
    font-weight: 700;
    line-height: 1.25
}

.mcc-article-preview .sg_matsucoco-B .sg_contents p {
    font-size: clamp(6px,1.65vw,16px);
    line-height: 1.5
}

.mcc-article-preview .sg_matsucoco-B.bg-pattern02 .sg_contents-wrap .sg_contents:nth-of-type(3):before,.mcc-article-preview .sg_matsucoco-B.bg-pattern02 .sg_contents-wrap .sg_contents:nth-of-type(5):before {
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.mcc-article-preview .sg_matsucoco-B.bg-pattern02 .sg_contents-wrap .sg_contents:nth-of-type(3):after,.mcc-article-preview .sg_matsucoco-B.bg-pattern02 .sg_contents-wrap .sg_contents:nth-of-type(5):after {
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 20%
}

.mcc-article-preview .sg_matsucoco-B.bg-pattern02 .sg_contents-wrap .sg_contents:nth-of-type(4):after,.mcc-article-preview .sg_matsucoco-B.bg-pattern02 .sg_contents-wrap .sg_contents:nth-of-type(6):after {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 20%
}

@media screen and (max-width: 768px) {
    .mcc-article-preview .sg_matsucoco-B.bg-pattern02 .sg_contents-wrap .sg_contents:nth-of-type(3):after,.mcc-article-preview .sg_matsucoco-B.bg-pattern02 .sg_contents-wrap .sg_contents:nth-of-type(3):before,.mcc-article-preview .sg_matsucoco-B.bg-pattern02 .sg_contents-wrap .sg_contents:nth-of-type(5):after,.mcc-article-preview .sg_matsucoco-B.bg-pattern02 .sg_contents-wrap .sg_contents:nth-of-type(5):before {
        height:100%
    }
}

.mcc-article-preview .sg_sp-only {
    display: none
}

@media (max-width: 768px) {
    .mcc-article-preview .sg_matsucoco-B {
        padding-bottom:4vw;
        padding-top: 3vw
    }

    .mcc-article-preview .sg_matsucoco-B .sg_title-wrap {
        padding: 0 3vw
    }

    .mcc-article-preview .sg_matsucoco-B .sg_flex-container {
        padding: 0 4vw
    }

    .mcc-article-preview .sg_matsucoco-B .sg_contents-wrap {
        margin-bottom: 4vw
    }

    .mcc-article-preview .sg_matsucoco-B .sg_contents p {
        font-size: 16px
    }

    .mcc-article-preview .sg_pc-only {
        display: none
    }

    .mcc-article-preview .sg_sp-only {
        display: block
    }
}

@media screen and (max-width: 599px) {
    .mcc-article-preview .sg_matsucoco-B h3 {
        font-size:3.9vw;
        padding-left: 3vw
    }

    .mcc-article-preview .sg_matsucoco-B .sg_contents p {
        font-size: 3vw
    }

    .mcc-article-preview .sg_matsucoco-B .sg_contents-wrap .sg_contents {
        padding: .5rem 4vw .5rem 40%
    }
}

.mcc-article-preview .sg_matsucoco-B.skincare .sg_contents-wrap .sg_contents:nth-of-type(3),.mcc-article-preview .sg_matsucoco-B.skincare .sg_contents-wrap .sg_contents:nth-of-type(5) {
    background: #e5816d;
    color: #0b2042
}

.mcc-article-preview .sg_matsucoco-B.skincare .sg_contents-wrap .sg_contents:nth-of-type(4),.mcc-article-preview .sg_matsucoco-B.skincare .sg_contents-wrap .sg_contents:nth-of-type(6) {
    background: #0b2042;
    color: #fff
}

@media screen and (max-width: 599px) {
    .mcc-article-preview .sg_matsucoco-B.skincare .sg_contents-wrap .sg_img-person {
        left:-4%
    }
}

.mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_img-person {
    left: 6%;
    width: 33%
}

.mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_contents:nth-of-type(3):before,.mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_contents:nth-of-type(5):before {
    background: #7ea7da
}

.mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_contents:nth-of-type(4),.mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_contents:nth-of-type(6) {
    background: #7ea7da;
    color: #fff
}

.mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_contents:nth-of-type(3):after,.mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_contents:nth-of-type(4):after,.mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_contents:nth-of-type(5):after,.mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_contents:nth-of-type(6):after {
    background: #f1b9cc
}

@media screen and (max-width: 768px) {
    .mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_contents:nth-of-type(3),.mcc-article-preview .sg_matsucoco-B.haircare .sg_contents-wrap .sg_contents:nth-of-type(5) {
        color:#fff
    }
}

.mcc-article-preview .sg_matsucoco-B.makeup .sg_contents-wrap .sg_contents:nth-of-type(3):before,.mcc-article-preview .sg_matsucoco-B.makeup .sg_contents-wrap .sg_contents:nth-of-type(5):before {
    background: #ae9adb
}

.mcc-article-preview .sg_matsucoco-B.makeup .sg_contents-wrap .sg_contents:nth-of-type(4),.mcc-article-preview .sg_matsucoco-B.makeup .sg_contents-wrap .sg_contents:nth-of-type(6) {
    background: #ae9adb;
    color: #fff
}

.mcc-article-preview .sg_matsucoco-B.makeup .sg_contents-wrap .sg_contents:nth-of-type(3):after,.mcc-article-preview .sg_matsucoco-B.makeup .sg_contents-wrap .sg_contents:nth-of-type(4):after,.mcc-article-preview .sg_matsucoco-B.makeup .sg_contents-wrap .sg_contents:nth-of-type(5):after,.mcc-article-preview .sg_matsucoco-B.makeup .sg_contents-wrap .sg_contents:nth-of-type(6):after {
    background: #1cb2a5
}

@media screen and (max-width: 768px) {
    .mcc-article-preview .sg_matsucoco-B.makeup .sg_contents-wrap .sg_contents:nth-of-type(4),.mcc-article-preview .sg_matsucoco-B.makeup .sg_contents-wrap .sg_contents:nth-of-type(6) {
        color:inherit
    }
}

.mcc-article-preview .sg_footerfixed.matsucoco-B {
    border: none
}

.mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-img {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 13%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-img img {
    background: none
}

.mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-img img:first-of-type {
    width: 90%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-img img:last-of-type {
    width: 70%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-text {
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
    width: 87%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-text p {
    color: #fff;
    width: auto
}

.mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-text a {
    align-self: auto;
    margin: 0;
    width: auto
}

@media screen and (max-width: 768px) {
    .mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-text {
        padding:0 2vw
    }

    .mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-text a,.mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-text p {
        font-size: inherit
    }
}

@media screen and (max-width: 599px) {
    .mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-img {
        width:18%
    }

    .mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-text {
        width: 82%
    }

    .mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-text a,.mcc-article-preview .sg_footerfixed.matsucoco-B .sg_footerfixed-text p {
        font-size: 4vw
    }
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.haircare {
    background: #7ea7da
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.haircare .sg_footerfixed-img {
    background: #f1b9cc
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.skincare {
    background: #0b2042
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.skincare .sg_footerfixed-img {
    background: #e5816d
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.skincare .sg_footerfixed-img img:last-of-type {
    width: 80%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.makeup {
    background: #ae9adb
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.makeup .sg_footerfixed-img {
    background: #1cb2a5
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.makeup .sg_footerfixed-img img:last-of-type {
    width: 85%
}

.mcc-article-preview .sg_matsucoco-B .sg_button {
    font-weight: 700
}

@media (max-width: 768px) {
    .mcc-article-preview .sg_matsucoco-B .sg_title-wrap {
        padding:0 2.5vw
    }
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.attention {
    background: #f1b9cc
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-img {
    background: #6778b7
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-img img {
    padding: 0;
    width: 100%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-text {
    align-items: center;
    padding: 0 .8%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-text p {
    color: #000
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-text a {
    background: linear-gradient(145deg,#0a1c3e,#0d224f);
    border: 2px solid #081838;
    position: relative
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-text a:before {
    background: #6777b6;
    border-radius: 0 0 5px 5px;
    bottom: -5px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-flex {
    display: flex;
    justify-content: space-between;
    width: 69%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-flex img {
    background: none;
    object-fit: contain;
    width: 37.5%
}

.mcc-article-preview .sg_footerfixed-fukidashi {
    background-color: #04224d;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: 700!important;
    line-height: 1.5;
    padding: 5px 20px!important;
    position: absolute;
    text-align: left;
    top: -40%
}

.mcc-article-preview .sg_footerfixed-fukidashi:after {
    border-color: #04224d transparent transparent;
    border-style: solid;
    border-width: 20px 20px 0 0;
    bottom: 0;
    content: "";
    left: 25%;
    position: absolute;
    translate: calc(-50% - .4px) 100%
}

@media screen and (max-width: 768px) {
    .mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-flex {
        flex-direction:column;
        width: auto
    }

    .mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-flex img {
        padding: 2% 0;
        width: 35vw
    }

    .mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-text {
        padding: 0 3%
    }

    .mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-text p {
        font-size: 3vw
    }

    .mcc-article-preview .sg_footerfixed.matsucoco-B.attention .sg_footerfixed-text a {
        font-size: 3.5vw;
        margin-left: 10px!important
    }

    .mcc-article-preview .sg_footerfixed-fukidashi {
        font-size: 3.5vw;
        left: 2%;
        top: -60%
    }

    .mcc-article-preview .sg_footerfixed-fukidashi:after {
        left: 15%
    }
}

.mcc-article-preview .sg_button_matching {
    background-color: #fff;
    border: 2px solid #d74190;
    color: #d74190;
    font-weight: 700;
    margin: 3% 0 0
}

@media screen and (max-width: 768px) {
    .mcc-article-preview .sg_button_matching {
        margin:5% 0 0
    }

    .mcc-article-preview .p-footer__pagetop_btn {
        margin-bottom: 20vw!important
    }
}

.mcc-article-preview .youtube_area {
    aspect-ratio: 16/9;
    width: 100%
}

.mcc-article-preview .youtube_area iframe {
    height: 100%;
    width: 100%
}

.mcc-article-preview .sg_matsucoco-B.LIPS .sg_contents-wrap .sg_contents .sg_catchphrase {
    font-size: clamp(16px,3.6vw,35px)
}

.mcc-article-preview .sg_matsucoco-B.LIPS:before {
    background-image: url(https://www.matsukiyococokara-online.com/img/useful-info/97247f4c15c4bf9bf519d29d043cf5a5.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 65%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mcc-article-preview .sg_matsucoco-B.LIPS .sg_contents-wrap .sg_contents:nth-of-type(5),.mcc-article-preview .sg_matsucoco-B.LIPS .sg_contents-wrap .sg_contents:nth-of-type(7) {
    background: #f96b93;
    color: #fff
}

@media screen and (max-width: 768px) {
    .mcc-article-preview .sg_matsucoco-B.LIPS:before {
        background-image:url(https://www.matsukiyococokara-online.com/img/useful-info/4aa1ea7c8d416cc322261293a1527b4d.jpg);
        height: 37%
    }

    .mcc-article-preview .sg_matsucoco-B.LIPS .sg_contents-wrap .sg_contents {
        padding-left: 35%
    }

    .mcc-article-preview .sg_matsucoco-B.LIPS .sg_contents-wrap .sg_contents:nth-of-type(6) {
        background-color: rgba(249,107,147,.5)
    }

    .mcc-article-preview .sg_matsucoco-B.LIPS .sg_contents-wrap .sg_img-person {
        left: 0;
        width: 34%
    }
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.LIPS {
    background: #fb90b2
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.LIPS .sg_footerfixed-text p {
    color: #fff;
    display: block!important;
    width: 63%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.LIPS .sg_footerfixed-img {
    background-image: url(https://www.matsukiyococokara-online.com/img/useful-info/a82d0bb1ae016ea7e353a63e15df2ba2.png);
    background-size: cover
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.LIPS .sg_footerfixed-img img:first-of-type {
    padding: 5% 0 1%;
    width: 63%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.LIPS .sg_footerfixed-img img:last-of-type {
    width: 65%
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.LIPS a {
    background: #c5528d;
    border: none
}

.mcc-article-preview .sg_footerfixed.matsucoco-B.LIPS a:before {
    display: none
}

@media screen and (max-width: 599px) {
    .mcc-article-preview .sg_footerfixed.matsucoco-B.LIPS .sg_footerfixed-text p {
        font-size:3.8vw;
        width: auto
    }
}

.mcc-article-preview .p-productlist__box.is_displayformat-box .p-productlist__box_item--tag {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 0
}

.mcc-article-preview .p-productlist__box.is_displayformat-box .p-productlist__box_item--img {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 0
}

.mcc-article-preview .p-productlist__box_item--tit {
    height: 10vh;
    max-height: 55px
}

.mcc-article-preview .p-productlist__slide .p-productlist__box_item--tit big {
    line-height: 1.5
}

.mcc-article-preview .p-productlist__box_item--tit p big {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.6
}

@media screen and (min-width: 768px) {
    .mcc-article-preview .p-productlist__box_item--tit p big {
        font-size:1.1428571429em
    }

    .mcc-article-preview .p-productlist__box_item--prc p big {
        font-size: 1.2857142857em
    }
}

.mcc-article-preview .p-productlist__box_item--prc p big {
    font-size: 1.2857142857em;
    font-weight: 700;
    line-height: 1.6
}

.mcc-article-preview .p-taglist__box_item big {
    padding: 5px 0
}

@media screen and (min-width: 768px) {
    .mcc-article-preview .p-productlist__slide {
        overflow:hidden
    }
}

.mcc-article-preview .swiper {
    margin-bottom: 5.1282051282vw;
    position: relative
}

.mcc-article-preview .swiper-hidden {
    overflow: hidden
}

.mcc-article-preview .swiper-wrapper {
    height: auto;
    width: 100%
}

.mcc-article-preview .swiper-slide {
    height: auto
}

.mcc-article-preview .swiper-slide>* {
    height: 100%
}

.mcc-article-preview .swiper-button-next,.mcc-article-preview .swiper-button-prev,.mcc-article-preview .swiper-tophero-button-next,.mcc-article-preview .swiper-tophero-button-prev {
    background: #fff;
    border-radius: 10.2564102564vw;
    -webkit-box-shadow: 0 0 .3em rgba(0,0,0,.5);
    box-shadow: 0 0 .3em rgba(0,0,0,.5);
    height: 10.2564102564vw;
    width: 10.2564102564vw;
    z-index: 1
}

.mcc-article-preview .swiper-button-next.is_bgc-pnk,.mcc-article-preview .swiper-button-prev.is_bgc-pnk,.mcc-article-preview .swiper-tophero-button-next.is_bgc-pnk,.mcc-article-preview .swiper-tophero-button-prev.is_bgc-pnk {
    background: #d84190
}

.mcc-article-preview .swiper-button-prev,.mcc-article-preview .swiper-tophero-button-prev {
    left: -2.5641vw
}

.mcc-article-preview .swiper-button-next,.mcc-article-preview .swiper-tophero-button-next {
    right: -2.5641vw
}

.mcc-article-preview .swiper-button-next:after,.mcc-article-preview .swiper-button-prev:after,.mcc-article-preview .swiper-tophero-button-next:after,.mcc-article-preview .swiper-tophero-button-prev:after {
    display: none
}

.mcc-article-preview .swiper-button-next:before,.mcc-article-preview .swiper-button-prev:before,.mcc-article-preview .swiper-tophero-button-next:before,.mcc-article-preview .swiper-tophero-button-prev:before {
    content: "";
    display: inline-block;
    height: 6.1538461538vw;
    width: 3.0769230769vw
}

.mcc-article-preview .swiper-button-prev:before,.mcc-article-preview .swiper-tophero-button-prev:before {
    background: url(https://www.matsukiyococokara-online.com/asset/img/common/ic_angle01_left01_pnk01_img01.svg) no-repeat 50% 50%;
    background-size: contain
}

.mcc-article-preview .swiper-button-next:before,.mcc-article-preview .swiper-tophero-button-next:before {
    background: url(https://www.matsukiyococokara-online.com/asset/img/common/ic_angle01_right01_pnk01_img01.svg) no-repeat 50% 50%;
    background-size: contain
}

.mcc-article-preview .swiper-button-prev.is_bgc-pnk:before,.mcc-article-preview .swiper-tophero-button-prev.is_bgc-pnk:before {
    background: url(https://www.matsukiyococokara-online.com/asset/img/common/ic_angle01_left01_wht01_img01.svg) no-repeat 50% 50%;
    background-size: contain
}

.mcc-article-preview .swiper-button-next.is_bgc-pnk:before,.mcc-article-preview .swiper-tophero-button-next.is_bgc-pnk:before {
    background: url(https://www.matsukiyococokara-online.com/asset/img/common/ic_angle01_right01_wht01_img01.svg) no-repeat 50% 50%;
    background-size: contain
}

.mcc-article-preview .swiper-container-horizontal>.swiper-pagination-bullets,.mcc-article-preview .swiper-pagination-custom,.mcc-article-preview .swiper-pagination-fraction {
    bottom: -10.2564102564vw
}

.mcc-article-preview .swiper-container-horizontal>.swiper-scrollbar {
    bottom: -5.1282051282vw;
    left: 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    .mcc-article-preview .swiper {
        margin-bottom:50px
    }

    .mcc-article-preview .swiper-wrapper {
        height: auto;
        width: 100%
    }

    .mcc-article-preview .swiper-button-next,.mcc-article-preview .swiper-button-prev,.mcc-article-preview .swiper-tophero-button-next,.mcc-article-preview .swiper-tophero-button-prev {
        border-radius: 40px;
        height: 40px!important;
        width: 40px!important
    }

    .mcc-article-preview .swiper-button-prev,.mcc-article-preview .swiper-tophero-button-prev {
        left: -20px
    }

    .mcc-article-preview .swiper-button-next,.mcc-article-preview .swiper-tophero-button-next {
        right: -20px
    }

    .mcc-article-preview .swiper-button-next:after,.mcc-article-preview .swiper-button-prev:after,.mcc-article-preview .swiper-tophero-button-next:after,.mcc-article-preview .swiper-tophero-button-prev:after {
        display: none
    }

    .mcc-article-preview .swiper-button-next:before,.mcc-article-preview .swiper-button-prev:before,.mcc-article-preview .swiper-tophero-button-next:before,.mcc-article-preview .swiper-tophero-button-prev:before {
        height: 24px;
        width: 12px
    }

    .mcc-article-preview .swiper-container-horizontal>.swiper-pagination-bullets,.mcc-article-preview .swiper-pagination-custom,.mcc-article-preview .swiper-pagination-fraction {
        bottom: -40px
    }

    .mcc-article-preview .swiper-container-horizontal>.swiper-scrollbar {
        bottom: -20px;
        bottom: 0
    }
}

.mcc-article-preview .swiper-button-prev.is_sw-pc.is_bgc-pnk {
    left: 5px
}

.mcc-article-preview .swiper-button-next.is_sw-pc.is_bgc-pnk {
    right: 5px
}

.mcc-article-preview .sg_article .sg_slider .p-taglist__box ul {
    padding: 0
}

.mcc-article-preview .sg_article .sg_slider .p-taglist__box ul li {
    margin: 0
}

.mcc-article-preview .sg_article .sg_slider .p-productlist__box_item--img-picture {
    height: 160px;
    margin: 5.1282051282vw auto;
    width: 160px
}

.mcc-article-preview .p-productlist__box_item--tit p {
    font-size: 14px!important
}

.mcc-article-preview .p-productlist__box_item--tit p big {
    font-size: 1.1em!important;
    line-height: 1.5!important
}

@media screen and (min-width: 768px) {
    .mcc-article-preview .sg_article .sg_slider .p-productlist__box_item--img-picture {
        margin:20px auto!important
    }
}

.mcc-article-preview .sg_post_content .sg_balloon-body.reverse {
    padding: 8px 24px 8px 0
}

.mcc-article-preview .sg_post_content .sg_balloon-body.reverse .sg_balloon-text:before {
    left: auto;
    right: -8px;
    transform: rotate(180deg)
}

.mcc-article-preview .sg_post_content .sg_balloon-body.reverse .sg_balloon-text:after {
    left: auto;
    right: -10px;
    transform: rotate(180deg)
}

@media screen and (max-width: 599px) {
    .mcc-article-preview strong {
        font-size:4.3vw
    }
}

.mcc-article-preview .sg_upContent {
    background: #f7f7f7;
    color: #595959;
    margin-top: 2em;
    padding: 1.5em 1.5em 2.5em;
    position: relative
}

.mcc-article-preview .sg_upContent:after {
    background: linear-gradient(180deg,hsla(0,0%,97%,0),hsla(0,0%,97%,.9) 50%,hsla(0,0%,97%,.9) 0,#f7f7f7);
    bottom: 0;
    content: "";
    display: block;
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%
}

.mcc-article-preview .sg_upContent:has(:checked):after {
    content: none
}

.mcc-article-preview .sg_upContent .sg_upContent__ttl {
    border-bottom: 1px solid #e7e7e7;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 12px
}

.mcc-article-preview .sg_upContent .sg_upContent__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0;
    margin-top: 1em;
    max-height: 100px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: max-height 1s
}

.mcc-article-preview .sg_upContent:has(:checked) .sg_upContent__list {
    max-height: 100vh
}

.mcc-article-preview .sg_upContent .sg_upContent__list .sg_upContent__item {
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    margin-bottom: 0;
    padding-bottom: 18px
}

.mcc-article-preview .sg_upContent .sg_upContent__list .sg_upContent__item .sg_upContent__date {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px
}

.mcc-article-preview .sg_upContent .sg_upContent__list .sg_upContent__item>p {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0
}

.mcc-article-preview .sg_upContent .sg_upContent__list .sg_upContent__item a {
    color: #595959;
    font-size: inherit;
    font-weight: 700;
    text-decoration: underline
}

.mcc-article-preview .sg_upContent .sg_upContent__list .sg_upContent__item ul {
    padding-left: 2rem
}

.mcc-article-preview .sg_upContent .sg_upContent__list .sg_upContent__item ul li {
    padding-left: 1.7rem;
    position: relative
}

.mcc-article-preview .sg_upContent .sg_upContent__list .sg_upContent__item ul li:before {
    content: "┗";
    left: 0;
    position: absolute;
    top: 0
}

.mcc-article-preview .sg_upContent .sg_upContent__list .sg_upContent__item ul li a {
    font-size: 12px
}

.mcc-article-preview .sg_upContent label {
    align-items: center;
    bottom: 10px;
    color: #999;
    display: flex;
    font-size: .8em;
    gap: 0 10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.mcc-article-preview .sg_upContent label:hover {
    cursor: pointer
}

.mcc-article-preview .sg_upContent label:before {
    content: "全部見る"
}

.mcc-article-preview .sg_upContent:has(:checked) label:before {
    content: "閉じる"
}

.mcc-article-preview .sg_upContent label:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: inline-block;
    height: 5px;
    position: relative;
    top: -1px;
    transform: rotate(45deg);
    width: 5px
}

.mcc-article-preview .sg_upContent:has(:checked) label:after {
    top: 1px;
    transform: rotate(-135deg)
}

.mcc-article-preview .sg_upContent input {
    display: none
}

.MediaList__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.MediaList__item {
    width: calc(20% - .8px)
}

@media (max-width: 834px) {
    .MediaList__item {
        width:calc(33.33333% - .66667px)
    }
}

.MediaList__link {
    text-decoration: none
}

.MediaList__thumb {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%
}

.MediaList__figcaption {
    display: none
}

#login-modal-main {
    background-color: var(--background-elevation-low);
    border-radius: 10px;
    color: var(--object-secondary);
    display: none;
    height: 200px;
    margin: 0;
    padding: 30px 20px 20px;
    position: fixed;
    width: 320px;
    z-index: 10010
}

#login-modal-main p {
    text-align: center
}

#login-modal-main .login-modal-link {
    border-top: 1px solid var(--object-secondary);
    color: var(--object-main);
    display: block;
    height: 45px;
    left: 0;
    line-height: 45px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 100%
}

#login-modal-main .login-modal-link:hover {
    background-color: var(--background-elevation-low);
    background-color: color-mix(in srgb,var(--background-elevation-low),#000 5%);
    opacity: .8
}

#login-modal-main .login-modal-link.registration-link {
    bottom: 45px
}

#login-modal-main .login-modal-link.login-link {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    bottom: 0
}

#modal-bg {
    background-color: rgba(0,0,0,.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}

.backnumber {
    padding: 32px 0 0
}

.backnumber .backnumber__list {
    background-color: #f8f8f8;
    display: grid;
    gap: 24px;
    max-width: 712px;
    padding: 0 0 32px;
    text-align: center
}

.backnumber__year {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .backnumber__year {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 400;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.backnumber__item {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    color: var(--object-secondary);
    display: flex;
    font-size: 14px;
    height: 56px;
    max-width: 95%;
    padding: 12px 12px 12px 24px;
    position: relative
}

.backnumber__item:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    margin: 0 auto;
    position: absolute;
    right: 16px;
    top: 15px;
    width: 20px
}

.backnumber-image {
    max-width: 100%
}

.backnumber__spacer-largelist {
    height: 32px
}

.monthlyTrendAwards {
    align-items: center;
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
    font-family: Hiragino Sans;
    margin: 0 auto
}

.monthlyTrendAwards .main {
    margin: 0 auto;
    max-width: 712px
}

.monthlyTrendAwards__description {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    padding: 20px;
    text-align: center;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .monthlyTrendAwards__description {
        color:var(--object-main);
        font-size: auto;
        font-weight: 400;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.monthlyTrendAwards__image {
    max-width: 100%
}

.monthlyTrendAwards__trendAward {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .monthlyTrendAwards__trendAward {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.monthlyTrendAwards__backnumber {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    padding-top: 32px;
    text-align: center
}

@media (max-width: 834px) {
    .monthlyTrendAwards__backnumber {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.recentTrendAward {
    background-color: #fff;
    font-family: Hiragino Sans;
    margin-top: 0
}

.recentTrendAward__title {
    color: #000;
    font-size: 24px;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .recentTrendAward__title {
        font-size:16px
    }
}

.recentTrendAward__image {
    display: block;
    height: auto;
    max-width: 100%;
    padding: 5%
}

.NailDesignsCategoriesLinks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.NailDesignsCategoriesLinks__link {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.NailDesignsCategoriesLinks__link:hover {
    opacity: .8
}

.NailDesignsCategoriesLinks__link:active,.NailDesignsCategoriesLinks__link:focus,.NailDesignsCategoriesLinks__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .NailDesignsCategoriesShow {
        background:var(--background-elevation-low)
    }

    .NailDesignsCategoriesShow .lips-pagination {
        border-bottom: 1px solid var(--border-separation);
        padding: 0
    }
}

.NailDesignsCategoriesShow__main {
    background: var(--background-elevation-high)
}

.NailDesignsCategoriesShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .NailDesignsCategoriesShow__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        padding: 24px 16px 0;
        text-align: center
    }
}

.NailDesignsCategoriesShow__sub-text {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px
}

@media (max-width: 834px) {
    .NailDesignsCategoriesShow__sub-text {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin-top: 12px;
        padding: 0 16px
    }
}

.NailDesignsCategoriesShow__nail_designs {
    display: grid;
    gap: 0 12px;
    grid-template-columns: repeat(2,1fr);
    list-style-type: none;
    margin: 48px 0 0;
    padding: 0
}

@media (max-width: 834px) {
    .NailDesignsCategoriesShow__nail_designs {
        grid-template-columns:repeat(1,1fr);
        margin: 16px 0 24px
    }
}

.NailDesignsCategoriesShow .lips-pagination {
    margin: 0
}

.NailDesignsCategoriesShow__popular {
    background: var(--background-elevation-high);
    margin: 48px 0
}

@media (max-width: 834px) {
    .NailDesignsCategoriesShow__popular {
        margin:16px 0;
        padding: .1px 0 24px
    }
}

.NailDesignsCategoriesShow__popular__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .NailDesignsCategoriesShow__popular__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.NailDesignsCategoriesShow__popular__list {
    display: grid;
    gap: 0 12px;
    grid-template-columns: repeat(2,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .NailDesignsCategoriesShow__popular__list {
        gap:0;
        grid-template-columns: repeat(1,1fr)
    }
}

.NailDesignsCategoriesShow__categories {
    background: var(--background-elevation-high);
    margin: 48px 0
}

@media (max-width: 834px) {
    .NailDesignsCategoriesShow__categories {
        margin:16px 0;
        padding: .1px 0 24px
    }
}

.NailDesignsCategoriesShow__categories__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .NailDesignsCategoriesShow__categories__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.NailDesignsCategoriesShow__categories__list {
    padding: 0 16px
}

@media (min-width: 835px) {
    .NailDesignsIndex {
        margin-bottom:60px
    }
}

@media (max-width: 834px) {
    .NailDesignsIndex .lips-pagination {
        border-bottom:1px solid var(--border-separation);
        border-top: 1px solid var(--border-separation);
        padding: 0
    }
}

.NailDesignsIndex__figureheader {
    background: var(--background-elevation-high)
}

@media (max-width: 834px) {
    .NailDesignsIndex__figureheader {
        padding:24px 16px
    }
}

.NailDesignsIndex__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .NailDesignsIndex__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        text-align: center
    }
}

.NailDesignsIndex__sub-text {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px
}

@media (max-width: 834px) {
    .NailDesignsIndex__sub-text {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin-top: 12px
    }
}

.NailDesignsIndex__goToCategory {
    background: var(--background-elevation-low);
    border-radius: 4px;
    margin: 32px 0 0;
    padding: 16px
}

@media (max-width: 834px) {
    .NailDesignsIndex__goToCategory {
        margin:0 16px;
        padding: 12px
    }
}

.NailDesignsIndex__goToCategory h2 {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .NailDesignsIndex__goToCategory h2 {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.NailDesignsIndex__goToCategory h2:before {
    background-color: var(--object-secondary);
    content: "";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/tag-c960271acdb7b8078294ce92a950aa595d57247604dd6b56226317da0a5894a3.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/tag-c960271acdb7b8078294ce92a950aa595d57247604dd6b56226317da0a5894a3.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

@media (max-width: 834px) {
    .NailDesignsIndex__goToCategory h2:before {
        height:20px;
        width: 20px
    }
}

.NailDesignsIndex__goToCategory ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.NailDesignsIndex__goToCategory li {
    align-items: center;
    display: flex
}

.NailDesignsIndex__goToCategory li:not(:first-child):before {
    border-left: 1px solid var(--object-tertiary);
    content: "";
    height: 12px;
    width: 12px
}

.NailDesignsIndex__goToCategory li a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.NailDesignsIndex__goToCategory li a,.NailDesignsIndex__goToCategory li a:active,.NailDesignsIndex__goToCategory li a:focus,.NailDesignsIndex__goToCategory li a:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

@media (max-width: 834px) {
    .NailDesignsIndex__goToCategory li a {
        color:var(--expressive-blue);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.NailDesignsIndex__section {
    margin: 60px 0
}

@media (max-width: 834px) {
    .NailDesignsIndex__section {
        margin:24px 0 48px
    }
}

.NailDesignsIndex__section h2 {
    align-items: center;
    color: var(--object-main);
    display: grid;
    font-family: Times New Roman,Times,serif;
    font-size: 32px;
    font-weight: 600;
    font-weight: 400;
    gap: 0 12px;
    grid-template-columns: 1fr auto 1fr;
    line-height: 150%;
    margin: 0;
    text-align: center;
    width: 100%
}

@media (max-width: 834px) {
    .NailDesignsIndex__section h2 {
        font-size:24px
    }
}

.NailDesignsIndex__section h2:before {
    grid-area: 1/1/3/2
}

.NailDesignsIndex__section h2:after,.NailDesignsIndex__section h2:before {
    border-bottom: 1px solid var(--object-main);
    border-top: 2px solid var(--object-main);
    content: "";
    height: 8px;
    width: 100%
}

.NailDesignsIndex__section h2:after {
    grid-area: 1/3/3/4
}

.NailDesignsIndex__section h2 span {
    color: var(--object-secondary);
    flex-direction: column;
    font-family: system-ui,sans-serif;
    font-size: 16px;
    font-weight: 400;
    grid-area: 2/2/3/3;
    line-height: 150%
}

@media (max-width: 834px) {
    .NailDesignsIndex__section h2 span {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.NailDesignsIndex__section-content {
    margin-top: 24px;
    text-align: center
}

@media (max-width: 834px) {
    .NailDesignsIndex__section-content {
        margin-top:16px
    }
}

.NailDesignsIndex__colors {
    display: flex;
    flex-wrap: wrap;
    text-align: center
}

@media (max-width: 834px) {
    .NailDesignsIndex__colors {
        gap:16px 12px;
        justify-content: space-between;
        padding: 0 24px
    }
}

.NailDesignsIndex__color {
    width: 89px
}

.NailDesignsIndex__color,.NailDesignsIndex__color:active,.NailDesignsIndex__color:focus,.NailDesignsIndex__color:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .NailDesignsIndex__color {
        width:64px
    }
}

.NailDesignsIndex__color-box {
    border: 2px solid var(--border-separation);
    border-radius: 64px;
    height: 64px;
    margin: 0 auto;
    width: 64px
}

.NailDesignsIndex__color-box[name="ホワイト"] {
    background: var(--background-elevation-high)
}

.NailDesignsIndex__color-box[name="ブラック"] {
    background: var(--object-main)
}

.NailDesignsIndex__color-box[name="ピンク"] {
    background: #df98a4
}

.NailDesignsIndex__color-box[name="ブラウン"] {
    background: #78685e
}

.NailDesignsIndex__color-box[name="ブルー"] {
    background: #6a92de
}

.NailDesignsIndex__color-box[name="ベージュ"] {
    background: #e1d5bd
}

.NailDesignsIndex__color-box[name="オレンジ"] {
    background: #ea9463
}

.NailDesignsIndex__color-box[name="パープル"] {
    background: #a597cc
}

.NailDesignsIndex__color-name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 4px
}

.NailDesignsIndex__nail-designs {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4,1fr)
}

@media (max-width: 834px) {
    .NailDesignsIndex__nail-designs {
        grid-template-columns:repeat(2,1fr);
        padding: 0 8px
    }
}

.NailDesignsIndex__nail-design {
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.NailDesignsIndex__nail-design img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%
}

.NailDesignsIndex__nail-design-name {
    background: linear-gradient(0deg,rgba(34,34,34,.7),rgba(34,34,34,0));
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    overflow: hidden;
    padding: 16px 8px 8px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.NailDesignsIndex__more-link {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 50px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    max-width: 380px;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.NailDesignsIndex__more-link:hover {
    opacity: .8
}

.NailDesignsIndex__more-link:active,.NailDesignsIndex__more-link:focus,.NailDesignsIndex__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.NailDesignsIndex__more-link:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

@media (max-width: 834px) {
    .NailDesignsIndex__more-link {
        margin:16px 16px 0;
        max-width: unset;
        width: calc(100% - 38px)
    }
}

.NailDesignsIndex__posts {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(5,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .NailDesignsIndex__posts {
        grid-template-columns:repeat(3,1fr)
    }
}

.NailDesignsIndex__popular-nail-designs {
    display: grid;
    gap: 0 12px;
    grid-template-columns: repeat(2,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .NailDesignsIndex__popular-nail-designs {
        gap:0;
        grid-template-columns: repeat(1,1fr)
    }
}

.NailDesignsIndex .PostMoviePickup {
    background: var(--background-elevation-high)
}

@media (max-width: 834px) {
    .NailDesignsIndex .PostMoviePickup__title {
        padding:0 16px
    }
}

.NailDesignsIndex .PostMoviePickup__movies:last-child {
    margin-bottom: 0
}

.NailDesign {
    min-width: 0
}

.NailDesign__rank {
    background: rgba(34,34,34,.6);
    border-radius: 0 0 4px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 28px;
    left: 0;
    line-height: 150%;
    line-height: 28px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 28px
}

.NailDesign__rank[name="1"] {
    background: rgba(255,185,6,.6)
}

.NailDesign__rank[name="2"] {
    background: hsla(0,0%,49%,.6)
}

.NailDesign__rank[name="3"] {
    background: rgba(165,108,40,.6)
}

.NailDesign a,.NailDesign a:active,.NailDesign a:focus,.NailDesign a:hover {
    color: var(--object-main);
    text-decoration: none
}

.NailDesign__thumbs {
    display: flex;
    gap: 0 1px;
    position: relative
}

.NailDesign__thumbs img {
    aspect-ratio: 1;
    min-width: 0;
    object-fit: cover;
    width: 100%
}

@media (min-width: 835px) {
    .NailDesign:nth-child(-n+2) .NailDesign__flex {
        padding:0 0 11px
    }
}

@media (max-width: 834px) {
    .NailDesign:first-child .NailDesign__flex {
        padding:8px 12px 11px
    }
}

.NailDesign__flex {
    align-items: center;
    display: flex;
    gap: 0 8px;
    justify-content: space-between;
    padding: 20px 0 11px
}

@media (max-width: 834px) {
    .NailDesign__flex {
        padding:20px 12px 11px
    }
}

.NailDesign__arrow {
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

@media (max-width: 834px) {
    .NailDesign__arrow {
        height:24px;
        width: 24px
    }
}

.NailDesign__info {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    gap: 0 8px;
    margin-top: 1px;
    min-width: 0
}

.NailDesign__hashtag {
    border: 1px solid var(--border-separation);
    border-radius: 40px;
    color: var(--object-main);
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 500;
    height: 28px;
    line-height: 150%;
    text-align: center;
    width: 28px
}

.NailDesign__name {
    color: var(--object-main);
    flex-shrink: 1;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis
}

.NailDesign__counts,.NailDesign__name {
    line-height: 150%;
    overflow: hidden;
    white-space: nowrap
}

.NailDesign__counts {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    color: var(--object-secondary);
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    overflow: unset
}

.NailDesignsPost {
    min-width: 0;
    position: relative
}

.NailDesignsPost>a {
    display: block
}

.NailDesignsPost__rank {
    background: rgba(34,34,34,.6);
    border-radius: 0 0 4px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 28px;
    left: 0;
    line-height: 150%;
    line-height: 28px;
    position: absolute;
    top: 0;
    width: 28px
}

.NailDesignsPost__rank[name="1"] {
    background: rgba(255,185,6,.6)
}

.NailDesignsPost__rank[name="2"] {
    background: hsla(0,0%,49%,.6)
}

.NailDesignsPost__rank[name="3"] {
    background: rgba(165,108,40,.6)
}

.NailDesignsPost__image {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%
}

@media (max-width: 834px) {
    .NailDesignsShow {
        background:var(--background-elevation-low)
    }

    .NailDesignsShow .lips-pagination {
        border-bottom: 1px solid var(--border-separation);
        border-top: 1px solid var(--border-separation);
        padding: 0
    }
}

.NailDesignsShow__title-area {
    background: var(--background-elevation-high);
    padding: 24px 0 20px
}

@media (max-width: 834px) {
    .NailDesignsShow__title-area {
        padding:16px 16px 20px
    }
}

.NailDesignsShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .NailDesignsShow__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 170%;
        margin: 0 0 12px
    }
}

.NailDesignsShow__abstract {
    margin-top: 16px
}

.NailDesignsShow__abstract p {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .NailDesignsShow__abstract p {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%;
        margin: 0 0 12px
    }
}

.NailDesignsShow__abstract b {
    background: linear-gradient(transparent 63.7%,#ffdde2 0);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%
}

@media (max-width: 834px) {
    .NailDesignsShow__abstract b {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 600;
        line-height: 170%
    }
}

.NailDesignsShow__abstract a,.NailDesignsShow__abstract a:active,.NailDesignsShow__abstract a:focus,.NailDesignsShow__abstract a:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.NailDesignsShow__abstract ul {
    border: 1px solid var(--object-main);
    list-style-type: none;
    margin: 32px 0;
    padding: 16px 24px
}

@media (max-width: 834px) {
    .NailDesignsShow__abstract ul {
        margin:28px 16px;
        margin: 28px 0;
        padding: 16px
    }
}

.NailDesignsShow__abstract ul li {
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .NailDesignsShow__abstract ul li {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.NailDesignsShow__abstract ul li:not(:first-child) {
    margin: 10px 0 0
}

@media (max-width: 834px) {
    .NailDesignsShow__abstract ul li:not(:first-child) {
        margin:12px 0 0
    }
}

.NailDesignsShow__abstract ul li:before {
    background: url(https://cdn.lipscosme.com/assets/feather/check-941dc5f7c10c2611a77353afdd64bc6cb4320b23bb0e64836052c89a5f030236.svg);
    background-size: contain;
    content: "";
    flex-shrink: 0;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px
}

@media (max-width: 834px) {
    .NailDesignsShow__abstract ul li:before {
        height:20px;
        width: 20px
    }
}

.NailDesignsShow__abstract ol {
    border: 1px solid var(--object-main);
    counter-reset: item;
    list-style-type: none;
    margin: 32px 0;
    padding: 16px 24px
}

@media (max-width: 834px) {
    .NailDesignsShow__abstract ol {
        margin:28px 16px;
        margin: 28px 0;
        padding: 16px
    }
}

.NailDesignsShow__abstract ol li {
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .NailDesignsShow__abstract ol li {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.NailDesignsShow__abstract ol li:not(:first-child) {
    margin: 10px 0 0
}

@media (max-width: 834px) {
    .NailDesignsShow__abstract ol li:not(:first-child) {
        margin:12px 0 0
    }
}

.NailDesignsShow__abstract ol li:before {
    background: var(--expressive-red);
    border-radius: 50%;
    color: #fff;
    content: counter(item);
    counter-increment: item;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 150%;
    margin: 2px 10px 2px 2px;
    text-align: center;
    width: 20px
}

@media (max-width: 834px) {
    .NailDesignsShow__abstract ol li:before {
        height:18px;
        margin: 3px 8px 3px 2px;
        width: 18px
    }
}

.NailDesignsShow__functions {
    display: flex;
    justify-content: flex-end;
    padding: 24px 12px 16px
}

@media (max-width: 834px) {
    .NailDesignsShow__functions {
        padding:16px 12px 12px
    }
}

.NailDesignsShow .PostsSortDropdown__container {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 60px;
    display: inline-block;
    flex-shrink: 0;
    margin: 0;
    overflow: hidden;
    padding: 7px 12px 7px 16px;
    position: relative
}

@media (max-width: 834px) {
    .NailDesignsShow .PostsSortDropdown__container {
        padding:6px 9px 8px 12px
    }
}

.NailDesignsShow .PostsSortDropdown__container:before {
    content: unset
}

.NailDesignsShow .PostsSortDropdown__container:after {
    background: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 16px;
    margin-left: 2px;
    transform: rotate(90deg);
    vertical-align: sub;
    width: 16px
}

@media (min-width: 835px) {
    .NailDesignsShow .PostsSortDropdown__container:after {
        margin-left:4px
    }
}

.NailDesignsShow .PostsSortDropdown__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: unset;
    color: var(--object-main);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: unset;
    text-align: center
}

.NailDesignsShow .PostsSortDropdown__select:focus {
    outline: none
}

@media (max-width: 834px) {
    .NailDesignsShow .PostsSortDropdown__select {
        border:unset;
        color: var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.NailDesignsShow__posts {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .NailDesignsShow__posts {
        grid-template-columns:repeat(3,1fr)
    }
}

.NailDesignsShow__popular,.NailDesignsShow__related {
    background: var(--background-elevation-high);
    margin: 48px 0
}

@media (max-width: 834px) {
    .NailDesignsShow__popular,.NailDesignsShow__related {
        margin:16px 0;
        padding: .1px 0 24px
    }
}

.NailDesignsShow__popular__title,.NailDesignsShow__related__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .NailDesignsShow__popular__title,.NailDesignsShow__related__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.NailDesignsShow__popular__list,.NailDesignsShow__related__list {
    display: grid;
    gap: 0 12px;
    grid-template-columns: repeat(2,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .NailDesignsShow__popular__list,.NailDesignsShow__related__list {
        gap:0;
        grid-template-columns: repeat(1,1fr)
    }
}

.NailDesignsShow__categories {
    background: var(--background-elevation-high);
    margin: 48px 0
}

@media (max-width: 834px) {
    .NailDesignsShow__categories {
        margin:16px 0;
        padding: .1px 0 24px
    }
}

.NailDesignsShow__categories__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .NailDesignsShow__categories__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.NailDesignsShow__categories__list {
    padding: 0 16px
}

@media (min-width: 835px) {
    .NailDesignsShow__eyecatch {
        margin:0 0 24px
    }
}

.NailDesignsShow__eyecatch__image {
    aspect-ratio: 5/3;
    width: 100%
}

.NailDesignsShow__expert {
    background: var(--background-elevation-high);
    margin: 16px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .NailDesignsShow__expert {
        margin:16px 0
    }
}

.NailDesignsShow__toc {
    background: var(--background-elevation-high);
    margin: 16px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .NailDesignsShow__toc {
        display:none
    }
}

.NailDesignsShow .article-show__content {
    padding-bottom: .1px
}

.NailDesignsShow .article-show__content .items>:first-child {
    margin-top: 0;
    padding-top: 24px
}

.NailDesignsShow .article-show__title-h2 {
    border-bottom: unset;
    padding-bottom: 0
}

@media (max-width: 834px) {
    .NailDesignsShow .article-show__title-h2 {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 170%
    }
}

.NailDesignsShow__article {
    background-color: var(--background-elevation-high);
    margin: 48px 0;
    padding: .1px 0 24px
}

@media (max-width: 834px) {
    .NailDesignsShow__article {
        margin:16px 0;
        padding: .1px 0 16px
    }
}

.NailDesignsShow__article__titleContainer {
    border-bottom: 2px solid var(--object-main);
    border-top: 2px solid var(--object-main);
    margin: 32px 0;
    padding: 5px 0
}

@media (max-width: 834px) {
    .NailDesignsShow__article__titleContainer {
        margin:28px 16px;
        margin-left: 0;
        margin-right: 0
    }
}

.NailDesignsShow__article__title {
    align-items: center;
    border-bottom: 1px solid var(--object-main);
    border-top: 1px solid var(--object-main);
    color: var(--object-main);
    display: flex;
    font-size: 24px;
    font-weight: 600;
    gap: 4px;
    line-height: 150%;
    padding: 4px
}

@media (max-width: 834px) {
    .NailDesignsShow__article__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.NailDesignsShow__article__titleLogoImage {
    height: 80px;
    object-fit: cover;
    width: 80px
}

@media (max-width: 834px) {
    .NailDesignsShow__article__titleLogoImage {
        height:40px;
        width: 40px
    }
}

.NailDesignsShow__article__content {
    margin: 32px 0
}

@media (max-width: 834px) {
    .NailDesignsShow__article__content {
        margin:28px 16px;
        margin-left: 16px;
        margin-right: 16px
    }
}

.NailDesignsShow__article__content .article-content {
    padding: 24px 0
}

.NailDesignsShow__article__content .article-content .article-title {
    border-bottom: 2px solid var(--border-separation);
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px 0 16px;
    padding-bottom: 8px
}

@media (max-width: 834px) {
    .NailDesignsShow__article__content .article-content .article-title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 0 12px
    }
}

.NailDesignsShow__article__content .article-content .article-title:first-child {
    margin-top: 0
}

.NailDesignsShow__article__content .article-content .article-subtitle {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 12px
}

@media (max-width: 834px) {
    .NailDesignsShow__article__content .article-content .article-subtitle {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%;
        margin: 20px 0 8px
    }
}

.NailDesignsShow__article__content .article-content .article-text {
    margin: 16px 0
}

.NailDesignsShow__article__content .article-content .article-text p {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    line-height: 1.7;
    margin: 12px 0
}

@media (max-width: 834px) {
    .NailDesignsShow__article__content .article-content .article-text p {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        line-height: 1.6
    }
}

.NailDesignsShow__article__content .article-content .article-text .article-list {
    list-style-type: none;
    margin: 16px 0;
    padding: 0 0 0 24px
}

@media (max-width: 834px) {
    .NailDesignsShow__article__content .article-content .article-text .article-list {
        padding-left:20px
    }
}

.NailDesignsShow__article__content .article-content .article-text .article-list li {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    list-style: disc;
    margin: 8px 0
}

@media (max-width: 834px) {
    .NailDesignsShow__article__content .article-content .article-text .article-list li {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 6px 0
    }
}

.newdesign-logo {
    font-family: Noto Sans JP,serif
}

.newdesign-logo__figureheader {
    background: url(https://cdn.lipscosme.com/assets/lp/newdesign_logo/figureheader_background_pc-7ea1229291498765fddb10d57c0b014348768f82416d6d1990686d97f51abb7a.png) no-repeat 0 0;
    background-size: contain;
    height: 450px;
    margin: 0 auto
}

@media (max-width: 834px) {
    .newdesign-logo__figureheader {
        background:url(https://cdn.lipscosme.com/assets/lp/newdesign_logo/figureheader_background_sp-ccc7a9637c1cf0e889d982beceeb1dd06667624704050fa33c7cf044e8532559.png) no-repeat 0 0;
        background-size: contain;
        height: 253px
    }
}

.newdesign-logo__title {
    margin: 0 auto;
    width: 750px
}

@media (max-width: 834px) {
    .newdesign-logo__title {
        width:100%
    }
}

.newdesign-logo__title h1 {
    color: var(--object-main);
    font-size: 62px;
    font-weight: 700;
    letter-spacing: 9%;
    line-height: 150%;
    margin: 0;
    padding: 95px 0 16px 10px
}

@media (max-width: 834px) {
    .newdesign-logo__title h1 {
        font-size:32px;
        line-height: 46px;
        padding: 60px 0 8px 42px
    }
}

.newdesign-logo__title h2 {
    color: var(--object-main);
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 9%;
    line-height: 150%;
    margin: 0;
    padding: 0 0 0 10px
}

@media (max-width: 834px) {
    .newdesign-logo__title h2 {
        font-size:23px;
        line-height: 33px;
        padding: 0 0 0 42px
    }
}

.newdesign-logo__bg {
    background: url(https://cdn.lipscosme.com/assets/lp/newdesign_logo/background_left-3929720f86945c90f86e4e52467588e0024953b10248e826a5364787a549fbde.png) repeat-y 0 0,url(https://cdn.lipscosme.com/assets/lp/newdesign_logo/background_right-053828241684bafd571be8edbbf6f3ead4d74f55665f80cf1c65f668b107a6f8.png) repeat-y 100% 0;
    background-size: 50%
}

.newdesign-logo__container--white {
    background: hsla(0,0%,100%,.85);
    margin: 0 auto 62px;
    text-align: center;
    width: 750px
}

@media (max-width: 834px) {
    .newdesign-logo__container--white {
        margin:0 16px 40px;
        width: unset
    }
}

.newdesign-logo__container--white>:not(iframe) {
    opacity: 0;
    transform: translateY(20px);
    transition: .5s ease
}

.newdesign-logo__container--gray {
    background: hsla(0,0%,87%,.85);
    margin: 0 auto 62px;
    text-align: center;
    width: 750px
}

@media (max-width: 834px) {
    .newdesign-logo__container--gray {
        margin:0 16px 40px;
        width: unset
    }
}

.newdesign-logo__container--gray>:not(iframe) {
    opacity: 0;
    transform: translateY(20px);
    transition: .5s ease
}

.newdesign-logo iframe {
    aspect-ratio: 16/9;
    width: 560px
}

@media (max-width: 834px) {
    .newdesign-logo iframe {
        width:calc(100% - 32px)
    }
}

.newdesign-logo p {
    color: var(--object-main);
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 4%;
    line-height: 200%;
    margin: 52px auto
}

@media (max-width: 834px) {
    .newdesign-logo p {
        font-size:16px;
        line-height: 24px;
        margin: 32px auto;
        padding: 0 12px;
        text-align: left
    }
}

.newdesign-logo__align-left {
    padding-left: 40px;
    text-align: left
}

@media (max-width: 834px) {
    .newdesign-logo__align-left {
        padding-left:13px
    }
}

.newdesign-logo__align-right {
    display: block;
    text-align: right
}

.newdesign-logo__figureheader-h2 {
    background-color: #dfdfdf;
    color: var(--object-main);
    display: table;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 4%;
    line-height: 150%;
    margin-left: 24px;
    padding: 2px 18px;
    text-align: left
}

@media (max-width: 834px) {
    .newdesign-logo__figureheader-h2 {
        font-size:20px;
        margin-left: 8px;
        padding: 2px 16px
    }
}

.newdesign-logo__figureheader-h3 {
    color: var(--object-main);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 4%;
    line-height: 200%;
    margin: 52px auto
}

@media (max-width: 834px) {
    .newdesign-logo__figureheader-h3 {
        font-size:22px;
        line-height: 180%;
        margin: 32px 16px;
        text-align: left;
        text-decoration: underline
    }
}

.newdesign-logo__figureheader-text-image {
    display: block;
    height: 100px;
    margin: 62px auto
}

@media (max-width: 834px) {
    .newdesign-logo__figureheader-text-image {
        height:60px;
        margin: 32px auto 24px
    }
}

.newdesign-logo__figureheader-text-image--inline {
    display: inline
}

.newdesign-logo__figureheader-text-image.concept {
    margin: 120px auto 52px
}

@media (max-width: 834px) {
    .newdesign-logo__figureheader-text-image.concept {
        margin:52px auto 24px
    }
}

.newdesign-logo__figureheader-text-image.service {
    height: unset
}

.newdesign-logo__designer {
    color: var(--object-main);
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 200%;
    padding: 0 49px 62px;
    text-align: left
}

@media (max-width: 834px) {
    .newdesign-logo__designer {
        font-size:14px;
        line-height: 170%;
        padding: 0 12px 32px
    }
}

.newdesign-logo__service-container {
    margin: 0 auto;
    width: 666px
}

@media (max-width: 834px) {
    .newdesign-logo__service-container {
        width:100%
    }
}

.newdesign-logo__for-brand-grid {
    align-items: center;
    column-gap: 32px;
    display: grid;
    grid-template-areas: "image logo" "image text"
}

@media (max-width: 834px) {
    .newdesign-logo__for-brand-grid {
        column-gap:12px
    }
}

.newdesign-logo__for-brand-grid-image {
    grid-area: image
}

.newdesign-logo__for-brand-grid-logo {
    grid-area: logo;
    text-align: left
}

.newdesign-logo__for-brand-grid-text {
    grid-area: text;
    text-align: left
}

.newdesign-logo__for-brand-grid-text p {
    margin: 0 0 33px
}

@media (max-width: 834px) {
    .newdesign-logo__for-brand-grid-text p {
        font-size:14px;
        margin: 0 0 28px
    }
}

.newdesign-logo hr {
    border-top: 2px solid var(--object-main);
    margin: 0
}

.newdesign-logo__shopping-grid {
    display: grid;
    grid-template-areas: "text logo" "more logo";
    margin: 52px auto
}

@media (max-width: 834px) {
    .newdesign-logo__shopping-grid {
        grid-template-areas:"text logo" "more more";
        margin: 24px auto 27px
    }
}

.newdesign-logo__shopping-grid-logo {
    align-items: center;
    background-color: #d9d9d9;
    display: flex;
    grid-area: logo;
    justify-content: center;
    margin-right: 33px
}

@media (max-width: 834px) {
    .newdesign-logo__shopping-grid-logo {
        height:109px;
        margin-right: 8px
    }
}

.newdesign-logo__shopping-grid-text {
    grid-area: text;
    padding-left: 44px;
    text-align: left
}

@media (max-width: 834px) {
    .newdesign-logo__shopping-grid-text {
        padding:0
    }
}

.newdesign-logo__shopping-grid-text p {
    margin: 0 0 30px
}

@media (max-width: 834px) {
    .newdesign-logo__shopping-grid-text p {
        margin:0;
        padding: 0 21px 0 4px
    }
}

.newdesign-logo__shopping-grid-more {
    grid-area: more;
    padding-right: 32px
}

.newdesign-logo__block-image {
    display: block;
    margin: 24px 0
}

@media (max-width: 834px) {
    .newdesign-logo__block-image {
        margin:13px 0
    }
}

.newdesign-logo__links {
    margin: 40px 0 0 20px
}

@media (max-width: 834px) {
    .newdesign-logo__links {
        margin:22px 0 0 17px
    }
}

.our-company {
    background-color: var(--background-elevation-low);
    padding-bottom: 32px
}

.our-company h1 {
    color: var(--object-main);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 32px;
    margin: 0;
    padding: 32px 0;
    text-align: center
}

@media (max-width: 834px) {
    .our-company h1 {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 28px
    }
}

.our-company h2 {
    border-bottom: 3px solid var(--object-main);
    color: var(--object-main);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 30px;
    margin: 0 0 16px;
    padding: 32px 0 8px
}

@media (max-width: 834px) {
    .our-company h2 {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 24px;
        padding-top: 20px
    }
}

.our-company a {
    color: var(--expressive-red)
}

.our-company__company {
    background-color: #fff;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 240px 1fr;
    margin: 0 auto;
    max-width: 880px;
    padding: 32px 60px;
    row-gap: 16px
}

@media (max-width: 834px) {
    .our-company__company {
        grid-template-columns:1fr;
        margin: 0 16px;
        padding: 20px;
        row-gap: unset
    }
}

.our-company__company-key {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 24px;
    padding: 0 0 16px 40px
}

@media (max-width: 834px) {
    .our-company__company-key {
        border:unset;
        color: var(--object-main);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 22px;
        padding: 0 0 8px
    }
}

.our-company__company-key:nth-last-child(-n+2) {
    border: unset
}

@media (min-width: 835px) {
    .our-company__company-key:nth-last-child(-n+2) {
        padding:0 0 0 40px
    }
}

.our-company__company-value {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 0 0 16px 20px
}

@media (max-width: 834px) {
    .our-company__company-value {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 0 0 12px;
        padding: 0 0 12px
    }
}

.our-company__company-value:nth-last-child(-n+2) {
    border: unset
}

@media (min-width: 835px) {
    .our-company__company-value:nth-last-child(-n+2) {
        padding:0 0 0 20px
    }
}

@media (max-width: 834px) {
    .our-company__company-value:nth-last-child(-n+2) {
        margin:0;
        padding: 0
    }
}

.our-company__company-value iframe {
    aspect-ratio: 2/1;
    height: auto;
    margin: 8px 0 0;
    width: 100%
}

@media (max-width: 834px) {
    .our-company__company-value iframe {
        aspect-ratio:4/3
    }
}

.our-company__board-member {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    row-gap: 16px
}

@media (max-width: 834px) {
    .our-company__board-member {
        grid-template-columns:auto auto;
        row-gap: 8px
    }
}

.our-company__board-member dd,.our-company__board-member dt {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .our-company__board-member dd,.our-company__board-member dt {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company__stockholders {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.our-company__stockholders li:not(:last-child):after {
    content: "\00A0/\00A0";
    display: content
}

.our-company__authorizations {
    margin: 0
}

.our-company__authorizations:not(:first-child) {
    margin-top: 12px
}

@media (max-width: 834px) {
    .our-company__authorizations:not(:first-child) {
        margin-top:8px
    }
}

.our-company__authorizations__license a {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.our-company__authorizations__license a,.our-company__authorizations__license a:active,.our-company__authorizations__license a:focus,.our-company__authorizations__license a:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .our-company__authorizations__license a {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company__authorizations__licenseDetail {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .our-company__authorizations__licenseDetail {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company .our-company__about,.our-company .our-company__checkflow,.our-company .our-company__history,.our-company .our-company__operation {
    background-color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    max-width: 880px;
    padding: 0 60px 32px
}

@media (max-width: 834px) {
    .our-company .our-company__about,.our-company .our-company__checkflow,.our-company .our-company__history,.our-company .our-company__operation {
        margin:0 20px;
        padding: 0 20px 20px
    }
}

.our-company__operation-description {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .our-company__operation-description {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company__organization {
    display: flex;
    justify-content: space-between;
    margin-top: 16px
}

@media (max-width: 834px) {
    .our-company__organization {
        flex-direction:column
    }
}

.our-company__organization :last-child {
    margin: 0 0 0 16px
}

@media (max-width: 834px) {
    .our-company__organization :last-child {
        margin:16px 0 0
    }
}

.our-company__organization img {
    height: auto;
    width: 100%
}

.our-company__organization-disclaimer {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px;
    text-align: end
}

.our-company__person {
    align-items: center;
    display: flex
}

.our-company__person-image {
    height: 48px;
    width: 48px
}

.our-company__person-vstack {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 12px
}

.our-company__person-name {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .our-company__person-name {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.our-company__person-role {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .our-company__person-role {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.our-company__person-career {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0 0
}

@media (max-width: 834px) {
    .our-company__person-career {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company__certification {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .our-company__certification {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company__checkflow+.our-company__checkflow {
    margin-top: 32px
}

.our-company .our-company__checkflow-image--edit,.our-company .our-company__checkflow-image--note {
    background-color: #fff2f4;
    clip-path: circle(50%);
    height: 68px;
    margin: 24px auto;
    width: 68px
}

.our-company__checkflow-image--edit {
    background: url(https://cdn.lipscosme.com/assets/ic_edit_plus-6edeb4563ee9e100313c083a003f4c872ede6a2260b9f7458825e9cb268051a8.svg) no-repeat 50%
}

.our-company__checkflow-image--note {
    background: url(https://cdn.lipscosme.com/assets/ic_note-840181d5c6f2b74c0fa754fadef36ec618083a375b84076912675601f2d4975f.svg) no-repeat 50%
}

.our-company__checkflow-list {
    list-style-type: none;
    margin: 0;
    padding-inline-start:0}

.our-company__checkflow-list li {
    margin: 0 0 24px
}

.our-company__checkflow-list li:last-child {
    margin: 0
}

.our-company__checkflow-step {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 24px;
    margin: 0 0 8px
}

@media (max-width: 834px) {
    .our-company__checkflow-step {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 22px
    }
}

.our-company__checkflow-content {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .our-company__checkflow-content {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company__about {
    position: relative
}

.our-company__about-image-like-1 {
    height: 84.9px;
    position: absolute;
    right: 53.36px;
    top: 177.024px;
    width: 108px
}

@media (max-width: 768px) {
    .our-company__about-image-like-1 {
        height:67.9px;
        right: -19.001px;
        top: 224.578px;
        width: 86.1px
    }
}

.our-company__about-image-like-0 {
    height: 57px;
    position: absolute;
    right: 93px;
    top: 394.64px;
    width: 124px
}

@media (max-width: 768px) {
    .our-company__about-image-like-0 {
        height:47.5px;
        right: 2px;
        top: 481.014px;
        width: 104px
    }
}

.our-company__about-image-like-3 {
    height: 56.798px;
    left: 86px;
    position: absolute;
    top: 112.81px;
    width: 135px
}

@media (max-width: 768px) {
    .our-company__about-image-like-3 {
        height:48.4px;
        left: -10px;
        top: 72.099px;
        width: 115px
    }
}

.our-company__about-image-like-2 {
    height: 151px;
    left: 175.455px;
    position: absolute;
    top: 393.76px;
    width: 141px;
    z-index: auto
}

@media (max-width: 768px) {
    .our-company__about-image-like-2 {
        height:126px;
        left: -18px;
        top: 503.78px;
        width: 118px
    }
}

.our-company__about-image-pc {
    display: block;
    margin: auto
}

@media (max-width: 834px) {
    .our-company__about-image-pc {
        display:none
    }
}

.our-company__about-image-sp {
    display: none
}

@media (max-width: 834px) {
    .our-company__about-image-sp {
        display:block;
        margin: auto
    }
}

.our-company__about-brand-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 16px;
    justify-content: flex-start;
    padding-top: 12px
}

@media (max-width: 768px) {
    .our-company__about-brand-list {
        column-gap:8px
    }
}

.our-company__about-brand-list-logo {
    object-fit: contain;
    width: calc(16.66667% - 13.33333px)
}

@media (max-width: 834px) {
    .our-company__about-brand-list-logo {
        width:calc(25% - 6px)
    }
}

.our-company__about-description-container {
    position: relative;
    z-index: 100
}

.our-company__about-description-containerh2 p {
    position: relative;
    z-index: 300
}

.our-company__about-description-objective {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .our-company__about-description-objective {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company__about-description {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding-top: 16px
}

@media (max-width: 834px) {
    .our-company__about-description {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company__history-container {
    display: flex;
    flex-wrap: wrap;
    padding: 32px 0
}

.our-company__history-item {
    border-bottom: 1px solid var(--border-separation);
    padding: 16px 0;
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .our-company__history-item {
        width:100%
    }
}

.our-company__history-item:nth-child(odd) {
    margin-right: 24px
}

@media (max-width: 834px) {
    .our-company__history-item:nth-child(odd) {
        margin-right:0
    }
}

.our-company__history-item-date-chip {
    align-items: flex-start;
    background: var(--background-elevation-low);
    border-radius: 70px;
    color: var(--object-main);
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 8px;
    padding: 6px 8px
}

@media (max-width: 834px) {
    .our-company__history-item-date-chip {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company__history-item-title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .our-company__history-item-title {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.our-company__history-item-title a {
    color: var(--object-main);
    font-weight: 500
}

.our-company__inquiry {
    background: #000
}

.our-company__inquiry-buttons {
    column-gap: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 880px
}

@media (max-width: 834px) {
    .our-company__inquiry-buttons {
        flex-direction:column;
        row-gap: 16px
    }
}

.our-company__inquiry-button {
    flex-grow: 1;
    text-align: center
}

@media (min-width: 835px) {
    .our-company__inquiry-button {
        display:inline-block
    }
}

.our-company__inquiry-button a {
    align-items: center;
    background: #fff;
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    justify-content: center;
    line-height: 150%;
    margin: 0 auto
}

@media (max-width: 834px) {
    .our-company__inquiry-button a {
        margin:0 16px
    }
}

.partner {
    margin: 0 auto
}

.partner__top {
    background: #f1e9d7;
    text-align: center
}

.partner__top-image-mobile {
    width: 100%
}

.partner__top-image-pc {
    max-width: 1048px
}

.partner__container {
    margin: 0 auto;
    padding: 0 16px
}

.partner__section {
    border-bottom: 12px solid var(--background-elevation-low);
    margin: 0 auto;
    max-width: 712px;
    padding: 36px 0
}

.partner__section--last {
    border-bottom: none
}

.partner__title_h2 {
    border-bottom: 3px solid var(--expressive-red);
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0 0 28px;
    padding: 0 0 8px
}

@media (max-width: 834px) {
    .partner__title_h2 {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px
    }
}

.partner__paragraph {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 28px 0 0
}

@media (max-width: 834px) {
    .partner__paragraph {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.partner__revenue-container {
    display: flex
}

@media (max-width: 834px) {
    .partner__revenue-container {
        flex-direction:column
    }
}

.partner__revenue-element {
    text-align: center
}

.partner__revenue-image {
    width: 46px
}

.partner__revenue-title_h3 {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin: 10px 0
}

@media (max-width: 834px) {
    .partner__revenue-title_h3 {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 20px
    }
}

.partner__revenue-list {
    list-style-type: none;
    margin: 0 37px 28px;
    padding: 0;
    text-align: left
}

.partner__revenue-list-item {
    background-image: url(https://cdn.lipscosme.com/assets/monetize-check-0660e8d34918bd041f47b328fd42f326cc67e48fc34daa3d576e16d416e97eb4.png);
    background-position: left .3em;
    background-repeat: no-repeat;
    background-size: 1em;
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin: 8px 0;
    padding-left: 26px
}

@media (max-width: 834px) {
    .partner__revenue-list-item {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        padding-left: 24px
    }
}

.partner__box {
    border: 1px solid var(--object-main);
    display: block;
    padding: 0 15px
}

.partner__box-title {
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    margin: 16px 0;
    padding: 0 0 12px
}

@media (max-width: 834px) {
    .partner__box-title {
        padding:0 0 5px
    }
}

.partner__box-title_h3 {
    color: var(--object-main);
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0
}

@media (max-width: 834px) {
    .partner__box-title_h3 {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 20px
    }
}

.partner__box-title_h3--pink {
    color: var(--expressive-red);
    margin-right: 10px
}

.partner__box-paragraph {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 20px 0
}

@media (max-width: 834px) {
    .partner__box-paragraph {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.partner__box-flex {
    align-items: center;
    display: flex
}

@media (max-width: 834px) {
    .partner__box-flex {
        flex-direction:column
    }
}

.partner__box-remarks {
    color: #828282;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 20px
}

@media (max-width: 834px) {
    .partner__box-remarks {
        color:#828282;
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.partner__conditions-list {
    counter-reset: counter;
    list-style-type: none;
    margin: 25px 0;
    padding: 0
}

@media (max-width: 834px) {
    .partner__conditions-list {
        margin:20px 0
    }
}

.partner__conditions-list-item {
    color: var(--object-main);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 17px;
    margin: 0 0 20px;
    padding-left: 32px;
    position: relative;
    vertical-align: top
}

@media (max-width: 834px) {
    .partner__conditions-list-item {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px;
        margin: 0 0 16px;
        padding-left: 23px
    }
}

.partner__conditions-list-item:before {
    align-items: center;
    background-color: var(--expressive-red);
    border-radius: 50%;
    color: #fff;
    content: counter(counter);
    counter-increment: counter;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    height: 17px;
    justify-content: center;
    left: 0;
    line-height: 150%;
    position: absolute;
    top: 0;
    width: 17px
}

@media (max-width: 834px) {
    .partner__conditions-list-item:before {
        height:16px;
        margin-top: 3px;
        width: 16px
    }
}

.partner__application-list {
    counter-reset: counter;
    list-style-type: none;
    padding: 0
}

.partner__application-list-item {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 20px;
    padding-left: 32px;
    position: relative;
    vertical-align: top
}

@media (max-width: 834px) {
    .partner__application-list-item {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 20px;
        margin: 0 0 16px;
        padding-left: 23px
    }
}

.partner__application-list-item:before {
    align-items: center;
    background-color: var(--object-main);
    border-radius: 50%;
    color: #fff;
    content: counter(counter);
    counter-increment: counter;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    height: 17px;
    justify-content: center;
    left: 0;
    line-height: 150%;
    margin-top: 3px;
    position: absolute;
    top: 0;
    width: 17px
}

@media (max-width: 834px) {
    .partner__application-list-item:before {
        height:16px;
        width: 16px
    }
}

.partner__toggle-section {
    border-bottom: 1px solid var(--border-separation);
    padding: 20px 0;
    position: relative
}

.partner__toggle-section:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 20px;
    transform: rotate(180deg);
    width: 24px
}

.partner__toggle-section.open:after {
    transform: none
}

.partner__toggle_title {
    border-left: 2px solid var(--expressive-red);
    color: var(--object-main);
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 28px;
    padding-left: 12px;
    text-decoration: none
}

@media (max-width: 834px) {
    .partner__toggle_title {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 20px
    }
}

.partner__toggle_title:active,.partner__toggle_title:focus,.partner__toggle_title:hover {
    color: var(--object-main);
    text-decoration: none
}

.partner__toggle-title_h3 {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 28px;
    margin: 4px 0;
    text-decoration-line: underline
}

@media (max-width: 834px) {
    .partner__toggle-title_h3 {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 20px
    }
}

.partner__toggle-paragraph {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 20px 0
}

@media (max-width: 834px) {
    .partner__toggle-paragraph {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.partner__toggle-content {
    display: none;
    margin-bottom: -12px
}

.partner__toggle-rank-content {
    margin: 28px 0
}

.partner__toggle-rank-list {
    margin: 24px 0;
    padding: 0
}

.partner__toggle-rank-list--arrow {
    margin: -20px 0
}

.partner__toggle-rank-list-item {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    margin: 10px 0;
    padding-left: 18px;
    position: relative
}

@media (max-width: 834px) {
    .partner__toggle-rank-list-item {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.partner__toggle-rank-list-item:before {
    content: "※";
    left: 0;
    position: absolute;
    top: 0
}

.partner__toggle-rank-list-item--arrow {
    margin: 0
}

.partner__toggle-rank-list-item--arrow:before {
    content: "→"
}

.partner__toggle-note-list {
    margin: 24px 0;
    padding: 0 18px
}

.partner__toggle-note-list-item {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 13px 0
}

@media (max-width: 834px) {
    .partner__toggle-note-list-item {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.partner__apply-image {
    object-fit: contain;
    width: 282px
}

@media (max-width: 834px) {
    .partner__apply-image {
        margin-bottom:20px;
        width: 100%
    }
}

.partner__triangle-image {
    display: block;
    height: 20px;
    margin: 20px auto;
    text-align: center
}

.partner__faq {
    border-bottom: 1px solid hsla(0,3%,75%,.4);
    margin: 28px 0
}

.partner__faq-element {
    display: flex;
    margin: 20px 0
}

.partner__faq-head {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding-right: 3px
}

@media (max-width: 834px) {
    .partner__faq-head {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.partner__faq-head--blue {
    color: #08c
}

.partner__faq-head--pink {
    color: var(--expressive-red)
}

.partner__faq-description {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    width: calc(100% - 20px)
}

@media (max-width: 834px) {
    .partner__faq-description {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.partner__faq-description--question {
    font-weight: 500
}

.partner__link,.partner__link:focus,.partner__link:hover,.partner__link:visited {
    color: var(--expressive-red)
}

.PerfumeNotes {
    background-image: url(https://cdn.lipscosme.com/assets/perfume_property/note_stage-d359f43b49b40dedb9762e9e13146b7be3de8e5a2d7cd59147fc766abc22ad77.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.PerfumeNotes__PerfumeNote {
    display: flex;
    gap: 12px
}

.PerfumeNotes__PerfumeNote__tag {
    background-color: var(--object-secondary);
    border-radius: 50px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    height: auto;
    line-height: 150%;
    padding: 2px 8px;
    text-align: center;
    width: 65px
}

.PerfumeNotes__PerfumeNote__text {
    flex: 1
}

.PerfumePropertyTags {
    display: flex;
    gap: 8px
}

.PerfumePropertyTags__tag {
    background-color: #efefef;
    border-radius: 4px;
    color: var(--object-main);
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    line-height: 150%;
    min-width: 70px;
    padding: 2px 8px;
    text-align: center
}

@media (max-width: 834px) {
    .PerfumePropertyTags__tag {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        min-width: 50px;
        padding: 2.5px 4px
    }
}

.PerfumePropertyTags__male {
    background-color: rgb(var(--expressive-light-blue-rgb)/.1);
    color: var(--expressive-light-blue);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.PerfumePropertyTags__female {
    background-color: rgb(var(--expressive-red-rgb)/.1);
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.post-contests-show {
    margin-bottom: 44px
}

@media (min-width: 835px) {
    .post-contests-show {
        margin:10px auto 20px;
        width: 500px
    }
}

.post-contests-show img {
    object-fit: cover
}

.post-contests-show a {
    text-decoration: none
}

.post-contests-show__figureheader img {
    height: auto;
    width: 100%
}

.post-contests-show__description {
    background: var(--background-elevation-low);
    margin: 16px;
    padding: 24px 16px
}

.post-contests-show__description-text {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: center
}

.post-contests-show__description-link {
    background-color: var(--object-main);
    border: none;
    border-radius: 4px;
    color: #000;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 44px;
    line-height: 150%;
    margin-top: 10px;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.post-contests-show__description-link:active,.post-contests-show__description-link:focus,.post-contests-show__description-link:hover {
    color: #000;
    text-decoration: none
}

.post-contests-show__heading-background {
    background: linear-gradient(91.62deg,#c59c37,#ead092);
    padding: 6px 0
}

.post-contests-show__heading-background-second {
    background: linear-gradient(91.62deg,#a5a5a5,#e6e6e6)
}

.post-contests-show__heading-main {
    background: #ffefd1;
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    padding: 10px 0;
    text-align: center
}

.post-contests-show__heading-main img {
    height: 16px;
    margin: 0 12px;
    vertical-align: baseline;
    width: 16px
}

.post-contests-show__heading-main-second {
    background: var(--background-elevation-low)
}

.post-contests-show__best-posts {
    padding: 20px 16px
}

.post-contests-show__best-post {
    background-color: #fff;
    display: block;
    padding: 16px
}

.post-contests-show__best-post-user {
    background-color: #efefef;
    border-radius: 80px;
    display: flex;
    gap: 0 12px;
    padding: 10px 16px
}

.post-contests-show__best-post-user-img {
    border-radius: 60px;
    height: 54px;
    width: 54px
}

.post-contests-show__best-post-user-img img {
    border-radius: 60px;
    height: 100%;
    width: 100%
}

.post-contests-show__best-post-user-block {
    text-align: center;
    width: calc(100% - 66px)
}

.post-contests-show__best-post-user-name-box {
    border-bottom: .5px solid var(--object-main);
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 0 4px;
    justify-content: center;
    line-height: 150%;
    padding-bottom: 4px
}

.post-contests-show__best-post-user-name-box-name {
    display: inline-block;
    max-width: calc(100% - 36px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.post-contests-show__best-post-user-name-box-san {
    display: inline-block;
    width: 32px
}

.post-contests-show__best-post-user-id {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.post-contests-show__best-post-user-triangle {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #efefef;
    height: 10px;
    margin: 0 auto 8px;
    width: 14px
}

.post-contests-show__best-post-thumb {
    aspect-ratio: 1;
    width: 100%
}

.post-contests-show__best-post-movie-thumb {
    display: block;
    margin: 0 auto;
    width: 52%
}

.post-contests-show__best-post-comment {
    margin: 12px 0 6px
}

.post-contests-show__best-post-comment img {
    height: auto;
    margin-right: 4px;
    vertical-align: text-bottom;
    width: 16px
}

.post-contests-show__best-post-comment span {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.post-contests-show__best-post-comment-text {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.post-contests-show__best-post+.post-contests-show__best-post {
    margin-top: 20px
}

.post-contests-show__posts {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3,1fr);
    padding: 20px 0
}

.post-contests-show__post {
    margin-bottom: 1px;
    position: relative;
    text-decoration: none
}

.post-contests-show__post.post-contests-show__movie-post {
    grid-row: span 2
}

.post-contests-show__post.post-contests-show__movie-post .post-contests-show__post-thumb {
    aspect-ratio: 1/2
}

.post-contests-show__post-thumb {
    aspect-ratio: 1;
    height: 100%;
    width: 100%
}

.post-contests-show__post-user {
    background: linear-gradient(180deg,rgba(34,34,34,0),rgba(34,34,34,.8));
    bottom: 0;
    display: flex;
    gap: 0 4px;
    height: 32px;
    padding: 12px 4px 5px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.post-contests-show__post-user img {
    border-radius: 200px;
    height: 16px;
    width: 16px
}

.post-contests-show__post-user-name {
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 20px)
}

.brand-category-links-container {
    margin-top: 12px
}

@media (max-width: 834px) {
    .brand-category-links-container {
        margin-top:1px
    }
}

.brand-category-links-container h2 {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .brand-category-links-container h2 {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.brand-category-links-container ul {
    list-style-type: none;
    padding: 0
}

@media (max-width: 834px) {
    .brand-category-links-container ul {
        margin-bottom:24px
    }
}

.brand-category-links-container ul li {
    height: 45px;
    position: relative;
    width: 100%
}

@media (max-width: 834px) {
    .brand-category-links-container ul li {
        height:42px;
        margin-bottom: 4px;
        padding: 0 16px
    }
}

.brand-category-links-container ul li a {
    color: var(--object-main);
    display: block;
    font-size: 16px;
    line-height: 44px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 24px)
}

@media (max-width: 834px) {
    .brand-category-links-container ul li a {
        line-height:42px
    }
}

.brand-category-links-container ul li a:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/dark_80-52447cd424710ee5d587086e5e6c7b81312cbda0af683cf347a722056739448a.png) no-repeat;
    background-position: 0 12px;
    background-size: 24px;
    content: "";
    display: block;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1);
    width: 24px
}

@media (max-width: 834px) {
    .brand-category-links-container ul li a:after {
        background-position:0 12px;
        height: 42px;
        right: 16px
    }
}

.brand-category-links-container ul li:after {
    border-bottom: 1px solid rgb(var(--object-tertiary-rgb)/.5);
    content: "";
    display: block;
    width: 100%
}

@media (min-width: 835px) {
    .brand-category-links-container ul.half-width-links li {
        float:left;
        width: calc(50% - 8px)
    }

    .brand-category-links-container ul.half-width-links li:nth-child(2n) {
        margin-left: 16px
    }
}

.brand-category-links-container ul.half-width-links:after {
    clear: both;
    content: "";
    display: block
}

.comment-list {
    padding: 18px 24px 24px 8px
}

@media (max-width: 834px) {
    .comment-list {
        padding:16px 16px 8px
    }
}

.comment-list .comment-container {
    margin-bottom: 20px
}

@media (max-width: 834px) {
    .comment-list .comment-container {
        margin-bottom:5px
    }
}

.comment-list .comment-container .profile-icon {
    border-radius: 50%;
    float: left;
    height: 52px;
    margin: 2px 16px 0 0;
    object-fit: cover;
    width: 52px
}

@media (max-width: 834px) {
    .comment-list .comment-container .profile-icon {
        height:24px;
        margin: 0 6px 0 0;
        width: 24px
    }
}

.comment-list .comment-container .comment-info {
    display: flex;
    justify-content: space-between
}

.comment-list .comment-container .comment-info .nickname {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media (max-width: 834px) {
    .comment-list .comment-container .comment-info .nickname {
        font-size:10px;
        line-height: 15px
    }
}

.comment-list .comment-container .comment-info .created-at {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 834px) {
    .comment-list .comment-container .comment-info .created-at {
        font-size:10px;
        line-height: 15px
    }
}

.comment-list .comment-container .content {
    background-color: var(--background-elevation-low);
    border: 1px solid var(--object-tertiary);
    border-radius: 0 24px 24px 24px;
    margin: 8px 0 0 68px
}

@media (max-width: 834px) {
    .comment-list .comment-container .content {
        border-radius:0 12px 12px;
        margin: 4px 0 0 30px
    }
}

.comment-list .comment-container .content p {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin: 8px 20px 10px
}

@media (max-width: 834px) {
    .comment-list .comment-container .content p {
        font-size:10px;
        line-height: 16px;
        margin: 4px 10px 14px
    }
}

.comment-list .comment-container .content p .reply_to {
    color: var(--expressive-red);
    display: block
}

.comment-list .comment-container .comment-reply-btn {
    background: url(https://cdn.lipscosme.com/assets/reply/dark_50-8ddb1534d67aff4ee1ec5888f2f26f4ae674b89e19a2e6d89db3d32900c3ec2a.png) no-repeat;
    background-size: 24px;
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin: 10px 8px 0 84px;
    padding-left: 28px
}

@media (max-width: 834px) {
    .comment-list .comment-container .comment-reply-btn {
        background-size:20px;
        font-size: 10px;
        line-height: 20px;
        margin: 4px 8px 0 38px;
        padding-left: 24px
    }
}

.comment-list .comment-container .comment-reply-btn:hover {
    opacity: .6
}

.comment-list .comment-container.reply-comment-container {
    margin-top: -10px
}

@media (max-width: 834px) {
    .comment-list .comment-container.reply-comment-container {
        margin-top:0
    }
}

.comment-list .comment-container.reply-comment-container .profile-icon {
    height: 24px;
    margin: 0 8px 0 68px;
    width: 24px
}

@media (max-width: 834px) {
    .comment-list .comment-container.reply-comment-container .profile-icon {
        height:16px;
        margin: 0 4px 0 30px;
        width: 16px
    }
}

.comment-list .comment-container.reply-comment-container .comment-info .nickname {
    font-size: 14px
}

@media (max-width: 834px) {
    .comment-list .comment-container.reply-comment-container .comment-info .nickname {
        font-size:10px
    }
}

.comment-list .comment-container.reply-comment-container .content {
    margin: 4px 0 0 68px
}

@media (max-width: 834px) {
    .comment-list .comment-container.reply-comment-container .content {
        margin:3px 0 0 30px
    }
}

.comment-list form .comment-field {
    border: 1px solid var(--object-secondary);
    border-radius: 3px;
    color: var(--object-secondary);
    font-size: 12px;
    height: 80px;
    margin: 24px 0 0 16px;
    padding: 16px;
    width: calc(100% - 16px)
}

@media (max-width: 834px) {
    .comment-list form .comment-field {
        border-radius:2px;
        font-size: 14px;
        height: 40px;
        margin: 0;
        padding: 10px 18px;
        width: 100%
    }
}

.comment-list form .comment-field::placeholder {
    color: var(--object-secondary);
    font-size: 12px
}

@media (max-width: 834px) {
    .comment-list form .comment-field::placeholder {
        font-size:14px
    }
}

.comment-list form .comment-field:focus {
    border: 1px solid var(--expressive-red);
    outline: none
}

.comment-list form .comment-btn {
    background-color: var(--background-primary);
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1.5px;
    line-height: 40px;
    margin: 16px 0 0 16px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    width: calc(100% - 16px)
}

.comment-list form .comment-btn:active,.comment-list form .comment-btn:focus,.comment-list form .comment-btn:hover {
    color: #fff;
    text-decoration: none
}

.comment-list form .comment-btn:hover {
    opacity: .6
}

@media (max-width: 834px) {
    .comment-list form .comment-btn {
        border-radius:unset;
        margin: 8px 0 0 -16px;
        width: 100vw
    }
}

.comment-list .comment-modal-open {
    background-color: var(--border-separation);
    color: var(--expressive-red);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 36px;
    letter-spacing: 1px;
    line-height: 36px;
    margin-left: -16px;
    margin-top: 11px;
    text-align: center;
    text-decoration: underline;
    width: 100vw
}

#comment-modal {
    background: #fff;
    bottom: 0;
    display: none;
    height: 100vh;
    left: 0;
    overflow: scroll;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 10000
}

#comment-modal .comment-modal-title-area {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    height: 48px;
    position: fixed;
    width: 100%
}

#comment-modal .comment-modal-title-area .comment-modal-close {
    content: url(https://cdn.lipscosme.com/assets/arrow/dark_80-52447cd424710ee5d587086e5e6c7b81312cbda0af683cf347a722056739448a.png);
    display: block;
    height: 30px;
    left: 12px;
    position: fixed;
    top: 9px;
    width: 30px
}

#comment-modal .comment-modal-title-area .comment-modal-title {
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 48px;
    margin: 0;
    text-align: center;
    width: 100%
}

#comment-modal .comment-modal-inner {
    margin: 48px 0 90px
}

#comment-modal .comment-modal-inner .comment-list .comment-container {
    margin-bottom: 12px
}

#comment-modal form {
    background: #fff;
    bottom: 0;
    padding: 8px 0;
    position: fixed;
    width: calc(100% - 32px)
}

@media (max-width: 834px) {
    .posts-index {
        background:var(--background-elevation-low)
    }
}

.posts-index__title-area {
    background: #fff;
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .posts-index__title-area {
        padding:16px
    }
}

.posts-index__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 4px;
    text-align: center
}

@media (max-width: 834px) {
    .posts-index__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.posts-index__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: center
}

@media (max-width: 834px) {
    .posts-index__update-time {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.posts-index__info-bar {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

@media (max-width: 834px) {
    .posts-index__info-bar {
        padding:16px
    }
}

.posts-index__item-count {
    font-weight: 400;
    margin: 0
}

.posts-index__item-count,.posts-index__sort {
    color: var(--object-secondary);
    font-size: 12px;
    line-height: 150%
}

.posts-index__sort {
    align-items: center;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: flex;
    font-weight: 500;
    padding: 12px
}

@media (max-width: 834px) {
    .posts-index__sort {
        border:unset;
        padding: 0
    }
}

.posts-index__sort:before {
    background: url(https://cdn.lipscosme.com/assets/arrange/subblack-800a56cd4765b644291976063732cd6e4689f528daf48ea8064a3f7137fe6d84.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.posts-index__sort-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: unset
}

.posts-index__sort-select:focus {
    outline: none
}

.posts-index__posts-list {
    background: #fff;
    margin: 16px 0
}

.PostListSmall__container {
    align-items: center;
    column-gap: 8px;
    display: grid;
    grid-template-areas: "media content" "media publishedAt";
    grid-template-columns: 60px 1fr;
    grid-template-rows: 1fr fit-content(30px);
    margin-bottom: 12px
}

.PostListSmall__container,.PostListSmall__container:active,.PostListSmall__container:focus,.PostListSmall__container:hover {
    color: var(--object-main);
    text-decoration: none
}

.PostListSmall__container:last-child {
    margin-bottom: 0
}

.PostListSmall__media {
    border-radius: 4px;
    display: block;
    grid-area: media;
    height: 60px;
    object-fit: cover;
    width: 60px
}

.PostListSmall__content {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    grid-area: content;
    overflow: hidden
}

.PostListSmall__published-at {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    grid-area: publishedAt;
    line-height: 150%
}

.PostListSquare___title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .PostListSquare___title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.PostListSquare__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.PostListSquare__listItem {
    aspect-ratio: 1/1;
    position: relative;
    width: calc(25% - .75px)
}

@media (max-width: 834px) {
    .PostListSquare__listItem {
        width:calc(33.33333% - .66667px)
    }
}

.PostListSquare__link {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.PostListSquare__link,.PostListSquare__link:active,.PostListSquare__link:focus,.PostListSquare__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.PostListSquare__link.movie-post:after {
    background-color: #fff;
    box-shadow: 0 0 2px 0 #000;
    content: "";
    display: block;
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/movie_active-9020fea26d1243e8c40aa4b4e8455b895604bf83b9cc78c8270fb4dae4881538.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/movie_active-9020fea26d1243e8c40aa4b4e8455b895604bf83b9cc78c8270fb4dae4881538.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 32px
}

@media (max-width: 834px) {
    .PostListSquare__link.movie-post:after {
        height:24px;
        width: 24px
    }
}

.PostListSquare__thumb {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.PostListSquare__productImage {
    position: relative
}

.PostListSquare__productImage__thumb {
    aspect-ratio: 1/1;
    object-fit: contain;
    width: 100%
}

.PostListSquare__productImage__content {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 170%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    background: linear-gradient(180deg,transparent,hsla(0,0%,100%,.5) 20%);
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 0 12px;
    position: absolute;
    right: 0
}

.PostListSquare__noimage {
    background: var(--background-elevation-high);
    padding: 12px
}

.PostListSquare__noimage__content {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 170%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    overflow: hidden
}

.PostListSquare__pinIcon {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1
}

.PostMoviePickup__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .PostMoviePickup__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.PostMoviePickup__title .sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .PostMoviePickup__title .sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.PostMoviePickup__movies {
    display: flex;
    gap: 8px;
    margin-top: 24px
}

@media (max-width: 834px) {
    .PostMoviePickup__movies {
        margin:16px 0;
        -ms-overflow-style: none;
        overflow-x: scroll;
        padding: 0 16px;
        scrollbar-width: none
    }

    .PostMoviePickup__movies::-webkit-scrollbar {
        display: none
    }

    .PostMoviePickup__movies:last-child {
        margin-bottom: 24px
    }
}

.PostMoviePickup__cell {
    position: relative;
    width: 20%
}

@media (max-width: 834px) {
    .PostMoviePickup__cell {
        min-width:126px
    }
}

.PostMoviePickup__cell:before {
    content: "";
    display: block;
    padding-top: 178%
}

.PostMoviePickup__cell-thumb {
    border-radius: 4px;
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.PostMoviePickup__cover {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.08) 72.85%);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.PostMoviePickup__count {
    bottom: 4%;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    left: 9%;
    line-height: 150%;
    position: absolute;
    z-index: 4
}

.PostMoviePickup__count img {
    height: 16px
}

.PostMoviePickup__count span {
    margin-left: 2px;
    vertical-align: middle
}

.PostMoviePickup__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.PostMoviePickup__more-link,.PostMoviePickup__more-link:active,.PostMoviePickup__more-link:focus,.PostMoviePickup__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .PostMoviePickup__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.PostMoviePickup__video {
    border-radius: 4px;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.movie_post_video {
    display: block;
    margin-bottom: 20px;
    position: relative
}

@media (max-width: 834px) {
    .movie_post_video {
        margin-bottom:16px
    }
}

.movie_post_video__container {
    background: var(--object-main);
    position: relative
}

@media (max-width: 834px) {
    .movie_post_video__container {
        height:100%
    }
}

.movie_post_video__container video {
    display: block;
    max-height: calc(100vh - 166px);
    object-fit: contain;
    width: 100%
}

@media (max-width: 834px) {
    .movie_post_video__container video {
        height:100%;
        max-height: calc(100vh - 254px)
    }
}

.movie_post_video__control-hidden {
    visibility: hidden
}

.movie_post_video__control-hidden button {
    visibility: hidden!important
}

.movie_post_video__control button {
    border: none;
    padding: 0;
    position: absolute
}

.movie_post_video__control-fullscreen button,.movie_post_video__control-sound button {
    background: rgba(0,0,0,.64);
    border-radius: 16px;
    bottom: 20px;
    height: 32px;
    width: 32px
}

@media (max-width: 834px) {
    .movie_post_video__control-fullscreen button,.movie_post_video__control-sound button {
        border-radius:12px;
        bottom: 16px;
        height: 24px;
        width: 24px
    }
}

.movie_post_video__control-fullscreen img,.movie_post_video__control-sound img {
    height: 100%;
    vertical-align: top;
    width: 100%
}

.movie_post_video__control-fullscreen button {
    right: 20px
}

@media (max-width: 834px) {
    .movie_post_video__control-fullscreen button {
        right:16px
    }
}

.movie_post_video__control-sound button {
    left: 20px;
    padding: 6px
}

@media (max-width: 834px) {
    .movie_post_video__control-sound button {
        left:16px;
        padding: 4px
    }
}

.movie_post_video__control-play-pause button {
    background-color: transparent;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.movie_post_video__seekbar-wrap {
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%
}

@media (max-width: 834px) {
    .movie_post_video__seekbar-wrap {
        overflow-x:clip
    }
}

.movie_post_video__seekbar-out {
    background-color: hsla(0,0%,100%,.3);
    height: 4px;
    width: 100%
}

.movie_post_video__seekbar-in {
    background-color: var(--expressive-red);
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: left;
    width: 0
}

.movie_post_video__seekbar-in:after {
    background-color: var(--expressive-red);
    border-radius: 6px;
    content: "";
    display: inline-block;
    height: 12px;
    position: absolute;
    right: -6px;
    top: -4px;
    width: 12px
}

.PostEmbedModal {
    background: #fff;
    border-radius: 20px 20px 0 0
}

@media (min-width: 835px) {
    .PostEmbedModal {
        border-radius:20px;
        width: 464px
    }
}

.PostEmbedModal.open {
    display: flex;
    flex-direction: column
}

.PostEmbedModal__figureheader {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    flex-shrink: 0;
    gap: 0 4px;
    justify-content: space-between;
    padding: 16px 18px
}

@media (max-width: 834px) {
    .PostEmbedModal__figureheader {
        padding:12px 18px
    }
}

.PostEmbedModal__item {
    width: 32px
}

@media (max-width: 834px) {
    .PostEmbedModal__item {
        width:24px
    }
}

.PostEmbedModal__title {
    color: var(--object-main);
    flex-grow: 2;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .PostEmbedModal__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.PostEmbedModal__close {
    background: none;
    border: none;
    padding: 0
}

.PostEmbedModal__close:focus {
    outline: none
}

@media (min-width: 835px) {
    .PostEmbedModal__close {
        background:var(--background-elevation-low);
        border-radius: 50%;
        height: 32px;
        width: 32px
    }
}

.PostEmbedModal__close img {
    height: 24px;
    object-fit: contain;
    width: 24px
}

.PostEmbedModal__main {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: scroll;
    padding: 20px 16px 24px
}

@media (max-width: 834px) {
    .PostEmbedModal__main {
        max-height:80vh
    }
}

.PostEmbedModal__image {
    aspect-ratio: 1/1;
    border-radius: 4px;
    display: block;
    height: 180px;
    margin: auto;
    object-fit: cover;
    width: 180px
}

.PostEmbedModal__embed-code {
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 150%;
    margin-top: 20px;
    overflow: scroll;
    padding: 0 16px;
    resize: none;
    white-space: nowrap;
    width: 100%
}

.PostEmbedModal__link {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 20px
}

.PostEmbedModal__link a {
    color: var(--expressive-blue)
}

.PostEmbedModal__copy {
    background-color: var(--background-primary);
    border: 1px solid var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;
    font-weight: 600;
    line-height: 150%;
    margin: 20px auto 0;
    padding: 15px 0;
    text-align: center;
    width: 100%
}

.PostEmbedModal__copy,.PostEmbedModal__copy:active,.PostEmbedModal__copy:focus,.PostEmbedModal__copy:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .PostEmbedModal__copy {
        width:-webkit-fill-available;
        width: -moz-available;
        width: stretch
    }
}

.PostFeedbackModal {
    background: #fff;
    border-radius: 20px 20px 0 0
}

@media (min-width: 835px) {
    .PostFeedbackModal {
        border-radius:20px;
        width: 464px
    }
}

.PostFeedbackModal.open {
    display: flex;
    flex-direction: column
}

.PostFeedbackModal__figureheader {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    flex-shrink: 0;
    gap: 0 4px;
    justify-content: space-between;
    padding: 16px 18px
}

@media (max-width: 834px) {
    .PostFeedbackModal__figureheader {
        padding:12px 18px
    }
}

.PostFeedbackModal__item {
    width: 32px
}

@media (max-width: 834px) {
    .PostFeedbackModal__item {
        width:24px
    }
}

.PostFeedbackModal__title {
    color: var(--object-main);
    flex-grow: 2;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .PostFeedbackModal__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.PostFeedbackModal__close {
    background: none;
    border: none;
    padding: 0
}

.PostFeedbackModal__close:focus {
    outline: none
}

@media (min-width: 835px) {
    .PostFeedbackModal__close {
        background:var(--background-elevation-low);
        border-radius: 50%;
        height: 32px;
        width: 32px
    }
}

.PostFeedbackModal__close img {
    height: 24px;
    object-fit: contain;
    width: 24px
}

.PostFeedbackModal__main {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: scroll
}

@media (max-width: 834px) {
    .PostFeedbackModal__main {
        max-height:80vh
    }
}

.PostFeedbackModal__reason {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    gap: 8px;
    padding: 12px 20px
}

@media (max-width: 834px) {
    .PostFeedbackModal__reason {
        padding:12px 16px
    }
}

.PostFeedbackModal__reason label {
    color: var(--object-main);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    width: 100%
}

@media (max-width: 834px) {
    .PostFeedbackModal__reason label {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.PostFeedbackModal__reason input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid var(--object-tertiary);
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    margin: 0;
    outline: none;
    padding: 3px;
    width: 20px
}

.PostFeedbackModal__reason input[type=radio]:checked {
    background-color: var(--background-elevation-high);
    border: 1px solid var(--background-primary)
}

.PostFeedbackModal__reason input[type=radio]:checked:before {
    background-color: var(--background-primary);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.PostFeedbackModal__link {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 16px 20px;
    text-align: center
}

@media (max-width: 834px) {
    .PostFeedbackModal__link {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        padding: 16px
    }
}

.PostFeedbackModal__link a {
    color: var(--expressive-red)
}

.PostFeedbackModal__submit {
    background: none;
    border: none;
    padding: 0 20px 24px
}

.PostFeedbackModal__submit:focus {
    outline: none
}

@media (max-width: 834px) {
    .PostFeedbackModal__submit {
        padding:0 16px 24px
    }
}

.PostFeedbackModal__submit input {
    background-color: var(--background-primary);
    border: 1px solid var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 100%
}

.PostFeedbackModal__submit input,.PostFeedbackModal__submit input:active,.PostFeedbackModal__submit input:focus,.PostFeedbackModal__submit input:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .PostFeedbackModal__submit input {
        width:-webkit-fill-available;
        width: -moz-available;
        width: stretch
    }
}

.PostFeedbackModal__submit input:disabled {
    background: var(--background-inactive);
    border: 1px solid var(--background-inactive)
}

.post-list {
    margin-top: 16px
}

@media (max-width: 834px) {
    .post-list {
        background:var(--background-elevation-low);
        margin-top: 0
    }
}

.post-list .title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .post-list .title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.post-list .notfound {
    color: var(--object-secondary);
    font-size: 15px;
    margin: 0;
    padding: 30px 0;
    text-align: center
}

.post-list ul#items.posts {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 6px 0 0
}

@media (max-width: 834px) {
    .post-list ul#items.posts {
        padding:0
    }
}

.post-list ul#items.posts .post-cell {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgb(var(--object-main)/.2);
    box-sizing: border-box;
    display: block;
    float: left;
    list-style-type: none;
    margin: 6px 0;
    position: relative;
    text-align: left;
    width: calc(33.33333% - 8px)
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell {
        box-shadow:none;
        margin: 4px 0;
        width: calc(50% - 12px)
    }

    .post-list ul#items.posts .post-cell:nth-of-type(2n+0) {
        margin: 4px 8px 4px 4px
    }

    .post-list ul#items.posts .post-cell:nth-of-type(odd) {
        margin: 4px 4px 4px 8px
    }
}

.post-list ul#items.posts .post-cell:nth-of-type(3n+0) {
    margin: 6px 0 6px 6px
}

.post-list ul#items.posts .post-cell:nth-of-type(3n+1) {
    margin: 6px 6px 6px 0
}

.post-list ul#items.posts .post-cell:nth-of-type(3n+2) {
    margin: 6px
}

.post-list ul#items.posts .post-cell .post-content-container {
    text-decoration: none
}

.post-list ul#items.posts .post-cell .post-content-container .post-image-container {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.post-list ul#items.posts .post-cell .post-content-container .post-image-container .post-image {
    border-radius: 12px 12px 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.post-list ul#items.posts .post-cell .post-content-container .post-image-container .movie-play-image {
    position: absolute
}

@media (min-width: 835px) {
    .post-list ul#items.posts .post-cell .post-content-container .post-image-container .movie-play-image {
        height:60px;
        right: 88px;
        top: 84px;
        width: 60px
    }
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-content-container .post-image-container .movie-play-image {
        bottom:0;
        height: 48px;
        left: 0;
        margin: auto;
        right: 0;
        top: 0;
        width: 48px
    }
}

.post-list ul#items.posts .post-cell .post-content-container .post-image-container .post-count {
    background: hsla(0,0%,100%,.85);
    border-radius: 10px 0 0 10px;
    color: var(--object-main);
    font-size: 16px;
    height: 37px;
    padding: 0 12px;
    position: absolute;
    right: 0;
    top: 20px;
    width: auto
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-content-container .post-image-container .post-count {
        border-radius:8px 0 0 8px;
        font-size: 12px;
        height: 28px;
        padding-left: 10px;
        top: 16px;
        width: auto
    }
}

.post-list ul#items.posts .post-cell .post-content-container .post-image-container .post-count .like-count {
    background: url(https://cdn.lipscosme.com/assets/heart/lips_50-51d61302cd76206482c85096259f7c5eecc544c4b561723bc157b1102bbb0af0.png) no-repeat;
    background-position: 0;
    background-size: 20px;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    margin-right: 10px;
    padding-left: 22px;
    vertical-align: middle
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-content-container .post-image-container .post-count .like-count {
        background-size:16px;
        height: 28px;
        line-height: 28px;
        margin-right: 8px;
        padding-left: 18px
    }
}

.post-list ul#items.posts .post-cell .post-content-container .post-image-container .post-count .clip-count {
    background: url(https://cdn.lipscosme.com/assets/clip/lips_50-90236513af9572c3f83817f5e7dbec239a5fb5dc79d47ca0d6937ea0b9ca9be5.png) no-repeat;
    background-position: 0;
    background-size: 20px;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    padding-left: 22px;
    vertical-align: middle
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-content-container .post-image-container .post-count .clip-count {
        background-size:16px;
        height: 28px;
        line-height: 28px;
        padding-left: 18px
    }
}

.post-list ul#items.posts .post-cell .post-content-container .post-content {
    padding: 45px 12px 4px
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-content-container .post-content {
        padding:41px 8px 4px
    }
}

.post-list ul#items.posts .post-cell .post-content-container .post-content p {
    color: var(--object-main);
    font-size: 11px;
    height: 51px;
    line-height: 17px;
    margin: 0;
    overflow: hidden
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-content-container .post-content p {
        font-size:9px;
        height: 42px;
        line-height: 14px
    }
}

.post-list ul#items.posts .post-cell .post-content-container .post-content span.post-date {
    color: var(--object-tertiary);
    display: inline-block;
    font-size: 10px;
    line-height: 15px;
    margin-top: 8px;
    text-align: right;
    width: 100%
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-content-container .post-content span.post-date {
        font-size:8px;
        line-height: 12px;
        margin-top: 6px
    }
}

.post-list ul#items.posts .post-cell .post-content-container hr {
    color: var(--border-separation);
    margin: 0 12px
}

.post-list ul#items.posts .post-cell .post-user-container {
    bottom: 143px;
    left: 0;
    position: absolute;
    width: 100%
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-user-container {
        bottom:121px
    }
}

.post-list ul#items.posts .post-cell .post-user-container .user-link {
    text-decoration: none
}

.post-list ul#items.posts .post-cell .post-user-container .profile-icon {
    border: 3px solid #fff;
    border-radius: 50%;
    box-sizing: content-box;
    height: 44px;
    left: 5px;
    object-fit: cover;
    position: absolute;
    top: -10px;
    width: 44px
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-user-container .profile-icon {
        height:40px;
        left: 3px;
        width: 40px
    }
}

.post-list ul#items.posts .post-cell .post-user-container .nickname {
    display: block;
    overflow: hidden;
    padding: 3px 12px 0 62px;
    text-overflow: clip;
    white-space: nowrap
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-user-container .nickname {
        padding:4px 8px 0 52px
    }
}

.post-list ul#items.posts .post-cell .post-user-container .nickname p {
    height: 18px;
    line-height: 18px;
    margin: 0
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-user-container .nickname p {
        height:14px;
        line-height: 14px
    }
}

.post-list ul#items.posts .post-cell .post-user-container .nickname p span {
    color: var(--object-main);
    font-size: 13px;
    font-weight: 700;
    max-width: 100%;
    overflow: hidden;
    padding-right: 12px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-user-container .nickname p span {
        font-size:10px
    }
}

.post-list ul#items.posts .post-cell .post-user-container .nickname p span:after {
    position: absolute;
    right: 0;
    top: 2px
}

.post-list ul#items.posts .post-cell .post-user-container .nickname .official-mark {
    margin-top: -2.3px
}

.post-list ul#items.posts .post-cell .post-user-container .nickname span {
    color: var(--object-secondary);
    display: inline-block;
    font-size: 10px;
    height: 14px;
    line-height: 14px
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-user-container .nickname span {
        font-size:8px
    }
}

.post-list ul#items.posts .post-cell .post-product {
    height: 60px;
    padding: 8px 12px 12px;
    position: relative
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-product {
        height:51.5px;
        padding: 7.5px 8px 10px
    }
}

.post-list ul#items.posts .post-cell .post-product a {
    text-decoration: none
}

.post-list ul#items.posts .post-cell .post-product .product-thumb {
    border: 1px solid var(--border-separation);
    border-radius: 50%;
    height: 36px;
    left: 12px;
    object-fit: contain;
    position: absolute;
    top: 8px;
    width: 36px
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-product .product-thumb {
        height:34px;
        left: 8px;
        width: 34px
    }
}

.post-list ul#items.posts .post-cell .post-product .product-content {
    overflow: hidden;
    padding-left: 44px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-product .product-content {
        padding-left:40px
    }
}

.post-list ul#items.posts .post-cell .post-product .product-content .product-brand {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 500;
    height: 12px;
    line-height: 12px;
    margin: 0 0 1px
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-product .product-content .product-brand {
        font-size:9px;
        height: 13px;
        line-height: 13px
    }
}

.post-list ul#items.posts .post-cell .post-product .product-content .product-category {
    color: var(--object-secondary);
    font-size: 10px;
    height: 12px;
    line-height: 12px;
    margin-bottom: 2px
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-product .product-content .product-category {
        font-size:8px;
        height: 8px;
        line-height: 8px
    }
}

.post-list ul#items.posts .post-cell .post-product .product-content .product-rate {
    height: 10px;
    margin-top: 2px
}

.post-list ul#items.posts .post-cell .post-product .product-content .product-rate span {
    float: left
}

.post-list ul#items.posts .post-cell .post-product .product-content .product-rate .rating-star {
    background: url(https://cdn.lipscosme.com/assets/star/lips_50-a63680e8f22dbfee3c6164e8241a073fea3fe84c94c5694f03351389639b6e34.png) no-repeat;
    background-size: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 1px;
    width: 10px
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-product .product-content .product-rate .rating-star {
        background-size:10px;
        height: 10px;
        width: 10px
    }
}

.post-list ul#items.posts .post-cell .post-product .product-content .product-rate .rating-star-half {
    background: url(https://cdn.lipscosme.com/assets/star/half-42937994e1193eb0be42c3c2070b484fc7444926488a90bc815e9099fcadd898.png) no-repeat;
    background-size: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 1px;
    width: 10px
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-product .product-content .product-rate .rating-star-half {
        background-size:10px;
        height: 10px;
        width: 10px
    }
}

.post-list ul#items.posts .post-cell .post-product .product-content .product-rate .rating-star-blank {
    background: url(https://cdn.lipscosme.com/assets/star/wafar-dfa0021171649fbde3ffe5b8c5d4e9e7e88eedcff3345bc597338d8a35d6e4bb.png) no-repeat;
    background-size: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 1px;
    width: 10px
}

@media (max-width: 834px) {
    .post-list ul#items.posts .post-cell .post-product .product-content .product-rate .rating-star-blank {
        background-size:10px;
        height: 10px;
        width: 10px
    }
}

.post-list ul#items.posts .post-cell .post-product .product-content .product-rate .rating-num {
    color: var(--expressive-red);
    float: left;
    font-size: 8px;
    font-weight: 700;
    height: 10px;
    line-height: 10px;
    margin-left: 2px;
    width: 13px
}

.for-brand-index ul#items.posts .post-cell {
    width: calc(25% - 9px)
}

.for-brand-index ul#items.posts .post-cell:nth-of-type(4n+1) {
    margin: 6px 6px 6px 0
}

.for-brand-index ul#items.posts .post-cell:nth-of-type(4n+2),.for-brand-index ul#items.posts .post-cell:nth-of-type(4n+3) {
    margin: 6px
}

.for-brand-index ul#items.posts .post-cell:nth-of-type(4n+4) {
    margin: 6px 0 6px 6px
}

.PostListMedium {
    margin: 16px 0
}

@media (max-width: 834px) {
    .PostListMedium {
        margin:0
    }
}

.PostListMedium__repost {
    margin: 0 2px;
    vertical-align: baseline;
    width: 12px
}

.PostListMedium__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 14px
}

@media (max-width: 834px) {
    .PostListMedium__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.PostListMedium__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .PostListMedium__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.PostListMedium__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (min-width: 835px) {
    .PostListMedium__list {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.PostListMedium__item {
    contain: content;
    contain-intrinsic-size: 270px;
    content-visibility: auto;
    list-style-type: none;
    padding: 8px 0;
    width: calc(50% - 16px)
}

@media (min-width: 835px) {
    .PostListMedium__item {
        contain-intrinsic-size:258px
    }

    .PostListMedium__item:nth-child(n+3) {
        margin-top: 8px
    }
}

@media (max-width: 834px) {
    .PostListMedium__item {
        border-bottom:1px solid var(--border-separation);
        padding: 16px 12px;
        width: 100%
    }

    .PostListMedium__item:active,.PostListMedium__item:hover {
        background: var(--background-elevation-low)
    }

    .PostListMedium__item:active .PostListMedium__read-more,.PostListMedium__item:hover .PostListMedium__read-more {
        background: linear-gradient(to right,transparent,var(--background-elevation-low) 55%)
    }

    .PostListMedium__item:first-child {
        padding: 0 12px 16px
    }
}

.PostListMedium__link,.PostListMedium__link:active,.PostListMedium__link:focus,.PostListMedium__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.PostListMedium__post-images-area {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0 0 8px;
    padding: 0
}

@media (max-width: 834px) {
    .PostListMedium__post-images-area {
        margin-left:calc(50% - 50vw);
        margin-right: calc(50% - 50vw)
    }
}

.PostListMedium__post-thumb-container {
    background-color: var(--background-elevation-low);
    height: auto;
    padding-top: calc(33.33333% - 2.66667px);
    position: relative;
    width: calc(33.33333% - 1.33333px)
}

.PostListMedium__post-thumb {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.PostListMedium__post-content-area {
    position: relative
}

.PostListMedium__post-content {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    height: 94px;
    line-height: 170%;
    margin-bottom: 12px;
    overflow: hidden
}

@media (max-width: 834px) {
    .PostListMedium__post-content {
        -webkit-box-orient:vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        height: 72px;
        overflow: hidden
    }
}

.PostListMedium__post-content .highlights,.PostListMedium__post-content b {
    background: linear-gradient(transparent 70%,rgba(255,221,226,.8) 0);
    font-weight: 700
}

.PostListMedium__read-more {
    background: linear-gradient(to right,transparent,var(--background-elevation-high) 55%);
    bottom: 0;
    color: var(--expressive-red);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    line-height: 170%;
    position: absolute;
    right: 0;
    text-align: right;
    width: 155px
}

.PostListMedium__sub-content {
    justify-content: space-between
}

.PostListMedium__sub-content,.PostListMedium__user {
    align-items: center;
    display: flex
}

.PostListMedium__user-thumb {
    border-radius: 50%;
    height: 28px;
    object-fit: cover;
    width: 28px
}

.PostListMedium__user-info {
    align-items: center;
    color: var(--object-secondary);
    column-gap: 4px;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    margin: 0 0 0 6px;
    max-height: 26px;
    overflow: hidden;
    padding: 0
}

.PostListMedium__user-info-item:not(:last-child):after {
    content: "|";
    display: content;
    margin-left: 4px
}

.PostListMedium__info {
    flex-shrink: 0
}

.PostListMedium__info-list {
    color: var(--object-secondary);
    display: flex;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.PostListMedium__info-ic {
    height: 12px;
    object-fit: contain;
    width: 12px
}

.PostListMedium__info-clip,.PostListMedium__info-like {
    align-items: center;
    display: flex;
    filter: invert(49%) sepia(1%) saturate(434%) hue-rotate(40deg) brightness(95%) contrast(89%);
    gap: 2px
}

.PostListMedium__info-clip {
    margin-left: 4px
}

.PostListMedium__info-published_at {
    border-left: 1px solid var(--border-separation);
    margin-left: 6px;
    padding-left: 6px
}

.PostListMedium__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.PostListMedium__more-link,.PostListMedium__more-link:active,.PostListMedium__more-link:focus,.PostListMedium__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .PostListMedium__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.PostListMedium__no-post {
    margin-top: 18px;
    text-align: center
}

@media (min-width: 835px) {
    .PostListMedium__no-post {
        display:flex;
        flex-direction: row-reverse;
        justify-content: center
    }
}

@media (max-width: 834px) {
    .PostListMedium__no-post_text-content {
        margin-top:12px
    }
}

.PostListMedium__no-post_title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.PostListMedium__no-post_description {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 12px
}

.PostListMedium__no-post_image {
    height: 70px;
    vertical-align: top;
    width: 70px
}

@media (min-width: 835px) {
    .PostListMedium__no-post_image {
        height:76px;
        margin-left: 32px;
        width: 76px
    }
}

@media (max-width: 834px) {
    .PostListMedium__no-post_image {
        margin-top:8px
    }

    .post-show {
        background-color: var(--background-elevation-low)
    }
}

.post-show__inner {
    background: var(--background-elevation-high)
}

@media (min-width: 835px) {
    .post-show__inner {
        display:grid;
        gap: 0 32px;
        grid-template-areas: "user user" "media content";
        grid-template-columns: 420px 1fr
    }

    .post-show__inner.movie_post {
        grid-template-areas: "media media" "user user" "content content"
    }

    .post-show__inner.no_media {
        grid-template-areas: "user user" "content content"
    }
}

.post-show__user-profile {
    align-items: center;
    display: flex;
    gap: 16px;
    grid-area: user;
    min-width: 0
}

@media (max-width: 834px) {
    .post-show__user-profile {
        gap:8px;
        justify-content: space-between;
        padding: 16px 8px
    }
}

.post-show__user-profile_user {
    min-width: 0
}

@media (min-width: 835px) {
    .post-show__user-profile_user {
        padding-bottom:20px;
        position: relative
    }
}

.post-show__user-profile_user:hover .post-show__user-profile_user-info {
    display: block
}

.post-show__user-profile_user-link {
    align-items: center;
    display: flex;
    flex-shrink: 1;
    gap: 8px;
    min-width: 0
}

.post-show__user-profile_user-link,.post-show__user-profile_user-link:active,.post-show__user-profile_user-link:focus,.post-show__user-profile_user-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .post-show__user-profile_user-link {
        align-items:center
    }
}

.post-show__user-profile_user-thumb {
    border-radius: 50px;
    flex-shrink: 0;
    height: 40px;
    object-fit: cover;
    width: 40px
}

@media (max-width: 834px) {
    .post-show__user-profile_user-thumb {
        height:32px;
        width: 32px
    }
}

.post-show__user-profile_user-name-and-attributes {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    gap: 8px;
    min-width: 0
}

@media (max-width: 834px) {
    .post-show__user-profile_user-name-and-attributes {
        align-items:flex-start;
        flex-direction: column;
        gap: 2px
    }
}

.post-show__user-profile_user-name {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .post-show__user-profile_user-name {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        max-width: 100%
    }
}

.post-show__user-profile_user-attributes {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .post-show__user-profile_user-attributes {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%;
        max-width: 100%
    }
}

.post-show__user-profile_follow {
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

.post-show__user-profile_follow,.post-show__user-profile_follow:active,.post-show__user-profile_follow:focus,.post-show__user-profile_follow:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

@media (min-width: 835px) {
    .post-show__user-profile_follow {
        padding-bottom:20px
    }
}

@media (max-width: 834px) {
    .post-show__user-profile_follow {
        background:var(--background-primary);
        border-radius: 4px;
        color: #fff;
        display: block;
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        padding: 7px 12px;
        text-align: center;
        text-decoration: none
    }

    .post-show__user-profile_follow:active,.post-show__user-profile_follow:focus,.post-show__user-profile_follow:hover {
        color: #fff;
        text-decoration: none
    }
}

.post-show__user-profile_follow.following {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

.post-show__user-profile_follow.following,.post-show__user-profile_follow.following:active,.post-show__user-profile_follow.following:focus,.post-show__user-profile_follow.following:hover {
    color: var(--object-secondary);
    text-decoration: none
}

@media (max-width: 834px) {
    .post-show__user-profile_follow.following {
        background:#efefef;
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }

    .post-show__user-profile_follow.following,.post-show__user-profile_follow.following:active,.post-show__user-profile_follow.following:focus,.post-show__user-profile_follow.following:hover {
        color: var(--object-main);
        text-decoration: none
    }
}

@media (min-width: 835px) {
    .post-show__user-profile_user-info {
        background-color:var(--background-elevation-high);
        border-radius: 8px;
        box-shadow: 0 0 16px 0 rgba(0,0,0,.25);
        display: none;
        min-width: 410px;
        position: absolute;
        top: 54px;
        z-index: 10
    }
}

.post-show__media {
    grid-area: media;
    position: relative
}

@media (min-width: 835px) {
    .post-show__media {
        padding-bottom:20px
    }

    .post-show__media:has(.movie_post_video) {
        padding-bottom: 0
    }
}

.post-show__reactionIcon {
    margin: 12px 0 0
}

@media (max-width: 834px) {
    .post-show__reactionIcon {
        margin:12px 16px 0
    }
}

.post-show__reactionIcon--onlyText {
    margin: 16px 0 0
}

@media (max-width: 834px) {
    .post-show__reactionIcon--onlyText {
        margin:12px 0 0
    }
}

.post-show__reactionIcon--video {
    bottom: 104px;
    margin: 0;
    position: absolute;
    right: 20px
}

@media (max-width: 834px) {
    .post-show__reactionIcon--video {
        bottom:64px;
        right: 12px
    }
}

.post-show__title-info-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    gap: 24px;
    grid-area: content
}

@media (max-width: 834px) {
    .post-show__title-info-content {
        gap:16px;
        margin-top: 16px
    }
}

.post-show__media-list {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(5,1fr);
    list-style-type: none;
    margin: 4px 0 0;
    padding: 0
}

.post-show__media-list-medium {
    aspect-ratio: 1;
    cursor: pointer;
    position: relative
}

.post-show__media-list-medium.current-item .post-show__media-list-medium-border {
    border: 4px solid var(--expressive-blue)
}

.post-show__media-list-medium-border {
    height: 100%;
    position: absolute;
    width: 100%
}

.post-show__media-list-medium img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.post-show__media-list-medium.movie:after {
    background: url(https://cdn.lipscosme.com/assets/feather/play-2b729377465f6ebc133fea626368f256b14465fe24248edc0caef4b967e340d3.svg) no-repeat;
    background-color: rgba(34,34,34,.4);
    background-position: 50%;
    background-size: 16px 16px;
    border-radius: 74px;
    bottom: 0;
    content: "";
    display: block;
    height: 32px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px
}

.post-show__image-item {
    position: relative
}

.post-show__media-link,.post-show__media-link:active,.post-show__media-link:focus,.post-show__media-link:hover {
    color: transparent;
    text-decoration: none
}

.post-show__media-link:hover {
    cursor: pointer
}

.post-show__media-link:active,.post-show__media-link:focus,.post-show__media-link:hover {
    outline: none
}

.post-show__media-link.movie:after {
    background: url(https://cdn.lipscosme.com/assets/feather/play-2b729377465f6ebc133fea626368f256b14465fe24248edc0caef4b967e340d3.svg) no-repeat;
    background-color: rgba(34,34,34,.4);
    background-position: 50%;
    background-size: 60px 60px;
    border-radius: 74px;
    bottom: 0;
    content: "";
    display: block;
    height: 76px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 76px
}

@media (max-width: 834px) {
    .post-show__media-link.movie:after {
        background-size:52px 52px;
        height: 68px;
        width: 68px
    }
}

.post-show__carousel-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.post-show__carousel-item {
    background: var(--background-elevation-low);
    position: relative
}

@media (min-width: 835px) {
    .post-show__carousel-item {
        aspect-ratio:1!important
    }
}

.post-show__carousel-item-image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.post-show .splide__pagination {
    bottom: -28.5px;
    position: absolute
}

@media (min-width: 835px) {
    .post-show .splide__pagination {
        display:none
    }
}

.post-show__title-area {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (max-width: 834px) {
    .post-show__title-area {
        padding:0 16px
    }
}

.post-show__title-and-menu {
    align-items: center;
    display: flex;
    gap: 0 8px;
    justify-content: space-between
}

@media (max-width: 834px) {
    .post-show__title-and-menu {
        margin-right:-10px
    }
}

.post-show__title-menu {
    display: block
}

.post-show__title-menu,.post-show__title-menu:active,.post-show__title-menu:focus,.post-show__title-menu:hover {
    color: var(--object-main);
    text-decoration: none
}

.post-show__title-menu img {
    height: 32px;
    width: 32px
}

@media (max-width: 834px) {
    .post-show__title-menu img {
        height:24px;
        width: 24px
    }
}

.post-show__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 170%;
    margin: 0
}

@media (max-width: 834px) {
    .post-show__title {
        font-size:14px
    }
}

.post-show__dropdown-menu {
    border: 1px solid var(--border-separation);
    border-radius: 12px;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.16)
}

.post-show__dropdown-item {
    padding: 0
}

.post-show__dropdown-item:active {
    background-color: unset
}

.post-show__dropdown-item a {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 16px;
    line-height: 150%;
    padding: 16px
}

.post-show__dropdown-item a,.post-show__dropdown-item a:active,.post-show__dropdown-item a:focus,.post-show__dropdown-item a:hover {
    color: var(--object-main);
    text-decoration: none
}

.post-show__published_at {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .post-show__published_at {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.post-show__content-area {
    background: #fff
}

@media (min-width: 835px) {
    .post-show__content-area {
        flex-grow:1;
        position: relative
    }
}

.post-show__pr_text {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 700;
    line-height: 150%;
    padding: 4px;
    white-space: pre;
    width: fit-content
}

.post-show__content {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    white-space: pre-line;
    width: 100%
}

@media (max-width: 834px) {
    .post-show__content {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%
    }
}

@media (min-width: 835px) {
    .post-show__content.is_flex {
        height:100%;
        position: absolute
    }
}

@media (max-width: 834px) {
    .post-show__content-inner {
        max-height:480px;
        overflow: hidden;
        position: relative
    }

    .post-show__content-inner:after {
        background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 80%,#fff);
        bottom: 0;
        content: "";
        display: block;
        height: 80px;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%
    }

    .post-show__content-inner.is_open {
        max-height: unset
    }

    .post-show__content-inner.is_open:after {
        display: none
    }
}

.post-show__content .replace_hashtags_content {
    margin: 0
}

@media (max-width: 834px) {
    .post-show__content .replace_hashtags_content {
        margin:0 16px
    }
}

.post-show__content .replace_hashtags_content .hashtag {
    color: var(--expressive-red)
}

@media (max-width: 834px) {
    .post-show .scroll__scrollable {
        margin-right:0;
        padding-right: 0
    }

    .post-show .scroll__adjustment {
        margin-right: 0
    }
}

.post-show__read-more {
    margin-bottom: 20px;
    padding: 0 16px
}

.post-show__read-more_post-content {
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    display: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.post-show__read-more_post-content:after {
    background: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 4px;
    transform: rotate(90deg);
    vertical-align: bottom;
    width: 20px
}

.post-show__read-more_post-content:active,.post-show__read-more_post-content:focus,.post-show__read-more_post-content:hover {
    color: var(--object-main);
    text-decoration: none
}

.post-show__read-more_post-content.is_show {
    display: block
}

.post-show__read-on-app {
    background-color: #fff;
    padding: 0 16px
}

.post-show__read-on-app__app-link {
    border: 1px solid var(--expressive-red);
    border-radius: 4px;
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding: 12px 0;
    text-align: center;
    width: 100%
}

.post-show__read-on-app__app-link,.post-show__read-on-app__app-link:active,.post-show__read-on-app__app-link:focus,.post-show__read-on-app__app-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.post-show__used-products-list {
    border-bottom: 1px solid var(--border-separation)
}

.post-show__used-products-list+.post-show__prev-next {
    border-top: none
}

.post-show__prev-next {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    padding: 8px
}

.post-show__prev-next-list {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.post-show__prev-next-item {
    width: calc(33.33333% - 5.33333px)
}

.post-show__prev-next-item:first-child {
    position: relative
}

.post-show__prev-next-item:first-child:after {
    background: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 32px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: rotate(180deg) translateY(50%);
    width: 32px
}

@media (max-width: 834px) {
    .post-show__prev-next-item:first-child:after {
        height:20px;
        width: 20px
    }
}

.post-show__prev-next-item.is-disabled:first-child:after {
    opacity: 0
}

.post-show__prev-next-item:last-child {
    position: relative
}

.post-show__prev-next-item:last-child:after {
    background: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(0deg) translateY(-50%);
    width: 32px
}

@media (max-width: 834px) {
    .post-show__prev-next-item:last-child:after {
        height:20px;
        width: 20px
    }
}

.post-show__prev-next-item.is-disabled:last-child:after {
    opacity: 0
}

.post-show__prev-next-link {
    border-radius: 8px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 12px 0;
    text-align: center
}

.post-show__prev-next-link,.post-show__prev-next-link:active,.post-show__prev-next-link:focus,.post-show__prev-next-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.post-show__prev-next-link.is-disabled {
    cursor: none
}

@media (min-width: 835px) {
    .post-show #sub-col {
        padding-top:72px
    }

    .post-show .tieup-all_pages-banner__image {
        margin-top: 0!important
    }

    .post-show .product-show__feature-article {
        margin-top: 72px
    }
}

.post-show__comments {
    background: var(--background-elevation-high)
}

.post-show__comments-figureheader {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    justify-content: center;
    padding: 16px 18px;
    position: relative
}

@media (max-width: 834px) {
    .post-show__comments-figureheader {
        padding:16px 18px
    }
}

.post-show__comments-close {
    position: absolute;
    right: 18px;
    width: 32px
}

@media (max-width: 834px) {
    .post-show__comments-close {
        width:24px
    }
}

.post-show__comments-close_button {
    background: none;
    border: none;
    padding: 0
}

.post-show__comments-close_button:focus {
    outline: none
}

@media (min-width: 835px) {
    .post-show__comments-close_button {
        background:var(--background-elevation-low);
        border-radius: 50%;
        height: 32px;
        width: 32px
    }
}

.post-show__comments-close_button img {
    height: 24px;
    object-fit: contain;
    width: 24px
}

.post-show__comments-title {
    color: var(--object-main);
    flex-grow: 1;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .post-show__comments-title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.post-show__comments-list {
    border-bottom: 1px solid var(--border-separation);
    contain-intrinsic-size: 586px;
    content-visibility: auto;
    list-style-type: none;
    margin: 0;
    max-height: 586px;
    overflow-y: scroll;
    padding: 0
}

@media (max-width: 834px) {
    .post-show__comments-list {
        border:unset;
        contain-intrinsic-size: 478px;
        max-height: 478px;
        padding: 0
    }
}

.post-show__comments-list .comments-item {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 16px
}

@media (max-width: 834px) {
    .post-show__comments-list .comments-item {
        padding:12px
    }
}

.post-show__comments-list .comments-item__profile-icon {
    border-radius: 50%;
    height: 48px;
    object-fit: cover;
    width: 48px
}

@media (max-width: 834px) {
    .post-show__comments-list .comments-item__profile-icon {
        height:32px;
        width: 32px
    }
}

.post-show__comments-list .comments-item__container {
    align-items: flex-start;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 8px;
    width: calc(100% - 64px)
}

@media (max-width: 834px) {
    .post-show__comments-list .comments-item__container {
        width:calc(100% - 40px)
    }
}

.post-show__comments-list .comments-item__figureheader {
    align-items: baseline;
    display: flex;
    gap: 8px
}

.post-show__comments-list .comments-item__contents {
    border-radius: 4px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    overflow-wrap: break-word;
    white-space: pre-line
}

@media (max-width: 834px) {
    .post-show__comments-list .comments-item__contents {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.post-show__comments-list .comments-item__contents .reply_to {
    display: block
}

.post-show__comments-list .comments-item__nickname {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    line-height: 1
}

@media (max-width: 834px) {
    .post-show__comments-list .comments-item__nickname {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        line-height: 1
    }
}

.post-show__comments-list .comments-item__created-at {
    color: var(--object-tertiary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.post-show__detail-info-title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .post-show__detail-info-title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

@media (min-width: 835px) {
    .post-show__detail-info-title {
        margin-bottom:16px
    }
}

.post-show__children-comments-list {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 64px
}

@media (max-width: 834px) {
    .post-show__children-comments-list {
        padding:0 0 0 40px
    }
}

.post-show__children-comments-list .comments-item__profile-icon {
    height: 32px;
    width: 32px
}

.post-show__children-comments-list .comments-item__container {
    width: calc(100% - 44px)
}

.post-show__children-comments-list .comments-item__contents {
    font-size: 13px
}

.post-show__comment-form {
    align-items: center;
    border-top: 1px solid var(--border-separation);
    display: flex;
    gap: 12px;
    padding: 16px 16px 24px
}

@media (max-width: 834px) {
    .post-show__comment-form {
        padding:16px 12px 24px
    }
}

.post-show__comment-login {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

.post-show__comment-login,.post-show__comment-login:active,.post-show__comment-login:focus,.post-show__comment-login:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

@media (max-width: 834px) {
    .post-show__comment-login {
        color:var(--expressive-blue);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.post-show__comment-field {
    align-items: center;
    display: flex;
    flex: 1 0 0;
    gap: 4px
}

.post-show__comment-field_icon {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

@media (max-width: 834px) {
    .post-show__comment-field_icon {
        height:24px;
        width: 24px
    }
}

.post-show__comment-field_icon img {
    flex-shrink: 0;
    height: 21px;
    width: 21px
}

@media (max-width: 834px) {
    .post-show__comment-field_icon img {
        height:18px;
        width: 18px
    }
}

.post-show__comment-field_text {
    border: none;
    color: var(--object-main);
    flex: 1 0 0;
    font-size: 16px;
    font-weight: 400;
    height: 24px;
    line-height: 150%;
    margin-bottom: 3.5px;
    overflow: hidden;
    resize: none
}

@media (max-width: 834px) {
    .post-show__comment-field_text {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        height: 21px;
        line-height: 150%;
        margin-bottom: 3px
    }
}

.post-show__comment-field_text::placeholder {
    color: var(--object-tertiary)
}

.post-show__comment-btn {
    background-color: var(--background-elevation-high);
    border: none;
    color: var(--expressive-blue);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    text-align: center
}

@media (max-width: 834px) {
    .post-show__comment-btn {
        color:var(--expressive-blue);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.post-show__brand-category-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.post-show__brand-category-item {
    border-bottom: 1px solid var(--border-separation);
    display: block;
    padding: 12px 16px
}

@media (max-width: 834px) {
    .post-show__brand-category-item {
        padding:12px 0 12px 16px
    }

    .post-show__brand-category-item:last-child {
        border: unset
    }
}

.post-show__brand-category-link {
    align-items: center;
    display: flex;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.post-show__brand-category-link,.post-show__brand-category-link:active,.post-show__brand-category-link:focus,.post-show__brand-category-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.post-show__brand-category-link:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

@media (min-width: 835px) {
    .post-show__product-spec .ProductButtons {
        margin:0;
        width: 100%
    }
}

.post-show__brand-category-products,.post-show__detail-info,.post-show__product-spec,.post-show__ranking,.post-show__related-posts,.post-show__user-posts {
    background-color: #fff;
    margin: 48px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .post-show__brand-category-products,.post-show__detail-info,.post-show__product-spec,.post-show__ranking,.post-show__related-posts,.post-show__user-posts {
        margin:16px 0
    }
}

.post-show [class$=__more-link]:hover {
    opacity: .6
}

.PostsReactionsIcons {
    display: flex;
    gap: 24px
}

@media (max-width: 834px) {
    .PostsReactionsIcons {
        flex-direction:row-reverse;
        gap: 0;
        justify-content: space-between
    }
}

.PostsReactionsIcons__icon-list {
    display: flex;
    flex-direction: row;
    gap: 24px
}

@media (max-width: 834px) {
    .PostsReactionsIcons__icon-list {
        flex-direction:row-reverse;
        gap: 20px
    }

    .PostsReactionsIcons__icon-list.last {
        flex-direction: row
    }
}

.PostsReactionsIcons__icon {
    align-items: center;
    background: none;
    border: none;
    color: var(--object-main);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    gap: 2px;
    line-height: 150%;
    padding: 0
}

.PostsReactionsIcons__icon:focus {
    outline: none
}

@media (max-width: 834px) {
    .PostsReactionsIcons__icon {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 400;
        gap: 0;
        line-height: 150%
    }
}

.PostsReactionsIcons__icon.like:before {
    background-color: var(--object-main);
    content: "";
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/heart-1-f8b8c18b5bc69cfe3b26c277ece56cc0860dea5c0a72197585b1f06898975a76.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/heart-1-f8b8c18b5bc69cfe3b26c277ece56cc0860dea5c0a72197585b1f06898975a76.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

.PostsReactionsIcons__icon.clip:before {
    background-color: var(--object-main);
    content: "";
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/bookmark-3fb4deb753ab948d017858fdd415387f614837d6b503daf24fa6b9859c3a8911.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/bookmark-3fb4deb753ab948d017858fdd415387f614837d6b503daf24fa6b9859c3a8911.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

.PostsReactionsIcons__icon.comment:before {
    background-color: var(--object-main);
    content: "";
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/comment-3a80224c39b7b8e38ea656c2cfaaac968a81302ca69edc2fe7027849e7aa318f.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/comment-3a80224c39b7b8e38ea656c2cfaaac968a81302ca69edc2fe7027849e7aa318f.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

.PostsReactionsIcons__icon.edit,.PostsReactionsIcons__icon.edit:active,.PostsReactionsIcons__icon.edit:focus,.PostsReactionsIcons__icon.edit:hover {
    color: var(--object-main);
    text-decoration: none
}

.PostsReactionsIcons__icon.edit:before {
    background-color: var(--object-main);
    content: "";
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/edit-b61c99e3be5436ad2fbcb38a856a831deb423d838cb243a4ef442e008977b531.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/edit-b61c99e3be5436ad2fbcb38a856a831deb423d838cb243a4ef442e008977b531.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

@media (max-width: 834px) {
    .PostsReactionsIcons__icon.edit:before {
        height:28px;
        width: 28px
    }
}

.PostsReactionsIcons__icon.delete {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.PostsReactionsIcons__icon.delete,.PostsReactionsIcons__icon.delete:active,.PostsReactionsIcons__icon.delete:focus,.PostsReactionsIcons__icon.delete:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .PostsReactionsIcons__icon.delete {
        color:var(--expressive-red);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.PostsReactionsIcons__icon.delete:before {
    background-color: var(--expressive-red);
    content: "";
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/delete-7fa7d8a6186aa510ae2cb603fa45246701b8a06d1e1247d09f7d1c902a1629db.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/delete-7fa7d8a6186aa510ae2cb603fa45246701b8a06d1e1247d09f7d1c902a1629db.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

@media (max-width: 834px) {
    .PostsReactionsIcons__icon.delete:before {
        height:28px;
        width: 28px
    }
}

.PostsReactionsIcons__icon.is_selected {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .PostsReactionsIcons__icon.is_selected {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.PostsReactionsIcons__icon.is_selected.like:before {
    background-color: var(--expressive-red);
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/heart_fill-9633e266de25b6ddf7469da97348dfaf65a8b11ab73bba6a4b5f942526e80eca.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/heart_fill-9633e266de25b6ddf7469da97348dfaf65a8b11ab73bba6a4b5f942526e80eca.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.PostsReactionsIcons__icon.is_selected.clip:before {
    background-color: var(--object-main);
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/bookmark_fill-5826c7a1e567dac72117c173a9bd73ecb56079e71ca6e8389e4a9fd4459c2439.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/bookmark_fill-5826c7a1e567dac72117c173a9bd73ecb56079e71ca6e8389e4a9fd4459c2439.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.PostsReactionsIcons.vertical {
    flex-direction: column;
    gap: 32px
}

@media (max-width: 834px) {
    .PostsReactionsIcons.vertical {
        gap:16px
    }
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon-list {
    flex-direction: column;
    gap: 32px
}

@media (max-width: 834px) {
    .PostsReactionsIcons.vertical .PostsReactionsIcons__icon-list {
        gap:16px
    }
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon {
    color: #fff;
    filter: drop-shadow(0 0 8px rgba(0,0,0,.4));
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    gap: 0;
    line-height: 150%
}

@media (max-width: 834px) {
    .PostsReactionsIcons.vertical .PostsReactionsIcons__icon {
        color:#fff;
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.like:before {
    background-color: #fff;
    height: 48px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/heart-1-f8b8c18b5bc69cfe3b26c277ece56cc0860dea5c0a72197585b1f06898975a76.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/heart-1-f8b8c18b5bc69cfe3b26c277ece56cc0860dea5c0a72197585b1f06898975a76.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 48px
}

@media (max-width: 834px) {
    .PostsReactionsIcons.vertical .PostsReactionsIcons__icon.like:before {
        height:36px;
        width: 36px
    }
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.clip:before {
    background-color: #fff;
    height: 48px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/bookmark-3fb4deb753ab948d017858fdd415387f614837d6b503daf24fa6b9859c3a8911.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/bookmark-3fb4deb753ab948d017858fdd415387f614837d6b503daf24fa6b9859c3a8911.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 48px
}

@media (max-width: 834px) {
    .PostsReactionsIcons.vertical .PostsReactionsIcons__icon.clip:before {
        height:36px;
        width: 36px
    }
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.comment:before {
    background-color: #fff;
    height: 48px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/comment-3a80224c39b7b8e38ea656c2cfaaac968a81302ca69edc2fe7027849e7aa318f.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/comment-3a80224c39b7b8e38ea656c2cfaaac968a81302ca69edc2fe7027849e7aa318f.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 48px
}

@media (max-width: 834px) {
    .PostsReactionsIcons.vertical .PostsReactionsIcons__icon.comment:before {
        height:36px;
        width: 36px
    }
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.edit,.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.edit:active,.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.edit:focus,.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.edit:hover {
    color: #fff;
    text-decoration: none
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.edit:before {
    background-color: #fff;
    content: "";
    height: 48px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/edit-b61c99e3be5436ad2fbcb38a856a831deb423d838cb243a4ef442e008977b531.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/edit-b61c99e3be5436ad2fbcb38a856a831deb423d838cb243a4ef442e008977b531.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 48px
}

@media (max-width: 834px) {
    .PostsReactionsIcons.vertical .PostsReactionsIcons__icon.edit:before {
        height:36px;
        width: 36px
    }
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.delete {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.delete:active,.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.delete:focus,.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.delete:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .PostsReactionsIcons.vertical .PostsReactionsIcons__icon.delete {
        color:var(--expressive-red);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.delete:before {
    background-color: var(--expressive-red);
    content: "";
    height: 48px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/delete-7fa7d8a6186aa510ae2cb603fa45246701b8a06d1e1247d09f7d1c902a1629db.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/delete-7fa7d8a6186aa510ae2cb603fa45246701b8a06d1e1247d09f7d1c902a1629db.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 48px
}

@media (max-width: 834px) {
    .PostsReactionsIcons.vertical .PostsReactionsIcons__icon.delete:before {
        height:36px;
        width: 36px
    }
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.is_selected.like:before {
    background-color: var(--expressive-red);
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/heart_fill-9633e266de25b6ddf7469da97348dfaf65a8b11ab73bba6a4b5f942526e80eca.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/heart_fill-9633e266de25b6ddf7469da97348dfaf65a8b11ab73bba6a4b5f942526e80eca.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.PostsReactionsIcons.vertical .PostsReactionsIcons__icon.is_selected.clip:before {
    background-color: #fff;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/bookmark_fill-5826c7a1e567dac72117c173a9bd73ecb56079e71ca6e8389e4a9fd4459c2439.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/bookmark_fill-5826c7a1e567dac72117c173a9bd73ecb56079e71ca6e8389e4a9fd4459c2439.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.RefinedPostsBtn {
    background: var(--background-elevation-low);
    border-radius: 8px;
    padding: 16px 16px 10px
}

@media (max-width: 834px) {
    .RefinedPostsBtn {
        background:unset;
        border-radius: none;
        padding: 10px 12px
    }
}

.RefinedPostsBtn__list {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    list-style-type: none;
    margin: 0 -4px;
    overflow: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

.RefinedPostsBtn__list::-webkit-scrollbar {
    display: none
}

.RefinedPostsBtn__item {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 999px;
    flex-shrink: 0;
    margin: 6px 4px
}

.RefinedPostsBtn__item:not(:first-child) {
    margin-left: 8px
}

.RefinedPostsBtn__item.active {
    background: var(--background-primary)!important
}

.RefinedPostsBtn__item.active a {
    color: #fff;
    font-weight: 500
}

.RefinedPostsBtn__link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 8px 12px
}

.RefinedPostsBtn__link,.RefinedPostsBtn__link:active,.RefinedPostsBtn__link:focus,.RefinedPostsBtn__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.RefinedPostsBtn__form {
    margin: 6px 0
}

@media (min-width: 835px) {
    .RefinedPostsBtn__form {
        max-width:400px
    }
}

.RefinedPostsBtn__form-text {
    background: url(https://cdn.lipscosme.com/assets/feather/search-6615d21f11b72751c746a03e85818e99192d1d4c4fe6debd84f5a377cc3f7c1a.svg) 12px 12px no-repeat;
    background-color: var(--background-elevation-low);
    background-color: var(--background-elevation-high);
    background-size: 16px;
    border: unset;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 150%;
    padding: 10px 16px 10px 36px;
    width: 100%
}

.RefinedPostsBtn__form-text::placeholder {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.RefinedPostsBtn__form-text:focus {
    outline: none
}

.RefinedPostsBtn__form-text:focus::placeholder {
    color: transparent
}

.RefinedPostsBtn__form-text::placeholder {
    color: var(--object-secondary)
}

.RefinedPostsBtn__suggestedKeywords-list {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    list-style-type: none;
    margin: 0 -4px;
    overflow: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

.RefinedPostsBtn__suggestedKeywords-list::-webkit-scrollbar {
    display: none
}

.RefinedPostsBtn__suggestedKeywords-listItem {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 999px;
    flex-shrink: 0;
    margin: 6px 4px
}

.RefinedPostsBtn__suggestedKeywords-listItem:not(:first-child) {
    margin-left: 8px
}

.RefinedPostsBtn__suggestedKeywords-listItem.active {
    background: var(--background-primary)!important
}

.RefinedPostsBtn__suggestedKeywords-listItem.active a {
    color: #fff;
    font-weight: 500
}

.RefinedPostsBtn__suggestedKeywords-link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 8px 12px
}

.RefinedPostsBtn__suggestedKeywords-link,.RefinedPostsBtn__suggestedKeywords-link:active,.RefinedPostsBtn__suggestedKeywords-link:focus,.RefinedPostsBtn__suggestedKeywords-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.RelatedMovieList__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 14px
}

@media (max-width: 834px) {
    .RelatedMovieList__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.RelatedMovieList__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 8px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .RelatedMovieList__list {
        gap:12px 5px;
        padding: 0 5px
    }
}

.RelatedMovieList__listItem {
    width: calc(25% - 6px)
}

@media (max-width: 834px) {
    .RelatedMovieList__listItem {
        width:calc(50% - 2.5px)
    }
}

.RelatedMovieList__link,.RelatedMovieList__link:active,.RelatedMovieList__link:focus,.RelatedMovieList__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.RelatedMovieList__videoArea {
    position: relative
}

.RelatedMovieList__videoArea__thumb {
    aspect-ratio: 3/4;
    border-radius: 4px;
    object-fit: cover;
    width: 100%
}

.RelatedMovieList__videoArea__cover {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.08) 72.85%);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.RelatedMovieList__videoArea__timestamps {
    bottom: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    left: 10px;
    line-height: 150%;
    position: absolute
}

@media (max-width: 834px) {
    .RelatedMovieList__videoArea__timestamps {
        bottom:8px;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        left: 8px;
        line-height: 150%
    }
}

.RelatedMovieList__videoArea:before {
    background: rgba(34,34,34,.1);
    border-radius: 44px;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 36px
}

@media (max-width: 834px) {
    .RelatedMovieList__videoArea:before {
        height:20px;
        right: 8px;
        top: 8px;
        width: 32px
    }
}

.RelatedMovieList__videoArea:after {
    background-color: #fff;
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_play-5cf4205ba0796c216376f23b4040478255ccabfcb2d200c9f9c23ed8034f45d0.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_play-5cf4205ba0796c216376f23b4040478255ccabfcb2d200c9f9c23ed8034f45d0.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 20px;
    top: 14px;
    width: 16px
}

@media (max-width: 834px) {
    .RelatedMovieList__videoArea:after {
        height:12px;
        right: 18px;
        top: 12px;
        width: 12px
    }
}

.RelatedMovieList__contentArea {
    padding: 8px 4px 0
}

.RelatedMovieList__contentArea__contents {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    margin: 0;
    overflow: hidden
}

.RelatedMovieList__contentArea__user {
    align-items: center;
    display: flex;
    gap: 4px;
    margin: 8px 0 0
}

.RelatedMovieList__contentArea__user__icon {
    border-radius: 50%;
    height: 20px;
    object-fit: cover;
    width: 20px
}

.RelatedMovieList__contentArea__user__nickname {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.RelatedMovieList__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.RelatedMovieList__more-link,.RelatedMovieList__more-link:active,.RelatedMovieList__more-link:focus,.RelatedMovieList__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .RelatedMovieList__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.PostsSortDropdown__container {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.PostsSortDropdown__container:before {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/sort-e93d6c45586f2578d207cbc4b6a32f7bed2ad107871079ce8284dd7604501e2e.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/sort-e93d6c45586f2578d207cbc4b6a32f7bed2ad107871079ce8284dd7604501e2e.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

@media (max-width: 834px) {
    .PostsSortDropdown__container:before {
        height:24px;
        width: 24px
    }
}

.PostsSortDropdown__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: unset;
    color: var(--object-main);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-align: center
}

.PostsSortDropdown__select:focus {
    outline: none
}

@media (max-width: 834px) {
    .PostsSortDropdown__select {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.PostUsedProductsList {
    background-color: var(--background-elevation-high)
}

.PostUsedProductsList__title {
    background-color: var(--background-elevation-high)!important;
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px 0 0
}

@media (max-width: 834px) {
    .PostUsedProductsList__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 0;
        padding: 12px 16px
    }
}

.PostUsedProductsList__disclaimer {
    margin: 8px 0
}

@media (max-width: 834px) {
    .PostUsedProductsList__disclaimer {
        margin:12px 16px 4px
    }
}

.PostUsedProductsList__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.PostUsedProductsList__item {
    margin: 0;
    padding: 20px 0 0;
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .PostUsedProductsList__item {
        border-bottom:1px solid var(--border-separation);
        padding: 16px 16px 0;
        width: 100%
    }

    .PostUsedProductsList__item:last-child {
        border: unset
    }
}

.PostUsedProductsList__link {
    align-items: center;
    display: flex;
    padding-bottom: 12px;
    text-decoration: none
}

.PostUsedProductsList__link:active,.PostUsedProductsList__link:focus,.PostUsedProductsList__link:hover {
    opacity: .6;
    text-decoration: none
}

.PostUsedProductsList__thumb {
    background-color: #fff;
    height: 96px;
    object-fit: contain;
    width: 96px
}

@media (max-width: 834px) {
    .PostUsedProductsList__thumb {
        height:72px;
        width: 72px
    }
}

.PostUsedProductsList__info {
    padding: 0 0 0 12px;
    width: calc(100% - 96px)
}

@media (max-width: 834px) {
    .PostUsedProductsList__info {
        overflow-x:hidden;
        width: unset
    }
}

.PostUsedProductsList__main-info {
    margin: 0
}

.PostUsedProductsList__brand {
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 150%;
    margin-bottom: 6px
}

@media (max-width: 834px) {
    .PostUsedProductsList__brand {
        margin-bottom:4px
    }
}

.PostUsedProductsList__product-name {
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PostUsedProductsList__sub-info {
    list-style-type: none;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

.PostUsedProductsList__rating {
    color: var(--object-main);
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 150%;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .PostUsedProductsList__rating {
        margin-top:4px
    }
}

.PostUsedProductsList__rating:not(:last-child):after {
    content: " ｜ "
}

.PostUsedProductsList__rating .ratingStar {
    display: inline-block;
    vertical-align: baseline
}

.PostUsedProductsList__rating .ratingStar__star {
    height: 11px;
    margin-right: 4px;
    margin-top: -2px
}

.PostUsedProductsList__rating .ratingStar__num {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 150%;
    line-height: 16px;
    vertical-align: bottom
}

.PostUsedProductsList__channel-provider {
    color: var(--object-main);
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 150%;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .PostUsedProductsList__channel-provider {
        margin-top:4px
    }
}

.PostUsedProductsList__channel-provider:not(:last-child):after {
    content: " ｜ "
}

.PostUsedProductsList__price {
    color: var(--object-main);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 150%;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .PostUsedProductsList__price {
        margin-top:4px
    }
}

.PostUsedProductsList__price:not(:last-child):after {
    content: " ｜ "
}

.PostUsedProductsList__commerce-price-info {
    column-gap: 12px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 0 8px
}

.PostUsedProductsList__commerce-prices {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 20px
}

.PostUsedProductsList__commerce-prices--small {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding-left: 2px
}

.PostUsedProductsList__commerce-prices--red {
    color: var(--expressive-red);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 20px
}

.PostUsedProductsList__commerce-prices--small-red {
    color: var(--expressive-red);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding-left: 2px
}

.PostUsedProductsList__commerce-coupon {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 8px 0;
    text-align: center
}

.PostUsedProductsList__commerce-btn {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    line-height: 150%;
    margin: 0 0 12px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.PostUsedProductsList__commerce-btn:active,.PostUsedProductsList__commerce-btn:focus,.PostUsedProductsList__commerce-btn:hover {
    color: #fff;
    text-decoration: none
}

.PostUsedProductsList__btn {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    padding-bottom: 16px
}

.PostUsedProductsList__btn-purchase {
    border-radius: 4px;
    color: #fff;
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    min-height: 44px;
    padding: 12px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.PostUsedProductsList__btn-purchase:active,.PostUsedProductsList__btn-purchase:focus,.PostUsedProductsList__btn-purchase:hover {
    color: #fff;
    text-decoration: none
}

.PostUsedProductsList__btn-purchase.attention_exist {
    margin: 20px 0 0
}

.PostUsedProductsList__btn-purchase.asp,.PostUsedProductsList__btn-purchase.official {
    border: 1px solid var(--expressive-red);
    color: var(--expressive-red)
}

.PostUsedProductsList__btn-purchase.amazon {
    border: 1px solid #f9aa46;
    color: #f9aa46
}

.PostUsedProductsList__btn-purchase.rakuten {
    border: 1px solid #b31b22;
    color: #b31b22
}

.PostUsedProductsList__btn-purchase.yahoo {
    border: 1px solid #ff2748;
    color: #ff2748
}

.PostUsedProductsList__btn-purchase.qoo10 {
    border: 1px solid red;
    color: red
}

.PostUsedProductsList__btn-purchase:hover {
    opacity: .6
}

.PostUsedProductsList__attention {
    color: var(--expressive-red);
    font-size: 10px;
    font-weight: 500;
    left: 0;
    line-height: 150%;
    position: absolute;
    right: 0;
    top: -20px
}

.PostUsedProductsList__attention.rakuten {
    color: #b31b22
}

.PostUsedProductsList .PurchaseSiteLinkBtns {
    margin-bottom: 16px
}

.PostUsedProductsList__patternsList {
    display: flex;
    list-style-type: none;
    margin: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 16px
}

.PostUsedProductsList__patternsList::-webkit-scrollbar {
    display: none
}

.PostUsedProductsList__patternsList-item {
    background: var(--background-elevation-low);
    border-radius: 4px;
    flex-shrink: 0;
    padding: 6px;
    width: 200px
}

.PostUsedProductsList__patternsList-item:not(:first-child) {
    margin: 0 0 0 8px
}

.PostUsedProductsList__patternsList-link {
    align-items: center;
    display: flex
}

.PostUsedProductsList__patternsList-link,.PostUsedProductsList__patternsList-link:active,.PostUsedProductsList__patternsList-link:focus,.PostUsedProductsList__patternsList-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.PostUsedProductsList__patternsList-thumb {
    border-radius: 4px;
    height: 36px;
    margin: 0 8px 0 0;
    object-fit: contain;
    width: 36px
}

.PostUsedProductsList__patternsList-name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px
}

.PostUsedProductsList__patternsList__sub-info {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

.PostUsedProductsList__patternsList__rating {
    color: var(--object-main);
    display: inline-block;
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 150%;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PostUsedProductsList__patternsList__rating:not(:last-child):after {
    content: " ｜ "
}

.PostUsedProductsList__patternsList__rating .ratingStar {
    display: inline-block;
    vertical-align: baseline
}

.PostUsedProductsList__patternsList__rating .ratingStar__star {
    height: 10px;
    margin-right: 4px;
    margin-top: -2px
}

.PostUsedProductsList__patternsList__rating .ratingStar__num {
    color: var(--object-main);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    vertical-align: bottom
}

.PostUsedProductsList__patternsList__channel-provider {
    color: var(--object-main);
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 150%;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: normal
}

.PostUsedProductsList__patternsList__channel-provider:not(:last-child):after {
    content: " ｜ "
}

.PostedUser {
    padding: 16px
}

@media (max-width: 834px) {
    .PostedUser {
        background-color:var(--background-elevation-high);
        padding: 16px 16px 0
    }
}

.PostedUser__container {
    display: grid;
    grid-template-areas: "mainContent" "countContent" "detailContent" "linkBtn";
    grid-template-rows: auto
}

@media (max-width: 834px) {
    .PostedUser__container {
        background-color:var(--background-elevation-low);
        border-radius: 4px;
        grid-template-areas: "profIcon countContent" "mainContent mainContent" "detailContent detailContent" "linkBtn linkBtn";
        grid-template-columns: 70px 1fr;
        padding: 16px
    }
}

.PostedUser__profIconArea {
    grid-area: profIcon
}

.PostedUser__mainContentArea {
    grid-area: mainContent
}

.PostedUser__countContentArea {
    grid-area: countContent
}

.PostedUser__detailContentArea {
    grid-area: detailContent
}

.PostedUser__linkBtnArea {
    grid-area: linkBtn;
    margin-top: 12px
}

@media (max-width: 834px) {
    .PostedUser__linkBtnArea {
        margin-top:16px
    }
}

.PostedUser__link,.PostedUser__link:active,.PostedUser__link:focus,.PostedUser__link:hover {
    color: #2d2926;
    text-decoration: none
}

.PostedUser__profIcon {
    border-radius: 50%;
    height: 54px;
    object-fit: cover;
    width: 54px
}

.PostedUser__name {
    margin: 4px 0
}

@media (max-width: 834px) {
    .PostedUser__name {
        margin:12px 0 4px
    }
}

.PostedUser__jobTitle {
    color: #2d2926;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 4px
}

@media (max-width: 834px) {
    .PostedUser__jobTitle {
        color:#2d2926;
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.PostedUser__nickname {
    color: var(--object-main);
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px
}

@media (max-width: 834px) {
    .PostedUser__nickname {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 24px
    }
}

.PostedUser__userAttribute {
    color: var(--object-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .PostedUser__userAttribute {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.PostedUser__userAttribute-item:not(:first-child):before {
    content: " / ";
    display: content
}

.PostedUser__userRankings {
    color: var(--expressive-red);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    margin: 8px 0 0;
    padding: 0
}

@media (max-width: 834px) {
    .PostedUser__userRankings {
        color:var(--expressive-red);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.PostedUser__userRankings-item:not(:first-child):before {
    content: " / ";
    display: content
}

.PostedUser__count {
    display: flex;
    list-style-type: none;
    margin: 6px 0 0;
    padding: 0
}

@media (max-width: 834px) {
    .PostedUser__count {
        margin:14px 0
    }
}

.PostedUser__count-item {
    display: flex
}

.PostedUser__count-item:not(:first-child):before {
    border-left: 1px solid var(--border-separation);
    content: "";
    display: block;
    height: 24px;
    margin: 0 16px
}

@media (max-width: 834px) {
    .PostedUser__count-item:not(:first-child):before {
        height:36px
    }
}

.PostedUser__count-num {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 4px 0 0
}

@media (max-width: 834px) {
    .PostedUser__count-num {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.PostedUser__count-text {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .PostedUser__count-text {
        color:var(--object-secondary);
        display: block;
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.PostedUser__bio {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0 0;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .PostedUser__bio {
        margin:12px 0 0
    }
}

.PostsVideoList__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 8px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .PostsVideoList__list {
        gap:12px 5px;
        padding: 0 5px
    }
}

.PostsVideoList__listItem {
    width: calc(25% - 6px)
}

@media (max-width: 834px) {
    .PostsVideoList__listItem {
        width:calc(50% - 2.5px)
    }
}

.PostsVideoList__link,.PostsVideoList__link:active,.PostsVideoList__link:focus,.PostsVideoList__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.PostsVideoList__videoArea {
    position: relative
}

.PostsVideoList__videoArea__thumb {
    aspect-ratio: 3/4;
    border-radius: 4px;
    object-fit: cover;
    width: 100%
}

.PostsVideoList__videoArea__cover {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.08) 72.85%);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.PostsVideoList__videoArea__timestamps {
    bottom: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    left: 10px;
    line-height: 150%;
    position: absolute
}

@media (max-width: 834px) {
    .PostsVideoList__videoArea__timestamps {
        bottom:8px;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        left: 8px;
        line-height: 150%
    }
}

.PostsVideoList__videoArea:before {
    background: rgba(34,34,34,.1);
    border-radius: 44px;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 36px
}

@media (max-width: 834px) {
    .PostsVideoList__videoArea:before {
        height:20px;
        right: 8px;
        top: 8px;
        width: 32px
    }
}

.PostsVideoList__videoArea:after {
    background-color: #fff;
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_play-5cf4205ba0796c216376f23b4040478255ccabfcb2d200c9f9c23ed8034f45d0.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_play-5cf4205ba0796c216376f23b4040478255ccabfcb2d200c9f9c23ed8034f45d0.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 20px;
    top: 14px;
    width: 16px
}

@media (max-width: 834px) {
    .PostsVideoList__videoArea:after {
        height:12px;
        right: 18px;
        top: 12px;
        width: 12px
    }
}

.PostsVideoList__contentArea {
    padding: 8px 4px 0
}

.PostsVideoList__contentArea__contents {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    margin: 0;
    overflow: hidden
}

.PostsVideoList__contentArea__user {
    align-items: center;
    display: flex;
    gap: 4px;
    margin: 8px 0 0
}

.PostsVideoList__contentArea__user__icon {
    border-radius: 50%;
    height: 20px;
    object-fit: cover;
    width: 20px
}

.PostsVideoList__contentArea__user__nickname {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.ProductPatternRankingsPersonalColorRankingsByCategory__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ProductPatternRankingsPersonalColorRankingsByCategory__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 20px 16px 16px
    }
}

.ProductPatternRankingsPersonalColorRankingsByCategory__list {
    display: flex;
    gap: 16px;
    justify-content: stretch;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .ProductPatternRankingsPersonalColorRankingsByCategory__list {
        gap:10px;
        margin: 16px 12px 20px
    }
}

.ProductPatternRankingsPersonalColorRankingsByCategory__listItem {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    flex: 1
}

.ProductPatternRankingsPersonalColorRankingsByCategory__link {
    align-items: center;
    color: var(--object-main);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    line-height: 150%;
    padding: 8px;
    text-decoration: none
}

.ProductPatternRankingsPersonalColorRankingsByCategory__link:active,.ProductPatternRankingsPersonalColorRankingsByCategory__link:focus,.ProductPatternRankingsPersonalColorRankingsByCategory__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductPatternRankingsPersonalColorRankingsByCategory__link {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        padding: 8px 4px
    }
}

.ProductPatternRankingsPersonalColorRankingsByCategory__thumb {
    height: 84px;
    object-fit: contain;
    width: 84px
}

@media (max-width: 834px) {
    .ProductPatternRankingsPersonalColorRankingsByCategory__thumb {
        height:72px;
        width: 72px
    }
}

.ProductPatternElements {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    padding: 12px 16px
}

@media (max-width: 834px) {
    .ProductPatternElements {
        padding:12px
    }
}

.ProductPatternElements__heading {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 18px;
    font-weight: 600;
    gap: 4px;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .ProductPatternElements__heading {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.ProductPatternElements__heading:before {
    background-color: var(--expressive-light-blue);
    content: "";
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/drop-8ee5e4bcc5196b62bc622cda9a31f83b343cb2cf952c4ef878f6a447fc83a163.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/drop-8ee5e4bcc5196b62bc622cda9a31f83b343cb2cf952c4ef878f6a447fc83a163.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

@media (max-width: 834px) {
    .ProductPatternElements__heading:before {
        height:24px;
        width: 24px
    }
}

.ProductPatternElements__heading:after {
    background-color: var(--object-secondary);
    content: "";
    height: 24px;
    margin-left: auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.ProductPatternElements__heading.open:after {
    transform: rotate(180deg)
}

.ProductPatternElements__container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s linear
}

@media (max-width: 834px) {
    .ProductPatternElements__container {
        gap:20px
    }
}

.ProductPatternElements__container.open {
    max-height: 999px;
    transition: max-height .25s linear
}

.ProductPatternElements__elements-names {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-top: -8px;
    overflow: hidden
}

.ProductPatternElements__elements-name-wrap {
    color: var(--object-main);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 8px
}

.ProductPatternElements__elements-name-wrap:after {
    content: ",";
    padding: 0 4px
}

.ProductPatternElements__elements-name-wrap:last-child:after {
    content: ""
}

.ProductPatternElements__elements-name {
    display: inline-block
}

.ProductPatternElements__elements-name.active {
    background: rgba(255,122,69,.1);
    padding: 0 2px
}

.ProductPatternElements__element-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px
}

.ProductPatternElements__element-labels_label {
    background: var(--expressive-light-blue);
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding: 4px
}

.ProductPatternElements__element-labels_label[type=negative] {
    align-items: center;
    background: #ff7a45;
    display: flex
}

.ProductPatternElements__element-labels_label[type=negative]:before {
    background-color: var(--background-elevation-high);
    content: "";
    display: block;
    height: 16px;
    margin-right: 2px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/alert-triangle-e4bb1651ac47d61d0e453629790fd1ff853f21d61cf664d51ef8bf428b0b70e8.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/alert-triangle-e4bb1651ac47d61d0e453629790fd1ff853f21d61cf664d51ef8bf428b0b70e8.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.ProductPatternElements__open-modal {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto
}

.ProductPatternElements__open-modal,.ProductPatternElements__open-modal:active,.ProductPatternElements__open-modal:focus,.ProductPatternElements__open-modal:hover {
    color: var(--object-secondary);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductPatternElements__open-modal {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductPatternElements__open-modal:after {
    background-color: var(--object-secondary);
    content: "";
    display: block;
    height: 20px;
    margin-left: 4px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/plus-square-1053e88db4e3ea4ab45576c266123bf0bb69f43c2d09139b90f001b7c3789106.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/plus-square-1053e88db4e3ea4ab45576c266123bf0bb69f43c2d09139b90f001b7c3789106.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .ProductPatternElements__open-modal:after {
        height:16px;
        width: 16px
    }
}

.ProductPatternElementsModal {
    overflow: hidden
}

@media (min-width: 835px) {
    .ProductPatternElementsModal {
        border-radius:24px;
        min-width: 400px
    }
}

.ProductPatternElementsModal.open {
    display: flex;
    flex-direction: column
}

.ProductPatternElementsModal__figureheader {
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    justify-content: space-around;
    padding: 20px 12px;
    position: relative
}

@media (max-width: 834px) {
    .ProductPatternElementsModal__figureheader {
        padding:16px
    }
}

.ProductPatternElementsModal__figureheader h3 {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    text-align: center
}

.ProductPatternElementsModal__close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 20px
}

.ProductPatternElementsModal__close:focus {
    outline: none
}

@media (max-width: 834px) {
    .ProductPatternElementsModal__close {
        top:16px
    }
}

.ProductPatternElementsModal__close img {
    height: 24px;
    object-fit: contain;
    width: 24px
}

.ProductPatternElementsModal__body {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: scroll
}

.ProductPatternElementsModal__labels {
    -ms-overflow-style: none;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    flex-shrink: 0;
    overflow-x: scroll;
    padding: 16px;
    scrollbar-width: none
}

.ProductPatternElementsModal__labels::-webkit-scrollbar {
    display: none
}

.ProductPatternElementsModal__labels-label {
    border: 1px solid var(--border-separation);
    border-radius: 32px;
    color: var(--object-main);
    flex-shrink: 0
}

.ProductPatternElementsModal__labels-label,.ProductPatternElementsModal__labels-label-active {
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 16px;
    text-wrap: nowrap
}

.ProductPatternElementsModal__labels-label-active {
    background: var(--background-primary);
    border: none;
    border-radius: 32px;
    color: #fff
}

.ProductPatternElementsModal__labels-label:not(:first-child) {
    margin-left: 8px
}

.ProductPatternElementsModal__element {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    padding: 12px 16px
}

.ProductPatternElementsModal__element-icon {
    flex-shrink: 0;
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.ProductPatternElementsModal__element-icon[type=negative] {
    background-color: #ff7a45
}

.ProductPatternElementsModal__element-icon[type=negative],.ProductPatternElementsModal__element-icon[type=positive] {
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/drop-8ee5e4bcc5196b62bc622cda9a31f83b343cb2cf952c4ef878f6a447fc83a163.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/drop-8ee5e4bcc5196b62bc622cda9a31f83b343cb2cf952c4ef878f6a447fc83a163.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.ProductPatternElementsModal__element-icon[type=positive] {
    background-color: var(--expressive-light-blue)
}

.ProductPatternElementsModal__element-hide {
    display: none
}

.ProductPatternElementsModal__element-main {
    flex-grow: 1
}

.ProductPatternElementsModal__element-name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

.ProductPatternElementsModal__element-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px
}

.ProductPatternElementsModal__element-labels-label {
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding: 4px;
    text-wrap: nowrap
}

.ProductPatternElementsModal__element-labels-label[type=negative] {
    background: #ff7a45
}

.ProductPatternElementsModal__element-labels-label[type=positive] {
    background: var(--expressive-light-blue)
}

.ProductPatternElementsModal__element-labels-label[type=active_ingredient] {
    border: 1px solid var(--object-main);
    color: var(--object-main)
}

.ProductPatternElementsModal__element-labels-label[type=normal] {
    border: 1px solid var(--object-secondary);
    color: var(--object-secondary)
}

.ProductPatternElementsModal__attention {
    background: var(--background-elevation-low);
    border-radius: 4px;
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px;
    padding: 16px
}

.ProductPatternsList__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .ProductPatternsList__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.ProductPatternsList__title-sub {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .ProductPatternsList__title-sub {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.ProductPatternsList__list {
    display: grid;
    gap: 16px 24px;
    grid-template-columns: repeat(4,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .ProductPatternsList__list {
        gap:16px;
        grid-template-columns: repeat(3,1fr);
        margin: 0 16px
    }
}

.ProductPatternsList__link {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.ProductPatternsList__link,.ProductPatternsList__link:active,.ProductPatternsList__link:focus,.ProductPatternsList__link:hover {
    color: #000;
    text-decoration: none
}

.ProductPatternsList__thumb {
    height: 134px;
    margin: 0 auto;
    object-fit: contain;
    width: 134px
}

@media (max-width: 834px) {
    .ProductPatternsList__thumb {
        height:91px;
        width: 91px
    }
}

.ProductPatternsList__name {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .ProductPatternsList__name {
        color:#000;
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductPatternsList__featureLabel {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    list-style-type: none;
    margin: 4px 0 0;
    padding: 0
}

.ProductPatternsList__featureLabel__item {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 2px 4px;
    text-align: center
}

@media (max-width: 834px) {
    .ProductPatternsList__featureLabel__item {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductPatternsList__showAll {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.ProductPatternsList__showAll,.ProductPatternsList__showAll:active,.ProductPatternsList__showAll:focus,.ProductPatternsList__showAll:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductPatternsList__showAll {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

@media (min-width: 835px) {
    .ProductPatternsList__showAll {
        margin-top:24px
    }
}

.ProductPatternsListForProductShow__info {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0 0 16px;
    padding: 0
}

@media (max-width: 834px) {
    .ProductPatternsListForProductShow__info {
        margin:0 16px 12px
    }
}

.ProductPatternsListForProductShow__info-variation {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.ProductPatternsListForProductShow__info-show-all-link {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none
}

.ProductPatternsListForProductShow__info-show-all-link:active,.ProductPatternsListForProductShow__info-show-all-link:focus,.ProductPatternsListForProductShow__info-show-all-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductPatternsListForProductShow__list {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 834px) {
    .ProductPatternsListForProductShow__list {
        padding:0 16px
    }
}

.ProductPatternsListForProductShow__list::-webkit-scrollbar {
    display: none
}

.ProductPatternsListForProductShow__thumbContainer {
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    padding: 4px
}

.ProductPatternsListForProductShow__thumb {
    height: 42px;
    object-fit: contain;
    width: 42px
}

@media (max-width: 834px) {
    .ProductPatternsListForProductShow__thumb {
        height:50px;
        width: 50px
    }
}

.ProductPatternsListForProductShow__label {
    border-radius: 4px;
    color: unset;
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin: 4px 0 0;
    padding: 2px 0;
    text-align: center;
    width: 100%
}

.product-patterns-list-selection__list {
    display: grid;
    flex-wrap: wrap;
    gap: 8px;
    grid-template-columns: repeat(5,1fr);
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .product-patterns-list-selection__list {
        flex-wrap:nowrap;
        margin: 0 16px;
        overflow: auto
    }
}

.product-patterns-list-selection__item {
    aspect-ratio: 1;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    cursor: pointer;
    margin: 0
}

@media (max-width: 834px) {
    .product-patterns-list-selection__item {
        padding:8px
    }
}

.product-patterns-list-selection__thumb {
    height: 100%;
    object-fit: contain;
    width: 100%
}

@media (max-width: 834px) {
    .product-patterns-list-selection__thumb {
        height:42px;
        width: 42px
    }
}

.ProductPatternsRankingIn {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    padding: 12px 16px
}

@media (max-width: 834px) {
    .ProductPatternsRankingIn {
        padding:12px
    }
}

.ProductPatternsRankingIn__title {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 18px;
    font-weight: 600;
    gap: 4px;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .ProductPatternsRankingIn__title {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.ProductPatternsRankingIn__title:before {
    background-color: #ffbb02;
    content: "";
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/award_current-8a2eae0e7e3d9a5212c0211760a126951cf757ed2457c956cad75cc1c9987aad.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/award_current-8a2eae0e7e3d9a5212c0211760a126951cf757ed2457c956cad75cc1c9987aad.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

@media (max-width: 834px) {
    .ProductPatternsRankingIn__title:before {
        height:24px;
        width: 24px
    }
}

.ProductPatternsRankingIn__title:after {
    background-color: var(--object-secondary);
    content: "";
    height: 24px;
    margin-left: auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.ProductPatternsRankingIn__title.open:after {
    transform: rotate(180deg)
}

.ProductPatternsRankingIn__container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s linear
}

@media (max-width: 834px) {
    .ProductPatternsRankingIn__container {
        gap:20px
    }
}

.ProductPatternsRankingIn__container.open {
    max-height: 999px;
    transition: max-height .25s linear
}

.ProductPatternsRankingIn__item:first-child {
    margin-top: 12px
}

.ProductPatternsRankingIn__subTitle {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .ProductPatternsRankingIn__subTitle {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 8px
    }
}

.ProductPatternsRankingIn__linkContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

@media (max-width: 834px) {
    .ProductPatternsRankingIn__linkContainer {
        gap:8px
    }
}

.ProductPatternsRankingIn__link {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.ProductPatternsRankingIn__link,.ProductPatternsRankingIn__link:active,.ProductPatternsRankingIn__link:focus,.ProductPatternsRankingIn__link:hover {
    color: var(--expressive-red);
    text-decoration: underline
}

@media (max-width: 834px) {
    .ProductPatternsRankingIn__link {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }

    .ProductPatternsShow {
        background: var(--background-elevation-low)
    }

    .ProductPatternsShow__white-bg-for-sp {
        background-color: var(--background-elevation-high);
        padding: .1px 0 20px
    }
}

.ProductPatternsShow__medical-equipment {
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ProductPatternsShow__medical-equipment {
        margin:16px
    }
}

.ProductPatternsShow__back-to-product-and-update-time {
    align-items: center;
    display: flex;
    gap: 0 12px;
    justify-content: space-between;
    min-width: 0
}

@media (max-width: 834px) {
    .ProductPatternsShow__back-to-product-and-update-time {
        gap:0 8px;
        margin: 16px 16px 0
    }
}

.ProductPatternsShow__back-to-product {
    align-items: center;
    background: var(--background-positive);
    border: 1px solid var(--expressive-blue);
    border-radius: 200px;
    display: flex;
    flex-shrink: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    min-width: 0;
    padding: 4px 12px 4px 8px
}

.ProductPatternsShow__back-to-product,.ProductPatternsShow__back-to-product:active,.ProductPatternsShow__back-to-product:focus,.ProductPatternsShow__back-to-product:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductPatternsShow__back-to-product {
        color:var(--expressive-blue);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductPatternsShow__back-to-product span {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductPatternsShow__back-to-product:before {
    background-color: var(--expressive-blue);
    background-size: contain;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    transform: scaleX(-1);
    width: 20px
}

@media (max-width: 834px) {
    .ProductPatternsShow__back-to-product:before {
        height:16px;
        width: 16px
    }
}

.ProductPatternsShow__update-time {
    color: var(--object-secondary);
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternsShow__update-time {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductPatternsShow__brand-tags-and-feature-labels {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    margin: 16px 0
}

@media (max-width: 834px) {
    .ProductPatternsShow__brand-tags-and-feature-labels {
        height:unset;
        margin: 16px 16px 0
    }
}

.ProductPatternsShow__brand-tag {
    background-color: #efefef;
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-width: 70px;
    padding: 2px 8px;
    text-align: center
}

@media (max-width: 834px) {
    .ProductPatternsShow__brand-tag {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%;
        min-width: 50px;
        padding: 2.5px 4px
    }
}

.ProductPatternsShow__feature-label {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-align: center
}

@media (max-width: 834px) {
    .ProductPatternsShow__feature-label {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductPatternsShow__brand-tag,.ProductPatternsShow__feature-label {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    min-width: 50px;
    overflow: hidden
}

@media (min-width: 835px) {
    .ProductPatternsShow__brand-tag,.ProductPatternsShow__feature-label {
        padding:2px 4px
    }
}

@media (max-width: 834px) {
    .ProductPatternsShow__brand-tag,.ProductPatternsShow__feature-label {
        min-width:42px;
        padding: 2.5px 4px
    }
}

.ProductPatternsShow__title {
    margin: 16px 0 0
}

@media (max-width: 834px) {
    .ProductPatternsShow__title {
        padding:0 16px
    }
}

.ProductPatternsShow__brand-and-product-name {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12px
}

@media (max-width: 834px) {
    .ProductPatternsShow__brand-and-product-name {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 8px
    }
}

.ProductPatternsShow__brand-and-product-name a,.ProductPatternsShow__brand-and-product-name a:active,.ProductPatternsShow__brand-and-product-name a:focus,.ProductPatternsShow__brand-and-product-name a:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductPatternsShow__brand-and-product-name-separator {
    color: var(--object-secondary);
    margin: 0 8px
}

.ProductPatternsShow__pattern-name {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternsShow__pattern-name {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%
    }
}

.ProductPatternsShow .ProductPatternsImageContainer {
    display: flex;
    justify-content: space-between;
    margin: 24px 0 40px
}

@media (max-width: 1080px) {
    .ProductPatternsShow .ProductPatternsImageContainer {
        flex-direction:column;
        margin: 24px 0;
        overflow: hidden
    }
}

.ProductPatternsShow .ProductPatternsImageContainer__relative {
    position: relative;
    width: 272px
}

@media (max-width: 1080px) {
    .ProductPatternsShow .ProductPatternsImageContainer__relative {
        width:100%
    }
}

.ProductPatternsShow .ProductPatternsImageContainer__image-ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 1080px) {
    .ProductPatternsShow .ProductPatternsImageContainer__image-ul {
        margin:0 auto;
        width: auto
    }
}

.ProductPatternsShow .ProductPatternsImageContainer__clip {
    bottom: 0;
    position: absolute;
    right: 0
}

@media (max-width: 834px) {
    .ProductPatternsShow .ProductPatternsImageContainer__clip {
        right:16px
    }
}

.ProductPatternsShow .ProductPatternsImageContainer .splide:not(.is-active) .splide__list {
    display: flex;
    gap: 16px
}

.ProductPatternsShow .ProductPatternsImageContainer .splide:not(.is-active) .splide__arrows {
    display: none
}

.ProductPatternsShow .ProductPatternsImageContainer .splide {
    text-align: center
}

.ProductPatternsShow .ProductPatternsImageContainer .splide__pagination {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0;
    position: unset;
    transition: all .25s
}

.ProductPatternsShow .ProductPatternsImageContainer .splide__pagination.center {
    justify-content: center
}

.ProductPatternsShow .ProductPatternsImageContainer .splide__pagination li.small {
    transform: scale(.67)
}

.ProductPatternsShow .ProductPatternsImageContainer .pagination_wrapper {
    height: 6px;
    margin-top: 12px
}

@media (min-width: 1080px) {
    .ProductPatternsShow .ProductPatternsImageContainer .pagination_wrapper {
        visibility:hidden
    }
}

.ProductPatternsShow .ProductPatternsImageContainer__image-item {
    position: relative;
    width: 100%
}

.ProductPatternsShow .ProductPatternsImageContainer__image-item figure {
    text-align: center
}

.ProductPatternsShow .ProductPatternsImageContainer__figure-thumb {
    height: 220px;
    object-fit: contain;
    width: 220px
}

@media (max-width: 1080px) {
    .ProductPatternsShow .ProductPatternsImageContainer__figure-thumb {
        display:block;
        height: 160px;
        margin: 0 auto;
        width: 160px
    }

    .ProductPatternsShow .ProductPatternsImageContainer__patterns-list {
        display: none
    }
}

.ProductPatternsShow .ProductPatternsImageContainer .product-show-image__emblem-image {
    height: 80px;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px
}

@media (max-width: 1080px) {
    .ProductPatternsShow .ProductPatternsImageContainer .product-show-image__emblem-image {
        height:80px;
        left: 24px;
        width: 80px
    }
}

.ProductPatternsShow .ProductPatternsImageContainer .product-patterns-list-selection {
    margin-right: -14px;
    max-height: 160px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 14px;
    width: 408px
}

.ProductPatternsShow .ProductPatternsImageContainer__cta-container {
    display: flex;
    gap: 16px
}

@media (max-width: 1080px) {
    .ProductPatternsShow .ProductPatternsImageContainer__cta-container {
        gap:12px;
        margin: 20px 0;
        padding: 0 16px
    }
}

.ProductPatternsShow__info-show-all-link {
    align-items: center;
    background: #efefef;
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 0 8px;
    justify-content: center;
    line-height: 150%;
    margin: 17.8px auto 0;
    padding: 11.5px 0;
    text-align: center;
    width: unset
}

.ProductPatternsShow__info-show-all-link,.ProductPatternsShow__info-show-all-link:active,.ProductPatternsShow__info-show-all-link:focus,.ProductPatternsShow__info-show-all-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 1080px) {
    .ProductPatternsShow__info-show-all-link {
        border:unset;
        color: var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 0;
        padding: 11px
    }
}

.ProductPatternsShow__info-show-all-link:after {
    background-color: var(--object-main);
    content: "";
    height: 16px;
    margin-bottom: 2px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_plus-square-ac88fff4bc27e5e5fd9da8beaee79773579f0b3df32169a277652ce61e8c6887.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_plus-square-ac88fff4bc27e5e5fd9da8beaee79773579f0b3df32169a277652ce61e8c6887.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.ProductPatternsShow__other-patterns {
    margin-top: 20px
}

@media (min-width: 1080px) {
    .ProductPatternsShow__other-patterns {
        display:none
    }
}

@media (max-width: 834px) {
    .ProductPatternsShow__other-patterns {
        padding:0 16px
    }
}

.ProductPatternsShow__post-image-list-title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 14px
}

@media (max-width: 834px) {
    .ProductPatternsShow__post-image-list-title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.ProductPatternsShow__post-image-list-sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .ProductPatternsShow__post-image-list-sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.ProductPatternsShow__post-image-list .MediaList__list {
    grid-template-columns: repeat(5,1fr)
}

@media (max-width: 834px) {
    .ProductPatternsShow__post-image-list .MediaList__list {
        grid-gap:1px;
        grid-template-columns: repeat(3,1fr);
        padding: 0
    }
}

.ProductPatternsShow__post-image-list-more-link {
    background-color: #efefef;
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    width: 360px
}

.ProductPatternsShow__post-image-list-more-link:active,.ProductPatternsShow__post-image-list-more-link:focus,.ProductPatternsShow__post-image-list-more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductPatternsShow__post-image-list-more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.ProductPatternsShow #main-col>div:nth-child(n+2) {
    margin: 48px 0
}

@media (max-width: 834px) {
    .ProductPatternsShow #main-col>div:nth-child(n+2) {
        background:#fff;
        margin: 16px 0;
        padding: .1px 0
    }
}

.ProductPatternsShow__commerce {
    margin: 24px 0 0
}

@media (max-width: 1080px) {
    .ProductPatternsShow__commerce {
        margin:0
    }
}

.ProductPatternsShow__price {
    align-items: baseline;
    display: flex;
    margin-bottom: 20px
}

@media (max-width: 834px) {
    .ProductPatternsShow__price {
        padding:0 16px
    }
}

.ProductPatternsShow__price--yen {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternsShow__price--yen {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductPatternsShow__price--price {
    color: var(--object-main);
    font-size: 26px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternsShow__price--price {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%
    }
}

.ProductPatternsShow__price--exp {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 4px
}

@media (max-width: 834px) {
    .ProductPatternsShow__price--exp {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductPatternsShow .product-commerce .product-commerce__container.ab_enabled {
    padding-bottom: 0
}

@media (max-width: 834px) {
    .ProductPatternsShow .product-commerce .product-commerce__price-and-point {
        gap:8px
    }
}

.ProductPatternsShow .product-commerce .product-commerce__price--price {
    color: var(--object-main);
    font-size: 26px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternsShow .product-commerce .product-commerce__price--price {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%
    }
}

.ProductPatternsShow .product-commerce .product-commerce__price--tax {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternsShow .product-commerce .product-commerce__price--tax {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductPatternsShow .product-commerce .product-commerce__point--txt {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternsShow .product-commerce .product-commerce__point--txt {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductPatternsShow .product-commerce .product-commerce__point--percent {
    color: var(--expressive-red);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternsShow .product-commerce .product-commerce__point--percent {
        color:var(--expressive-red);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductPatternsShow .product-commerce .product-commerce__icon--point-help {
    height: 14px;
    margin: 0 0 0 4px;
    vertical-align: text-bottom;
    width: 14px
}

@media (max-width: 834px) {
    .ProductPatternsShow .product-commerce .product-commerce__icon--point-help {
        height:12px;
        width: 12px
    }
}

.ProductPatternsShow .product-commerce .product-commerce__shipping-info {
    display: flex;
    gap: 6px;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .ProductPatternsShow .product-commerce .product-commerce__shipping-info {
        gap:4px;
        margin: 0 0 16px
    }
}

.ProductPatternsShow .product-commerce .product-commerce__shipping-info--detail {
    margin: 0;
    padding-left: 2px
}

.ProductPatternsShow .product-commerce .product-commerce .commerce-warning-message {
    margin-top: 12px
}

@media (max-width: 834px) {
    .ProductPatternsShow .product-commerce .product-commerce .commerce-warning-message {
        border-radius:3px;
        margin-top: 20px;
        padding: 12px
    }
}

.ProductPatternsShow .product-commerce .product-commerce .commerce-warning-message__txt {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternsShow .product-commerce .product-commerce .commerce-warning-message__txt {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductPatternsShow .product-commerce .product-commerce .commerce-warning-message__detail {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternsShow .product-commerce .product-commerce .commerce-warning-message__detail {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductPatternsShow .product-commerce .product-commerce__button-disable,.ProductPatternsShow .product-commerce .product-commerce__button-open-app,.ProductPatternsShow .product-commerce .product-commerce__button-purchase {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.ProductPatternsShow .ProductButtons {
    margin-top: 20px
}

@media (max-width: 834px) {
    .ProductPatternsShow .ProductButtons {
        margin-top:16px
    }
}

.ProductPatternsShow .ProductButtons__container {
    gap: 16px
}

@media (max-width: 834px) {
    .ProductPatternsShow .ProductButtons__container {
        gap:8px
    }
}

.ProductPatternsShow .ProductButtons__toggle {
    font-weight: 400;
    margin: 0
}

.ProductPatternsShow .ProductButtons__toggle.open {
    display: none
}

.ProductPatternsShow .ProductButtons .open+.ProductButtons__container {
    margin: 0
}

@media (max-width: 834px) {
    .ProductPatternsShow .ProductButtons .open+.ProductButtons__container {
        margin:0
    }
}

@media (max-width: 1080px) {
    .ProductPatternsShow .ProductButtons__purchase {
        font-size:8px
    }
}

@media (max-width: 834px) {
    .ProductPatternsShow .ProductButtons__purchase {
        color:#fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.ProductPatternsShow__special_rankings {
    margin-top: 20px
}

@media (max-width: 834px) {
    .ProductPatternsShow__special_rankings {
        padding:0 16px
    }
}

.ProductPatternsShow__special_rankings-link {
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 6px;
    line-height: 150%;
    text-decoration: none;
    text-decoration-line: underline
}

.ProductPatternsShow__special_rankings-link:active,.ProductPatternsShow__special_rankings-link:focus,.ProductPatternsShow__special_rankings-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductPatternsShow__special_rankings-link {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductPatternsShow__special_rankings-link:before {
    background-color: #ffbb02;
    content: "";
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_crown-dd8d0c48a60ad424eeac95c577d0a62edb69053d91576fe1cc9c29e10f7998c2.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_crown-dd8d0c48a60ad424eeac95c577d0a62edb69053d91576fe1cc9c29e10f7998c2.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

.ProductPatternsShow__elements {
    margin-top: 20px
}

@media (max-width: 834px) {
    .ProductPatternsShow__elements {
        padding:0 16px
    }
}

.ProductPatternsShow__diagnosis {
    background-color: #efefef;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    margin: 16px 16px 24px;
    padding: 0 12px;
    position: relative
}

.ProductPatternsShow__diagnosis-link {
    font-size: 12px;
    font-weight: 400;
    font-weight: 600;
    line-height: 150%
}

.ProductPatternsShow__diagnosis-link,.ProductPatternsShow__diagnosis-link:active,.ProductPatternsShow__diagnosis-link:focus,.ProductPatternsShow__diagnosis-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductPatternsShow__diagnosis-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    margin: 0;
    position: absolute;
    right: 16px;
    top: 10px;
    width: 20px
}

.ProductPatternsShow__diagnosis-icon {
    margin: 0;
    position: absolute;
    top: 6px
}

.ProductPatternsShow__diagnosis-text {
    padding-left: 32px
}

.ProductRatingsIndex__container {
    margin: 0 auto;
    max-width: 880px
}

.ProductRatingsIndex__title--page {
    color: var(--object-main);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 48px;
    margin: 48px 0;
    text-align: center
}

@media (max-width: 834px) {
    .ProductRatingsIndex__title--page {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 30px;
        margin: 32px 0
    }
}

.ProductRatingsIndex__title--section {
    background: var(--object-main);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 27px;
    margin: 32px 0 24px;
    padding: 8px 16px;
    text-align: center
}

@media (max-width: 834px) {
    .ProductRatingsIndex__title--section {
        color:#fff;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 21px
    }

    .ProductRatingsIndex__content {
        padding: 0 16px
    }
}

.ProductRatingsIndex__text {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .ProductRatingsIndex__text {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductRatingsIndex__text--link,.ProductRatingsIndex__text--link:active,.ProductRatingsIndex__text--link:focus,.ProductRatingsIndex__text--link:hover,.ProductRatingsIndex__text--link:visited {
    color: var(--expressive-red)
}

.ProductRatingsIndex__annotation {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0
}

@media (max-width: 834px) {
    .ProductRatingsIndex__annotation {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductRatingsIndex__article__link {
    align-items: center;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: flex;
    gap: 8px;
    padding: 12px 16px
}

.ProductRatingsIndex__article__link,.ProductRatingsIndex__article__link:active,.ProductRatingsIndex__article__link:focus,.ProductRatingsIndex__article__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductRatingsIndex__article__link {
        gap:12px;
        padding: 12px
    }
}

.ProductRatingsIndex__article__thumb {
    border-radius: 4px;
    height: auto;
    object-fit: cover;
    width: 106px
}

.ProductRatingsIndex__article__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductRatingsIndex__article__title {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductRatingsIndex__step__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductRatingsIndex__step__title {
    border-bottom: 2px solid var(--object-main);
    color: var(--object-main);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 27px;
    margin: 24px 0 16px;
    padding: 0 0 12px;
    text-align: center
}

@media (max-width: 834px) {
    .ProductRatingsIndex__step__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px
    }
}

.ProductRatingsIndex__step__image {
    display: block;
    margin: 16px auto;
    object-fit: contain;
    width: 500px
}

@media (max-width: 834px) {
    .ProductRatingsIndex__step__image {
        width:100%
    }
}

.ProductRatingsIndex__developer {
    background: var(--background-elevation-low);
    border-radius: 8px;
    margin: 16px 0;
    padding: 16px
}

.ProductRatingsIndex__developer__person {
    padding: 0 0 16px
}

.ProductRatingsIndex__developer__person:not(:first-child) {
    border-top: 1px solid var(--border-separation);
    padding: 16px 0
}

.ProductRatingsIndex__developer__top {
    align-items: center;
    display: flex;
    gap: 12px
}

.ProductRatingsIndex__developer__image {
    border-radius: 50%;
    height: 56px;
    object-fit: cover;
    width: 56px
}

@media (max-width: 834px) {
    .ProductRatingsIndex__developer__image {
        height:48px;
        width: 48px
    }
}

.ProductRatingsIndex__developer__name {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .ProductRatingsIndex__developer__name {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductRatingsIndex__developer__bio {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0 0
}

@media (max-width: 834px) {
    .ProductRatingsIndex__developer__bio {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductRatingsIndex__developer__comment {
    background: var(--background-elevation-high);
    border-radius: 4px;
    margin: 0;
    padding: 12px
}

.ProductRatingsIndex__developer__comment--title {
    color: var(--object-main);
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 8px
}

@media (max-width: 834px) {
    .ProductRatingsIndex__developer__comment--title {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 21px
    }
}

.ProductRatingsIndex__developer__comment--text {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductRatingsIndex__developer__comment--text {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductActionButtons {
    column-gap: 12px;
    display: flex;
    padding: 0 16px 16px
}

.ProductActionButtons__button {
    background: none;
    background-color: #efefef;
    border: 1px solid #efefef;
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    font-weight: 700;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.ProductActionButtons__button:focus {
    outline: none
}

.ProductsArticleLikeList__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductsArticleLikeList__product-name,.ProductsArticleLikeList__product-name:active,.ProductsArticleLikeList__product-name:focus,.ProductsArticleLikeList__product-name:hover {
    color: #2d2926;
    text-decoration: none
}

.ProductsArticleLikeList__listItem {
    border-bottom: 1px solid var(--border-separation);
    padding: 24px 0
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__listItem {
        border:unset;
        padding: 24px 0 0
    }
}

.ProductsArticleLikeList__product-link {
    color: #2d2926;
    display: block;
    text-decoration: none
}

.ProductsArticleLikeList__product-link:active,.ProductsArticleLikeList__product-link:focus,.ProductsArticleLikeList__product-link:hover {
    color: #2d2926;
    text-decoration: none
}

.ProductsArticleLikeList__rankNum {
    background: var(--expressive-red);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 4px 8px
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__rankNum {
        color:#fff;
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin: 0 16px
    }
}

.ProductsArticleLikeList__productName {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 18px;
    margin: 12px 0 16px
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__productName {
        color:#000;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 26px;
        margin: 8px 16px 12px
    }
}

.ProductsArticleLikeList__mainContentsContainer {
    display: flex;
    justify-content: space-between;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__mainContentsContainer {
        display:block;
        margin: 0
    }
}

.ProductsArticleLikeList__imageContentsContainer {
    width: 280px
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__imageContentsContainer {
        width:100%
    }
}

.ProductsArticleLikeList__imageArea-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductsArticleLikeList__imageArea-listItem {
    text-align: center;
    width: 100%
}

.ProductsArticleLikeList__imageArea-listItem-image {
    height: 280px;
    object-fit: contain;
    outline: none;
    width: 280px
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__imageArea-listItem-image {
        height:200px;
        margin: 0 auto;
        width: 200px
    }

    .ProductsArticleLikeList__imageArea-listItem-image:focus {
        outline: none
    }
}

.ProductsArticleLikeList__imageArea-listItem-image:focus {
    outline: none
}

.ProductsArticleLikeList__imageArea-listItem-product-link {
    height: 280px;
    object-fit: contain;
    width: 280px
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__imageArea-listItem-product-link {
        height:200px;
        margin: 0 auto;
        width: 200px
    }
}

.ProductsArticleLikeList__imageArea-listItem-product-link:focus {
    outline: none
}

.ProductsArticleLikeList__thumbArea {
    margin: 12px 0 0
}

.ProductsArticleLikeList__thumbArea-list {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fill,48px);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__thumbArea-list {
        grid-auto-flow:column;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        padding: 0 16px
    }

    .ProductsArticleLikeList__thumbArea-list::-webkit-scrollbar {
        display: none
    }
}

.ProductsArticleLikeList__thumbArea-listItem {
    border: 1px solid var(--border-separation);
    cursor: pointer
}

.ProductsArticleLikeList__thumbArea-listItem.current-thumb {
    border: 1px solid #2d2926
}

.ProductsArticleLikeList__thumbArea-listItem-image {
    height: 46px;
    object-fit: contain;
    width: 46px
}

.ProductsArticleLikeList__productInfoContainer {
    width: calc(100% - 304px)
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__productInfoContainer {
        padding:16px;
        width: 100%
    }
}

.ProductsArticleLikeList__ratingStar {
    margin: 0 0 8px
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__ratingStar {
        margin:0 0 16px
    }
}

.ProductsArticleLikeList__ratingStar .ratingStar {
    align-items: center;
    display: flex
}

.ProductsArticleLikeList__ratingStar .ratingStar__star {
    height: 24px;
    margin: 4px 8px 4px 0;
    object-fit: contain;
    width: auto
}

.ProductsArticleLikeList__ratingStar .ratingStar__num {
    color: #2d2926;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 4px 0 0
}

.ProductsArticleLikeList__ratingStar .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.ProductsArticleLikeList__defList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0
}

.ProductsArticleLikeList__defList-term {
    color: #2d2926;
    font-weight: 500;
    width: 108px
}

.ProductsArticleLikeList__defList-desc,.ProductsArticleLikeList__defList-term {
    border-bottom: 1px solid var(--border-separation);
    font-size: 12px;
    line-height: 150%;
    padding: 12px 0
}

.ProductsArticleLikeList__defList-desc {
    color: var(--object-secondary);
    font-weight: 400;
    width: calc(100% - 108px)
}

.ProductsArticleLikeList__defList-desc ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductsArticleLikeList__defList-link {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.ProductsArticleLikeList__productLink {
    align-items: center;
    color: #2d2926;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 150%;
    padding: 16px 0;
    text-decoration: none
}

.ProductsArticleLikeList__productLink:active,.ProductsArticleLikeList__productLink:focus,.ProductsArticleLikeList__productLink:hover {
    color: #2d2926;
    text-decoration: none
}

.ProductsArticleLikeList__productLink:after {
    background-image: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png);
    background-size: contain;
    content: "";
    height: 20px;
    transform: rotate(90deg);
    width: 20px
}

.ProductsArticleLikeList__productBtn {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductsArticleLikeList__productBtn-listItem {
    flex: 1;
    margin: 0;
    text-align: center;
    width: 100%
}

.ProductsArticleLikeList__productBtn-listItem:not(:last-child) {
    margin: 0 8px 0 0
}

.ProductsArticleLikeList__productBtn-link {
    border: 1px solid var(--expressive-red);
    border-radius: 8px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductsArticleLikeList__productBtn-link,.ProductsArticleLikeList__productBtn-link:active,.ProductsArticleLikeList__productBtn-link:focus,.ProductsArticleLikeList__productBtn-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.ProductsArticleLikeList__productBtn-link.amazon {
    border-color: #f9aa46;
    color: #f9aa46
}

.ProductsArticleLikeList__productBtn-link.rakuten {
    border-color: #b31b22;
    color: #b31b22
}

.ProductsArticleLikeList__productBtn-link.yahoo {
    border-color: #ff2748;
    color: #ff2748
}

.ProductsArticleLikeList__productBtn-link.qoo10 {
    border-color: red;
    color: red
}

.ProductsArticleLikeList__description-container {
    color: #2d2926;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: max-height .3s,opacity .2s
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__description-container {
        margin:16px 20px
    }
}

.ProductsArticleLikeList__description-container:after {
    bottom: 0;
    content: "";
    display: block;
    height: 64px;
    position: absolute;
    width: 100%
}

.ProductsArticleLikeList__description-container.open {
    max-height: 100%;
    opacity: 1;
    transition: max-height .1s,opacity .2s
}

.ProductsArticleLikeList__description-container.open .ProductsArticleLikeList__description {
    display: block;
    white-space: pre-wrap
}

.ProductsArticleLikeList__link {
    color: var(--expressive-red);
    display: block;
    text-decoration: none;
    text-decoration: underline
}

.ProductsArticleLikeList__link:active,.ProductsArticleLikeList__link:focus,.ProductsArticleLikeList__link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.ProductsArticleLikeList__catchWord {
    background: var(--background-elevation-low);
    border-radius: 8px;
    margin: 0 0 16px;
    padding: 24px 24px 16px;
    position: relative
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__catchWord {
        margin:0 16px 16px;
        padding: 20px 20px 12px
    }
}

.ProductsArticleLikeList__catchWord-content {
    margin: 0
}

.ProductsArticleLikeList__catchWord-txt {
    color: #2d2926;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 8px
}

.ProductsArticleLikeList__catchWord-user {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.ProductsArticleLikeList__catchWord:before {
    background-color: #fff;
    background-image: url(https://cdn.lipscosme.com/assets/ic_quote-b3c9668525e7666a1f11279e9fb9dd21359200784a5b1881751d407244f6115e.png);
    background-size: contain;
    content: "";
    display: block;
    height: 10px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 16px
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__catchWord:before {
        left:8px;
        top: 8px
    }
}

.ProductsArticleLikeList__catchWord:after {
    background-color: #fff;
    background-image: url(https://cdn.lipscosme.com/assets/ic_quote-b3c9668525e7666a1f11279e9fb9dd21359200784a5b1881751d407244f6115e.png);
    background-size: contain;
    bottom: 12px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 12px;
    transform: rotate(180deg);
    width: 16px
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__catchWord:after {
        bottom:8px;
        right: 8px
    }
}

.ProductsArticleLikeList__description {
    color: #2d2926;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__description {
        margin:16px 20px
    }
}

.ProductsArticleLikeList__reviewArea {
    background: var(--background-elevation-low);
    padding: 24px 16px 12px
}

@media (max-width: 834px) {
    .ProductsArticleLikeList__reviewArea {
        padding:16px
    }
}

.ProductsArticleLikeList__reviewArea-title {
    color: #2d2926;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 150%;
    margin: 8px 0
}

.ProductsArticleLikeList__reviewArea-title a,.ProductsArticleLikeList__reviewArea-title a:active,.ProductsArticleLikeList__reviewArea-title a:focus,.ProductsArticleLikeList__reviewArea-title a:hover,.ProductsArticleLikeList__toggle {
    color: #2d2926;
    text-decoration: none
}

.ProductsArticleLikeList__toggle {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 16px 0;
    text-align: center;
    width: 100%
}

.ProductsArticleLikeList__toggle:active,.ProductsArticleLikeList__toggle:focus,.ProductsArticleLikeList__toggle:hover {
    color: #2d2926;
    text-decoration: none
}

.ProductsArticleLikeList__toggle:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 8px;
    transform: rotate(180deg);
    width: 12px
}

.ProductsArticleLikeList__toggle.open {
    margin: 16px 0
}

.ProductsArticleLikeList__toggle.open:after {
    transform: none
}

.ProductBottomPurchaseBtn {
    background: var(--background-elevation-high);
    bottom: 0;
    box-shadow: 0 -1px 4px 0 rgba(0,0,0,.08);
    padding: 16px;
    position: fixed;
    width: 100%;
    z-index: 999
}

@media (min-width: 835px) {
    .ProductBottomPurchaseBtn {
        display:none
    }
}

.ProductBottomPurchaseBtn__openModal {
    background: var(--background-primary);
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    padding: 10px 0;
    text-align: center;
    text-decoration: none
}

.ProductBottomPurchaseBtn__openModal:active,.ProductBottomPurchaseBtn__openModal:focus,.ProductBottomPurchaseBtn__openModal:hover {
    color: #fff;
    text-decoration: none
}

.ProductBottomPurchaseBtn__modal {
    background: #fff;
    border-radius: 8px;
    bottom: 12px;
    display: none;
    height: fit-content;
    left: 12px;
    margin: auto;
    position: fixed;
    right: 12px;
    top: 12px;
    z-index: 10010
}

.ProductBottomPurchaseBtn__modal-figureheader {
    position: relative
}

.ProductBottomPurchaseBtn__modal-title {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    padding: 16px 0;
    text-align: center
}

.ProductBottomPurchaseBtn__modal-body {
    margin: 16px
}

.ProductBottomPurchaseBtn__modal-close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px
}

.ProductBottomPurchaseBtn__modal-close:focus {
    outline: none
}

.ProductBottomPurchaseBtn__modal-close-icon {
    height: 24px;
    object-fit: contain;
    width: 24px
}

.ProductBottomPurchaseBtn__btn {
    border-radius: 4px;
    box-shadow: none;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 16px 0;
    padding: 10px 0;
    position: relative;
    text-align: center
}

.ProductBottomPurchaseBtn__btn,.ProductBottomPurchaseBtn__btn:active,.ProductBottomPurchaseBtn__btn:focus,.ProductBottomPurchaseBtn__btn:hover {
    color: #fff;
    text-decoration: none
}

.ProductBottomPurchaseBtn__btn.attention_exist {
    margin: 38px 0 12px
}

.ProductBottomPurchaseBtn__btn.asp,.ProductBottomPurchaseBtn__btn.official {
    background: var(--expressive-red)
}

.ProductBottomPurchaseBtn__btn.amazon {
    background: #f9aa46
}

.ProductBottomPurchaseBtn__btn.rakuten {
    background: #b31b22
}

.ProductBottomPurchaseBtn__btn.yahoo {
    background: #ff2748
}

.ProductBottomPurchaseBtn__btn.qoo10 {
    background: red
}

.ProductBottomPurchaseBtn__btn.mcc {
    background: #ffe100;
    color: #000
}

.ProductBottomPurchaseBtn__attention {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 500;
    left: 0;
    line-height: 150%;
    position: absolute;
    right: 0;
    top: -26px
}

.ProductBottomPurchaseBtn__attention.rakuten {
    color: #b31b22
}

.ProductButtons {
    width: 100%
}

.ProductButtons__container {
    align-items: flex-end;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 834px) {
    .ProductButtons__container {
        display:grid;
        gap: 8px;
        grid-template-columns: repeat(2,1fr);
        margin: 0 0 8px;
        padding: 0 16px;
        width: 100%
    }
}

@media (min-width: 835px) {
    .ProductButtons__container.vertical {
        flex-direction:column;
        justify-content: center;
        width: 100%
    }
}

.ProductButtons__purchase {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    height: 44px;
    justify-content: center;
    line-height: 150%;
    width: 100%
}

.ProductButtons__purchase,.ProductButtons__purchase:active,.ProductButtons__purchase:focus,.ProductButtons__purchase:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductButtons__purchase {
        display:none
    }
}

.ProductButtons__purchase.open {
    display: flex
}

.ProductButtons__purchase.asp,.ProductButtons__purchase.official {
    background: var(--background-primary)
}

.ProductButtons__purchase.amazon {
    background: #f9aa46
}

.ProductButtons__purchase.rakuten {
    background: #b31b22
}

.ProductButtons__purchase.yahoo {
    background: #ff2748
}

.ProductButtons__purchase.qoo10 {
    background: red
}

.ProductButtons__purchase.mcc {
    background: #ffe100;
    color: #000
}

.ProductButtons__attention {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.ProductButtons__toggle {
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 16px 0 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.ProductButtons__toggle:after {
    background: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 4px;
    transform: rotate(90deg);
    vertical-align: bottom;
    width: 20px
}

.ProductButtons__toggle:active,.ProductButtons__toggle:focus,.ProductButtons__toggle:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductButtons__toggle.open {
    margin: 16px 0
}

.ProductButtons__toggle.open:after {
    transform: rotate(-90deg)
}

.ProductButtons__disclaimer {
    margin-top: 8px
}

@media (max-width: 834px) {
    .ProductButtons__disclaimer {
        margin:8px 16px 16px
    }
}

.category-feature {
    background-color: var(--background-elevation-high);
    padding: 0 16px 20px
}

@media (min-width: 835px) {
    .category-feature {
        border:1px solid var(--border-separation);
        border-radius: 4px;
        margin-bottom: 48px;
        padding: 16px 20px
    }
}

.category-feature__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

.category-feature__title,.category-feature__title:active,.category-feature__title:focus,.category-feature__title:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (min-width: 835px) {
    .category-feature__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.category-feature__title--collapse {
    align-items: center;
    display: flex;
    position: relative
}

.category-feature__title--collapse:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    margin: 0 0 0 auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    position: unset;
    right: 12px;
    top: 50%;
    top: 0;
    transform: translateY(-50%);
    width: 20px
}

.category-feature__title--collapse:not(.collapsed):after {
    transform: rotate(-90deg);
    transition: transform .2s ease-in-out
}

.category-feature__title--collapse.collapsed:after {
    transform: rotate(90deg);
    transition: transform .2s ease-in-out
}

.category-feature__title--collapse:after {
    height: 24px;
    width: 24px
}

.category-feature__title:before {
    align-items: center;
    background: url(https://cdn.lipscosme.com/assets/ic_activity-3e8f9c163f54aadd12c5ea2e0726e62261b2620486d132815dd64d64ef356d38.png) no-repeat;
    background-size: contain;
    content: "";
    display: inline-flex;
    height: 28px;
    margin-right: 4px;
    vertical-align: super;
    width: 28px
}

@media (min-width: 835px) {
    .category-feature__title:before {
        height:32px;
        width: 32px
    }
}

.category-feature .collapse {
    contain: strict
}

.category-feature .collapse.show {
    contain: unset
}

.category-feature__container {
    display: grid;
    grid-template-columns: 1fr
}

@media (min-width: 835px) {
    .category-feature__container {
        grid-template-columns:1fr 1fr
    }
}

.category-feature__row {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    padding: 12px 0;
    transition: .3s
}

.category-feature__row,.category-feature__row:active,.category-feature__row:focus,.category-feature__row:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (min-width: 835px) {
    .category-feature__row {
        padding:16px 0
    }

    .category-feature__row:nth-child(2n) {
        padding-left: 40px
    }
}

.category-feature__row.invisible {
    border: unset;
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden
}

.category-feature__row-feature-name {
    color: var(--object-main);
    flex: 1 0 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

@media (min-width: 835px) {
    .category-feature__row-feature-name {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.category-feature__row .ratingStar {
    align-items: center;
    display: flex
}

.category-feature__row .ratingStar__star {
    width: 80px
}

@media (min-width: 835px) {
    .category-feature__row .ratingStar__star {
        width:100px
    }
}

.category-feature__row .ratingStar__num {
    color: var(--object-main);
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 4px;
    min-width: 23px
}

@media (min-width: 835px) {
    .category-feature__row .ratingStar__num {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.category-feature__row-rank {
    align-items: center;
    background-color: var(--background-elevation-low);
    border-radius: 999px;
    color: var(--object-main);
    display: inline-grid;
    font-size: 10px;
    font-weight: 400;
    height: 20px;
    line-height: 150%;
    margin-left: 16px;
    min-width: 40px;
    text-align: center
}

.category-feature__row-rank--blank {
    background-color: unset;
    margin-left: 16px;
    min-width: 40px
}

.category-feature__more {
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 12px 0 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.category-feature__more:after {
    background: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 4px;
    transform: rotate(90deg);
    vertical-align: bottom;
    width: 20px
}

.category-feature__more:active,.category-feature__more:focus,.category-feature__more:hover {
    color: var(--object-main);
    color: var(--object-secondary);
    text-decoration: none
}

@media (min-width: 835px) {
    .category-feature__more {
        color:var(--object-secondary);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        padding: 16px 0 0
    }
}

.category-feature__more:after {
    background-color: var(--object-secondary);
    background: var(--object-secondary);
    -webkit-mask: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.category-feature__more.open:after {
    transform: rotate(-90deg)
}

.ProductClipAppInstallModal {
    background-color: #fff;
    border-radius: 8px;
    display: none;
    left: 50%;
    max-width: 500px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    z-index: 100000
}

.ProductClipAppInstallModal__cover-image {
    width: 100%
}

.ProductClipAppInstallModal__app-description {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    padding: 12px
}

.ProductClipAppInstallModal__app-description--icon {
    height: 40px;
    margin-right: 8px;
    width: 40px
}

.ProductClipAppInstallModal__app-description--title {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    margin-bottom: 2px
}

.ProductClipAppInstallModal__app-description--subtitle {
    color: var(--object-secondary);
    font-size: 10px;
    height: 12px;
    line-height: 1.2;
    margin-bottom: 0
}

.ProductClipAppInstallModal__buttons {
    padding: 24px 16px 16px
}

.ProductClipAppInstallModal__buttons--install-button {
    align-items: center;
    background: none;
    background: var(--background-primary);
    border: none;
    border-radius: 999px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    padding: 14px;
    place-content: center center;
    text-align: center;
    width: 100%
}

.ProductClipAppInstallModal__buttons--install-button:focus {
    outline: none
}

.ProductClipAppInstallModal__buttons--close-button {
    background: none;
    border: none;
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 700;
    margin-top: 16px;
    padding: 0;
    text-align: center;
    width: 100%
}

.ProductClipAppInstallModal__buttons--close-button:focus {
    outline: none
}

@media (min-width: 835px) {
    .product-show-inner__buttons:has(.product-show-inner__buttons-primary) .product-commerce__container {
        padding:44px 20px
    }
}

.product-commerce__container {
    background: var(--background-elevation-low);
    border-radius: 4px;
    min-height: 160px;
    padding: 20px
}

@media (max-width: 834px) {
    .product-commerce__container {
        background:unset;
        min-height: 120px;
        padding: 0 16px
    }
}

.product-commerce__lips-logo {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    line-height: 150%;
    margin-bottom: 20px
}

.product-commerce__icon--point-help {
    filter: invert(54%) sepia(0) saturate(1%) hue-rotate(189deg) brightness(85%) contrast(83%);
    height: 16px;
    margin: 0 0 0 3px;
    vertical-align: text-bottom;
    width: 16px
}

@media (max-width: 834px) {
    .product-commerce__icon--point-help {
        vertical-align:sub
    }
}

.product-commerce__price-and-point {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    list-style-type: none;
    margin: 0 0 8px;
    padding: 0
}

@media (max-width: 834px) {
    .product-commerce__price-and-point {
        gap:12px
    }
}

.product-commerce__price--yen {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 32px
}

@media (max-width: 834px) {
    .product-commerce__price--yen {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 30px
    }
}

.product-commerce__price--price {
    color: var(--object-main);
    font-size: 26px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 32px
}

@media (max-width: 834px) {
    .product-commerce__price--price {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        letter-spacing: .4px;
        line-height: 30px
    }
}

.product-commerce__price--tax {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 0 4px
}

@media (max-width: 834px) {
    .product-commerce__price--tax {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.product-commerce__point--txt {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .product-commerce__point--txt {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.product-commerce__point--percent {
    color: var(--expressive-red);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 2px
}

@media (max-width: 834px) {
    .product-commerce__point--percent {
        color:var(--expressive-red);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.product-commerce__point--detail {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 8px
}

.product-commerce__point--detail,.product-commerce__point--detail:active,.product-commerce__point--detail:focus,.product-commerce__point--detail:hover {
    color: var(--object-secondary);
    text-decoration: none
}

@media (max-width: 834px) {
    .product-commerce__point--detail {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.product-commerce__shipping-info {
    display: block;
    margin: 0 0 16px
}

.product-commerce__shipping-info,.product-commerce__shipping-info:active,.product-commerce__shipping-info:focus,.product-commerce__shipping-info:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.product-commerce__shipping-info--txt {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .product-commerce__shipping-info--txt {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.product-commerce__shipping-info--date {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .product-commerce__shipping-info--date {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.product-commerce__shipping-info--detail {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 8px
}

@media (max-width: 834px) {
    .product-commerce__shipping-info--detail {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.product-commerce .product-commerce__button-disable,.product-commerce .product-commerce__button-open-app,.product-commerce .product-commerce__button-purchase {
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 12px 0;
    text-align: center;
    text-decoration: none
}

.product-commerce .product-commerce__button-disable:active,.product-commerce .product-commerce__button-disable:focus,.product-commerce .product-commerce__button-disable:hover,.product-commerce .product-commerce__button-open-app:active,.product-commerce .product-commerce__button-open-app:focus,.product-commerce .product-commerce__button-open-app:hover,.product-commerce .product-commerce__button-purchase:active,.product-commerce .product-commerce__button-purchase:focus,.product-commerce .product-commerce__button-purchase:hover {
    color: #fff;
    text-decoration: none
}

.product-commerce .product-commerce__button-disable:hover,.product-commerce .product-commerce__button-open-app:hover,.product-commerce .product-commerce__button-purchase:hover {
    opacity: .6
}

.product-commerce__button-open-app,.product-commerce__button-purchase {
    background: var(--background-primary)
}

.product-commerce__button-disable {
    background: var(--object-tertiary);
    opacity: 1;
    pointer-events: none
}

.ProductsComparativeTable table,.ProductsComparativeTable td,.ProductsComparativeTable th,.ProductsComparativeTable tr {
    box-sizing: border-box
}

.ProductsComparativeTable__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .ProductsComparativeTable__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.ProductsComparativeTable__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .ProductsComparativeTable__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.ProductsComparativeTable__table {
    contain: content;
    contain-intrinsic-size: 461px;
    content-visibility: auto;
    display: block;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: auto
}

@media (max-width: 834px) {
    .ProductsComparativeTable__table {
        padding:0 8px
    }
}

.ProductsComparativeTable__table::-webkit-scrollbar {
    display: none
}

.ProductsComparativeTable__head {
    background-color: var(--background-elevation-low);
    border-bottom: 1px solid var(--border-separation);
    border-left: 1px solid var(--border-separation);
    border-right: 1px solid var(--border-separation);
    display: inline-block
}

.ProductsComparativeTable__head_col {
    display: block;
    width: 80px
}

.ProductsComparativeTable__head_item {
    border-top: 1px solid var(--border-separation);
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px;
    white-space: pre-wrap
}

.ProductsComparativeTable__head_item[name="商品画像"] {
    height: 136px
}

.ProductsComparativeTable__head_item[name="商品情報"] {
    height: 74px
}

.ProductsComparativeTable__head_item[name="参考価格"] {
    height: 34px
}

.ProductsComparativeTable__head_item[name="評価"] {
    height: 74px
}

.ProductsComparativeTable__head_item[name="特徴"] {
    height: 70px
}

.ProductsComparativeTable__head_item[name="ランキングIN"] {
    height: 52px
}

.ProductsComparativeTable__head_item[name="商品リンク"] {
    height: 48px
}

.ProductsComparativeTable__body {
    display: inline-block
}

.ProductsComparativeTable__body_col {
    border-right: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    display: inline-block;
    width: 136px
}

.ProductsComparativeTable__body_item {
    border-bottom: 1px solid var(--border-separation);
    display: block;
    padding: 8px
}

.ProductsComparativeTable__body_item[name="商品画像"] {
    height: 136px
}

.ProductsComparativeTable__body_item[name="商品情報"] {
    height: 74px
}

.ProductsComparativeTable__body_item[name="参考価格"] {
    height: 34px
}

.ProductsComparativeTable__body_item[name="評価"] {
    height: 74px
}

.ProductsComparativeTable__body_item[name="特徴"] {
    height: 70px
}

.ProductsComparativeTable__body_item[name="ランキングIN"] {
    height: 52px
}

.ProductsComparativeTable__body_item[name="商品リンク"] {
    height: 48px
}

.ProductsComparativeTable__img_rank {
    position: relative
}

.ProductsComparativeTable__img_rank__image {
    background-color: #fff;
    height: 112px;
    margin: 4px;
    object-fit: contain;
    width: 112px
}

.ProductsComparativeTable__img_rank__rank {
    background-color: var(--background-primary);
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    height: 24px;
    left: 0;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 24px
}

.ProductsComparativeTable__img_rank__emblem {
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.ProductsComparativeTable__brand {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductsComparativeTable__product_name {
    color: var(--object-main);
    -webkit-line-clamp: 2
}

.ProductsComparativeTable__catchWord,.ProductsComparativeTable__product_name {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    white-space: pre-wrap
}

.ProductsComparativeTable__catchWord {
    color: var(--object-secondary);
    -webkit-line-clamp: 3
}

.ProductsComparativeTable__rates__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductsComparativeTable__rates__rating .ratingStar {
    align-items: center;
    display: flex
}

.ProductsComparativeTable__rates__rating .ratingStar__star {
    height: 12px;
    margin-right: 4px
}

.ProductsComparativeTable__rates__rating .ratingStar__num {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.ProductsComparativeTable__rates__clip_count,.ProductsComparativeTable__rates__post_count {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 4px
}

.ProductsComparativeTable__price {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductsComparativeTable__ranking-in {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: pre-wrap
}

.ProductsComparativeTable__ranking-in,.ProductsComparativeTable__ranking-in:active,.ProductsComparativeTable__ranking-in:focus,.ProductsComparativeTable__ranking-in:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.ProductsComparativeTable__link {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.ProductsComparativeTable__link:hover {
    opacity: .8
}

.ProductsComparativeTable__link:active,.ProductsComparativeTable__link:focus,.ProductsComparativeTable__link:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.ProductsComparativeTable__link:disabled {
    background: var(--object-tertiary)
}

.ProductsComparativeTable__link:disabled:hover {
    opacity: 1
}

.ProductsComparativeTable__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.ProductsComparativeTable__more-link,.ProductsComparativeTable__more-link:active,.ProductsComparativeTable__more-link:focus,.ProductsComparativeTable__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductsComparativeTable__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }

    .ProductsComparativeTable>:last-child {
        margin-bottom: 24px
    }
}

.Productfigureheader {
    background: var(--background-elevation-high)
}

.Productfigureheader__titleContainer {
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 24px 0
}

@media (max-width: 834px) {
    .Productfigureheader__titleContainer {
        padding:20px 12px
    }
}

.Productfigureheader__thumb--image {
    height: 62px;
    object-fit: contain;
    width: 62px
}

@media (max-width: 834px) {
    .Productfigureheader__thumb--image {
        height:44px;
        width: 44px
    }
}

.Productfigureheader__titleTxt {
    margin: 0;
    min-width: 0
}

.Productfigureheader__titleTxt--brand,.Productfigureheader__titleTxt--brand-product {
    color: var(--object-main);
    display: block;
    font-size: 18px;
    font-weight: 500;
    gap: 4px 16px;
    line-height: 150%;
    margin: 0 0 8px
}

@media (max-width: 834px) {
    .Productfigureheader__titleTxt--brand,.Productfigureheader__titleTxt--brand-product {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin: 0 0 4px
    }
}

.Productfigureheader__titleTxt--brand a,.Productfigureheader__titleTxt--brand a:active,.Productfigureheader__titleTxt--brand a:focus,.Productfigureheader__titleTxt--brand a:hover,.Productfigureheader__titleTxt--brand-product a,.Productfigureheader__titleTxt--brand-product a:active,.Productfigureheader__titleTxt--brand-product a:focus,.Productfigureheader__titleTxt--brand-product a:hover {
    color: var(--object-main);
    text-decoration: none
}

.Productfigureheader__titleTxt--brand-product {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.Productfigureheader__titleTxt--brand-product a {
    max-width: 100%
}

.Productfigureheader__titleTxt--brand-product a:not(:first-child) {
    position: relative
}

.Productfigureheader__titleTxt--brand-product a:not(:first-child):before {
    background: var(--object-main);
    bottom: 8px;
    content: "";
    height: 12px;
    left: -8px;
    position: absolute;
    width: 1px
}

@media (max-width: 834px) {
    .Productfigureheader__titleTxt--brand-product a:not(:first-child):before {
        bottom:5px
    }
}

.Productfigureheader__titleTxt--brand-product span {
    color: var(--object-main);
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .Productfigureheader__titleTxt--brand-product span {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.Productfigureheader__titleTxt--product {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .Productfigureheader__titleTxt--product {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.Productfigureheader__titleTxt--productName,.Productfigureheader__titleTxt--productName:active,.Productfigureheader__titleTxt--productName:focus,.Productfigureheader__titleTxt--productName:hover,.Productfigureheader__titleTxt--productSuffix {
    color: var(--object-main);
    text-decoration: none
}

.Productfigureheader__titleTxt--productSuffix {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all
}

.Productfigureheader__titleTxt--productSuffix:active,.Productfigureheader__titleTxt--productSuffix:focus,.Productfigureheader__titleTxt--productSuffix:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .products-index {
        background:var(--background-elevation-low)
    }
}

.products-index__title-area {
    background: #fff;
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .products-index__title-area {
        padding:16px
    }
}

.products-index__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .products-index__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.products-index__info-bar {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

@media (max-width: 834px) {
    .products-index__info-bar {
        padding:16px
    }
}

.products-index__item-count {
    font-weight: 400;
    margin: 0
}

.products-index__item-count,.products-index__sort {
    color: var(--object-secondary);
    font-size: 12px;
    line-height: 150%
}

.products-index__sort {
    align-items: center;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: flex;
    font-weight: 500;
    padding: 12px
}

@media (max-width: 834px) {
    .products-index__sort {
        border:unset;
        padding: 0
    }
}

.products-index__sort:before {
    background: url(https://cdn.lipscosme.com/assets/arrange/subblack-800a56cd4765b644291976063732cd6e4689f528daf48ea8064a3f7137fe6d84.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.products-index__sort-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: unset
}

.products-index__sort-select:focus {
    outline: none
}

.products-index__products-list {
    background: #fff;
    margin: 16px 0
}

.products-new-released__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .products-new-released__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.products-new-released__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .products-new-released__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.products-new-released__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0 0 8px;
    padding: 0
}

@media (max-width: 834px) {
    .products-new-released__list {
        margin:0;
        padding: 0
    }
}

.products-new-released__item {
    margin: 0 0 8px;
    padding: 8px 0;
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .products-new-released__item {
        margin:0;
        padding: 16px;
        width: 100%
    }

    .products-new-released__item:not(:last-child) {
        border-bottom: 1px solid var(--border-separation)
    }
}

.products-new-released__link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.products-new-released__link,.products-new-released__link:active,.products-new-released__link:focus,.products-new-released__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.products-new-released__thumb {
    height: 72px;
    object-fit: contain;
    width: 72px
}

.products-new-released__content {
    width: calc(100% - 84px)
}

.products-new-released__product-title {
    font-size: unset;
    margin: 0 0 8px
}

.products-new-released__brand {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 4px
}

.products-new-released__name {
    color: #2d2926;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.products-new-released__info-list {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 4px 0 0;
    overflow: hidden;
    white-space: nowrap
}

.products-new-released__info-term {
    display: inline-block;
    font-weight: 400
}

.products-new-released__info-desc {
    display: inline-block
}

.products-new-released__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.products-new-released__more-link,.products-new-released__more-link:active,.products-new-released__more-link:focus,.products-new-released__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .products-new-released__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.redesign .products-new-released__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .redesign .products-new-released__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 16px
    }
}

.redesign .products-new-released__subtitle {
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 8px
}

@media (max-width: 834px) {
    .redesign .products-new-released__subtitle {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.redesign .products-new-released__list {
    display: grid;
    gap: 0 24px;
    grid-template-columns: repeat(2,1fr);
    margin-top: 16px
}

@media (max-width: 1080px) {
    .redesign .products-new-released__list {
        grid-template-columns:repeat(1,1fr)
    }
}

@media (max-width: 834px) {
    .redesign .products-new-released__list {
        gap:0;
        grid-template-columns: repeat(1,1fr)
    }
}

.redesign .products-new-released__item {
    margin: 0;
    width: unset
}

@media (min-width: 835px) {
    .redesign .products-new-released__item {
        padding:8px 0 16px
    }
}

@media (max-width: 834px) {
    .redesign .products-new-released__item:last-child {
        padding-bottom:0
    }
}

.redesign .products-new-released__brand {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.redesign .products-new-released__name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.redesign .products-new-released__info-list:first-child {
    margin-top: 8px
}

.redesign .products-new-released__info-desc,.redesign .products-new-released__info-term {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.redesign .products-new-released__more-link {
    font-size: 13px;
    margin-bottom: 0
}

.PerfumeProperty {
    border: none;
    border-bottom: 1px solid var(--border-separation);
    border-radius: unset;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0 16px
}

@media (min-width: 835px) {
    .PerfumeProperty {
        padding:0
    }
}

@media (max-width: 834px) {
    .PerfumeProperty {
        background:var(--background-elevation-high)
    }
}

.PerfumeProperty__title {
    margin: 0
}

.PerfumeProperty__toggle {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 4px;
    line-height: 150%;
    padding: 16px 0;
    position: relative
}

.PerfumeProperty__toggle,.PerfumeProperty__toggle:active,.PerfumeProperty__toggle:focus,.PerfumeProperty__toggle:hover {
    color: var(--object-main);
    text-decoration: none
}

.PerfumeProperty__toggle:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    margin: 0 0 0 auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    position: unset;
    right: 12px;
    top: 50%;
    top: 0;
    transform: translateY(-50%);
    width: 20px
}

.PerfumeProperty__toggle:not(.collapsed):after {
    transform: rotate(-90deg);
    transition: transform .2s ease-in-out
}

.PerfumeProperty__toggle.collapsed:after {
    transform: rotate(90deg);
    transition: transform .2s ease-in-out
}

@media (min-width: 835px) {
    .PerfumeProperty__toggle {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        gap: 8px;
        line-height: 150%
    }

    .PerfumeProperty__toggle:before {
        height: 28px;
        width: 28px
    }
}

.PerfumeProperty__toggle:before {
    background-color: #ad8dfe;
    content: "";
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_fragrance-fd1785c3d23e4141b1952186a0583f2b6fd4383a8b47325efead2f7058ae3ab0.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_fragrance-fd1785c3d23e4141b1952186a0583f2b6fd4383a8b47325efead2f7058ae3ab0.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

.PerfumeProperty__container {
    color: var(--object-main);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    gap: 8px;
    line-height: 150%;
    padding: 0 0 16px
}

@media (min-width: 835px) {
    .PerfumeProperty__container {
        padding:0 0 16px 32px
    }
}

.PerfumeProperty__segment-title {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 12px 0 0
}

.PerfumeProperty__segment-title:first-child {
    margin: 8px 0 0
}

.PerfumeProperty__segment-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

@media (max-width: 834px) {
    .PerfumeProperty__segment-container {
        gap:8px
    }
}

.PerfumeProperty__segment-scent-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 12px
}

@media (max-width: 834px) {
    .PerfumeProperty__segment-scent-container {
        gap:8px
    }
}

.PerfumeProperty__link {
    align-items: center;
    color: var(--expressive-red);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 6px;
    line-height: 150%;
    text-decoration: none;
    text-decoration: underline
}

.PerfumeProperty__link:active,.PerfumeProperty__link:focus,.PerfumeProperty__link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.primary-purchase-site {
    background: rgba(239,44,59,.05);
    border-radius: 8px;
    padding: 20px;
    position: relative
}

@media (max-width: 834px) {
    .primary-purchase-site {
        margin:0 16px;
        padding: 16px
    }
}

.primary-purchase-site__logo {
    left: 0;
    position: absolute;
    top: 0
}

@media (max-width: 834px) {
    .primary-purchase-site__logo-image {
        width:52px
    }
}

.primary-purchase-site__title {
    align-items: center;
    background: linear-gradient(180deg,#df4377,#ff8054);
    background-clip: text;
    color: transparent;
    display: flex;
    gap: 4px;
    justify-content: center
}

@media (min-width: 835px) {
    .primary-purchase-site__title {
        gap:8px;
        margin-top: 12px
    }
}

.primary-purchase-site__title span {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .primary-purchase-site__title span {
        font-size:14px
    }

    .primary-purchase-site__title-image {
        width: 50px
    }
}

.primary-purchase-site__button {
    align-items: center;
    background: #ef2c3b;
    border-radius: 4px;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    margin-top: 20px;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.primary-purchase-site__button:hover {
    opacity: .8
}

.primary-purchase-site__button:active,.primary-purchase-site__button:focus,.primary-purchase-site__button:hover {
    color: #fff;
    text-decoration: none
}

.primary-purchase-site__button span:not(:first-child) {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .primary-purchase-site__button {
        margin-top:16px
    }
}

.primary-purchase-site__disclaimer {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 20px
}

@media (max-width: 834px) {
    .primary-purchase-site__disclaimer {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%;
        margin-top: 12px
    }
}

.product-list-semi-medium__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .product-list-semi-medium__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.product-list-semi-medium__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .product-list-semi-medium__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.product-list-semi-medium__list {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .product-list-semi-medium__list {
        flex-wrap:wrap;
        grid-template-columns: repeat(3,1fr);
        padding: 8px 12px
    }
}

.product-list-semi-medium__item {
    min-width: 0
}

@media (max-width: 834px) {
    .product-list-semi-medium__item {
        padding:0
    }
}

.product-list-semi-medium__link {
    display: block;
    position: relative
}

.product-list-semi-medium__link,.product-list-semi-medium__link:active,.product-list-semi-medium__link:focus,.product-list-semi-medium__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.product-list-semi-medium__rank {
    background: var(--expressive-red);
    border-radius: 4px;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.product-list-semi-medium__rank-num {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 4px 0;
    text-align: center
}

.product-list-semi-medium__thumb-container {
    position: relative;
    width: 100%
}

.product-list-semi-medium__thumb-container:before {
    content: "";
    display: block;
    padding-top: 100%
}

.product-list-semi-medium__thumb {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.product-list-semi-medium__name {
    margin: 8px 0 4px
}

.product-list-semi-medium__name-brand,.product-list-semi-medium__name-product {
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-list-semi-medium__release-date {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    line-height: 150%
}

.product-list-semi-medium__release-date-icon {
    height: 14px;
    width: 14px
}

@media (max-width: 834px) {
    .product-list-semi-medium__release-date-icon {
        height:10px;
        width: 10px
    }
}

.product-list-semi-medium__rating {
    align-items: center;
    display: flex;
    font-size: 10px;
    margin: 0
}

.product-list-semi-medium__rating-term {
    margin: 0 2px 0 0
}

.product-list-semi-medium__rating-star {
    height: 16px;
    object-fit: contain;
    width: 16px
}

.product-list-semi-medium__rating-num {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 3px 0 0
}

.product-list-semi-medium__rating-count {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.product-list-semi-medium__price {
    margin: 0 0 4px
}

.product-list-semi-medium__more-link,.product-list-semi-medium__price {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.product-list-semi-medium__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    margin: 24px auto;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    width: 360px
}

.product-list-semi-medium__more-link:active,.product-list-semi-medium__more-link:focus,.product-list-semi-medium__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .product-list-semi-medium__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.ProductReviewRefinedPostModal {
    background: #fff;
    border-radius: 8px;
    display: none;
    margin: auto;
    position: fixed;
    z-index: 10010
}

@media (min-width: 835px) {
    .ProductReviewRefinedPostModal {
        left:50%;
        max-height: calc(100vh - 24px);
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 400px
    }
}

@media (max-width: 834px) {
    .ProductReviewRefinedPostModal {
        border-radius:0;
        bottom: 0;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        width: 100%
    }
}

.ProductReviewRefinedPostModal.open {
    display: flex;
    flex-direction: column
}

.ProductReviewRefinedPostModal__figureheader {
    flex-shrink: 0;
    position: relative
}

.ProductReviewRefinedPostModal__title {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    padding: 16px 0;
    text-align: center
}

.ProductReviewRefinedPostModal__close {
    background: none;
    border: none;
    left: 16px;
    padding: 0;
    position: absolute;
    top: 16px
}

.ProductReviewRefinedPostModal__close:focus {
    outline: none
}

.ProductReviewRefinedPostModal__close img {
    height: 24px;
    object-fit: contain;
    width: 24px
}

.ProductReviewRefinedPostModal__main {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: scroll
}

@media (min-width: 835px) {
    .ProductReviewRefinedPostModal__main {
        padding:0 24px
    }
}

.ProductReviewRefinedPostModal__section {
    border-bottom: 1px solid var(--border-separation);
    padding: 12px 0 16px
}

@media (max-width: 834px) {
    .ProductReviewRefinedPostModal__section {
        padding:12px 16px 16px
    }
}

.ProductReviewRefinedPostModal__section-pattern {
    align-items: center;
    display: flex;
    padding: 16px 0
}

@media (max-width: 834px) {
    .ProductReviewRefinedPostModal__section-pattern {
        padding:16px
    }
}

.ProductReviewRefinedPostModal__section-pattern .ProductReviewRefinedPostModal__subtitle {
    flex-shrink: 0;
    margin-bottom: 0
}

.ProductReviewRefinedPostModal__pattern-name {
    color: var(--object-secondary);
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 4px 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductReviewRefinedPostModal__pattern-clear {
    background-color: var(--object-secondary);
    cursor: pointer;
    flex-shrink: 0;
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/close-circle-3b5e71c572db1f4c9670e95ad9dedb19527b68d70979808a9f1584934b6a1c82.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/close-circle-3b5e71c572db1f4c9670e95ad9dedb19527b68d70979808a9f1584934b6a1c82.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.ProductReviewRefinedPostModal__subtitle {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px
}

.ProductReviewRefinedPostModal__list {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductReviewRefinedPostModal__list-topic {
    display: flex;
    flex-wrap: wrap
}

.ProductReviewRefinedPostModal__item label {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 8px 12px;
    text-align: center
}

.ProductReviewRefinedPostModal__item input[type=radio] {
    display: none
}

.ProductReviewRefinedPostModal__item input[type=radio]:checked+label {
    background: var(--border-separation)
}

.ProductReviewRefinedPostModal__item input[type=radio]:disabled+label {
    color: var(--object-tertiary)
}

.ProductReviewRefinedPostModal__rate-range {
    color: var(--object-secondary);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 0 32px;
    justify-content: center;
    line-height: 150%;
    margin-bottom: 12px
}

.ProductReviewRefinedPostModal__rate-max,.ProductReviewRefinedPostModal__rate-min {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 150%
}

.ProductReviewRefinedPostModal__rate-form {
    height: 20px;
    position: relative;
    width: 100%
}

.ProductReviewRefinedPostModal__rate-input1,.ProductReviewRefinedPostModal__rate-input2 {
    left: 0;
    position: absolute;
    top: 0
}

.ProductReviewRefinedPostModal__rate input[type=range] {
    appearance: none;
    cursor: pointer;
    height: 30px;
    outline: none;
    width: 100%
}

.ProductReviewRefinedPostModal__rate input[type=range]::-webkit-slider-runnable-track {
    height: 8px
}

.ProductReviewRefinedPostModal__rate input[type=range]::-webkit-slider-thumb {
    appearance: none;
    background: url(https://cdn.lipscosme.com/assets/form/range/cursor-48e3c3dea359312edcb0c13fd104f151e8cced4d8e161db13f60fa2ce14a8d97.svg) no-repeat;
    border: none;
    box-shadow: none;
    height: 20px;
    margin-top: -6px;
    width: 20px
}

.ProductReviewRefinedPostModal__rate-input1::-webkit-slider-thumb,.ProductReviewRefinedPostModal__rate-input2::-webkit-slider-thumb {
    position: relative;
    z-index: 1
}

.ProductReviewRefinedPostModal__rate-input1::-webkit-slider-runnable-track {
    background: linear-gradient(to right,var(--object-tertiary) 0 var(--min),var(--background-primary) var(--min) var(--max),var(--object-tertiary) var(--max) 100%);
    border-radius: 20px
}

.ProductReviewRefinedPostModal__rate-input2,.ProductReviewRefinedPostModal__rate-input2::-webkit-slider-runnable-track {
    background: transparent
}

@-moz-document url-prefix("") {
    .ProductReviewRefinedPostModal__rate input[type=range]::-moz-range-track {
        height: 8px
    }

    .ProductReviewRefinedPostModal__rate input[type=range]::-moz-range-thumb {
        -webkit-appearance: none;
        appearance: none;
        background: url(https://cdn.lipscosme.com/assets/form/range/cursor-48e3c3dea359312edcb0c13fd104f151e8cced4d8e161db13f60fa2ce14a8d97.svg) no-repeat;
        border: none;
        box-shadow: none;
        height: 20px;
        margin-top: -6px;
        width: 20px
    }

    .ProductReviewRefinedPostModal__rate-input1::-moz-range-thumb,.ProductReviewRefinedPostModal__rate-input2::-moz-range-thumb {
        position: relative;
        z-index: 1
    }

    .ProductReviewRefinedPostModal__rate-input1::-moz-range-track {
        background: linear-gradient(to right,var(--object-tertiary) 0 var(--min),var(--background-primary) var(--min) var(--max),var(--object-tertiary) var(--max) 100%);
        border-radius: 20px
    }

    .ProductReviewRefinedPostModal__rate-input2,.ProductReviewRefinedPostModal__rate-input2::-moz-range-track {
        background: transparent
    }
}

.ProductReviewRefinedPostModal__rate-scales {
    display: flex;
    height: 6px;
    justify-content: space-between;
    padding: 0 1px;
    pointer-events: none;
    position: absolute;
    top: 12px;
    width: 100%
}

.ProductReviewRefinedPostModal__rate-scale {
    background: #fff;
    border-radius: 6px;
    height: 6px;
    pointer-events: none;
    width: 6px
}

.ProductReviewRefinedPostModal__text-form {
    position: relative
}

@media (min-width: 835px) {
    .ProductReviewRefinedPostModal__text-form {
        max-width:343px
    }
}

.ProductReviewRefinedPostModal__text-form input {
    background: url(https://cdn.lipscosme.com/assets/feather/search-6615d21f11b72751c746a03e85818e99192d1d4c4fe6debd84f5a377cc3f7c1a.svg) 12px 12px no-repeat;
    background-color: var(--background-elevation-low);
    background-color: var(--background-elevation-high);
    background-size: 16px;
    border: unset;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 150%;
    padding: 10px 32px 10px 36px;
    width: 100%
}

.ProductReviewRefinedPostModal__text-form input::placeholder {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.ProductReviewRefinedPostModal__text-form input:focus {
    outline: none
}

.ProductReviewRefinedPostModal__text-form input:focus::placeholder {
    color: transparent
}

.ProductReviewRefinedPostModal__text-form button {
    background: none;
    border: none;
    height: 16px;
    padding: 0;
    position: absolute;
    right: 13px;
    top: 13px;
    width: 16px
}

.ProductReviewRefinedPostModal__text-form button:focus {
    outline: none
}

.ProductReviewRefinedPostModal__text-form button img {
    height: 100%;
    vertical-align: unset;
    width: 100%
}

.ProductReviewRefinedPostModal__options {
    display: grid;
    flex-direction: column;
    gap: 12px
}

.ProductReviewRefinedPostModal__footer {
    border-top: 1px solid var(--border-separation);
    display: flex;
    flex-shrink: 0;
    gap: 0 12px;
    height: 76px;
    padding: 16px 12px
}

.ProductReviewRefinedPostModal__footer a,.ProductReviewRefinedPostModal__footer button {
    border-radius: 4px;
    padding: 13px 30px;
    text-align: center;
    text-decoration: none
}

.ProductReviewRefinedPostModal__clear_btn {
    border: 1px solid var(--background-primary);
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.ProductReviewRefinedPostModal__search_btn {
    background: var(--background-primary);
    border: none;
    color: #fff;
    flex-grow: 1;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.ProductReviewRefinedPostModalBtn a {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    line-height: 150%;
    position: relative
}

.ProductReviewRefinedPostModalBtn a,.ProductReviewRefinedPostModalBtn a:active,.ProductReviewRefinedPostModalBtn a:focus,.ProductReviewRefinedPostModalBtn a:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductReviewRefinedPostModalBtn a {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductReviewRefinedPostModalBtn a:before {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: inline-block;
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/sliders-6a401cbd1a6c78af2a05ce609358626cfd4375e781cfa3e4a8781de69aa331e3.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/sliders-6a401cbd1a6c78af2a05ce609358626cfd4375e781cfa3e4a8781de69aa331e3.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

@media (max-width: 834px) {
    .ProductReviewRefinedPostModalBtn a:before {
        height:24px;
        width: 24px
    }
}

.ProductReviewRefinedPostModalBtn__count {
    background: var(--expressive-blue);
    border-radius: 50%;
    height: 14px;
    position: absolute;
    right: 0;
    top: -4px;
    width: 14px
}

.ProductReviewRefinedPostModalBtn__count span {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 150%;
    text-align: center
}

.ProductElements {
    border: none;
    border-bottom: 1px solid var(--border-separation);
    border-radius: unset;
    box-shadow: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .ProductElements {
        background:var(--background-elevation-high);
        padding: 0 16px
    }
}

.ProductElements__body {
    display: grid;
    flex-direction: column;
    gap: 12px;
    padding: 0 0 16px 32px
}

@media (max-width: 834px) {
    .ProductElements__body {
        border-radius:6px;
        padding: 0 0 16px
    }
}

.ProductElements__heading {
    margin: 0
}

.ProductElements__toggle {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 4px;
    line-height: 150%;
    padding: 16px 0;
    position: relative
}

.ProductElements__toggle,.ProductElements__toggle:active,.ProductElements__toggle:focus,.ProductElements__toggle:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductElements__toggle:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    margin: 0 0 0 auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    position: unset;
    right: 12px;
    top: 50%;
    top: 0;
    transform: translateY(-50%);
    width: 20px
}

.ProductElements__toggle:not(.collapsed):after {
    transform: rotate(-90deg);
    transition: transform .2s ease-in-out
}

.ProductElements__toggle.collapsed:after {
    transform: rotate(90deg);
    transition: transform .2s ease-in-out
}

@media (min-width: 835px) {
    .ProductElements__toggle {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        gap: 8px;
        line-height: 150%
    }

    .ProductElements__toggle:before {
        height: 28px;
        width: 28px
    }
}

.ProductElements__toggle:before {
    background-color: var(--expressive-light-blue);
    content: "";
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/drop-8ee5e4bcc5196b62bc622cda9a31f83b343cb2cf952c4ef878f6a447fc83a163.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/drop-8ee5e4bcc5196b62bc622cda9a31f83b343cb2cf952c4ef878f6a447fc83a163.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

.ProductElements__elements-names {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-top: -8px;
    overflow: hidden
}

.ProductElements__elements-name-wrap {
    color: var(--object-main);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 8px
}

.ProductElements__elements-name-wrap:after {
    content: ",";
    padding: 0 4px
}

.ProductElements__elements-name-wrap:last-child:after {
    content: ""
}

.ProductElements__elements-name {
    display: inline-block
}

.ProductElements__elements-name.active {
    background: rgba(255,122,69,.1);
    padding: 0 2px
}

.ProductElements__safety-feature {
    align-items: center;
    background: var(--background-elevation-low);
    border-radius: 8px;
    display: flex;
    padding: 16px
}

.ProductElements__safety-feature_logo:before {
    background-color: var(--object-secondary);
    content: "";
    display: block;
    height: 24px;
    margin-right: 10px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/safety-af820bffaca4cd3e52505079fa2322efa41475da55f4a961adb512406335e01e.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/safety-af820bffaca4cd3e52505079fa2322efa41475da55f4a961adb512406335e01e.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.ProductElements__safety-feature_labels {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.ProductElements__safety-feature_label {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%
}

.ProductElements__element-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.ProductElements__element-labels_label {
    background: var(--expressive-light-blue);
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding: 4px
}

.ProductElements__element-labels_label[type=negative] {
    align-items: center;
    background: #ff7a45;
    display: flex
}

.ProductElements__element-labels_label[type=negative]:before {
    background-color: var(--background-elevation-high);
    content: "";
    display: block;
    height: 16px;
    margin-right: 2px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/alert-triangle-e4bb1651ac47d61d0e453629790fd1ff853f21d61cf664d51ef8bf428b0b70e8.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/alert-triangle-e4bb1651ac47d61d0e453629790fd1ff853f21d61cf664d51ef8bf428b0b70e8.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.ProductElements__open-modal {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto
}

.ProductElements__open-modal,.ProductElements__open-modal:active,.ProductElements__open-modal:focus,.ProductElements__open-modal:hover {
    color: var(--object-secondary);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductElements__open-modal {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductElements__open-modal:after {
    background-color: var(--object-secondary);
    content: "";
    display: block;
    height: 20px;
    margin-left: 4px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/plus-square-1053e88db4e3ea4ab45576c266123bf0bb69f43c2d09139b90f001b7c3789106.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/plus-square-1053e88db4e3ea4ab45576c266123bf0bb69f43c2d09139b90f001b7c3789106.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .ProductElements__open-modal:after {
        height:16px;
        width: 16px
    }
}

.ProductElementsModal {
    overflow: hidden
}

@media (min-width: 835px) {
    .ProductElementsModal {
        border-radius:24px;
        min-width: 400px
    }
}

.ProductElementsModal.open {
    display: flex;
    flex-direction: column
}

.ProductElementsModal__figureheader {
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    justify-content: space-around;
    padding: 20px 12px;
    position: relative
}

@media (max-width: 834px) {
    .ProductElementsModal__figureheader {
        padding:16px
    }
}

.ProductElementsModal__figureheader h3 {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    text-align: center
}

.ProductElementsModal__close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 20px
}

.ProductElementsModal__close:focus {
    outline: none
}

@media (max-width: 834px) {
    .ProductElementsModal__close {
        top:16px
    }
}

.ProductElementsModal__close img {
    height: 24px;
    object-fit: contain;
    width: 24px
}

.ProductElementsModal__body {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: scroll
}

.ProductElementsModal__labels {
    -ms-overflow-style: none;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    flex-shrink: 0;
    overflow-x: scroll;
    padding: 16px;
    scrollbar-width: none
}

.ProductElementsModal__labels::-webkit-scrollbar {
    display: none
}

.ProductElementsModal__labels-label {
    border: 1px solid var(--border-separation);
    border-radius: 32px;
    color: var(--object-main);
    flex-shrink: 0
}

.ProductElementsModal__labels-label,.ProductElementsModal__labels-label-active {
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 16px;
    text-wrap: nowrap
}

.ProductElementsModal__labels-label-active {
    background: var(--background-primary);
    border: none;
    border-radius: 32px;
    color: #fff
}

.ProductElementsModal__labels-label:not(:first-child) {
    margin-left: 8px
}

.ProductElementsModal__element {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    padding: 12px 16px
}

.ProductElementsModal__element-icon {
    flex-shrink: 0;
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.ProductElementsModal__element-icon[type=negative] {
    background-color: #ff7a45
}

.ProductElementsModal__element-icon[type=negative],.ProductElementsModal__element-icon[type=positive] {
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/drop-8ee5e4bcc5196b62bc622cda9a31f83b343cb2cf952c4ef878f6a447fc83a163.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/drop-8ee5e4bcc5196b62bc622cda9a31f83b343cb2cf952c4ef878f6a447fc83a163.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.ProductElementsModal__element-icon[type=positive] {
    background-color: var(--expressive-light-blue)
}

.ProductElementsModal__element-hide {
    display: none
}

.ProductElementsModal__element-main {
    flex-grow: 1
}

.ProductElementsModal__element-name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

.ProductElementsModal__element-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px
}

.ProductElementsModal__element-labels-label {
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding: 4px;
    text-wrap: nowrap
}

.ProductElementsModal__element-labels-label[type=negative] {
    background: #ff7a45
}

.ProductElementsModal__element-labels-label[type=positive] {
    background: var(--expressive-light-blue)
}

.ProductElementsModal__element-labels-label[type=active_ingredient] {
    border: 1px solid var(--object-main);
    color: var(--object-main)
}

.ProductElementsModal__element-labels-label[type=normal] {
    border: 1px solid var(--object-secondary);
    color: var(--object-secondary)
}

.ProductElementsModal__attention {
    background: var(--background-elevation-low);
    border-radius: 4px;
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px;
    padding: 16px
}

.ProductFeatureTags {
    display: flex;
    gap: 8px
}

.ProductFeatureTags__tag {
    background-color: #efefef;
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-width: 70px;
    padding: 2px 8px;
    text-align: center
}

@media (max-width: 834px) {
    .ProductFeatureTags__tag {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%;
        min-width: 50px;
        padding: 2.5px 4px
    }
}

.ProductLinkToReview__catchword {
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ProductLinkToReview__catchword {
        margin:0 0 12px
    }
}

.ProductLinkToReview__catchword__content {
    margin: 0
}

.ProductLinkToReview__catchword__content--txt {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductLinkToReview__catchword__content--txt {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductLinkToReview__catchword__content--user {
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 4px 0 0
}

@media (max-width: 834px) {
    .ProductLinkToReview__catchword__content--user {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductLinkToReview__link {
    align-items: center;
    background: var(--background-elevation-high);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 74px;
    justify-content: center;
    padding: 12px 0;
    position: relative;
    width: 100%
}

.ProductLinkToReview__link,.ProductLinkToReview__link:active,.ProductLinkToReview__link:focus,.ProductLinkToReview__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductLinkToReview__link {
        height:65px;
        padding: 10px 0
    }
}

.ProductLinkToReview__link:after {
    background-color: var(--object-main);
    content: "";
    display: block;
    height: 24px;
    margin: auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 3.5px;
    width: 24px
}

.ProductLinkToReview__rate {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: center
}

.ProductLinkToReview__rate__star {
    height: 28px;
    object-fit: contain;
    width: 140px
}

@media (max-width: 834px) {
    .ProductLinkToReview__rate__star {
        height:24px;
        width: 120px
    }
}

.ProductLinkToReview__rate__num {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductLinkToReview__rate__num {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductLinkToReview__rate__count {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductLinkToReview__rate__count {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductLinkToReview__latestPostPublished {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 4px 0 0
}

@media (max-width: 834px) {
    .ProductLinkToReview__latestPostPublished {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%;
        margin: 6px 0 0
    }
}

.ProductLinkToReview__category-feature .category-feature {
    background-color: var(--background-elevation-low);
    border: unset;
    margin: 0;
    padding: 16px 0 0
}

.ProductLinkToReview__category-feature .category-feature .category-feature__container {
    display: grid;
    grid-template-columns: 1fr
}

@media (min-width: 835px) {
    .ProductLinkToReview__category-feature .category-feature .category-feature__container {
        column-gap:40px;
        grid-template-columns: 1fr 1fr
    }
}

.ProductLinkToReview__category-feature .category-feature .category-feature__row {
    align-items: center;
    border: unset;
    display: flex;
    padding: 0 0 16px;
    position: relative
}

.ProductLinkToReview__category-feature .category-feature .category-feature__row:after {
    background-color: var(--object-main);
    background-color: var(--object-secondary);
    background-size: contain;
    background: var(--object-secondary);
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    margin: 0 0 0 8px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    position: unset;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transform: unset;
    width: 20px
}

@media (min-width: 835px) {
    .ProductLinkToReview__category-feature .category-feature .category-feature__row:after {
        margin:0 0 0 4px
    }
}

.ProductLinkToReview__category-feature .category-feature .category-feature__row.invisible {
    display: none
}

.ProductLinkToReview__category-feature .category-feature .category-feature__row .ratingStar__num {
    color: var(--object-main);
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 8px
}

@media (min-width: 835px) {
    .ProductLinkToReview__category-feature .category-feature .category-feature__row .ratingStar__num {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin: 0 4px
    }
}

.ProductLinkToReview__category-feature .category-feature .category-feature__row-rank {
    color: var(--object-secondary);
    display: flex;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    min-width: unset
}

@media (min-width: 835px) {
    .ProductLinkToReview__category-feature .category-feature .category-feature__row-rank {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductLinkToReview__category-feature .category-feature .category-feature__row-rank:before {
    content: "第"
}

.ProductLinkToReview__category-feature .category-feature .category-feature__more {
    padding: 0
}

.product-list-md-scroll__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .product-list-md-scroll__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.product-list-md-scroll__container {
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    gap: 12px;
    overflow-x: scroll;
    padding-bottom: 24px
}

@media (max-width: 834px) {
    .product-list-md-scroll__container {
        border-bottom:unset;
        gap: 16px;
        margin-bottom: 0
    }
}

.product-list-md-scroll__link,.product-list-md-scroll__link:active,.product-list-md-scroll__link:focus,.product-list-md-scroll__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.product-list-md-scroll__item {
    min-width: 21%;
    width: 21%
}

@media (max-width: 834px) {
    .product-list-md-scroll__item {
        min-width:34%;
        width: 34%
    }

    .product-list-md-scroll__item:first-child {
        margin-left: 12px
    }
}

.product-list-md-scroll__item-info {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.product-list-md-scroll__product-image {
    aspect-ratio: 1/1;
    display: block;
    margin: 0 auto 8px;
    object-fit: contain;
    width: 100%
}

.product-list-md-scroll__brand_name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .product-list-md-scroll__brand_name {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.product-list-md-scroll__product_name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .product-list-md-scroll__product_name {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.product-list-md-scroll__product_price {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.product-list-md__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .product-list-md__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.product-list-md__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .product-list-md__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.product-list-md__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.product-list-md__item {
    contain: content;
    contain-intrinsic-size: 96px;
    content-visibility: auto;
    padding: 0 0 16px;
    position: relative;
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .product-list-md__item {
        border-bottom:1px solid var(--border-separation);
        contain-intrinsic-size: 96px;
        padding: 16px;
        width: 100%
    }
}

.product-list-md__pr {
    background: rgba(0,0,0,.24);
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 500;
    height: 24px;
    left: 0;
    line-height: 150%;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 24px
}

@media (max-width: 834px) {
    .product-list-md__pr {
        left:12px;
        top: 12px
    }
}

.product-list-md__link {
    align-items: center;
    display: flex
}

.product-list-md__link,.product-list-md__link:active,.product-list-md__link:focus,.product-list-md__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.product-list-md__thumb {
    background-color: #fff;
    display: inline-block;
    height: 96px;
    object-fit: contain;
    vertical-align: top;
    width: 96px
}

@media (max-width: 834px) {
    .product-list-md__thumb {
        height:72px;
        width: 72px
    }
}

.product-list-md__content {
    display: inline-block;
    padding-left: 12px;
    vertical-align: top;
    width: calc(100% - 96px)
}

@media (max-width: 834px) {
    .product-list-md__content {
        width:calc(100% - 72px)
    }
}

.product-list-md__product-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px
}

.product-list-md__product-name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

.product-list-md__pattern-name {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

@media (min-width: 835px) {
    .product-list-md__pattern-name.keep-pattern-height {
        min-height:18px
    }
}

.product-list-md__brand {
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.product-list-md__info {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 16px;
    list-style-type: none;
    padding: 0
}

.product-list-md__price,.product-list-md__rate {
    margin-top: 8px
}

.product-list-md__price .ratingStar__star,.product-list-md__rate .ratingStar__star {
    height: 11px;
    margin-right: 8px
}

.product-list-md__price .ratingStar__num,.product-list-md__rate .ratingStar__num {
    color: var(--object-main);
    font-weight: 500
}

.product-list-md__price .ratingStar__ratesCount,.product-list-md__rate .ratingStar__ratesCount {
    font-size: 11px;
    margin-left: 4px
}

.product-list-md__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.product-list-md__more-link,.product-list-md__more-link:active,.product-list-md__more-link:focus,.product-list-md__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .product-list-md__more-link {
        margin:16px 16px 24px;
        margin: 16px auto 24px;
        width: calc(100% - 32px)
    }

    .product-list-sm {
        border-bottom: 1px solid var(--border-separation);
        padding: 0 0 24px
    }
}

.product-list-sm__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .product-list-sm__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.product-list-sm__list {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .product-list-sm__list {
        flex-wrap:wrap;
        padding: 8px 16px
    }
}

.product-list-sm__item {
    padding: 0 0 12px;
    width: calc(16.66667% - 13.33333px)
}

@media (max-width: 834px) {
    .product-list-sm__item {
        padding:0;
        width: calc(33.33333% - 10.66667px)
    }
}

.product-list-sm__link {
    display: block;
    position: relative
}

.product-list-sm__link,.product-list-sm__link:active,.product-list-sm__link:focus,.product-list-sm__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.product-list-sm__rank {
    background: var(--expressive-red);
    border-radius: 4px;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.product-list-sm__rank-num {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 4px 0;
    text-align: center
}

.product-list-sm__thumb-container {
    position: relative;
    width: 100%
}

.product-list-sm__thumb-container:before {
    content: "";
    display: block;
    padding-top: 100%
}

.product-list-sm__thumb {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.product-list-sm__name {
    margin: 2px 0 4px
}

.product-list-sm__name-brand {
    color: var(--object-secondary);
    font-weight: 400;
    margin: 0 0 2px
}

.product-list-sm__name-brand,.product-list-sm__name-product {
    display: block;
    font-size: 10px;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-list-sm__name-product {
    color: var(--object-main);
    font-weight: 500
}

.product-list-sm__rating {
    align-items: center;
    display: flex;
    font-size: 10px;
    margin: 0
}

.product-list-sm__rating-term {
    margin: 0 2px 0 0
}

.product-list-sm__rating-star {
    height: 16px;
    object-fit: contain;
    width: 16px
}

.product-list-sm__rating-num {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 3px 0 0
}

.product-list-sm__rating-count {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.product-list-sm__price {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 4px 0 0
}

.product-list-sm__more-link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 12px 16px;
    text-align: right
}

.product-list-sm__more-link,.product-list-sm__more-link:active,.product-list-sm__more-link:focus,.product-list-sm__more-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.product-search-list {
    background: #fff
}

@media (max-width: 834px) {
    .product-search-list,.product-show {
        background:var(--background-elevation-low)
    }
}

.product-show .product-show-inner {
    margin-bottom: 48px;
    padding-bottom: 0
}

@media (max-width: 834px) {
    .product-show .product-show-inner {
        background:#fff;
        margin-bottom: 0;
        padding-bottom: .1px
    }
}

.product-show .product-show-inner__heading {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin: 16px 0 24px
}

@media (max-width: 834px) {
    .product-show .product-show-inner__heading {
        gap:8px 16px;
        margin: 16px 0 20px
    }
}

.product-show .product-show-inner__heading__title {
    color: var(--object-main);
    display: contents;
    font-size: 24px;
    font-weight: 700;
    line-height: 150%
}

@media (max-width: 834px) {
    .product-show .product-show-inner__heading__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.product-show .product-show-inner__heading__title ruby {
    display: inline-flex;
    flex-direction: column-reverse;
    gap: 4px
}

.product-show .product-show-inner__heading__brand {
    color: var(--object-main);
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    width: 100%
}

@media (max-width: 834px) {
    .product-show .product-show-inner__heading__brand {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.product-show .product-show-inner__heading__alias {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    text-align: left;
    width: 100%
}

@media (max-width: 834px) {
    .product-show .product-show-inner__heading__alias {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.product-show .product-show-inner__heading__openSpecModal {
    align-items: center;
    align-self: flex-end;
    background: none;
    border: none;
    color: var(--expressive-red);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 6px;
    line-height: 150%;
    margin-bottom: 3px;
    padding: 0
}

.product-show .product-show-inner__heading__openSpecModal:focus {
    outline: none
}

@media (min-width: 835px) {
    .product-show .product-show-inner__heading__openSpecModal {
        color:var(--expressive-red);
        display: none;
        font-size: 18px;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 4px
    }
}

.product-show .product-show-inner__heading__openSpecModal:after {
    background-color: var(--expressive-red);
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_plus-square-ac88fff4bc27e5e5fd9da8beaee79773579f0b3df32169a277652ce61e8c6887.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_plus-square-ac88fff4bc27e5e5fd9da8beaee79773579f0b3df32169a277652ce61e8c6887.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

@media (min-width: 835px) {
    .product-show .product-show-inner__heading__openSpecModal:after {
        height:20px;
        width: 20px
    }
}

.product-show .product-show-inner__clip {
    position: absolute;
    right: 0;
    top: 286px;
    z-index: 1
}

@media (max-width: 834px) {
    .product-show .product-show-inner__clip {
        right:16px;
        top: 102px
    }
}

.product-show .product-show-inner__medical-equipment {
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .product-show .product-show-inner__medical-equipment {
        margin:0 0 16px
    }
}

.product-show .product-show-inner .alias-name {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    line-height: 16px
}

@media (max-width: 834px) {
    .product-show .product-show-inner .alias-name {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.product-show .product-show-inner__horizontal-container {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between
}

.product-show .product-show-inner__horizontal-container__tag-container {
    display: flex;
    gap: 8px
}

.product-show .product-show-inner__top {
    position: relative
}

@media (max-width: 834px) {
    .product-show .product-show-inner__top {
        margin:16px 16px 0
    }
}

.product-show .product-show-inner__top .update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 20px
}

@media (max-width: 834px) {
    .product-show .product-show-inner__top .update-time {
        font-size:12px;
        line-height: 16px
    }
}

.product-show .product-show-inner__main-contents {
    margin: 16px 0 20px
}

.product-show .product-show-inner__bottom {
    display: grid;
    gap: 0 40px;
    grid-template-areas: "ProductImages ProductReview" "ProductImages ProductInfo" "ProductImages ProductSpec" "ProductPurchaseButtons ProductPurchaseButtons";
    grid-template-columns: 348px 1fr;
    grid-template-rows: auto auto 1fr auto;
    margin-top: 32px
}

@media (max-width: 834px) {
    .product-show .product-show-inner__bottom {
        display:block;
        margin: 0
    }
}

.product-show .product-show-inner__images {
    grid-area: ProductImages;
    width: 348px
}

@media (max-width: 834px) {
    .product-show .product-show-inner__images {
        width:100%
    }
}

.product-show .product-show-inner__buttons {
    display: grid;
    gap: 16px 20px;
    grid-area: ProductPurchaseButtons;
    grid-template-areas: "LIPSShopping Primary" "LIPSShopping PurchaseSites";
    grid-template-columns: repeat(auto-fit,minmax(0,1fr));
    margin: 16px 0 0;
    width: 100%
}

@media (max-width: 834px) {
    .product-show .product-show-inner__buttons {
        grid-template-areas:"Primary" "LIPSShopping" "PurchaseSites";
        grid-template-columns: 1fr;
        row-gap: 0
    }
}

.product-show .product-show-inner__buttons:not(:has(.product-show-inner__buttons-commerce)) {
    row-gap: 0
}

@media (min-width: 835px) {
    .product-show .product-show-inner__buttons:not(:has(.product-show-inner__buttons-commerce)) {
        grid-template-rows:0
    }

    .product-show .product-show-inner__buttons:not(:has(.product-show-inner__buttons-commerce)) .primary-purchase-site {
        padding: 20px 20px 12px
    }

    .product-show .product-show-inner__buttons:not(:has(.product-show-inner__buttons-commerce)) .primary-purchase-site__title {
        margin-top: 18px
    }
}

.product-show .product-show-inner__buttons:not(:has(.product-show-inner__buttons-primary)) {
    row-gap: 0
}

@media (min-width: 835px) {
    .product-show .product-show-inner__buttons:not(:has(.product-show-inner__buttons-primary)) {
        grid-template-rows:0
    }
}

.product-show .product-show-inner__buttons-primary {
    grid-area: Primary
}

@media (max-width: 834px) {
    .product-show .product-show-inner__buttons-primary {
        margin-bottom:20px
    }
}

.product-show .product-show-inner__buttons-primary--shopping {
    grid-area: unset;
    grid-row: 1/-1
}

@media (max-width: 834px) {
    .product-show .product-show-inner__buttons-primary--shopping {
        grid-row:unset
    }
}

.product-show .product-show-inner__buttons-commerce {
    grid-area: LIPSShopping;
    width: 100%
}

.product-show .product-show-inner__buttons-external {
    grid-area: PurchaseSites;
    margin-left: 0
}

@media (max-width: 834px) {
    .product-show .product-show-inner__buttons-external {
        margin-left:0
    }
}





@media (min-width: 1350px) {
.product-show .product-show-inner__review {
    background: var(--background-elevation-low);
    border-radius: 4px;
    grid-area: ProductReview;
    padding: 20px 220px
} 
}




@media (max-width: 1349px) {
.product-show .product-show-inner__review {
    background: var(--background-elevation-low);
    border-radius: 4px;
    grid-area: ProductReview;
    margin: 30px 20px
} 
}



@media (max-width: 1349px) {
.product-show .product-show-inner__review {
    background: var(--background-elevation-low);
    border-radius: 4px;
    grid-area: ProductReview;
    padding: 30px 20px
} 
}
<!-- ★ -->

@media (max-width: 834px) {
    .product-show .product-show-inner__review {
        margin:20px 16px 0;
        padding: 16px 12px
    }
}

.product-show .product-show-inner__spec {
    grid-area: ProductSpec
}

.product-show .product-show-inner__product_info {
    grid-area: ProductInfo;
    margin: 0
}

@media (max-width: 834px) {
    .product-show .product-show-inner__product_info {
        background:var(--background-elevation-low);
        padding-bottom: 16px
    }
}

.product-show .product-show-inner__diagnosis {
    background-color: #efefef;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    margin: 16px 16px 0;
    padding: 0 12px;
    position: relative
}

.product-show .product-show-inner__diagnosis-link {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none
}

.product-show .product-show-inner__diagnosis-link:active,.product-show .product-show-inner__diagnosis-link:focus,.product-show .product-show-inner__diagnosis-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.product-show .product-show-inner__diagnosis-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    margin: 0;
    position: absolute;
    right: 16px;
    top: 10px;
    width: 20px
}

.product-show .product-show-inner__diagnosis-icon {
    margin: 0;
    position: absolute;
    top: 6px
}

.product-show .product-show-inner__diagnosis-text {
    padding-left: 32px
}

.product-show__tab-menu {
    background-color: var(--background-elevation-high)
}

@media (min-width: 835px) {
    .product-show__tab-menu {
        display:none
    }
}

.product-show .product-show-image {
    position: relative
}

.product-show .product-show-image.splide:not(.is-active) .splide__list {
    display: flex;
    height: 348px;
    overflow: hidden
}

@media (max-width: 834px) {
    .product-show .product-show-image.splide:not(.is-active) .splide__list {
        height:160px
    }
}

.product-show .product-show-image.splide:not(.is-active) .splide__slide {
    flex-shrink: 0;
    width: 100%
}

.product-show .product-show-image .splide__list {
    height: 348px
}

@media (max-width: 834px) {
    .product-show .product-show-image .splide__list {
        height:160px
    }
}

.product-show .product-show-image__list {
    list-style-type: none;
    padding: 0
}

.product-show .product-show-image__item {
    position: relative
}

.product-show .product-show-image__link {
    color: #2d2926;
    display: block;
    text-decoration: none
}

.product-show .product-show-image__link:active,.product-show .product-show-image__link:focus,.product-show .product-show-image__link:hover {
    color: #2d2926;
    text-decoration: none
}

.product-show .product-show-image__emblem-image {
    height: 90px;
    left: 0;
    position: absolute;
    top: 0;
    width: 90px
}

@media (max-width: 834px) {
    .product-show .product-show-image__emblem-image {
        height:80px;
        left: 16px;
        width: 80px
    }
}

.product-show .product-show-image__figure:focus {
    outline: none
}

.product-show .product-show-image__image {
    background-color: #fff;
    display: block;
    height: 348px;
    max-height: 348px;
    max-width: 348px;
    object-fit: contain;
    width: 348px
}

@media (max-width: 834px) {
    .product-show .product-show-image__image {
        height:160px;
        margin: 0 auto;
        max-height: 160px;
        max-width: 160px;
        width: 160px
    }
}

.product-show .product-show-image__caption {
    padding: 16px 0 0
}

@media (max-width: 834px) {
    .product-show .product-show-image__caption {
        padding:16px 16px 0
    }
}

.product-show .product-show-image__caption__link {
    background: var(--background-elevation-low);
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    padding: 12px;
    text-align: center;
    text-decoration: none
}

.product-show .product-show-image__caption__link:active,.product-show .product-show-image__caption__link:focus,.product-show .product-show-image__caption__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.product-show .product-show-image__caption__name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

.product-show .product-show-image__caption__postCount {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 4px 0 0
}

.product-show .product-show-image__caption__featureLabel {
    display: flex;
    gap: 8px;
    justify-content: center;
    list-style-type: none;
    margin: 8px 0 0;
    padding: 0
}

.product-show .product-show-image__caption__featureLabel__item {
    border-radius: 4px;
    color: unset;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding: 2px 4px
}

.product-show .product-show-image__caption__featureLabel__sales_status_tag {
    border: 1px solid #000;
    border-radius: 4px;
    color: unset;
    color: #000;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding: 2px 4px
}

.product-show .product-show-image__caption__btn {
    background: #fff;
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 8px 0 0;
    padding: 9px 0
}

.product-show .product-show-image__product-pattern-thumbnails {
    margin-top: 24px
}

@media (max-width: 834px) {
    .product-show .product-show-image__product-pattern-thumbnails {
        border-bottom:1px solid var(--border-separation);
        border-top: 1px solid var(--border-separation);
        margin: 16px 0;
        padding: 12px 0
    }
}

.product-show .product-show-image__toggle-button {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 10px;
    gap: 4px;
    padding: 4px 8px;
    position: absolute;
    right: 24px;
    top: 0;
    z-index: 9999
}

.product-show .product-show-image__rectangles {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1px;
    height: 9px;
    width: 9px
}

.product-show .product-show-image__rectangle {
    background-color: #fff;
    display: inline-block;
    height: 4px;
    width: 4px
}

.product-show .product-show-image__prev {
    cursor: pointer;
    left: 24px;
    position: absolute;
    top: 94px;
    z-index: 9999
}

.product-show .product-show-image__next {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 94px;
    z-index: 9999
}

.product-show .product-show-image__text-contents {
    margin: 20px 0 12px 16px
}

.product-show .product-show-image__heading {
    margin-bottom: 8px
}

.product-show .product-show-image__brand {
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px;
    text-decoration: underline
}

.product-show .product-show-image__name {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px
}

.product-show .product-show-image__rating {
    align-items: center;
    display: flex;
    margin-top: 8px
}

.product-show .product-show-image__rating-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-left: 8px
}

.product-show .product-show-image__post-count-link {
    color: var(--expressive-red);
    font-size: 13px;
    line-height: 18px;
    margin-left: 12px;
    text-decoration: underline
}

.product-show #main-col>div[class^=product-show]:nth-child(n+2) {
    margin: 48px 0
}

@media (min-width: 835px) {
    .product-show #main-col>div[class^=product-show]:nth-child(n+2) h2 {
        margin:0
    }
}

@media (max-width: 834px) {
    .product-show #main-col>div[class^=product-show]:nth-child(n+2) {
        background:#fff;
        margin: 16px 0;
        padding: .1px 0
    }
}

.product-show #main-col>div[class^=product-show]:nth-child(2) {
    margin-top: 0
}

.product-show__feature-article {
    margin: 24px 0 48px
}

@media (max-width: 834px) {
    .product-show__feature-article {
        margin:0
    }

    .product-show__feature-article .product-list-md__title {
        display: none
    }
}

.product-show [class$=__more-link]:hover,.product-show__related-products .product-list-md__item:hover {
    opacity: .6
}

.product-spec.sp_modal {
    border: none;
    border-bottom: 1px solid var(--border-separation);
    box-shadow: none;
    margin: 0
}

@media (max-width: 834px) {
    .product-spec.sp_modal {
        background:#fff;
        border-radius: 4px;
        bottom: 68px;
        left: 24px;
        overflow: scroll;
        position: fixed;
        right: 24px;
        top: 68px;
        z-index: 10010
    }

    .product-spec.sp_modal.hide_modal {
        display: none
    }
}

.product-spec__close {
    height: 32px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 32px
}

@media (min-width: 835px) {
    .product-spec__close {
        display:none
    }
}

.product-spec__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .product-spec__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

@media (min-width: 835px) {
    .product-spec__title.sp_modal {
        margin:0
    }
}

.product-spec__toggle-title {
    font-size: 20px;
    font-weight: 600;
    gap: 4px;
    line-height: 150%;
    margin: 24px 0 16px;
    padding: 16px 0
}

.product-spec__toggle-title,.product-spec__toggle-title:active,.product-spec__toggle-title:focus,.product-spec__toggle-title:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .product-spec__toggle-title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

@media (min-width: 835px) {
    .product-spec__toggle-title {
        align-items:center;
        color: var(--object-main);
        display: flex;
        font-size: 18px;
        font-weight: 600;
        gap: 8px;
        line-height: 150%;
        margin: 0;
        position: relative
    }

    .product-spec__toggle-title:after {
        background-color: var(--object-main);
        background-size: contain;
        content: "";
        display: block;
        height: 20px;
        margin: 0 6px 0 0;
        margin: 0 0 0 auto;
        -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
        mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
        -webkit-mask-size: cover;
        mask-size: cover;
        position: absolute;
        position: unset;
        right: 12px;
        top: 50%;
        top: 0;
        transform: translateY(-50%);
        width: 20px
    }

    .product-spec__toggle-title:not(.collapsed):after {
        transform: rotate(-90deg);
        transition: transform .2s ease-in-out
    }

    .product-spec__toggle-title.collapsed:after {
        transform: rotate(90deg);
        transition: transform .2s ease-in-out
    }

    .product-spec__toggle-title:before {
        background-color: var(--object-secondary);
        content: "";
        height: 28px;
        -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_info_fill-310725af67e2317b4c407d6d51681aba47bb1f97e8d61b2fe3d268c1ea35bc0b.svg);
        mask: url(https://cdn.lipscosme.com/assets/ic_info_fill-310725af67e2317b4c407d6d51681aba47bb1f97e8d61b2fe3d268c1ea35bc0b.svg);
        -webkit-mask-size: cover;
        mask-size: cover;
        width: 28px
    }
}

@media (max-width: 834px) {
    .product-spec__toggle-title {
        margin:unset
    }
}

.product-spec__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .product-spec__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

@media (min-width: 835px) {
    .product-spec__sub-title.sp_modal {
        display:none
    }
}

.product-spec__container {
    overflow: hidden;
    position: relative
}

@media (max-width: 834px) {
    .product-spec__container {
        max-height:300px
    }
}

@media (min-width: 835px) {
    .product-spec__container {
        max-height:320px
    }
}

.product-spec__container.open {
    max-height: none
}

.product-spec__container.open:after {
    display: none
}

.product-spec__container.sp_modal {
    max-height: unset;
    padding: 0 0 4px 32px
}

@media (max-width: 834px) {
    .product-spec__container.sp_modal {
        display:unset;
        padding: 0
    }
}

@media (min-width: 835px) {
    .product-spec__container.sp_modal .product-spec__table {
        padding:0
    }

    .product-spec__container.sp_modal .product-spec__list {
        border: unset
    }

    .product-spec__container.sp_modal .product-spec__term {
        color: var(--object-secondary);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.product-spec__table {
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .product-spec__table {
        padding:8px 16px 14px
    }
}

.product-spec__list {
    border-bottom: 1px solid var(--border-separation);
    margin: 0
}

.product-spec__list:not(:first-child) {
    margin: 12px 0 0
}

@media (max-width: 834px) {
    .product-spec__list:not(:first-child) {
        margin:16px 0 0
    }
}

.product-spec__term {
    color: var(--object-secondary);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 8px;
    vertical-align: top;
    width: 120px
}

@media (max-width: 834px) {
    .product-spec__term {
        display:block;
        margin: 0;
        width: 100%
    }
}

.product-spec__description {
    color: #2d2926;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin: 0 0 12px;
    vertical-align: top;
    white-space: pre-wrap;
    width: calc(100% - 120px);
    word-break: break-all
}

@media (max-width: 834px) {
    .product-spec__description {
        display:block;
        margin: 4px 0 16px;
        width: 100%
    }
}

.product-spec__link {
    display: block
}

.product-spec__link,.product-spec__link:active,.product-spec__link:focus,.product-spec__link:hover {
    color: var(--expressive-red);
    text-decoration: underline
}

.product-spec__pattern_list,.product-spec__size_list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.product-spec__pattern_list.hide-children>li:nth-child(n+11),.product-spec__size_list.hide-children>li:nth-child(n+11) {
    display: none
}

.product-spec__pattern_list-more,.product-spec__size_list-more {
    background: none;
    border: none;
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 0
}

.product-spec__pattern_list-more:focus,.product-spec__size_list-more:focus {
    outline: none
}

.product-spec__pattern_item,.product-spec__size_item {
    display: inline-block;
    margin-right: 12px
}

.product-spec__size_price_list {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.product-spec__size_price_item {
    display: inline
}

.product-spec__size_price_item:nth-of-type(n+2):before {
    color: var(--object-secondary);
    content: "｜"
}

.product-spec__toggle {
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 16px 0 32px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.product-spec__toggle:after {
    background: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 4px;
    transform: rotate(90deg);
    vertical-align: bottom;
    width: 20px
}

.product-spec__toggle:active,.product-spec__toggle:focus,.product-spec__toggle:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .product-spec__toggle {
        margin-bottom:24px
    }
}

.product-spec__toggle.open {
    margin: 16px 0
}

.product-spec__toggle.open:after {
    transform: rotate(-90deg)
}

@media (max-width: 834px) {
    .product-spec__toggle.sp_modal {
        display:none
    }
}

.product-spec__ranking-segment {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 8px
}

.product-spec__ranking-segment:first-child {
    margin-top: 0
}

.product-spec__ranking-segment__container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.ProductRankingList {
    border: none;
    border-bottom: 1px solid var(--border-separation);
    border-radius: unset;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0 16px
}

@media (min-width: 835px) {
    .ProductRankingList {
        padding:0
    }
}

@media (max-width: 834px) {
    .ProductRankingList {
        background:var(--background-elevation-high)
    }
}

.ProductRankingList__title {
    margin: 0
}

.ProductRankingList__toggle {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 4px;
    line-height: 150%;
    padding: 16px 0;
    position: relative
}

.ProductRankingList__toggle,.ProductRankingList__toggle:active,.ProductRankingList__toggle:focus,.ProductRankingList__toggle:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductRankingList__toggle:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    margin: 0 0 0 auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    position: unset;
    right: 12px;
    top: 50%;
    top: 0;
    transform: translateY(-50%);
    width: 20px
}

.ProductRankingList__toggle:not(.collapsed):after {
    transform: rotate(-90deg);
    transition: transform .2s ease-in-out
}

.ProductRankingList__toggle.collapsed:after {
    transform: rotate(90deg);
    transition: transform .2s ease-in-out
}

@media (min-width: 835px) {
    .ProductRankingList__toggle {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        gap: 8px;
        line-height: 150%
    }

    .ProductRankingList__toggle:before {
        height: 28px;
        width: 28px
    }
}

.ProductRankingList__toggle:before {
    background-color: #ffbb02;
    content: "";
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_crown-dd8d0c48a60ad424eeac95c577d0a62edb69053d91576fe1cc9c29e10f7998c2.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_crown-dd8d0c48a60ad424eeac95c577d0a62edb69053d91576fe1cc9c29e10f7998c2.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

.ProductRankingList__container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 0 16px
}

@media (min-width: 835px) {
    .ProductRankingList__container {
        padding:0 0 16px 32px
    }
}

.ProductRankingList__segment-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 8px 0 0
}

.ProductRankingList__segment-title:first-child {
    margin: 0
}

.ProductRankingList__segment-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

@media (max-width: 834px) {
    .ProductRankingList__segment-container {
        gap:8px
    }
}

.ProductRankingList__link {
    align-items: center;
    color: var(--expressive-red);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 6px;
    line-height: 150%;
    text-decoration: none;
    text-decoration: underline
}

.ProductRankingList__link:active,.ProductRankingList__link:focus,.ProductRankingList__link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.ProductReferencePrice {
    align-items: baseline;
    color: var(--object-main);
    display: flex;
    font-size: 24px;
    font-weight: 600;
    gap: 6px;
    line-height: 150%;
    margin: 0 16px 8px
}

.ProductReferencePrice__price--yen {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 400;
    line-height: 150%
}

.ProductReferencePrice__text {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.ProductsRenewalProduct {
    margin: 0 auto;
    max-width: 1080px
}

@media (max-width: 834px) {
    .ProductsRenewalProduct {
        margin:12px
    }
}

.ProductsRenewalProduct__link {
    background: var(--background-attention);
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 150%;
    padding: 12px 8px
}

.ProductsRenewalProduct__link,.ProductsRenewalProduct__link:active,.ProductsRenewalProduct__link:focus,.ProductsRenewalProduct__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductsRenewalProduct__link {
        color:var(--object-main);
        flex-direction: column;
        font-size: 12px;
        font-weight: 500;
        gap: 6px;
        line-height: 150%
    }
}

.ProductsRenewalProduct__msg {
    align-items: center;
    display: flex;
    gap: 4px
}

.ProductsRenewalProduct__msg:before {
    background-color: var(--expressive-red);
    content: "";
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .ProductsRenewalProduct__msg:before {
        height:16px;
        width: 16px
    }
}

.ProductsRenewalProduct__cta {
    align-items: center;
    display: flex
}

@media (max-width: 834px) {
    .ProductsRenewalProduct__cta {
        justify-content:flex-end
    }
}

.ProductsRenewalProduct__cta:after {
    background-color: var(--object-main);
    content: "";
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .ProductsRenewalProduct__cta:after {
        height:16px;
        width: 16px
    }

    .product-review {
        background: var(--background-elevation-low)
    }
}

.product-review__chart {
    background: #fff;
    padding: .1px 0
}

@media (min-width: 835px) {
    .product-review__refined_posts {
        margin:24px 0 0
    }
}

.product-review__post-info {
    background: var(--background-elevation-high);
    padding: 24px 0 4px
}

@media (max-width: 834px) {
    .product-review__post-info {
        margin-top:16px;
        padding: 20px 0
    }
}

.product-review__post-info-flex {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width: 834px) {
    .product-review__post-info-flex {
        padding:0 16px
    }
}

.product-review__refine-info {
    display: flex;
    justify-content: flex-start
}

.product-review__topics {
    -ms-overflow-style: none;
    background: var(--background-elevation-high);
    display: flex;
    gap: 0 8px;
    margin: 12px 0 -4px;
    overflow-x: scroll;
    padding: 4px 0;
    scrollbar-width: none
}

.product-review__topics::-webkit-scrollbar {
    display: none
}

@media (max-width: 834px) {
    .product-review__topics {
        padding:4px 16px
    }
}

.product-review__topics-item {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 110px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 12px;
    white-space: nowrap
}

.product-review__topics-item,.product-review__topics-item:active,.product-review__topics-item:focus,.product-review__topics-item:hover {
    color: var(--object-main);
    text-decoration: none
}

.product-review__topics-item-selected {
    background: var(--background-elevation-high);
    border: 1.5px solid var(--expressive-blue);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2)
}

.product-review__product-patterns {
    -ms-overflow-style: none;
    display: flex;
    margin: 12px 0 -4px;
    overflow-x: scroll;
    padding: 4px 0;
    scrollbar-width: none
}

.product-review__product-patterns::-webkit-scrollbar {
    display: none
}

@media (max-width: 834px) {
    .product-review__product-patterns {
        padding:4px 16px
    }
}

.product-review__product-pattern {
    align-items: center;
    border: 1px solid var(--border-separation);
    border-radius: 20px;
    display: flex;
    flex-shrink: 0;
    height: 56px;
    max-width: 160px;
    padding: 8px 8px 8px 16px
}

.product-review__product-pattern,.product-review__product-pattern:active,.product-review__product-pattern:focus,.product-review__product-pattern:hover {
    color: var(--object-main);
    text-decoration: none
}

.product-review__product-pattern-selected {
    border: 1.5px solid var(--expressive-blue);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2)
}

.product-review__product-pattern:not(:first-child) {
    margin-left: 8px
}

.product-review__product-pattern-name {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.product-review__product-pattern-image {
    height: 100%;
    margin-left: 8px
}

.product-review__user-type {
    margin-top: 4px
}

@media (max-width: 834px) {
    .product-review__user-type {
        margin-top:8px
    }
}

.product-review__user-type-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.product-review__user-type-item {
    color: var(--object-main);
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    vertical-align: top
}

.product-review__user-type-item:not(:first-child):before {
    content: "/";
    display: inline-block
}

.product-review__post-count {
    margin: 0
}

.product-review__post-count-total {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .product-review__post-count-total {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.product-review__post-count-unit {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 4px
}

@media (max-width: 834px) {
    .product-review__post-count-unit {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.product-review__sort-dropdown {
    align-items: center;
    display: flex;
    gap: 0 24px
}

@media (max-width: 834px) {
    .product-review__sort-dropdown {
        gap:0 16px
    }
}

.product-review__post-list,.product-review__product-spec,.product-review__ranking-products,.product-review__related-products,.product-review__related-tags {
    margin: 24px 0 48px
}

@media (max-width: 834px) {
    .product-review__post-list,.product-review__product-spec,.product-review__ranking-products,.product-review__related-products,.product-review__related-tags {
        background:var(--background-elevation-high);
        margin: 16px 0;
        padding: .1px 0
    }
}

.product-review__post-list {
    margin-top: 0
}

.product-review__no-post {
    padding-bottom: 24px
}

.product-review__no-post,.product-review__no-post .PostListMedium {
    background: var(--background-elevation-high)
}

.product-review__no-post .PostListMedium__no-post {
    margin: 0
}

.product-review__no-post .PostListMedium__more-link {
    margin-bottom: 0
}

@media (max-width: 834px) {
    .product-review-chart {
        margin:0 16px 24px
    }
}

.product-review-chart__main {
    border-bottom: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    display: flex
}

@media (max-width: 834px) {
    .product-review-chart__main {
        background:var(--background-elevation-low);
        border: none;
        border-radius: 4px;
        flex-direction: column;
        padding: 16px
    }
}

.product-review-chart__rating-star-container {
    border-right: 1px solid var(--border-separation);
    padding: 16px;
    width: 50%
}

@media (max-width: 834px) {
    .product-review-chart__rating-star-container {
        border:unset;
        margin: 0;
        padding: 0;
        width: 100%
    }
}

.product-review-chart__rating-star-container .ratingStar {
    padding: 82px 0 28px;
    text-align: center
}

@media (max-width: 834px) {
    .product-review-chart__rating-star-container .ratingStar {
        padding:0
    }
}

.product-review-chart__rating-star-container .ratingStar__star {
    display: inline-block;
    height: 36px;
    padding: 4px;
    vertical-align: middle;
    width: auto
}

@media (max-width: 834px) {
    .product-review-chart__rating-star-container .ratingStar__star {
        height:24px;
        padding: 3px
    }
}

.product-review-chart__rating-star-container .ratingStar__num {
    color: var(--object-main);
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 150%;
    margin-left: 8px;
    vertical-align: middle
}

@media (max-width: 834px) {
    .product-review-chart__rating-star-container .ratingStar__num {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin-left: 4px
    }
}

.product-review-chart__rating-star-container .ratingStar__ratesCount {
    color: var(--object-secondary);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .product-review-chart__rating-star-container .ratingStar__ratesCount {
        color:var(--object-secondary);
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin: 0 0 0 4px
    }
}

.product-review-chart__rating-star-container .ratingStar__link-announce {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 16px 0;
    text-align: center;
    text-decoration: none
}

.product-review-chart__rating-star-container .ratingStar__link-announce:active,.product-review-chart__rating-star-container .ratingStar__link-announce:focus,.product-review-chart__rating-star-container .ratingStar__link-announce:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.product-review-chart__toggle {
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 8px 0 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.product-review-chart__toggle:after {
    background: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 4px;
    transform: rotate(90deg);
    vertical-align: bottom;
    width: 20px
}

.product-review-chart__toggle:active,.product-review-chart__toggle:focus,.product-review-chart__toggle:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (min-width: 835px) {
    .product-review-chart__toggle {
        display:none
    }
}

.product-review-chart__toggle:after {
    height: 16px;
    width: 16px
}

.product-review-chart__open {
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 8px;
    text-align: center
}

.product-review-chart__graph-container {
    padding: 16px 0 16px 30px;
    width: 50%
}

@media (max-width: 834px) {
    .product-review-chart__graph-container {
        display:none;
        margin-top: 12px;
        padding: 0;
        width: 100%
    }
}

.product-review-chart__graph-container.open {
    display: block
}

.product-review-chart__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.product-review-chart__item {
    background: url(https://cdn.lipscosme.com/assets/pagination/next_active-3c3c988e1f6c964fc6b16996fd07bcfb8360b96b8bfdf58fc3251d9fdfe047d3.png) calc(100% - 16px) 11px no-repeat;
    background-size: 16px 16px
}

@media (max-width: 834px) {
    .product-review-chart__item {
        background:url(https://cdn.lipscosme.com/assets/pagination/next_active-3c3c988e1f6c964fc6b16996fd07bcfb8360b96b8bfdf58fc3251d9fdfe047d3.png) 100% 7px no-repeat;
        background-size: 16px 16px
    }

    .product-review-chart__item:last-child {
        border-bottom: none
    }
}

.product-review-chart__item-all-link,.product-review-chart__item-no-posts {
    background: none
}

.product-review-chart__link {
    display: block;
    padding: 10px 40px 10px 16px
}

.product-review-chart__link,.product-review-chart__link:active,.product-review-chart__link:focus,.product-review-chart__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .product-review-chart__link {
        padding:6px 24px 7px 0
    }
}

.product-review-chart__link-all {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 16px 0;
    text-align: center
}

.product-review-chart__link-all,.product-review-chart__link-all:active,.product-review-chart__link-all:focus,.product-review-chart__link-all:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.product-review-chart__def {
    align-items: center;
    display: flex;
    margin: 0
}

.product-review-chart__term {
    display: contents
}

.product-review-chart__star {
    height: 10px;
    margin-right: 3px;
    width: 10px
}

.product-review-chart__rating {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.product-review-chart__desc {
    align-items: center;
    display: flex;
    height: 12px;
    margin-left: 12px;
    width: 100%
}

.product-review-chart__graph {
    background-color: var(--border-separation);
    border-radius: 2px;
    content: "";
    height: 12px;
    position: relative;
    width: 100%
}

.product-review-chart__ratio {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 8px;
    text-align: right;
    width: 28px
}

.product-review-chart__graph_0 {
    width: 0
}

.product-review-chart__graph_0,.product-review-chart__graph_1 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_1 {
    width: 1%
}

.product-review-chart__graph_2 {
    width: 2%
}

.product-review-chart__graph_2,.product-review-chart__graph_3 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_3 {
    width: 3%
}

.product-review-chart__graph_4 {
    width: 4%
}

.product-review-chart__graph_4,.product-review-chart__graph_5 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_5 {
    width: 5%
}

.product-review-chart__graph_6 {
    width: 6%
}

.product-review-chart__graph_6,.product-review-chart__graph_7 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_7 {
    width: 7%
}

.product-review-chart__graph_8 {
    width: 8%
}

.product-review-chart__graph_8,.product-review-chart__graph_9 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_9 {
    width: 9%
}

.product-review-chart__graph_10 {
    width: 10%
}

.product-review-chart__graph_10,.product-review-chart__graph_11 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_11 {
    width: 11%
}

.product-review-chart__graph_12 {
    width: 12%
}

.product-review-chart__graph_12,.product-review-chart__graph_13 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_13 {
    width: 13%
}

.product-review-chart__graph_14 {
    width: 14%
}

.product-review-chart__graph_14,.product-review-chart__graph_15 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_15 {
    width: 15%
}

.product-review-chart__graph_16 {
    width: 16%
}

.product-review-chart__graph_16,.product-review-chart__graph_17 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_17 {
    width: 17%
}

.product-review-chart__graph_18 {
    width: 18%
}

.product-review-chart__graph_18,.product-review-chart__graph_19 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_19 {
    width: 19%
}

.product-review-chart__graph_20 {
    width: 20%
}

.product-review-chart__graph_20,.product-review-chart__graph_21 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_21 {
    width: 21%
}

.product-review-chart__graph_22 {
    width: 22%
}

.product-review-chart__graph_22,.product-review-chart__graph_23 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_23 {
    width: 23%
}

.product-review-chart__graph_24 {
    width: 24%
}

.product-review-chart__graph_24,.product-review-chart__graph_25 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_25 {
    width: 25%
}

.product-review-chart__graph_26 {
    width: 26%
}

.product-review-chart__graph_26,.product-review-chart__graph_27 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_27 {
    width: 27%
}

.product-review-chart__graph_28 {
    width: 28%
}

.product-review-chart__graph_28,.product-review-chart__graph_29 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_29 {
    width: 29%
}

.product-review-chart__graph_30 {
    width: 30%
}

.product-review-chart__graph_30,.product-review-chart__graph_31 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_31 {
    width: 31%
}

.product-review-chart__graph_32 {
    width: 32%
}

.product-review-chart__graph_32,.product-review-chart__graph_33 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_33 {
    width: 33%
}

.product-review-chart__graph_34 {
    width: 34%
}

.product-review-chart__graph_34,.product-review-chart__graph_35 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_35 {
    width: 35%
}

.product-review-chart__graph_36 {
    width: 36%
}

.product-review-chart__graph_36,.product-review-chart__graph_37 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_37 {
    width: 37%
}

.product-review-chart__graph_38 {
    width: 38%
}

.product-review-chart__graph_38,.product-review-chart__graph_39 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_39 {
    width: 39%
}

.product-review-chart__graph_40 {
    width: 40%
}

.product-review-chart__graph_40,.product-review-chart__graph_41 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_41 {
    width: 41%
}

.product-review-chart__graph_42 {
    width: 42%
}

.product-review-chart__graph_42,.product-review-chart__graph_43 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_43 {
    width: 43%
}

.product-review-chart__graph_44 {
    width: 44%
}

.product-review-chart__graph_44,.product-review-chart__graph_45 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_45 {
    width: 45%
}

.product-review-chart__graph_46 {
    width: 46%
}

.product-review-chart__graph_46,.product-review-chart__graph_47 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_47 {
    width: 47%
}

.product-review-chart__graph_48 {
    width: 48%
}

.product-review-chart__graph_48,.product-review-chart__graph_49 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_49 {
    width: 49%
}

.product-review-chart__graph_50 {
    width: 50%
}

.product-review-chart__graph_50,.product-review-chart__graph_51 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_51 {
    width: 51%
}

.product-review-chart__graph_52 {
    width: 52%
}

.product-review-chart__graph_52,.product-review-chart__graph_53 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_53 {
    width: 53%
}

.product-review-chart__graph_54 {
    width: 54%
}

.product-review-chart__graph_54,.product-review-chart__graph_55 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_55 {
    width: 55%
}

.product-review-chart__graph_56 {
    width: 56%
}

.product-review-chart__graph_56,.product-review-chart__graph_57 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_57 {
    width: 57%
}

.product-review-chart__graph_58 {
    width: 58%
}

.product-review-chart__graph_58,.product-review-chart__graph_59 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_59 {
    width: 59%
}

.product-review-chart__graph_60 {
    width: 60%
}

.product-review-chart__graph_60,.product-review-chart__graph_61 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_61 {
    width: 61%
}

.product-review-chart__graph_62 {
    width: 62%
}

.product-review-chart__graph_62,.product-review-chart__graph_63 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_63 {
    width: 63%
}

.product-review-chart__graph_64 {
    width: 64%
}

.product-review-chart__graph_64,.product-review-chart__graph_65 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_65 {
    width: 65%
}

.product-review-chart__graph_66 {
    width: 66%
}

.product-review-chart__graph_66,.product-review-chart__graph_67 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_67 {
    width: 67%
}

.product-review-chart__graph_68 {
    width: 68%
}

.product-review-chart__graph_68,.product-review-chart__graph_69 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_69 {
    width: 69%
}

.product-review-chart__graph_70 {
    width: 70%
}

.product-review-chart__graph_70,.product-review-chart__graph_71 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_71 {
    width: 71%
}

.product-review-chart__graph_72 {
    width: 72%
}

.product-review-chart__graph_72,.product-review-chart__graph_73 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_73 {
    width: 73%
}

.product-review-chart__graph_74 {
    width: 74%
}

.product-review-chart__graph_74,.product-review-chart__graph_75 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_75 {
    width: 75%
}

.product-review-chart__graph_76 {
    width: 76%
}

.product-review-chart__graph_76,.product-review-chart__graph_77 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_77 {
    width: 77%
}

.product-review-chart__graph_78 {
    width: 78%
}

.product-review-chart__graph_78,.product-review-chart__graph_79 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_79 {
    width: 79%
}

.product-review-chart__graph_80 {
    width: 80%
}

.product-review-chart__graph_80,.product-review-chart__graph_81 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_81 {
    width: 81%
}

.product-review-chart__graph_82 {
    width: 82%
}

.product-review-chart__graph_82,.product-review-chart__graph_83 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_83 {
    width: 83%
}

.product-review-chart__graph_84 {
    width: 84%
}

.product-review-chart__graph_84,.product-review-chart__graph_85 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_85 {
    width: 85%
}

.product-review-chart__graph_86 {
    width: 86%
}

.product-review-chart__graph_86,.product-review-chart__graph_87 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_87 {
    width: 87%
}

.product-review-chart__graph_88 {
    width: 88%
}

.product-review-chart__graph_88,.product-review-chart__graph_89 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_89 {
    width: 89%
}

.product-review-chart__graph_90 {
    width: 90%
}

.product-review-chart__graph_90,.product-review-chart__graph_91 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_91 {
    width: 91%
}

.product-review-chart__graph_92 {
    width: 92%
}

.product-review-chart__graph_92,.product-review-chart__graph_93 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_93 {
    width: 93%
}

.product-review-chart__graph_94 {
    width: 94%
}

.product-review-chart__graph_94,.product-review-chart__graph_95 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_95 {
    width: 95%
}

.product-review-chart__graph_96 {
    width: 96%
}

.product-review-chart__graph_96,.product-review-chart__graph_97 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_97 {
    width: 97%
}

.product-review-chart__graph_98 {
    width: 98%
}

.product-review-chart__graph_98,.product-review-chart__graph_99 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0
}

.product-review-chart__graph_99 {
    width: 99%
}

.product-review-chart__graph_100 {
    background-color: #ffd157;
    border-radius: 2px 0 0 2px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.product-review-chart__announce {
    padding: 10px;
    text-align: center
}

@media (max-width: 834px) {
    .product-review-chart__announce {
        margin-top:12px;
        padding: 0
    }
}

.product-review-chart__announce-icon {
    height: 16px;
    padding-right: 4px;
    vertical-align: text-bottom
}

.product-review-chart__announce-link {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .product-review-chart__announce-link {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.product-review-chart__product-show-link {
    background: var(--background-primary);
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    line-height: 150%;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.product-review-chart__product-show-link:active,.product-review-chart__product-show-link:focus,.product-review-chart__product-show-link:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width: 834px) {
    .product-review-chart__product-show-link-pc {
        display:none
    }
}

.product-review-chart__product-show-link-mobile {
    margin-top: 16px
}

@media (min-width: 835px) {
    .product-review-chart__product-show-link-mobile {
        display:none
    }
}

@media (max-width: 834px) {
    .SeriesProductsList {
        padding-bottom:24px
    }
}

.SeriesProductsList h2 {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .SeriesProductsList h2 {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.SeriesProductsList__list {
    margin-top: 16px
}

.SeriesProductsList__more-button {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    max-width: 380px;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.SeriesProductsList__more-button:hover {
    opacity: .8
}

.SeriesProductsList__more-button:active,.SeriesProductsList__more-button:focus,.SeriesProductsList__more-button:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .SeriesProductsList__more-button {
        margin:16px 16px 0;
        max-width: unset;
        width: calc(100% - 38px)
    }
}

.ProductTabMenu__list {
    align-items: center;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductTabMenu__item,.ProductTabMenu__patternsItem {
    flex: 1
}

.ProductTabMenu__link {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 24px;
    padding: 12px 0;
    text-align: center;
    text-decoration: none
}

@media (max-width: 834px) {
    .ProductTabMenu__link {
        font-size:12px;
        letter-spacing: 0;
        line-height: 150%;
        padding: 16px 0
    }
}

.ProductTabMenu__link:active,.ProductTabMenu__link:focus,.ProductTabMenu__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductTabMenu__link.active {
    border-bottom: 2px solid var(--background-primary);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 24px
}

@media (max-width: 834px) {
    .ProductTabMenu__link.active {
        background:#fff;
        border-bottom: 2px solid var(--object-main);
        color: var(--object-main);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .4px;
        line-height: 150%
    }

    .ProductVideos {
        background: var(--background-elevation-low)
    }
}

.ProductVideos__productSpec,.ProductVideos__relatedProducts,.ProductVideos__relatedRankings,.ProductVideos__relatedTags {
    background: var(--background-elevation-high);
    margin: 24px 0 40px
}

@media (max-width: 834px) {
    .ProductVideos__productSpec,.ProductVideos__relatedProducts,.ProductVideos__relatedRankings,.ProductVideos__relatedTags {
        margin:16px 0;
        padding: .1px 0
    }
}

.promotion_policy-figureheader {
    background-color: #dfdfdf;
    max-height: 300px;
    width: 100%
}

@media (max-width: 834px) {
    .promotion_policy-figureheader {
        max-height:406px
    }
}

.promotion_policy-figureheader-img {
    display: block;
    margin: 0 auto;
    max-width: 920px;
    width: 100%
}

@media (max-width: 834px) {
    .promotion_policy-figureheader-img {
        max-width:375px
    }
}

.promotion_policy-abstract {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    padding: 28px 16px 48px;
    text-align: center;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .promotion_policy-abstract {
        text-align:left
    }
}

.promotion_policy-spacer {
    background-color: var(--background-elevation-low);
    height: 16px
}

.promotion_policy-spacer-white {
    background-color: #fff;
    height: 32px
}

.promotion_policy-img {
    display: block;
    margin: 0 auto;
    max-width: 900px;
    width: calc(100% - 32px)
}

.promotion_policy-ts {
    padding: 0 16px;
    text-align: right
}

.promotion_policy-product_rating_cell,.promotion_policy-ts {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 170%;
    width: 100%
}

.promotion_policy-col {
    margin: 0 auto;
    max-width: 920px
}

.promotion_policy-col .article-show__title-h2 {
    border-bottom: none;
    color: var(--object-main);
    font-size: 32px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .promotion_policy-col .article-show__title-h2 {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%
    }
}

.promotion_policy-col .article-show__title-h3 {
    border-left: 4px solid var(--object-tertiary);
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .promotion_policy-col .article-show__title-h3 {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%
    }
}

.QuestionList__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .QuestionList__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.QuestionList__title-sub {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .QuestionList__title-sub {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.QuestionList__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.QuestionList__item {
    border-bottom: 1px solid var(--border-separation)
}

.QuestionList__link {
    display: block;
    padding: 16px
}

.QuestionList__link,.QuestionList__link:active,.QuestionList__link:focus,.QuestionList__link:hover {
    color: #2d2926;
    text-decoration: none
}

.QuestionList__mainContent {
    display: flex;
    justify-content: space-between;
    margin: 0 0 12px
}

.QuestionList__question {
    color: #2d2926;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

.QuestionList__answers {
    color: var(--expressive-red);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 6px 0 0;
    text-align: right
}

.QuestionList__thumb {
    border-radius: 4px;
    height: 64px;
    object-fit: cover;
    width: 64px
}

.QuestionList__subContent {
    display: flex;
    justify-content: space-between
}

.QuestionList__user {
    display: flex
}

.QuestionList__user-thumb {
    border-radius: 50%;
    height: 20px;
    margin: 0 6px 0 0;
    object-fit: cover;
    width: 20px
}

.QuestionList__user-list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.QuestionList__user-item {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.QuestionList__user-item:not(:last-child):after {
    content: "/";
    display: contents;
    margin: 0 2px
}

.QuestionList__publishedAt {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .QuestionsShow {
        background:var(--background-elevation-low)
    }
}

.QuestionsShow__productfigureheader {
    border-bottom: 1px solid var(--border-separation)
}

.QuestionsShow__titleArea {
    background: #fff;
    padding: 20px 16px
}

.QuestionsShow__titleArea-main {
    margin: 0 0 16px
}

.QuestionsShow__titleArea-main,.QuestionsShow__titleArea-sub {
    display: flex;
    justify-content: space-between
}

.QuestionsShow__title {
    color: #000;
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .QuestionsShow__title {
        color:#000;
        font-size: 16px;
        font-weight: 500;
        line-height: 150%
    }
}

.QuestionsShow__thumb {
    border-radius: 4px;
    height: 72px;
    object-fit: cover;
    width: 72px
}

.QuestionsShow__user {
    align-items: center;
    display: flex
}

.QuestionsShow__user-thumb {
    border-radius: 50%;
    height: 20px;
    margin: 0 6px 0 0;
    object-fit: cover;
    width: 20px
}

.QuestionsShow__user-list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.QuestionsShow__user-item {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.QuestionsShow__user-item:not(:last-child):after {
    content: "/";
    display: contents;
    margin: 0 2px
}

.QuestionsShow__publishedAt {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.QuestionsShow__answers {
    background: #fff
}

.QuestionsShow__answers-title {
    background-color: var(--background-elevation-low);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 24px;
    margin: 0;
    padding: 10px 16px
}

@media (max-width: 834px) {
    .QuestionsShow__answers-title {
        font-size:14px;
        padding: 12px 16px
    }
}

.QuestionsShow__answers-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.QuestionsShow__answers-item {
    border-bottom: 1px solid var(--border-separation);
    padding: 20px 16px
}

@media (max-width: 834px) {
    .QuestionsShow__answers-item {
        padding:16px
    }
}

.QuestionsShow__answers-user {
    align-items: center;
    display: flex
}

.QuestionsShow__answers-user-thumb {
    border-radius: 50%;
    height: 32px;
    margin: 0 8px 0 0;
    object-fit: cover;
    width: 32px
}

.QuestionsShow__answers-user-list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.QuestionsShow__answers-user-item {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.QuestionsShow__answers-user-item:not(:last-child):after {
    content: "/";
    display: contents;
    margin: 0 2px
}

.QuestionsShow__answers-content {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0 12px
}

@media (max-width: 834px) {
    .QuestionsShow__answers-content {
        margin:12px 0
    }
}

.QuestionsShow__answers-thumb {
    border-radius: 4px;
    height: 64px;
    object-fit: cover;
    width: 64px
}

@media (max-width: 834px) {
    .QuestionsShow__answers-thumb {
        height:72px;
        width: 72px
    }
}

.QuestionsShow__answers-publishedAt {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-align: right
}

.QuestionsShow__productSpec,.QuestionsShow__questionsList {
    background: #fff;
    margin: 40px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .QuestionsShow__productSpec,.QuestionsShow__questionsList {
        margin:16px 0
    }
}

.ranking-category-tab {
    background-color: var(--background-elevation-high);
    display: flex;
    overflow-x: scroll;
    width: 100%
}

.ranking-category-tab__item {
    border-bottom: 1px solid var(--border-separation);
    flex-shrink: 0
}

.ranking-category-tab__item.active {
    border-bottom: 1px solid var(--object-main)
}

.ranking-category-tab__link {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 20px 16px
}

.ranking-category-tab__link,.ranking-category-tab__link:active,.ranking-category-tab__link:focus,.ranking-category-tab__link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.ranking-category-tab__link.active {
    color: var(--object-main)
}

.RankingExpert {
    background: #fff;
    margin: 32px 0
}

@media (max-width: 834px) {
    .RankingExpert {
        margin:0 0 16px;
        padding: .1px 0
    }
}

.RankingExpert__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .RankingExpert__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.RankingExpert__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .RankingExpert__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }

    .RankingExpert__container {
        margin: 20px 16px 24px
    }
}

.RankingExpert__info {
    align-items: center;
    display: flex;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .RankingExpert__info {
        margin:0 0 12px
    }
}

.RankingExpert__info-thumb {
    border-radius: 50%;
    height: 40px;
    object-fit: cover;
    width: 40px
}

@media (max-width: 834px) {
    .RankingExpert__info-thumb {
        height:32px;
        width: 32px
    }
}

.RankingExpert__info-name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 0 12px
}

.RankingExpert__info-job {
    color: var(--object-secondary);
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.RankingExpert__comment {
    border-radius: 8px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 16px;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .RankingExpert__comment {
        -webkit-box-orient:vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        font-size: 12px;
        margin-bottom: 4px;
        overflow: hidden
    }
}

.RankingExpert__comment.open {
    -webkit-line-clamp: unset;
    margin-bottom: 16px
}

.RankingExpert__read-more {
    color: var(--expressive-red);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 16px;
    text-align: right
}

.RankingExpert__faq {
    background: var(--background-elevation-low);
    border: 1px solid var(--background-elevation-low);
    border-radius: 8px;
    margin: 0;
    padding: 16px;
    white-space: pre-wrap
}

.RankingExpert__faq-question {
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 4px
}

.RankingExpert__faq-question:not(:first-child) {
    margin: 16px 0 4px
}

@media (max-width: 834px) {
    .RankingExpert__faq-question:not(:first-child) {
        margin:12px 0 4px
    }
}

.RankingExpert__faq-answer {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.RankingExpert__profile-link {
    height: 44px;
    margin: 0 auto
}

@media (min-width: 835px) {
    .RankingExpert__profile-link {
        width:343px
    }
}

.RankingExpert__show-button {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.RankingExpert__show-button,.RankingExpert__show-button:active,.RankingExpert__show-button:focus,.RankingExpert__show-button:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .RankingExpert__show-button {
        margin:16px 16px 24px;
        margin-left: 0;
        margin-right: 0;
        width: calc(100% - 32px);
        width: 100%
    }

    .rankings-index {
        background-color: var(--background-elevation-low)
    }
}

.rankings-index__title-area {
    background: #fff;
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .rankings-index__title-area {
        padding:16px 0 8px
    }
}

.rankings-index__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .rankings-index__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.rankings-index__sort-tab-area {
    background: #fff
}

.rankings-index__rankings-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.rankings-index__rankings-item {
    background: #fff;
    margin: 48px 0
}

@media (max-width: 834px) {
    .rankings-index__rankings-item {
        margin:16px 0;
        padding: .1px 0
    }
}

.rankings-index__rankings-title {
    border-bottom: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    color: #2d2926;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 24px;
    margin: 0;
    padding: 24px 0;
    text-align: center
}

@media (max-width: 834px) {
    .rankings-index__rankings-title {
        color:#2d2926;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 24px
    }
}

.rankings-index__rankings-products {
    margin: 32px 0 8px
}

@media (max-width: 834px) {
    .rankings-index__rankings-products {
        margin:0
    }
}

.rankings-index__rankings-products-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.rankings-index__rankings-products-item {
    margin: 0 0 24px;
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .rankings-index__rankings-products-item {
        margin:0;
        width: 100%
    }
}

.rankings-index__rankings-more-link {
    background-color: #efefef;
    border-radius: 4px;
    color: var(--expressive-red);
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    width: 360px
}

.rankings-index__rankings-more-link:active,.rankings-index__rankings-more-link:focus,.rankings-index__rankings-more-link:hover {
    color: var(--expressive-red);
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .rankings-index__rankings-more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }

    .ranking-label {
        background-color: var(--background-elevation-low)
    }
}

@media (min-width: 835px) {
    .ranking-label {
        margin-top:48px
    }
}

.ranking-label__title-area {
    background: #fff;
    margin: 0 0 32px
}

@media (max-width: 834px) {
    .ranking-label__title-area {
        margin:0 0 8px;
        padding: 16px 16px 24px
    }
}

.ranking-label__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ranking-label__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 170%;
        margin: 0 0 12px
    }
}

.ranking-label__abstract {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ranking-label__abstract {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%;
        margin: 0 0 12px
    }
}

.ranking-label__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    text-align: right
}

@media (max-width: 834px) {
    .ranking-label__update-time {
        font-size:11px;
        letter-spacing: .4px;
        line-height: 16px
    }
}

.ranking-other-categories__top-inner {
    background-color: #fff
}

.ranking-other-categories__top-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0 auto;
    max-width: 1080px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0
}

.ranking-other-categories__top-list::-webkit-scrollbar {
    display: none
}

.ranking-other-categories__top-item {
    flex-shrink: 0
}

.ranking-other-categories__top-item.active {
    border-bottom: 2px solid var(--background-primary)
}

.ranking-other-categories__top-item.active a {
    color: var(--object-main);
    font-weight: 500
}

.ranking-other-categories__top-link {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 20px 16px 18px;
    text-decoration: none
}

@media (max-width: 834px) {
    .ranking-other-categories__top-link {
        font-size:12px;
        padding: 12px 12px 10px
    }
}

.ranking-other-categories__top-link:active,.ranking-other-categories__top-link:focus,.ranking-other-categories__top-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.ranking-other-categories__bottom-inner {
    background-color: var(--background-elevation-low)
}

.ranking-other-categories__bottom-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0 auto;
    max-width: 1080px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px 12px
}

.ranking-other-categories__bottom-list::-webkit-scrollbar {
    display: none
}

.ranking-other-categories__bottom-item {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 999px;
    flex-shrink: 0
}

.ranking-other-categories__bottom-item:not(:first-child) {
    margin-left: 8px
}

.ranking-other-categories__bottom-item.active {
    background: var(--background-primary)!important
}

.ranking-other-categories__bottom-item.active a {
    color: #fff;
    font-weight: 500
}

.ranking-other-categories__bottom-link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 8px 12px
}

.ranking-other-categories__bottom-link,.ranking-other-categories__bottom-link:active,.ranking-other-categories__bottom-link:focus,.ranking-other-categories__bottom-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.post-user-attribute {
    background: var(--background-elevation-low);
    overflow-x: scroll;
    padding: 16px 12px
}

.ranking-show:has(#article) .post-user-attribute {
    background-color: var(--background-elevation-high);
    padding-top: 24px
}

@media (max-width: 834px) {
    .ranking-show:has(#article) .post-user-attribute {
        padding-top:20px
    }
}

.ranking-show:has(#article) .post-user-attribute__item {
    background-color: var(--background-elevation-low);
    border: unset
}

.post-user-attribute__list {
    display: flex;
    gap: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

@media (max-width: 834px) {
    .post-user-attribute__list {
        gap:8px
    }
}

.post-user-attribute__list:not(:first-child) {
    padding-top: 12px
}

.post-user-attribute__item {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 999px;
    flex-shrink: 0
}

.post-user-attribute__item:not(:first-child) {
    margin-left: 8px
}

.post-user-attribute__item.active {
    background: var(--background-primary)!important
}

.post-user-attribute__item.active a {
    color: #fff;
    font-weight: 500
}

.post-user-attribute__item:not(:first-child) {
    margin-left: unset
}

.post-user-attribute__link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 8px 12px
}

.post-user-attribute__link,.post-user-attribute__link:active,.post-user-attribute__link:focus,.post-user-attribute__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ranking-products-list {
        padding:0
    }
}

.ranking-products-list__title {
    border-left: 3px solid var(--object-tertiary);
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 8px 0 24px;
    padding-left: 12px
}

@media (max-width: 834px) {
    .ranking-products-list__title {
        border-left:2px solid var(--object-tertiary);
        font-size: 16px;
        line-height: 20px;
        margin: 8px 16px 16px
    }
}

.ranking-products-list__list {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .ranking-products-list__list {
        padding:8px 16px
    }
}

.ranking-products-list__item {
    padding: 0 0 12px;
    width: calc(33.33333% - 10.66667px)
}

@media (max-width: 834px) {
    .ranking-products-list__item {
        padding:0
    }
}

.ranking-products-list__link {
    display: block;
    position: relative
}

.ranking-products-list__link,.ranking-products-list__link:active,.ranking-products-list__link:focus,.ranking-products-list__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ranking-products-list__rank {
    align-items: center;
    background: var(--background-primary);
    border-radius: 999px;
    display: grid;
    height: 24px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.ranking-products-list__rank-num {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.ranking-products-list__thumb-container {
    position: relative;
    width: 100%
}

.ranking-products-list__thumb-container:before {
    content: "";
    display: block;
    padding-top: 100%
}

.ranking-products-list__thumb {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ranking-products-list__name {
    margin: 2px 0 4px
}

.ranking-products-list__name-brand {
    margin: 0 0 2px
}

.ranking-products-list__name-brand,.ranking-products-list__name-product {
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ranking-products-list__price {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 4px 0 0
}

.ranking-products-list__more-link {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 12px 16px;
    text-align: right
}

.ranking-products-list__more-link,.ranking-products-list__more-link:active,.ranking-products-list__more-link:focus,.ranking-products-list__more-link:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.ProductListArticle__feature_article {
    content-visibility: hidden;
    display: none
}

@media (max-width: 834px) {
    .ProductListArticle__feature_article {
        content-visibility:visible;
        display: block
    }
}

.ProductListArticle__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (min-width: 835px) {
    .ProductListArticle__list>* {
        border-bottom:12px solid var(--background-elevation-low)
    }
}

.ProductListArticle__item {
    background: #fff;
    contain: content;
    contain-intrinsic-size: 450px;
    content-visibility: auto;
    margin: 20px 0;
    padding: 0 0 20px;
    position: relative
}

@media (max-width: 834px) {
    .ProductListArticle__item {
        border-bottom:none;
        contain-intrinsic-size: 365px;
        margin: 16px 0;
        padding: 12px 12px 16px
    }
}

.ProductListArticle__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.ProductListArticle__item.visible {
    content-visibility: visible
}

.ProductListArticle__product-link {
    display: block
}

.ProductListArticle__product-link,.ProductListArticle__product-link:active,.ProductListArticle__product-link:focus,.ProductListArticle__product-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductListArticle__productContainer {
    display: grid;
    grid-template-areas: "rank productImage productTitle" "rank productImage productInfo" "rank productImage commerceBtn" "rank productImage purchaseBtn" "catchWord catchWord catchWord";
    grid-template-columns: 42px 168px 1fr;
    grid-template-rows: auto;
    padding: 0
}

@media (max-width: 834px) {
    .ProductListArticle__productContainer {
        border:0;
        grid-template-areas: "rank productImage productTitle" "rank productImage productInfo" "catchWord catchWord catchWord" "commerceBtn commerceBtn commerceBtn" "purchaseBtn purchaseBtn purchaseBtn";
        grid-template-columns: 32px 100px 1fr;
        grid-template-rows: auto;
        padding: 0
    }
}

.ProductListArticle__rank {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    grid-area: rank
}

@media (max-width: 834px) {
    .ProductListArticle__rank {
        gap:4px
    }
}

.ProductListArticle__rank-num {
    background: var(--background-primary);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 150%;
    line-height: 36px;
    text-align: center;
    width: 36px
}

@media (max-width: 834px) {
    .ProductListArticle__rank-num {
        border-radius:999px;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        height: 32px;
        line-height: 150%;
        line-height: 32px;
        width: 32px
    }
}

.ProductListArticle__rank-diff-image {
    height: 36px;
    width: 36px
}

@media (max-width: 834px) {
    .ProductListArticle__rank-diff-image {
        height:32px;
        width: 32px
    }
}

.ProductListArticle__rank-emblem {
    height: 42px;
    width: 42px
}

@media (max-width: 834px) {
    .ProductListArticle__rank-emblem {
        height:32px;
        width: 32px
    }
}

.ProductListArticle__productImage {
    grid-area: productImage
}

.ProductListArticle__productImage-thumb {
    height: 160px;
    object-fit: contain;
    padding: 0 0 0 8px;
    width: 160px
}

@media (max-width: 834px) {
    .ProductListArticle__productImage-thumb {
        height:96px;
        padding: 0 0 0 4px;
        width: 96px
    }
}

.ProductListArticle__productTitle {
    grid-area: productTitle;
    padding: 0 0 0 16px
}

@media (max-width: 834px) {
    .ProductListArticle__productTitle {
        padding:0 0 0 12px
    }
}

.ProductListArticle__productTitle h2 {
    font-size: unset;
    margin: 0
}

.ProductListArticle__productTitle-priceTag {
    background: var(--object-secondary);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 12px 0 0;
    padding: 4px;
    width: 58px
}

@media (max-width: 834px) {
    .ProductListArticle__productTitle-priceTag {
        border-radius:2px;
        color: #fff;
        font-size: 10px;
        font-weight: 500;
        line-height: 150%;
        margin: 0 8px 0 0;
        padding: 1px 4px;
        width: 48px
    }
}

.ProductListArticle__productTitle-brandName {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductListArticle__productTitle-brandName {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductListArticle__productTitle-productName {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 8px 0 12px
}

@media (max-width: 834px) {
    .ProductListArticle__productTitle-productName {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%;
        margin: 6px 0
    }
}

.ProductListArticle__productTitle-ratingStar {
    margin: 0 0 8px
}

@media (max-width: 834px) {
    .ProductListArticle__productTitle-ratingStar {
        margin:0 0 6px
    }
}

.ProductListArticle__productTitle-ratingStar .ratingStar {
    align-items: center;
    display: flex
}

.ProductListArticle__productTitle-ratingStar .ratingStar__star {
    height: 20px;
    object-fit: contain
}

@media (max-width: 834px) {
    .ProductListArticle__productTitle-ratingStar .ratingStar__star {
        height:18px
    }
}

.ProductListArticle__productTitle-ratingStar .ratingStar__num {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 0 6px
}

@media (max-width: 834px) {
    .ProductListArticle__productTitle-ratingStar .ratingStar__num {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 0 6px
    }
}

.ProductListArticle__productTitle-ratingStar .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 4px
}

@media (max-width: 834px) {
    .ProductListArticle__productTitle-ratingStar .ratingStar__ratesCount {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin: 0 0 0 4px
    }
}

.ProductListArticle__productInfo {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    grid-area: productInfo;
    padding: 0 0 0 16px
}

@media (max-width: 834px) {
    .ProductListArticle__productInfo {
        padding:0 0 0 12px
    }
}

.ProductListArticle__productInfo-defList {
    align-items: flex-start;
    align-items: center;
    display: flex;
    margin: 0
}

.ProductListArticle__productInfo-defTerm {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductListArticle__productInfo-defTerm {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductListArticle__productInfo-defTerm-icon {
    filter: brightness(0) saturate(100%) invert(51%) sepia(0) saturate(41%) hue-rotate(245deg) brightness(52%) contrast(98%);
    vertical-align: bottom
}

.ProductListArticle__productInfo-defDesc {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 4px
}

@media (max-width: 834px) {
    .ProductListArticle__productInfo-defDesc {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductListArticle__productInfo-category {
    flex-basis: 100%
}

.ProductListArticle__productInfo-category span {
    background: #efefef;
    border-radius: 4px;
    color: var(--object-main);
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 2px 4px
}

@media (max-width: 834px) {
    .ProductListArticle__productInfo-category span {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductListArticle__purchaseBtn {
    grid-area: purchaseBtn;
    margin: 12px 0 0;
    padding: 0 0 0 16px
}

@media (max-width: 834px) {
    .ProductListArticle__purchaseBtn {
        margin:0;
        padding: 16px 0 0
    }
}

.ProductListArticle__commercePurchaseButton {
    grid-area: commerceBtn;
    margin-left: 16px;
    margin-top: 12px
}

@media (max-width: 834px) {
    .ProductListArticle__commercePurchaseButton {
        flex:1;
        margin-left: 0;
        margin-top: 16px;
        text-align: center;
        width: 100%
    }
}

.ProductListArticle__catchWord {
    background: var(--background-elevation-low);
    border-radius: 4px;
    grid-area: catchWord;
    margin: 16px 0 0;
    padding: 12px;
    position: relative
}

@media (max-width: 834px) {
    .ProductListArticle__catchWord {
        border-radius:4px;
        margin: 16px 0 0;
        padding: 12px
    }
}

.ProductListArticle__catchWord:hover {
    opacity: .6
}

.ProductListArticle__catchWord-content {
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .ProductListArticle__catchWord-content {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ProductListArticle__catchWord-user {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0 0
}

@media (max-width: 834px) {
    .ProductListArticle__catchWord-user {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%;
        margin: 8px 0 0
    }
}

.ProductListArticle__featureArticle,.ProductListArticle__soaredProducts {
    background: #fff;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .ProductListArticle__featureArticle,.ProductListArticle__soaredProducts {
        margin:8px 0;
        padding: .1px 0
    }
}

.ProductListArticle__relatedBrands,.ProductListArticle__relatedCategories {
    background: #fff;
    contain: content;
    contain-intrinsic-size: 220px;
    content-visibility: auto
}

@media (max-width: 834px) {
    .ProductListArticle__relatedBrands,.ProductListArticle__relatedCategories {
        contain-intrinsic-size:226px;
        margin: 8px 0;
        padding: .1px 0
    }
}

.ProductListArticle__relatedBrands-title,.ProductListArticle__relatedCategories-title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 4px 0 16px
}

@media (max-width: 834px) {
    .ProductListArticle__relatedBrands-title,.ProductListArticle__relatedCategories-title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.ProductListArticle__relatedBrands-list,.ProductListArticle__relatedCategories-list {
    display: flex;
    gap: 0 16px;
    list-style-type: none;
    margin: 0;
    overflow: scroll;
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .ProductListArticle__relatedBrands-list,.ProductListArticle__relatedCategories-list {
        gap:0 10px;
        max-width: 100vw;
        padding: 0 10px 24px
    }
}

.ProductListArticle__relatedBrands-item,.ProductListArticle__relatedCategories-item {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    flex-shrink: 0;
    width: calc(16.66667% - 11.66667px)
}

@media (max-width: 834px) {
    .ProductListArticle__relatedBrands-item,.ProductListArticle__relatedCategories-item {
        width:calc(28.57143% - 11.42857px)
    }
}

.ProductListArticle__relatedBrands-link,.ProductListArticle__relatedBrands-link:active,.ProductListArticle__relatedBrands-link:focus,.ProductListArticle__relatedBrands-link:hover,.ProductListArticle__relatedCategories-link,.ProductListArticle__relatedCategories-link:active,.ProductListArticle__relatedCategories-link:focus,.ProductListArticle__relatedCategories-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductListArticle__relatedBrands-figure,.ProductListArticle__relatedCategories-figure {
    padding: 8px
}

.ProductListArticle__relatedBrands-thumb,.ProductListArticle__relatedCategories-thumb {
    aspect-ratio: 1/1;
    object-fit: contain;
    width: 100%
}

.ProductListArticle__relatedBrands-figcaption,.ProductListArticle__relatedCategories-figcaption {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 40px;
    margin: 8px 0 0;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: center;
    white-space: normal
}

@media (max-width: 834px) {
    .ProductListArticle__relatedBrands-figcaption,.ProductListArticle__relatedCategories-figcaption {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        height: 32px;
        line-height: 150%
    }
}

@media (min-width: 835px) {
    .ProductListArticle__category-feature .category-feature {
        border:unset;
        margin: 28px 0 0;
        padding: 0
    }
}

@media (max-width: 834px) {
    .ProductListArticle__category-feature .category-feature {
        background-color:var(--background-elevation-low);
        border-radius: 4px;
        margin: 16px 0 0;
        padding: 12px
    }
}

.ProductListArticle__category-feature .category-feature .category-feature__row {
    align-items: center;
    color: var(--object-main);
    display: flex;
    position: relative;
    text-decoration: none
}

.ProductListArticle__category-feature .category-feature .category-feature__row:active,.ProductListArticle__category-feature .category-feature .category-feature__row:focus,.ProductListArticle__category-feature .category-feature .category-feature__row:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductListArticle__category-feature .category-feature .category-feature__row:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

@media (max-width: 834px) {
    .ProductListArticle__category-feature .category-feature .category-feature__row {
        padding-left:8px;
        padding-right: 8px
    }
}

.ProductListArticle__category-feature .category-feature .category-feature__row:after {
    margin: 0 0 0 12px;
    position: unset;
    transform: unset
}

@media (min-width: 835px) {
    .ProductListArticle__category-feature .category-feature .category-feature__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

@media (max-width: 834px) {
    .ProductListArticle__category-feature .category-feature .category-feature__title {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }

    .ProductListArticle__category-feature .category-feature .category-feature__title:before {
        height: 24px;
        width: 24px
    }

    .ProductListArticle__category-feature .category-feature .category-feature__row-rank {
        background-color: var(--background-elevation-high)
    }
}

.ProductListArticlePost {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    padding: 16px 0 0
}

@media (max-width: 834px) {
    .ProductListArticlePost {
        contain:strict;
        height: 214px
    }
}

.ProductListArticlePost::-webkit-scrollbar {
    display: none
}

.ProductListArticlePost__post {
    background: #fff;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    flex-shrink: 0;
    overflow: hidden;
    width: 300px
}

@media (max-width: 834px) {
    .ProductListArticlePost__post {
        width:242px
    }
}

.ProductListArticlePost__post-link,.ProductListArticlePost__post-link:active,.ProductListArticlePost__post-link:focus,.ProductListArticlePost__post-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductListArticlePost__images {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductListArticlePost__images__items {
    background-color: var(--background-elevation-low);
    height: auto;
    padding-top: 33.33333%;
    position: relative;
    width: calc(33.33333% - 1.33333px)
}

.ProductListArticlePost__images__thumb {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ProductListArticlePost__post-body {
    padding: 8px
}

.ProductListArticlePost__username {
    align-items: center;
    color: #2d2926;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 4px;
    line-height: 150%;
    margin: 0 0 4px
}

@media (max-width: 834px) {
    .ProductListArticlePost__username {
        color:#2d2926;
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductListArticlePost__user-thumb {
    border-radius: 50%;
    height: 20px;
    object-fit: cover;
    width: 20px
}

@media (max-width: 834px) {
    .ProductListArticlePost__user-thumb {
        height:16px;
        width: 16px
    }
}

.ProductListArticlePost__user-nickname {
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    display: inline-block;
    overflow: hidden
}

.ProductListArticlePost__content {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    margin: 8px 0 0;
    overflow: hidden
}

@media (max-width: 834px) {
    .ProductListArticlePost__content {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ProductListArticlePost__content .highlights {
    background-color: rgba(255,221,226,.8);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductListArticlePost__content .highlights {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.ProductListArticlePost__userinfo {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ProductListArticlePost__userinfo-items {
    color: var(--object-main);
    display: inline;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductListArticlePost__userinfo-items {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.ProductListArticlePost__userinfo-items:not(:first-child):before {
    border-left: 1px solid var(--object-tertiary);
    content: "";
    height: 14px;
    margin: 0 8px
}

@media (max-width: 834px) {
    .ProductListArticlePost__userinfo-items:not(:first-child):before {
        height:12px;
        margin: 0 6px
    }
}

.ProductListArticleFeature {
    background: var(--background-elevation-high);
    padding: 20px 0
}

@media (min-width: 835px) {
    .ProductListArticleFeature {
        padding-top:0
    }
}

.ProductListArticleFeature h2 {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 20px 16px 12px
}

@media (min-width: 835px) {
    .ProductListArticleFeature h2 {
        margin-left:0
    }
}

.ProductListArticleFeature h2:first-child {
    margin-top: 0
}

.ProductListArticleFeature__list {
    list-style-type: none;
    margin: 0;
    -ms-overflow-style: none;
    display: flex;
    gap: 12px;
    overflow-x: scroll;
    padding: 0 16px;
    scrollbar-width: none
}

.ProductListArticleFeature__list::-webkit-scrollbar {
    display: none
}

@media (min-width: 835px) {
    .ProductListArticleFeature__list {
        padding:0
    }
}

.ProductListArticleFeature__button {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    overflow-wrap: normal;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.ProductListArticleFeature__button:hover {
    opacity: .8
}

.ProductListArticleFeature__button:active,.ProductListArticleFeature__button:focus,.ProductListArticleFeature__button:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductListArticleFeature__list--color {
    gap: 4px
}

@media (max-width: 834px) {
    .ProductListArticleFeature__list--color {
        gap:8px
    }
}

.ProductListArticleFeature__item--color {
    align-items: center;
    border: unset;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    min-height: 40px;
    min-width: 40px
}

@media (max-width: 834px) {
    .ProductListArticleFeature__item--color:last-child {
        min-width:56px;
        padding-right: 16px
    }
}

.ProductListArticleFeature__item--color.active {
    background-color: #fff;
    border: 2px solid #000
}

.ProductListArticleFeature__item--color.active .white {
    border: unset
}

.ProductListArticleFeature__item--color .gradient {
    background: conic-gradient(#d22d28,#d85f2d,#e28a37,#ecb242,#f7d64b,#d3c753,#a7b65c,#74a466,#43946d,#3a837f,#306f8c,#2b5a92,#214194,#3e3c90,#55398c,#693188,#7a2785,#942b6f,#ab2d57,#c02d3f)
}

.ProductListArticleFeature__item--color .red {
    background-color: #c31e2f
}

.ProductListArticleFeature__item--color .blue {
    background-color: #1a7ebb
}

.ProductListArticleFeature__item--color .yellow {
    background-color: #fcdd41
}

.ProductListArticleFeature__item--color .green {
    background-color: #a3c732
}

.ProductListArticleFeature__item--color .pink {
    background-color: #e26d8b
}

.ProductListArticleFeature__item--color .purple {
    background-color: #ab69d8
}

.ProductListArticleFeature__item--color .black {
    background-color: var(--background-primary)
}

.ProductListArticleFeature__item--color .white {
    background-color: var(--background-elevation-high);
    border: 1px solid var(--border-separation)
}

.ProductListArticleFeature__item--color .orange {
    background-color: #ed7839
}

.ProductListArticleFeature__item--color .gray {
    background-color: #9da4b0
}

.ProductListArticleFeature__item--color .brown {
    background-color: #7a5e4b
}

.ProductListArticleFeature__item--color .gold {
    background: linear-gradient(224deg,#f2eaca,#bba758 50%,#f2eaca)
}

.ProductListArticleFeature__item--color .silver {
    background: linear-gradient(224deg,#eaeaea,#b2b2b2 50%,#eaeaea)
}

.ProductListArticleFeature__item--color .beige {
    background-color: #cfc4a0
}

.ProductListArticleFeature__item-color-inner,.ProductListArticleFeature__link--color {
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.ProductListArticleFeature__link--color {
    display: block
}

.ProductPatternList__list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 0
}

@media (max-width: 834px) {
    .ProductPatternList__list {
        grid-template-columns:1fr
    }
}

.ProductPatternList__list .ProductListArticle__relatedCategories,.ProductPatternList__list>.ProductListArticle__relatedBrands {
    grid-column: 1/3
}

@media (max-width: 834px) {
    .ProductPatternList__list .ProductListArticle__relatedCategories,.ProductPatternList__list>.ProductListArticle__relatedBrands {
        grid-column:unset
    }
}

.ProductPatternList__item {
    background-color: var(--background-elevation-high);
    list-style-type: none;
    padding: 28px 0
}

@media (max-width: 834px) {
    .ProductPatternList__item {
        border-bottom:1px solid var(--border-separation);
        padding: 20px 0
    }
}

.ProductPatternList .ProductListArticle__relatedBrands-list {
    border-bottom: unset
}

.ProductPatternList .ProductListArticle__relatedBrands {
    margin: 24px 0
}

.ProductPatternList .ProductListArticle__relatedCategories {
    margin: 24px 0 40px
}

.ProductPatternListCell {
    position: relative
}

.ProductPatternListCell__rank {
    align-items: flex-start;
    display: flex;
    height: 52px;
    left: 0;
    position: absolute;
    top: 0
}

@media (max-width: 834px) {
    .ProductPatternListCell__rank {
        align-items:center;
        height: unset;
        left: 12px;
        top: -8px
    }
}

.ProductPatternListCell__rank-num {
    background: var(--background-primary);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 28px;
    line-height: 150%;
    line-height: 28px;
    text-align: center;
    width: 28px
}

@media (max-width: 834px) {
    .ProductPatternListCell__rank-num {
        border-radius:999px
    }
}

.ProductPatternListCell__link,.ProductPatternListCell__link:active,.ProductPatternListCell__link:focus,.ProductPatternListCell__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.ProductPatternListCell__container {
    display: flex;
    gap: 12px;
    margin: 0 16px
}

.ProductPatternListCell__productPatternImage {
    display: block;
    height: 96px;
    object-fit: contain;
    width: 96px
}

.ProductPatternListCell__productTitle {
    width: 100%
}

.ProductPatternListCell__productTitle-brandName,.ProductPatternListCell__productTitle-productName {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    margin-bottom: 4px;
    overflow: hidden
}

.ProductPatternListCell__productTitle-patternName {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    margin-bottom: 8px;
    overflow: hidden
}

.ProductPatternListCell__productTitle-info-box {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    height: 24px
}

.ProductPatternListCell__productTitle-price {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .ProductPatternListCell__productTitle-price {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }
}

.ProductPatternListCell__productTitle-price span {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.ProductPatternListCell__productTitle-price span.explanation {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.ProductPatternListCell__productTitle-ratingStar {
    margin: 0
}

@media (max-width: 834px) {
    .ProductPatternListCell__productTitle-ratingStar {
        margin:0
    }
}

.ProductPatternListCell__productTitle-ratingStar .ratingStar {
    align-items: center;
    display: flex
}

.ProductPatternListCell__productTitle-ratingStar .ratingStar__star {
    height: 20px;
    object-fit: contain
}

@media (max-width: 834px) {
    .ProductPatternListCell__productTitle-ratingStar .ratingStar__star {
        height:18px
    }
}

.ProductPatternListCell__productTitle-ratingStar .ratingStar__num {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 0 6px
}

@media (max-width: 834px) {
    .ProductPatternListCell__productTitle-ratingStar .ratingStar__num {
        margin:0 0 0 6px
    }
}

.ProductPatternListCell__productTitle-ratingStar .ratingStar__ratesCount {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 0 4px
}

@media (max-width: 834px) {
    .ProductPatternListCell__productTitle-ratingStar .ratingStar__ratesCount {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin: 0 0 0 4px
    }
}

.ranking-list__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .ranking-list__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.ranking-list__category-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .ranking-list__category-container {
        row-gap:0
    }
}

.ranking-list__category-list {
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .ranking-list__category-list {
        border-bottom:1px solid var(--border-separation);
        padding: 16px;
        width: 100%
    }
}

.ranking-list__category-link {
    align-items: center;
    display: flex
}

.ranking-list__category-link,.ranking-list__category-link:active,.ranking-list__category-link:focus,.ranking-list__category-link:hover {
    color: #2d2926;
    text-decoration: none
}

.ranking-list__category-image {
    height: 72px;
    object-fit: contain;
    width: 72px
}

.ranking-list__category-content {
    flex: 1;
    margin-left: 12px
}

.ranking-list__category-title {
    color: #2d2926;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 8px
}

.ranking-list__update-time {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ranking-show {
        background-color:var(--background-elevation-low)
    }
}

@media (min-width: 835px) {
    .ranking-show {
        margin-top:48px
    }

    .ranking-show__eyecatch {
        margin: 0 0 24px
    }
}

.ranking-show__eyecatch__image {
    aspect-ratio: 5/3;
    width: 100%
}

.ranking-show__title-area {
    background: #fff;
    margin: 0 0 20px
}

@media (max-width: 834px) {
    .ranking-show__title-area {
        margin:0;
        padding: 16px 16px 20px
    }
}

.ranking-show__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ranking-show__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 170%;
        margin: 0 0 12px
    }
}

.ranking-show__abstract p {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ranking-show__abstract p {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%;
        margin: 0 0 12px
    }
}

.ranking-show__abstract b {
    background: linear-gradient(transparent 63.7%,#ffdde2 0);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%
}

@media (max-width: 834px) {
    .ranking-show__abstract b {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 600;
        line-height: 170%
    }
}

.ranking-show__abstract a,.ranking-show__abstract a:active,.ranking-show__abstract a:focus,.ranking-show__abstract a:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.ranking-show__abstract ul {
    border: 1px solid var(--object-main);
    list-style-type: none;
    margin: 32px 0;
    padding: 16px 24px
}

@media (max-width: 834px) {
    .ranking-show__abstract ul {
        margin:28px 16px;
        margin: 28px 0;
        padding: 16px
    }
}

.ranking-show__abstract ul li {
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ranking-show__abstract ul li {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.ranking-show__abstract ul li:not(:first-child) {
    margin: 10px 0 0
}

@media (max-width: 834px) {
    .ranking-show__abstract ul li:not(:first-child) {
        margin:12px 0 0
    }
}

.ranking-show__abstract ul li:before {
    background: url(https://cdn.lipscosme.com/assets/feather/check-941dc5f7c10c2611a77353afdd64bc6cb4320b23bb0e64836052c89a5f030236.svg);
    background-size: contain;
    content: "";
    flex-shrink: 0;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px
}

@media (max-width: 834px) {
    .ranking-show__abstract ul li:before {
        height:20px;
        width: 20px
    }
}

.ranking-show__abstract ol {
    border: 1px solid var(--object-main);
    counter-reset: item;
    list-style-type: none;
    margin: 32px 0;
    padding: 16px 24px
}

@media (max-width: 834px) {
    .ranking-show__abstract ol {
        margin:28px 16px;
        margin: 28px 0;
        padding: 16px
    }
}

.ranking-show__abstract ol li {
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ranking-show__abstract ol li {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.ranking-show__abstract ol li:not(:first-child) {
    margin: 10px 0 0
}

@media (max-width: 834px) {
    .ranking-show__abstract ol li:not(:first-child) {
        margin:12px 0 0
    }
}

.ranking-show__abstract ol li:before {
    background: var(--expressive-red);
    border-radius: 50%;
    color: #fff;
    content: counter(item);
    counter-increment: item;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 150%;
    margin: 2px 10px 2px 2px;
    text-align: center;
    width: 20px
}

@media (max-width: 834px) {
    .ranking-show__abstract ol li:before {
        color:#fff;
        font-size: 12px;
        font-weight: 500;
        height: 18px;
        line-height: 150%;
        width: 18px
    }
}

.ranking-show__abstract table {
    margin: 32px 0;
    width: 100%
}

@media (max-width: 834px) {
    .ranking-show__abstract table {
        margin:28px 16px;
        width: calc(100% - 32px)
    }
}

.ranking-show__abstract table td,.ranking-show__abstract table th {
    border: 1px solid var(--border-separation);
    padding: 8px
}

.ranking-show__abstract table th {
    background: var(--background-elevation-low);
    color: var(--object-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%
}

.ranking-show__abstract table td {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 400;
    line-height: 170%
}

@media (max-width: 834px) {
    .ranking-show__abstract .internal-link {
        margin:28px 0
    }
}

.ranking-show__expert {
    margin: 20px 0
}

@media (max-width: 834px) {
    .ranking-show__expert {
        margin:16px 0
    }
}

.ranking-show__toc {
    margin: 20px 0
}

.ranking-show__open-ranking-method {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    margin: 0 0 20px;
    padding: 0;
    width: 100%
}

.ranking-show__open-ranking-method:focus {
    outline: none
}

@media (max-width: 834px) {
    .ranking-show__open-ranking-method {
        margin:0 0 16px
    }
}

.ranking-show__open-ranking-method:after {
    background-color: var(--object-secondary);
    content: "";
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

@media (max-width: 834px) {
    .ranking-show__open-ranking-method:after {
        height:16px;
        width: 16px
    }
}

.ranking-show__homme-button {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--expressive-blue);
    border-radius: 50px;
    color: var(--expressive-blue);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 16px auto;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.ranking-show__homme-button:hover {
    opacity: .8
}

.ranking-show__homme-button:active,.ranking-show__homme-button:focus,.ranking-show__homme-button:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

@media (max-width: 834px) {
    .ranking-show__homme-button {
        width:unset
    }
}

.ranking-show__collected-at {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ranking-show__collected-at {
        color:var(--object-secondary);
        font-size: 11px;
        font-weight: 400;
        line-height: 150%
    }
}

.ranking-show__disclaimer,.ranking-show__medical-equipment {
    margin-top: 16px
}

.ranking-show__ranking-method {
    background-color: var(--background-elevation-high);
    display: none
}

.ranking-show__ranking-method.open {
    display: block
}

.ranking-show__ranking-method-title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 16px 24px
}

@media (max-width: 834px) {
    .ranking-show__ranking-method-title {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%;
        margin: 16px
    }
}

.ranking-show__ranking-method-close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px
}

.ranking-show__ranking-method-close:focus {
    outline: none
}

.ranking-show__ranking-method-close img {
    height: 24px;
    object-fit: contain;
    width: 24px
}

.ranking-show__ranking-method-list {
    margin: 0 24px
}

@media (max-width: 834px) {
    .ranking-show__ranking-method-list {
        margin:0 16px
    }
}

.ranking-show__ranking-method-term {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 12px 0 8px
}

@media (min-width: 835px) {
    .ranking-show__ranking-method-term {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }
}

.ranking-show__ranking-method-description {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0 12px
}

@media (min-width: 835px) {
    .ranking-show__ranking-method-description {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.ranking-show__ranking-method-legend {
    align-items: center;
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    color: var(--object-main);
    display: flex;
    font-size: 10px;
    font-weight: 500;
    gap: 8px;
    line-height: 150%;
    margin: 8px 0 16px;
    padding: 8px 12px
}

@media (min-width: 835px) {
    .ranking-show__ranking-method-legend {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.ranking-show__ranking-method-legend span {
    margin-left: 2px;
    vertical-align: middle
}

.ranking-show__post-user-attribute-tab {
    margin: 0
}

@media (max-width: 834px) {
    .ranking-show__post-user-attribute-tab {
        margin:0 0 8px
    }
}

.ranking-show__bg-white-container {
    background-color: var(--background-elevation-high);
    padding: .1px 0
}

.ranking-show__category-title {
    color: var(--object-main);
    font-size: 20px;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .ranking-show__category-title {
        color:var(--object-main);
        font-size: 16px;
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.ranking-show .article-show__content {
    padding-bottom: .1px
}

.ranking-show .article-show__content .items>:first-child {
    margin-top: 0;
    padding-top: 24px
}

.ranking-show .article-show__title-h2 {
    border-bottom: unset;
    padding-bottom: 0
}

@media (max-width: 834px) {
    .ranking-show .article-show__title-h2 {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 170%
    }
}

.ranking-show__article {
    background-color: var(--background-elevation-high);
    padding: .1px 0
}

.ranking-show__article__titleContainer {
    border-bottom: 2px solid var(--object-main);
    border-top: 2px solid var(--object-main);
    margin: 32px 0;
    padding: 5px 0
}

@media (max-width: 834px) {
    .ranking-show__article__titleContainer {
        margin:28px 16px;
        margin-left: 0;
        margin-right: 0
    }
}

.ranking-show__article__title {
    align-items: center;
    border-bottom: 1px solid var(--object-main);
    border-top: 1px solid var(--object-main);
    color: var(--object-main);
    display: flex;
    font-size: 24px;
    font-weight: 600;
    gap: 4px;
    line-height: 150%;
    padding: 4px
}

@media (max-width: 834px) {
    .ranking-show__article__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.ranking-show__article__titleLogoImage {
    height: 80px;
    object-fit: cover;
    width: 80px
}

@media (max-width: 834px) {
    .ranking-show__article__titleLogoImage {
        height:40px;
        width: 40px
    }
}

#sub-col .ranking-tree h2 {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    #sub-col .ranking-tree h2 {
        border-bottom:unset;
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 12px 16px;
        padding: 0
    }
}

#sub-col .ranking-tree .related-category {
    background: #fff;
    margin: 20px 0 10px;
    padding: 20px 0 0;
    text-align: center
}

#sub-col .ranking-tree .related-category li {
    background: var(--border-separation);
    border-radius: 16px;
    display: inline-block;
    height: 32px;
    list-style: none;
    margin: 0
}

@media (max-width: 834px) {
    #sub-col .ranking-tree .related-category li {
        margin:0
    }
}

#sub-col .ranking-tree .related-category li:not(:first-child) {
    margin: 0 0 10px 12px
}

#sub-col .ranking-tree .related-category li a {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 8px 16px;
    text-decoration: none;
    vertical-align: top
}

#sub-col .ranking-tree .related-category li.active {
    background: var(--expressive-red)
}

#sub-col .ranking-tree .related-category li.active a {
    color: #fff
}

#sub-col .ranking-tree .related-category.left {
    padding: 0 4px;
    text-align: left
}

#sub-col .ranking-tree .related-category.broad-line {
    margin-top: 16px;
    min-height: 54px;
    padding-top: 10px
}

#sub-col .ranking-tree .related-category.pink li {
    background: rgb(var(--expressive-red-rgb)/.1)
}

#sub-col .ranking-tree .related-category.pink li.active {
    background: var(--expressive-red)
}

#sub-col .ranking-tree .related-category.pink li.active a {
    color: #fff
}

#sub-col .ranking-tree .related-category .ancestor-category {
    background: #fff!important;
    border-radius: 0;
    display: block;
    height: auto;
    margin: 0;
    padding: 8px;
    width: 100%
}

#sub-col .ranking-tree .related-category .ancestor-category a {
    color: var(--expressive-red);
    font-size: 14px;
    line-height: 20px;
    padding: 0
}

#sub-col .ranking-tree .root-category {
    padding: 0
}

#sub-col .ranking-tree .root-category li {
    border-bottom: .5px solid var(--border-separation);
    color: var(--object-main);
    font-size: 14px;
    list-style: none;
    margin: 0 8px;
    padding: 8px 8px 6px
}

@media (max-width: 834px) {
    #sub-col .ranking-tree .root-category li {
        font-size:16px;
        margin: 0 16px 4px;
        padding: 6px 0
    }
}

#sub-col .ranking-tree .root-category li a {
    color: var(--object-main);
    display: block;
    text-decoration: none
}

#sub-col .ranking-tree .root-category li:hover {
    opacity: .6
}

.trendAwardAbout {
    background-color: hsla(0,0%,100%,.85);
    font-family: Hiragino Sans;
    padding: 24px 20px;
    width: 100%
}

@media (max-width: 834px) {
    .trendAwardAbout {
        margin:0 auto;
        width: calc(100% - 16px)
    }
}

.trendAwardAbout__title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .trendAwardAbout__title {
        white-space:pre-wrap
    }
}

.trendAwardAbout__divider {
    border: 1px solid #a08133
}

.trendAwardAbout__calcMethod {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    white-space: pre-wrap
}

@media (min-width: 835px) {
    .trendAwardAbout__calcMethod {
        padding:0 52px;
        text-align: left
    }
}

.trendAwardAbout__summary {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    white-space: pre-wrap
}

@media (min-width: 835px) {
    .trendAwardAbout__summary {
        padding:0 52px
    }
}

.trendAwardAbout__spacer {
    height: 8px
}

.trendAwardAwardLink {
    font-family: Hiragino Sans;
    text-align: center
}

@media (max-width: 834px) {
    .trendAwardAwardLink {
        margin:0 16px
    }
}

.trendAwardAwardLink__figureheader {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
    line-height: 150%;
    margin: 0;
    padding: 16px 0 8px;
    position: relative
}

.trendAwardAwardLink__image {
    border: 1px solid #c5c5c5;
    margin-top: 8px;
    object-fit: contain;
    width: 100%
}

.trendAwardAwardLink__gridlist {
    align-items: center;
    column-gap: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    width: 90%
}

@media (min-width: 835px) {
    .trendAwardAwardLink__gridlist {
        width:400px
    }
}

.trendAwardAwardLink__gridcell {
    aspect-ratio: 1;
    display: block;
    flex-grow: 1;
    margin: 0 auto;
    max-width: 196.5px;
    object-fit: cover;
    width: calc(45vw - 3.5px)
}

.trendAwardCurrentRankings__title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    text-align: center
}

.trendAwardCurrentRankings__subTitle {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.trendAwardCurrentRankings__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    margin: 0;
    padding: 16px 20px 0
}

.trendAwardCurrentRankings__link {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    line-height: 150%;
    padding: 8px 8px 8px 12px
}

.trendAwardCurrentRankings__link,.trendAwardCurrentRankings__link:active,.trendAwardCurrentRankings__link:focus,.trendAwardCurrentRankings__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.trendAwardCurrentRankings__link:after {
    background-color: var(--object-main);
    content: "";
    height: 12px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 12px
}

.trendAward {
    background-color: #f8f8f8;
    font-family: Hiragino Sans;
    margin: 0 auto
}

.trendAward .main {
    margin: 0 auto;
    max-width: 712px
}

.trendAward__description {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    padding: 20px;
    text-align: center;
    white-space: pre-wrap
}

.trendAward-image {
    width: 100%
}

.trendAward__spacer-largelist {
    height: 32px
}

.trendAwardListLarge {
    font-family: Hiragino Sans
}

.trendAwardListLarge__title {
    align-items: center;
    background-color: #3d459e;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    justify-content: center;
    letter-spacing: 2px;
    line-height: 170%;
    margin: 0;
    width: 100%
}

@media (max-width: 834px) {
    .trendAwardListLarge__title {
        height:auto;
        padding: 12px 16px;
        text-align: center;
        white-space: pre
    }
}

.trendAwardListLarge__award-list {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

.trendAwardListLarge__award-item {
    background-color: #fff;
    padding: 0 16px;
    width: calc(100% - 16px)
}

@media (min-width: 835px) {
    .trendAwardListLarge__award-item {
        width:100%
    }
}

.trendAwardListLarge__award-spacer {
    height: 24px;
    width: 16px
}

.trendAwardListLarge__award-spacer-sm {
    height: 8px
}

.trendAwardListLarge__award-link,.trendAwardListLarge__award-link:active,.trendAwardListLarge__award-link:focus,.trendAwardListLarge__award-link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (min-width: 835px) {
    .trendAwardListLarge__award-link {
        display:block;
        text-align: center
    }
}

.trendAwardListLarge__award-product {
    position: relative
}

@media (min-width: 835px) {
    .trendAwardListLarge__award-product {
        margin:0 auto;
        width: 400px
    }
}

.trendAwardListLarge__award-product-rank {
    left: -68px;
    position: absolute;
    top: 0
}

@media (max-width: 834px) {
    .trendAwardListLarge__award-product-rank {
        left:0
    }
}

.trendAwardListLarge__award-product-rank-badge {
    height: 120px;
    object-fit: contain;
    width: 120px
}

@media (max-width: 834px) {
    .trendAwardListLarge__award-product-rank-badge {
        height:84px;
        width: 84px
    }
}

.trendAwardListLarge__award-product-rank-badgelist {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 4px 0
}

@media (min-width: 835px) {
    .trendAwardListLarge__award-product-rank-badgelist {
        padding-left:110px
    }
}

.trendAwardListLarge__award-product-rank-badgecell {
    aspect-ratio: 1;
    width: 110px
}

@media (max-width: 834px) {
    .trendAwardListLarge__award-product-rank-badgecell {
        width:80px
    }
}

.trendAwardListLarge__award-product-rank-badgecell-sm {
    aspect-ratio: 1;
    width: 93.5px
}

@media (max-width: 834px) {
    .trendAwardListLarge__award-product-rank-badgecell-sm {
        width:68px
    }
}

.trendAwardListLarge__award-product-thumb {
    display: block;
    height: 250px;
    margin: 0 auto;
    object-fit: contain;
    width: 250px
}

@media (max-width: 834px) {
    .trendAwardListLarge__award-product-thumb {
        height:176px;
        width: 176px
    }
}

.trendAwardListLarge__award-product-title {
    margin: 0;
    text-align: center
}

.trendAwardListLarge__award-product-brand {
    color: #999;
    display: block;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .8px;
    line-height: 130%;
    margin: 16px 0 8px
}

.trendAwardListLarge__award-product-name {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: 170%
}

.trendAwardListLarge__award-comment {
    background-color: var(--background-positive);
    padding: 16px;
    width: 100%
}

@media (min-width: 835px) {
    .trendAwardListLarge__award-comment {
        margin:0 auto;
        width: 450px
    }
}

.trendAwardListLarge__award-comment__text {
    color: #000;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0;
    white-space: pre-wrap
}

.trendAwardListLarge__award-post {
    padding: 16px;
    width: calc(100% - 16px)
}

@media (min-width: 835px) {
    .trendAwardListLarge__award-post {
        margin:0 auto;
        width: 450px
    }
}

.trendAwardListLarge__award-post__content {
    color: #000;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0
}

.trendAwardListLarge__award-post__username {
    color: #999;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0
}

.trendAwardListLarge__award-post__spacer {
    height: 8px
}

.trendAwardListLarge__award-post__link:hover {
    text-decoration: none
}

.trendAwardListLarge__award-post__more-review {
    border: 1px solid var(--border-separation);
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    padding: 16px 0;
    text-align: center
}

@media (min-width: 835px) {
    .trendAwardListLarge__award-post__more-review {
        margin:0 auto;
        width: 450px
    }
}

.trendAwardListLarge__award-post__more-review:hover {
    text-decoration: none
}

.trendAwardListLarge__award-post__more-review-text {
    align-items: center;
    color: #000;
    display: flex;
    justify-content: center;
    text-decoration: none
}

.trendAwardListLarge__award-post__more-review-text:active,.trendAwardListLarge__award-post__more-review-text:focus,.trendAwardListLarge__award-post__more-review-text:hover {
    color: #000;
    text-decoration: none
}

.trendAwardListLarge__award-post__more-review-text:after {
    background: url(https://cdn.lipscosme.com/assets/bestcosme/2022/allyear/arrow-3438e079af953abb37f7046c17060cd1f5767d255c812d6bf67cd864c3084231.png) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 0 0 8px;
    width: 16px
}

@media (max-width: 834px) {
    .RankingsUser {
        background-color:var(--background-elevation-low)
    }
}

.RankingsUser__title-area {
    background: #fff;
    margin: 48px 0 32px
}

@media (max-width: 834px) {
    .RankingsUser__title-area {
        margin:0 0 8px
    }
}

.RankingsUser__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 32px
}

@media (max-width: 834px) {
    .RankingsUser__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        margin: 16px 16px 8px;
        text-align: center
    }
}

.RankingsUser__sort-list {
    align-items: center;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.RankingsUser__sort-item {
    width: 160px
}

@media (max-width: 834px) {
    .RankingsUser__sort-item {
        width:20%
    }
}

.RankingsUser__sort-link {
    border-bottom: 1px solid var(--border-separation);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0;
    text-align: center
}

.RankingsUser__sort-link,.RankingsUser__sort-link:active,.RankingsUser__sort-link:focus,.RankingsUser__sort-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

@media (max-width: 834px) {
    .RankingsUser__sort-link {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.RankingsUser__sort-link.active {
    border-bottom: 2px solid var(--expressive-red);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.RankingsUser__sort-link.active,.RankingsUser__sort-link.active:active,.RankingsUser__sort-link.active:focus,.RankingsUser__sort-link.active:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .RankingsUser__sort-link.active {
        color:#2d2926;
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        line-height: 24px
    }
}

.RankingsUser__users-list {
    background: #fff
}

@media (max-width: 834px) {
    .RankingsUser__users-list {
        margin:8px 0 16px
    }

    .SampleCampaignsIndex {
        background: var(--background-elevation-low)
    }
}

.SampleCampaignsIndex__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    padding: 32px 0 24px
}

@media (max-width: 834px) {
    .SampleCampaignsIndex__title-area {
        padding:16px 16px 24px
    }
}

.SampleCampaignsIndex__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .SampleCampaignsIndex__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.SampleCampaignsIndex__abstract {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .SampleCampaignsIndex__abstract {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 20px;
        margin: 0 0 12px
    }
}

.SampleCampaignsIndex__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 20px;
    text-align: right
}

@media (max-width: 834px) {
    .SampleCampaignsIndex__update-time {
        color:var(--object-secondary);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 16px
    }
}

.SampleCampaignsIndex__notice-area {
    background: #fff;
    margin-bottom: 12px
}

@media (max-width: 834px) {
    .SampleCampaignsIndex__notice-area {
        padding:12px
    }
}

.SampleCampaignsIndex__campaigns-list,.SampleCampaignsIndex__posts-list {
    background: #fff;
    margin: 40px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .SampleCampaignsIndex__campaigns-list,.SampleCampaignsIndex__posts-list {
        margin:16px 0
    }

    .SampleCampaignsIndex__campaigns-list {
        padding: 24px 0
    }
}

.sample-campaigns-list__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .sample-campaigns-list__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 16px
    }
}

.sample-campaigns-list__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    list-style-type: none;
    margin: 16px 0 0;
    padding: 0
}

@media (max-width: 834px) {
    .sample-campaigns-list__list {
        margin:24px 16px 0
    }
}

.sample-campaigns-list__item {
    width: 100%
}

@media (min-width: 835px) {
    .sample-campaigns-list__item {
        border:1px solid var(--border-separation);
        border-radius: 4px
    }
}

.sample-campaigns-list__link {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 12px
}

.sample-campaigns-list__link,.sample-campaigns-list__link:active,.sample-campaigns-list__link:focus,.sample-campaigns-list__link:hover {
    color: #000;
    text-decoration: none
}

@media (max-width: 834px) {
    .sample-campaigns-list__link {
        padding:0
    }
}

.sample-campaigns-list__thumb {
    border-radius: 8px;
    flex-shrink: 0;
    height: 90px;
    object-fit: cover;
    width: 95px
}

.sample-campaigns-list__thumb img {
    border-radius: 4px 4px 0 0;
    height: 75px;
    object-fit: cover;
    width: 100%
}

.sample-campaigns-list__time {
    background: var(--background-primary);
    border-radius: 0 0 4px 4px;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 400;
    height: 15px;
    line-height: 150%;
    text-align: center;
    width: 100%
}

.sample-campaigns-list__content {
    flex: 1;
    margin-left: 12px
}

.sample-campaigns-list__campaign-name {
    color: #2d2926;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 4px
}

@media (max-width: 834px) {
    .sample-campaigns-list__campaign-name {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.sample-campaigns-list__info-item {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .sample-campaigns-list__info-item {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.sample-campaigns-list__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.sample-campaigns-list__more-link,.sample-campaigns-list__more-link:active,.sample-campaigns-list__more-link:focus,.sample-campaigns-list__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .sample-campaigns-list__more-link {
        margin:16px 16px 24px;
        margin: 16px auto 0;
        width: calc(100% - 32px)
    }

    .SampleCampaignsShow {
        background-color: var(--background-elevation-low)
    }
}

.SampleCampaignsShow__container {
    background: #fff;
    padding: .1px 0
}

.SampleCampaignsShow__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .SampleCampaignsShow__title {
        border-bottom:1px solid var(--border-separation);
        color: #000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        padding: 16px
    }
}

.SampleCampaignsShow__images-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.SampleCampaignsShow__images-container li {
    text-align: center;
    width: 100%
}

.SampleCampaignsShow__images-container li img {
    height: 348px;
    margin: 0 auto;
    object-fit: contain;
    width: 348px
}

@media (max-width: 834px) {
    .SampleCampaignsShow__images-container li img {
        height:200px;
        width: 200px
    }
}

.SampleCampaignsShow__content {
    border-bottom: 1px solid var(--border-separation);
    padding: 56px 0 24px
}

@media (max-width: 834px) {
    .SampleCampaignsShow__content {
        padding:24px 16px 16px
    }
}

.SampleCampaignsShow__title-h2 {
    line-height: 20px;
    margin: 0 0 16px
}

.SampleCampaignsShow__brand-names {
    display: block
}

.SampleCampaignsShow__brand-name {
    color: var(--expressive-red);
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin-left: .5em;
    text-decoration: none;
    text-decoration: underline
}

.SampleCampaignsShow__brand-name:active,.SampleCampaignsShow__brand-name:focus,.SampleCampaignsShow__brand-name:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .SampleCampaignsShow__brand-name {
        color:var(--expressive-red);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.SampleCampaignsShow__brand-name:first-child {
    margin-left: 0
}

.SampleCampaignsShow__brand-name-separator {
    color: var(--expressive-red);
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin-left: .5em
}

@media (max-width: 834px) {
    .SampleCampaignsShow__brand-name-separator {
        color:var(--expressive-red);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.SampleCampaignsShow__product-name {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 36px
}

@media (max-width: 834px) {
    .SampleCampaignsShow__product-name {
        color:#000;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 26px
    }
}

.SampleCampaignsShow__description {
    color: #2d2926;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    white-space: pre-line
}

@media (max-width: 834px) {
    .SampleCampaignsShow__description {
        color:#2d2926;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.SampleCampaignsShow__info {
    padding: 24px 0 32px
}

@media (max-width: 834px) {
    .SampleCampaignsShow__info {
        padding:16px 16px 0
    }
}

.SampleCampaignsShow__info-dl {
    display: flex;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .SampleCampaignsShow__info-dl {
        flex-direction:column
    }
}

.SampleCampaignsShow__info-dt {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    width: 108px
}

.SampleCampaignsShow__info-dd {
    color: #2d2926;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    width: calc(100% - 108px)
}

@media (max-width: 834px) {
    .SampleCampaignsShow__info-dd {
        width:100%
    }
}

.SampleCampaignsShow__apply-btn {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.SampleCampaignsShow__apply-btn,.SampleCampaignsShow__apply-btn:active,.SampleCampaignsShow__apply-btn:focus,.SampleCampaignsShow__apply-btn:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .SampleCampaignsShow__apply-btn {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.SampleCampaignsShow__apply-btn.expired {
    border: 1px solid #2d2926;
    color: #2d2926;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none
}

.SampleCampaignsShow__apply-btn.expired:active,.SampleCampaignsShow__apply-btn.expired:focus,.SampleCampaignsShow__apply-btn.expired:hover {
    color: #2d2926;
    text-decoration: none
}

.SampleCampaignsShow__campaigns-list,.SampleCampaignsShow__posts-list,.SampleCampaignsShow__products-list {
    background: #fff;
    margin: 40px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .SampleCampaignsShow__campaigns-list,.SampleCampaignsShow__posts-list,.SampleCampaignsShow__products-list {
        margin:16px 0
    }

    .SampleCampaignsShow__campaigns-list {
        padding: 24px 0
    }

    .SearchIndex {
        background: var(--background-elevation-low)
    }
}

.SearchIndex__figureheader {
    background: #fff
}

.SearchIndex__articlesList,.SearchIndex__brandsList,.SearchIndex__postsList,.SearchIndex__productsList,.SearchIndex__usersList {
    background: #fff;
    margin: 24px 0 40px;
    padding: .1px 0
}

@media (max-width: 834px) {
    .SearchIndex__articlesList,.SearchIndex__brandsList,.SearchIndex__postsList,.SearchIndex__productsList,.SearchIndex__usersList {
        margin:16px 0
    }

    .SearchMenu {
        background: var(--background-elevation-low)
    }
}

.SearchMenu__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    padding: 16px;
    position: relative;
    z-index: 9999
}

.SearchMenu__title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 24px;
    margin: 0 0 16px
}

.SearchMenu__search-input {
    background: url(https://cdn.lipscosme.com/assets/feather/search-6615d21f11b72751c746a03e85818e99192d1d4c4fe6debd84f5a377cc3f7c1a.svg) 12px 12px no-repeat;
    background-color: var(--background-elevation-low);
    background-size: 16px;
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 150%;
    padding: 10px 16px 10px 36px;
    width: 100%
}

.SearchMenu__search-input::placeholder {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.SearchMenu__search-input:focus {
    outline: none
}

.SearchMenu__search-input:focus::placeholder {
    color: transparent
}

.SearchMenu__search-section {
    align-items: center;
    background-color: var(--background-elevation-low);
    color: var(--object-secondary);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 36px;
    line-height: 150%;
    padding: 0 16px
}

.SearchMenu__search-section-link {
    display: block;
    margin: 0 0 0 auto
}

.SearchMenu__search-section-link,.SearchMenu__search-section-link:active,.SearchMenu__search-section-link:focus,.SearchMenu__search-section-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

.SearchMenu__search-section-link:active,.SearchMenu__search-section-link:focus,.SearchMenu__search-section-link:hover {
    text-decoration: underline
}

.SearchMenu__search-history {
    list-style-type: none;
    margin: 0 0 16px;
    padding: 0
}

.SearchMenu__search-history-link {
    align-items: center;
    display: block;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 16px
}

.SearchMenu__search-history-link,.SearchMenu__search-history-link:active,.SearchMenu__search-history-link:focus,.SearchMenu__search-history-link:hover {
    color: #2d2926;
    text-decoration: none
}

.SearchMenu__search-history-link:before {
    background: url(https://cdn.lipscosme.com/assets/ic_time-272b52e207b97a32bb5feafe14c764400b87225bb04f49b86e1181edd8538885.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    filter: invert(69%) sepia(0) saturate(1318%) hue-rotate(164deg) brightness(87%) contrast(101%);
    height: 16px;
    margin: 0 8px 0 0;
    width: 16px
}

.SearchMenu__search-history-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 16px;
    width: 20px
}

.SearchMenu__search-suggestion {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.SearchMenu__search-result {
    background: #fff;
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 0 16px;
    position: absolute;
    right: 0;
    top: 113px
}

.SearchMenu__search-result-item {
    border-bottom: 1px solid var(--border-separation);
    padding-right: 20px
}

.SearchMenu__search-result-link {
    align-items: center;
    display: block;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 16px
}

.SearchMenu__search-result-link,.SearchMenu__search-result-link:active,.SearchMenu__search-result-link:focus,.SearchMenu__search-result-link:hover {
    color: #2d2926;
    text-decoration: none
}

.SearchMenu__search-result-link:before {
    background: url(https://cdn.lipscosme.com/assets/search/lightgray-31820ad581ddba55a99115c46511e6f8d02391044647087cc19e6a34911fe60d.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin: 0 8px 0 0;
    width: 16px
}

.SearchMenu__search-result-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightgray-9a7ee4e71a2f3bf0d1658c46108d84c034b639115c07e468f2ebd5e0f910d680.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 16px;
    width: 20px
}

.SearchMenu__brands,.SearchMenu__keywords,.SearchMenu__rankings {
    background: #fff;
    margin: 24px 0 40px;
    padding: .1px 0
}

@media (max-width: 834px) {
    .SearchMenu__brands,.SearchMenu__keywords,.SearchMenu__rankings {
        margin:8px 0
    }
}

.SearchMenu__brands-title,.SearchMenu__keywords-title,.SearchMenu__rankings-title {
    color: #2d2926;
    color: var(--object-main);
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px;
    text-decoration: none
}

.SearchMenu__brands-title:active,.SearchMenu__brands-title:focus,.SearchMenu__brands-title:hover,.SearchMenu__keywords-title:active,.SearchMenu__keywords-title:focus,.SearchMenu__keywords-title:hover,.SearchMenu__rankings-title:active,.SearchMenu__rankings-title:focus,.SearchMenu__rankings-title:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .SearchMenu__brands-title,.SearchMenu__keywords-title,.SearchMenu__rankings-title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.SearchMenu__brands-list,.SearchMenu__keywords-list,.SearchMenu__rankings-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 20px 8px;
    padding: 0
}

.SearchMenu__brands-list.swipe,.SearchMenu__keywords-list.swipe,.SearchMenu__rankings-list.swipe {
    flex-wrap: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.SearchMenu__brands-list.swipe::-webkit-scrollbar,.SearchMenu__keywords-list.swipe::-webkit-scrollbar,.SearchMenu__rankings-list.swipe::-webkit-scrollbar {
    display: none
}

.SearchMenu__brands-item,.SearchMenu__keywords-item,.SearchMenu__rankings-item {
    border: 1px solid var(--border-separation);
    border-radius: 16px;
    flex-shrink: 0;
    margin: 8px 0 0 8px
}

.SearchMenu__brands-link,.SearchMenu__keywords-link,.SearchMenu__rankings-link {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 12px;
    text-decoration: none
}

.SearchMenu__brands-link:active,.SearchMenu__brands-link:focus,.SearchMenu__brands-link:hover,.SearchMenu__keywords-link:active,.SearchMenu__keywords-link:focus,.SearchMenu__keywords-link:hover,.SearchMenu__rankings-link:active,.SearchMenu__rankings-link:focus,.SearchMenu__rankings-link:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.SearchMenu__brands-link.with-crown,.SearchMenu__keywords-link.with-crown,.SearchMenu__rankings-link.with-crown {
    align-items: center;
    display: flex;
    padding: 4px 12px 4px 8px
}

.SearchMenu__brands-link.with-crown:before,.SearchMenu__keywords-link.with-crown:before,.SearchMenu__rankings-link.with-crown:before {
    background: url(https://cdn.lipscosme.com/assets/crown/pale_gold-927d000fa10209b2451a139378bcc77659820e41a71c7134c04061465af1685b.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    margin: 0 2px 0 0;
    width: 24px
}

.SearchMenu__nav {
    background: #fff;
    margin: 24px 0 40px;
    padding: .1px 0
}

@media (max-width: 834px) {
    .SearchMenu__nav {
        margin:8px 0 32px
    }
}

.SearchMenu__nav-list {
    list-style-type: none;
    margin: 0;
    padding: 8px 0
}

.SearchMenu__nav-item:not(:last-child) {
    border-bottom: 1px solid var(--border-separation)
}

.SearchMenu__nav-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 16px
}

.SearchMenu__nav-link,.SearchMenu__nav-link:active,.SearchMenu__nav-link:focus,.SearchMenu__nav-link:hover {
    color: #2d2926;
    text-decoration: none
}

.SearchMenu__nav-link:before {
    background: url(https://cdn.lipscosme.com/assets/arrow/lightBlack-e6d2674a874b5fe41509a264adbfe4e888e18e07fc4d4759a3deab301f61fec4.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    transform: rotate(90deg);
    width: 20px
}

.SeriesIndex__spacer-md {
    height: 28px
}

.SeriesIndex__spacer-lg {
    height: 40px
}

.SeriesIndex__divider-gray {
    background: var(--background-elevation-low);
    height: 16px
}

.SeriesIndex__cover-image {
    margin-bottom: 20px;
    width: 100%
}

@media (max-width: 834px) {
    .SeriesIndex__cover-image {
        margin:0
    }

    .SeriesIndex .BrandCell {
        margin: 16px 16px 0
    }
}

.SeriesIndex__heading {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 40px;
    text-align: center
}

@media (max-width: 834px) {
    .SeriesIndex__heading {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 500;
        line-height: 150%
    }
}

.SeriesIndex__sub-heading {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 8px;
    text-align: center
}

@media (max-width: 834px) {
    .SeriesIndex__sub-heading {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.SeriesIndex__list {
    display: grid;
    gap: 32px 20px;
    grid-template-columns: repeat(4,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .SeriesIndex__list {
        grid-template-columns:repeat(2,1fr);
        padding: 0 16px
    }
}

.SeriesIndex__section {
    margin: 40px 0
}

@media (max-width: 834px) {
    .SeriesIndex__section {
        margin:24px 0
    }
}

.SeriesIndex__ranking-heading {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 16px 16px
}

@media (max-width: 834px) {
    .SeriesIndex__ranking-heading {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.SeriesShow__spacer-sm {
    height: 24px
}

.SeriesShow__spacer-md {
    height: 32px
}

.SeriesShow__spacer-lg {
    height: 40px
}

.SeriesShow__divider-gray {
    background: var(--background-elevation-low);
    height: 16px
}

.SeriesShow__figureheader {
    margin-bottom: 20px
}

@media (max-width: 834px) {
    .SeriesShow__figureheader {
        margin:28px 16px 8px
    }
}

.SeriesShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .SeriesShow__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 500;
        line-height: 150%
    }
}

.SeriesShow__sub-title {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 32px;
    margin-top: 4px;
    text-align: center
}

@media (max-width: 834px) {
    .SeriesShow__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 28px
    }
}

.SeriesShow__products {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .SeriesShow__products .ProductLargeCell {
        margin:0 16px
    }
}

.SeriesShow__heading {
    margin: 40px 0 24px
}

@media (max-width: 834px) {
    .SeriesShow__heading {
        margin:24px 16px 16px
    }
}

.SeriesShow__heading-text {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .SeriesShow__heading-text {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }
}

.SeriesShow__heading-sub-text {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 4px
}

@media (max-width: 834px) {
    .SeriesShow__heading-sub-text {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.SeriesShow__list {
    display: grid;
    gap: 32px 20px;
    grid-template-columns: repeat(4,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .SeriesShow__list {
        grid-template-columns:repeat(2,1fr);
        padding: 0 16px
    }
}

.BottomWebToAppModal {
    background-color: var(--background-elevation-high);
    border-radius: 15px 15px 0 0;
    bottom: 0;
    box-shadow: 0 -2px 4px 2px rgba(0,0,0,.15);
    column-gap: 12px;
    display: flex;
    padding: 16px 12px;
    position: relative;
    position: fixed;
    width: 100%;
    z-index: 1000
}

.BottomWebToAppModal__close {
    height: 24px;
    position: absolute;
    right: 12px;
    top: 8px;
    width: 24px
}

.BottomWebToAppModal__icon {
    height: 32px;
    width: 32px
}

.BottomWebToAppModal__main {
    flex: 1
}

.BottomWebToAppModal__main--title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 17px;
    margin-bottom: 2px
}

.BottomWebToAppModal__main__sub {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 7px
}

.BottomWebToAppModal__main__sub--text {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

.BottomWebToAppModal__main__sub--button {
    background-color: var(--expressive-red);
    border-radius: 100vh;
    color: #fff;
    display: inline-block;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 17px;
    margin-left: 2px;
    padding: 7px 11px;
    text-decoration: none
}

.BottomWebToAppModal__main__sub--button:active,.BottomWebToAppModal__main__sub--button:focus,.BottomWebToAppModal__main__sub--button:hover {
    color: #fff;
    text-decoration: none
}

.ClipButton {
    align-items: center;
    background: none;
    background: var(--background-elevation-high);
    border: none;
    border: 1px solid var(--border-separation);
    border-radius: 50%;
    color: var(--object-main);
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-weight: 400;
    height: 62px;
    justify-content: center;
    line-height: 150%;
    padding: 0;
    width: 62px
}

.ClipButton:focus {
    outline: none
}

@media (max-width: 834px) {
    .ClipButton {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 400;
        height: 58px;
        line-height: 150%;
        width: 58px
    }
}

.ClipButton:before {
    background-color: var(--object-main);
    content: "";
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/bookmark-3fb4deb753ab948d017858fdd415387f614837d6b503daf24fa6b9859c3a8911.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/bookmark-3fb4deb753ab948d017858fdd415387f614837d6b503daf24fa6b9859c3a8911.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

@media (max-width: 834px) {
    .ClipButton:before {
        height:28px;
        width: 28px
    }
}

.ClipButton.is-selected {
    color: var(--expressive-red)
}

.ClipButton.is-selected:before {
    background-color: var(--expressive-red)
}

.commerce_purchase_button-btn {
    align-items: center;
    background: var(--background-primary);
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 4.5px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.commerce_purchase_button-btn:hover {
    opacity: .8
}

.commerce_purchase_button-btn:active,.commerce_purchase_button-btn:focus,.commerce_purchase_button-btn:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.commerce_purchase_button-btn span:not(:first-child) {
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.PurchaseSiteLinkBtns {
    align-items: flex-end;
    display: flex
}

.PurchaseSiteLinkBtns__link-wrapper {
    flex: 1;
    width: 120px
}

@media (max-width: 834px) {
    .PurchaseSiteLinkBtns__link-wrapper {
        width:100%
    }
}

.PurchaseSiteLinkBtns__link-wrapper:hover {
    opacity: .6
}

.PurchaseSiteLinkBtns__link-wrapper:not(:last-child) {
    margin: 0 8px 0 0
}

.PurchaseSiteLinkBtns__link-wrapper__link {
    border: 1px solid var(--expressive-red);
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    padding: 12px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PurchaseSiteLinkBtns__link-wrapper__link,.PurchaseSiteLinkBtns__link-wrapper__link:active,.PurchaseSiteLinkBtns__link-wrapper__link:focus,.PurchaseSiteLinkBtns__link-wrapper__link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .PurchaseSiteLinkBtns__link-wrapper__link {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        margin: 0;
        text-align: center;
        width: 100%
    }
}

.PurchaseSiteLinkBtns__link-wrapper__link.asp,.PurchaseSiteLinkBtns__link-wrapper__link.official {
    border-color: var(--expressive-red);
    color: var(--expressive-red)
}

.PurchaseSiteLinkBtns__link-wrapper__link.amazon {
    border-color: #f9aa46;
    color: #f9aa46
}

.PurchaseSiteLinkBtns__link-wrapper__link.rakuten {
    border-color: #b31b22;
    color: #b31b22
}

.PurchaseSiteLinkBtns__link-wrapper__link.yahoo {
    border-color: #ff2748;
    color: #ff2748
}

.PurchaseSiteLinkBtns__link-wrapper__link.qoo10 {
    border-color: red;
    color: red
}

.PurchaseSiteLinkBtns__link-wrapper__link.mcc {
    border-color: #ffe100;
    color: #000
}

.PurchaseSiteLinkBtns__link-wrapper__attention {
    color: var(--expressive-red);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
    text-align: center;
    width: 100%
}

.PurchaseSiteLinkBtns__link-wrapper__attention.rakuten {
    color: #b31b22
}

.scroll__container {
    height: 100%;
    overflow: hidden;
    position: relative
}

.scroll__scrollable {
    -ms-overflow-style: none;
    height: 100%;
    margin-right: -8px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 8px;
    scrollbar-width: none
}

.scroll__scrollable::-webkit-scrollbar {
    display: none
}

.scroll__adjustment {
    margin-right: 8px
}

.scroll__scrollbar {
    background-color: transparent;
    bottom: 0;
    cursor: pointer;
    padding: 0 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px
}

.scroll__scrollbar:active,.scroll__scrollbar:focus,.scroll__scrollbar:hover {
    border-radius: 100px;
    transform: scaleX(1.5) translateX(-1px);
    transition: all .3s
}

.scroll__scrollbar-thumb {
    background-color: var(--object-secondary);
    border-radius: 40px;
    position: relative
}

.ShoppingBrandsIndex {
    max-width: 500px
}

@media (max-width: 834px) {
    .ShoppingBrandsIndex {
        background:var(--background-elevation-low)
    }
}

.ShoppingBrandsIndex__titleArea {
    border-bottom: 1px solid var(--border-separation);
    margin: 0 0 48px
}

@media (max-width: 834px) {
    .ShoppingBrandsIndex__titleArea {
        background:#fff;
        margin: 0
    }
}

.ShoppingBrandsIndex__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 150%;
    margin: 48px 0 24px
}

@media (max-width: 834px) {
    .ShoppingBrandsIndex__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 150%;
        margin: 24px 16px
    }
}

.ShoppingBrandsIndex__main {
    margin: 0 0 48px
}

@media (max-width: 834px) {
    .ShoppingBrandsIndex__main {
        margin:0 0 16px
    }
}

.ShoppingBrandsIndex__list {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ShoppingBrandsIndex__list__item {
    border-bottom: 1px solid var(--border-separation);
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .ShoppingBrandsIndex__list__item {
        width:100%
    }
}

.ShoppingBrandsIndex__list__link {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 12px 0
}

.ShoppingBrandsIndex__list__link,.ShoppingBrandsIndex__list__link:active,.ShoppingBrandsIndex__list__link:focus,.ShoppingBrandsIndex__list__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .ShoppingBrandsIndex__list__link {
        padding:12px 16px
    }
}

.ShoppingBrandsIndex__list__link:after {
    background-color: var(--object-main);
    content: "";
    display: block;
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.ShoppingBrandsIndex__list__txt {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

.ShoppingBrandsIndex__list__txt--alias {
    color: var(--object-secondary);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 6px 0 0
}

.ShoppingCategoriesIndex {
    max-width: 500px
}

@media (max-width: 834px) {
    .ShoppingCategoriesIndex {
        background:var(--background-elevation-low)
    }
}

.ShoppingCategoriesIndex__titleArea {
    border-bottom: 1px solid var(--border-separation);
    margin: 0 0 48px
}

@media (max-width: 834px) {
    .ShoppingCategoriesIndex__titleArea {
        background:#fff;
        margin: 0
    }
}

.ShoppingCategoriesIndex__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 150%;
    margin: 48px 0 24px
}

@media (max-width: 834px) {
    .ShoppingCategoriesIndex__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 150%;
        margin: 24px 16px
    }
}

.ShoppingCategoriesIndex__main {
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
    justify-content: space-between;
    margin: 0 0 48px
}

@media (max-width: 834px) {
    .ShoppingCategoriesIndex__main {
        gap:16px 0;
        margin: 0 0 16px
    }
}

.ShoppingCategoriesIndex__list {
    background: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.ShoppingCategoriesIndex__listItem {
    border-bottom: 1px solid var(--border-separation)
}

.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--child,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--parent,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--root {
    align-items: center;
    color: var(--object-main);
    display: flex;
    height: 100%;
    justify-content: space-between;
    text-decoration: none
}

.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--child:active,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--child:focus,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--child:hover,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--parent:active,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--parent:focus,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--parent:hover,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--root:active,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--root:focus,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--root:hover {
    color: var(--object-main);
    text-decoration: none
}

.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--child:after,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--parent:after,.ShoppingCategoriesIndex .ShoppingCategoriesIndex__listLink--root:after {
    background-color: var(--object-main);
    content: "";
    display: block;
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.ShoppingCategoriesIndex__listLink--root {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    padding: 12px 0
}

@media (max-width: 834px) {
    .ShoppingCategoriesIndex__listLink--root {
        padding:12px 16px
    }
}

.ShoppingCategoriesIndex__listLink--parent {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    padding: 12px 0 12px 12px
}

@media (max-width: 834px) {
    .ShoppingCategoriesIndex__listLink--parent {
        padding:12px 16px 12px 28px
    }
}

.ShoppingCategoriesIndex__listLink--child {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 0 12px 24px
}

@media (max-width: 834px) {
    .ShoppingCategoriesIndex__listLink--child {
        padding:12px 16px 12px 40px
    }
}

.shopping-faq {
    margin-top: 0
}

.shopping-faq__title {
    color: var(--object-main);
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 32px;
    margin: 62px 20px 0;
    text-align: center;
    width: 100%
}

@media (max-width: 834px) {
    .shopping-faq__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px;
        margin: 24px 0 0
    }
}

.shopping-faq__title__category {
    color: var(--object-secondary);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin: 8px 0 0;
    text-align: center
}

@media (max-width: 834px) {
    .shopping-faq__title__category {
        color:var(--object-secondary);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin: 4px 0 0
    }
}

.shopping-faq__container {
    margin-bottom: 38px
}

@media (min-width: 835px) {
    .shopping-faq__container {
        margin-bottom:118px;
        padding: 0 100px
    }
}

.shopping-faq__heading {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 48px 0 0;
    text-align: center
}

@media (max-width: 834px) {
    .shopping-faq__heading {
        background:var(--background-elevation-low);
        color: var(--object-main);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 22px;
        margin-top: 24px;
        padding: 8px 16px;
        text-align: left
    }
}

.shopping-faq__notice {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 24px
}

@media (max-width: 834px) {
    .shopping-faq__notice {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 16px
    }
}

.shopping-faq__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (min-width: 835px) {
    .shopping-faq__list {
        margin-top:24px
    }
}

.shopping-faq__list--question {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.shopping-faq__list--more {
    list-style-type: none;
    margin: 24px 0;
    padding: 0
}

@media (max-width: 834px) {
    .shopping-faq__list--more {
        margin:0 0 24px
    }
}

.shopping-faq__category {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    padding: 16px 20px;
    text-align: left;
    width: 100%
}

@media (max-width: 834px) {
    .shopping-faq__category {
        padding:16px
    }
}

.shopping-faq__category-text {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    padding: 0;
    width: 100%
}

@media (max-width: 834px) {
    .shopping-faq__category-text {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.shopping-faq__category-arrow {
    height: 24px;
    margin: auto 0;
    transform: rotate(90deg);
    transition: transform .2s ease-in-out
}

@media (max-width: 834px) {
    .shopping-faq__category-arrow {
        height:20px
    }
}

.shopping-faq__category:not(.collapsed)>.shopping-faq__category-arrow {
    transform: rotate(-90deg)
}

.shopping-faq__question a,.shopping-faq__question p {
    background: var(--background-elevation-low);
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 16px 16px 16px 20px;
    text-decoration: none
}

@media (max-width: 834px) {
    .shopping-faq__question a,.shopping-faq__question p {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        padding: 16px
    }
}

.shopping-faq__question a:hover,.shopping-faq__question p:hover {
    color: var(--object-main);
    text-decoration: none
}

.shopping-faq__question-text {
    margin: 0;
    width: 100%
}

.shopping-faq__question+.shopping-faq__question {
    border-top: 1px solid var(--background-elevation-low)
}

.shopping-faq__question-arrow {
    height: 24px;
    margin: auto 0
}

@media (max-width: 834px) {
    .shopping-faq__question-arrow {
        height:20px
    }
}

.shopping-faq__inquiry {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0 0;
    text-align: center
}

@media (max-width: 834px) {
    .shopping-faq__inquiry {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 16px 16px 0
    }
}

.shopping-faq__buttons {
    text-align: center
}

.shopping-faq__button {
    background: #fff;
    margin-top: 24px;
    text-align: center
}

@media (min-width: 835px) {
    .shopping-faq__button {
        display:inline-block
    }
}

@media (max-width: 834px) {
    .shopping-faq__button {
        margin-top:16px
    }
}

.shopping-faq__button a {
    align-items: center;
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    justify-content: center;
    line-height: 150%;
    margin: 0 auto
}

@media (min-width: 835px) {
    .shopping-faq__button a {
        width:343px
    }
}

@media (max-width: 834px) {
    .shopping-faq__button a {
        margin:0 16px
    }
}

@media (min-width: 835px) {
    .shopping-faq__button+.shopping-faq__button {
        margin-left:20px
    }
}

.shopping-faq__question-title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 48px 0 0
}

@media (max-width: 834px) {
    .shopping-faq__question-title {
        border-top:1px solid var(--border-separation);
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px;
        margin: 24px 16px 0;
        padding-top: 24px
    }
}

.shopping-faq__answer {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 32px;
    overflow-wrap: break-word
}

@media (min-width: 835px) {
    .shopping-faq__answer {
        border-bottom:1px solid var(--border-separation);
        padding-bottom: 48px
    }
}

@media (max-width: 834px) {
    .shopping-faq__answer {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 20px 16px 0
    }
}

.shopping-inquiries__container {
    margin: 0 auto;
    max-width: 880px
}

.shopping-inquiries__title {
    color: var(--object-main);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 32px;
    margin: 62px 0 48px;
    text-align: center
}

@media (max-width: 834px) {
    .shopping-inquiries__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 24px;
        margin: 24px 0
    }
}

.shopping-inquiries__linkList {
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .shopping-inquiries__linkList {
        border:none;
        gap: 16px;
        padding: 0 16px 24px
    }
}

.shopping-inquiries__linkList-item {
    background: var(--background-attention);
    border-radius: 4px;
    width: calc(50% - 10px)
}

@media (max-width: 834px) {
    .shopping-inquiries__linkList-item {
        width:100%
    }
}

.shopping-inquiries__linkList-link {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 150%;
    padding: 16px 18px 16px 20px
}

.shopping-inquiries__linkList-link,.shopping-inquiries__linkList-link:active,.shopping-inquiries__linkList-link:focus,.shopping-inquiries__linkList-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .shopping-inquiries__linkList-link {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        padding: 16px
    }
}

.shopping-inquiries__linkList-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/dark_80-52447cd424710ee5d587086e5e6c7b81312cbda0af683cf347a722056739448a.png);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    transform: rotate(180deg);
    width: 20px
}

@media (max-width: 834px) {
    .shopping-inquiries__linkList-link:after {
        height:16px;
        width: 16px
    }
}

.shopping-inquiries__form-group--horizontal {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    margin: 24px 0
}

@media (max-width: 834px) {
    .shopping-inquiries__form-group--horizontal {
        margin:0
    }
}

.shopping-inquiries__form-group--vertical {
    display: flex;
    flex-direction: column;
    margin: 32px 0 40px
}

@media (max-width: 834px) {
    .shopping-inquiries__form-group--vertical {
        margin:0
    }
}

.shopping-inquiries__form-label {
    margin: 0;
    width: 220px
}

@media (max-width: 834px) {
    .shopping-inquiries__form-label {
        background:var(--background-elevation-low);
        padding: 8px 16px;
        width: 100%
    }
}

.shopping-inquiries__form-labelText {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .shopping-inquiries__form-labelText {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.shopping-inquiries__form-labelRequired {
    color: var(--expressive-red);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 16px
}

@media (max-width: 834px) {
    .shopping-inquiries__form-labelRequired {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-left: 8px
    }
}

.shopping-inquiries__form-radioButton {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    margin: 40px 0 0;
    width: 100%
}

@media (max-width: 834px) {
    .shopping-inquiries__form-radioButton {
        gap:0;
        margin: 0
    }
}

.shopping-inquiries__form-radioButtonItem {
    align-items: center;
    display: flex;
    gap: 8px;
    width: calc(50% - 16px)
}

@media (max-width: 834px) {
    .shopping-inquiries__form-radioButtonItem {
        border-bottom:1px solid var(--border-separation);
        padding: 12px 16px;
        width: 100%
    }
}

.shopping-inquiries__form-radioButtonItem input[type=radio] {
    border: 1px solid var(--object-tertiary);
    height: 22px;
    margin: 0;
    width: 22px
}

@media (max-width: 834px) {
    .shopping-inquiries__form-radioButtonItem input[type=radio] {
        height:20px;
        width: 20px
    }
}

.shopping-inquiries__form-radioButtonItem-label {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .shopping-inquiries__form-radioButtonItem-label {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.shopping-inquiries__form .shopping-inquiries__form-textArea,.shopping-inquiries__form .shopping-inquiries__form-textField {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 10px 16px;
    width: calc(100% - 220px)
}

@media (max-width: 834px) {
    .shopping-inquiries__form .shopping-inquiries__form-textArea,.shopping-inquiries__form .shopping-inquiries__form-textField {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 12px 16px;
        width: 100%
    }

    .shopping-inquiries__form .shopping-inquiries__form-textArea::placeholder,.shopping-inquiries__form .shopping-inquiries__form-textField::placeholder {
        color: var(--object-secondary);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.shopping-inquiries__form .shopping-inquiries__form-textArea::placeholder,.shopping-inquiries__form .shopping-inquiries__form-textField::placeholder {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.shopping-inquiries__form-textArea {
    height: 160px;
    resize: none
}

.shopping-inquiries__form-submit {
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 11px 16px;
    text-align: center;
    width: 430px
}

@media (max-width: 834px) {
    .shopping-inquiries__form-submit {
        margin:12px 16px;
        width: calc(100% - 32px)
    }
}

.shopping-inquiries__delayAnnouncementContainer {
    margin: 0 auto;
    width: 430px
}

@media (max-width: 834px) {
    .shopping-inquiries__delayAnnouncementContainer {
        width:calc(100% - 32px)
    }
}

.shopping-inquiries__attentionList {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: "※";
    margin: 24px auto;
    padding: 0 0 0 16px;
    width: 430px
}

@media (max-width: 834px) {
    .shopping-inquiries__attentionList {
        gap:4px;
        margin: 12px 16px;
        width: calc(100% - 32px)
    }
}

.shopping-inquiries__attentionList-item {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 4px;
    width: 100%
}

.shopping-inquiries__attentionList-item-confirm {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0 6px;
    margin-left: -18px;
    margin-top: 8px
}

.shopping-inquiries__attentionList-item-confirm input,.shopping-inquiries__attentionList-item-confirm label {
    margin: 0
}

.shopping-inquiries__attentionList-link {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.shopping-inquiries__attentionList-link:active,.shopping-inquiries__attentionList-link:focus,.shopping-inquiries__attentionList-link:hover {
    color: var(--expressive-red);
    text-decoration: underline
}

form:invalid>.shopping-inquiries__form-submit {
    background-color: var(--background-inactive);
    color: #fff;
    pointer-events: none
}

.shopping-inquiries-show__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 32px auto 20px;
    text-align: center
}

@media (max-width: 834px) {
    .shopping-inquiries-show__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px auto 16px
    }
}

.shopping-inquiries-show__message {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 20px auto 32px;
    text-align: center
}

@media (max-width: 834px) {
    .shopping-inquiries-show__message {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 16px auto 24px
    }
}

.shopping-inquiries-show__link {
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 11px 16px;
    text-align: center;
    width: 430px
}

.shopping-inquiries-show__link,.shopping-inquiries-show__link:active,.shopping-inquiries-show__link:focus,.shopping-inquiries-show__link:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width: 834px) {
    .shopping-inquiries-show__link {
        margin:24px 16px;
        width: calc(100% - 32px)
    }

    .shoppingCTA {
        background: #fff;
        padding: 16px
    }
}

.shoppingCTA__link {
    display: block;
    position: relative
}

.shoppingCTA__link,.shoppingCTA__link:active,.shoppingCTA__link:focus,.shoppingCTA__link:hover {
    color: #fff;
    text-decoration: none
}

.shoppingCTA__txt {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 0 16px;
    position: absolute;
    text-align: center;
    top: 24px;
    width: 100%
}

@media (max-width: 834px) {
    .shoppingCTA__txt {
        color:#fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 170%;
        top: 20px;
        white-space: pre-line
    }
}

.shoppingCTA__picture {
    display: block
}

.shoppingCTA__image {
    aspect-ratio: 89/15;
    width: 100%
}

@media (max-width: 834px) {
    .shoppingCTA__image {
        aspect-ratio:49/18
    }
}

.ShopsBrandsList__list {
    display: grid;
    gap: 0 28px;
    grid-template-columns: repeat(2,1fr);
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .ShopsBrandsList__list {
        display:block
    }
}

.ShopsBrandsList__listItem {
    padding: 16px 0
}

@media (max-width: 834px) {
    .ShopsBrandsList__listItem {
        padding:16px
    }

    .ShopsBrandsList__listItem:first-child {
        padding: 0 16px 16px
    }
}

.ShopsBrandsList__brandLink {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 0 0 8px
}

.ShopsBrandsList__brandLink,.ShopsBrandsList__brandLink:active,.ShopsBrandsList__brandLink:focus,.ShopsBrandsList__brandLink:hover {
    color: var(--object-main);
    text-decoration: none
}

.ShopsBrandsList__brandLink:after {
    background-color: var(--object-secondary);
    content: "";
    height: 24px;
    margin-left: auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.ShopsBrandsList__thumb {
    border-radius: 4px;
    height: 44px;
    width: 44px
}

.ShopsBrandsList__name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.ShopsBrandsList__alias {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.ShopsBrandsList__shopLink {
    align-items: center;
    background: var(--background-surface);
    border-radius: 50px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.ShopsBrandsList__shopLink:hover {
    opacity: .8
}

.ShopsBrandsList__shopLink:active,.ShopsBrandsList__shopLink:focus,.ShopsBrandsList__shopLink:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ShopCityShow {
        background:var(--background-elevation-low)
    }

    .ShopCityShow__top {
        background: var(--background-elevation-high)
    }
}

.ShopCityShow__top__map-iframe-wapper {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ShopCityShow__top__map-iframe-wapper__map-iframe {
    border: 0;
    height: 545px;
    margin-bottom: -150px;
    margin-top: -150px;
    width: 100%
}

@media (max-width: 834px) {
    .ShopCityShow__top__map-iframe-wapper__map-iframe {
        height:475px
    }
}

.ShopCityShow__top__map-iframe-wapper__map-button {
    background-color: #000;
    border-radius: 50px;
    bottom: 14px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 4px;
    padding-left: 36px;
    padding-top: 4px;
    position: absolute;
    right: 14px;
    width: 150px
}

@media (max-width: 834px) {
    .ShopCityShow__top__map-iframe-wapper__map-button {
        font-size:12px;
        width: 140px
    }
}

.ShopCityShow__top__map-iframe-wapper__map-button:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 20px;
    left: 12px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

@media (max-width: 834px) {
    .ShopCityShow__top__map-iframe-wapper__map-button:before {
        height:24px;
        width: 24px
    }
}

.ShopCityShow__top__map-iframe-wapper__click-layer {
    background: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 834px) {
    .ShopCityShow__top__figureheader {
        padding:0 16px
    }

    .ShopCityShow__top__figureheader__spacer {
        height: 20px
    }
}

.ShopCityShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0
}

@media (max-width: 834px) {
    .ShopCityShow__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        margin: 20px 0
    }
}

.ShopCityShow__get-current-location {
    align-items: center;
    background: none;
    border: none;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 150%;
    margin: 24px 0;
    padding: 0;
    width: 100%
}

.ShopCityShow__get-current-location:focus {
    outline: none
}

@media (max-width: 834px) {
    .ShopCityShow__get-current-location {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin: 20px 0
    }
}

.ShopCityShow__get-current-location:before {
    background-color: var(--object-main);
    content: "";
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

@media (max-width: 834px) {
    .ShopCityShow__get-current-location:before {
        height:24px;
        width: 24px
    }
}

.ShopCityShow__shops {
    background: var(--background-elevation-high)
}

@media (min-width: 835px) {
    .ShopCityShow__shops {
        margin:24px 0 0
    }
}

.ShopCityShow__inquiry,.ShopCityShow__lines,.ShopCityShow__onlineShop {
    padding: 32px 0
}

@media (max-width: 834px) {
    .ShopCityShow__inquiry,.ShopCityShow__lines,.ShopCityShow__onlineShop {
        background:var(--background-elevation-high);
        margin: 8px 0;
        padding: 24px 16px
    }

    .shops-current-location {
        background: var(--background-elevation-low)
    }
}

.shops-current-location__brand-figureheader {
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .shops-current-location__brand-figureheader {
        margin:0 0 8px
    }
}

@media (min-width: 835px) {
    .shops-current-location__title-container {
        border-bottom:1px solid var(--border-separation)
    }
}

@media (max-width: 834px) {
    .shops-current-location__title-container {
        padding:16px
    }
}

.shops-current-location__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0
}

@media (max-width: 834px) {
    .shops-current-location__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.shops-current-location__attention {
    margin: 16px 0 24px
}

@media (max-width: 834px) {
    .shops-current-location__attention {
        margin:12px 0 0
    }
}

.shops-current-location__shops-container {
    margin: 40px 0
}

@media (max-width: 834px) {
    .shops-current-location__shops-container {
        margin:16px 0;
        padding: .1px 0
    }
}

.shops-current-location__inquiry-container {
    margin: 40px 0;
    padding: 32px 0
}

@media (max-width: 834px) {
    .shops-current-location__inquiry-container {
        margin:16px 0;
        padding: 24px 16px
    }

    .ShopIndex {
        background: var(--background-elevation-low)
    }
}

.ShopIndex__top {
    background: var(--background-elevation-high);
    padding: 0 0 8px;
    text-align: center
}

@media (max-width: 834px) {
    .ShopIndex__top {
        padding:24px 16px
    }
}

.ShopIndex__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .ShopIndex__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 20px
    }
}

.ShopIndex__brands {
    background: var(--background-elevation-high)
}

.ShopIndex__searchBrands {
    background: url(https://cdn.lipscosme.com/assets/feather/search-6615d21f11b72751c746a03e85818e99192d1d4c4fe6debd84f5a377cc3f7c1a.svg) 12px 12px no-repeat;
    background-color: var(--background-elevation-low);
    background-size: 16px;
    border: unset;
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 150%;
    padding: 10px 16px 10px 36px;
    width: 100%;
    width: 400px
}

.ShopIndex__searchBrands::placeholder {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.ShopIndex__searchBrands:focus {
    outline: none
}

.ShopIndex__searchBrands:focus::placeholder {
    color: transparent
}

@media (max-width: 834px) {
    .ShopIndex__searchBrands {
        width:100%
    }
}

.ShopIndex__inquiry {
    padding: 48px 0
}

@media (max-width: 834px) {
    .ShopIndex__inquiry {
        background:var(--background-elevation-high);
        margin: 8px 0;
        padding: 24px 16px
    }
}

.shops-inquiry__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .shops-inquiry__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.shops-inquiry__description {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 24px 0
}

@media (max-width: 834px) {
    .shops-inquiry__description {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 8px 0
    }
}

.shops-inquiry__link {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 343px;
    word-break: keep-all
}

.shops-inquiry__link:hover {
    opacity: .8
}

.shops-inquiry__link:active,.shops-inquiry__link:focus,.shops-inquiry__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .shops-inquiry__link {
        width:100%
    }
}

.ShopList__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 8px
}

@media (max-width: 834px) {
    .ShopList__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 4px
    }
}

.ShopList__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 28px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .ShopList__list {
        display:block
    }
}

.ShopList__listItem {
    border-bottom: 1px solid var(--border-separation);
    width: calc(50% - 14px)
}

@media (max-width: 834px) {
    .ShopList__listItem {
        width:100%
    }
}

@media (min-width: 835px) {
    .ShopList__listItem:last-child,.ShopList__listItem:nth-last-child(2):nth-child(odd) {
        border-bottom:unset
    }
}

.ShopList__link {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

.ShopList__link,.ShopList__link:active,.ShopList__link:focus,.ShopList__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ShopList__link {
        padding:16px
    }
}

.ShopList__link:after {
    background-color: var(--object-secondary);
    content: "";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.ShopList__itemContainer {
    width: calc(100% - 32px)
}

.ShopList__distanceLabel {
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 8px;
    padding: 2px 8px
}

.ShopList__content {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.ShopList__name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

.ShopList__def {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin: 0
}

.ShopList__def--term {
    color: var(--object-secondary);
    width: 48px
}

.ShopList__def--desc,.ShopList__def--term {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.ShopList__def--desc {
    color: var(--object-main);
    overflow: hidden;
    width: calc(100% - 60px)
}

.ShopList__def--stations {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .ShopPrefectureIndex {
        background:var(--background-elevation-low)
    }

    .ShopPrefectureIndex__top {
        background: var(--background-elevation-high)
    }
}

.ShopPrefectureIndex__top__map-iframe-wapper {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ShopPrefectureIndex__top__map-iframe-wapper__map-iframe {
    border: 0;
    height: 545px;
    margin-bottom: -150px;
    margin-top: -150px;
    width: 100%
}

@media (max-width: 834px) {
    .ShopPrefectureIndex__top__map-iframe-wapper__map-iframe {
        height:475px
    }
}

.ShopPrefectureIndex__top__map-iframe-wapper__map-button {
    background-color: #000;
    border-radius: 50px;
    bottom: 14px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 4px;
    padding-left: 36px;
    padding-top: 4px;
    position: absolute;
    right: 14px;
    width: 150px
}

@media (max-width: 834px) {
    .ShopPrefectureIndex__top__map-iframe-wapper__map-button {
        font-size:12px;
        width: 140px
    }
}

.ShopPrefectureIndex__top__map-iframe-wapper__map-button:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 20px;
    left: 12px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

@media (max-width: 834px) {
    .ShopPrefectureIndex__top__map-iframe-wapper__map-button:before {
        height:24px;
        width: 24px
    }
}

.ShopPrefectureIndex__top__map-iframe-wapper__click-layer {
    background: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 834px) {
    .ShopPrefectureIndex__top__figureheader {
        padding:0 16px
    }

    .ShopPrefectureIndex__top__figureheader__spacer {
        height: 20px
    }
}

.ShopPrefectureIndex__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0
}

@media (max-width: 834px) {
    .ShopPrefectureIndex__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        margin: 20px 0
    }
}

.ShopPrefectureIndex__get-current-location {
    align-items: center;
    background: none;
    border: none;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 150%;
    margin: 24px 0 0;
    padding: 0;
    width: 100%
}

.ShopPrefectureIndex__get-current-location:focus {
    outline: none
}

@media (max-width: 834px) {
    .ShopPrefectureIndex__get-current-location {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin: 20px 0 0
    }
}

.ShopPrefectureIndex__get-current-location:before {
    background-color: var(--object-main);
    content: "";
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

@media (max-width: 834px) {
    .ShopPrefectureIndex__get-current-location:before {
        height:24px;
        width: 24px
    }
}

.ShopPrefectureIndex__prefectures {
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding: 36px 0 32px
}

@media (max-width: 834px) {
    .ShopPrefectureIndex__prefectures {
        background:var(--background-elevation-high);
        padding: 0 16px 24px
    }
}

.ShopPrefectureIndex__prefectures__area {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 12px
}

.ShopPrefectureIndex__prefectures__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ShopPrefectureIndex__prefectures__listItem {
    align-items: center;
    display: flex;
    gap: 12px
}

.ShopPrefectureIndex__prefectures__listItem:not(:last-child):after {
    border-left: 1px solid var(--border-separation);
    content: "";
    height: 16px
}

.ShopPrefectureIndex__prefectures__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

.ShopPrefectureIndex__prefectures__name,.ShopPrefectureIndex__prefectures__name:active,.ShopPrefectureIndex__prefectures__name:focus,.ShopPrefectureIndex__prefectures__name:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

@media (max-width: 834px) {
    .ShopPrefectureIndex__prefectures__name {
        color:var(--expressive-blue);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.ShopPrefectureIndex__inquiry,.ShopPrefectureIndex__onlineShop {
    padding: 32px 0
}

@media (max-width: 834px) {
    .ShopPrefectureIndex__inquiry,.ShopPrefectureIndex__onlineShop {
        background:var(--background-elevation-high);
        margin: 8px 0;
        padding: 24px 16px
    }

    .ShopPrefectureShow {
        background: var(--background-elevation-low)
    }

    .ShopPrefectureShow__top {
        background: var(--background-elevation-high)
    }
}

.ShopPrefectureShow__top__map-iframe-wapper {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ShopPrefectureShow__top__map-iframe-wapper__map-iframe {
    border: 0;
    height: 545px;
    margin-bottom: -150px;
    margin-top: -150px;
    width: 100%
}

@media (max-width: 834px) {
    .ShopPrefectureShow__top__map-iframe-wapper__map-iframe {
        height:475px
    }
}

.ShopPrefectureShow__top__map-iframe-wapper__map-button {
    background-color: #000;
    border-radius: 50px;
    bottom: 14px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 4px;
    padding-left: 36px;
    padding-top: 4px;
    position: absolute;
    right: 14px;
    width: 150px
}

@media (max-width: 834px) {
    .ShopPrefectureShow__top__map-iframe-wapper__map-button {
        font-size:12px;
        width: 140px
    }
}

.ShopPrefectureShow__top__map-iframe-wapper__map-button:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 20px;
    left: 12px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

@media (max-width: 834px) {
    .ShopPrefectureShow__top__map-iframe-wapper__map-button:before {
        height:24px;
        width: 24px
    }
}

.ShopPrefectureShow__top__map-iframe-wapper__click-layer {
    background: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 834px) {
    .ShopPrefectureShow__top__figureheader {
        padding:0 16px
    }

    .ShopPrefectureShow__top__figureheader__spacer {
        height: 20px
    }
}

.ShopPrefectureShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0
}

@media (max-width: 834px) {
    .ShopPrefectureShow__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        margin: 20px 0
    }
}

.ShopPrefectureShow__get-current-location {
    align-items: center;
    background: none;
    border: none;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 150%;
    margin: 24px 0;
    padding: 0;
    width: 100%
}

.ShopPrefectureShow__get-current-location:focus {
    outline: none
}

@media (max-width: 834px) {
    .ShopPrefectureShow__get-current-location {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin: 20px 0
    }
}

.ShopPrefectureShow__get-current-location:before {
    background-color: var(--object-main);
    content: "";
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

@media (max-width: 834px) {
    .ShopPrefectureShow__get-current-location:before {
        height:24px;
        width: 24px
    }
}

.ShopPrefectureShow__cities {
    background: var(--background-elevation-high)
}

@media (min-width: 835px) {
    .ShopPrefectureShow__cities {
        margin:24px 0 0
    }
}

.ShopPrefectureShow__cities__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ShopPrefectureShow__cities__listItem {
    border-bottom: 1px solid var(--border-separation)
}

.ShopPrefectureShow__cities__name {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 150%;
    padding: 16px 20px
}

.ShopPrefectureShow__cities__name,.ShopPrefectureShow__cities__name:active,.ShopPrefectureShow__cities__name:focus,.ShopPrefectureShow__cities__name:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ShopPrefectureShow__cities__name {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        padding: 16px
    }
}

.ShopPrefectureShow__cities__name:after {
    background-color: var(--object-secondary);
    content: "";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

@media (max-width: 834px) {
    .ShopPrefectureShow__cities__name:after {
        height:20px;
        width: 20px
    }
}

.ShopPrefectureShow__cities__name.disabled {
    color: var(--object-tertiary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ShopPrefectureShow__cities__name.disabled {
        color:var(--object-tertiary);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        padding: 16px
    }
}

.ShopPrefectureShow__cities__name.disabled:after {
    display: none
}

.ShopPrefectureShow__inquiry,.ShopPrefectureShow__onlineShop {
    padding: 32px 0
}

@media (max-width: 834px) {
    .ShopPrefectureShow__inquiry,.ShopPrefectureShow__onlineShop {
        background:var(--background-elevation-high);
        margin: 8px 0;
        padding: 24px 16px
    }

    .ShopShow {
        background: var(--background-elevation-low)
    }
}

.ShopShow__top {
    background: var(--background-elevation-high);
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .ShopShow__top {
        padding:24px 16px 16px
    }
}

.ShopShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .ShopShow__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 16px
    }
}

.ShopShow__links {
    display: flex;
    gap: 12px
}

@media (max-width: 834px) {
    .ShopShow__links {
        gap:8px
    }
}

.ShopShow__links__link {
    align-items: center;
    background: var(--background-surface);
    border-radius: 50px;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    line-height: 150%;
    padding: 4px 12px
}

.ShopShow__links__link,.ShopShow__links__link:active,.ShopShow__links__link:focus,.ShopShow__links__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .ShopShow__links__link {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        gap: 0;
        line-height: 150%
    }
}

.ShopShow__links__link.website:before {
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/globe-062ea58f026bf77c869d72b42051d3e96993fe1f910c1fdeea23548046e3310f.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/globe-062ea58f026bf77c869d72b42051d3e96993fe1f910c1fdeea23548046e3310f.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.ShopShow__links__link.map:before,.ShopShow__links__link.website:before {
    background-color: var(--expressive-blue);
    content: "";
    height: 24px;
    width: 24px
}

.ShopShow__links__link.map:before {
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.ShopShow__links__link.tel:before {
    background-color: var(--expressive-blue);
    content: "";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/phone-e973b8c9e7cd3bc123b22bd757b20817a48fc914788d862204f87cee104c50fb.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/phone-e973b8c9e7cd3bc123b22bd757b20817a48fc914788d862204f87cee104c50fb.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.ShopShow__detail {
    background: var(--background-elevation-high);
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .ShopShow__detail {
        padding:0
    }
}

.ShopShow__brands {
    background: var(--background-elevation-high);
    display: none;
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .ShopShow__brands {
        padding:0
    }
}

.ShopShow__attention {
    padding: 24px 0 8px
}

@media (max-width: 834px) {
    .ShopShow__attention {
        padding:16px
    }
}

.ShopShow__nearlyShops {
    padding: 32px 0
}

@media (max-width: 834px) {
    .ShopShow__nearlyShops {
        background:var(--background-elevation-high);
        margin: 8px 0;
        padding: .1px 0
    }
}

.ShopShow__inquiry {
    padding: 32px 0
}

@media (max-width: 834px) {
    .ShopShow__inquiry {
        background:var(--background-elevation-high);
        margin: 8px 0;
        padding: 24px 16px
    }
}

.ShopSpec__def {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    margin: 0;
    padding: 16px 0
}

@media (max-width: 834px) {
    .ShopSpec__def {
        flex-direction:column;
        gap: 8px;
        padding: 16px
    }
}

.ShopSpec__def--term {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    width: 200px
}

@media (max-width: 834px) {
    .ShopSpec__def--term {
        color:var(--object-secondary);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%;
        width: 100%
    }
}

.ShopSpec__def--desc {
    color: var(--object-main);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    gap: 8px;
    line-height: 150%;
    width: calc(100% - 200px)
}

@media (max-width: 834px) {
    .ShopSpec__def--desc {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        width: 100%
    }
}

.ShopSpec__gmap {
    border: unset;
    height: 275px;
    width: 100%
}

@media (max-width: 834px) {
    .ShopSpec__gmap {
        height:184px
    }
}

.ShopSpec__stations {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .ShopStationShow {
        background:var(--background-elevation-low)
    }

    .ShopStationShow__top {
        background: var(--background-elevation-high);
        padding: 24px 16px .1px
    }
}

.ShopStationShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .ShopStationShow__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 20px
    }
}

.ShopStationShow__title__lines {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 4px
}

.ShopStationShow__get-current-location {
    align-items: center;
    background: none;
    border: none;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 150%;
    margin: 24px 0;
    padding: 0;
    width: 100%
}

.ShopStationShow__get-current-location:focus {
    outline: none
}

@media (max-width: 834px) {
    .ShopStationShow__get-current-location {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin: 20px 0
    }
}

.ShopStationShow__get-current-location:before {
    background-color: var(--object-main);
    content: "";
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/map-1cc059ca556603646865d001622da258788e15dbe6d474a9d3c61adc410f8bee.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

@media (max-width: 834px) {
    .ShopStationShow__get-current-location:before {
        height:24px;
        width: 24px
    }
}

.ShopStationShow__nearStations {
    margin: 24px 0
}

@media (max-width: 834px) {
    .ShopStationShow__nearStations {
        background:var(--background-elevation-high);
        margin: 8px 0;
        padding: 24px 16px
    }
}

.ShopStationShow__nearStations__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .ShopStationShow__nearStations__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.ShopStationShow__nearStations__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ShopStationShow__nearStations__listItem {
    align-items: center;
    display: flex;
    gap: 12px
}

.ShopStationShow__nearStations__listItem:not(:last-child):after {
    border-left: 1px solid var(--border-separation);
    content: "";
    height: 16px
}

.ShopStationShow__nearStations__link {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

.ShopStationShow__nearStations__link,.ShopStationShow__nearStations__link:active,.ShopStationShow__nearStations__link:focus,.ShopStationShow__nearStations__link:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

@media (max-width: 834px) {
    .ShopStationShow__nearStations__link {
        color:var(--expressive-blue);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.ShopStationShow__shops {
    background: var(--background-elevation-high);
    padding: .1px 0
}

.ShopStationShow__attention {
    margin: 24px 0
}

@media (max-width: 834px) {
    .ShopStationShow__attention {
        margin:24px 16px 4px
    }
}

.ShopStationShow__inquiry,.ShopStationShow__lines,.ShopStationShow__onlineShop {
    padding: 32px 0
}

@media (max-width: 834px) {
    .ShopStationShow__inquiry,.ShopStationShow__lines,.ShopStationShow__onlineShop {
        background:var(--background-elevation-high);
        margin: 8px 0;
        padding: 24px 16px
    }
}

#sign {
    margin: auto;
    max-width: 880px;
    position: relative
}

@media (max-width: 834px) {
    #sign {
        margin:32px 16px
    }
}

#sign-figureheader .sign-figureheader-title {
    margin-top: 40px
}

@media (max-width: 834px) {
    #sign-figureheader .sign-figureheader-title {
        margin-top:32px
    }
}

#sign-figureheader .sign-figureheader-title h2 {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    #sign-figureheader .sign-figureheader-title h2 {
        font-size:18px;
        font-weight: 700;
        line-height: 150%;
        text-align: center
    }
}

.new-email-description,.new-password-description {
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.new-email-description h1,.new-password-description h1 {
    color: var(--expressive-red);
    font-size: 22px;
    margin-top: 0
}

@media (max-width: 834px) {
    .new-email-description h1,.new-password-description h1 {
        font-size:18px;
        font-weight: 700;
        margin-left: 0
    }
}

.error-message-container {
    margin-bottom: 20px
}

@media (max-width: 834px) {
    .error-message-container {
        margin-bottom:16px
    }
}

.error-message-container p {
    border: none;
    margin: 0;
    padding: 0
}

.alert-mismatch #mismatch-message,.error-message-container p {
    color: var(--expressive-red);
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px
}

.alert-mismatch #mismatch-message {
    margin-bottom: 20px;
    width: 400px
}

@media (max-width: 834px) {
    .alert-mismatch #mismatch-message {
        margin-bottom:16px
    }

    .error-message-bp-container {
        margin: 24px 37px 16px;
        width: calc(100% - 64px)
    }
}

.error-message-bp-container p {
    border: none;
    color: var(--expressive-red);
    font-size: 10px;
    letter-spacing: .5px;
    line-height: 15px;
    margin: 0;
    padding: 0
}

.error-email-container {
    left: 0;
    margin: 0 auto 20px;
    right: 0;
    text-align: left;
    width: 400px
}

@media (max-width: 834px) {
    .error-email-container {
        margin:0 auto 16px
    }
}

.error-email-container p {
    border: none;
    color: var(--expressive-red);
    font-size: 12px;
    margin: 0;
    padding: 0
}

#sign-body {
    position: relative
}

@media (max-width: 834px) {
    #sign-body {
        height:auto
    }
}

#sign-body .sign-wrapper {
    display: flex;
    flex-flow: row wrap;
    gap: 40px;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 40px
}

@media (max-width: 834px) {
    #sign-body .sign-wrapper {
        flex-direction:column;
        gap: 24px;
        margin-bottom: 24px;
        margin-top: 24px
    }

    #sign-body .sign-wrapper .sign-sns-container {
        margin-right: 0
    }
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-btn-container {
    display: flex;
    flex-flow: column;
    gap: 20px;
    width: 420px
}

@media (max-width: 834px) {
    #sign-body .sign-wrapper .sign-sns-container .sign-sns-btn-container {
        gap:16px;
        width: 100%
    }
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-btn-container a {
    text-decoration: none
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-btn-container a:hover {
    opacity: .6
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-btn-container .sns-btn-block {
    align-items: center;
    background-color: var(--background-elevation-low);
    border: none;
    border-radius: 4px;
    display: flex;
    height: 45px;
    justify-content: center
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-btn-container .sns-btn-block img {
    height: 20px;
    left: 20px;
    position: absolute;
    width: 20px
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-btn-container .sns-btn-block span {
    border: none;
    color: var(--object-main);
    flex-grow: 1;
    text-align: center
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-textlink-container {
    display: none;
    margin-top: 20px
}

@media (max-width: 834px) {
    #sign-body .sign-wrapper .sign-sns-container .sign-sns-textlink-container {
        display:block
    }
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-textlink-container .sign-sns-textlink {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    height: 50px;
    text-decoration: none;
    width: 100%
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-textlink-container .sign-sns-textlink:first-child {
    border-top: 1px solid var(--border-separation)
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-textlink-container .sign-sns-textlink .sign-sns-textlink-image {
    margin-left: 20px
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-textlink-container .sign-sns-textlink .sign-sns-textlink-text {
    color: var(--object-main);
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin-left: 10px;
    text-align: left
}

#sign-body .sign-wrapper .sign-sns-container .sign-sns-textlink-container .sign-sns-textlink .sign-sns-textlink-right-arrow {
    height: 26px;
    margin-right: 16px
}

#sign-body .sign-wrapper .sign-sns-container .signin-description {
    margin-top: 64px
}

#sign-body .sign-wrapper .sign-email-container .password-forget-container {
    margin: 0 auto 20px;
    text-align: right
}

@media (max-width: 834px) {
    #sign-body .sign-wrapper .sign-email-container .password-forget-container {
        margin:16px 0
    }
}

#sign-body .sign-wrapper .sign-email-container .password-forget-container a {
    color: var(--object-main);
    color: var(--expressive-blue);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none
}

#sign-body .sign-wrapper .sign-section-container {
    display: none;
    font-size: 14px;
    text-align: center
}

@media (max-width: 834px) {
    #sign-body .sign-wrapper .sign-section-container {
        display:block
    }
}

#sign-body .sign-footer {
    border-top: 1px solid var(--border-separation);
    margin-bottom: 60px;
    padding-top: 40px
}

@media (max-width: 834px) {
    #sign-body .sign-footer {
        margin-bottom:24px;
        padding-top: 24px
    }
}

#sign-body .sign-footer .sign-description {
    color: var(--object-main);
    font-size: 16px;
    text-align: center
}

@media (max-width: 834px) {
    #sign-body .sign-footer .sign-description {
        font-size:14px;
        font-weight: 500
    }
}

#sign-body .sign-footer .sign-description a {
    font-size: 16px
}

#sign-body .sign-footer .sign-description a,#sign-body .sign-footer .sign-description a:active,#sign-body .sign-footer .sign-description a:focus,#sign-body .sign-footer .sign-description a:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

@media (max-width: 834px) {
    #sign-body .sign-footer .sign-description a {
        font-size:14px
    }
}

#sign-body .register-btn-container .register-btn-wrapper {
    display: none;
    margin-top: 32px
}

@media (max-width: 834px) {
    #sign-body .register-btn-container .register-btn-wrapper {
        display:block
    }
}

#sign-body .register-btn-container .register-btn-wrapper .register-btn-figureheader {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: center
}

#sign-body .register-btn-container .register-btn-wrapper .register-btn {
    background: var(--expressive-red);
    background-color: var(--expressive-red);
    border-radius: 5px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    height: 44px;
    letter-spacing: 1.5px;
    line-height: 40px;
    line-height: 44px;
    margin: 0 16px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 360px;
    width: calc(100% - 32px)
}

#sign-body .register-btn-container .register-btn-wrapper .register-btn:active,#sign-body .register-btn-container .register-btn-wrapper .register-btn:focus,#sign-body .register-btn-container .register-btn-wrapper .register-btn:hover {
    color: #fff;
    text-decoration: none
}

#sign-body .register-btn-container .register-btn-wrapper .register-btn:hover {
    opacity: .6
}

#sign-body .register-btn-container .register-description {
    display: block;
    margin-top: 32px
}

@media (max-width: 834px) {
    #sign-body .register-btn-container .register-description {
        display:none
    }
}

#sign-body .reset-password-container {
    display: flex;
    justify-content: center;
    margin: 0 auto 60px;
    padding: 0;
    text-align: center;
    width: 600px
}

@media (max-width: 834px) {
    #sign-body .reset-password-container {
        margin:0 auto 24px;
        width: 100%
    }
}

#sign-body .reset-password-container .reset-password-confirmation {
    margin: 40px auto 0;
    padding: 0;
    width: 100%
}

@media (max-width: 834px) {
    #sign-body .reset-password-container .reset-password-confirmation {
        margin:24px auto 0
    }
}

#sign-body .after-send-email-container {
    margin: 0 auto 60px;
    width: 600px
}

@media (max-width: 834px) {
    #sign-body .after-send-email-container {
        margin:0 auto 24px;
        width: 100%
    }
}

#sign-body .after-send-email-container .instruction-message {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    line-height: 150%;
    margin: 40px auto;
    padding: 0;
    text-align: center;
    width: 100%
}

@media (max-width: 834px) {
    #sign-body .after-send-email-container .instruction-message {
        margin:24px auto
    }
}

#sign-body .after-send-email-container .btn-reset-again {
    background: var(--expressive-red);
    background-color: var(--object-main);
    border-radius: 5px;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 15px;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1.5px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    width: 360px;
    width: 400px
}

#sign-body .after-send-email-container .btn-reset-again:active,#sign-body .after-send-email-container .btn-reset-again:focus,#sign-body .after-send-email-container .btn-reset-again:hover {
    color: #fff;
    text-decoration: none
}

#sign-body .sign-confirmation {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 20px 0;
    width: 420px
}

@media (max-width: 834px) {
    #sign-body .sign-confirmation {
        margin:16px 0;
        width: 100%
    }
}

#sign-body .sign-confirmation a,#sign-body .sign-container .text-link {
    color: var(--expressive-blue);
    text-decoration: none
}

#sign-body .sign-container .text-link {
    display: flex;
    font-size: 14px;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

#sign-body .sign-container .text-link:active,#sign-body .sign-container .text-link:focus,#sign-body .sign-container .text-link:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

@media (max-width: 834px) {
    #sign-body .sign-container .text-link {
        margin:0
    }
}

#sign-body .sign-container .btn.btn-fb {
    background-color: var(--background-elevation-low);
    border: none;
    color: #fff
}

#sign-body .sign-container .btn.btn-tw {
    background-color: #1d9bf0;
    border: none;
    color: #fff
}

#sign-body .sign-container .btn.btn-email {
    border: 1px solid var(--expressive-red);
    color: var(--expressive-red)
}

#sign-body .sign-container .btn.btn-email .sign-email {
    font-size: 14px
}

#sign-body .sign-container .btn.btn-email .sign-email:before {
    border-left: .5px solid var(--expressive-red)
}

#sign-body .sign-container .btn.no-top-margin {
    margin-top: 0
}

@media (max-width: 834px) {
    #sign-body .sign-container p {
        width:100%
    }
}

#sign-body .sign-container form .field {
    height: 41px;
    padding: 0;
    width: 420px
}

@media (max-width: 834px) {
    #sign-body .sign-container form .field {
        width:calc(100% - 74px)
    }
}

#sign-body .sign-container form .login-field {
    margin: 0 auto 16px
}

@media (max-width: 834px) {
    #sign-body .sign-container form .login-field {
        width:100%
    }
}

#sign-body .sign-container form .signup-field {
    margin: 0 auto 20px
}

@media (max-width: 834px) {
    #sign-body .sign-container form .signup-field {
        margin:0 auto 16px;
        width: 100%
    }
}

#sign-body .sign-container form .signup-field .form-control {
    border: 1px solid var(--border-separation)
}

#sign-body .sign-container form .reset-field {
    margin: 0 auto 20px
}

@media (max-width: 834px) {
    #sign-body .sign-container form .reset-field {
        margin:0 auto 16px;
        width: 100%
    }
}

#sign-body .sign-container form .reset-field .form-control {
    border: 1px solid var(--border-separation)
}

#sign-body .sign-container form .reset-description {
    font-weight: 500;
    margin: 40px auto;
    padding: 0;
    width: 100%
}

@media (max-width: 834px) {
    #sign-body .sign-container form .reset-description {
        margin:24px auto
    }
}

#sign-body .sign-container form .sign-form {
    border: 1px solid var(--object-tertiary);
    border-radius: 4px;
    box-shadow: none;
    color: var(--object-main);
    font-size: 13px;
    height: 41px;
    padding: 16px;
    width: 100%
}

#sign-body .sign-container form .sign-form:placeholder-shown {
    color: var(--object-tertiary)
}

#sign-body .sign-container form .sign-form::-webkit-input-placeholder {
    color: var(--object-tertiary)
}

#sign-body .sign-container form .sign-form:-moz-placeholder,#sign-body .sign-container form .sign-form::-moz-placeholder {
    color: var(--object-tertiary);
    opacity: 1
}

#sign-body .sign-container form .sign-form:-ms-input-placeholder {
    color: var(--object-tertiary)
}

@media (max-width: 834px) {
    #sign-body .sign-container form .sign-form {
        width:100%
    }
}

#sign-body .sign-container form .sign-form:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1080px #fff
}

#sign-body .sign-container form .sign-form:focus {
    background-color: var(--background-elevation-low);
    background-color: color-mix(in srgb,var(--background-elevation-low),#fff 1%);
    -webkit-box-shadow: inset 0 0 0 1080px #fff;
    box-shadow: none;
    outline: none
}

#sign-body .sign-container form .has-error {
    background: var(--background-attention)!important;
    border: 1px solid var(--expressive-red)!important
}

#sign-body .sign-container form .actions .btn {
    background: var(--expressive-red);
    background-color: var(--object-main);
    border-radius: 5px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    height: 44px;
    letter-spacing: 1.5px;
    line-height: 40px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 360px
}

#sign-body .sign-container form .actions .btn:active,#sign-body .sign-container form .actions .btn:focus,#sign-body .sign-container form .actions .btn:hover {
    color: #fff;
    text-decoration: none
}

#sign-body .sign-container form .actions .btn:disabled {
    background-color: var(--object-tertiary);
    opacity: 100%
}

#sign-body .sign-container form .actions .btn-sign {
    width: 420px
}

@media (max-width: 834px) {
    #sign-body .sign-container form .actions .btn-sign {
        width:100%
    }
}

#sign-body .sign-container form .actions .btn-reset {
    width: 400px
}

#sign-body .sign-container form .reset-actions {
    margin-top: 20px
}

@media (max-width: 834px) {
    #sign-body .sign-container form .reset-actions {
        margin-top:16px
    }

    #sign-body .sign-container form .login-actions {
        width: 100%
    }
}

.list-item-sku {
    border-bottom: 1px solid hsla(0,3%,75%,.4);
    display: flex;
    flex-direction: column;
    margin: 16px 16px 0;
    padding-bottom: 12px
}

.list-item-sku__image-container {
    align-items: center;
    display: flex;
    flex-direction: row
}

.list-item-sku__image {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    box-sizing: border-box;
    height: 84px;
    width: 84px
}

.list-item-sku__info-container {
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.list-item-sku__name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left
}

.list-item-sku__price-container {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    margin-top: 5px
}

.list-item-sku__currency {
    font-size: 12px
}

.list-item-sku__currency,.list-item-sku__price {
    color: var(--object-main);
    font-weight: 500;
    line-height: 150%
}

.list-item-sku__price {
    font-size: 14px
}

.list-item-sku__point {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 5px
}

.list-item-sku__hr {
    background-color: var(--border-separation);
    height: 1px;
    margin: 12px 0
}

.list-item-sku__cart-button-container {
    align-items: center
}

.list-item-sku__cart-button {
    background: none;
    background-color: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: block;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    line-height: 150%;
    margin-top: 12px;
    overflow: hidden;
    padding: 2px 8px;
    text-align: center;
    width: 100%
}

.list-item-sku__cart-button:focus {
    outline: none
}

.list-item-sku__cart-button-disabled {
    background: var(--background-inactive);
    color: var(--object-tertiary);
    padding: 2px 24px 2px 25px
}

.list-item-sku__loading {
    background: var(--background-elevation-high);
    display: none;
    height: 100%;
    left: 0;
    opacity: .3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.list-item-sku__loading-spinner {
    color: var(--object-main);
    height: 100px;
    left: 50%;
    line-height: 100px;
    margin: -50px 0 0 -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100px;
    z-index: 2
}

.StationsListInEachLines__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .StationsListInEachLines__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 20px
    }
}

.StationsListInEachLines__lines {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (max-width: 834px) {
    .StationsListInEachLines__lines {
        gap:20px
    }
}

.StationsListInEachLines__list {
    margin: 0
}

.StationsListInEachLines__line {
    background: var(--object-main);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 8px;
    padding: 2px 8px
}

.StationsListInEachLines__stations__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.StationsListInEachLines__stations__listItem {
    align-items: center;
    display: flex;
    gap: 12px
}

.StationsListInEachLines__stations__listItem:not(:last-child):after {
    border-left: 1px solid var(--border-separation);
    content: "";
    height: 16px
}

.StationsListInEachLines__stations__link {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

.StationsListInEachLines__stations__link,.StationsListInEachLines__stations__link:active,.StationsListInEachLines__stations__link:focus,.StationsListInEachLines__stations__link:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

@media (max-width: 834px) {
    .StationsListInEachLines__stations__link {
        color:var(--expressive-blue);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }

    .tags-index {
        background: var(--background-elevation-low)
    }
}

.tags-index__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .tags-index__title-area {
        padding:16px
    }
}

.tags-index__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .tags-index__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.tags-index__tags-list {
    background: #fff;
    margin: 16px 0;
    padding: .1px 0
}

.tag-list__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .tag-list__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.tag-list__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .tag-list__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.tag-list__container {
    padding: 16px 0 0
}

@media (max-width: 834px) {
    .tag-list__container {
        padding:8px 16px 24px
    }
}

.tag-list__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.tag-list__list li {
    border: 1px solid var(--border-separation);
    border-radius: 16px
}

.tag-list__list li a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 12px
}

.tag-list__list li a,.tag-list__list li a:active,.tag-list__list li a:focus,.tag-list__list li a:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.tags-list-md__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .tags-list-md__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.tags-list-md__sub-title {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 6px
}

@media (max-width: 834px) {
    .tags-list-md__sub-title {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 4px
    }
}

.tags-list-md__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.tags-list-md__item {
    border-bottom: 1px solid var(--border-separation);
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .tags-list-md__item {
        width:100%
    }
}

.tags-list-md__link {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 12px 0
}

.tags-list-md__link,.tags-list-md__link:active,.tags-list-md__link:focus,.tags-list-md__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .tags-list-md__link {
        padding:12px 16px
    }

    .tags-show {
        background: var(--background-elevation-low)
    }
}

.tags-show__title-area {
    background: var(--background-elevation-high);
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .tags-show__title-area {
        padding:16px 16px 24px
    }
}

.tags-show__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .tags-show__title {
        font-size:16px;
        margin: 0 0 8px
    }
}

.tags-show__title-link,.tags-show__title-link:active,.tags-show__title-link:focus,.tags-show__title-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.tags-show__title-sub {
    color: var(--object-main);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0 0
}

@media (max-width: 834px) {
    .tags-show__title-sub {
        font-size:11px;
        margin: 4px 0 0
    }
}

.tags-show__abstract {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .tags-show__abstract {
        font-size:12px;
        margin: 0 0 12px
    }
}

.tags-show__update-time {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%;
    text-align: right
}

@media (max-width: 834px) {
    .tags-show__update-time {
        font-size:11px
    }
}

.tags-show__related-tags {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px 0 0;
    white-space: nowrap
}

@media (max-width: 834px) {
    .tags-show__related-tags {
        padding:12px 0 0
    }
}

.tags-show__related-tags::-webkit-scrollbar {
    display: none
}

.tags-show__related-tags-title {
    color: var(--object-main);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .tags-show__related-tags-title {
        font-size:12px
    }
}

.tags-show__related-tags-list {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.tags-show__related-tags-item {
    display: inline-block;
    margin-left: 8px
}

.tags-show__related-tags-link {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.tags-show__related-tags-link,.tags-show__related-tags-link:active,.tags-show__related-tags-link:focus,.tags-show__related-tags-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .tags-show__related-tags-link {
        font-size:12px
    }
}

@media (min-width: 835px) {
    .tags-show__refined_posts {
        margin:24px 0 0
    }
}

.tags-show__post-info {
    align-items: center;
    background: var(--background-elevation-high);
    display: flex;
    justify-content: space-between;
    padding: 24px 0 0
}

@media (max-width: 834px) {
    .tags-show__post-info {
        border-bottom:1px solid var(--border-separation);
        border-top: 1px solid var(--border-separation);
        padding: 16px
    }
}

.tags-show__refine-info {
    display: flex;
    gap: 12px
}

.tags-show__user-type-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.tags-show__user-type-item {
    color: var(--object-secondary);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    vertical-align: top
}

.tags-show__user-type-item:not(:first-child):before {
    content: "/";
    display: inline-block
}

.tags-show__post-count {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

.tags-show__sort-dropdown {
    display: flex;
    gap: 24px
}

@media (max-width: 834px) {
    .tags-show__sort-dropdown {
        gap:16px
    }
}

.tags-show__refineFilter {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    line-height: 150%;
    position: relative
}

.tags-show__refineFilter,.tags-show__refineFilter:active,.tags-show__refineFilter:focus,.tags-show__refineFilter:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .tags-show__refineFilter {
        color:var(--object-main);
        font-size: 10px;
        font-weight: 500;
        line-height: 150%
    }
}

.tags-show__refineFilter:before {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 28px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/sliders-6a401cbd1a6c78af2a05ce609358626cfd4375e781cfa3e4a8781de69aa331e3.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/sliders-6a401cbd1a6c78af2a05ce609358626cfd4375e781cfa3e4a8781de69aa331e3.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 28px
}

@media (max-width: 834px) {
    .tags-show__refineFilter:before {
        height:24px;
        width: 24px
    }
}

.tags-show__articles-list,.tags-show__posts-list,.tags-show__products-list,.tags-show__related-tags-bottom {
    background: var(--background-elevation-high);
    margin: 48px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .tags-show__articles-list,.tags-show__posts-list,.tags-show__products-list,.tags-show__related-tags-bottom {
        margin:16px 0
    }
}

.tags-show__posts-list {
    margin: 0
}

@media (max-width: 834px) {
    .tags-show__posts-list {
        margin:0 0 16px
    }

    .ThemesIndex {
        background: var(--background-elevation-low)
    }
}

.ThemesIndex__titleArea {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    padding: 0 0 32px
}

@media (max-width: 834px) {
    .ThemesIndex__titleArea {
        padding:16px
    }
}

.ThemesIndex__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .ThemesIndex__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px
    }
}

.ThemesIndex__themes {
    background: #fff;
    margin: 16px 0;
    padding: .1px 0
}

.ThemesIndex__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ThemesIndex__listItem {
    border-bottom: 1px solid var(--border-separation);
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .ThemesIndex__listItem {
        width:100%
    }
}

.ThemesIndex__link {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 12px 0
}

.ThemesIndex__link,.ThemesIndex__link:active,.ThemesIndex__link:focus,.ThemesIndex__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .ThemesIndex__link {
        padding:12px 16px
    }

    .ThemesShow {
        background: var(--background-elevation-low)
    }
}

.ThemesShow__container {
    background: #fff
}

.ThemesShow__cover {
    margin: 0 48px
}

@media (max-width: 834px) {
    .ThemesShow__cover {
        margin:32px 16px
    }
}

.ThemesShow__cover-image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

@media (min-width: 835px) {
    .ThemesShow__eyecatch {
        margin:0 0 24px
    }
}

.ThemesShow__eyecatch__image {
    aspect-ratio: 5/3;
    width: 100%
}

.ThemesShow__title-area {
    border-bottom: 1px solid var(--border-separation);
    padding: 32px 0 20px
}

@media (max-width: 834px) {
    .ThemesShow__title-area {
        padding:0 16px 20px
    }
}

.ThemesShow__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ThemesShow__title {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 170%;
        margin: 0 0 12px
    }
}

.ThemesShow__abstract {
    margin-top: 16px
}

.ThemesShow__abstract p {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .ThemesShow__abstract p {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%;
        margin: 0 0 12px
    }
}

.ThemesShow__abstract b {
    background: linear-gradient(transparent 63.7%,#ffdde2 0);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%
}

@media (max-width: 834px) {
    .ThemesShow__abstract b {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 600;
        line-height: 170%
    }
}

.ThemesShow__abstract a,.ThemesShow__abstract a:active,.ThemesShow__abstract a:focus,.ThemesShow__abstract a:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.ThemesShow__abstract ul {
    border: 1px solid var(--object-main);
    list-style-type: none;
    margin: 32px 0;
    padding: 16px 24px
}

@media (max-width: 834px) {
    .ThemesShow__abstract ul {
        margin:28px 16px;
        margin: 28px 0;
        padding: 16px
    }
}

.ThemesShow__abstract ul li {
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ThemesShow__abstract ul li {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.ThemesShow__abstract ul li:not(:first-child) {
    margin: 10px 0 0
}

@media (max-width: 834px) {
    .ThemesShow__abstract ul li:not(:first-child) {
        margin:12px 0 0
    }
}

.ThemesShow__abstract ul li:before {
    background: url(https://cdn.lipscosme.com/assets/feather/check-941dc5f7c10c2611a77353afdd64bc6cb4320b23bb0e64836052c89a5f030236.svg);
    background-size: contain;
    content: "";
    flex-shrink: 0;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px
}

@media (max-width: 834px) {
    .ThemesShow__abstract ul li:before {
        height:20px;
        width: 20px
    }
}

.ThemesShow__abstract ol {
    border: 1px solid var(--object-main);
    counter-reset: item;
    list-style-type: none;
    margin: 32px 0;
    padding: 16px 24px
}

@media (max-width: 834px) {
    .ThemesShow__abstract ol {
        margin:28px 16px;
        margin: 28px 0;
        padding: 16px
    }
}

.ThemesShow__abstract ol li {
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .ThemesShow__abstract ol li {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }
}

.ThemesShow__abstract ol li:not(:first-child) {
    margin: 10px 0 0
}

@media (max-width: 834px) {
    .ThemesShow__abstract ol li:not(:first-child) {
        margin:12px 0 0
    }
}

.ThemesShow__abstract ol li:before {
    background: var(--expressive-red);
    border-radius: 50%;
    color: #fff;
    content: counter(item);
    counter-increment: item;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 150%;
    margin: 2px 10px 2px 2px;
    text-align: center;
    width: 20px
}

@media (max-width: 834px) {
    .ThemesShow__abstract ol li:before {
        height:18px;
        margin: 3px 8px 3px 2px;
        width: 18px
    }
}

.ThemesShow__updateTime {
    color: var(--object-secondary);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 16px 0;
    text-align: right
}

@media (max-width: 834px) {
    .ThemesShow__updateTime {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin: 8px 0 16px
    }
}

.ThemesShow__similar {
    border-bottom: 1px solid var(--border-separation);
    padding: 24px 0
}

@media (max-width: 834px) {
    .ThemesShow__similar {
        padding:20px 16px
    }
}

.ThemesShow__similar-title {
    color: #2d2926;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 12px
}

@media (max-width: 834px) {
    .ThemesShow__similar-title {
        color:#2d2926;
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        margin: 0 0 8px
    }
}

.ThemesShow__similar-list {
    display: flex;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

.ThemesShow__similar-list::-webkit-scrollbar {
    display: none
}

.ThemesShow__similar-listItem {
    flex-shrink: 0
}

.ThemesShow__similar-listItem:not(last-child) {
    margin: 0 12px 0 0
}

@media (max-width: 834px) {
    .ThemesShow__similar-listItem:not(last-child) {
        margin:0 8px 0 0
    }
}

.ThemesShow__similar-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.ThemesShow__similar-link,.ThemesShow__similar-link:active,.ThemesShow__similar-link:focus,.ThemesShow__similar-link:hover {
    color: var(--expressive-red);
    text-decoration: none
}

@media (max-width: 834px) {
    .ThemesShow__similar-link {
        color:var(--expressive-red);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.ThemesShow__expert {
    background: var(--background-elevation-high);
    margin: 16px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .ThemesShow__expert {
        margin:16px 0
    }
}

.ThemesShow__toc {
    background: var(--background-elevation-high);
    margin: 16px 0;
    padding: .1px 0
}

@media (max-width: 834px) {
    .ThemesShow__toc {
        display:none
    }
}

.ThemesShow__article {
    background-color: var(--background-elevation-high);
    margin: 48px 0;
    padding: .1px 0 24px
}

@media (max-width: 834px) {
    .ThemesShow__article {
        margin:16px 0;
        padding: .1px 0 16px
    }
}

.ThemesShow__article__titleContainer {
    border-bottom: 2px solid var(--object-main);
    border-top: 2px solid var(--object-main);
    margin: 32px 0;
    padding: 5px 0
}

@media (max-width: 834px) {
    .ThemesShow__article__titleContainer {
        margin:28px 16px;
        margin-left: 0;
        margin-right: 0
    }
}

.ThemesShow__article__title {
    align-items: center;
    border-bottom: 1px solid var(--object-main);
    border-top: 1px solid var(--object-main);
    color: var(--object-main);
    display: flex;
    font-size: 24px;
    font-weight: 600;
    gap: 4px;
    line-height: 150%;
    padding: 4px
}

@media (max-width: 834px) {
    .ThemesShow__article__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.ThemesShow__article__titleLogoImage {
    height: 80px;
    object-fit: cover;
    width: 80px
}

@media (max-width: 834px) {
    .ThemesShow__article__titleLogoImage {
        height:40px;
        width: 40px
    }
}

.users-app-like-list__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.users-app-like-list__item {
    position: relative
}

@media (min-width: 835px) {
    .users-app-like-list__item:not(:last-child) {
        border-bottom:1px solid var(--border-separation)
    }
}

@media (max-width: 834px) {
    .users-app-like-list__item {
        background-color:var(--background-elevation-high);
        border-radius: 4px;
        margin-top: 8px
    }
}

#fullscreen-modal__body>.users-app-like-list:first-of-type .users-app-like-list__item:first-child {
    margin-top: 0
}

.users-app-like-list__link {
    align-items: center;
    display: flex;
    padding: 16px 0
}

.users-app-like-list__link,.users-app-like-list__link:active,.users-app-like-list__link:focus,.users-app-like-list__link:hover {
    color: #2d2926;
    text-decoration: none
}

@media (max-width: 834px) {
    .users-app-like-list__link {
        padding:12px
    }
}

.users-app-like-list__user-thumb {
    border-radius: 50%;
    height: 44px;
    margin: 0 12px 0 0;
    object-fit: cover;
    width: 44px
}

.users-app-like-list__content {
    width: calc(100% - 92px)
}

@media (min-width: 835px) {
    .users-app-like-list__content {
        width:calc(100% - 104px)
    }
}

.users-app-like-list__user-name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.users-app-like-list__user-bio {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin: 0 0 8.5px;
    overflow: hidden
}

.users-app-like-list__user-info {
    color: var(--object-secondary);
    display: flex;
    font-size: 10px;
    font-weight: 400;
    gap: 4px;
    line-height: 150%
}

.users-app-like-list__follower-count {
    align-items: center;
    display: flex;
    gap: 2px
}

.users-app-like-list__follower-count:before {
    background: url(https://cdn.lipscosme.com/assets/feather/user-d7cd837b02ed8d790f4f235460c2196c821d4805ca304168124132f640065c5d.svg) no-repeat;
    background-size: contain;
    content: "";
    filter: brightness(0) saturate(100%) invert(52%) sepia(0) saturate(1049%) hue-rotate(138deg) brightness(88%) contrast(86%);
    height: 16px;
    width: 16px
}

.users-app-like-list__post-count {
    align-items: center;
    display: flex;
    gap: 2px
}

.users-app-like-list__post-count:before {
    background: url(https://cdn.lipscosme.com/assets/feather/pencil-8183dec5068aa4c55e600fd11930cf47dfa3bd989c9ac610531ff685202818ca.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    width: 16px
}

.users-app-like-list__follow-btn {
    bottom: 0;
    height: 32px;
    margin: auto;
    position: absolute;
    right: 16px;
    top: 0;
    width: 32px
}

.users-app-like-list__follow-btn .follow-btn-ic {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    display: flex;
    height: 32px;
    justify-content: center;
    text-decoration: none;
    width: 32px
}

.users-app-like-list__follow-btn .follow-btn-ic:active,.users-app-like-list__follow-btn .follow-btn-ic:focus,.users-app-like-list__follow-btn .follow-btn-ic:hover {
    color: #fff;
    text-decoration: none
}

.users-app-like-list__follow-btn .follow-btn-ic.following:before {
    background: url(https://cdn.lipscosme.com/assets/feather/user-check-app-6d8b7ebc606c2022de066989ec184c320e33d9e8053b31493b87a3885abf4ceb.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 32px;
    width: 32px
}

.users-app-like-list__follow-btn .follow-btn-ic:before {
    background: url(https://cdn.lipscosme.com/assets/feather/user-plus-app-fd9baa384cf3ef8b1b15393b2211766060626b2f5513d9208a8fe2a4d566faae.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 32px;
    width: 32px
}

.UsersBadges {
    align-items: center;
    display: flex
}

.UsersBadges__image--32px {
    aspect-ratio: 1/1
}

@media (max-width: 834px) {
    .UsersBadges__image--32px {
        width:32px!important
    }
}

.official-user:after {
    background: url(https://cdn.lipscosme.com/assets/official/lips_60-1694590efe3b60457038dd54ad51831860eff424ec22096d954067622dd94706.png) no-repeat;
    background-size: 10px;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px
}

.official-user20:after {
    background: url(https://cdn.lipscosme.com/assets/official/lips_60-1694590efe3b60457038dd54ad51831860eff424ec22096d954067622dd94706.png) no-repeat;
    background-size: 20px;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 8px;
    width: 20px
}

@media (max-width: 834px) {
    .official-user20:after {
        background-size:12px;
        height: 12px;
        margin-left: 4px;
        width: 12px
    }
}

.official-user12:after {
    background: url(https://cdn.lipscosme.com/assets/official/lips_60-1694590efe3b60457038dd54ad51831860eff424ec22096d954067622dd94706.png) no-repeat;
    background-size: 12px;
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px
}

@media (max-width: 834px) {
    .official-user12:after {
        background-size:11px;
        height: 12px;
        width: 11px
    }
}

.project-lips-user:after {
    background: url(https://cdn.lipscosme.com/assets/project-lips-badge-80c95993e7cee17638fa3812c8c1a7973259da2fe9649007c275a64366fc851e.png) no-repeat;
    background-size: 10px;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px
}

.project-lips-user20:after {
    background: url(https://cdn.lipscosme.com/assets/project-lips-badge-80c95993e7cee17638fa3812c8c1a7973259da2fe9649007c275a64366fc851e.png) no-repeat;
    background-size: 20px;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 8px;
    width: 20px
}

@media (max-width: 834px) {
    .project-lips-user20:after {
        background-size:12px;
        height: 12px;
        margin-left: 4px;
        width: 12px
    }
}

.project-lips-user12:after {
    background: url(https://cdn.lipscosme.com/assets/project-lips-badge-80c95993e7cee17638fa3812c8c1a7973259da2fe9649007c275a64366fc851e.png) no-repeat;
    background-size: 12px;
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px
}

@media (max-width: 834px) {
    .project-lips-user12:after {
        background-size:11px;
        height: 12px;
        width: 11px
    }
}

.lips-homme-user:after {
    background: url(https://cdn.lipscosme.com/assets/common/HOMME_badge-db3ea4bcd845f3b2b6de15132d3384eb4ec430eded3fcc31db9426ffc9d95360.svg) no-repeat;
    background-size: 10px;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px
}

.lips-homme-user20:after {
    background: url(https://cdn.lipscosme.com/assets/common/HOMME_badge-db3ea4bcd845f3b2b6de15132d3384eb4ec430eded3fcc31db9426ffc9d95360.svg) no-repeat;
    background-size: 20px;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 8px;
    width: 20px
}

@media (max-width: 834px) {
    .lips-homme-user20:after {
        background-size:12px;
        height: 12px;
        margin-left: 4px;
        width: 12px
    }
}

.lips-homme-user12:after {
    background: url(https://cdn.lipscosme.com/assets/common/HOMME_badge-db3ea4bcd845f3b2b6de15132d3384eb4ec430eded3fcc31db9426ffc9d95360.svg) no-repeat;
    background-size: 12px;
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px
}

@media (max-width: 834px) {
    .lips-homme-user12:after {
        background-size:11px;
        height: 12px;
        width: 11px
    }

    .UsersIndex {
        background: var(--background-elevation-low)
    }
}

.UsersIndex__title-area {
    background: #fff;
    border-bottom: 1px solid var(--border-separation);
    margin-bottom: 32px;
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .UsersIndex__title-area {
        margin-bottom:16px;
        padding: 16px
    }
}

.UsersIndex__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .UsersIndex__title {
        color:#000;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .8px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.UsersIndex__abstract {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 24px 0 16px;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .UsersIndex__abstract {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        margin: 8px 0 12px
    }
}

.UsersIndex__link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.UsersIndex__link,.UsersIndex__link:active,.UsersIndex__link:focus,.UsersIndex__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .UsersIndex__link {
        margin:16px 16px 24px;
        margin-left: 0;
        margin-right: 0;
        width: calc(100% - 32px);
        width: 100%
    }
}

.UsersIndex__users-list {
    background: #fff;
    margin: 32px 0 40px
}

@media (max-width: 834px) {
    .UsersIndex__users-list {
        margin:16px 0;
        padding: 8px 0 0
    }
}

.user-link-buttons {
    display: flex;
    gap: 10px
}

@media (max-width: 834px) {
    .user-link-buttons {
        width:100%
    }
}

.user-link-buttons__link-ic {
    height: 28px;
    width: 28px
}

.user-link-buttons__link-website {
    border: 1px solid var(--object-main);
    border-radius: 999px;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    padding: 6px 0;
    text-align: center;
    width: 106px
}

.user-link-buttons__link-website,.user-link-buttons__link-website:active,.user-link-buttons__link-website:focus,.user-link-buttons__link-website:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .user-link-buttons__link-website {
        flex:1
    }
}

.users-list-card__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .users-list-card__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.users-list-card__list {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 834px) {
    .users-list-card__list {
        gap:16px;
        margin: 0
    }
}

.users-list-card__list::-webkit-scrollbar {
    display: none
}

.users-list-card__item {
    flex-shrink: 0;
    margin-bottom: 24px;
    width: 110px
}

@media (max-width: 834px) {
    .users-list-card__item {
        margin:0;
        width: 92px
    }

    .users-list-card__item:first-child {
        margin-left: 16px
    }
}

.users-list-card__link {
    display: block
}

.users-list-card__link,.users-list-card__link:active,.users-list-card__link:focus,.users-list-card__link:hover {
    color: var(--object-main);
    text-decoration: none
}

.users-list-card__thumb-container {
    position: relative
}

.users-list-card__thumb-container:after {
    bottom: 0;
    position: absolute;
    right: 0
}

.users-list-card__thumb {
    border-radius: 50%;
    display: block;
    height: 110px;
    margin: 0 auto;
    object-fit: cover;
    width: 110px
}

@media (max-width: 834px) {
    .users-list-card__thumb {
        height:92px;
        width: 92px
    }
}

.users-list-card__badge {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.users-list-card__contents {
    margin: 8px 0 0;
    text-align: center
}

@media (max-width: 834px) {
    .users-list-card__contents {
        margin:6px 0 0
    }
}

.users-list-card__nickname {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    .users-list-card__nickname {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        line-height: 150%
    }
}

.users-list-card__official {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 8px
}

.users-list-card__info {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.users-list-card__def {
    align-items: center;
    display: flex;
    margin: 0
}

.users-list-card__def-desc {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .users-list-card__def-desc {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 150%
    }
}

.users-list-card__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.users-list-card__more-link,.users-list-card__more-link:active,.users-list-card__more-link:focus,.users-list-card__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .users-list-card__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }
}

.UsersListLarge__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .UsersListLarge__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.UsersListLarge__list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.UsersListLarge__item {
    border-bottom: 1px solid var(--border-separation);
    padding: 16px 0;
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .UsersListLarge__item {
        padding:16px;
        width: 100%
    }
}

.UsersListLarge__link {
    display: block;
    position: relative
}

.UsersListLarge__link,.UsersListLarge__link:active,.UsersListLarge__link:focus,.UsersListLarge__link:hover {
    color: #2d2926;
    text-decoration: none
}

.UsersListLarge__rank {
    background: var(--expressive-red);
    border-radius: 50%;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.UsersListLarge__rank-num {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    line-height: 20px;
    text-align: center
}

.UsersListLarge__container {
    margin: 0
}

.UsersListLarge__profile-container {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.UsersListLarge__thumb {
    border-radius: 50%;
    height: 56px;
    object-fit: cover;
    width: 56px
}

.UsersListLarge__contents {
    width: calc(100% - 68px)
}

.UsersListLarge__nickname {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

.UsersListLarge__attributes {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.UsersListLarge__attributes-item {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.UsersListLarge__attributes-item:not(:first-child):before {
    content: " / ";
    display: contents
}

.UsersListLarge__count {
    align-items: center;
    display: flex;
    margin: 4px 0 0
}

.UsersListLarge__count-dt {
    line-height: 16px
}

.UsersListLarge__count-ic {
    height: 16px;
    object-fit: contain;
    width: 16px
}

.UsersListLarge__count-dd {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.UsersListLarge__bio {
    background: var(--background-elevation-low);
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    margin: 16px 0 0;
    padding: 12px;
    position: relative
}

.UsersListLarge__bio:before {
    border: 7px solid transparent;
    border-bottom: 10px solid var(--background-elevation-low);
    content: "";
    left: 18px;
    position: absolute;
    top: -17px;
    z-index: 2
}

.UsersListLarge__bio:after {
    border: 8px solid transparent;
    border-bottom: 11px solid var(--border-separation);
    content: "";
    left: 17px;
    position: absolute;
    top: -19px;
    z-index: 1
}

.UsersListLarge__bio-txt {
    color: #2d2926;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media (min-width: 835px) {
    .UsersListLarge__bio-txt {
        -webkit-box-orient:vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        height: 54px;
        overflow: hidden
    }
}

.UsersListLarge__moreLink {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.UsersListLarge__moreLink,.UsersListLarge__moreLink:active,.UsersListLarge__moreLink:focus,.UsersListLarge__moreLink:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .UsersListLarge__moreLink {
        margin:16px 16px 24px;
        margin: 16px auto;
        width: calc(100% - 32px)
    }
}

.users-round-list__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .users-round-list__title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.users-round-list__list {
    display: flex;
    flex-wrap: nowrap;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 24px
}

@media (max-width: 834px) {
    .users-round-list__list {
        border-bottom:1px solid var(--border-separation);
        padding: 12px 16px 24px
    }
}

.users-round-list__list::-webkit-scrollbar {
    display: none
}

.users-round-list__item:not(:first-child) {
    margin-left: 16px
}

.users-round-list__link {
    display: block;
    text-align: center
}

.users-round-list__link,.users-round-list__link:active,.users-round-list__link:focus,.users-round-list__link:hover {
    color: #2d2926;
    text-decoration: none
}

.users-round-list__figure {
    width: 128px
}

@media (max-width: 834px) {
    .users-round-list__figure {
        width:88px
    }
}

.users-round-list__icon {
    border-radius: 50%;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    height: 96px;
    margin-bottom: 12px;
    object-fit: cover;
    width: 96px
}

@media (max-width: 834px) {
    .users-round-list__icon {
        height:80px;
        margin-bottom: 8px;
        width: 80px
    }
}

.users-round-list__user-nickname {
    color: #2d2926;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .users-round-list__user-nickname {
        color:#2d2926;
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.users-round-list__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.users-round-list__more-link,.users-round-list__more-link:active,.users-round-list__more-link:focus,.users-round-list__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .users-round-list__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }

    .UsersTimeline {
        background: var(--background-elevation-low)
    }
}

.UsersTimeline__head {
    background: var(--background-elevation-high);
    padding: 44px 0 32px
}

@media (max-width: 834px) {
    .UsersTimeline__head {
        padding:16px 16px 24px
    }
}

.UsersTimeline__title {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    text-align: center
}

@media (max-width: 834px) {
    .UsersTimeline__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.UsersTimeline__posts {
    background: var(--background-elevation-high)
}

.UserEdit {
    margin: 32px auto 64px;
    max-width: 740px
}

@media (max-width: 834px) {
    .UserEdit {
        margin:20px 0
    }
}

.UserEdit form {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media (max-width: 834px) {
    .UserEdit form {
        gap:0
    }
}

.UserEdit__profileImg__label {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0
}

@media (max-width: 834px) {
    .UserEdit__profileImg__label {
        margin:0 0 20px
    }
}

.UserEdit__profileImg__icon {
    border-radius: 50%;
    height: 80px;
    object-fit: cover;
    width: 80px
}

.UserEdit__profileImg__text {
    color: var(--expressive-red);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .UserEdit__profileImg__text {
        color:var(--expressive-red);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }
}

.UserEdit__field {
    align-items: center;
    display: grid;
    grid-template-columns: 240px 1fr
}

@media (max-width: 834px) {
    .UserEdit__field {
        display:block
    }
}

.UserEdit__label {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin: 0
}

@media (max-width: 834px) {
    .UserEdit__label {
        background:var(--background-elevation-low);
        color: var(--object-main);
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        padding: 8px 16px
    }
}

.UserEdit__form__group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

@media (max-width: 834px) {
    .UserEdit__form__group {
        padding:12px 16px
    }
}

.UserEdit__form__text,.UserEdit__form__textArea {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 150%;
    padding: 0 16px;
    width: 100%
}

@media (max-width: 834px) {
    .UserEdit__form__text,.UserEdit__form__textArea {
        height:40px
    }
}

.UserEdit__form__text::placeholder,.UserEdit__form__textArea::placeholder {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.UserEdit__form__text:focus,.UserEdit__form__textArea:focus {
    border: 1px solid var(--expressive-red);
    outline: none
}

.UserEdit__form__textArea {
    height: 160px;
    padding: 10px 16px
}

@media (max-width: 834px) {
    .UserEdit__form__textArea {
        padding:12px
    }
}

.UserEdit__form__select {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 150%;
    position: relative
}

.UserEdit__form__select:after {
    background-color: var(--object-secondary);
    content: "";
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/down-66a3bfed11db7cea8eb54e44f78f948f3948e8645d6c880c0c9e6c8ffed10c5b.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 10px;
    width: 20px
}

.UserEdit__form__select:focus {
    border: 1px solid var(--expressive-red)
}

.UserEdit__form__select select {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    height: 100%;
    padding: 0 16px;
    width: 100%
}

.UserEdit__form__select select:focus {
    outline: none
}

.UserEdit__form__modal-select {
    align-items: center;
    display: flex;
    min-width: 0
}

.UserEdit__form__modal-select-area {
    flex-grow: 1;
    min-width: 0;
    width: 100%
}

.UserEdit__form__modal-select-area .LipsModal__openModal {
    display: block;
    margin-bottom: 8px
}

.UserEdit__form__modal-select-button {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 8px;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.UserEdit__form__modal-select-button:hover {
    opacity: .8
}

.UserEdit__form__modal-select-button:active,.UserEdit__form__modal-select-button:focus,.UserEdit__form__modal-select-button:hover {
    color: var(--object-main);
    text-decoration: none
}

.UserEdit__form__modal-select-button:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

@media (max-width: 834px) {
    .UserEdit__form__modal-select-button {
        display:none
    }
}

.UserEdit__form__modal-select-title {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px
}

@media (max-width: 834px) {
    .UserEdit__form__modal-select-title {
        margin-bottom:12px
    }
}

.UserEdit__form__modal-select-text {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.UserEdit__form__modal-select-text.visible-for-pc {
    flex-grow: 1;
    flex-shrink: 1;
    margin-bottom: 8px
}

.UserEdit__form__modal-select-text.visible-for-mobile {
    display: flex
}

.UserEdit__form__modal-select-text.visible-for-mobile:after {
    background-color: var(--object-secondary);
    content: "";
    flex-grow: 0;
    flex-shrink: 0;
    height: 20px;
    margin-left: 8px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

.UserEdit__form__modal-select-text.visible-for-mobile span {
    flex-grow: 1;
    flex-shrink: 1
}

.UserEdit__form__modal-select-text-empty {
    color: var(--object-tertiary)
}

.UserEdit__form__modal-select-text-present {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.UserEdit__form__modal-select-empty .UserEdit__form__modal-select-text-present,.UserEdit__form__modal-select-present .UserEdit__form__modal-select-text-empty {
    display: none
}

.UserEdit__emailConfirmation {
    align-items: center;
    display: flex;
    gap: 16px
}

.UserEdit__emailConfirmation__label--notice {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .UserEdit__emailConfirmation__label--notice {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.UserEdit__emailConfirmation__label--confirmed {
    color: #4db531;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .UserEdit__emailConfirmation__label--confirmed {
        color:#4db531;
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.UserEdit__emailConfirmation__send {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.UserEdit__emailConfirmation__send:hover {
    opacity: .8
}

.UserEdit__emailConfirmation__send:active,.UserEdit__emailConfirmation__send:focus,.UserEdit__emailConfirmation__send:hover {
    color: var(--object-main);
    text-decoration: none
}

.UserEdit__isPublic {
    align-items: center;
    display: flex;
    gap: 4px
}

.UserEdit__isPublic__text {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .UserEdit__isPublic__text {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.UserEdit__skinColor {
    display: flex;
    gap: 20px
}

.UserEdit__skinColor input[type=radio] {
    display: none
}

.UserEdit__skinColor__label {
    border: 3px solid #fff;
    border-radius: 50%;
    height: 50px;
    width: 50px
}

@media (max-width: 834px) {
    .UserEdit__skinColor__label {
        height:40px;
        width: 40px
    }
}

.UserEdit__skinColor__label:has(input[type=radio]:checked) {
    position: relative
}

.UserEdit__skinColor__label:has(input[type=radio]:checked):before {
    border: 3px solid var(--object-secondary);
    border-radius: 50%;
    content: "";
    display: block;
    height: 56px;
    left: -6px;
    position: absolute;
    top: -6px;
    width: 56px
}

@media (max-width: 834px) {
    .UserEdit__skinColor__label:has(input[type=radio]:checked):before {
        height:46px;
        width: 46px
    }
}

.UserEdit__btn {
    display: grid;
    gap: 0 16px;
    grid-template-columns: 1fr 1fr
}

@media (max-width: 834px) {
    .UserEdit__btn {
        gap:16px 0;
        grid-template-columns: 1fr;
        margin: 12px 16px
    }
}

.UserEdit__btn--logout {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    order: 2;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.UserEdit__btn--logout:hover {
    opacity: .8
}

.UserEdit__btn--logout:active,.UserEdit__btn--logout:focus,.UserEdit__btn--logout:hover {
    color: var(--object-main);
    text-decoration: none
}

.UserEdit__btn--save {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    order: 1;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.UserEdit__btn--save:hover {
    opacity: .8
}

.UserEdit__btn--save:active,.UserEdit__btn--save:focus,.UserEdit__btn--save:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.UserEdit__btn--save:disabled {
    background: var(--object-tertiary)
}

.UserEdit__btn--save:disabled:hover {
    opacity: 1
}

@media (min-width: 835px) {
    .UserEditModal {
        width:460px
    }
}

.UserEditModal.open {
    display: flex;
    flex-direction: column
}

.UserEditModal__main {
    padding: 20px
}

.UserEditModal__occupations .UserEditModal__main {
    padding: 0
}

.UserEditModal__introduce {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    text-align: center
}

.UserEditModal__explanation {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 8px;
    text-align: center
}

.UserEditModal__separator {
    background: var(--border-separation);
    height: 1px;
    margin: 16px 0
}

.UserEditModal__heading {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 12px;
    margin-top: 16px
}

.UserEditModal__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.UserEditModal__interests .UserEditModal__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 8px
}

.UserEditModal__favorite-brands .UserEditModal__list {
    display: grid;
    gap: 4px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 16px
}

.UserEditModal__list-element {
    cursor: pointer
}

.UserEditModal__interests .UserEditModal__list-element {
    align-items: center;
    background: var(--background-surface);
    border-radius: 50px;
    color: var(--object-main);
    cursor: pointer;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.UserEditModal__interests .UserEditModal__list-element:hover {
    opacity: .8
}

.UserEditModal__interests .UserEditModal__list-element:active,.UserEditModal__interests .UserEditModal__list-element:focus,.UserEditModal__interests .UserEditModal__list-element:hover {
    color: var(--object-main);
    text-decoration: none
}

.UserEditModal__interests .UserEditModal__list-element:hover {
    opacity: 1
}

.UserEditModal__interests .UserEditModal__list-element-selected {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 50px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.UserEditModal__interests .UserEditModal__list-element-selected:hover {
    opacity: .8
}

.UserEditModal__interests .UserEditModal__list-element-selected:active,.UserEditModal__interests .UserEditModal__list-element-selected:focus,.UserEditModal__interests .UserEditModal__list-element-selected:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.UserEditModal__interests .UserEditModal__list-element-selected:disabled {
    background: var(--object-tertiary)
}

.UserEditModal__interests .UserEditModal__list-element-selected:disabled:hover,.UserEditModal__interests .UserEditModal__list-element-selected:hover {
    opacity: 1
}

.UserEditModal__favorite-brands .UserEditModal__list-element {
    aspect-ratio: 1;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.UserEditModal__favorite-brands .UserEditModal__list-element img {
    height: 100%;
    position: absolute;
    width: 100%
}

.UserEditModal__favorite-brands .UserEditModal__list-element-name {
    bottom: 8px;
    color: var(--background-elevation-high);
    font-size: 12px;
    font-weight: 600;
    left: 8px;
    line-height: 150%;
    overflow: hidden;
    position: absolute;
    right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.UserEditModal__favorite-brands .UserEditModal__list-element-background {
    background: linear-gradient(180deg,rgba(34,34,34,0) 50.15%,rgba(34,34,34,.5) 99.85%);
    height: 100%;
    position: absolute;
    width: 100%
}

.UserEditModal__favorite-brands .UserEditModal__list-element-selected .UserEditModal__list-element-background {
    background: linear-gradient(180deg,rgba(34,34,34,.4),rgba(34,34,34,.7))
}

.UserEditModal__favorite-brands .UserEditModal__list-element-selected:before {
    background-color: #fff;
    background-image: url(https://cdn.lipscosme.com/assets/common/check_fill_border-94ef4999d8dae39e53a74433c6d213839e86de1b360d86bdbd2dad5b83edf52a.png);
    background-size: contain;
    border-radius: 10px;
    content: "";
    height: 20px;
    margin: 4px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    z-index: 100
}

.UserEdit__occupations .UserEditModal__list-element {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 16px 12px 16px 16px
}

.UserEdit__occupations .UserEditModal__list-element-selected:after {
    background-color: var(--object-secondary);
    content: "";
    flex-grow: 0;
    flex-shrink: 0;
    height: 20px;
    margin-left: auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/check-c440d774d413ad8de5a04e98b76456c93e7e397f951f527fbf9e154855d4049c.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/check-c440d774d413ad8de5a04e98b76456c93e7e397f951f527fbf9e154855d4049c.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

.UserEditModal__footer-alert {
    color: var(--expressive-red);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 12px
}

.UserEditModal__footer-alert:before {
    background-color: var(--expressive-red);
    content: "";
    flex-grow: 0;
    flex-shrink: 0;
    height: 20px;
    margin-right: 4px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/info-d8c9978fa6413618949b141fc2833534e6288a71ab1485b9082a777ea1d912b8.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

.UserEditModal__footer-alert.hide {
    display: none
}

.UserEditModal__footer-buttons {
    display: flex;
    gap: 0 12px
}

.UserEditModal__footer-buttons a,.UserEditModal__footer-buttons button {
    border-radius: 4px;
    padding: 13px 30px;
    text-align: center;
    text-decoration: none
}

.UserEditModal__clear_btn {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.UserEditModal__clear_btn:hover {
    opacity: .8
}

.UserEditModal__clear_btn:active,.UserEditModal__clear_btn:focus,.UserEditModal__clear_btn:hover {
    color: var(--object-main);
    text-decoration: none
}

.UserEditModal__clear_btn:disabled {
    border: 1px solid var(--object-tertiary);
    color: var(--object-tertiary)
}

.UserEditModal__decide_btn {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    flex-grow: 1;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.UserEditModal__decide_btn:hover {
    opacity: .8
}

.UserEditModal__decide_btn:active,.UserEditModal__decide_btn:focus,.UserEditModal__decide_btn:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.UserEditModal__decide_btn:disabled {
    background: var(--object-tertiary)
}

.UserEditModal__decide_btn:disabled:hover {
    opacity: 1
}

.UserEditModal__occupations-main {
    padding: 0
}

.UserEditModal__working-salon-form label {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px
}

.UserEditModal__working-salon-form+.UserEditModal__working-salon-form {
    margin-top: 24px
}

.Userfigureheader {
    max-width: 1080px;
    padding: 0 0 48px
}

@media (max-width: 834px) {
    .Userfigureheader {
        padding:16px
    }
}

.Userfigureheader__container {
    display: grid;
    gap: 0 40px;
    grid-template-areas: "profIcon nickname" "profIcon name" "profIcon profileDetail" "profIcon userCountArea" "profIcon bioArea" "profIcon linkArea" "profIcon occupationArea";
    grid-template-columns: 180px 1fr;
    grid-template-rows: auto
}

@media (max-width: 834px) {
    .Userfigureheader__container {
        gap:0 28px;
        grid-template-areas: "profIcon name" "profIcon userCountArea" "nickname nickname" "profileDetail profileDetail" "bioArea bioArea" "linkArea linkArea" "occupationArea occupationArea" "followBtnArea followBtnArea";
        grid-template-columns: 84px 1fr
    }
}

@media (min-width: 835px) {
    .Userfigureheader__container {
        position:relative
    }
}

.Userfigureheader__profIconArea {
    grid-area: profIcon
}

.Userfigureheader__profIconArea__image {
    border-radius: 50%;
    height: 180px;
    object-fit: cover;
    width: 180px
}

@media (max-width: 834px) {
    .Userfigureheader__profIconArea__image {
        height:84px;
        width: 84px
    }
}

.Userfigureheader__nickname {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 24px;
    font-weight: 600;
    gap: 8px;
    grid-area: nickname;
    line-height: 150%;
    margin: 0 0 6px
}

@media (max-width: 834px) {
    .Userfigureheader__nickname {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 600;
        gap: 4px;
        line-height: 150%;
        margin: 12px 0 4px
    }
}

.Userfigureheader__name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    grid-area: name;
    line-height: 150%;
    margin: 0 0 16px
}

@media (max-width: 834px) {
    .Userfigureheader__name {
        margin:5px 0 12px
    }
}

.Userfigureheader__profileDetail {
    grid-area: profileDetail
}

.Userfigureheader__jobTitle {
    color: var(--object-secondary);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 4px
}

.Userfigureheader__userAttribute {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    list-style-type: none;
    margin: 0 0 4px;
    padding: 0
}

.Userfigureheader__userAttribute .Userfigureheader__userAttribute__item,.Userfigureheader__userAttribute .Userfigureheader__userAttribute__item--skin-color {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 170%
}

@media (max-width: 834px) {
    .Userfigureheader__userAttribute .Userfigureheader__userAttribute__item,.Userfigureheader__userAttribute .Userfigureheader__userAttribute__item--skin-color {
        color:var(--object-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: 170%
    }
}

.Userfigureheader__userAttribute .Userfigureheader__userAttribute__item--skin-color:not(:first-child):before,.Userfigureheader__userAttribute .Userfigureheader__userAttribute__item:not(:first-child):before {
    border-left: 1px solid var(--object-secondary);
    content: "";
    display: block;
    height: 10px;
    margin: 0 4px 0 0
}

.Userfigureheader__userAttribute__item--skin-color:after {
    border: .7px solid var(--object-secondary);
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 14px;
    margin-left: 4px;
    vertical-align: text-top;
    width: 14px
}

.Userfigureheader__userRankings {
    color: var(--expressive-red);
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    font-weight: 400;
    gap: 4px 8px;
    line-height: 150%;
    list-style-type: none;
    margin: 0 0 4px;
    padding: 0
}

.Userfigureheader__userRankings-item {
    align-items: center;
    display: flex;
    gap: 2px
}

.Userfigureheader__userRankings-item:before {
    background: url(https://cdn.lipscosme.com/assets/crown/pale_gold-927d000fa10209b2451a139378bcc77659820e41a71c7134c04061465af1685b.png);
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    width: 12px
}

.Userfigureheader__userCountArea {
    grid-area: userCountArea;
    margin: 12px 0 16px
}

@media (max-width: 834px) {
    .Userfigureheader__userCountArea {
        margin:0
    }
}

.Userfigureheader__userCount {
    display: flex;
    gap: 24px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .Userfigureheader__userCount {
        gap:20px
    }
}

.Userfigureheader__userCount__link {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 500;
    gap: 4px;
    line-height: 150%
}

.Userfigureheader__userCount__link,.Userfigureheader__userCount__link:active,.Userfigureheader__userCount__link:focus,.Userfigureheader__userCount__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .Userfigureheader__userCount__link {
        color:var(--object-main);
        flex-direction: column;
        font-size: 14px;
        font-weight: 500;
        gap: 2px;
        line-height: 150%
    }
}

.Userfigureheader__userCount__text {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .Userfigureheader__userCount__text {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.Userfigureheader__bioArea {
    grid-area: bioArea
}

.Userfigureheader__bio {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 400;
    line-height: 170%;
    margin: 0 0 16px;
    white-space: pre-wrap
}

@media (max-width: 834px) {
    .Userfigureheader__bio {
        color:var(--object-main);
        cursor: pointer;
        font-size: 12px;
        font-weight: 400;
        line-height: 170%;
        margin: 8px 0 12px;
        max-height: 40px;
        overflow: hidden;
        position: relative
    }
}

.Userfigureheader__bio--readMore {
    background: linear-gradient(to right,transparent,var(--background-elevation-high) 55%);
    bottom: 0;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 170%;
    position: absolute;
    right: 0;
    text-align: right;
    width: 155px
}

@media (min-width: 835px) {
    .Userfigureheader__bio--readMore {
        display:none
    }
}

.Userfigureheader__linkArea {
    grid-area: linkArea
}

.Userfigureheader__linkBtn {
    margin-bottom: 16px
}

.Userfigureheader__occupationArea {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    grid-area: occupationArea;
    padding: 8px 16px
}

.Userfigureheader__occupationArea ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    list-style-type: none;
    margin: 8px 0 0;
    padding: 0
}

.Userfigureheader__occupationArea a[href=""] {
    pointer-events: none
}

.Userfigureheader__occupationArea a[href=""]:after {
    display: none
}

.Userfigureheader__occupation {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    position: relative;
    text-decoration: none
}

.Userfigureheader__occupation:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.Userfigureheader__occupation:active,.Userfigureheader__occupation:focus,.Userfigureheader__occupation:hover {
    color: var(--object-secondary);
    text-decoration: none
}

.Userfigureheader__occupation:after {
    margin: 0;
    right: 0
}

.Userfigureheader__working-salon {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

@media (min-width: 835px) {
    .Userfigureheader__working-salon:not(:first-child):before {
        border-left:1px solid var(--border-separation);
        content: "";
        display: block;
        height: 10px;
        margin: 0 8px 0 0
    }
}

@media (max-width: 834px) {
    .Userfigureheader__working-salon:nth-child(n+3):before {
        border-left:1px solid var(--border-separation);
        content: "";
        display: block;
        height: 10px;
        margin: 0 8px 0 0
    }

    .Userfigureheader__working-salon.salon {
        width: 100%
    }
}

.Userfigureheader__working-salon.salon:before {
    background-color: var(--object-main);
    content: "";
    display: block;
    height: 12px;
    margin: 0 2px 0 0;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/home-2e6e04c75de9292ef08449674609103560c072d13f44ccb070234e601bea1d71.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/home-2e6e04c75de9292ef08449674609103560c072d13f44ccb070234e601bea1d71.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 12px
}

.Userfigureheader__followBtnArea {
    grid-area: followBtnArea
}

@media (min-width: 835px) {
    .Userfigureheader__followBtnArea {
        position:absolute;
        right: 0;
        top: 10.5px
    }
}

@media (max-width: 834px) {
    .Userfigureheader__followBtnArea {
        margin:16px 0 0
    }
}

.Userfigureheader__followBtn {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.Userfigureheader__followBtn:hover {
    opacity: .8
}

.Userfigureheader__followBtn:active,.Userfigureheader__followBtn:focus,.Userfigureheader__followBtn:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.Userfigureheader__followBtn:disabled {
    background: var(--object-tertiary)
}

.Userfigureheader__followBtn:disabled:hover {
    opacity: 1
}

@media (max-width: 834px) {
    .Userfigureheader__followBtn {
        width:100%
    }
}

.Userfigureheader__followBtn.following {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.Userfigureheader__followBtn.following:hover {
    opacity: .8
}

.Userfigureheader__followBtn.following:active,.Userfigureheader__followBtn.following:focus,.Userfigureheader__followBtn.following:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .Userfigureheader__followBtn.following {
        width:100%
    }
}

.Userfigureheader__editBtn {
    align-items: center;
    background: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    word-break: keep-all
}

.Userfigureheader__editBtn:hover {
    opacity: .8
}

.Userfigureheader__editBtn:active,.Userfigureheader__editBtn:focus,.Userfigureheader__editBtn:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .Userfigureheader__editBtn {
        width:100%
    }
}

.user-interests {
    margin: 16px 0
}

@media (max-width: 834px) {
    .user-interests {
        margin:12px 0
    }
}

.user-interests__title {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%
}

.user-interests ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    padding-inline-start:0}

@media (max-width: 834px) {
    .user-interests ul {
        flex-wrap:nowrap;
        overflow: auto
    }
}

.user-interests__list {
    background-color: var(--background-elevation-low);
    border-radius: 16px;
    color: var(--object-main);
    display: inline;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 4px 16px
}

@media (max-width: 834px) {
    .user-interests__list {
        flex-shrink:0;
        padding: 4px 12px
    }
}

@media (min-width: 835px) {
    .user_ranking_sort {
        margin-top:16px
    }
}

.follow-title {
    background: var(--background-elevation-low);
    color: var(--object-secondary);
    font-size: 14px;
    height: 48px;
    margin: 0;
    padding-right: 24px;
    padding-top: 6px;
    text-align: right
}

@media (max-width: 834px) {
    .follow-title {
        font-size:10px;
        height: 32px;
        padding-right: 16px;
        padding-top: 5px
    }
}

.follow-title span {
    color: var(--object-main);
    font-size: 28px;
    line-height: 42px;
    margin-left: 12px
}

@media (max-width: 834px) {
    .follow-title span {
        font-size:18px;
        line-height: 27px;
        margin-left: 7px
    }
}

.user-list.margin {
    margin-top: 80px
}

.user-list .title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .user-list .title {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.user-list .notfound {
    color: var(--object-secondary);
    font-size: 15px;
    padding: 30px 0;
    text-align: center
}

.user-list ul#items.users {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.user-list ul#items.users li.user-cell {
    display: block;
    height: 100px;
    list-style-type: none;
    position: relative;
    width: 50%
}

@media (max-width: 834px) {
    .user-list ul#items.users li.user-cell {
        width:100%
    }
}

.user-list ul#items.users li.user-cell:hover {
    opacity: .8
}

.user-list ul#items.users li.user-cell a.user-link {
    color: var(--object-main);
    display: block;
    text-decoration: none
}

.user-list ul#items.users li.user-cell a.user-link .user-thumb {
    border-radius: 50%;
    display: block;
    float: left;
    height: 56px;
    margin: 18px 0 26px 12px;
    object-fit: cover;
    width: 56px
}

.user-list ul#items.users li.user-cell .follow-btn-ic {
    background: var(--expressive-red);
    border-radius: 8px;
    display: block;
    float: right;
    position: absolute;
    right: 20px;
    top: 28px
}

.user-list ul#items.users li.user-cell .follow-btn-ic img {
    height: 36px;
    width: 36px
}

.user-list ul#items.users li.user-cell .follow-btn-ic.following {
    background: var(--border-separation)
}

.user-list ul#items.users li.user-cell hr {
    margin: 0 8px
}

.user-list ul#items.users li.user-rankings-cell {
    border-radius: 12px;
    box-shadow: 0 2px 6px rgb(var(--object-main)/.2);
    display: block;
    height: 120px;
    list-style-type: none;
    margin: 5px 0;
    position: relative;
    width: 100%
}

@media (max-width: 834px) {
    .user-list ul#items.users li.user-rankings-cell {
        border-bottom:1px solid var(--object-tertiary);
        border-radius: 0;
        box-shadow: none;
        height: 100px;
        margin: 0
    }
}

.user-list ul#items.users li.user-rankings-cell:hover {
    opacity: .8
}

.user-list ul#items.users li.user-rankings-cell a.user-link {
    color: var(--object-main);
    display: block;
    text-decoration: none
}

.user-list ul#items.users li.user-rankings-cell a.user-link .ranking-num-area {
    background: var(--expressive-red);
    border-radius: 12px 0 0 12px;
    color: #fff;
    float: left;
    height: 100%;
    width: 72px
}

@media (max-width: 834px) {
    .user-list ul#items.users li.user-rankings-cell a.user-link .ranking-num-area {
        border-radius:0 0 12px 0;
        height: 26px;
        left: 0;
        position: absolute;
        top: 0;
        width: 68px
    }
}

.user-list ul#items.users li.user-rankings-cell a.user-link .ranking-num-area span {
    display: block;
    font-size: 28px;
    line-height: 120px;
    text-align: center
}

@media (max-width: 834px) {
    .user-list ul#items.users li.user-rankings-cell a.user-link .ranking-num-area span {
        font-size:16px;
        line-height: 26px
    }
}

.user-list ul#items.users li.user-rankings-cell a.user-link .user-thumb {
    border-radius: 50%;
    display: block;
    float: left;
    height: 80px;
    margin: 20px 0 20px 24px;
    object-fit: cover;
    width: 80px
}

@media (max-width: 834px) {
    .user-list ul#items.users li.user-rankings-cell a.user-link .user-thumb {
        height:52px;
        margin: 30px 0 18px 14px;
        width: 52px
    }
}

.user-list ul#items.users li.user-rankings-cell .follow-btn-ic {
    background: var(--expressive-red);
    border-radius: 8px;
    bottom: 18px;
    display: block;
    float: right;
    position: absolute;
    right: 24px
}

@media (max-width: 834px) {
    .user-list ul#items.users li.user-rankings-cell .follow-btn-ic {
        bottom:32px;
        right: 16px
    }
}

.user-list ul#items.users li.user-rankings-cell .follow-btn-ic img {
    bottom: 32px;
    height: 40px;
    right: 16px;
    width: 40px
}

.user-list ul#items.users li.user-rankings-cell .follow-btn-ic.following {
    background: var(--border-separation)
}

#profile-content {
    overflow: hidden;
    position: relative
}

@media (max-width: 834px) {
    #profile-content {
        margin-bottom:20px;
        margin-top: 100px
    }
}

#profile-content .profile-content {
    border: 1px solid var(--border-separation);
    display: inline-block;
    width: 100%
}

@media (max-width: 834px) {
    #profile-content .profile-content {
        text-align:center
    }
}

#profile-content .profile-content .profile-icon {
    border-radius: 50%;
    float: left;
    height: 45px;
    margin: 8px;
    object-fit: cover;
    width: 45px
}

@media (max-width: 834px) {
    #profile-content .profile-content .profile-icon {
        float:none;
        height: 70px;
        width: 70px
    }
}

#profile-content .profile-content a {
    text-decoration: none
}

#profile-content .profile-content a .nickname {
    color: var(--expressive-red);
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 834px) {
    #profile-content .profile-content a .nickname {
        font-size:16px;
        margin-bottom: 5px
    }
}

#profile-content .profile-content a .name {
    color: var(--object-main);
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 27px
}

@media (max-width: 834px) {
    #profile-content .profile-content a .name {
        font-size:15px;
        margin-bottom: 5px
    }
}

#profile-content .profile-content hr {
    margin-bottom: 8px;
    margin-top: 8px
}

#profile-content .profile-content .profile-cell {
    float: left;
    padding-bottom: 8px;
    text-align: center;
    width: 33.3%
}

#profile-content .profile-content .profile-cell a {
    color: var(--object-main);
    font-size: 13px;
    text-decoration: none
}

.article-show__content+.app-like-list {
    margin-top: -42px
}

@media (min-width: 768px) {
    #webview-body .container,#webview-body-nomargin .container {
        max-width:unset;
        width: 750px
    }
}

@media (min-width: 992px) {
    #webview-body .container,#webview-body-nomargin .container {
        max-width:unset;
        width: 970px
    }
}

@media (min-width: 1200px) {
    #webview-body .container,#webview-body-nomargin .container {
        max-width:unset;
        width: 1170px
    }
}

.campaign-gacha {
    background: linear-gradient(150deg,#faf5ff 4.69%,#fce7f3 48.1%,#fdf2f8 91.51%);
    margin: 0 auto;
    padding: 0;
    width: 100%
}

@media (min-width: 835px) {
    .campaign-gacha {
        max-width:712px
    }
}

.campaign-gacha__hero {
    position: relative;
    width: 100%
}

.campaign-gacha__hero-image {
    display: block;
    object-fit: cover;
    width: 100%
}

.campaign-gacha__content {
    padding: 40px 16px 0
}

.campaign-gacha__alert {
    align-items: center;
    border-radius: 8px;
    color: transparent;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    font-weight: 500;
    justify-content: space-between;
    line-height: 170%;
    margin-bottom: 16px;
    padding: 8px 16px;
    text-align: center
}

.campaign-gacha__alert--danger {
    background: #fdf2f8;
    border: 1px solid rgba(248,67,106,.25);
    color: var(--expressive-red)
}

.campaign-gacha__alert--success {
    background-color: var(--expressive-green-light);
    border: 1px solid var(--expressive-green);
    color: var(--expressive-green)
}

.campaign-gacha__alert-arrow {
    align-items: center;
    background-color: var(--object-tertiary);
    display: flex;
    height: 16px;
    justify-content: center;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.campaign-gacha__alert-text {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: center
}

.campaign-gacha__alert-subtext {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 12px;
    font-weight: 300;
    justify-content: center;
    line-height: 130%
}

.campaign-gacha__used-tickets {
    background: hsla(0,0%,100%,.7);
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 24px 16px
}

.campaign-gacha__used-tickets h3 {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 170%;
    margin: 0;
    text-align: center
}

.campaign-gacha__used-tickets p {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin: 8px 0 16px;
    text-align: center
}

.campaign-gacha__used-tickets-result {
    align-items: center;
    display: flex;
    gap: 16px;
    margin: 16px 0
}

.campaign-gacha__used-tickets-result--hidden {
    display: none
}

.campaign-gacha__used-tickets-result-image {
    aspect-ratio: 1/1;
    background: linear-gradient(90deg,#fffaf1,#f8f0f7 50.96%,#eff2f8);
    display: block;
    object-fit: contain;
    width: 56px
}

.campaign-gacha__used-tickets-result-name {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%
}

.campaign-gacha__used-tickets-result-description {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%
}

.campaign-gacha__show-more-container {
    margin-top: 16px;
    text-align: center
}

.campaign-gacha__show-more-button {
    align-items: center;
    background: var(--background-elevation-high);
    border: 1px solid #fce7f3;
    border-radius: 4px;
    color: var(--expressive-blue);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 100%;
    word-break: keep-all
}

.campaign-gacha__show-more-button:hover {
    opacity: .8
}

.campaign-gacha__show-more-button:active,.campaign-gacha__show-more-button:focus,.campaign-gacha__show-more-button:hover {
    color: var(--expressive-blue);
    text-decoration: none
}

.campaign-gacha__participation {
    background-color: var(--background-elevation-high);
    border-radius: 8px;
    margin-bottom: 40px;
    padding: 24px 16px 32px
}

.campaign-gacha__participation-content {
    text-align: center
}

.campaign-gacha__participation-title {
    margin-bottom: 16px
}

.campaign-gacha__participation-subtitle {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    font-weight: 400;
    line-height: 170%
}

.campaign-gacha__participation-subtitle span {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%
}

.campaign-gacha__participation-subtitle span.red {
    color: var(--expressive-red)
}

.campaign-gacha__participation-subtitle--gradient {
    background: linear-gradient(135deg,#ff4881,#4881ff);
    background-clip: text;
    color: var(--object-main);
    color: transparent;
    font-size: 24px;
    font-weight: 600;
    line-height: 170%
}

.campaign-gacha__participation-subtitle--gradient span {
    color: var(--object-main)
}

.campaign-gacha__participation-main-title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%;
    margin: 0 0 16px
}

.campaign-gacha__participation-link {
    margin: 16px 0
}

.campaign-gacha__participation-link a {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    text-decoration: underline
}

.campaign-gacha__participation-note {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin: 16px 0 0
}

.campaign-gacha__info-buttons {
    margin-bottom: 40px
}

.campaign-gacha__info-title {
    background: linear-gradient(135deg,#ff4881,#4881ff);
    background-clip: text;
    color: transparent;
    font-size: 20px;
    font-weight: 600;
    line-height: 170%;
    margin: 0 0 24px;
    text-align: center
}

.campaign-gacha__button-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4,1fr)
}

.campaign-gacha__info-button {
    align-items: center;
    background-color: var(--background-elevation-high);
    border: 1px solid #fce7f3;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 8px;
    text-decoration: none;
    transition: background-color .2s ease
}

.campaign-gacha__info-button-icon {
    font-size: 32px;
    line-height: 1
}

.campaign-gacha__info-button-text {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 170%;
    text-align: center
}

.campaign-gacha__info-button-arrow {
    background-color: var(--object-tertiary);
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/arrow/down-5394789bca3fd46415c37a6d3fa8825c6ec38a1283a27dbdb41764efc3b5ab1f.svg);
    mask: url(https://cdn.lipscosme.com/assets/arrow/down-5394789bca3fd46415c37a6d3fa8825c6ec38a1283a27dbdb41764efc3b5ab1f.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.campaign-gacha__detail-section {
    padding: 0 16px 40px
}

.campaign-gacha__section {
    margin-bottom: 40px
}

.campaign-gacha__section:last-child {
    margin-bottom: 0
}

.campaign-gacha__section-title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 170%;
    margin: 0 0 16px
}

.campaign-gacha__content-box {
    background-color: hsla(0,0%,100%,.7);
    border-radius: 8px;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 16px
}

.campaign-gacha__content-box p {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin: 0 0 16px
}

.campaign-gacha__content-box p:last-child {
    margin-bottom: 0
}

.campaign-gacha__underline {
    display: block;
    font-weight: 300;
    text-decoration: underline;
    text-underline-offset: auto
}

.campaign-gacha__bold,.campaign-gacha__underline {
    color: var(--object-main);
    font-size: 15px;
    line-height: 170%
}

.campaign-gacha__bold {
    font-weight: 600
}

.campaign-gacha__content-box ol,.campaign-gacha__content-box ul {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin: 0 0 16px;
    padding-left: 24px
}

.campaign-gacha__content-box ol:last-child,.campaign-gacha__content-box ul:last-child {
    margin-bottom: 0
}

.campaign-gacha__content-box ol li,.campaign-gacha__content-box ul li {
    margin-bottom: 4px
}

.campaign-gacha__content-box ol li:last-child,.campaign-gacha__content-box ul li:last-child {
    margin-bottom: 0
}

.campaign-gacha__benefits-title {
    margin: 0 0 4px
}

.campaign-gacha__benefits-subtitle,.campaign-gacha__benefits-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 170%;
    text-align: center
}

.campaign-gacha__benefits-subtitle {
    margin: 0 0 16px
}

.campaign-gacha__benefits-image {
    margin-bottom: 16px;
    text-align: center
}

.campaign-gacha__benefits-img {
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    width: 100%
}

.campaign-gacha__step {
    margin-bottom: 16px
}

.campaign-gacha__step-number {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%;
    margin: 40px 0 16px
}

.campaign-gacha__section-title+.campaign-gacha__step .campaign-gacha__step-number {
    margin-top: 16px
}

.campaign-gacha__step-image {
    margin-bottom: 16px;
    text-align: center
}

.campaign-gacha__step-img {
    border-radius: 8px;
    display: block;
    height: 205px;
    margin: 0 auto 8px;
    object-fit: cover;
    width: 100%
}

.campaign-gacha__primary-button {
    align-items: center;
    background-color: #080a4a;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 170%;
    margin-bottom: 16px;
    transition: background-color .2s ease
}

.campaign-gacha__primary-button--disabled {
    background: var(--object-tertiary)
}

.campaign-gacha__prize-title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%;
    margin: 16px 0
}

.campaign-gacha__prize-image {
    margin-bottom: 16px;
    text-align: center
}

.campaign-gacha__prize-img {
    border-radius: 8px;
    display: block;
    margin: 0 auto 8px;
    object-fit: cover;
    width: 100%
}

.campaign-gacha__probability-title {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin: 0 0 16px
}

.campaign-gacha__probability-list {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.campaign-gacha__probability-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.campaign-gacha__probability-name,.campaign-gacha__probability-note,.campaign-gacha__probability-rate {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%
}

.campaign-gacha__probability-note {
    margin-top: 16px
}

.campaign-gacha__probability-note p {
    margin: 0 0 8px
}

.campaign-gacha__probability-note p:last-child {
    margin-bottom: 0
}

.campaign-gacha__detail-item {
    margin-bottom: 24px
}

.campaign-gacha__detail-item:last-child {
    margin-bottom: 0
}

.campaign-gacha__detail-title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%;
    margin: 0 0 8px
}

.campaign-gacha__loading-machine {
    height: 200px
}

.campaign-gacha__loading-text {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-top: 16px
}

.campaign-gacha__lottery-button {
    align-items: center;
    background: none;
    background: linear-gradient(90deg,#f43f5e,#f472b6 33%,#a855f7 66%,#fbbf24);
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 170%;
    margin-bottom: 16px;
    padding: 0;
    transition: background-color .2s ease;
    width: 100%
}

.campaign-gacha__lottery-button:focus {
    outline: none
}

.campaign-gacha__lottery-button:disabled {
    background: var(--object-tertiary)
}

.campaign-gacha__gradient-button {
    align-items: center;
    background: none;
    background: linear-gradient(90deg,#f43f5e,#f472b6 33%,#a855f7 66%,#fbbf24);
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 170%;
    margin-bottom: 16px;
    padding: 0;
    transition: background-color .2s ease;
    width: 100%
}

.campaign-gacha__gradient-button:focus {
    outline: none
}

.campaign-gacha__modal-background {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 60%;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2
}

.campaign-gacha__result-modal {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 10px rgba(0,0,0,.3);
    display: none;
    left: 50%;
    max-height: 95%;
    max-width: 500px;
    overflow-y: scroll;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 92%;
    z-index: 4
}

.campaign-gacha__result-modal__result-image {
    max-height: 50vh;
    object-fit: cover;
    width: 100%
}

.campaign-gacha__result-modal h3 {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%;
    margin: 24px 16px 16px;
    text-align: center
}

.campaign-gacha__result-modal p {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin: 16px;
    text-align: center
}

.campaign-gacha__result-modal__container {
    padding: 16px 16px 12px
}

.campaign-gacha__result-modal__close {
    background-color: rgba(0,0,0,.4);
    border-radius: 10000px;
    height: 32px;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 32px;
    z-index: 100
}

.campaign-gacha__result-modal__address-button {
    background-color: var(--object-main);
    border: none;
    border-radius: 8px;
    color: #fff;
    display: flex;
    flex-grow: 1;
    font-size: 15px;
    font-weight: 500;
    justify-content: center;
    margin-top: 8px;
    padding: 10px 8px;
    text-decoration: none;
    width: 100%
}

.campaign-gacha__result-modal__address-button:active,.campaign-gacha__result-modal__address-button:focus,.campaign-gacha__result-modal__address-button:hover {
    color: #fff;
    text-decoration: none
}

.campaign-gacha__loading {
    display: none;
    left: 50%;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3
}

.campaign-gacha__loading__gacha-machine {
    height: 200px
}

.campaign-gacha__loading__text {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-top: 16px
}

.campaign-gacha .loader,.campaign-gacha .loader:after,.campaign-gacha .loader:before {
    -webkit-animation: load7 1.8s ease-in-out infinite;
    animation: load7 1.8s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 50%;
    height: 2em;
    width: 2em
}

.campaign-gacha .loader {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    color: #fff;
    font-size: 10px;
    margin: 16px auto 0;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.campaign-gacha .loader:after,.campaign-gacha .loader:before {
    content: "";
    position: absolute;
    top: 0
}

.campaign-gacha .loader:before {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
    left: -3em
}

.campaign-gacha .loader:after {
    left: 3em
}

.campaign-gacha__address-edit {
    background: var(--background-elevation-high)
}

.campaign-gacha__address-edit-description {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin: 16px
}

.commerce_about {
    margin: 0 auto;
    padding: 0
}

@media (min-width: 835px) {
    .commerce_about {
        max-width:500px
    }
}

.commerce_about .content_image {
    width: 100%
}

.commerce_about p {
    margin-top: 30px;
    padding: 16px
}

.go_to_shop_button {
    margin: 0 auto;
    width: 90%
}

.go_to_shop_button__link__image {
    width: 100%
}

.commerce-gacha {
    background-color: #fff;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

@media (min-width: 835px) {
    .commerce-gacha {
        max-width:500px
    }
}

.commerce-gacha .commerce-gacha__section,.commerce-gacha .commerce-gacha__section--primary {
    padding: 20px 16px
}

.commerce-gacha__section--primary {
    background-color: var(--background-positive)
}

.commerce-gacha__image {
    width: 100%
}

.commerce-gacha h1 {
    border-bottom: 2px solid var(--background-primary);
    font-size: 18px;
    margin: 0 0 16px;
    padding-bottom: 8px;
    text-align: center;
    width: 100%
}

.commerce-gacha h1,.commerce-gacha h2 {
    color: var(--object-main);
    font-weight: 600;
    line-height: 150%
}

.commerce-gacha h2 {
    border-left: 4px solid var(--object-tertiary);
    font-size: 16px;
    margin: 16px 0 8px;
    padding-left: 12px
}

.commerce-gacha__to-detail {
    margin: 8px 0 0;
    text-align: center
}

.commerce-gacha__to-detail__link {
    color: var(--object-secondary);
    font-size: 13px;
    text-decoration: underline
}

.commerce-gacha__detail__text,.commerce-gacha__detail__ul {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.commerce-gacha__detail__ul {
    padding-left: 18px
}

.commerce-gacha .commerce-gacha__main-button,.commerce-gacha .commerce-gacha__main-button--disabled {
    border: none;
    border-radius: 1000px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 16px;
    min-height: 56px;
    padding: 12px 28px;
    width: 100%
}

.commerce-gacha__main-button {
    background-color: var(--background-primary)
}

.commerce-gacha__main-button--disabled {
    background-color: var(--object-secondary)
}

.commerce-gacha__main-button__main-text {
    font-size: 16px
}

.commerce-gacha__main-button__subtext {
    color: var(--object-secondary);
    font-size: 13px;
    margin: 12px 16px 0;
    text-align: center
}

.commerce-gacha__launch_app_link {
    color: var(--object-main);
    font-size: 14px;
    margin-top: 16px;
    text-align: center;
    text-decoration: underline
}

.commerce-gacha__launch_app_link__wrapper {
    margin-top: 12px;
    text-align: center
}

.commerce-gacha__pc-alert {
    align-items: center;
    display: inline-flex;
    margin-bottom: 8px;
    padding-top: 4px
}

.commerce-gacha__pc-alert__wrapper {
    text-align: center
}

.commerce-gacha__pc-alert__icon {
    display: inline-block;
    filter: brightness(0) saturate(100%) invert(52%) sepia(0) saturate(1049%) hue-rotate(138deg) brightness(88%) contrast(86%);
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.commerce-gacha__pc-alert__text {
    color: var(--object-secondary);
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 0
}

.commerce-gacha__modal-background {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 60%;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2
}

.commerce-gacha__result-modal {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 10px rgba(0,0,0,.3);
    display: none;
    left: 50%;
    max-height: 95%;
    overflow-y: scroll;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 92%;
    z-index: 4
}

.commerce-gacha__result-modal::-webkit-scrollbar {
    display: none
}

.commerce-gacha__result-modal__result-image {
    border-radius: 8px 8px 0 0;
    width: 100%
}

.commerce-gacha__result-modal__container {
    padding: 16px
}

.commerce-gacha__result-modal__close {
    background-color: rgba(0,0,0,.4);
    border-radius: 10000px;
    height: 32px;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 32px;
    z-index: 100
}

.commerce-gacha__result-modal .commerce-gacha__result-modal__search-button,.commerce-gacha__result-modal .commerce-gacha__result-modal__twitter-button {
    align-items: center;
    border: none;
    border-radius: 8px;
    color: #fff;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 10px;
    text-decoration: none;
    width: 100%
}

.commerce-gacha__result-modal .commerce-gacha__result-modal__search-button:active,.commerce-gacha__result-modal .commerce-gacha__result-modal__search-button:focus,.commerce-gacha__result-modal .commerce-gacha__result-modal__search-button:hover,.commerce-gacha__result-modal .commerce-gacha__result-modal__twitter-button:active,.commerce-gacha__result-modal .commerce-gacha__result-modal__twitter-button:focus,.commerce-gacha__result-modal .commerce-gacha__result-modal__twitter-button:hover {
    color: #fff;
    text-decoration: none
}

.commerce-gacha__result-modal__search-button {
    background-color: var(--background-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 10px
}

.commerce-gacha__result-modal__twitter-button {
    background-color: #1d9bf0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

.commerce-gacha__result-modal__twitter-button__icon {
    height: 20px;
    margin-right: 16px;
    width: 20px
}

.commerce-gacha__loading {
    display: none;
    left: 50%;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3
}

.commerce-gacha__loading__gacha-machine {
    height: 200px
}

.commerce-gacha__loading__text {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-top: 16px
}

.commerce-gacha .loader,.commerce-gacha .loader:after,.commerce-gacha .loader:before {
    -webkit-animation: load7 1.8s ease-in-out infinite;
    animation: load7 1.8s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 50%;
    height: 2em;
    width: 2em
}

.commerce-gacha .loader {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    color: #fff;
    font-size: 10px;
    margin: 16px auto 0;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.commerce-gacha .loader:after,.commerce-gacha .loader:before {
    content: "";
    position: absolute;
    top: 0
}

.commerce-gacha .loader:before {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
    left: -3em
}

.commerce-gacha .loader:after {
    left: 3em
}

@-webkit-keyframes load7 {
    0%,80%,to {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

@keyframes load7 {
    0%,80%,to {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.commerce-gacha-finished {
    background-color: #fff;
    border: 1px solid var(--border-separation);
    border-radius: 8px;
    margin: 16px;
    padding: 16px;
    text-align: center
}

.commerce-gacha-finished__text {
    color: var(--expressive-red);
    font-size: 15px;
    font-weight: 700;
    line-height: 150%
}

.commerce-gacha-finished__subtext {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 700
}

.commerce-lottery-sale {
    background-color: #fff;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

@media (min-width: 835px) {
    .commerce-lottery-sale {
        max-width:500px
    }
}

.commerce-lottery-sale__info-container {
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px
}

.commerce-lottery-sale__figureheader {
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0;
    line-height: 27px
}

.commerce-lottery-sale__product-container {
    display: flex;
    flex-direction: row;
    gap: 16px
}

.commerce-lottery-sale__product-image {
    border: 1px solid var(--border-separation);
    flex: none;
    flex-grow: 0;
    height: 64px;
    order: 0;
    width: 64px
}

.commerce-lottery-sale__product-name-container {
    display: flex;
    flex-direction: column;
    margin: 6px 0
}

.commerce-lottery-sale__brand-name {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.commerce-lottery-sale__product-name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px
}

.commerce-lottery-sale__schedule-container {
    table-layout: fixed;
    text-align: center;
    vertical-align: center;
    width: 100%
}

.commerce-lottery-sale__schedule-row {
    border: 1px solid var(--border-separation);
    border-radius: 4px
}

.commerce-lottery-sale__schedule-head {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px;
    padding: 8px;
    text-align: center
}

.commerce-lottery-sale__schedule-data {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.commerce-lottery-sale__form-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px
}

.commerce-lottery-sale__form-note {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px
}

.commerce-lottery-sale__form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.commerce-lottery-sale__form-label {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 27px;
    margin-bottom: 8px
}

.commerce-lottery-sale__form-input {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    letter-spacing: 0;
    line-height: 16px
}

.commerce-lottery-sale__form-input::placeholder {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px
}

.commerce-lottery-sale__form-address-container {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.commerce-lottery-sale__form-warning-message-container {
    align-items: center;
    background: #fffaf0;
    border: 1px solid #ffd157;
    border-radius: 4px;
    color: #ff7a45;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 500;
    gap: 16px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 16px;
    padding: 12px 16px
}

.commerce-lottery-sale__form-warning-message-container:before {
    background-color: #ff7a45;
    content: "　　";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.commerce-lottery-sale__form-postal-code-container {
    display: flex;
    flex-direction: row;
    gap: 8px
}

.commerce-lottery-sale__form-address-search-button {
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: #fff;
    display: block;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px;
    padding: 12px 16px;
    text-align: center;
    text-decoration: none
}

.commerce-lottery-sale__form-address-search-button:active,.commerce-lottery-sale__form-address-search-button:focus,.commerce-lottery-sale__form-address-search-button:hover {
    color: #fff;
    text-decoration: none
}

.commerce-lottery-sale__confirmation {
    align-items: center;
    background: var(--background-attention);
    border: 1px solid var(--expressive-red);
    border-radius: 4px;
    color: var(--expressive-red);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 16px;
    padding: 16px
}

.commerce-lottery-sale__confirmation:before {
    background-color: var(--expressive-red);
    content: "　　";
    height: 32px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 32px
}

.commerce-lottery-sale__confirmation-title {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px
}

.commerce-lottery-sale__confirmation-section {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: auto
}

.commerce-lottery-sale__confirmation-list {
    color: var(--expressive-red);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 13px;
    margin-right: auto;
    padding-left: 1.5em
}

.commerce-lottery-sale__confirmation-list ::marker {
    font-size: .5em
}

.commerce-lottery-sale__confirmation-check-container {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 16px;
    place-items: center flex-start;
    width: 100%
}

.commerce-lottery-sale__confirmation-check-box {
    height: 20px;
    width: 20px
}

.commerce-lottery-sale__confirmation-check-box[type=checkbox] {
    accent-color: var(--object-main);
    border: 1.5px solid var(--object-tertiary);
    margin: 6px
}

.commerce-lottery-sale__confirmation-check-message-container {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.commerce-lottery-sale__confirmation-check-message {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px
}

.commerce-lottery-sale__confirmation-check-note {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 13px
}

.commerce-lottery-sale__form-submit-button {
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    padding: 12px 0;
    text-align: center;
    text-decoration: none
}

.commerce-lottery-sale__form-submit-button:active,.commerce-lottery-sale__form-submit-button:focus,.commerce-lottery-sale__form-submit-button:hover {
    color: #fff;
    text-decoration: none
}

.commerce-lottery-sale__form-submit-button:disabled {
    background: var(--background-inactive);
    opacity: 1
}

.creator-supports {
    background-color: var(--background-elevation-low)
}

.creator-supports>div:nth-child(n+2) {
    margin: 48px 0
}

@media (max-width: 834px) {
    .creator-supports>div:nth-child(n+2) {
        margin:16px 0;
        padding: .1px 0
    }
}

.creator-supports__top-image {
    height: auto;
    width: 100%
}

.container>.creator-supports>.creator-supports__post-hint {
    margin-top: 0
}

.creator-supports__section-title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    padding: 16px 16px 0
}

.creator-supports__list,.creator-supports__section-title {
    background-color: var(--background-elevation-high);
    margin: 0
}

.creator-supports__list {
    list-style-type: none;
    padding: 0
}

.creator-supports__item {
    border-bottom: 1px solid var(--border-separation)
}

.creator-supports__list-link {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 12px;
    line-height: 150%;
    padding: 8px 0
}

.creator-supports__list-link,.creator-supports__list-link:active,.creator-supports__list-link:focus,.creator-supports__list-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .creator-supports__list-link {
        padding:16px
    }
}

.creator-supports__list-thumb {
    background: var(--background-elevation-low);
    border-radius: 4px;
    height: 72px;
    object-fit: cover;
    width: 72px
}

.creator-supports__list-title-author-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.creator-supports__list-title-container {
    align-items: center;
    display: flex;
    height: 100%
}

.creator-supports__list-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal
}

.creator-supports__list-author {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 4px
}

.creator-supports__list-author-avatar {
    border-radius: 999px;
    display: inline;
    height: 16px;
    width: 16px
}

.creator-supports__button-container {
    background-color: var(--background-elevation-high);
    padding: 16px
}

.creator-supports__button-list {
    background-color: var(--background-elevation-high);
    padding: 16px 16px 0
}

.creator-supports__button-list .fetch-posts-button {
    background: #fff;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    gap: 10px;
    line-height: 150%;
    margin-right: 8px;
    padding: 4px 12px
}

.creator-supports__button-list .fetch-posts-button.active {
    background: var(--background-primary);
    border: none;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.creator-supports__button {
    background-color: var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center
}

.creator-supports__button,.creator-supports__button:active,.creator-supports__button:focus,.creator-supports__button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .creator-supports__button {
        width:-webkit-fill-available;
        width: -moz-available;
        width: stretch
    }
}

.creator-supports__section-description {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 6px 16px 12px
}

.creator-supports__posts-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3,1fr);
    margin-top: 16px
}

.creator-supports__grid-image {
    aspect-ratio: 1/1;
    display: block;
    object-fit: cover;
    width: 100%
}

.creator-supports__grid-award-post {
    aspect-ratio: 124/200;
    display: block;
    object-fit: cover;
    width: 100%
}

.creator-supports__grid-post {
    position: relative
}

.creator-supports__grid-post:before {
    background: linear-gradient(180deg,rgba(34,34,34,0) 50%,rgba(34,34,34,.6));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.creator-supports__grid-post img {
    z-index: 0
}

.creator-supports__grid-post__like-block {
    align-items: center;
    bottom: 2px;
    display: flex;
    left: 0;
    padding-left: 3px;
    position: absolute;
    text-shadow: 0 0 4px rgba(0,0,0,.2)
}

.creator-supports__grid-post__like-block:before {
    background-color: #fff;
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/heart-1-f8b8c18b5bc69cfe3b26c277ece56cc0860dea5c0a72197585b1f06898975a76.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/heart-1-f8b8c18b5bc69cfe3b26c277ece56cc0860dea5c0a72197585b1f06898975a76.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.creator-supports__grid-post__like-count {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.creator-supports__grid-post__play-block {
    align-items: center;
    bottom: 2px;
    display: flex;
    left: 0;
    padding-left: 3px;
    position: absolute;
    text-shadow: 0 0 4px rgba(0,0,0,.2)
}

.creator-supports__grid-post__play-block:before {
    background-color: #fff;
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/feather/play2-13b49c909ea99ac0e1471e9d40657d40c0455c6c713adbb4d8af680afda8e487.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/feather/play2-13b49c909ea99ac0e1471e9d40657d40c0455c6c713adbb4d8af680afda8e487.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.creator-supports__grid-post__play-count {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.creator-supports__section-title-container {
    display: flex
}

.creator-supports__award-posts-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3,1fr);
    margin-top: 16px
}

.creator-supports__topic-link {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 150%;
    padding: 8px 0
}

.creator-supports__topic-link,.creator-supports__topic-link:active,.creator-supports__topic-link:focus,.creator-supports__topic-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .creator-supports__topic-link {
        padding:8px 16px
    }
}

.creator-supports__topic-image {
    border: 1px solid var(--border-separation);
    border-radius: 999px;
    height: 40px;
    padding: 11px;
    width: 40px
}

.creator-supports__topic-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.creator-supports__topic-name {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.creator-supports__topic-stats {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.creator-supports__faq-container {
    display: flex;
    gap: 8px;
    margin: 12px 16px 0
}

.creator-supports__faq-key {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

.creator-supports__faq-value {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.creator-supports__faq-link {
    color: var(--expressive-red);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 16px 0 0;
    text-align: right
}

.creator-supports__faq-hr {
    margin: 12px 16px 16px
}

.creator-tools {
    background-color: var(--background-elevation-low)
}

.creator-tools>div:nth-child(n+1) {
    margin: 48px 0
}

@media (max-width: 834px) {
    .creator-tools>div:nth-child(n+1) {
        background:var(--background-elevation-high);
        margin: 16px 0;
        padding: 20px 16px
    }
}

.creator-tools>div:first-child {
    margin-top: 0
}

.creator-tools__title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%
}

.creator-tools__sub-title {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding-top: 8px
}

.creator-tools__reports {
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    gap: 8px;
    margin: 20px 0;
    padding-bottom: 20px
}

.creator-tools__report-item {
    background-color: var(--background-surface);
    border-radius: 4px;
    height: 90px;
    padding: 12px 8px;
    width: 100%
}

.creator-tools__report-item__title {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 4px
}

.creator-tools__report-item__value {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 8px
}

.creator-tools__report-item__diff {
    color: var(--expressive-blue);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.creator-tools__report-item__diff.minus {
    color: var(--expressive-red)
}

.creator-tools__announcement {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 12px
}

.creator-tools__announcement span {
    color: var(--expressive-blue);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

.creator-tools__post-link {
    align-items: center;
    background-color: var(--background-surface);
    border-radius: 4px;
    display: flex;
    gap: 12px;
    height: 56px;
    padding: 8px
}

.creator-tools__post-link__image {
    border-radius: 4px;
    height: 40px;
    object-fit: cover;
    width: 40px
}

.creator-tools__post-link__text {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.creator-tools__tool-list {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 12px 0 0
}

.creator-tools__tool-item {
    width: 100%
}

.creator-tools__tool-link {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.creator-tools__tool-icon {
    background-color: var(--background-surface);
    border-radius: 4px;
    color: var(--object-main);
    margin: 0 auto;
    padding: 16px
}

.creator-tools__tool-text {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 8px;
    text-align: center
}

.creator-tools__button {
    background-color: var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center
}

.creator-tools__button,.creator-tools__button:active,.creator-tools__button:focus,.creator-tools__button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .creator-tools__button {
        width:-webkit-fill-available;
        width: -moz-available;
        width: stretch
    }
}

.creator-tools__movie-posts-grid,.creator-tools__posts-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3,1fr);
    margin-top: 16px
}

.creator-tools__grid-image {
    aspect-ratio: 1/1;
    display: block;
    object-fit: cover;
    width: 100%
}

.creator-tools__grid-movie {
    aspect-ratio: 124/200;
    display: block;
    object-fit: cover;
    width: 100%
}

.creator-tools__grid-post {
    position: relative
}

.creator-tools__grid-post:before {
    background: linear-gradient(180deg,rgba(34,34,34,0) 50%,rgba(34,34,34,.6));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.creator-tools__grid-post img {
    z-index: 0
}

.creator-tools__grid-post__like-block {
    align-items: center;
    bottom: 2px;
    display: flex;
    left: 0;
    padding-left: 3px;
    position: absolute;
    text-shadow: 0 0 4px rgba(0,0,0,.2)
}

.creator-tools__grid-post__like-block:before {
    background-color: #fff;
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/heart-1-f8b8c18b5bc69cfe3b26c277ece56cc0860dea5c0a72197585b1f06898975a76.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/heart-1-f8b8c18b5bc69cfe3b26c277ece56cc0860dea5c0a72197585b1f06898975a76.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.creator-tools__grid-post__like-count {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.creator-tools__grid-post__play-block {
    align-items: center;
    bottom: 2px;
    display: flex;
    left: 0;
    padding-left: 3px;
    position: absolute;
    text-shadow: 0 0 4px rgba(0,0,0,.2)
}

.creator-tools__grid-post__play-block:before {
    background-color: #fff;
    content: "";
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/feather/play2-13b49c909ea99ac0e1471e9d40657d40c0455c6c713adbb4d8af680afda8e487.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/feather/play2-13b49c909ea99ac0e1471e9d40657d40c0455c6c713adbb4d8af680afda8e487.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.creator-tools__grid-post__play-count {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.creator-tools__button-container {
    background-color: var(--background-elevation-high);
    display: flex;
    gap: 8px;
    padding-top: 16px
}

.creator-tools__button-container .fetch-posts-button {
    background: var(--background-surface);
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    gap: 10px;
    line-height: 150%;
    padding: 4px 12px
}

.creator-tools__button-container .fetch-posts-button.active {
    background: var(--background-primary);
    border: none;
    color: var(--object-reverse);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.creator-tools__tips-section {
    background-color: var(--background-elevation-low)!important;
    padding: 8px 16px!important
}

.creator-tools__tips-link {
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.1);
    display: flex;
    height: 80px;
    justify-content: space-between;
    overflow: hidden
}

.creator-tools__tips-image {
    height: 100%;
    object-fit: cover;
    width: 116px
}

.creator-tools__tips-image--icon {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.creator-tools__tips-context {
    align-items: center;
    background: var(--background-elevation-high);
    display: flex;
    flex: 1 0 0;
    justify-content: space-between;
    padding: 16px
}

.creator-tools__tips-context--text {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 170%
}

.creator-tools__tips-context--arrow {
    background-color: var(--object-tertiary);
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/feather/arrow-13c93f3b6532d048e094b60577a9a8701f5b4822f35f0096485de2300f4d20c6.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.dashboard {
    background-color: var(--background-elevation-low)
}

.dashboard__simple-text {
    background-color: var(--background-elevation-high);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 16px 16px .1px
}

.dashboard>div:not(:first-of-type) {
    margin: 48px 0
}

@media (max-width: 834px) {
    .dashboard>div:not(:first-of-type) {
        background:#fff;
        margin: 16px 0;
        padding: .1px 0
    }
}

.dashboard>div:not(:first-of-type)>div {
    margin: 0 16px 16px
}

.dashboard__notification {
    background-color: var(--background-elevation-high);
    padding: 16px
}

.dashboard__notification a {
    background: var(--background-elevation-low);
    border-radius: 8px;
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px;
    text-decoration: underline
}

.dashboard__notification a:nth-child(n+2) {
    margin-top: 16px
}

.dashboard__notification-badge {
    color: var(--expressive-red);
    font-size: 10px;
    position: relative;
    text-decoration: none;
    top: -5px
}

.dashboard__title,.dashboard__title--with-tag {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 16px 0 12px
}

.dashboard__title--with-tag {
    align-items: center;
    display: flex;
    gap: 8px
}

.dashboard__title-description {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 12px
}

.dashboard__title-tag {
    background-color: var(--object-secondary)
}

.dashboard__title-tag,.dashboard__title-tag--prediction {
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    padding: 2px 4px
}

.dashboard__title-tag--prediction {
    background-color: var(--expressive-blue)
}

.dashboard__revenue-caption {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 16px
}

.dashboard__revenue-caption,.dashboard__revenue-grid {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    padding: 12px
}

.dashboard__revenue-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2,1fr)
}

.dashboard__grid-item-title {
    font-size: 12px;
    font-weight: 400
}

.dashboard__grid-item-price,.dashboard__grid-item-title {
    color: var(--object-main);
    line-height: 150%;
    margin-bottom: 2px
}

.dashboard__grid-item-price {
    font-size: 18px;
    font-weight: 600
}

.dashboard__grid-item-diff {
    color: var(--expressive-blue);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 2px
}

.dashboard__grid-item-diff.minus {
    color: var(--expressive-red)
}

.dashboard__grid-item-caption {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.dashboard__rank {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 8px 16px
}

.dashboard__rank hr {
    background-color: var(--border-separation);
    border: unset;
    height: 1px;
    margin: 12px 0
}

.dashboard__rank-horizontal-container {
    align-items: center;
    display: flex;
    gap: 8px
}

.dashboard__rank-icon {
    align-items: center;
    background-color: var(--background-elevation-high);
    border-radius: 50%;
    display: flex;
    font-size: 20px;
    height: 54px;
    justify-content: center;
    width: 54px
}

.dashboard__rank-icon,.dashboard__rank-rate {
    color: var(--object-main);
    font-weight: 600;
    line-height: 150%
}

.dashboard__rank-rate {
    font-size: 14px
}

.dashboard__next-rank {
    font-size: 14px;
    font-weight: 600
}

.dashboard__next-rank,.dashboard__next-rank-requirement {
    color: var(--object-main);
    line-height: 150%;
    margin-bottom: 12px
}

.dashboard__next-rank-requirement {
    font-size: 12px;
    font-weight: 400
}

.dashboard__button {
    background-color: var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 16px auto;
    padding: 15px 0;
    text-align: center
}

.dashboard__button,.dashboard__button:active,.dashboard__button:focus,.dashboard__button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .dashboard__button {
        width:-webkit-fill-available;
        width: -moz-available;
        width: stretch
    }
}

.dashboard__button--thin {
    background-color: var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto 4px;
    padding: 6px 10px;
    text-align: center
}

.dashboard__button--thin,.dashboard__button--thin:active,.dashboard__button--thin:focus,.dashboard__button--thin:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .dashboard__button--thin {
        width:-webkit-fill-available;
        width: -moz-available;
        width: stretch
    }
}

.dashboard__revenue {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 12px;
    text-align: center
}

.dashboard__revenue h2 {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 4px
}

.dashboard__revenue ul {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.dashboard__revenue li:nth-child(n+2) {
    margin-top: 4px
}

.dashboard__revenue progress {
    -webkit-appearance: none;
    height: 8px;
    margin: 12px 0 8px;
    width: 100%
}

.dashboard__revenue progress::-webkit-progress-bar {
    background-color: var(--object-tertiary);
    border-radius: 999px
}

.dashboard__revenue progress::-webkit-progress-value {
    background-color: var(--expressive-blue);
    border-radius: 999px
}

.dashboard__revenue-carry-over {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.dashboard__collapse-figureheader {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin: 16px 0;
    position: relative
}

.dashboard__collapse-figureheader,.dashboard__collapse-figureheader:active,.dashboard__collapse-figureheader:focus,.dashboard__collapse-figureheader:hover {
    color: var(--object-main);
    text-decoration: none
}

.dashboard__collapse-figureheader:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    margin: 0 0 0 auto;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    position: unset;
    right: 12px;
    top: 50%;
    top: 0;
    transform: translateY(-50%);
    width: 20px
}

.dashboard__collapse-figureheader:not(.collapsed):after {
    transform: rotate(-90deg);
    transition: transform .2s ease-in-out
}

.dashboard__collapse-figureheader.collapsed:after {
    transform: rotate(90deg);
    transition: transform .2s ease-in-out
}

.dashboard__collapse-border {
    background-color: var(--border-separation);
    height: 1px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw)
}

.dashboard table thead tr th {
    background-color: var(--background-elevation-high);
    border-bottom: unset;
    position: sticky;
    top: 0
}

.dashboard table>tbody>tr>td {
    border-top: 1px solid var(--border-separation)
}

.dashboard__revenue-history-daily,.dashboard__revenue-history-monthly-date {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.dashboard__revenue-history-monthly-price {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    text-align: right
}

.dashboard__announcement-section a {
    color: var(--expressive-blue)
}

.dashboard__announcement {
    background-color: var(--background-elevation-low);
    margin-bottom: 16px;
    padding: 12px
}

.dashboard__announcement-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 6px
}

.dashboard__announcement-body {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 6px
}

.dashboard__announcement-date {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

.dashboard__monthly-posts {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 12px
}

.dashboard__monthly-posts-chart {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.dashboard__monthly-posts-item {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 100px 40px 1fr
}

.dashboard__monthly-posts-month {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-align: left
}

.dashboard__monthly-posts-count {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    text-align: right
}

.dashboard__monthly-posts-bar {
    background-color: var(--background-elevation-high);
    border-radius: 2px;
    height: 8px;
    position: relative;
    width: 100%
}

.dashboard__monthly-posts-bar-fill {
    background-color: var(--expressive-blue);
    border-radius: 2px;
    height: 100%;
    min-width: 2px;
    transition: width .3s ease
}

.WebviewDashboardApply h4 {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0
}

.WebviewDashboardApply p {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.WebviewDashboardApply a {
    color: #337ab7;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 10px
}

.WebviewDashboardApply__formGroup--horizontal {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    margin: 0 0 24px
}

.WebviewDashboardApply__formGroup--vertical {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 0 16px
}

.WebviewDashboardApply__radioBtn {
    display: flex;
    gap: 4px
}

.WebviewDashboardApply label {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0
}

.WebviewDashboardApply input[type=checkbox],.WebviewDashboardApply input[type=radio] {
    margin: 0
}

.WebviewDashboardApply__submit {
    background-color: var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 24px;
    padding: 12px 24px;
    text-align: center
}

.WebviewDashboardApply__submit,.WebviewDashboardApply__submit:active,.WebviewDashboardApply__submit:focus,.WebviewDashboardApply__submit:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .WebviewDashboardApply__submit {
        width:-webkit-fill-available;
        width: -moz-available;
        width: stretch
    }
}

#event {
    font-size: 12px
}

#event .event-banner img {
    width: 100%
}

#event .event-contents {
    padding: 0 10px
}

#event .event-contents h1 {
    color: var(--expressive-red);
    font-size: 13px;
    font-weight: 700;
    padding: 2px;
    text-align: center
}

#event .event-contents h2 {
    background-color: var(--expressive-red);
    color: #fff;
    font-size: 12px;
    padding: 5px;
    text-align: center
}

#event .event-contents h3 {
    background-color: rgba(255,67,97,.06);
    border-left: 3px solid var(--expressive-red);
    font-size: 13px;
    font-weight: 700;
    padding: 7px
}

#event .event-contents p {
    margin: 0 0 5px
}

#event .event-contents strong {
    color: var(--expressive-red)
}

#event .event-contents ul {
    list-style: none;
    padding-left: 10px
}

#event .event-contents ul li:before {
    color: var(--expressive-red);
    content: "♥ "
}

#event .event-contents .input-group input {
    background-color: #fff;
    font-size: 11px
}

#event .event-contents .event-period {
    text-align: center
}

#event .event-contents .event-notice {
    margin-bottom: 100px
}

#event .introduce-area {
    bottom: 0;
    max-width: 455px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9000
}

#event .introduce-area a {
    color: #fff;
    line-height: 40px;
    text-decoration: none
}

#event .introduce-area .twitter {
    background-color: #1d9bf0;
    height: 40px
}

#event .introduce-area .line {
    background-color: #06c755;
    height: 40px
}

#event .introduce-area .sns-icon {
    height: 100%;
    padding-right: 5px
}

body#webview-body {
    background: var(--background-elevation-high);
    padding-top: 50px;
    scroll-margin-top: 0
}

body#webview-body .webview-submit-btn {
    background-color: var(--expressive-red);
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 44px;
    line-height: 30px;
    margin: 10px 0 30px;
    padding: 6px 12px;
    vertical-align: middle;
    width: 100%
}

body#webview-body .webview-submit-btn:focus,body#webview-body .webview-submit-btn:hover {
    background-color: var(--expressive-red);
    background-color: color-mix(in srgb,var(--expressive-red),#fff 10%);
    color: #fff
}

body#webview-body-nomargin {
    background: var(--background-elevation-high);
    margin: 0;
    padding: 0;
    scroll-margin-top: 0
}

body#webview-body-nomargin .container {
    margin: 0;
    padding: 0
}

.mcc-relations {
    padding-bottom: 25vh
}

.mcc-relations__hero {
    width: 100%
}

.mcc-relations__section {
    margin: 24px
}

.mcc-relations h2 {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 170%
}

.mcc-relations__relation {
    background: var(--background-surface);
    border-radius: 8px;
    padding: 16px
}

.mcc-relations__relation:not(:first-of-type) {
    margin-top: 8px
}

.mcc-relations__unlink-button {
    color: var(--expressive-red);
    display: grid;
    font-size: 15px;
    font-weight: 600;
    height: 44px;
    line-height: 170%;
    margin-top: 10px;
    place-items: center center;
    width: 100%
}

.mcc-relations hr {
    border-top: 24px solid var(--background-elevation-low);
    margin: 0;
    opacity: unset
}

.mcc-relations__image {
    display: grid;
    justify-items: center;
    margin: 24px auto
}

.mcc-relations__execute-button {
    align-items: center;
    background: var(--background-primary);
    background: #d84190;
    border: none;
    border-radius: 50px;
    color: var(--object-reverse);
    display: grid;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 16px;
    min-height: 55px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: unset;
    word-break: keep-all
}

.mcc-relations__execute-button:hover {
    opacity: .8
}

.mcc-relations__execute-button:active,.mcc-relations__execute-button:focus,.mcc-relations__execute-button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.mcc-relations__execute-button:disabled {
    background: var(--object-tertiary)
}

.mcc-relations__execute-button:disabled:hover {
    opacity: 1
}

.mcc-relations__execute-button span {
    color: var(--object-reverse);
    font-size: 10px;
    font-weight: 300;
    line-height: 130%
}

.mcc-relations__card {
    background: var(--background-elevation-high);
    border: 1px solid var(--border-separation);
    border-radius: 16px;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.1);
    margin: 24px;
    overflow: hidden
}

.mcc-relations__card-image {
    width: 100%
}

.mcc-relations__card-content {
    margin: 24px
}

.mcc-relations__card-title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 170%
}

.mcc-relations__card-annotation,.mcc-relations__card-body {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin-top: 8px
}

.mcc-relations__card-annotation {
    background: var(--background-surface);
    border-radius: 16px;
    padding: 16px
}

.mcc-relations__coupon-detail {
    color: var(--object-secondary);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin: 24px
}

.mcc-relations__coupon-detail h1 {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%;
    margin-bottom: 24px
}

.mcc-relations__coupon-detail h2 {
    color: var(--object-secondary);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%;
    margin: 24px 0 8px
}

.mcc-relations__coupon-detail ul {
    padding-left: 1rem
}

.mcc-relations__footer {
    background: var(--background-elevation-high);
    bottom: 0;
    box-shadow: 0 0 32px 0 rgba(0,0,0,.1);
    padding: 16px;
    position: fixed;
    width: 100%
}

.mcc-relations__footer-text {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%
}

.mcc-relations__footer-text a {
    color: var(--expressive-blue)
}

.mcc-relations__checkbox {
    background: var(--background-surface);
    border-radius: 8px;
    margin-top: 16px;
    padding: 8px
}

.mens-index {
    padding-bottom: 12px
}

.mens-index,.mens-index+#fullscreen-modal>.modal-dialog>.modal-content {
    background-color: var(--background-elevation-low)
}

.mens-index+#fullscreen-modal>.modal-dialog>.modal-content>.modal-figureheader {
    border: none
}

.mens-index+#fullscreen-modal>.modal-dialog>.modal-content>.modal-figureheader>.modal-title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

.mens-index+#fullscreen-modal>.modal-dialog>.modal-content>.modal-body {
    padding: 0 8px
}

.mens-index>div:nth-child(n) {
    margin: 0 0 12px
}

.mens-index>div:last-child {
    margin-bottom: 0
}

.mens-index__banner-img {
    width: 100%
}

.mens-index__member-horizontal-scroll-container {
    display: flex;
    gap: 16px;
    overflow-x: scroll;
    padding: 0 12px
}

.mens-index__member-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 88px
}

.mens-index__member-image {
    border-radius: 50%;
    height: 88px;
    object-fit: cover;
    width: 88px
}

.mens-index__member-name {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-wrap: break-word;
    margin-top: 6px;
    text-align: center;
    width: 100%
}

.mens-index__member-follower-count {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 4px
}

.mens-index__section-title {
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 150%;
    margin: 0;
    padding: 12px
}

.mens-index__section-title button {
    background: none;
    border: none;
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 0
}

.mens-index__section-title button:focus {
    outline: none
}

.mens-index__posts-grid {
    display: grid;
    gap: 1px;
    grid-template-areas: "post0 post1 movie0" "post2 post3 movie0" "movie1 post4 post5" "movie1 post6 post7" "post8 post9 movie2" "post10 post11 movie2" "movie3 post12 post13" "movie3 post14 post15"
}

.mens-index__grid-link {
    display: block;
    position: relative
}

.mens-index__grid-image {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%
}

.mens-index__grid-movie {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.mens-index__grid-movie-short {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.mens-index__product-list {
    background-color: var(--background-elevation-high);
    display: grid;
    gap: 16px 4px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 12px
}

.mens-index__article-section {
    margin: 0 12px
}

.mens-index__article-item {
    background-color: var(--background-elevation-high);
    border-radius: 4px;
    margin: 8px 0 0
}

.mens-index__first-article-image {
    border-radius: 4px;
    width: 100%
}

.mens-index__article-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.mens-index__article-list-link {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 0;
    line-height: 150%;
    padding: 0
}

.mens-index__article-list-link,.mens-index__article-list-link:active,.mens-index__article-list-link:focus,.mens-index__article-list-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.mens-index__list-thumb {
    background: var(--background-elevation-low);
    border-radius: 4px 0 0 4px;
    flex-shrink: 0;
    height: 96px;
    object-fit: cover;
    width: 96px
}

.mens-index__list-title-author-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 8px
}

.mens-index__list-title-container {
    display: flex
}

.mens-index__list-title {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal
}

.mens-index__list-author {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 4px
}

.mens-index__list-author-avatar {
    border-radius: 999px;
    display: inline;
    height: 16px;
    width: 16px
}

.mens-index__list-author-container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mens-index__list-pv {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%
}

@media (min-width: 835px) {
    .point-history {
        margin:0 auto 20px;
        width: 500px
    }
}

.point-history__empty {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    padding: 16px;
    text-align: center
}

.point-history__list {
    padding: 16px;
    position: relative
}

@media (max-width: 834px) {
    .point-history__list {
        border-bottom:1px solid var(--border-separation)
    }
}

.point-history__list__label {
    background: var(--background-primary);
    border-radius: 4px;
    color: var(--object-reverse);
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 10px;
    padding: 4px 8px;
    width: auto
}

.point-history__list__item {
    display: flex;
    padding: 2px 0;
    text-align: center
}

.point-history__list__item__title {
    color: var(--object-secondary);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    text-align: left;
    width: 128px
}

.point-history__list__item__content {
    color: var(--object-main);
    flex: 1;
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    text-align: left
}

.points-announcement {
    display: flex;
    flex-direction: column;
    margin: 0 calc(50% - 50vw);
    min-height: 100vh;
    width: 100vw
}

@media (min-width: 835px) {
    .points-announcement {
        margin:10px auto 20px;
        width: 500px
    }
}

.points-announcement__title {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 17px;
    padding: 16px
}

.points-announcement__content {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 16px
}

.points-announcement__content p {
    margin: 0
}

.points-announcement__content ul {
    padding-inline-start:22px}

.points-announcement__content--underlined {
    text-decoration: underline;
    text-underline-offset: 1px
}

.points-announcement__content--strong {
    font-weight: 700
}

.points-announcement__content--stronger {
    color: var(--expressive-red);
    font-weight: 700
}

.points-announcement__content--half-br {
    padding: 13px
}

.points-announcement__content-list {
    list-style: none;
    padding-left: 0
}

.points-announcement__content-list li {
    margin-bottom: 8px
}

.points-announcement__content-list li:first-child {
    margin-top: 8px
}

.points-mission {
    --mission-blue: #8db5f1;
    background-color: var(--background-elevation-low)
}

.points-mission__daily {
    background-color: var(--background-elevation-high);
    border-radius: 0 0 24px 24px;
    padding-bottom: 30px
}

@media (min-width: 835px) {
    .points-mission__daily {
        border-radius:0
    }
}

.points-mission__daily__title {
    align-items: center;
    color: var(--mission-blue);
    display: flex;
    font-size: 20px;
    font-weight: 600;
    justify-content: center;
    line-height: 170%;
    margin: 0 0 8px
}

.points-mission__daily__mission-section {
    background-color: var(--mission-blue);
    border-radius: 8px;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.1);
    margin: 0 16px 8px
}

.points-mission__daily__mission-section.read-post {
    overflow: hidden;
    position: relative
}

.points-mission__daily__mission-section.read-post:after {
    background-image: url(https://cdn.lipscosme.com/assets/points/search-beb3e64d9f79473e338a3c2aea4669e22a5453fa632dba8781db0d78202bec44.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 160px 160px;
    bottom: 0;
    content: "";
    left: 8px;
    position: absolute;
    top: 0;
    width: 100%
}

.points-mission__daily__mission-section.comment {
    overflow: hidden;
    position: relative
}

.points-mission__daily__mission-section.comment:before {
    background-image: url(https://cdn.lipscosme.com/assets/points/message-786f31f8ec3838065127eda145844786aed156e52b106b5d04327968dd22c842.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 160px 160px;
    bottom: 0;
    content: "";
    left: 8px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.points-mission__daily__mission {
    align-items: center;
    display: flex;
    gap: 8px 16px;
    justify-content: space-between
}

.points-mission__daily__mission.daily {
    padding: 0
}

.points-mission__daily__mission-left {
    width: 100%
}

.points-mission__daily__mission-title {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 170%
}

.points-mission__daily__mission-for-hstack {
    padding: 16px
}

.points-mission__daily__mission-description {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin: 8px 0 0
}

.points-mission__daily__mission-description a {
    color: #ffd157;
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    position: relative;
    text-decoration: none;
    z-index: 2
}

.points-mission__daily__mission-description a:active,.points-mission__daily__mission-description a:focus,.points-mission__daily__mission-description a:hover {
    color: #ffd157;
    text-decoration: none
}

.points-mission__daily__mission-point {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='23' stroke='%23f2f2f2' stroke-dasharray='4 4' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    color: #fff;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    height: 48px;
    line-height: 130%;
    min-width: 48px;
    place-items: center center
}

.points-mission__daily__mission-point.completed {
    align-items: center;
    background-color: #ffd157;
    background-image: unset;
    border: unset;
    border-radius: unset;
    clip-path: path("M21.1603 0.452854C22.314 -0.144685 23.686 -0.144685 24.8397 0.452853L29.0879 2.65322C29.4765 2.8545 29.8955 2.99064 30.3282 3.05621L35.0584 3.77313C36.343 3.96782 37.453 4.77427 38.0351 5.9358L40.1787 10.213C40.3747 10.6042 40.6337 10.9607 40.9452 11.268L44.3506 14.6284C45.2754 15.541 45.6994 16.8458 45.4876 18.1277L44.7077 22.8479C44.6364 23.2797 44.6364 23.7203 44.7077 24.1521L45.4876 28.8723C45.6994 30.1542 45.2754 31.459 44.3506 32.3716L40.9452 35.732C40.6337 36.0393 40.3747 36.3958 40.1787 36.787L38.0351 41.0642C37.453 42.2257 36.343 43.0322 35.0584 43.2269L30.3282 43.9438C29.8955 44.0094 29.4765 44.1455 29.0879 44.3468L24.8397 46.5471C23.686 47.1447 22.314 47.1447 21.1603 46.5471L16.9121 44.3468C16.5235 44.1455 16.1045 44.0094 15.6718 43.9438L10.9416 43.2269C9.65699 43.0322 8.54701 42.2257 7.9649 41.0642L5.82134 36.787C5.62527 36.3958 5.36631 36.0393 5.05481 35.732L1.64935 32.3716C0.724557 31.459 0.300582 30.1542 0.512372 28.8723L1.29227 24.1521C1.36361 23.7203 1.36361 23.2797 1.29227 22.8479L0.512372 18.1277C0.300582 16.8458 0.724556 15.541 1.64935 14.6284L5.05481 11.268C5.36631 10.9607 5.62527 10.6042 5.82134 10.213L7.9649 5.9358C8.54701 4.77427 9.65699 3.96782 10.9416 3.77313L15.6718 3.05621C16.1045 2.99064 16.5235 2.8545 16.9121 2.65322L21.1603 0.452854Z");
    color: var(--object-main);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.points-mission__daily__mission-secondary-description {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin-top: 8px
}

.points-mission__daily__mission-secondary-description span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 130%;
    margin: 0 4px
}

.points-mission__daily__mission-progress {
    background-color: hsla(0,0%,100%,.9);
    border-radius: 8px;
    height: 14px;
    margin: 4px 0;
    padding: 4px
}

.points-mission__daily__mission-progress-bar {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(11,1fr)
}

.points-mission__daily__mission-progress-bar.completed {
    grid-template-columns: 1fr
}

.points-mission__daily__mission-progress-bar-inner {
    background-color: var(--expressive-light-blue);
    border-radius: 4px;
    height: 6px
}

.points-mission__daily__mission-link {
    align-items: center;
    border-top: 1px solid var(--border-separation);
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 300;
    justify-content: center;
    line-height: 130%;
    padding: 12px 0;
    position: relative;
    text-decoration: none
}

.points-mission__daily__mission-link:active,.points-mission__daily__mission-link:focus,.points-mission__daily__mission-link:hover {
    color: #fff;
    text-decoration: none
}

.points-mission__daily__mission-link:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/light_100-ce41359c34cfd8a5c4b8541ccaaa15b7a49f3baa7b42902206a816364b19d12e.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    position: absolute;
    right: 12px;
    transform: rotate(180deg);
    width: 20px
}

.points-home {
    display: flex;
    flex-direction: column;
    margin: 0 calc(50% - 50vw);
    min-height: 100vh;
    width: 100vw
}

@media (min-width: 835px) {
    .points-home {
        margin:10px auto 20px;
        width: 500px
    }
}

.points-home__banner img {
    width: 100%
}

.points-home__disclaimer {
    background-color: var(--background-elevation-low);
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin: 0;
    padding: 16px
}

.points-mission__mission-v2 {
    background-color: var(--background-elevation-low);
    padding-bottom: 18px
}

.points-mission__mission-v2 h1 {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 600;
    line-height: 170%;
    margin: 8px 16px
}

.points-mission__mission-v2 h1 span {
    background: var(--expressive-red);
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 130%;
    margin-left: 8px;
    padding: 4px 8px;
    vertical-align: middle;
    width: auto
}

.points-mission__title-banner {
    align-items: center;
    border: 1px solid var(--expressive-red);
    border-radius: 4px;
    color: var(--expressive-red);
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    height: 24px;
    line-height: 130%;
    line-height: 100%;
    margin: 16px 16px 0;
    padding: 8px
}

.points-mission__title-banner:before {
    background-color: var(--expressive-red);
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 2px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/heart_fill-9633e266de25b6ddf7469da97348dfaf65a8b11ab73bba6a4b5f942526e80eca.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/heart_fill-9633e266de25b6ddf7469da97348dfaf65a8b11ab73bba6a4b5f942526e80eca.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.points-mission__mission-section {
    background-color: var(--background-elevation-high);
    border-radius: 8px;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.1);
    margin: 0 16px 8px
}

.points-mission__mission {
    align-items: center;
    display: flex;
    gap: 8px 16px;
    justify-content: space-between
}

.points-mission__mission.daily {
    padding: 0
}

.points-mission__mission-timer {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin-bottom: 8px
}

.points-mission__mission-timer span {
    color: var(--expressive-red);
    font-size: 12px;
    font-weight: 600;
    line-height: 130%;
    margin-left: 4px
}

.points-mission__mission-title {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%
}

.points-mission__mission-for-hstack {
    padding: 16px
}

.points-mission__mission-hstack {
    display: flex;
    margin-top: 16px
}

.points-mission__mission-vstack {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.points-mission__mission-vstack-title {
    align-items: center;
    color: var(--object-secondary);
    display: flex;
    font-size: 10px;
    font-weight: 300;
    line-height: 130%
}

.points-mission__mission-description {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin: 8px 0 0
}

.points-mission__mission-description a {
    font-size: 12px;
    font-weight: 300;
    line-height: 130%
}

.points-mission__mission-description a,.points-mission__mission-description a:active,.points-mission__mission-description a:focus,.points-mission__mission-description a:hover {
    color: var(--expressive-light-blue);
    text-decoration: none
}

.points-mission__mission-checklist {
    list-style-type: none;
    padding-inline-start:0}

.points-mission__mission-checklist li {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin-top: -2px;
    pointer-events: none
}

.points-mission__mission-checklist li.completed .CheckBox__option span {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%
}

.points-mission__mission-interval-hstack {
    align-items: center;
    display: flex;
    gap: 4px;
    margin: 8px 0 0
}

.points-mission__mission-interval {
    background-color: var(--expressive-light-blue);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    padding: 4px 8px
}

.points-mission__mission-interval span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 130%
}

.points-mission__mission-interval.in-progress {
    background-color: var(--object-tertiary)
}

.points-mission__mission-interval.boost {
    align-items: center;
    background-color: var(--expressive-red);
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 130%
}

.points-mission__mission-interval.boost strike {
    margin: 0 2px
}

.points-mission__mission-interval.boost:before {
    background-color: #fff;
    background-color: var(--background-elevation-high);
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 4px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/feather/trending-up-b40801ef14fa9c2e27fa6df3383d07592ee6dff465e611f12a4f487e9c84e6e0.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/feather/trending-up-b40801ef14fa9c2e27fa6df3383d07592ee6dff465e611f12a4f487e9c84e6e0.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 12px
}

.points-mission__mission-point {
    border-radius: 50%;
    color: var(--object-tertiary);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    height: 48px;
    line-height: 130%;
    min-width: 48px;
    place-items: center center
}

.points-mission__mission-point.completed {
    align-items: center;
    background-color: #ffd157;
    border: unset;
    border-radius: unset;
    clip-path: path("M21.1603 0.452854C22.314 -0.144685 23.686 -0.144685 24.8397 0.452853L29.0879 2.65322C29.4765 2.8545 29.8955 2.99064 30.3282 3.05621L35.0584 3.77313C36.343 3.96782 37.453 4.77427 38.0351 5.9358L40.1787 10.213C40.3747 10.6042 40.6337 10.9607 40.9452 11.268L44.3506 14.6284C45.2754 15.541 45.6994 16.8458 45.4876 18.1277L44.7077 22.8479C44.6364 23.2797 44.6364 23.7203 44.7077 24.1521L45.4876 28.8723C45.6994 30.1542 45.2754 31.459 44.3506 32.3716L40.9452 35.732C40.6337 36.0393 40.3747 36.3958 40.1787 36.787L38.0351 41.0642C37.453 42.2257 36.343 43.0322 35.0584 43.2269L30.3282 43.9438C29.8955 44.0094 29.4765 44.1455 29.0879 44.3468L24.8397 46.5471C23.686 47.1447 22.314 47.1447 21.1603 46.5471L16.9121 44.3468C16.5235 44.1455 16.1045 44.0094 15.6718 43.9438L10.9416 43.2269C9.65699 43.0322 8.54701 42.2257 7.9649 41.0642L5.82134 36.787C5.62527 36.3958 5.36631 36.0393 5.05481 35.732L1.64935 32.3716C0.724557 31.459 0.300582 30.1542 0.512372 28.8723L1.29227 24.1521C1.36361 23.7203 1.36361 23.2797 1.29227 22.8479L0.512372 18.1277C0.300582 16.8458 0.724556 15.541 1.64935 14.6284L5.05481 11.268C5.36631 10.9607 5.62527 10.6042 5.82134 10.213L7.9649 5.9358C8.54701 4.77427 9.65699 3.96782 10.9416 3.77313L15.6718 3.05621C16.1045 2.99064 16.5235 2.8545 16.9121 2.65322L21.1603 0.452854Z");
    color: var(--object-main);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.points-mission__mission-point-dash-circle {
    color: var(--border-separation);
    position: absolute
}

.completed>.points-mission__mission-point-dash-circle {
    display: none
}

.points-mission__mission-secondary-description {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin-top: 8px
}

.points-mission__mission-secondary-description span {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 600;
    line-height: 130%;
    margin: 0 4px
}

.points-mission__mission-progress {
    background-color: hsla(0,0%,100%,.9);
    border-radius: 999px;
    height: 14px;
    margin: 4px 0;
    padding: 4px
}

.points-mission__mission-progress-bar {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(11,1fr)
}

.points-mission__mission-progress-bar.completed {
    grid-template-columns: 1fr
}

.points-mission__mission-progress-bar-inner {
    background-color: var(--expressive-light-blue);
    border-radius: 4px;
    height: 6px
}

.points-mission__point-bonus {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    margin: 16px 0 0
}

.points-mission__point-bonus-figureheader {
    background-color: var(--expressive-light-blue);
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 130%;
    padding: 8px 0;
    text-align: center
}

.points-mission__point-bonus-badge-margin {
    margin: 16px 0
}

.points-mission__point-bonus-badge-container {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin: 0 auto;
    width: 280px
}

.points-mission__point-bonus-badge-container.two {
    grid-template-columns: repeat(3,1fr);
    width: 216px
}

.points-mission__point-bonus-badge {
    align-content: center;
    border: 2px dashed var(--border-separation);
    border-radius: 50%;
    color: var(--object-tertiary);
    display: grid;
    font-size: 10px;
    font-weight: 300;
    height: 64px;
    line-height: 130%;
    margin: auto;
    place-items: center center;
    position: relative;
    width: 64px
}

.points-mission__point-bonus-badge span {
    color: var(--object-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 130%
}

.points-mission__point-bonus-badge.active {
    border-color: var(--object-secondary);
    color: var(--object-secondary)
}

.points-mission__point-bonus-badge.active span {
    color: var(--object-secondary)
}

.points-mission__point-bonus-badge-boost {
    background-color: var(--expressive-red);
    border-radius: 50%;
    height: 16px;
    position: absolute;
    right: -10px;
    top: -2px;
    width: 16px
}

.points-mission__point-bonus-badge-boost:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 16px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/feather/trending-up-b40801ef14fa9c2e27fa6df3383d07592ee6dff465e611f12a4f487e9c84e6e0.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/feather/trending-up-b40801ef14fa9c2e27fa6df3383d07592ee6dff465e611f12a4f487e9c84e6e0.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.points-mission__point-bonus-badge.complete {
    background-color: #ffd157;
    border: unset;
    border-radius: unset;
    clip-path: path("M29.0353 0.952852C30.189 0.355314 31.561 0.355314 32.7147 0.952852L39.1531 4.28761C39.5417 4.48888 39.9607 4.62502 40.3934 4.6906L47.5623 5.77713C48.8468 5.97182 49.9568 6.77826 50.5389 7.93979L53.7876 14.4221C53.9836 14.8133 54.2426 15.1697 54.5541 15.4771L59.7152 20.5699C60.64 21.4825 61.064 22.7873 60.8522 24.0692L59.6702 31.2229C59.5989 31.6547 59.5989 32.0953 59.6702 32.5271L60.8522 39.6808C61.064 40.9627 60.64 42.2675 59.7152 43.1801L54.5541 48.2729C54.2426 48.5803 53.9836 48.9367 53.7876 49.3279L50.5389 55.8102C49.9568 56.9717 48.8468 57.7782 47.5623 57.9729L40.3934 59.0594C39.9607 59.125 39.5417 59.2611 39.1531 59.4624L32.7147 62.7971C31.561 63.3947 30.189 63.3947 29.0353 62.7971L22.5969 59.4624C22.2083 59.2611 21.7893 59.125 21.3566 59.0594L14.1877 57.9729C12.9032 57.7782 11.7932 56.9717 11.2111 55.8102L7.96243 49.3279C7.76636 48.9367 7.50741 48.5803 7.1959 48.2729L2.03478 43.1801C1.10999 42.2675 0.686011 40.9627 0.897801 39.6808L2.07977 32.5271C2.15111 32.0953 2.15111 31.6547 2.07977 31.2229L0.897801 24.0692C0.686011 22.7873 1.10999 21.4825 2.03478 20.5699L7.1959 15.4771C7.50741 15.1697 7.76636 14.8133 7.96243 14.4221L11.2111 7.93979C11.7932 6.77826 12.9032 5.97182 14.1877 5.77713L21.3566 4.6906C21.7893 4.62502 22.2083 4.48888 22.5969 4.28761L29.0353 0.952852Z");
    color: var(--object-main)
}

.points-mission__point-bonus-badge.complete span {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 600;
    line-height: 130%
}

.points-mission__hscroll {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding: 16px 0 0
}

.points-mission__mission-link {
    align-items: center;
    border-top: 1px solid var(--border-separation);
    display: flex;
    font-size: 12px;
    font-weight: 300;
    justify-content: center;
    line-height: 130%;
    padding: 12px 0;
    position: relative
}

.points-mission__mission-link,.points-mission__mission-link:active,.points-mission__mission-link:focus,.points-mission__mission-link:hover {
    color: var(--object-main);
    text-decoration: none
}

.points-mission__mission-link:after {
    background-color: var(--object-main);
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 6px 0 0;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/next-690b748f1782a50bb6f4fab8356f36e99694487fc4eb4598f9c9562852b7b627.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.point-expire-modal {
    background: var(--background-elevation-high);
    border-radius: 8px 8px 0 0;
    padding-bottom: 40px
}

.point-expire-modal__figureheader {
    align-items: center;
    border-radius: 8px 8px 0 0;
    color: var(--object-main);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 0;
    height: 56px;
    justify-content: center;
    line-height: 170%;
    position: relative
}

.point-expire-modal__figureheader__close {
    height: 32px;
    width: 32px
}

.point-expire-modal__figureheader__title {
    flex-grow: 1;
    text-align: center
}

.point-expire-modal__expire-list {
    border-radius: 0 0 4px 4px;
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin: 0;
    max-height: 90vh;
    min-height: 50vh;
    overflow-y: scroll;
    padding-inline-start:0}

.point-expire-modal__expire-list li {
    align-items: center;
    border-top: 1px solid var(--border-separation);
    display: flex;
    justify-content: space-between;
    padding: 12px 16px
}

.point-expire-modal__expire-list li:last-child {
    border-bottom: none
}

.point-expire-modal__close {
    background: var(--background-elevation-high);
    border: none;
    height: 32px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px
}

.point-expire-modal__close,.point-expire-modal__item {
    align-items: center;
    display: flex;
    justify-content: center
}

.points-table {
    --gradient-start: #ebf2fc 0%;
    --gradient-end: #f9f3fd 100%;
    background: linear-gradient(180deg,var(--gradient-start),var(--gradient-end));
    border-radius: 0 0 20px 20px;
    margin-bottom: 50px;
    padding: 32px 16px 85px;
    position: relative
}

.points-table__points-card {
    background: linear-gradient(135deg,#ecbfd7,#ff95a9 10%,#ff7a7e 20%,#ff7676 30%,#ff756e 40%,#ff756e 50%,#ff8183 60%,#f79ab3 70%,#e1b1cc 80%,#cdc2d6 90%,#cbc7d9 95%,#c5cbde 97%,#c9d1e2 98%,#b4dbe6);
    background-size: 100% 100%;
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 24px 0 rgba(0,0,0,.1);
    column-gap: 8px;
    display: grid;
    grid-template-areas: "user_icon user_name usage" "user_icon user_id usage" ". . ." "current_point current_point exchange_button";
    grid-template-columns: 32px 1fr 114px;
    grid-template-rows: 18px 13px 24px 1fr;
    height: 158px;
    overflow: hidden;
    padding: 24px 24px 20px;
    position: relative
}

.points-table__points-card:before {
    background-image: url(https://cdn.lipscosme.com/assets/lips_logo_icon_2022-70072bf8dd5647215d5f4434cb02c41fed791f36e875d4a927522a0c7e04f361.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 250px 250px;
    bottom: 0;
    content: "";
    display: grid;
    left: 50px;
    opacity: .05;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.points-table__user-icon {
    background-color: var(--background-elevation-high);
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    grid-area: user_icon;
    height: 32px;
    margin-right: 10px;
    overflow: hidden;
    width: 32px
}

.points-table__user-icon img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.points-table__user-name {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    grid-area: user_name;
    line-height: 130%
}

.points-table__user-id {
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    grid-area: user_id;
    line-height: 130%
}

.points-table__point-help {
    align-items: center;
    background-color: hsla(0,0%,100%,.4);
    border-radius: 999px;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    grid-area: usage;
    height: fit-content;
    justify-content: space-evenly;
    line-height: 130%;
    padding: 8px 16px 8px 8px;
    width: 114px
}

.points-table__point-help,.points-table__point-help:active,.points-table__point-help:focus,.points-table__point-help:hover {
    color: #fff;
    text-decoration: none
}

.points-table__point-help:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 15px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_help-ce7b382b2142924e23519ce44d40a04ce1a5e1b86087c331ed876ef5a7fa6c9d.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_help-ce7b382b2142924e23519ce44d40a04ce1a5e1b86087c331ed876ef5a7fa6c9d.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 15px
}

.points-table__point-info {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    grid-area: current_point;
    line-height: 130%
}

.points-table__current-point {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 170%
}

.points-table__current-point span {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin-left: 4px
}

.points-table__exchange-button {
    align-items: center;
    background-color: #fff;
    border-radius: 999px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 600;
    grid-area: exchange_button;
    justify-content: center;
    line-height: 130%;
    line-height: unset
}

.points-table__exchange-button,.points-table__exchange-button:active,.points-table__exchange-button:focus,.points-table__exchange-button:hover {
    color: #000;
    text-decoration: none
}

.points-table__points-button {
    display: flex;
    gap: 10px;
    margin-top: 10px
}

.points-table__points-button--expire {
    align-items: center;
    background-color: var(--background-surface);
    border-radius: 8px;
    display: flex;
    font-size: 15px;
    font-weight: 300;
    height: 44px;
    justify-content: center;
    line-height: 170%;
    text-align: center;
    width: 100%
}

.points-table__points-button--expire,.points-table__points-button--expire:active,.points-table__points-button--expire:focus,.points-table__points-button--expire:hover,.points-table__points-button--history {
    color: var(--object-main);
    text-decoration: none
}

.points-table__points-button--history {
    align-items: center;
    background-color: var(--background-surface);
    border-radius: 8px;
    display: flex;
    font-size: 15px;
    font-weight: 300;
    height: 44px;
    justify-content: center;
    line-height: 170%;
    text-align: center;
    width: 100%
}

.points-table__points-button--history:active,.points-table__points-button--history:focus,.points-table__points-button--history:hover {
    color: var(--object-main);
    text-decoration: none
}

.points-table__points-button--cart {
    align-items: center;
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 15px;
    font-weight: 300;
    height: 44px;
    justify-content: center;
    line-height: 170%;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.points-table__points-button--cart:active,.points-table__points-button--cart:focus,.points-table__points-button--cart:hover {
    color: #fff;
    text-decoration: none
}

.points-table__points-button--cart span {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 130%
}

.points-table__cart-icon {
    background-color: #fff;
    height: 16px;
    margin-right: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/feather/cart-1ec49c8d53c1bc0054d2babc4e267c02d55ead0a2fb409c9b57fc2502cc2c187.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/feather/cart-1ec49c8d53c1bc0054d2babc4e267c02d55ead0a2fb409c9b57fc2502cc2c187.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 16px
}

.points-table__points-progress {
    align-items: center;
    bottom: -55px;
    color: var(--background-elevation-high);
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

.points-table__points-progress svg {
    height: 110px;
    width: 110px
}

.points-table__modal-title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 170%;
    padding: 24px 24px 16px
}

.points-table__modal-description {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%;
    margin: 24px 24px 16px
}

.points-table__modal-description span {
    color: var(--expressive-red)
}

.points-table__modal-dismiss {
    background-color: var(--background-primary);
    border-radius: 0 0 6px 6px;
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    padding: 16px;
    text-align: center;
    width: 100%
}

.points-table__modal-dismiss,.points-table__modal-dismiss:active,.points-table__modal-dismiss:focus,.points-table__modal-dismiss:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.points-table .modal {
    padding: 0!important;
    text-align: center
}

.points-table .modal-body {
    padding: unset;
    text-align: center
}

.points-table .modal-content {
    background: var(--background-elevation-high);
    border: unset
}

.points-table .modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle
}

.points-table .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

body {
    overflow-x: hidden
}

.post-hint {
    background-color: #fff
}

.post-hint__title {
    margin-bottom: 26px;
    padding: 0;
    text-align: center
}

.post-hint__title-icon {
    display: inline-block;
    height: 32px;
    margin-right: 8px;
    vertical-align: middle;
    width: 32px
}

.post-hint__title-icon img {
    height: 100%;
    width: 100%
}

.post-hint__title h1 {
    color: #2d2926;
    display: inline-block;
    font-family: HiraKakuPro-W6;
    font-size: 20px;
    height: 28px;
    letter-spacing: .8px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.post-hint__description {
    color: #2d2926;
    font-family: HiraKakuPro-W3;
    font-size: 14px;
    font-weight: w3;
    letter-spacing: .4px;
    line-height: 22px;
    margin-bottom: 32px
}

.post-hint__h2 {
    background: #2d2926;
    margin: 0 calc(50% - 50vw);
    padding: 8px calc(50vw - 50%)
}

.post-hint__h2 h2 {
    color: #fff;
    font-family: HiraKakuPro-W6;
    font-size: 16px;
    font-weight: w6;
    letter-spacing: .4px;
    line-height: 24px;
    margin: 0
}

.post-hint__content {
    margin: 34px 0 50px
}

.post-hint__content-point {
    background: #ef8491;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: NotoSansCJKjp-Medium;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 20px;
    margin: 0;
    padding: 2px 6px;
    text-align: center
}

.post-hint__content h3 {
    color: #2d2926;
    font-family: HiraKakuPro-W6;
    font-size: 18px;
    font-weight: w6;
    letter-spacing: .4px;
    line-height: 28px;
    margin: 10px 0 24px
}

.post-hint__content-text {
    color: #2d2926;
    font-family: HiraKakuPro-W3;
    font-size: 14px;
    font-weight: w3;
    letter-spacing: .4px;
    line-height: 22px
}

.post-hint__content-text+.post-hint__content-text {
    margin-top: 8px
}

.post-hint__box-good {
    border: 1px solid #01adb9;
    border-radius: 8px
}

.post-hint__box-bad,.post-hint__box-good {
    background: #fff;
    margin-top: 24px;
    padding: 16px
}

.post-hint__box-bad {
    border: 1px solid red;
    border-radius: 8px
}

.post-hint__box-sprit {
    background: #fff;
    border: 1px solid var(--expressive-red);
    border-radius: 8px;
    display: flex;
    margin-top: 24px;
    padding: 16px
}

.post-hint__box-sprit-content {
    flex: 1
}

.post-hint__box-sprit-content+.post-hint__box-sprit-content {
    margin-left: 10px
}

.post-hint__box-heading-good {
    color: #01adb9
}

.post-hint__box-heading-bad,.post-hint__box-heading-good {
    font-family: HiraKakuPro-W6;
    font-size: 14px;
    font-weight: w6;
    letter-spacing: .4px;
    line-height: 20px;
    margin-bottom: 12px
}

.post-hint__box-heading-bad {
    color: red
}

.post-hint__box p {
    color: #2d2926;
    font-family: HiraKakuPro-W3;
    font-size: 14px;
    font-weight: w3;
    letter-spacing: .4px;
    line-height: 22px;
    margin: 0
}

.post-hint__box p+p {
    margin-top: 8px
}

.post-hint__box-text-light {
    color: #666;
    font-size: 12px;
    line-height: 18px
}

.post-hint__box-img,.post-hint__box-img img {
    border-radius: 8px;
    width: 100%
}

.post-hint__box-bad+.post-hint__content-text,.post-hint__box-good+.post-hint__content-text {
    margin-top: 32px
}

.post-hint__article {
    background: #fff;
    border: 1px solid #fafafa;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.16);
    display: flex;
    margin: 10px;
    padding: 8px
}

.post-hint__article-thumb {
    height: 72px;
    width: 72px
}

.post-hint__article-thumb img {
    border-radius: 4px;
    height: 72px;
    object-fit: cover;
    width: 72px
}

.post-hint__article-title {
    align-items: center;
    color: #2d2926;
    display: flex;
    font-family: NotoSansCJKjp-Medium;
    font-size: 13px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .4px;
    line-height: 20px;
    margin-left: 12px
}

.post-hint__content-text+.post-hint__article {
    margin-top: 16px
}

.post-hint__article+.post-hint__article {
    margin-top: 12px
}

.post-insights {
    background-color: var(--background-elevation-low)
}

.post-insights>div:nth-child(n+2) {
    margin: 48px 0
}

@media (max-width: 834px) {
    .post-insights>div:nth-child(n+2) {
        margin:16px 0;
        padding: .1px 0
    }
}

.post-insights>div:nth-child(2) {
    margin-top: 0
}

.post-insights__title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    padding: 16px 16px 12px
}

.post-insights__chart {
    padding: 0 7px
}

.post-insights__link-text {
    color: var(--expressive-red);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 16px 16px 0;
    text-align: right
}

.post-insights__posts-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 16px
}

.post-insights__grid-link {
    position: relative
}

.post-insights__grid-image {
    aspect-ratio: 1/1;
    display: block;
    object-fit: cover;
    width: 100%
}

.post-insights__section-description {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 0 16px 12px
}

.post-insights__section-description span {
    color: var(--expressive-blue)
}

.post-insights__section-description span.minus {
    color: var(--expressive-red)
}

.post-insights__media-type-icon {
    background-color: rgba(34,34,34,.1);
    border-radius: 999px;
    padding: 4px 8px;
    position: absolute;
    right: 8px;
    top: 8px
}

.post-insights__empty-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 16px
}

.post-insights__button-container {
    background-color: var(--background-elevation-high);
    margin: 16px
}

.post-insights__button {
    background-color: var(--background-primary);
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center
}

.post-insights__button,.post-insights__button:active,.post-insights__button:focus,.post-insights__button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

@media (max-width: 834px) {
    .post-insights__button {
        width:-webkit-fill-available;
        width: -moz-available;
        width: stretch
    }
}

.post-insights__post-info-section,.post-insights__post-section {
    background-color: var(--background-elevation-high)
}

.post-insights__post-info-section {
    text-align: center
}

.post-insights__notification {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    color: var(--object-main);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 16px 16px 0;
    padding: 8px 12px;
    text-align: left
}

.post-insights__notification .positive {
    color: var(--expressive-blue)
}

.post-insights__post-thumbnail-image {
    background-color: var(--background-elevation-low);
    display: inline-block;
    height: 120px;
    margin: 16px 0 8px;
    object-fit: cover;
    width: 120px
}

.post-insights__post-thumbnail-image.movie {
    height: auto
}

.post-insights__post-link {
    color: var(--expressive-red);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 8px
}

.post-insights__post-title {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0 16px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.post-insights__post-published-at {
    color: var(--object-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 12px
}

.post-insights__activity-items {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-bottom: 16px
}

.post-insights__activity-item-icon {
    color: var(--object-main);
    height: 20px;
    margin: 6px;
    vertical-align: middle;
    width: 20px
}

.post-insights__activity-item-value {
    color: var(--object-main);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 4px
}

.post-insights__key-value {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    justify-content: space-between;
    margin: 12px 16px 0;
    padding-bottom: 12px
}

.post-insights__key-value:first-child {
    margin-top: 0
}

.post-insights__key-value:last-child {
    border-bottom: none;
    margin-bottom: 16px
}

.post-insights__key {
    font-weight: 400
}

.post-insights__key,.post-insights__value {
    color: var(--object-main);
    font-size: 14px;
    line-height: 150%
}

.post-insights__value {
    font-weight: 600;
    text-align: right
}

.post-insights__graph {
    margin: 0 16px
}

.post-insights__annotation {
    align-items: center;
    color: var(--expressive-blue);
    display: flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%
}

.post-insights__annotation:after {
    background-color: var(--object-secondary);
    content: "　　";
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_info-3a2570f6c2e40f02dfd611a634c2f25c82c62a6a0a8c398b07816f5317d79133.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

.sample-campaign-eyecatch {
    background-color: #fff;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    height: 96px;
    margin: 30px auto;
    width: 400px
}

.sample-campaign-eyecatch .eyecatch-img {
    border-radius: 4px 0 0 0;
    float: left;
    height: 76px;
    object-fit: cover;
    position: relative;
    width: 96px
}

.sample-campaign-eyecatch .eyecatch-column {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 10px 10px 6px
}

.sample-campaign-eyecatch .eyecatch-footer {
    align-items: center;
    display: flex
}

.sample-campaign-eyecatch .eyecatch-invite {
    background: #efefef;
    border-radius: 2px;
    margin-right: 4px;
    padding: 4px
}

.sample-campaign-eyecatch .eyecatch-invite-text {
    color: var(--object-main);
    font-size: 10px;
    letter-spacing: .4px;
    line-height: 12px
}

.sample-campaign-eyecatch .eyecatch-deadline {
    background-color: var(--object-main);
    border-radius: 0 0 0 4px;
    color: #fff;
    float: left;
    font-size: 10px;
    font-weight: 500;
    height: 20px;
    margin-top: 76px;
    padding: 3px 10px;
    position: absolute;
    text-align: center;
    width: 96px;
    z-index: 1
}

.sample-campaign-eyecatch .eyecatch-title-v2 {
    font-size: 12px
}

.sample-campaign-eyecatch .eyecatch-title {
    font-size: 12px;
    height: 65px;
    margin-bottom: 10px;
    padding: 12px 10px 0 106px
}

.sample-campaign-eyecatch .eyecatch-brand-name {
    color: var(--object-secondary);
    float: left;
    font-size: 10px;
    padding-left: 10px
}

.sample-campaign-eyecatch .eyecatch-brand-name-v2 {
    color: var(--object-secondary);
    font-size: 10px
}

.sample-campaign-eyecatch .eyecatch-present-type {
    color: var(--object-secondary);
    float: right;
    font-size: 10px;
    padding-right: 10px
}

.sample-campaign-eyecatch .eyecatch-present-type-v2 {
    color: var(--object-secondary);
    font-size: 10px
}

.questionnaire-form {
    padding: 0 15px
}

@media (max-width: 834px) {
    .questionnaire-form .web-margin-top {
        margin-top:80px
    }
}

.questionnaire-form h1 {
    color: var(--expressive-red);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.questionnaire-form .questionnaire-instructions {
    color: var(--object-secondary);
    font-size: 13px;
    margin-bottom: 30px
}

.questionnaire-form .errors p {
    color: red;
    text-align: left
}

.questionnaire-form .splide .splide__slide {
    text-align: center;
    width: 100%
}

.questionnaire-form .splide .splide__pagination {
    height: 6px;
    margin: 12px 0
}

.questionnaire-form .carousel-img {
    margin: 0 auto;
    max-height: 250px;
    max-width: 100%
}

.questionnaire-form label {
    color: var(--object-main);
    font-size: 13.5px;
    font-weight: 400
}

.questionnaire-form .card-figureheader {
    background-color: #fff0f3
}

.questionnaire-form p.pink-bg {
    background-color: #fff0f3;
    text-align: left
}

.questionnaire-form p.instructions {
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.questionnaire-form .form-control {
    margin-bottom: 15px
}

.questionnaire-form .description {
    color: var(--object-secondary);
    font-size: 13px;
    line-height: 1.5;
    padding: 10px;
    text-align: center
}

.questionnaire-form .description .inline-link {
    color: var(--expressive-red);
    font-weight: 700;
    text-decoration: underline
}

.questionnaire-form .question-form label {
    vertical-align: top
}

.questionnaire-form .question-form .card-figureheader {
    background-color: var(--background-elevation-low);
    font-size: 15px;
    font-weight: 400;
    line-height: 22px
}

.questionnaire-form .question-form .card-figureheader-white {
    background-color: #fff!important
}

.questionnaire-form .question-form .question-image-tag {
    max-height: 300px;
    max-width: 100%
}

.questionnaire-form .question-form .form-standard {
    background-color: #fff;
    border: 1px solid var(--border-separation);
    border-radius: 5px;
    box-shadow: none;
    font-size: 13.5px
}

.questionnaire-form .question-form .form-standard:focus {
    background-color: var(--border-separation);
    background-color: color-mix(in srgb,var(--border-separation),#fff 12%);
    box-shadow: none;
    outline: none
}

.questionnaire-form .form-text {
    margin-bottom: 0
}

.repost_posts__body {
    margin: 0;
    padding: 0
}

.repost_posts__container {
    margin: 16px
}

.repost_posts__title {
    color: #5f5354;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 22.5px
}

.repost_posts__description {
    color: #5f5354;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .465px;
    line-height: 25px;
    margin-top: 32px
}

.repost_posts__submit {
    background: var(--expressive-red);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    height: 44px;
    letter-spacing: .185px;
    width: 100%
}

.repost_posts__radio_text {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: 21px;
    margin-right: 21px;
    min-height: 21px;
    overflow: hidden;
    padding-left: 21px;
    position: relative
}

.repost_posts__radio_text:after,.repost_posts__radio_text:before {
    bottom: 0;
    box-sizing: border-box;
    content: "";
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    top: 0
}

.repost_posts__radio_text:before {
    border: 1px solid var(--expressive-red);
    border-radius: 100%;
    height: 16px;
    left: 0;
    width: 16px;
    z-index: 3
}

.repost_posts__radio_text:after {
    background-color: var(--expressive-red);
    border-radius: 100%;
    height: 8px;
    left: 4px;
    width: 8px;
    z-index: 1
}

.repost_posts__radio_text input[type=radio] {
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 100%;
    bottom: 0;
    box-shadow: 16px 0 #fff;
    box-sizing: border-box;
    height: 20px;
    height: 16px;
    left: -16px;
    margin: auto 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 20px;
    width: 16px;
    z-index: 2
}

.repost_posts__radio_text input[type=radio]:checked {
    box-shadow: none;
    opacity: .2
}

.repost_posts__radio_text input[type=radio]:focus {
    box-shadow: 16px 0 #fff
}

.repost_post__container {
    border-bottom: 1px solid var(--border-separation);
    border-top: 1px solid var(--border-separation);
    display: flex;
    height: 80px;
    margin: 0;
    padding: 10px
}

.repost_post__body {
    display: flex;
    flex: 1;
    flex-direction: column
}

.repost_post__image {
    border-radius: 10px;
    height: 60px;
    margin-right: 10px;
    object-fit: cover;
    width: 60px
}

.repost_post__content {
    -webkit-box-orient: vertical;
    color: #5f5354;
    display: -webkit-box;
    font-size: 10.5px;
    font-weight: 500;
    height: 33px;
    letter-spacing: .1px;
    -webkit-line-clamp: 2;
    line-height: 16.5px;
    margin-top: 5px;
    overflow: hidden
}

.repost_post__info {
    align-items: flex-end;
    display: flex;
    line-height: normal;
    margin-top: auto
}

.repost_post__action_icon {
    display: inline;
    height: 18px;
    width: 18px
}

.repost_post__actions {
    align-items: center;
    color: #5f5354;
    display: flex;
    font-size: 10px;
    font-weight: 500;
    width: 100%
}

.repost_post__action_count {
    display: inline;
    margin-right: 7px
}

.repost_post__published_at {
    color: #988d8d;
    font-size: 10px;
    font-weight: 500;
    margin-left: auto
}

.sample-campaign-top-image {
    display: block;
    height: 120px;
    margin: 0 auto;
    width: 120px
}

.sample-campaign-brand-name {
    color: var(--object-secondary);
    font-size: 11.5px;
    margin: 6px 0 0
}

.sample-campaign-product-name {
    font-size: 17px;
    font-weight: 700;
    margin: 5px 0
}

.sample-campaign-description {
    padding: 0 30px
}

.sample-campaign-description,.sample-campaign-plain-text {
    margin-bottom: 20px;
    margin-top: 2px;
    overflow-wrap: break-word
}

.sample-campaign-plain-text a {
    color: var(--expressive-red);
    text-decoration: none
}

.sample-campaign-plain-text a:hover {
    color: var(--expressive-red)
}

.sample-campaign-movie {
    border-radius: 12px;
    margin-top: 6px;
    width: 100%
}

.sample-order-new input {
    margin-bottom: 20px
}

.sample-order-new .form-standard {
    background-color: #fff;
    border-radius: 5px;
    border-style: solid;
    border: 1px solid var(--border-separation);
    box-shadow: none;
    font-size: 13.5px
}

.sample-order-new .form-standard :hover,.sample-order-new .form-standard:focus {
    background-color: var(--border-separation);
    background-color: color-mix(in srgb,var(--border-separation),#fff 12%);
    border: 1px solid var(--border-separation);
    box-shadow: none;
    outline: none
}

.sample-order-new h1 {
    color: var(--expressive-red);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.sample-order-new p {
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.sample-order-new .sample-order-form {
    margin-top: 30px
}

.sample-order-new .sample-order-form__PrivacyStatement {
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: #444;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    max-height: 300px;
    overflow: scroll;
    white-space: pre-wrap;
    width: 100%
}

@media (max-width: 834px) {
    .sample-order-new .sample-order-form__PrivacyStatement {
        max-height:180px
    }
}

.dummy-file-btn {
    background-color: #fff;
    border: 1px solid var(--background-elevation-low);
    border-radius: 5px;
    display: inline-block;
    font-size: 10px;
    padding: 3px 10px
}

.tips-post-recommend {
    padding: 16px
}

.tips-post-recommend__section:not(:first-child) {
    margin-top: 32px
}

.tips-post-recommend__title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 170%
}

.tips-post-recommend__description {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 300;
    line-height: 170%
}

.tips-post-recommend__cover {
    align-items: center;
    align-self: stretch;
    background: #e4f6fd;
    border-radius: 16px;
    display: flex;
    height: 120px;
    justify-content: center;
    margin-bottom: 8px;
    overflow: hidden
}

.tips-post-recommend__cover-icon1 {
    height: 77px
}

.tips-post-recommend__cover-icon2 {
    height: 66px
}

.tips-post-recommend__cover-icon3 {
    height: 80px
}

.tips-post-recommend__cover-icon4 {
    height: 120px
}

.tips-post-recommend__link {
    align-items: center;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    color: #3095ff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 4px;
    height: 48px;
    justify-content: center;
    line-height: 150%;
    margin-top: 16px
}

.tips-post-recommend__link-icon {
    height: 24px
}

.tips-post-recommend-modal {
    border-radius: 8px 8px 0 0
}

@media (min-width: 835px) {
    .tips-post-recommend-modal {
        border-radius:8px
    }
}

.tips-post-recommend-modal__figureheader {
    align-items: center;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    gap: 0;
    height: 56px;
    justify-content: center;
    position: relative
}

.tips-post-recommend-modal__figureheader-title {
    color: var(--object-main);
    flex-grow: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 170%;
    text-align: center
}

.tips-post-recommend-modal__close,.tips-post-recommend-modal__close-image {
    align-items: center;
    display: flex;
    justify-content: center
}

.tips-post-recommend-modal__close-image {
    background: var(--background-elevation-high);
    border: none;
    height: 32px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px
}

.tips-post-recommend-modal__body {
    padding: 24px
}

.tips-post-recommend-modal__section:not(:first-child) {
    margin-top: 16px
}

.tips-post-recommend-modal__title {
    color: var(--object-main);
    font-size: 18px;
    font-weight: 600;
    line-height: 170%
}

.tips-post-recommend-modal__description {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 300;
    line-height: 170%;
    margin-top: 8px
}

.tips-post-recommend-modal__description span {
    color: var(--object-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%
}

.tips-post-recommend-modal__description ul {
    margin: 0;
    padding: 0 0 0 24px
}

.tips-post-recommend-modal__description a {
    color: var(--expressive-blue);
    font-size: 15px;
    font-weight: 600;
    line-height: 170%;
    text-decoration-line: underline
}

.app-btn {
    background-color: red;
    border-width: 0;
    color: #fff;
    font-size: 13px;
    left: 0;
    margin: 0 auto 0 -98.5px;
    padding: 9px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 313px;
    width: 197px
}

@media (min-width: 835px) {
    .app-btn {
        top:315px
    }
}

.app-btn:focus,.app-btn:hover {
    color: #fff;
    text-decoration: none
}

.faq {
    margin-top: 0
}

.faq__title {
    color: var(--object-main);
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 32px;
    margin: 62px 20px 0;
    text-align: center;
    width: 100%
}

@media (max-width: 834px) {
    .faq__title {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px;
        margin: 24px 0 0
    }
}

.faq__title__category {
    color: var(--object-secondary);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin: 8px 0 0;
    text-align: center
}

@media (max-width: 834px) {
    .faq__title__category {
        color:var(--object-secondary);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin: 4px 0 0
    }
}

.faq__container {
    margin-bottom: 38px
}

@media (min-width: 835px) {
    .faq__container {
        margin-bottom:118px;
        padding: 0 100px
    }
}

.faq__heading {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 48px 0 0;
    text-align: center
}

@media (max-width: 834px) {
    .faq__heading {
        background:var(--background-elevation-low);
        color: var(--object-main);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 22px;
        margin-top: 24px;
        padding: 8px 16px;
        text-align: left
    }
}

.faq__notice {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 24px
}

@media (max-width: 834px) {
    .faq__notice {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 16px
    }
}

.faq__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (min-width: 835px) {
    .faq__list {
        margin-top:24px
    }
}

.faq__list--question {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.faq__list--more {
    list-style-type: none;
    margin: 24px 0;
    padding: 0
}

@media (max-width: 834px) {
    .faq__list--more {
        margin:0 0 24px
    }
}

.faq__category {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid var(--border-separation);
    display: flex;
    padding: 16px 20px;
    text-align: left;
    width: 100%
}

@media (max-width: 834px) {
    .faq__category {
        padding:16px
    }
}

.faq__category-text {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    padding: 0;
    width: 100%
}

@media (max-width: 834px) {
    .faq__category-text {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.faq__category-arrow {
    height: 24px;
    margin: auto 0;
    transform: rotate(90deg);
    transition: transform .2s ease-in-out
}

@media (max-width: 834px) {
    .faq__category-arrow {
        height:20px
    }
}

.faq__category:not(.collapsed)>.faq__category-arrow {
    transform: rotate(-90deg)
}

.faq__question a,.faq__question p {
    background: var(--background-elevation-low);
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 16px 16px 16px 20px;
    text-decoration: none
}

@media (max-width: 834px) {
    .faq__question a,.faq__question p {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
        padding: 16px
    }
}

.faq__question a:hover,.faq__question p:hover {
    color: var(--object-main);
    text-decoration: none
}

.faq__question-text {
    margin: 0;
    width: 100%
}

.faq__question+.faq__question {
    border-top: 1px solid var(--background-elevation-low)
}

.faq__question-arrow {
    height: 24px;
    margin: auto 0
}

@media (max-width: 834px) {
    .faq__question-arrow {
        height:20px
    }
}

.faq__inquiry {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0 0;
    text-align: center
}

@media (max-width: 834px) {
    .faq__inquiry {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 16px 16px 0
    }
}

.faq__button,.faq__buttons {
    text-align: center
}

.faq__button {
    background: #fff;
    margin-top: 24px
}

@media (min-width: 835px) {
    .faq__button {
        display:inline-block
    }
}

@media (max-width: 834px) {
    .faq__button {
        margin-top:16px
    }
}

.faq__button a {
    align-items: center;
    border: 1px solid var(--object-main);
    border-radius: 4px;
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    justify-content: center;
    line-height: 150%;
    margin: 0 auto
}

@media (min-width: 835px) {
    .faq__button a {
        width:343px
    }
}

@media (max-width: 834px) {
    .faq__button a {
        margin:0 16px
    }
}

.faq__shopping_link {
    color: var(--expressive-red);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: flex-end;
    line-height: 150%;
    margin: 12px 0 0
}

@media (max-width: 834px) {
    .faq__shopping_link {
        color:var(--expressive-red);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 12px 0 0
    }
}

.faq__shopping_link-text {
    text-align: right
}

.faq__shopping_link-arrow {
    height: 16px;
    margin: auto 0;
    transform: rotate(180deg);
    transition: transform .2s ease-in-out
}

@media (max-width: 834px) {
    .faq__shopping_link-arrow {
        height:12px
    }
}

@media (min-width: 835px) {
    .faq__button+.faq__button {
        margin-left:20px
    }
}

.faq__question-title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 48px 0 0
}

@media (max-width: 834px) {
    .faq__question-title {
        border-top:1px solid var(--border-separation);
        color: var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px;
        margin: 24px 16px 0;
        padding-top: 24px
    }
}

.faq__answer {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 32px;
    overflow-wrap: break-word
}

@media (min-width: 835px) {
    .faq__answer {
        border-bottom:1px solid var(--border-separation);
        padding-bottom: 48px
    }
}

@media (max-width: 834px) {
    .faq__answer {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin: 20px 16px 0
    }

    .welcome-index {
        background: var(--background-elevation-low)
    }
}

.welcome-index .main-figure h2 {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 16px
}

@media (max-width: 834px) {
    .welcome-index .main-figure h2 {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin: 24px 16px 16px
    }
}

.welcome-index__figureheader-with-image {
    align-items: center;
    display: flex;
    gap: 8px
}

.welcome-index__hero-download-count {
    align-items: center;
    aspect-ratio: 1/1;
    background-color: #ec8585;
    border-radius: 999px;
    color: #fff;
    display: grid;
    font-size: 2vw;
    font-weight: 600;
    justify-content: center;
    line-height: 100%;
    width: 10vw
}

@media (max-width: 834px) {
    .welcome-index__hero-download-count {
        font-size:4.8vw;
        left: 10px;
        position: absolute;
        top: -17vw;
        width: 23%
    }

    .welcome-index__hero-download-count span {
        font-size: 2.6vw;
        font-weight: 500;
        line-height: 100%
    }

    .welcome-index__hero-download-count span:first-child {
        font-size: 3.2vw;
        margin-left: 2px
    }
}

@media (min-width: 835px) {
    .welcome-index__hero-download-count span {
        color:#fff;
        font-size: 20px;
        font-size: 1.2vw;
        font-weight: 500;
        line-height: 150%;
        line-height: 100%
    }

    .welcome-index__hero-download-count span:first-child {
        margin-left: 4px
    }
}

.welcome-index__hero-download-count>div {
    margin-top: 5%
}

@media (max-width: 834px) {
    .welcome-index__hero-text-container {
        width:100%
    }
}

.welcome-index__hero-text {
    align-items: flex-end;
    color: var(--object-main);
    display: flex;
    font-size: 3.9vw;
    font-weight: 600;
    line-height: 120%;
    text-align: center;
    text-wrap: balance;
    z-index: 1
}

@media (min-width: 835px) {
    .welcome-index__hero-text {
        left:40%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width: 834px) {
    .welcome-index__hero-text {
        align-items:flex-start;
        bottom: 0;
        flex-direction: column;
        font-size: 8vw;
        left: 0;
        line-height: 150%;
        position: relative;
        width: 100%
    }
}

.welcome-index__hero-annotation {
    font-size: 2vw;
    line-height: 150%;
    margin: 0 0 15px
}

@media (max-width: 834px) {
    .welcome-index__hero-annotation {
        color:var(--object-main);
        font-size: 16px;
        font-size: 4.3vw;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 4px
    }
}

.welcome-index__hero-button {
    align-items: center;
    background-color: var(--background-primary);
    border-radius: 999px;
    display: grid;
    margin: 28px auto 0;
    padding: 12px 48px;
    width: fit-content
}

@media (max-width: 834px) {
    .welcome-index__hero-button {
        bottom:5%;
        color: #fff;
        font-size: 14px;
        font-size: 3.8vw;
        font-weight: 500;
        left: 5%;
        line-height: 150%;
        margin: 4px 17px 16px;
        width: 90%
    }
}

@media (min-width: 835px) {
    .welcome-index__hero-button {
        color:#fff;
        font-size: 24px;
        font-size: 1.4vw;
        font-weight: 600;
        line-height: 150%
    }
}

.welcome-index__hero-box {
    position: relative
}

.welcome-index__hero {
    background: var(--background-elevation-low);
    display: block;
    height: auto;
    width: 100%;
    z-index: 0
}

.welcome-index__hero-W2A-link,.welcome-index__hero-W2A-link:active,.welcome-index__hero-W2A-link:focus,.welcome-index__hero-W2A-link:hover {
    color: #fff;
    text-decoration: none
}

.welcome-index__hero-disclaimer {
    color: var(--object-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    text-align: center
}

@media (min-width: 835px) {
    .welcome-index__hero-disclaimer {
        bottom:12px;
        position: absolute;
        right: 16px
    }
}

@media (max-width: 834px) {
    .welcome-index__hero-disclaimer {
        margin-bottom:16px
    }
}

.welcome-index__nav {
    margin: 0 0 48px
}

@media (max-width: 834px) {
    .welcome-index__nav {
        margin:16px
    }
}

.welcome-index__nav-list {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media (max-width: 834px) {
    .welcome-index__nav-list {
        gap:8px
    }
}

.welcome-index__nav-item {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    flex: 1
}

@media (max-width: 834px) {
    .welcome-index__nav-item {
        background:var(--background-elevation-high);
        border-radius: 4px;
        display: flex
    }
}

.welcome-index__nav-link {
    align-items: center;
    display: block;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 150%;
    max-width: 166px;
    padding: 16px 0
}

.welcome-index__nav-link,.welcome-index__nav-link:active,.welcome-index__nav-link:focus,.welcome-index__nav-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .welcome-index__nav-link {
        color:var(--object-main);
        flex-direction: column;
        flex-shrink: 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
        padding: 0 12px 24px;
        width: 100%
    }
}

.welcome-index__nav-link.ranking:before {
    background: url(https://cdn.lipscosme.com/assets/hero/icon/ranking-85ac5d91941b1fb66d6c3ab9069c32f48b03443e4c0a7f1ec68e4da868662180.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    margin: 0 6px 0 0;
    width: 24px
}

@media (max-width: 834px) {
    .welcome-index__nav-link.ranking:before {
        background-color:var(--background-elevation-low);
        background-position: 50%;
        background-size: 32px 32px;
        border-radius: 50%;
        height: 32px;
        height: 56px;
        margin: 0 0 4px;
        width: 32px;
        width: 56px
    }
}

.welcome-index__nav-link.category:before {
    background: url(https://cdn.lipscosme.com/assets/hero/icon/category-8e686d0f8a8d96223abb14e40329c9f19505329bfc52be76170a1110b8c7f2db.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    margin: 0 6px 0 0;
    width: 24px
}

@media (max-width: 834px) {
    .welcome-index__nav-link.category:before {
        background-color:var(--background-elevation-low);
        background-position: 50%;
        background-size: 32px 32px;
        border-radius: 50%;
        height: 32px;
        height: 56px;
        margin: 0 0 4px;
        width: 32px;
        width: 56px
    }
}

.welcome-index__nav-link.brand:before {
    background: url(https://cdn.lipscosme.com/assets/hero/icon/brand-283245393666e2259bdd1b96bb3c668856d4975a5930c992bec7278d09c1c4a6.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    margin: 0 6px 0 0;
    width: 24px
}

@media (max-width: 834px) {
    .welcome-index__nav-link.brand:before {
        background-color:var(--background-elevation-low);
        background-position: 50%;
        background-size: 32px 32px;
        border-radius: 50%;
        height: 32px;
        height: 56px;
        margin: 0 0 4px;
        width: 32px;
        width: 56px
    }
}

.welcome-index__nav-link.calendar:before {
    background: url(https://cdn.lipscosme.com/assets/hero/icon/calendar-ad126d5353e6cd9f89531d8631ef8f8c2680bb7db26a0af253d635dfee7fba6c.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    margin: 0 6px 0 0;
    width: 24px
}

@media (max-width: 834px) {
    .welcome-index__nav-link.calendar:before {
        background-color:var(--background-elevation-low);
        background-position: 50%;
        background-size: 32px 32px;
        border-radius: 50%;
        height: 32px;
        height: 56px;
        margin: 0 0 4px;
        width: 32px;
        width: 56px
    }
}

.welcome-index__rankings {
    background: #fff;
    margin: 0 0 48px
}

@media (max-width: 834px) {
    .welcome-index__rankings {
        margin:0 0 16px;
        padding-top: 0
    }
}

.welcome-index__rankings-title {
    color: var(--object-main);
    font-size: 20px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .welcome-index__rankings-title {
        border-top:unset;
        color: var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }
}

.welcome-index__rankings-products {
    margin: 0 0 24px
}

@media (max-width: 834px) {
    .welcome-index__rankings-products {
        margin:0
    }
}

.welcome-index__rankings-products-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.welcome-index__rankings-products-item {
    margin: 0;
    width: calc(50% - 12px)
}

@media (max-width: 834px) {
    .welcome-index__rankings-products-item {
        width:100%
    }
}

.welcome-index__more-link {
    background-color: #efefef;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto;
    padding: 13px 0;
    text-align: center;
    width: 360px
}

.welcome-index__more-link,.welcome-index__more-link:active,.welcome-index__more-link:focus,.welcome-index__more-link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .welcome-index__more-link {
        margin:16px 16px 24px;
        width: calc(100% - 32px)
    }

    .welcome-index__latest-articles .ArticlesListSquare {
        margin: 0 16px
    }
}

.welcome-index__timelinePosts .ProductListArticlePost {
    padding: 0
}

@media (max-width: 834px) {
    .welcome-index__timelinePosts .ProductListArticlePost {
        padding:0 16px
    }
}

.welcome-index #main-col>div {
    background: #fff
}

@media (max-width: 834px) {
    .welcome-index #main-col>div {
        margin:7px 0;
        padding: .1px 0
    }
}

.welcome-index #main-col>div:not(:first-child) {
    margin: 60px 0
}

@media (max-width: 834px) {
    .welcome-index #main-col>div:not(:first-child) {
        margin:7px 0;
        padding: .1px 0
    }
}

@media (min-width: 835px) {
    .welcome-index>.main-figure>.flex-row>#main-col>div:last-child {
        margin-bottom:60px
    }
}

.landing-page__cta-btn_bottom,.landing-page__cta-btn_movie,.landing-page__cta-btn_post,.landing-page__cta-btn_step {
    background-color: var(--expressive-red);
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 20px;
    padding: 14px 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.landing-page__cta-btn_bottom:hover,.landing-page__cta-btn_movie:hover,.landing-page__cta-btn_post:hover,.landing-page__cta-btn_step:hover {
    color: #fff;
    opacity: .6;
    text-decoration: none
}

.landing-page {
    display: block;
    margin: 0 auto;
    max-width: 640px
}

.landing-page__top-banner-image {
    width: 100%
}

.landing-page__title_h1 {
    margin: 0;
    padding: 16px
}

.landing-page__title_h1,.landing-page__title_h2 {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 24px
}

.landing-page__title_h2 {
    border-left: 2px solid var(--expressive-red);
    margin: 24px 16px;
    padding-left: 12px
}

.landing-page__anchor-link-list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.landing-page__anchor-link-item {
    border: 1px solid var(--border-separation);
    padding: 8px 0 4px;
    width: 50%
}

.landing-page__anchor-link-item a {
    color: var(--expressive-red);
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.landing-page__anchor-link-item a:after {
    background: url(https://cdn.lipscosme.com/assets/arrow/lips_60-4c6ca11d295269aaaecc4c1acf32e297a564d0a9362d113bd78a7a5de27b734e.png) no-repeat;
    background-size: 16px;
    content: "";
    display: block;
    height: 16px;
    margin: 0 auto;
    transform: rotate(-90deg);
    width: 16px
}

.landing-page__post-container {
    margin-bottom: 32px
}

.landing-page__post-image {
    width: 100%
}

.landing-page__post-content-inner {
    border-bottom: 1px solid var(--border-separation);
    margin: 16px 16px 0;
    padding: 0 0 68px;
    position: relative
}

.landing-page__post-content {
    font-size: 14px;
    font-weight: 500;
    height: 320px;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    white-space: pre-wrap
}

.landing-page__post-content:after {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    bottom: 68px;
    content: "";
    display: block;
    height: 80px;
    position: absolute;
    width: 100%
}

.landing-page__cta-btn_post {
    bottom: 32px;
    height: 48px;
    position: absolute
}

.landing-page__step {
    margin-top: 32px;
    padding: 0 16px
}

.landing-page__step-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.landing-page__step-item {
    margin: 32px 0
}

.landing-page__step-txt {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin: 0
}

.landing-page__step-num {
    background-color: var(--expressive-red);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    text-align: center;
    width: 20px
}

.landing-page__step-image {
    margin-top: 24px;
    width: 100%
}

.landing-page__cta-btn_step {
    margin: 40px 0 64px
}

.landing-page__whats-this {
    background: var(--background-elevation-low);
    border-radius: 8px;
    margin: 24px 16px 64px;
    padding: 16px
}

.landing-page__whats-text {
    color: var(--object-main);
    font-size: 14px;
    line-height: 24px;
    margin: 0
}

.landing-page__movie {
    margin: 0 16px;
    width: calc(100% - 32px)
}

.landing-page__cta-btn_movie {
    margin: 40px 16px 64px;
    width: calc(100% - 32px)
}

.landing-page__banner-container {
    display: flex;
    list-style-type: none;
    margin: 64px 24px;
    padding: 0
}

.landing-page__banner {
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.16);
    width: calc(50% - 7.5px)
}

.landing-page__banner:first-child {
    margin-right: 15px
}

.landing-page__banner-link {
    text-decoration: none
}

.landing-page__banner-image {
    border-radius: 12px 12px 0 0;
    width: 100%
}

.landing-page__banner-title {
    color: var(--object-main);
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    margin: 12px 12px 16px;
    text-align: center
}

.landing-page__bottom-menu {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -1px 3px 0 rgba(0,0,0,.04);
    height: 64px;
    left: 0;
    padding: 12px;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 10000
}

.landing-page__bottom-menu-container {
    margin: 0 auto;
    max-width: 640px
}

.landing-page__sns-share {
    float: left
}

.landing-page__share-link {
    text-decoration: none
}

.landing-page__share-image {
    height: 40px;
    margin-right: 8px;
    width: 40px
}

.landing-page__cta-btn_bottom {
    float: right;
    font-size: 12px;
    height: 40px;
    line-height: 16px;
    padding: 12px 0;
    width: 120px
}

.medical_equipment {
    margin: 0 auto;
    max-width: 880px
}

@media (max-width: 834px) {
    .medical_equipment {
        background-color:var(--background-elevation-low)
    }

    .medical_equipment__container {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .medical_equipment__section {
        background: var(--background-elevation-high);
        padding: 0 16px
    }
}

.medical_equipment__title_h1 {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 32px 0 16px
}

@media (max-width: 834px) {
    .medical_equipment__title_h1 {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 24px 0 16px
    }
}

.medical_equipment__text {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0
}

@media (max-width: 834px) {
    .medical_equipment__text {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 170%
    }
}

.medical_equipment__text--link {
    color: var(--expressive-red);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 170%;
    text-decoration: underline
}

@media (max-width: 834px) {
    .medical_equipment__text--link {
        color:var(--expressive-red);
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 170%
    }
}

.medical_equipment__text--link:active,.medical_equipment__text--link:focus,.medical_equipment__text--link:hover {
    color: var(--expressive-red)
}

.medical_equipment__text--marker {
    background: linear-gradient(transparent 50%,rgba(248,67,106,.1) 0);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 170%
}

@media (max-width: 834px) {
    .medical_equipment__text--marker {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 170%
    }
}

.medical_equipment__text--small {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 170%;
    margin: 0
}

.medical_equipment__text--small--link {
    color: var(--expressive-red);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 170%;
    text-decoration: underline
}

.medical_equipment__text--small--link:active,.medical_equipment__text--small--link:focus,.medical_equipment__text--small--link:hover {
    color: var(--expressive-red)
}

@media (min-width: 835px) {
    .medical_equipment__before_purchase {
        border-bottom:1px solid var(--border-separation)
    }
}

.medical_equipment__before_purchase_list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.medical_equipment__title_h2 {
    border-bottom: 2px solid var(--object-main);
    color: var(--object-main);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 24px 0 16px;
    padding: 0 0 12px
}

@media (max-width: 834px) {
    .medical_equipment__title_h2 {
        color:var(--object-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%;
        margin: 20px 0 16px
    }
}

.medical_equipment__approval_img {
    display: block;
    margin: 16px auto;
    width: 280px
}

.medical_equipment__reference {
    margin: 24px 0 32px
}

.medical_equipment__title_license {
    background: var(--object-secondary);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 150%;
    margin: 24px 0 0;
    padding: 4px 0;
    text-align: center
}

@media (max-width: 834px) {
    .medical_equipment__title_license {
        color:#fff;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 150%
    }
}

.medical_equipment__figure {
    align-items: flex-end;
    display: flex;
    gap: 32px
}

@media (max-width: 834px) {
    .medical_equipment__figure {
        flex-direction:column;
        gap: unset
    }
}

.medical_equipment__license {
    width: 420px
}

@media (max-width: 834px) {
    .medical_equipment__license {
        width:100%
    }
}

.medical_equipment__caption {
    background: var(--background-elevation-low);
    border-radius: 4px;
    flex: 1;
    padding: 16px
}

@media (max-width: 834px) {
    .medical_equipment__caption {
        width:100%
    }
}

.medical_equipment__caption--list {
    display: flex;
    flex-flow: row wrap;
    margin: 0
}

.medical_equipment__caption--list--vertical {
    flex-direction: column;
    margin: 0
}

.medical_equipment__caption--desc,.medical_equipment__caption--term {
    color: var(--object-main);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 170%;
    white-space: pre-wrap
}

.medical_equipment__caption--desc a,.medical_equipment__caption--term a {
    color: var(--object-main);
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 170%
}

@media (max-width: 834px) {
    .welcome-my-point {
        background-color:var(--background-elevation-high);
        padding: 16px 24px
    }
}

.welcome-my-point__title span {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .welcome-my-point__sp-container {
        margin:0 16px 24px
    }
}

.welcome-my-point__card {
    background-color: var(--background-elevation-low);
    border-radius: 8px;
    display: block;
    padding: 16px 16px 16px 20px
}

.welcome-my-point__card,.welcome-my-point__card:active,.welcome-my-point__card:focus,.welcome-my-point__card:hover {
    color: var(--object-main);
    text-decoration: none
}

.welcome-my-point__arrow-container {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 24px;
    justify-content: space-between
}

@media (max-width: 834px) {
    .welcome-my-point__arrow-container {
        gap:12px;
        grid-template-columns: 1fr 20px
    }
}

.welcome-my-point__flex {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.welcome-my-point__flex-key {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .welcome-my-point__flex-key {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.welcome-my-point__flex-key--strong {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .welcome-my-point__flex-key--strong {
        color:var(--object-main);
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }
}

.welcome-my-point__flex-value {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media (max-width: 834px) {
    .welcome-my-point__flex-value {
        color:var(--object-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.welcome-my-point__flex-value--strong {
    color: var(--expressive-blue);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%
}

@media (max-width: 834px) {
    .welcome-my-point__flex-value--strong {
        color:var(--expressive-blue);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

.welcome-my-point__columns {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    margin: 16px 0
}

.PolicyChangeModal {
    background: #fff;
    border-radius: 8px;
    display: none;
    margin: auto;
    position: fixed;
    z-index: 10010
}

@media (min-width: 835px) {
    .PolicyChangeModal {
        left:50%;
        max-height: calc(100vh - 24px);
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 70%
    }
}

@media (max-width: 834px) {
    .PolicyChangeModal {
        border-radius:0;
        height: 80%;
        left: 0;
        right: 0;
        top: 0;
        width: 90%
    }
}

.PolicyChangeModal.open {
    display: flex;
    flex-direction: column
}

.PolicyChangeModal__figureheader {
    flex-shrink: 0;
    position: relative
}

.PolicyChangeModal__main {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: scroll;
    padding: 12px 24px;
    white-space: pre-wrap
}

.PolicyChangeModal__title {
    border-bottom: 1px solid var(--border-separation);
    color: var(--object-main);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
    padding: 24px;
    text-align: center
}

.PolicyChangeModal__close {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 4px;
    top: 4px
}

.PolicyChangeModal__close:focus {
    outline: none
}

.PolicyChangeModal__close img {
    height: 24px;
    object-fit: contain;
    width: 24px
}

.policy {
    margin: 0 auto;
    max-width: 920px
}

.policy__container {
    padding: 0 20px
}

.policy hr {
    border-top: 1px solid var(--border-separation);
    margin-bottom: 32px;
    margin-top: 32px
}

@media (max-width: 834px) {
    .policy hr {
        margin-left:calc(50% - 50vw);
        margin-right: calc(50% - 50vw)
    }
}

.policy__title_h1 {
    color: var(--object-main);
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 48px
}

@media (max-width: 834px) {
    .policy__title_h1 {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%;
        margin-top: 32px
    }
}

.policy__title_h2 {
    margin: 32px 0 24px
}

@media (max-width: 834px) {
    .policy__title_h2 {
        color:var(--object-main);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%
    }

    .policy__title_h2 span {
        color: var(--object-tertiary);
        display: block;
        font-size: 18px;
        font-weight: 600;
        line-height: 150%
    }
}

@media (min-width: 835px) {
    .policy__title_h2 {
        color:var(--object-main);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%
    }

    .policy__title_h2 span {
        color: var(--object-tertiary);
        display: block;
        font-size: 20px;
        font-weight: 600;
        line-height: 150%
    }
}

.policy__title_h3 {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    line-height: 150%
}

.policy__abstract,.policy__paragraph {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin: 16px 0
}

@media (max-width: 834px) {
    .policy__abstract,.policy__paragraph {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%
    }
}

.policy__abstract b,.policy__paragraph b {
    background: linear-gradient(transparent 63.7%,#ffdde2 0);
    color: var(--object-main);
    font-size: 16px;
    font-weight: 600;
    line-height: 170%
}

@media (max-width: 834px) {
    .policy__abstract b,.policy__paragraph b {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 600;
        line-height: 170%
    }
}

.policy__abstract--right,.policy__paragraph--right {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: right
}

.policy__list {
    margin: 16px 0;
    padding-left: 20px
}

.policy__list--plain {
    list-style-type: none;
    margin: 16px 0;
    padding: 0
}

.policy__list-item {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 6px
}

@media (max-width: 834px) {
    .policy__list-item {
        color:var(--object-main);
        font-size: 15px;
        font-weight: 400;
        line-height: 170%
    }
}

.policy__img {
    display: block;
    margin: 0 auto;
    max-width: 450px;
    width: 100%
}

.policy__link,.policy__link:focus,.policy__link:hover,.policy__link:visited {
    color: var(--expressive-red)
}

.policy__tableContainer {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    white-space: nowrap
}

.policy__table {
    min-width: 1000px;
    width: 100%
}

.policy__table th {
    background: var(--background-surface);
    font-weight: 500
}

.policy__table td,.policy__table th {
    color: var(--object-main);
    font-size: 14px;
    line-height: 150%
}

.policy__table td {
    font-weight: 400
}

.policy__table td,.policy__table th {
    border: 1px solid var(--border-separation);
    padding: 10px;
    white-space: pre-wrap
}

.policy__table td ul,.policy__table th ul {
    margin: 0;
    padding-left: 20px
}

.policy__notes {
    background-color: var(--background-elevation-low);
    border-radius: 4px;
    margin-top: 24px;
    padding: 16px
}

@media (max-width: 834px) {
    .policy__notes {
        padding:12px
    }
}

.policy__notes-title {
    align-items: center;
    color: var(--object-main);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 4px;
    line-height: 150%;
    margin-bottom: 8px
}

@media (max-width: 834px) {
    .policy__notes-title {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 600;
        gap: 2px;
        line-height: 150%
    }
}

.policy__notes-title:before {
    background-color: var(--expressive-blue);
    content: "";
    height: 20px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/common/check-circle-a9636afdd514e2b1c6e8c73fc6f87db55b193e9f8cc3b66e3ccedb80c76b950f.svg?bg.svg);
    mask: url(https://cdn.lipscosme.com/assets/common/check-circle-a9636afdd514e2b1c6e8c73fc6f87db55b193e9f8cc3b66e3ccedb80c76b950f.svg?bg.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px
}

.policy__notes-list {
    margin: 0;
    padding-left: 18px
}

.policy__notes-list-item {
    color: var(--object-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 8px 0;
    padding-left: 4px
}

@media (max-width: 834px) {
    .policy__notes-list-item {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%
    }
}

.policy__notes-list-item:first-child {
    margin-top: 0
}

.policy__notes-list-item:last-child {
    margin-bottom: 0
}

.policy .PostListSquare__title {
    color: var(--object-secondary);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px 0 12px
}

@media (max-width: 834px) {
    .policy .PostListSquare__title {
        color:var(--object-secondary);
        font-size: 15px;
        font-weight: 600;
        line-height: 170%
    }
}

.policy .PostListSquare__list {
    gap: 4px
}

.policy .PostListSquare__listItem {
    width: 140px
}

@media (max-width: 834px) {
    .policy .PostListSquare__listItem {
        width:calc(33.33333% - 2.66667px)
    }
}

.policy__button {
    align-items: center;
    background: var(--background-primary);
    border: none;
    border-radius: 4px;
    color: var(--object-reverse);
    display: grid;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    margin: 24px auto;
    min-height: 44px;
    overflow-wrap: anywhere;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: fit-content;
    width: 360px;
    word-break: keep-all
}

.policy__button:hover {
    opacity: .8
}

.policy__button:active,.policy__button:focus,.policy__button:hover {
    color: var(--object-reverse);
    text-decoration: none
}

.policy__button:disabled {
    background: var(--object-tertiary)
}

.policy__button:disabled:hover {
    opacity: 1
}

@media (max-width: 834px) {
    .policy__button {
        width:100%
    }
}

.policy__article__link {
    align-items: center;
    border: 1px solid var(--border-separation);
    border-radius: 4px;
    display: flex;
    gap: 8px;
    margin: 16px 0;
    padding: 12px 16px
}

.policy__article__link,.policy__article__link:active,.policy__article__link:focus,.policy__article__link:hover {
    color: var(--object-main);
    text-decoration: none
}

@media (max-width: 834px) {
    .policy__article__link {
        gap:12px;
        margin: 16px;
        padding: 12px
    }
}

.policy__article__thumb {
    border-radius: 4px;
    height: auto;
    object-fit: cover;
    width: 106px
}

.policy__article__title {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width: 834px) {
    .policy__article__title {
        color:var(--object-main);
        font-size: 12px;
        font-weight: 500;
        line-height: 150%
    }
}

.policy__floating {
    bottom: 0;
    padding: 16px;
    position: fixed;
    width: 100%;
    z-index: 10010
}

.policy__floatingBtn {
    align-items: center;
    background: none;
    background: var(--background-primary);
    border: none;
    border-radius: 24px;
    box-shadow: 0 0 24px rgba(0,0,0,.1);
    color: var(--object-reverse);
    display: flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
    line-height: 150%;
    line-height: 170%;
    margin: 0 auto;
    max-width: 920px;
    padding: 16px 0;
    text-align: center;
    width: 100%
}

.policy__floatingBtn:focus {
    outline: none
}

.policy__floatingBtn:disabled {
    background: var(--object-tertiary)
}

.policy__floatingBtn:after {
    background-color: var(--object-reverse);
    content: "";
    height: 24px;
    -webkit-mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    mask: url(https://cdn.lipscosme.com/assets/ic_arrow-899047af40307283a13eb3bad9db07790ed69d86485c6120367baa717be3e604.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px
}

.policy__hero {
    width: 100%
}

.specified_commercial_transaction {
    margin: 0 auto 118px;
    max-width: 1080px
}

@media (max-width: 834px) {
    .specified_commercial_transaction {
        margin-bottom:38px
    }
}

.specified_commercial_transaction__container {
    padding: 0 20px
}

.specified_commercial_transaction__title_h1 {
    color: var(--object-main);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 28px;
    padding: 42px 0 38px;
    text-align: center
}

@media (max-width: 834px) {
    .specified_commercial_transaction__title_h1 {
        color:var(--object-main);
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px;
        padding: 4px 0 14px
    }
}

.specified_commercial_transaction__main-content {
    display: grid;
    grid-template-columns: 240px 1fr;
    margin: 0 auto;
    max-width: 880px;
    padding-top: 20px;
    row-gap: 16px
}

@media (max-width: 834px) {
    .specified_commercial_transaction__main-content {
        grid-template-columns:1fr;
        padding-top: unset;
        row-gap: 12px
    }
}

.specified_commercial_transaction__key {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 24px;
    padding-left: 20px
}

@media (max-width: 834px) {
    .specified_commercial_transaction__key {
        padding-left:unset
    }
}

.specified_commercial_transaction__value {
    color: var(--object-main);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.specified_commercial_transaction__line {
    border-bottom: 1px solid var(--border-separation);
    grid-column: 1/-1
}

.specified_commercial_transaction ul {
    padding-left: 0
}

.specified_commercial_transaction__list {
    list-style: none;
    margin-top: 8px;
    padding-left: 0
}

.specified_commercial_transaction__list a {
    color: var(--expressive-red)
}