.\!container {
    width: 100% !important;
}

.container {
    width: 100%;
}

@media (min-width: 768px) {

    .\!container {
        max-width: 768px !important;
    }

    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .\!container {
        max-width: 1024px !important;
    }

    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1300px) {

    .\!container {
        max-width: 1300px !important;
    }

    .container {
        max-width: 1300px;
    }
}

@media (min-width: 1400px) {

    .\!container {
        max-width: 1400px !important;
    }

    .container {
        max-width: 1400px;
    }
}

.gradient-border-box {
    position: relative;
    background: rgba(201, 181, 157, 0.15);
    border-radius: 6px;
}

.gradient-border-box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    /* Matches box radius */

    /* Create the gradient border */
    border: 1px solid transparent;
    background: linear-gradient(291deg, rgba(230, 188, 139, 0.30) 27.41%, rgba(230, 188, 139, 0.10) 72.59%) border-box;

    /* Mask out the center, only show the border region */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    /* Place border behind content */
    z-index: -1;
}.react-grid-item,
.react-grid-item.cssTransforms {
  transition: none !important;
}

.react-grid-layout {
  transition: none !important;
}

.react-grid-item > .react-resizable-handle::after {
  --tw-border-opacity: 1;
  border-color: rgb(var(--colors-border-line) / var(--tw-border-opacity));
}

.react-grid-placeholder {
  background-color: rgb(var(--colors-interactive-interactive02) / 0.8);
}

.react-grid-placeholder:is(.dark *) {
  background-color: rgb(var(--colors-interactive-primary) / 0.8);
}

.grid-item-border {
  border: 1px solid transparent;
  background:
    linear-gradient(var(--ds-interactive-bg), var(--ds-interactive-bg)) padding-box,
    var(--ds-dialog-line) border-box;
}
.\!container {
    width: 100% !important;
}

.container {
    width: 100%;
}

@media (min-width: 768px) {

    .\!container {
        max-width: 768px !important;
    }

    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .\!container {
        max-width: 1024px !important;
    }

    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1300px) {

    .\!container {
        max-width: 1300px !important;
    }

    .container {
        max-width: 1300px;
    }
}

@media (min-width: 1400px) {

    .\!container {
        max-width: 1400px !important;
    }

    .container {
        max-width: 1400px;
    }
}

.gradient-border-box {
    position: relative;
    background: rgba(201, 181, 157, 0.15);
    border-radius: 6px;
}

.gradient-border-box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    /* Matches box radius */

    /* Create the gradient border */
    border: 1px solid transparent;
    background: linear-gradient(291deg, rgba(230, 188, 139, 0.30) 27.41%, rgba(230, 188, 139, 0.10) 72.59%) border-box;

    /* Mask out the center, only show the border region */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    /* Place border behind content */
    z-index: -1;
}