.dtds-grid {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 16px
}

.dtds-grid__col {
    width: 100%;
    flex: 1;
    flex-shrink: 0;
    min-width: 8.333%
}

.dtds-grid__col--1 {
    max-width: 8.333%
}

.dtds-grid__col--2 {
    max-width: 16.666%
}

.dtds-grid__col--3 {
    max-width: 25%
}

.dtds-grid__col--4 {
    max-width: 33.333%
}

.dtds-grid__col--5 {
    max-width: 41.666%
}

.dtds-grid__col--6 {
    max-width: 50%
}

.dtds-grid__col--7 {
    max-width: 58.333%
}

.dtds-grid__col--8 {
    max-width: 66.666%
}

.dtds-grid__col--9 {
    max-width: 75%
}

.dtds-grid__col--10 {
    max-width: 83.333%
}

.dtds-grid__col--11 {
    max-width: 91.666%
}

.dtds-grid__col--12 {
    max-width: 100%
}

.dtds-grid--gutter-xs .dtds-grid__col--1 {
    flex-basis: calc(8.333% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--1 {
    flex-basis: calc(8.333% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--1 {
    flex-basis: calc(8.333% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--1 {
    flex-basis: calc(8.333% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--1 {
    flex-basis: calc(8.333% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--1 {
    flex-basis: calc(8.333% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--1 {
    flex-basis: calc(8.333% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--1 {
    flex-basis: calc(8.333% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--2 {
    flex-basis: calc(16.666% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--2 {
    flex-basis: calc(16.666% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--2 {
    flex-basis: calc(16.666% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--2 {
    flex-basis: calc(16.666% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--2 {
    flex-basis: calc(16.666% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--2 {
    flex-basis: calc(16.666% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--2 {
    flex-basis: calc(16.666% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--2 {
    flex-basis: calc(16.666% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--3 {
    flex-basis: calc(25% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--3 {
    flex-basis: calc(25% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--3 {
    flex-basis: calc(25% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--3 {
    flex-basis: calc(25% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--3 {
    flex-basis: calc(25% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--3 {
    flex-basis: calc(25% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--3 {
    flex-basis: calc(25% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--3 {
    flex-basis: calc(25% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--4 {
    flex-basis: calc(33.333% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--4 {
    flex-basis: calc(33.333% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--4 {
    flex-basis: calc(33.333% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--4 {
    flex-basis: calc(33.333% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--4 {
    flex-basis: calc(33.333% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--4 {
    flex-basis: calc(33.333% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--4 {
    flex-basis: calc(33.333% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--4 {
    flex-basis: calc(33.333% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--5 {
    flex-basis: calc(41.666% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--5 {
    flex-basis: calc(41.666% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--5 {
    flex-basis: calc(41.666% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--5 {
    flex-basis: calc(41.666% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--5 {
    flex-basis: calc(41.666% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--5 {
    flex-basis: calc(41.666% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--5 {
    flex-basis: calc(41.666% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--5 {
    flex-basis: calc(41.666% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--6 {
    flex-basis: calc(50% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--6 {
    flex-basis: calc(50% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--6 {
    flex-basis: calc(50% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--6 {
    flex-basis: calc(50% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--6 {
    flex-basis: calc(50% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--6 {
    flex-basis: calc(50% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--6 {
    flex-basis: calc(50% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--6 {
    flex-basis: calc(50% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--7 {
    flex-basis: calc(58.333% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--7 {
    flex-basis: calc(58.333% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--7 {
    flex-basis: calc(58.333% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--7 {
    flex-basis: calc(58.333% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--7 {
    flex-basis: calc(58.333% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--7 {
    flex-basis: calc(58.333% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--7 {
    flex-basis: calc(58.333% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--7 {
    flex-basis: calc(58.333% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--8 {
    flex-basis: calc(66.666% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--8 {
    flex-basis: calc(66.666% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--8 {
    flex-basis: calc(66.666% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--8 {
    flex-basis: calc(66.666% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--8 {
    flex-basis: calc(66.666% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--8 {
    flex-basis: calc(66.666% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--8 {
    flex-basis: calc(66.666% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--8 {
    flex-basis: calc(66.666% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--9 {
    flex-basis: calc(75% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--9 {
    flex-basis: calc(75% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--9 {
    flex-basis: calc(75% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--9 {
    flex-basis: calc(75% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--9 {
    flex-basis: calc(75% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--9 {
    flex-basis: calc(75% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--9 {
    flex-basis: calc(75% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--9 {
    flex-basis: calc(75% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--10 {
    flex-basis: calc(83.333% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--10 {
    flex-basis: calc(83.333% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--10 {
    flex-basis: calc(83.333% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--10 {
    flex-basis: calc(83.333% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--10 {
    flex-basis: calc(83.333% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--10 {
    flex-basis: calc(83.333% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--10 {
    flex-basis: calc(83.333% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--10 {
    flex-basis: calc(83.333% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--11 {
    flex-basis: calc(91.666% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--11 {
    flex-basis: calc(91.666% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--11 {
    flex-basis: calc(91.666% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--11 {
    flex-basis: calc(91.666% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--11 {
    flex-basis: calc(91.666% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--11 {
    flex-basis: calc(91.666% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--11 {
    flex-basis: calc(91.666% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--11 {
    flex-basis: calc(91.666% + -0px);
    min-width: calc(8.333% + -0px)
}

.dtds-grid--gutter-xs .dtds-grid__col--12 {
    flex-basis: calc(100% - 4px);
    min-width: calc(8.333% - 4px)
}

.dtds-grid--gutter-sm .dtds-grid__col--12 {
    flex-basis: calc(100% - 12px);
    min-width: calc(8.333% - 12px)
}

.dtds-grid--gutter-md .dtds-grid__col--12 {
    flex-basis: calc(100% - 16px);
    min-width: calc(8.333% - 16px)
}

.dtds-grid--gutter-lg .dtds-grid__col--12 {
    flex-basis: calc(100% - 24px);
    min-width: calc(8.333% - 24px)
}

.dtds-grid--gutter-xl .dtds-grid__col--12 {
    flex-basis: calc(100% - 32px);
    min-width: calc(8.333% - 32px)
}

.dtds-grid--gutter-xxl .dtds-grid__col--12 {
    flex-basis: calc(100% - 40px);
    min-width: calc(8.333% - 40px)
}

.dtds-grid--gutter-xxxl .dtds-grid__col--12 {
    flex-basis: calc(100% - 64px);
    min-width: calc(8.333% - 64px)
}

.dtds-grid--gutter-flush .dtds-grid__col--12 {
    flex-basis: calc(100% + -0px);
    min-width: calc(8.333% + -0px)
}

@media screen and (max-width: 767px) {
    .dtds-grid .xs\:dtds-grid__col--1 {
        max-width:8.333%
    }

    .dtds-grid .xs\:dtds-grid__col--2 {
        max-width: 16.666%
    }

    .dtds-grid .xs\:dtds-grid__col--3 {
        max-width: 25%
    }

    .dtds-grid .xs\:dtds-grid__col--4 {
        max-width: 33.333%
    }

    .dtds-grid .xs\:dtds-grid__col--5 {
        max-width: 41.666%
    }

    .dtds-grid .xs\:dtds-grid__col--6 {
        max-width: 50%
    }

    .dtds-grid .xs\:dtds-grid__col--7 {
        max-width: 58.333%
    }

    .dtds-grid .xs\:dtds-grid__col--8 {
        max-width: 66.666%
    }

    .dtds-grid .xs\:dtds-grid__col--9 {
        max-width: 75%
    }

    .dtds-grid .xs\:dtds-grid__col--10 {
        max-width: 83.333%
    }

    .dtds-grid .xs\:dtds-grid__col--11 {
        max-width: 91.666%
    }

    .dtds-grid .xs\:dtds-grid__col--12 {
        max-width: 100%
    }
}

@media screen and (min-width: 480px) {
    .dtds-grid .sm\:dtds-grid__col--1 {
        max-width:8.333%
    }

    .dtds-grid .sm\:dtds-grid__col--2 {
        max-width: 16.666%
    }

    .dtds-grid .sm\:dtds-grid__col--3 {
        max-width: 25%
    }

    .dtds-grid .sm\:dtds-grid__col--4 {
        max-width: 33.333%
    }

    .dtds-grid .sm\:dtds-grid__col--5 {
        max-width: 41.666%
    }

    .dtds-grid .sm\:dtds-grid__col--6 {
        max-width: 50%
    }

    .dtds-grid .sm\:dtds-grid__col--7 {
        max-width: 58.333%
    }

    .dtds-grid .sm\:dtds-grid__col--8 {
        max-width: 66.666%
    }

    .dtds-grid .sm\:dtds-grid__col--9 {
        max-width: 75%
    }

    .dtds-grid .sm\:dtds-grid__col--10 {
        max-width: 83.333%
    }

    .dtds-grid .sm\:dtds-grid__col--11 {
        max-width: 91.666%
    }

    .dtds-grid .sm\:dtds-grid__col--12 {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .dtds-grid .md\:dtds-grid__col--1 {
        max-width:8.333%
    }

    .dtds-grid .md\:dtds-grid__col--2 {
        max-width: 16.666%
    }

    .dtds-grid .md\:dtds-grid__col--3 {
        max-width: 25%
    }

    .dtds-grid .md\:dtds-grid__col--4 {
        max-width: 33.333%
    }

    .dtds-grid .md\:dtds-grid__col--5 {
        max-width: 41.666%
    }

    .dtds-grid .md\:dtds-grid__col--6 {
        max-width: 50%
    }

    .dtds-grid .md\:dtds-grid__col--7 {
        max-width: 58.333%
    }

    .dtds-grid .md\:dtds-grid__col--8 {
        max-width: 66.666%
    }

    .dtds-grid .md\:dtds-grid__col--9 {
        max-width: 75%
    }

    .dtds-grid .md\:dtds-grid__col--10 {
        max-width: 83.333%
    }

    .dtds-grid .md\:dtds-grid__col--11 {
        max-width: 91.666%
    }

    .dtds-grid .md\:dtds-grid__col--12 {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .dtds-grid .lg\:dtds-grid__col--1 {
        max-width:8.333%
    }

    .dtds-grid .lg\:dtds-grid__col--2 {
        max-width: 16.666%
    }

    .dtds-grid .lg\:dtds-grid__col--3 {
        max-width: 25%
    }

    .dtds-grid .lg\:dtds-grid__col--4 {
        max-width: 33.333%
    }

    .dtds-grid .lg\:dtds-grid__col--5 {
        max-width: 41.666%
    }

    .dtds-grid .lg\:dtds-grid__col--6 {
        max-width: 50%
    }

    .dtds-grid .lg\:dtds-grid__col--7 {
        max-width: 58.333%
    }

    .dtds-grid .lg\:dtds-grid__col--8 {
        max-width: 66.666%
    }

    .dtds-grid .lg\:dtds-grid__col--9 {
        max-width: 75%
    }

    .dtds-grid .lg\:dtds-grid__col--10 {
        max-width: 83.333%
    }

    .dtds-grid .lg\:dtds-grid__col--11 {
        max-width: 91.666%
    }

    .dtds-grid .lg\:dtds-grid__col--12 {
        max-width: 100%
    }
}

@media screen and (min-width: 1440px) {
    .dtds-grid .xl\:dtds-grid__col--1 {
        max-width:8.333%
    }

    .dtds-grid .xl\:dtds-grid__col--2 {
        max-width: 16.666%
    }

    .dtds-grid .xl\:dtds-grid__col--3 {
        max-width: 25%
    }

    .dtds-grid .xl\:dtds-grid__col--4 {
        max-width: 33.333%
    }

    .dtds-grid .xl\:dtds-grid__col--5 {
        max-width: 41.666%
    }

    .dtds-grid .xl\:dtds-grid__col--6 {
        max-width: 50%
    }

    .dtds-grid .xl\:dtds-grid__col--7 {
        max-width: 58.333%
    }

    .dtds-grid .xl\:dtds-grid__col--8 {
        max-width: 66.666%
    }

    .dtds-grid .xl\:dtds-grid__col--9 {
        max-width: 75%
    }

    .dtds-grid .xl\:dtds-grid__col--10 {
        max-width: 83.333%
    }

    .dtds-grid .xl\:dtds-grid__col--11 {
        max-width: 91.666%
    }

    .dtds-grid .xl\:dtds-grid__col--12 {
        max-width: 100%
    }
}

.dtds-grid--gutter-xs {
    gap: 4px
}

@media screen and (max-width: 767px) {
    .dtds-grid--gutter-xs .xs\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--3 {
        flex-basis: calc(25% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--6 {
        flex-basis: calc(50% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--9 {
        flex-basis: calc(75% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 4px)
    }

    .dtds-grid--gutter-xs .xs\:dtds-grid__col--12 {
        flex-basis: calc(100% - 4px)
    }
}

@media screen and (min-width: 480px) {
    .dtds-grid--gutter-xs .sm\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--3 {
        flex-basis: calc(25% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--6 {
        flex-basis: calc(50% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--9 {
        flex-basis: calc(75% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 4px)
    }

    .dtds-grid--gutter-xs .sm\:dtds-grid__col--12 {
        flex-basis: calc(100% - 4px)
    }
}

@media screen and (min-width: 768px) {
    .dtds-grid--gutter-xs .md\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--3 {
        flex-basis: calc(25% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--6 {
        flex-basis: calc(50% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--9 {
        flex-basis: calc(75% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 4px)
    }

    .dtds-grid--gutter-xs .md\:dtds-grid__col--12 {
        flex-basis: calc(100% - 4px)
    }
}

@media screen and (min-width: 1024px) {
    .dtds-grid--gutter-xs .lg\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--3 {
        flex-basis: calc(25% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--6 {
        flex-basis: calc(50% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--9 {
        flex-basis: calc(75% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 4px)
    }

    .dtds-grid--gutter-xs .lg\:dtds-grid__col--12 {
        flex-basis: calc(100% - 4px)
    }
}

@media screen and (min-width: 1440px) {
    .dtds-grid--gutter-xs .xl\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--3 {
        flex-basis: calc(25% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--6 {
        flex-basis: calc(50% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--9 {
        flex-basis: calc(75% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 4px)
    }

    .dtds-grid--gutter-xs .xl\:dtds-grid__col--12 {
        flex-basis: calc(100% - 4px)
    }
}

.dtds-grid--gutter-sm {
    gap: 12px
}

@media screen and (max-width: 767px) {
    .dtds-grid--gutter-sm .xs\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--3 {
        flex-basis: calc(25% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--6 {
        flex-basis: calc(50% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--9 {
        flex-basis: calc(75% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 12px)
    }

    .dtds-grid--gutter-sm .xs\:dtds-grid__col--12 {
        flex-basis: calc(100% - 12px)
    }
}

@media screen and (min-width: 480px) {
    .dtds-grid--gutter-sm .sm\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--3 {
        flex-basis: calc(25% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--6 {
        flex-basis: calc(50% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--9 {
        flex-basis: calc(75% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 12px)
    }

    .dtds-grid--gutter-sm .sm\:dtds-grid__col--12 {
        flex-basis: calc(100% - 12px)
    }
}

@media screen and (min-width: 768px) {
    .dtds-grid--gutter-sm .md\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--3 {
        flex-basis: calc(25% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--6 {
        flex-basis: calc(50% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--9 {
        flex-basis: calc(75% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 12px)
    }

    .dtds-grid--gutter-sm .md\:dtds-grid__col--12 {
        flex-basis: calc(100% - 12px)
    }
}

@media screen and (min-width: 1024px) {
    .dtds-grid--gutter-sm .lg\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--3 {
        flex-basis: calc(25% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--6 {
        flex-basis: calc(50% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--9 {
        flex-basis: calc(75% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 12px)
    }

    .dtds-grid--gutter-sm .lg\:dtds-grid__col--12 {
        flex-basis: calc(100% - 12px)
    }
}

@media screen and (min-width: 1440px) {
    .dtds-grid--gutter-sm .xl\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--3 {
        flex-basis: calc(25% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--6 {
        flex-basis: calc(50% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--9 {
        flex-basis: calc(75% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 12px)
    }

    .dtds-grid--gutter-sm .xl\:dtds-grid__col--12 {
        flex-basis: calc(100% - 12px)
    }
}

.dtds-grid--gutter-md {
    gap: 16px
}

@media screen and (max-width: 767px) {
    .dtds-grid--gutter-md .xs\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--3 {
        flex-basis: calc(25% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--6 {
        flex-basis: calc(50% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--9 {
        flex-basis: calc(75% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 16px)
    }

    .dtds-grid--gutter-md .xs\:dtds-grid__col--12 {
        flex-basis: calc(100% - 16px)
    }
}

@media screen and (min-width: 480px) {
    .dtds-grid--gutter-md .sm\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--3 {
        flex-basis: calc(25% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--6 {
        flex-basis: calc(50% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--9 {
        flex-basis: calc(75% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 16px)
    }

    .dtds-grid--gutter-md .sm\:dtds-grid__col--12 {
        flex-basis: calc(100% - 16px)
    }
}

@media screen and (min-width: 768px) {
    .dtds-grid--gutter-md .md\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--3 {
        flex-basis: calc(25% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--6 {
        flex-basis: calc(50% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--9 {
        flex-basis: calc(75% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 16px)
    }

    .dtds-grid--gutter-md .md\:dtds-grid__col--12 {
        flex-basis: calc(100% - 16px)
    }
}

@media screen and (min-width: 1024px) {
    .dtds-grid--gutter-md .lg\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--3 {
        flex-basis: calc(25% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--6 {
        flex-basis: calc(50% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--9 {
        flex-basis: calc(75% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 16px)
    }

    .dtds-grid--gutter-md .lg\:dtds-grid__col--12 {
        flex-basis: calc(100% - 16px)
    }
}

@media screen and (min-width: 1440px) {
    .dtds-grid--gutter-md .xl\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--3 {
        flex-basis: calc(25% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--6 {
        flex-basis: calc(50% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--9 {
        flex-basis: calc(75% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 16px)
    }

    .dtds-grid--gutter-md .xl\:dtds-grid__col--12 {
        flex-basis: calc(100% - 16px)
    }
}

.dtds-grid--gutter-lg {
    gap: 24px
}

@media screen and (max-width: 767px) {
    .dtds-grid--gutter-lg .xs\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--3 {
        flex-basis: calc(25% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--6 {
        flex-basis: calc(50% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--9 {
        flex-basis: calc(75% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 24px)
    }

    .dtds-grid--gutter-lg .xs\:dtds-grid__col--12 {
        flex-basis: calc(100% - 24px)
    }
}

@media screen and (min-width: 480px) {
    .dtds-grid--gutter-lg .sm\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--3 {
        flex-basis: calc(25% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--6 {
        flex-basis: calc(50% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--9 {
        flex-basis: calc(75% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 24px)
    }

    .dtds-grid--gutter-lg .sm\:dtds-grid__col--12 {
        flex-basis: calc(100% - 24px)
    }
}

@media screen and (min-width: 768px) {
    .dtds-grid--gutter-lg .md\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--3 {
        flex-basis: calc(25% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--6 {
        flex-basis: calc(50% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--9 {
        flex-basis: calc(75% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 24px)
    }

    .dtds-grid--gutter-lg .md\:dtds-grid__col--12 {
        flex-basis: calc(100% - 24px)
    }
}

@media screen and (min-width: 1024px) {
    .dtds-grid--gutter-lg .lg\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--3 {
        flex-basis: calc(25% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--6 {
        flex-basis: calc(50% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--9 {
        flex-basis: calc(75% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 24px)
    }

    .dtds-grid--gutter-lg .lg\:dtds-grid__col--12 {
        flex-basis: calc(100% - 24px)
    }
}

@media screen and (min-width: 1440px) {
    .dtds-grid--gutter-lg .xl\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--3 {
        flex-basis: calc(25% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--6 {
        flex-basis: calc(50% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--9 {
        flex-basis: calc(75% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 24px)
    }

    .dtds-grid--gutter-lg .xl\:dtds-grid__col--12 {
        flex-basis: calc(100% - 24px)
    }
}

.dtds-grid--gutter-xl {
    gap: 32px
}

@media screen and (max-width: 767px) {
    .dtds-grid--gutter-xl .xs\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--3 {
        flex-basis: calc(25% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--6 {
        flex-basis: calc(50% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--9 {
        flex-basis: calc(75% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 32px)
    }

    .dtds-grid--gutter-xl .xs\:dtds-grid__col--12 {
        flex-basis: calc(100% - 32px)
    }
}

@media screen and (min-width: 480px) {
    .dtds-grid--gutter-xl .sm\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--3 {
        flex-basis: calc(25% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--6 {
        flex-basis: calc(50% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--9 {
        flex-basis: calc(75% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 32px)
    }

    .dtds-grid--gutter-xl .sm\:dtds-grid__col--12 {
        flex-basis: calc(100% - 32px)
    }
}

@media screen and (min-width: 768px) {
    .dtds-grid--gutter-xl .md\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--3 {
        flex-basis: calc(25% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--6 {
        flex-basis: calc(50% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--9 {
        flex-basis: calc(75% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 32px)
    }

    .dtds-grid--gutter-xl .md\:dtds-grid__col--12 {
        flex-basis: calc(100% - 32px)
    }
}

@media screen and (min-width: 1024px) {
    .dtds-grid--gutter-xl .lg\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--3 {
        flex-basis: calc(25% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--6 {
        flex-basis: calc(50% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--9 {
        flex-basis: calc(75% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 32px)
    }

    .dtds-grid--gutter-xl .lg\:dtds-grid__col--12 {
        flex-basis: calc(100% - 32px)
    }
}

@media screen and (min-width: 1440px) {
    .dtds-grid--gutter-xl .xl\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--3 {
        flex-basis: calc(25% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--6 {
        flex-basis: calc(50% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--9 {
        flex-basis: calc(75% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 32px)
    }

    .dtds-grid--gutter-xl .xl\:dtds-grid__col--12 {
        flex-basis: calc(100% - 32px)
    }
}

.dtds-grid--gutter-xxl {
    gap: 40px
}

@media screen and (max-width: 767px) {
    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--3 {
        flex-basis: calc(25% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--6 {
        flex-basis: calc(50% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--9 {
        flex-basis: calc(75% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 40px)
    }

    .dtds-grid--gutter-xxl .xs\:dtds-grid__col--12 {
        flex-basis: calc(100% - 40px)
    }
}

@media screen and (min-width: 480px) {
    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--3 {
        flex-basis: calc(25% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--6 {
        flex-basis: calc(50% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--9 {
        flex-basis: calc(75% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 40px)
    }

    .dtds-grid--gutter-xxl .sm\:dtds-grid__col--12 {
        flex-basis: calc(100% - 40px)
    }
}

@media screen and (min-width: 768px) {
    .dtds-grid--gutter-xxl .md\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--3 {
        flex-basis: calc(25% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--6 {
        flex-basis: calc(50% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--9 {
        flex-basis: calc(75% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 40px)
    }

    .dtds-grid--gutter-xxl .md\:dtds-grid__col--12 {
        flex-basis: calc(100% - 40px)
    }
}

@media screen and (min-width: 1024px) {
    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--3 {
        flex-basis: calc(25% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--6 {
        flex-basis: calc(50% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--9 {
        flex-basis: calc(75% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 40px)
    }

    .dtds-grid--gutter-xxl .lg\:dtds-grid__col--12 {
        flex-basis: calc(100% - 40px)
    }
}

@media screen and (min-width: 1440px) {
    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--3 {
        flex-basis: calc(25% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--6 {
        flex-basis: calc(50% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--9 {
        flex-basis: calc(75% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 40px)
    }

    .dtds-grid--gutter-xxl .xl\:dtds-grid__col--12 {
        flex-basis: calc(100% - 40px)
    }
}

.dtds-grid--gutter-xxxl {
    gap: 64px
}

@media screen and (max-width: 767px) {
    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--3 {
        flex-basis: calc(25% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--6 {
        flex-basis: calc(50% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--9 {
        flex-basis: calc(75% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .xs\:dtds-grid__col--12 {
        flex-basis: calc(100% - 64px)
    }
}

@media screen and (min-width: 480px) {
    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--3 {
        flex-basis: calc(25% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--6 {
        flex-basis: calc(50% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--9 {
        flex-basis: calc(75% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .sm\:dtds-grid__col--12 {
        flex-basis: calc(100% - 64px)
    }
}

@media screen and (min-width: 768px) {
    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--3 {
        flex-basis: calc(25% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--6 {
        flex-basis: calc(50% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--9 {
        flex-basis: calc(75% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .md\:dtds-grid__col--12 {
        flex-basis: calc(100% - 64px)
    }
}

@media screen and (min-width: 1024px) {
    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--3 {
        flex-basis: calc(25% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--6 {
        flex-basis: calc(50% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--9 {
        flex-basis: calc(75% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .lg\:dtds-grid__col--12 {
        flex-basis: calc(100% - 64px)
    }
}

@media screen and (min-width: 1440px) {
    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--1 {
        flex-basis:calc(8.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--2 {
        flex-basis: calc(16.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--3 {
        flex-basis: calc(25% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--4 {
        flex-basis: calc(33.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--5 {
        flex-basis: calc(41.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--6 {
        flex-basis: calc(50% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--7 {
        flex-basis: calc(58.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--8 {
        flex-basis: calc(66.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--9 {
        flex-basis: calc(75% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--10 {
        flex-basis: calc(83.333% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--11 {
        flex-basis: calc(91.666% - 64px)
    }

    .dtds-grid--gutter-xxxl .xl\:dtds-grid__col--12 {
        flex-basis: calc(100% - 64px)
    }
}

.dtds-grid--gutter-flush {
    gap: 0px
}

@media screen and (max-width: 767px) {
    .dtds-grid--gutter-flush .xs\:dtds-grid__col--1 {
        flex-basis:calc(8.333% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--2 {
        flex-basis: calc(16.666% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--3 {
        flex-basis: calc(25% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--4 {
        flex-basis: calc(33.333% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--5 {
        flex-basis: calc(41.666% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--6 {
        flex-basis: calc(50% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--7 {
        flex-basis: calc(58.333% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--8 {
        flex-basis: calc(66.666% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--9 {
        flex-basis: calc(75% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--10 {
        flex-basis: calc(83.333% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--11 {
        flex-basis: calc(91.666% + -0px)
    }

    .dtds-grid--gutter-flush .xs\:dtds-grid__col--12 {
        flex-basis: calc(100% + -0px)
    }
}

@media screen and (min-width: 480px) {
    .dtds-grid--gutter-flush .sm\:dtds-grid__col--1 {
        flex-basis:calc(8.333% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--2 {
        flex-basis: calc(16.666% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--3 {
        flex-basis: calc(25% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--4 {
        flex-basis: calc(33.333% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--5 {
        flex-basis: calc(41.666% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--6 {
        flex-basis: calc(50% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--7 {
        flex-basis: calc(58.333% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--8 {
        flex-basis: calc(66.666% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--9 {
        flex-basis: calc(75% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--10 {
        flex-basis: calc(83.333% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--11 {
        flex-basis: calc(91.666% + -0px)
    }

    .dtds-grid--gutter-flush .sm\:dtds-grid__col--12 {
        flex-basis: calc(100% + -0px)
    }
}

@media screen and (min-width: 768px) {
    .dtds-grid--gutter-flush .md\:dtds-grid__col--1 {
        flex-basis:calc(8.333% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--2 {
        flex-basis: calc(16.666% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--3 {
        flex-basis: calc(25% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--4 {
        flex-basis: calc(33.333% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--5 {
        flex-basis: calc(41.666% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--6 {
        flex-basis: calc(50% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--7 {
        flex-basis: calc(58.333% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--8 {
        flex-basis: calc(66.666% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--9 {
        flex-basis: calc(75% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--10 {
        flex-basis: calc(83.333% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--11 {
        flex-basis: calc(91.666% + -0px)
    }

    .dtds-grid--gutter-flush .md\:dtds-grid__col--12 {
        flex-basis: calc(100% + -0px)
    }
}

@media screen and (min-width: 1024px) {
    .dtds-grid--gutter-flush .lg\:dtds-grid__col--1 {
        flex-basis:calc(8.333% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--2 {
        flex-basis: calc(16.666% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--3 {
        flex-basis: calc(25% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--4 {
        flex-basis: calc(33.333% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--5 {
        flex-basis: calc(41.666% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--6 {
        flex-basis: calc(50% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--7 {
        flex-basis: calc(58.333% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--8 {
        flex-basis: calc(66.666% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--9 {
        flex-basis: calc(75% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--10 {
        flex-basis: calc(83.333% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--11 {
        flex-basis: calc(91.666% + -0px)
    }

    .dtds-grid--gutter-flush .lg\:dtds-grid__col--12 {
        flex-basis: calc(100% + -0px)
    }
}

@media screen and (min-width: 1440px) {
    .dtds-grid--gutter-flush .xl\:dtds-grid__col--1 {
        flex-basis:calc(8.333% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--2 {
        flex-basis: calc(16.666% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--3 {
        flex-basis: calc(25% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--4 {
        flex-basis: calc(33.333% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--5 {
        flex-basis: calc(41.666% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--6 {
        flex-basis: calc(50% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--7 {
        flex-basis: calc(58.333% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--8 {
        flex-basis: calc(66.666% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--9 {
        flex-basis: calc(75% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--10 {
        flex-basis: calc(83.333% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--11 {
        flex-basis: calc(91.666% + -0px)
    }

    .dtds-grid--gutter-flush .xl\:dtds-grid__col--12 {
        flex-basis: calc(100% + -0px)
    }
}

.dtds-grid--gutter-flush {
    gap: 0
}

.dtds-grid--reverse {
    flex-direction: row-reverse
}

.dtds-grid--forward {
    flex-direction: row
}

@media screen and (max-width: 767px) {
    .dtds-grid.xs\:dtds-grid--reverse {
        flex-direction:row-reverse
    }

    .dtds-grid.xs\:dtds-grid--forward {
        flex-direction: row
    }
}

@media screen and (min-width: 480px) {
    .dtds-grid.sm\:dtds-grid--reverse {
        flex-direction:row-reverse
    }

    .dtds-grid.sm\:dtds-grid--forward {
        flex-direction: row
    }
}

@media screen and (min-width: 768px) {
    .dtds-grid.md\:dtds-grid--reverse {
        flex-direction:row-reverse
    }

    .dtds-grid.md\:dtds-grid--forward {
        flex-direction: row
    }
}

@media screen and (min-width: 1024px) {
    .dtds-grid.lg\:dtds-grid--reverse {
        flex-direction:row-reverse
    }

    .dtds-grid.lg\:dtds-grid--forward {
        flex-direction: row
    }
}

@media screen and (min-width: 1440px) {
    .dtds-grid.xl\:dtds-grid--reverse {
        flex-direction:row-reverse
    }

    .dtds-grid.xl\:dtds-grid--forward {
        flex-direction: row
    }
}

@media screen and (max-width: 767px) {
    .dtds-grid--stackable {
        flex-direction:column
    }

    .dtds-grid--stackable>.dtds-grid__col {
        max-width: 100%;
        flex-basis: 100%
    }

    .dtds-grid--stackable.dtds-grid--reverse,.dtds-grid--stackable.xs\:dtds-grid--reverse {
        flex-direction: column-reverse
    }
}

.dtds-grid--justify-start {
    justify-content: flex-start
}

.dtds-grid--justify-end {
    justify-content: flex-end
}

.dtds-grid--justify-center {
    justify-content: center
}

.dtds-grid--align-start {
    align-items: flex-start
}

.dtds-grid--align-end {
    align-items: flex-end
}

.dtds-grid--align-center {
    align-items: center
}

.dtds-grid--align-stretch {
    align-items: stretch
}

.dtds-grid--align-stretch>.dtds-grid__col {
    display: flex;
    align-self: stretch
}