packages/components/containers/vpn/tv/TVCodeInputs.scss

   1 @import '~@proton/styles/scss/lib';
   2
   3 .tv-background-container {
   4         background-image: url(./tv_bg.svg);
   5         background-position: center;
   6         background-repeat: no-repeat;
   7         background-size: 1200px 800px;
   8 }
   9
  10 .tv-code {
  11         block-size: rem(45);
  12         inline-size: rem(160);
  13
  14         &--input {
  15                 letter-spacing: rem(15);
  16                 text-indent: rem(20);
  17                 font-size: rem(15);
  18         }
  19 }
  20
  21 @include media('<=small') {
  22         .tv-code {
  23                 inline-size: rem(200);
  24
  25                 &--input {
  26                         letter-spacing: rem(26);
  27                         text-indent: rem(30);
  28                 }
  29         }
  30 }