@layer components {
/* Hotel Type */
.hoteltype {
    padding: 2px 4px;
    border-radius: 2px;
}
.hoteltype-white {
    color: var(--semantic-primary-text);
    border: 1px solid var(--semantic-primary-text);
    background-color: var(--semantic-base-background);
}
.hoteltype-gray {
    color: var(--semantic-base-background);
    border: 1px solid var(--semantic-base-background);
    background-color: var(--semantic-secondary-text);
    opacity: 0.3;
}

/* New Badge */
.newbadge-circle-pc {
    background-color: var(--semantic-accent-red);
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 12px;
}
.newbadge-circle-sp {
    background-color: var(--semantic-accent-red);
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 8px;
}
.newbadge-text {
    padding: 1px 4px;
    background-color: var(--semantic-accent-red);
    border-radius: 42px;
    color: var(--semantic-base-background);
}
}