1  @import 'common/sass/variables';
 2  @import 'common/sass/mixins';
 3  
 4  .UnlockHeader {
 5    position: relative;
 6  
 7    &-open {
 8      position: absolute;
 9      top: 0;
10      right: 0;
11      padding-right: none;
12  
13      &-text {
14        padding-right: 8px;
15      }
16    }
17  
18    &-close {
19      @include reset-button;
20      position: absolute;
21      top: 6px;
22      right: 6px;
23      margin: 0.5rem 1rem;
24      z-index: 1;
25      line-height: 24px;
26      font-size: 24px;
27      transition: opacity 120ms;
28      opacity: 0.3;
29  
30      > img {
31        height: 26px;
32        width: 26px;
33      }
34  
35      &:hover {
36        opacity: 0.87;
37      }
38    }
39  }