.attribute-stickers {
    position: absolute;
    inset: 0;
    z-index: 8;
    pointer-events: none;
}

.attribute-sticker {
    position: absolute;
    display: inline-flex;
    max-width: calc(100% - 16px);
    pointer-events: none;
    font-family: "Roboto", Helvetica, sans-serif;
    line-height: 1;
}

.attribute-sticker__body {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 5px 10px;
    border-radius: 8px;
    box-shadow: none;
    border: 0;
}

.attribute-sticker__title {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.attribute-sticker__icon {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    object-fit: contain;
}

.attribute-sticker__tooltip {
    display: none !important;
}

.attribute-sticker--top-left {
    top: 8px;
    left: 8px;
}

.attribute-sticker--top-right {
    top: 8px;
    right: 8px;
}

.attribute-sticker--bottom-left {
    bottom: 0;
    left: 0;
}

.attribute-sticker--bottom-right {
    bottom: 0;
    right: 0;
}

.attribute-sticker--ribbon .attribute-sticker__body,
.attribute-sticker--pill .attribute-sticker__body {
    border-radius: 8px;
}

.attribute-sticker--icon .attribute-sticker__body {
    padding: 0;
    min-height: 0;
    border-radius: 0;
    background: transparent;
}

.attribute-sticker--icon .attribute-sticker__icon {
    width: 52px;
    height: 22px;
}

.attribute-sticker--accent .attribute-sticker__body {
    background: #ef3124;
    color: #fff;
}

.attribute-sticker--light .attribute-sticker__body {
    background: #f7f7f7;
    color: #161616;
}

.attribute-sticker--dark .attribute-sticker__body,
.attribute-sticker--soft-dark .attribute-sticker__body {
    background: #4b4f55;
    color: #fff;
}

.attribute-sticker--neutral .attribute-sticker__body,
.attribute-sticker--soft-light .attribute-sticker__body {
    background: #f1f3f5;
    color: #161616;
}

.attribute-sticker--outline .attribute-sticker__body,
.attribute-sticker--transparent .attribute-sticker__body {
    background: transparent;
    color: inherit;
}

.attribute-sticker--sm .attribute-sticker__body {
    min-height: 24px;
    padding: 5px 10px;
}

.attribute-sticker--sm .attribute-sticker__title {
    font-size: 13px;
}

.attribute-sticker--md .attribute-sticker__title {
    font-size: 13px;
}

.attribute-sticker--lg .attribute-sticker__body {
    min-height: 28px;
    padding: 6px 12px;
}

.attribute-sticker--lg .attribute-sticker__title {
    font-size: 14px;
}

.attribute-sticker--top-right ~ .attribute-sticker--top-right {
    top: 42px;
}

.product-thumb .attribute-sticker {
    max-width: calc(100% - 16px);
}

.product-thumb .attribute-sticker__body {
    min-height: 24px;
    padding: 5px 10px;
}

.product-thumb .attribute-sticker__title,
.main_img_box .attribute-sticker__title {
    font-size: 13px;
}

.product-thumb .attribute-sticker--icon .attribute-sticker__icon,
.main_img_box .attribute-sticker--icon .attribute-sticker__icon {
    width: 52px;
    height: 22px;
}

.attribute-sticker--transparent.attribute-sticker--pill .attribute-sticker__body {
    padding: 0;
    min-height: 18px;
    gap: 5px;
}

.attribute-sticker--transparent.attribute-sticker--pill .attribute-sticker__icon {
    width: 18px;
    height: 18px;
}

.attribute-sticker--transparent.attribute-sticker--pill .attribute-sticker__title {
    color: #161616;
    font-size: 13px;
}