@charset "UTF-8";
/* =========================================================
o-text - style (pure CSS using f-variables.css)
============================================================*/

/* weights */
.o-text.__bolder {
    font-weight: 900;
}

.o-text.__nobold {
    font-weight: normal;
}

/* english type */
.o-text.__en {
    letter-spacing: .01rem;
    font-family: var(--font-family02);
}

/* sizes */
.o-text.__big,
.o-text.__big.o-icon:before {
    font-size: var(--fs-big);
}

.o-text.__large,
.o-text.__large.o-icon:before {
    font-size: var(--fs-large);
}

.o-text.__title,
.o-text.__title.o-icon:before {
    font-size: var(--fs-title);
}

.o-text.__title.__en {
    letter-spacing: .3rem;
}

.o-text.__postp,
.o-text.__postp.o-icon:before {
    font-size: var(--fs-postp);
}

.o-text.__p,
.o-text.__p.o-icon:before {
    font-size: var(--fs-p);
}

.o-text.__mid,
.o-text.__mid.o-icon:before {
    font-size: var(--fs-mid);
}

.o-text.__min,
.o-text.__min.o-icon:before {
    font-size: var(--fs-min);
}

.o-text.__tiny,
.o-text.__tiny.o-icon:before {
    font-size: var(--fs-tiny);
}

.o-text.__smallest,
.o-text.__smallest.o-icon:before {
    font-size: 10px;
}

/* width helpers */
.o-text.__mw01 {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}

.o-text.__mw02 {
    max-width: clamp(280px,100%,320px);
    margin-left: auto;
    margin-right: auto;
}

.o-text.__w100 {
    width: 100%;
}

.o-text.__block {
    display: block;
}

/* align */
.o-text.__left {
    text-align: left;
}

.o-text.__right {
    text-align: right;
}

.o-text.__center {
    text-align: center;
}

/* colors mapped to f-variables */
.o-text.__blue {
    color: var(--accent-color01);
}

.o-text.__green {
    color: var(--accent-color07);
}

.o-text.__yellow {
    color: var(--accent-color06);
}

.o-text.__red {
    color: var(--accent-color03);
}

.o-text.__black {
    color: var(--text-color01);
}

.o-text.__gold {
    color: var(--accent-color04);
}