/* --------------------------------------------------------*/

/* @group @variables */

:root {
--figcaption-margin-top: 0;
--figcaption-margin-bottom: 0;
}

@media (width >= 48em) { /* 768px -> * */

:root {
--text-align-proto: left;
--text-align-deutero: center;
--text-align-trito: right;
}

}

@media (width < 48em) { /* 0 -> 767px */

:root {
--text-align-primero: left;
--text-align-segundo: center;
--text-align-right: tercero;
}

}

/* @end @variables */

/* --------------------------------------------------------*/

/* @group @variables - transition */

:root {
/* 背景色 */
--background-color-transition: background-color var(--transition-time) 0s var(--transition-cubic-bezier);
/* 背景画像1 */
--background-position-transition: background-position var(--transition-time) 0s var(--transition-cubic-bezier);
/* max-height */
--max-height-transition: max-height var(--transition-time) 0s var(--transition-cubic-bezier);
/* 透過 */
--opacity-transition: opacity var(--transition-time) 0s var(--transition-cubic-bezier);
/* background-color */
--background-color-transition: background-color var(--transition-time) 0s var(--transition-cubic-bezier);
/* background-image */
--background-image-transition: background-image var(--transition-time) 0s var(--transition-cubic-bezier);
/* border-color */
--border-color-transition: border-color var(--transition-time) 0s var(--transition-cubic-bezier);
/* color */
--color-transition: color var(--transition-time) 0s var(--transition-cubic-bezier);
/* Link: background-color & color */
--link-primary-transition: background-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);
/* Link: background-image & background-color & color */
--link-secondary-transition: background-image var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), background-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);
/* Link: color */
--link-proto-transition: color var(--transition-time) 0s var(--transition-cubic-bezier);
/* Link: border-color & color */
--link-primero-transition: border-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);
/* Link: background-color & border-color & color */
--link-premier-transition: background-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), border-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);
/* fill color */
--fill-transition: fill var(--transition-time) 0s var(--transition-cubic-bezier);
/* filter color */
--filter-transition: filter var(--transition-time) 0s var(--transition-cubic-bezier);
/* transform & pointer-events */
--transform-pointer-events-transition: transform var(--transition-time) 0s var(--transition-cubic-bezier), pointer-events var(--transition-time) 0s var(--transition-cubic-bezier);
}

/* @end @variables - transition */

/* --------------------------------------------------------*/