/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/scss/atmos-interactions.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
/* ATMOS INTERACTIONS: KINETIC LAYER */
/* Handles all :hover and active state physics */
/* * 1.5 KINETIC OBJECTS - Atmos v7.1
 * DEFINITION: This section applies the transition properties and the at-rest 
 * states. It defines how an object behaves while it is "Passive."
 */
@media screen {
  .wp-site-blocks :is(.wp-block-group,
  .wp-block-column,
  .wp-block-media-text,
  .wp-block-cover,
  .avatar,
  .wp-block-image img,
  .wp-post-image,
  .wp-block-code,
  pre.wp-block-code):not(.wp-block-button__link):not(.wp-element-button) {
    /* Initializing the hardware */
    transition: transform var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--timing-function), box-shadow var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--timing-function);
    /* Passive Object State */
    transform: var(--atmos-lift);
    box-shadow: var(--atmos-depth);
  }
}