/*******************************
             Video
*******************************/

/*-------------------
       Element
--------------------*/

/* Simple */
@embedBackground: @lightGrey;
@embedTransitionDuration: 0.5s;
@embedTransitionEasing: @defaultEasing;

/* Placeholder */
@embedPlaceholderUnderlay: @embedBackground;

/* Placeholder Overlayed Background */
@embedPlaceholderBackground: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
@embedPlaceholderBackgroundOpacity: 0.5;
@embedPlaceholderBackgroundTransition: opacity @embedTransitionDuration @embedTransitionEasing;

/* Icon */
@embedIconBackground: @veryStrongTransparentBlack;
@embedIconSize: 6rem;
@iconTransition:
  opacity @embedTransitionDuration @embedTransitionEasing,
  color @embedTransitionDuration @embedTransitionEasing
;
@embedIconColor: @white;
@iconShadow:
  0px 2px 10px rgba(34, 36, 38, 0.2)
;
@embedIconZIndex: 10;

/*-------------------
       States
--------------------*/

/* Hover */
@embedHoverPlaceholderBackground: @embedPlaceholderBackground;
@embedHoverPlaceholderBackgroundOpacity: 1;
@embedHoverIconColor: @white;


/*-------------------
      Variations
--------------------*/

/* Aspect Ratios */
@embedSquareRatio: (1/1) * 100%;
@embedWidescreenRatio: (9/16) * 100%;
@embedUltraWidescreenRatio: (9/21) * 100%;
@embedStandardRatio: (3/4) * 100%;