@nnc-digital/nnc-design-system 1.0.0-alpha21 → 1.0.0-alpha23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.js CHANGED
@@ -25795,6 +25795,9 @@ const VideoContainer = styled__default.default.div`
25795
25795
  @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
25796
25796
  height: 540px;
25797
25797
  }
25798
+ @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
25799
+ height: 468px;
25800
+ }
25798
25801
  `;
25799
25802
 
25800
25803
 
@@ -25809,12 +25812,15 @@ const VideoBackground = styled__default.default.video`
25809
25812
  @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
25810
25813
  height: 540px;
25811
25814
  }
25815
+ @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
25816
+ height: 468px;
25817
+ }
25812
25818
  `;
25813
25819
 
25814
25820
  const PlayPauseButton = styled__default.default.button`
25815
25821
  position: absolute;
25816
- bottom: 40px;
25817
- right: 40px;
25822
+ bottom: 20px;
25823
+ right: 20px;
25818
25824
  background: rgba(0, 0, 0, 0.5);
25819
25825
  border: 1px solid white;
25820
25826
  color: white;
@@ -25831,6 +25837,10 @@ const PlayPauseButton = styled__default.default.button`
25831
25837
  &:hover {
25832
25838
  background: rgba(0, 0, 0, 0.7);
25833
25839
  }
25840
+ @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
25841
+ bottom: 20px;
25842
+ right: 20px;
25843
+ }
25834
25844
  `;
25835
25845
 
25836
25846
  /**