Instagram Widescreen DM Fix by daniel55555d

/* ==UserStyle==
@name         Instagram Widescreen DM Fix
@version      20230320.00.37
@namespace    userstyles.world/user/daniel55555d
@description  Are you tired of Instagram cramming your direct messages into a tiny little box? Well this theme solves it! This allows your direct messages to scale to whatever size screen you have!

Want this in Dark Mode? Check out the dark version of this theme: https://userstyles.world/style/4983/instagram-dark-theme-widescreen-dm-fix

If you would like to check out my channel, it can be found here: https://www.youtube.com/daniel55555d
@author       daniel55555d
@license      CC BY
==/UserStyle== */

@-moz-document domain("instagram.com") {
/* Instagram Widescreem DM Fix v2.1*/
/* Created by Lexan*/

/*Scrollbar*/
::-webkit-scrollbar,
 ::-webkit-scrollbar-corner,
 ::-webkit-scrollbar,
::-webkit-scrollbar-corner {
    background: var(--bg-color) !important;
    width: 8px
  }
::-webkit-scrollbar-button,
 ::-webkit-scrollbar-button {
    display: none !important;
  }
::-webkit-scrollbar-thumb,
 ::-webkit-scrollbar-thumb {
    background: #999 !important;
    width: 8px !important;
    border-radius: 10px;
     transition: .1s !important;
  }
::-webkit-scrollbar-thumb:not(:active):hover,
 ::-webkit-scrollbar-thumb:not(:active):hover {
    background: #777 !important;
     transition: .1s !important;
  }
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover:active,
 ::-webkit-scrollbar-thumb:active,
 ::-webkit-scrollbar-thumb:hover:active {
    background: #5c5c5c !important;
     transition: .1s !important;
  }

/*Variables*/
:root {
      --direct-message-max-width: 55vw;
}

body {
    overflow-y: auto;
}

/*Direct Messages*/
    div._aa5b > div {
    max-width: 999999px !important;
    border: none;
}

    ._a3gq ._aa5b /*padding fix*/{
        padding: 0px;
    }

}