/* Snow Monkey Blocks 最適化CSS */
/* 統合されたインラインCSSを外部ファイル化 */

/* ==========================================================================
   Box Block
   ========================================================================== */
.smb-box {
    --smb-box--background-color: transparent;
    --smb-box--background-image: initial;
    --smb-box--background-opacity: 1;
    --smb-box--border-color: var(--_lighter-color-gray);
    --smb-box--border-style: solid;
    --smb-box--border-width: 0px;
    --smb-box--border-radius: var(--_global--border-radius);
    --smb-box--box-shadow: initial;
    --smb-box--color: inherit;
    --smb-box--padding: var(--_padding1);
    border-radius: var(--smb-box--border-radius);
    border-width: 0;
    box-shadow: var(--smb-box--box-shadow);
    color: var(--smb-box--color);
    overflow: visible;
    padding: var(--smb-box--padding);
    position: relative;
}

.smb-box--p-s {
    --smb-box--padding: var(--_padding-1);
}

.smb-box--p-l {
    --smb-box--padding: var(--_padding2);
}

.smb-box__background {
    background-color: var(--smb-box--background-color);
    background-image: var(--smb-box--background-image);
    border: var(--smb-box--border-width) var(--smb-box--border-style) var(--smb-box--border-color);
    border-radius: var(--smb-box--border-radius);
    bottom: 0;
    display: block;
    left: 0;
    opacity: var(--smb-box--background-opacity);
    position: absolute;
    right: 0;
    top: 0;
}

.smb-box__body {
    position: relative;
}

:where(.smb-box__body.is-layout-constrained > *) {
    --wp--style--global--content-size: 100%;
    --wp--style--global--wide-size: 100%;
}

/* ==========================================================================
   Button Box Block
   ========================================================================== */
.smb-btn-box {
    --smb-btn-box--background-color: transparent;
    --smb-btn-box--padding: var(--_padding2);
    --smb-btn--style--ghost--border-color: var(--smb-btn--background-color, currentColor);
    --smb-btn--style--ghost--color: currentColor;
    background-color: var(--smb-btn-box--background-color);
    padding-bottom: var(--smb-btn-box--padding);
    padding-top: var(--smb-btn-box--padding);
}

.smb-btn-box__lede {
    font-weight: 700;
    margin-bottom: var(--_margin-1);
    text-align: center;
}

.smb-btn-box__btn-wrapper {
    text-align: center;
}

.smb-btn-box__note {
    margin-top: var(--_margin-1);
    text-align: center;
}

.smb-btn-box.is-style-ghost .smb-btn {
    --smb-btn--color: var(--smb-btn--style--ghost--color);
    background-color: transparent;
    border: 1px solid var(--smb-btn--style--ghost--border-color);
}

/* ==========================================================================
   Buttons Block
   ========================================================================== */
.smb-buttons {
    --smb-buttons--gap: var(--_margin1);
    display: flex;
    flex-wrap: wrap;
    gap: var(--smb-buttons--gap);
}

.smb-buttons.has-text-align-left,
.smb-buttons.is-content-justification-left {
    justify-content: flex-start;
}

.smb-buttons.has-text-align-center,
.smb-buttons.is-content-justification-center {
    justify-content: center;
}

.smb-buttons.has-text-align-right,
.smb-buttons.is-content-justification-right {
    justify-content: flex-end;
}

.smb-buttons.is-content-justification-space-between {
    justify-content: space-between;
}

.smb-buttons > .smb-btn-wrapper {
    flex: 0 1 auto;
    margin: 0;
}

.smb-buttons > .smb-btn-wrapper--full {
    flex: 1 1 auto;
}

@media not all and (min-width: 640px) {
    .smb-buttons > .smb-btn-wrapper--more-wider {
        flex: 1 1 auto;
    }
}

/* ==========================================================================
   Container Block
   ========================================================================== */
.smb-container__body {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.smb-container--no-gutters {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

:where(.smb-container__body.is-layout-constrained > *) {
    --wp--style--global--content-size: 100%;
    --wp--style--global--wide-size: 100%;
}

/* ==========================================================================
   Contents Outline Block
   ========================================================================== */
.smb-contents-outline {
    --smb-contents-outline--background-color: var(--wp--preset--color--sm-lightest-gray);
    --smb-contents-outline--color: inherit;
    background-color: var(--smb-contents-outline--background-color);
    color: var(--smb-contents-outline--color);
    padding: 0 !important;
}

.smb-contents-outline .wpco {
    background-color: inherit;
    color: inherit;
}

/* ==========================================================================
   Countdown Block
   ========================================================================== */
.smb-countdown {
    --smb-countdown--gap: var(--_margin-2);
    --smb-countdown--numeric-color: currentColor;
    --smb-countdown--clock-color: currentColor;
}

.smb-countdown__list {
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.smb-countdown__list-item {
    margin: 0 var(--smb-countdown--gap);
    text-align: center;
}

.smb-countdown__list-item:first-child {
    margin-left: 0;
}

.smb-countdown__list-item:last-child {
    margin-right: 0;
}

.smb-countdown__list-item__numeric {
    color: var(--smb-countdown--numeric-color);
    display: block;
    --_font-size-level: 3;
    font-size: var(--_fluid-font-size);
    font-weight: 700;
    line-height: var(--_line-height);
}

.smb-countdown__list-item__clock {
    color: var(--smb-countdown--clock-color);
    display: block;
    --_font-size-level: -1;
    font-size: var(--_font-size);
    line-height: var(--_line-height);
}

.smb-countdown .align-center {
    justify-content: center;
}

.smb-countdown .align-left {
    justify-content: flex-start;
}

.smb-countdown .align-right {
    justify-content: flex-end;
}

.is-style-inline .smb-countdown__list-item__clock,
.is-style-inline .smb-countdown__list-item__numeric {
    display: inline;
}

/* ==========================================================================
   Directory Structure Block
   ========================================================================== */
.smb-directory-structure {
    --smb-directory-structure--background-color: var(--_lightest-color-gray);
    --smb-directory-structure--padding: var(--_padding1);
    --smb-directory-structure--gap: var(--_margin-2);
    --smb-directory-structure--icon-color: inherit;
    background-color: var(--smb-directory-structure--background-color);
    overflow-x: auto;
    overflow-y: hidden;
    padding: var(--smb-directory-structure--padding);
}

.smb-directory-structure > * + * {
    margin-top: var(--smb-directory-structure--gap);
}

.smb-directory-structure__item p {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
}

.smb-directory-structure .fa-fw {
    color: var(--smb-directory-structure--icon-color);
    width: auto;
}

.smb-directory-structure .svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

.smb-directory-structure__item__name {
    margin-left: 0.5em;
    white-space: nowrap;
}

.smb-directory-structure__item__list {
    margin-left: 1.5em;
}

.smb-directory-structure__item__list > * {
    margin-top: var(--smb-directory-structure--gap);
}

/* ==========================================================================
   Evaluation Star Block
   ========================================================================== */
.smb-evaluation-star {
    --smb-evaluation-star--gap: var(--_margin-2);
    --smb-evaluation-star--icon-color: #f9bb2d;
    --smb-evaluation-star--numeric-color: currentColor;
    align-items: center;
    display: flex;
    gap: var(--smb-evaluation-star--gap);
}

.smb-evaluation-star--title-right .smb-evaluation-star__title {
    order: 1;
}

.smb-evaluation-star__body {
    display: inline-flex;
    gap: var(--smb-evaluation-star--gap);
}

.smb-evaluation-star__numeric {
    color: var(--smb-evaluation-star--numeric-color);
    font-weight: 700;
}

.smb-evaluation-star__numeric--right {
    order: 1;
}

.smb-evaluation-star__icon {
    color: var(--smb-evaluation-star--icon-color);
    display: inline-block;
}

.smb-evaluation-star .svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

/* ==========================================================================
   FAQ Block
   ========================================================================== */
.smb-faq {
    --smb-faq--border-color: var(--_lighter-color-gray);
    --smb-faq--label-color: initial;
    --smb-faq--item-gap: var(--_margin1);
    --smb-faq--item-question-label-color: currentColor;
    --smb-faq--item-answer-label-color: currentColor;
    border-top: 1px solid var(--smb-faq--border-color);
}

.smb-faq__item {
    border-bottom: 1px solid var(--smb-faq--border-color);
    padding: var(--_padding1) 0;
}

.smb-faq__item__answer,
.smb-faq__item__question {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.smb-faq__item__answer__label,
.smb-faq__item__question__label {
    flex: 0 0 0%;
    margin-right: var(--smb-faq--item-gap);
    margin-top: calc(var(--_half-leading) * -1em - 0.125em);
    --_font-size-level: 3;
    font-size: var(--_fluid-font-size);
    font-weight: 400;
    line-height: var(--_line-height);
    min-width: 0.8em;
}

.smb-faq__item__answer__body,
.smb-faq__item__question__body {
    flex: 1 1 auto;
    margin-top: calc(var(--_half-leading) * -1em);
}

.smb-faq__item__question {
    font-weight: 700;
    margin: 0 0 var(--smb-faq--item-gap);
}

.smb-faq__item__question__label {
    color: var(--smb-faq--item-question-label-color);
}

.smb-faq__item__answer__label {
    color: var(--smb-faq--item-answer-label-color);
}

:where(.smb-faq__item__answer__body.is-layout-constrained > *) {
    --wp--style--global--content-size: 100%;
    --wp--style--global--wide-size: 100%;
}

/* ==========================================================================
   Flex Block
   ========================================================================== */
.smb-flex {
    --smb-flex--box-shadow: none;
    box-shadow: var(--smb-flex--box-shadow);
    flex-direction: column;
}

.smb-flex.is-horizontal {
    flex-direction: row;
}

.smb-flex.is-vertical {
    flex-direction: column;
}

.smb-flex > * {
    --smb--flex-grow: 0;
    --smb--flex-shrink: 1;
    --smb--flex-basis: auto;
    flex-basis: var(--smb--flex-basis);
    flex-grow: var(--smb--flex-grow);
    flex-shrink: var(--smb--flex-shrink);
    min-width: 0;
}

/* ==========================================================================
   Grid Block
   ========================================================================== */
.smb-grid {
    --smb-grid--gap: 0px;
    --smb-grid--column-auto-repeat: auto-fit;
    --smb-grid--columns: 1;
    --smb-grid--column-min-width: 250px;
    --smb-grid--grid-template-columns: none;
    --smb-grid--rows: 1;
    --smb-grid--grid-template-rows: none;
    display: grid;
    gap: var(--smb-grid--gap);
}

.smb-grid > * {
    --smb--justify-self: stretch;
    --smb--align-self: stretch;
    --smb--grid-column: auto;
    --smb--grid-row: auto;
    align-self: var(--smb--align-self);
    grid-column: var(--smb--grid-column);
    grid-row: var(--smb--grid-row);
    justify-self: var(--smb--justify-self);
    margin-bottom: 0;
    margin-top: 0;
    min-width: 0;
}

.smb-grid--columns\:columns {
    grid-template-columns: repeat(var(--smb-grid--columns), 1fr);
}

.smb-grid--columns\:min {
    grid-template-columns: repeat(var(--smb-grid--column-auto-repeat), minmax(min(var(--smb-grid--column-min-width), 100%), 1fr));
}

.smb-grid--columns\:free {
    grid-template-columns: var(--smb-grid--grid-template-columns);
}

.smb-grid--rows\:rows {
    grid-template-rows: repeat(var(--smb-grid--rows), 1fr);
}

.smb-grid--rows\:free {
    grid-template-rows: var(--smb-grid--grid-template-rows);
}

/* ==========================================================================
   List Block
   ========================================================================== */
.smb-list {
    --smb-list--gap: var(--_margin-2);
}

.smb-list ul {
    list-style: none !important;
}

.smb-list ul * > li:first-child,
.smb-list ul li + li {
    margin-top: var(--smb-list--gap);
}

.smb-list ul > li {
    position: relative;
}

.smb-list ul > li .smb-list__icon {
    left: -1.5em;
    position: absolute;
}

/* ==========================================================================
   Price Menu Block
   ========================================================================== */
.smb-price-menu {
    --smb-price-menu--border-color: var(--_lighter-color-gray);
    --smb-price-menu--item-padding: var(--_padding-1);
    border-top: 1px solid var(--smb-price-menu--border-color);
}

.smb-price-menu > .smb-price-menu__item {
    margin-bottom: 0;
    margin-top: 0;
}

.smb-price-menu__item {
    border-bottom: 1px solid var(--smb-price-menu--border-color);
    padding: var(--smb-price-menu--item-padding) 0;
}

@media (min-width: 640px) {
    .smb-price-menu__item {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .smb-price-menu__item > * {
        flex: 0 0 auto;
    }
}

/* ==========================================================================
   Rating Box Block
   ========================================================================== */
.smb-rating-box {
    --smb-rating-box--gap: var(--_margin-1);
    --smb-rating-box--bar-border-radius: var(--_global--border-radius);
    --smb-rating-box--bar-background-color: var(--_lighter-color-gray);
    --smb-rating-box--bar-height: 1rem;
    --smb-rating-box--rating-background-color: #f9bb2d;
}

.smb-rating-box > .smb-rating-box__item__title {
    margin-bottom: var(--_margin-2);
}

.smb-rating-box__body > * + * {
    margin-top: var(--smb-rating-box--gap);
}

.smb-rating-box__item {
    display: grid;
    gap: var(--_margin-2);
}

.smb-rating-box__item__body {
    align-items: end;
    display: grid;
    gap: var(--_margin1);
    grid-template-columns: 1fr auto;
}

.smb-rating-box__item__numeric {
    --_font-size-level: -2;
    font-size: var(--_font-size);
    line-height: var(--_line-height);
}

.smb-rating-box__item__evaluation {
    grid-column: 1 / -1;
}

.smb-rating-box__item__evaluation__bar,
.smb-rating-box__item__evaluation__rating {
    border-radius: var(--smb-rating-box--bar-border-radius);
    height: var(--smb-rating-box--bar-height);
}

.smb-rating-box__item__evaluation__bar {
    background-color: var(--smb-rating-box--bar-background-color);
    position: relative;
}

.smb-rating-box__item__evaluation__rating {
    background-color: var(--smb-rating-box--rating-background-color);
    left: 0;
    position: absolute;
    top: 0;
}

.smb-rating-box__item__evaluation__numeric {
    bottom: calc(var(--smb-rating-box--bar-height) + var(--_s-2));
    position: absolute;
    right: 0;
    --_font-size-level: -2;
    font-size: var(--_font-size);
    line-height: var(--_line-height);
}

/* ==========================================================================
   Section Side Heading Block
   ========================================================================== */
.smb-section-side-heading__header,
.smb-section-side-heading__subtitle,
.smb-section-side-heading__title {
    text-align: left;
}

.smb-section-side-heading__header > * {
    text-align: inherit;
}

.smb-section-side-heading__lede-wrapper {
    justify-content: flex-start;
}

.smb-section-side-heading > .smb-section__inner > .c-container > .smb-section__contents-wrapper > .c-row {
    justify-content: space-between;
}

@media not all and (min-width: 640px) {
    .smb-section-side-heading :where(.smb-section__contents-wrapper > .c-row > * + *) {
        margin-top: var(--_margin2);
    }
}

/* ==========================================================================
   Section with Background Video Block
   ========================================================================== */
.smb-section-with-bgvideo > .smb-section-with-bgimage__bgimage > * {
    display: none !important;
}

/* ==========================================================================
   Slider Block
   ========================================================================== */
.smb-slider > .smb-slider__canvas.slick-initialized {
    margin-bottom: 0;
    padding-bottom: 0;
}

.smb-slider--16to9 .smb-slider__item__figure,
.smb-slider--4to3 .smb-slider__item__figure {
    position: relative;
}

.smb-slider--16to9 .smb-slider__item__figure:before,
.smb-slider--4to3 .smb-slider__item__figure:before {
    content: "";
    display: block;
}

.smb-slider--16to9 .smb-slider__item__figure > img,
.smb-slider--4to3 .smb-slider__item__figure > img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.smb-slider--16to9 .smb-slider__item__figure:before {
    padding-top: 56.25%;
}

.smb-slider--4to3 .smb-slider__item__figure:before {
    padding-top: 75%;
}

.smb-slider__canvas {
    padding-bottom: 35px;
    visibility: hidden;
}

.smb-slider__canvas.slick-slider {
    margin-bottom: 0;
}

.smb-slider__canvas.slick-initialized {
    visibility: visible;
}

.smb-slider__canvas.slick-initialized .slick-slide {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.smb-slider__canvas.slick-initialized .slick-slide > * {
    flex: 1 1 auto;
}

.smb-slider__canvas[dir="rtl"] .slick-next {
    left: 10px;
    right: auto;
}

.smb-slider__canvas[dir="rtl"] .slick-prev {
    left: auto;
    right: 10px;
}

.smb-slider__canvas[dir="rtl"] .smb-slider__item__caption {
    direction: ltr;
}

.smb-slider__item__figure,
.smb-slider__item__figure > img {
    width: 100%;
}

.smb-slider__item__caption {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: var(--_margin-1);
    --_font-size-level: -1;
    font-size: var(--_font-size);
    line-height: var(--_line-height);
}

.smb-slider .slick-next {
    right: 10px;
    z-index: 1;
}

.smb-slider .slick-prev {
    left: 10px;
    z-index: 1;
}

.smb-slider .slick-dots {
    bottom: 0;
    line-height: 1;
    position: static;
}

/* ==========================================================================
   Taxonomy Terms Block
   ========================================================================== */
.smb-taxonomy-terms.is-style-tag .smb-taxonomy-terms__list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.smb-taxonomy-terms.is-style-tag .smb-taxonomy-terms__item {
    display: inline-block;
    margin: 4px 4px 4px 0;
}

.smb-taxonomy-terms.is-style-slash .smb-taxonomy-terms__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.smb-taxonomy-terms.is-style-slash .smb-taxonomy-terms__item {
    display: inline-block;
}

.smb-taxonomy-terms.is-style-slash .smb-taxonomy-terms__item:not(:last-child):after {
    content: "/";
    display: inline-block;
    margin: 0 0.5em;
}

/* ==========================================================================
   Testimonial Block
   ========================================================================== */
.smb-testimonial__item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.smb-testimonial__item__figure {
    border-radius: 100%;
    flex: 0 0 auto;
    height: 48px;
    margin-right: var(--_margin-1);
    margin-top: calc(var(--_half-leading) * 1rem);
    overflow: hidden;
    width: 48px;
}

.smb-testimonial__item__figure img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
}

.smb-testimonial__item__body {
    flex: 1 1 auto;
    max-width: 100%;
}

.smb-testimonial__item__name {
    --_font-size-level: -2;
    font-size: var(--_font-size);
    line-height: var(--_line-height);
}

.smb-testimonial__item__name a {
    color: inherit;
}

.smb-testimonial__item__lede {
    --_font-size-level: -2;
    font-size: var(--_font-size);
    line-height: var(--_line-height);
}

.smb-testimonial__item__lede a {
    color: inherit;
}

.smb-testimonial__item__content {
    margin-bottom: var(--_margin-1);
    --_font-size-level: -1;
    font-size: var(--_font-size);
    line-height: var(--_line-height);
}

.smb-testimonial__item__content:after {
    background-color: currentColor;
    content: "";
    display: block;
    height: 1px;
    margin-top: var(--_margin-1);
    width: 2rem;
}

/* ==========================================================================
   Thumbnail Gallery Block
   ========================================================================== */
.smb-thumbnail-gallery > .smb-thumbnail-gallery__canvas.slick-initialized {
    margin-bottom: 0;
}

.smb-thumbnail-gallery {
    --smb-thumbnail-gallery--dots-gap: var(--_margin-1);
}

.smb-thumbnail-gallery__canvas {
    visibility: hidden;
}

.smb-thumbnail-gallery__canvas.slick-initialized {
    visibility: visible;
}

.smb-thumbnail-gallery__canvas .slick-dots {
    display: flex;
    flex-wrap: wrap;
    margin: var(--_margin-1) calc(var(--smb-thumbnail-gallery--dots-gap) * -1 * 0.5) calc(var(--smb-thumbnail-gallery--dots-gap) * -1);
    position: static;
    width: auto;
}

.smb-thumbnail-gallery__canvas .slick-dots > li {
    flex: 0 0 25%;
    height: auto;
    margin: 0;
    margin-bottom: var(--smb-thumbnail-gallery--dots-gap);
    max-width: 25%;
    padding-left: calc(var(--smb-thumbnail-gallery--dots-gap) * 0.5);
    padding-right: calc(var(--smb-thumbnail-gallery--dots-gap) * 0.5);
    width: auto;
}

.smb-thumbnail-gallery__item__figure > img {
    width: 100%;
}

.smb-thumbnail-gallery__item__caption {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: var(--_margin-1);
    --_font-size-level: -1;
    font-size: var(--_font-size);
    line-height: var(--_line-height);
}

.smb-thumbnail-gallery__nav {
    display: none !important;
}

.smb-thumbnail-gallery .slick-next {
    right: 10px;
    z-index: 1;
}

.smb-thumbnail-gallery .slick-prev {
    left: 10px;
    z-index: 1;
}

.smb-thumbnail-gallery .slick-dots {
    bottom: 0;
    line-height: 1;
    position: static;
}

/* ==========================================================================
   Snow Monkey Forms
   ========================================================================== */

/* Forms Item Block */
.smf-item label {
    cursor: pointer;
}

.smf-item__description {
    color: var(--_dark-color-gray);
    margin-top: var(--_margin-2);
    --_font-size-level: -1;
    font-size: var(--_font-size);
    line-height: var(--_line-height);
}

/* Forms Text Control Block */
.smf-form .smf-text-control__control {
    background-color: var(--_color-white);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.035);
    max-width: 100%;
    padding: 0.75rem 1rem;
    --_border-radius: var(--_global--border-radius);
    --_border-color: var(--_form-control-border-color);
    border: 1px solid var(--_border-color);
    border-radius: var(--_border-radius);
    outline: 0;
    --_transition-duration: var(--_global--transition-duration);
    --_transition-function-timing: var(--_global--transition-function-timing);
    --_transition-delay: var(--_global--transition-delay);
    transition: border var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);
}

.smf-form .smf-text-control__control:hover {
    --_border-color: var(--_form-control-border-color-hover);
}

.smf-form .smf-text-control__control:active,
.smf-form .smf-text-control__control:focus,
.smf-form .smf-text-control__control:focus-within,
.smf-form .smf-text-control__control[aria-selected="true"] {
    --_border-color: var(--_form-control-border-color-focus);
}

.smf-form .smf-text-control__control > input,
.smf-form .smf-text-control__control > textarea {
    border: none;
    outline: none;
}

.smf-form .smf-text-control__control:disabled {
    background-color: var(--_lightest-color-gray);
}

textarea.smf-form .smf-text-control__control {
    height: auto;
    width: 100%;
}

.smf-text-control {
    line-height: 1;
}

/* Forms Textarea Control Block */
.smf-form .smf-textarea-control__control {
    background-color: var(--_color-white);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.035);
    display: block;
    max-width: 100%;
    padding: 0.75rem 1rem;
    width: 100%;
    --_border-radius: var(--_global--border-radius);
    --_border-color: var(--_form-control-border-color);
    border: 1px solid var(--_border-color);
    border-radius: var(--_border-radius);
    outline: 0;
    --_transition-duration: var(--_global--transition-duration);
    --_transition-function-timing: var(--_global--transition-function-timing);
    --_transition-delay: var(--_global--transition-delay);
    transition: border var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);
}

.smf-form .smf-textarea-control__control:hover {
    --_border-color: var(--_form-control-border-color-hover);
}

.smf-form .smf-textarea-control__control:active,
.smf-form .smf-textarea-control__control:focus,
.smf-form .smf-textarea-control__control:focus-within,
.smf-form .smf-textarea-control__control[aria-selected="true"] {
    --_border-color: var(--_form-control-border-color-focus);
}

.smf-form .smf-textarea-control__control > input,
.smf-form .smf-textarea-control__control > textarea {
    border: none;
    outline: none;
}

.smf-form .smf-textarea-control__control:disabled {
    background-color: var(--_lightest-color-gray);
}

textarea.smf-form .smf-textarea-control__control {
    height: auto;
    width: 100%;
}