.custom-text-width {
         max-width: 400px;
         margin-bottom: 0 !important;
     }

     body:has(dialog[open]) {
         overflow: hidden;
         padding-right: var(--scrollbar-width, 0px);
     }

     dialog[open] {
         position: fixed;
         overflow-y: scroll;
     }

     dialog.dgtl--nt-vt-dialog {
         border: none;
         border-radius: 24px;
         overflow-x: hidden;
         width: calc(100% - 48px);
         max-width: 800px;
         padding: 0;

         .dgtl--dialog-decoration {
             display: block;
             width: 44px;
             height: auto;
             margin: 0 auto 0 0;
             padding: 0;
         }

         .dgtl--content-img {
             display: block;
             width: 100%;
             height: auto;
             margin: 24px 0;
             padding: 0;
         }

         .dgtl--dialog-content {
             padding: 48px 40px;

             h2 {
                 text-align: left;
                 font: normal normal bold 24px / 32px Open Sans;
                 color: #172E62;
                 letter-spacing: -0.48px;
                 opacity: 1;
                 margin: 16px 0 24px;
             }

             p {
                 strong {
                     font-size: 18px;
                     margin: 24px 0 0;
                 }
             }

             ul {
                 margin: 16px 0 0;

                 li {
                     font-size: 16px;
                 }

                 li+li {
                     margin-top: 8px;
                 }

                 li:last-child {
                     margin: 0;
                 }
             }

             p,
             ul {
                 a {
                     font-weight: 600;
                     font-size: inherit;
                     line-height: inherit;
                     letter-spacing: 0%;
                     text-decoration: underline;
                     text-decoration-style: dotted;
                     text-underline-offset: 20%;
                     text-decoration-thickness: 10%;

                     &:hover {
                         cursor: pointer;
                         text-decoration-style: solid;

                     }
                 }
             }

             .dgtl--dialog-close-button {
                 display: block;
                 color: #515B78;
                 margin-top: 5px;
                 margin-right: 5px;
                 width: 46px;
                 height: 46px;
                 position: absolute;
                 right: 0;
                 top: 0;

                 svg {
                     fill: currentColor;
                     transition: fill 150ms ease-in-out;
                 }

                 &:hover {
                     cursor: pointer;

                     svg {
                         fill: #172e62;
                     }
                 }
             }

             .dgtl--understood-button {
                 display: block;
                 margin: 24px 0 0 auto;
                 width: max-content;
                 background-color: #172E62;
                 color: white;
                 border: none;
                 padding: 0px 24px;
                 font-size: 14px;
                 height: 48px;
                 line-height: 48px;
                 transition: all 150ms ease-in-out;
                 box-shadow: unset;

                 &:hover {
                     cursor: pointer;
                     top: unset;
                     transform: unset;
                     background-color: #233A8A;
                     box-shadow: unset;
                 }
             }
         }
     }

     dialog::backdrop {
         background-color: #172E62;
         opacity: 0.8;
     }

     @media only screen and (min-width: 768px) {}

     @media only screen and (min-width: 1024px) {}