$classPrefix: email-preview-v2;
.#{$classPrefix}:not(.email-mobile-preview-container){
    #emailPreivew-container {
        position: relative;
        // padding: 0 24px 0 24px;
        overflow-y: auto;
        // font-family: 'proxima-nova';
        overflow: hidden;

        #email-iframe {
          width: -webkit-fill-available;
        }
        #emailPreivew-content-wrapper{
          width: 100%;
          height: 90%;
          // display: table;
    
          #emailPreivew-content {
            .email-preview-device-tabs .ant-tabs-bar {
              justify-content: center;
              flex-direction: none;
            }
            .device-wrapper {
              display: inline-flex;
              margin-bottom: 8px;
              margin-top: 16px;
              .device-name {
                padding: 6px 24px;
                background: #E6F0FB;
                border: 2px solid #E6F0FB;
                font-family: "open-sans";
                line-height: 20px;
                font-size: 14px;
                color: #4E92E5;
                cursor: pointer;
              }
              .active {
                background: #FFFFFF !important;
                border: 2px solid #E6F0FB;
              }
    
            }
            .email-preview-container{
              .shell {
                position: relative;
                -webkit-transform: unset;
                transform: unset;
                left: unset;
                padding: unset;
                width: unset;
                display: flex;
                justify-content: center;
              }
              .email-subject-mobile {
                width: 310px;
                text-align: left;
                margin: 8px 0;
                margin-left: 4px;
              }
              .email-subject-tablet {
                width: 450px;
                text-align: left;
                margin: 8px 0;
                margin-left: 4px;
              }
              .email-subject-desktop {
                text-align: left;
                margin-left: 6%;
                margin-bottom: 8px;
              }
              .tablet-message-container {
                position: absolute;
                top: 9%;
                height: 100%;
                overflow: auto;
              }
              .mobile-message-container {
                position: absolute;
                top: 10.3%;
                height: 100%;
                left: unset;
              }
            }
            padding: 0 0px 0 24px;
            // display: table-cell;
            // vertical-align: middle;
            text-align: center;
            margin-bottom: 36px;
          }
        }
      }
}
