199d199f3SIftekharul Islam
299d199f3SIftekharul Islam// inline confirmation message
399d199f3SIftekharul Islam.inline__confirm {
499d199f3SIftekharul Islam  position: absolute;
599d199f3SIftekharul Islam  top: 0;
699d199f3SIftekharul Islam  transform: translateY(-103%);
799d199f3SIftekharul Islam  width: 100%;
899d199f3SIftekharul Islam  height: 100%;
999d199f3SIftekharul Islam  z-index: 5;
10*6f7ec80eSYoshie Muranaka  background: $background-04;
11*6f7ec80eSYoshie Muranaka  color: $primary-light;
1299d199f3SIftekharul Islam  padding: 2em 2em 1.55em 2em;
1399d199f3SIftekharul Islam  overflow: hidden;
146af1346dSMichael Davis  @include fastTransition-all;
1599d199f3SIftekharul Islam  &.active {
1699d199f3SIftekharul Islam    transform: translateY(0);
1799d199f3SIftekharul Islam    @include fastTransition-all;
1899d199f3SIftekharul Islam  }
1999d199f3SIftekharul Islam}
2099d199f3SIftekharul Islam
2199d199f3SIftekharul Islam// Power confirmation buttons
2299d199f3SIftekharul Islam.inline__confirm-buttons {
2398276a3aSMichael Davis  @media (min-width: 900px) {
2498276a3aSMichael Davis    position: absolute;
2598276a3aSMichael Davis    right: 0;
2698276a3aSMichael Davis    top: 50%;
2798276a3aSMichael Davis    transform: translateY(-50%);
2899d199f3SIftekharul Islam  }
29*6f7ec80eSYoshie Muranaka  .btn {
30*6f7ec80eSYoshie Muranaka    min-width: 100px!important;
3199d199f3SIftekharul Islam  }
3299d199f3SIftekharul Islam}