@charset "UTF-8";@import"https://fonts.cdnfonts.com/css/rawline";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    text-size-adjust: 100%
}

body {
    margin: 0;
    padding: 0;
    display: block;
}

main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    box-sizing: border-box
}

body {
    overflow: hidden;
    color: #354657;
    background-color: #fff;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: #000000;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

:where([class^=dtds-]) :where(dl,dt,dd),:where(dl[class^=dtds-]),:where(dt[class^=dtds-]),:where(dd[class^=dtds-]) {
    padding: 0;
    margin: 0
}

:where([class^=dtds-]) :where(img),:where(img[class^=dtds-]) {
    max-width: 100%;
    height: auto
}

:where([class^=dtds-]) :where(a),:where(a[class^=dtds-]) {
    color: #000;
    transition: color .15s
}

:where([class^=dtds-]) :where(p),:where(p[class^=dtds-]) {
    margin: 0 0 1em
}

:where([class^=dtds-]) :where(button),:where(button[class^=dtds-]) {
    background: none;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    cursor: pointer
}

:where([class^=dtds-]) :where(mark),:where(mark[class^=dtds-]) {
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

:where([class^=dtds-]) :where(pre),:where(pre[class^=dtds-]) {
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
    word-wrap: break-word
}

:where([class^=dtds-]) :where(figure),:where(figure[class^=dtds-]) {
    margin: 0
}

:where([class^=dtds-]) :where(address),:where(address[class^=dtds-]) {
    font-style: normal
}

:where([class^=dtds-]) :where(s):before,:where([class^=dtds-]) :where(s):after,:where(s[class^=dtds-]):before,:where(s[class^=dtds-]):after {
    clip-path: inset(100%);
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

:where([class^=dtds-]) :where(s):before,:where(s[class^=dtds-]):before {
    content: " [start of stricken text] "
}

:where([class^=dtds-]) :where(s):after,:where(s[class^=dtds-]):after {
    content: " [end of stricken text] "
}

:where([class^=dtds-]) ::selection,:where(*[class^=dtds-]) ::selection {
    background: #d0d5dd;
    color: #354657
}

:where([class^=dtds-]) :where([x-cloak],[hidden]),:where([x-cloak][class^=dtds-]),:where([hidden][class^=dtds-]) {
    display: none!important
}

@media (prefers-reduced-motion) {
    * {
        animation-duration: 0s!important;
        transition-duration: 0s!important
    }
}

body {
    font-family: rawline,sans-serif;
    font-size: 1rem;
    line-height: 1.2
}

:where([class*=dtds-]) {
    font-weight: 500
}

:where([class*=dtds-]) * {
    font-weight: inherit
}

:where([class*=dtds-]) input,:where([class*=dtds-]) textarea,:where([class*=dtds-]) label,:where(.dtds-panel),:where(.dtds-panel) *,:where(.dtds-video-controls .dtds-visuallyhidden),:where(.dtds-video-controls) {
    font-weight: revert
}

:where(table:not([class*=dtds-]) td),:where([class*=dtds-panel__cell]) * {
    font-weight: 500
}

:where(table:not([class*=dtds-]) th *) {
    font-weight: 700
}

select {
    font-weight: 400
}

:where([class^=dtds-]) :where(h1,h2,h3,h4,h5,h6),:where(h1[class^=dtds-]),:where(h2[class^=dtds-]),:where(h3[class^=dtds-]),:where(h4[class^=dtds-]),:where(h5[class^=dtds-]),:where(h6[class^=dtds-]) {
    font-weight: 700;
    margin-top: 0;
    line-height: 1.2
}

:where([class^=dtds-]) :where(h1,h2,h3,h4,h5,h6):is(h1),:where(h1[class^=dtds-]):is(h1),:where(h2[class^=dtds-]):is(h1),:where(h3[class^=dtds-]):is(h1),:where(h4[class^=dtds-]):is(h1),:where(h5[class^=dtds-]):is(h1),:where(h6[class^=dtds-]):is(h1) {
    font-size: 2em
}

:where([class^=dtds-]) :where(h1,h2,h3,h4,h5,h6):is(h2),:where(h1[class^=dtds-]):is(h2),:where(h2[class^=dtds-]):is(h2),:where(h3[class^=dtds-]):is(h2),:where(h4[class^=dtds-]):is(h2),:where(h5[class^=dtds-]):is(h2),:where(h6[class^=dtds-]):is(h2) {
    font-size: 1.5em
}

:where([class^=dtds-]) :where(h1,h2,h3,h4,h5,h6):is(h3),:where(h1[class^=dtds-]):is(h3),:where(h2[class^=dtds-]):is(h3),:where(h3[class^=dtds-]):is(h3),:where(h4[class^=dtds-]):is(h3),:where(h5[class^=dtds-]):is(h3),:where(h6[class^=dtds-]):is(h3) {
    font-size: 1.17em
}

:where([class^=dtds-]) :where(h1,h2,h3,h4,h5,h6):is(h4),:where(h1[class^=dtds-]):is(h4),:where(h2[class^=dtds-]):is(h4),:where(h3[class^=dtds-]):is(h4),:where(h4[class^=dtds-]):is(h4),:where(h5[class^=dtds-]):is(h4),:where(h6[class^=dtds-]):is(h4) {
    font-size: 1em
}

:where([class^=dtds-]) :where(h1,h2,h3,h4,h5,h6):is(h5),:where(h1[class^=dtds-]):is(h5),:where(h2[class^=dtds-]):is(h5),:where(h3[class^=dtds-]):is(h5),:where(h4[class^=dtds-]):is(h5),:where(h5[class^=dtds-]):is(h5),:where(h6[class^=dtds-]):is(h5) {
    font-size: .83em
}

:where([class^=dtds-]) :where(h1,h2,h3,h4,h5,h6):is(h6),:where(h1[class^=dtds-]):is(h6),:where(h2[class^=dtds-]):is(h6),:where(h3[class^=dtds-]):is(h6),:where(h4[class^=dtds-]):is(h6),:where(h5[class^=dtds-]):is(h6),:where(h6[class^=dtds-]):is(h6) {
    font-size: .67em
}

:where([class^=dtds-]) :where(a),:where(a[class^=dtds-]) {
    color: #354657;
    text-decoration: underline;
    transition: color .15s
}

:where([class^=dtds-]) :where(a):hover,:where([class^=dtds-]) :where(a):focus,:where([class^=dtds-]) :where(a):active,:where(a[class^=dtds-]):hover,:where(a[class^=dtds-]):focus,:where(a[class^=dtds-]):active {
    color: #9d57b2;
    outline: none;
    text-decoration: none
}

:where([class^=dtds-]) :where(p),:where(p[class^=dtds-]) {
    color: #354657;
    font-size: 1rem;
    line-height: 1.5
}

:where([class^=dtds-]) :where(p):last-of-type,:where(p[class^=dtds-]):last-of-type {
    margin-bottom: 0
}

:where([class^=dtds-]) :where(strong),:where(strong[class^=dtds-]) {
    font-weight: 700
}

:where([class^=dtds-]) :where(small),:where(small[class^=dtds-]) {
    font-size: inherit
}

:where([class^=dtds-]) :where(blockquote),:where(blockquote[class^=dtds-]) {
    margin: 0;
    padding: 0;
    position: relative;
    font-style: normal
}

:where([class^=dtds-]) :where(blockquote) :where(p),:where(blockquote[class^=dtds-]) :where(p) {
    quotes: "“" "“"
}

:where([class^=dtds-]) :where(blockquote) :where(p):first-of-type:before,:where(blockquote[class^=dtds-]) :where(p):first-of-type:before {
    content: open-quote
}

:where([class^=dtds-]) :where(blockquote) :where(p):last-of-type:after,:where(blockquote[class^=dtds-]) :where(p):last-of-type:after {
    content: close-quote
}

.dtds-border-base {
    border-color: #bec4c9!important
}

.dtds-border-dark {
    border-color: #979797!important
}

.dtds-border-light {
    border-color: #e7e9eb!important
}

.dtds-border-white-translucent {
    border-color: #ffffff80!important
}

.dtds-border-success {
    border-color: #12b76a!important
}

.dtds-border-error {
    border-color: #f04438!important
}

.dtds-border-warning {
    border-color: #f79009!important
}

.dtds-border-info {
    border-color: #5597e2!important
}

.dtds-border-base-gray-light {
    border-color: #e4e4e4!important
}

.dtds-text-primary {
    color: #354657!important
}

.dtds-text-inverse {
    color: #fff!important
}

.dtds-text-base {
    color: #354657
}

.dtds-text-inverse-base {
    color: #fff
}

.dtds-text-inverse-secondary {
    color: #e4e4e4
}

.dtds-text-secondary {
    color: #6e7a87!important
}

.dtds-text-subtle {
    color: #84909b!important
}

.dtds-text-brand-primary {
    color: #9d57b2
}

.dtds-text-active {
    color: #354657!important
}

.dtds-text-success {
    color: #12b76a!important
}

.dtds-text-success-extra-light {
    color: #d1fadf!important
}

.dtds-text-success-light {
    color: #a6f4c5!important
}

.dtds-text-success-normal {
    color: #6ce9a6!important
}

.dtds-text-success-bold {
    color: #12b76a!important
}

.dtds-text-success-extra-bold {
    color: #039855!important
}

.dtds-text-danger {
    color: #f04438!important
}

.dtds-text-danger-extra-light {
    color: #fee4e2!important
}

.dtds-text-danger-light {
    color: #fecdca!important
}

.dtds-text-danger-normal {
    color: #fda29b!important
}

.dtds-text-danger-bold {
    color: #f04438!important
}

.dtds-text-danger-extra-bold {
    color: #d92d20!important
}

.dtds-text-warning {
    color: #f79009!important
}

.dtds-text-warning-extra-light {
    color: #fef0c7!important
}

.dtds-text-warning-light {
    color: #fedf89!important
}

.dtds-text-warning-normal {
    color: #fec84b!important
}

.dtds-text-warning-bold {
    color: #f79009!important
}

.dtds-text-warning-extra-bold {
    color: #dc6803!important
}

.dtds-text-info {
    color: #5597e2!important
}

.dtds-text-info-extra-light {
    color: #ebf3fc!important
}

.dtds-text-info-light {
    color: #c8def6!important
}

.dtds-text-info-normal {
    color: #adcdf1!important
}

.dtds-text-info-bold {
    color: #5597e2!important
}

.dtds-text-info-extra-bold {
    color: #0067dc!important
}

.dtds-text-disabled {
    color: #bec4c9!important
}

.dtds-bg-base {
    background: #fff!important
}

.dtds-bg-primary {
    background: #9d57b2!important
}

.dtds-bg-primary-extra-light {
    background-color: #f7f1f9!important
}

.dtds-bg-extra-light {
    background: #f9f9f9!important
}

.dtds-bg-light {
    background: #e7e9eb!important
}

.dtds-bg-bold {
    background: #84909b!important
}

.dtds-bg-extra-bold {
    background: #6e7a87!important
}

.dtds-bg-alt {
    background: #979797!important
}

.dtds-bg-disabled {
    background: #f9f9f9!important
}

.dtds-bg-inverse {
    background: #354657!important
}

.dtds-bg-success {
    background: #12b76a!important
}

.dtds-bg-success-extra-light {
    background: #d1fadf!important
}

.dtds-bg-success-light {
    background: #a6f4c5!important
}

.dtds-bg-success-normal {
    background: #6ce9a6!important
}

.dtds-bg-success-bold {
    background: #12b76a!important
}

.dtds-bg-success-extra-bold {
    background: #039855!important
}

.dtds-bg-error,.dtds-bg-danger {
    background: #f04438!important
}

.dtds-bg-error-extra-light,.dtds-bg-danger-extra-light {
    background: #fee4e2!important
}

.dtds-bg-error-light,.dtds-bg-danger-light {
    background: #fecdca!important
}

.dtds-bg-error-normal,.dtds-bg-danger-normal {
    background: #fda29b!important
}

.dtds-bg-error-bold,.dtds-bg-danger-bold {
    background: #f04438!important
}

.dtds-bg-error-extra-bold,.dtds-bg-danger-extra-bold {
    background: #d92d20!important
}

.dtds-bg-warning {
    background: #f79009!important
}

.dtds-bg-warning-extra-light {
    background: #fef0c7!important
}

.dtds-bg-warning-light {
    background: #fedf89!important
}

.dtds-bg-warning-normal {
    background: #fec84b!important
}

.dtds-bg-warning-bold {
    background: #f79009!important
}

.dtds-bg-warning-extra-bold {
    background: #dc6803!important
}

.dtds-bg-info {
    background: #5597e2!important
}

.dtds-bg-info-extra-light {
    background: #ebf3fc!important
}

.dtds-bg-info-light {
    background: #c8def6!important
}

.dtds-bg-info-normal {
    background: #adcdf1!important
}

.dtds-bg-info-bold {
    background: #5597e2!important
}

.dtds-bg-info-extra-bold {
    background: #0067dc!important
}

.dtds-bg-gradient-brand-primary {
    background: linear-gradient(68deg,#9d57b2,#bd8bca)
}

.dtds-bg-gradient-brand-secondary {
    background: linear-gradient(68deg,#84909b,#bec4c9)
}

.dtds-bg-gradient-brand-tertiary {
    background: linear-gradient(68deg,#ebf3fc,#c8def6)
}

.dtds-bg-gradient-base-blue {
    background: linear-gradient(68deg,#0067dc,#5597e2)
}

.dtds-bg-gradient-base-green {
    background: linear-gradient(68deg,#039855,#12b76a)
}

@media screen and (max-width: 767px) {
    .xs\:dtds-bg-base {
        background:#fff
    }

    .xs\:dtds-bg-primary {
        background: #9d57b2!important
    }

    .xs\:dtds-bg-primary-extra-light {
        background-color: #f7f1f9!important
    }

    .xs\:dtds-bg-extra-light {
        background: #f9f9f9!important
    }

    .xs\:dtds-bg-light {
        background: #e7e9eb!important
    }

    .xs\:dtds-bg-bold {
        background: #84909b!important
    }

    .xs\:dtds-bg-extra-bold {
        background: #6e7a87!important
    }

    .xs\:dtds-bg-alt {
        background: #979797!important
    }

    .xs\:dtds-bg-disabled {
        background: #f9f9f9!important
    }

    .xs\:dtds-bg-inverse {
        background: #354657!important
    }

    .xs\:dtds-bg-success {
        background: #12b76a!important
    }

    .xs\:dtds-bg-success-extra-light {
        background: #d1fadf!important
    }

    .xs\:dtds-bg-success-light {
        background: #a6f4c5!important
    }

    .xs\:dtds-bg-success-normal {
        background: #6ce9a6!important
    }

    .xs\:dtds-bg-success-bold {
        background: #12b76a!important
    }

    .xs\:dtds-bg-success-extra-bold {
        background: #039855!important
    }

    .xs\:dtds-bg-error,.xs\:dtds-bg-danger {
        background: #f04438!important
    }

    .xs\:dtds-bg-error-extra-light,.xs\:dtds-bg-danger-extra-light {
        background: #fee4e2!important
    }

    .xs\:dtds-bg-error-light,.xs\:dtds-bg-danger-light {
        background: #fecdca!important
    }

    .xs\:dtds-bg-error-normal,.xs\:dtds-bg-danger-normal {
        background: #fda29b!important
    }

    .xs\:dtds-bg-error-bold,.xs\:dtds-bg-danger-bold {
        background: #f04438!important
    }

    .xs\:dtds-bg-error-extra-bold,.xs\:dtds-bg-danger-extra-bold {
        background: #d92d20!important
    }

    .xs\:dtds-bg-warning {
        background: #f79009!important
    }

    .xs\:dtds-bg-warning-extra-light {
        background: #fef0c7!important
    }

    .xs\:dtds-bg-warning-light {
        background: #fedf89!important
    }

    .xs\:dtds-bg-warning-normal {
        background: #fec84b!important
    }

    .xs\:dtds-bg-warning-bold {
        background: #f79009!important
    }

    .xs\:dtds-bg-warning-extra-bold {
        background: #dc6803!important
    }

    .xs\:dtds-bg-info {
        background: #5597e2!important
    }

    .xs\:dtds-bg-info-extra-light {
        background: #ebf3fc!important
    }

    .xs\:dtds-bg-info-light {
        background: #c8def6!important
    }

    .xs\:dtds-bg-info-normal {
        background: #adcdf1!important
    }

    .xs\:dtds-bg-info-bold {
        background: #5597e2!important
    }

    .xs\:dtds-bg-info-extra-bold {
        background: #0067dc!important
    }

    .xs\:dtds-bg-gradient-brand-primary {
        background: linear-gradient(68deg,#9d57b2,#bd8bca)
    }

    .xs\:dtds-bg-gradient-brand-secondary {
        background: linear-gradient(68deg,#84909b,#bec4c9)
    }

    .xs\:dtds-bg-gradient-brand-tertiary {
        background: linear-gradient(68deg,#ebf3fc,#c8def6)
    }

    .xs\:dtds-bg-gradient-base-blue {
        background: linear-gradient(68deg,#0067dc,#5597e2)
    }

    .xs\:dtds-bg-gradient-base-green {
        background: linear-gradient(68deg,#039855,#12b76a)
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-bg-base {
        background:#fff
    }

    .sm\:dtds-bg-primary {
        background: #9d57b2!important
    }

    .sm\:dtds-bg-primary-extra-light {
        background-color: #f7f1f9!important
    }

    .sm\:dtds-bg-extra-light {
        background: #f9f9f9!important
    }

    .sm\:dtds-bg-light {
        background: #e7e9eb!important
    }

    .sm\:dtds-bg-bold {
        background: #84909b!important
    }

    .sm\:dtds-bg-extra-bold {
        background: #6e7a87!important
    }

    .sm\:dtds-bg-alt {
        background: #979797!important
    }

    .sm\:dtds-bg-disabled {
        background: #f9f9f9!important
    }

    .sm\:dtds-bg-inverse {
        background: #354657!important
    }

    .sm\:dtds-bg-success {
        background: #12b76a!important
    }

    .sm\:dtds-bg-success-extra-light {
        background: #d1fadf!important
    }

    .sm\:dtds-bg-success-light {
        background: #a6f4c5!important
    }

    .sm\:dtds-bg-success-normal {
        background: #6ce9a6!important
    }

    .sm\:dtds-bg-success-bold {
        background: #12b76a!important
    }

    .sm\:dtds-bg-success-extra-bold {
        background: #039855!important
    }

    .sm\:dtds-bg-error,.sm\:dtds-bg-danger {
        background: #f04438!important
    }

    .sm\:dtds-bg-error-extra-light,.sm\:dtds-bg-danger-extra-light {
        background: #fee4e2!important
    }

    .sm\:dtds-bg-error-light,.sm\:dtds-bg-danger-light {
        background: #fecdca!important
    }

    .sm\:dtds-bg-error-normal,.sm\:dtds-bg-danger-normal {
        background: #fda29b!important
    }

    .sm\:dtds-bg-error-bold,.sm\:dtds-bg-danger-bold {
        background: #f04438!important
    }

    .sm\:dtds-bg-error-extra-bold,.sm\:dtds-bg-danger-extra-bold {
        background: #d92d20!important
    }

    .sm\:dtds-bg-warning {
        background: #f79009!important
    }

    .sm\:dtds-bg-warning-extra-light {
        background: #fef0c7!important
    }

    .sm\:dtds-bg-warning-light {
        background: #fedf89!important
    }

    .sm\:dtds-bg-warning-normal {
        background: #fec84b!important
    }

    .sm\:dtds-bg-warning-bold {
        background: #f79009!important
    }

    .sm\:dtds-bg-warning-extra-bold {
        background: #dc6803!important
    }

    .sm\:dtds-bg-info {
        background: #5597e2!important
    }

    .sm\:dtds-bg-info-extra-light {
        background: #ebf3fc!important
    }

    .sm\:dtds-bg-info-light {
        background: #c8def6!important
    }

    .sm\:dtds-bg-info-normal {
        background: #adcdf1!important
    }

    .sm\:dtds-bg-info-bold {
        background: #5597e2!important
    }

    .sm\:dtds-bg-info-extra-bold {
        background: #0067dc!important
    }

    .sm\:dtds-bg-gradient-brand-primary {
        background: linear-gradient(68deg,#9d57b2,#bd8bca)
    }

    .sm\:dtds-bg-gradient-brand-secondary {
        background: linear-gradient(68deg,#84909b,#bec4c9)
    }

    .sm\:dtds-bg-gradient-brand-tertiary {
        background: linear-gradient(68deg,#ebf3fc,#c8def6)
    }

    .sm\:dtds-bg-gradient-base-blue {
        background: linear-gradient(68deg,#0067dc,#5597e2)
    }

    .sm\:dtds-bg-gradient-base-green {
        background: linear-gradient(68deg,#039855,#12b76a)
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-bg-base {
        background:#fff
    }

    .md\:dtds-bg-primary {
        background: #9d57b2!important
    }

    .md\:dtds-bg-primary-extra-light {
        background-color: #f7f1f9!important
    }

    .md\:dtds-bg-extra-light {
        background: #f9f9f9!important
    }

    .md\:dtds-bg-light {
        background: #e7e9eb!important
    }

    .md\:dtds-bg-bold {
        background: #84909b!important
    }

    .md\:dtds-bg-extra-bold {
        background: #6e7a87!important
    }

    .md\:dtds-bg-alt {
        background: #979797!important
    }

    .md\:dtds-bg-disabled {
        background: #f9f9f9!important
    }

    .md\:dtds-bg-inverse {
        background: #354657!important
    }

    .md\:dtds-bg-success {
        background: #12b76a!important
    }

    .md\:dtds-bg-success-extra-light {
        background: #d1fadf!important
    }

    .md\:dtds-bg-success-light {
        background: #a6f4c5!important
    }

    .md\:dtds-bg-success-normal {
        background: #6ce9a6!important
    }

    .md\:dtds-bg-success-bold {
        background: #12b76a!important
    }

    .md\:dtds-bg-success-extra-bold {
        background: #039855!important
    }

    .md\:dtds-bg-error,.md\:dtds-bg-danger {
        background: #f04438!important
    }

    .md\:dtds-bg-error-extra-light,.md\:dtds-bg-danger-extra-light {
        background: #fee4e2!important
    }

    .md\:dtds-bg-error-light,.md\:dtds-bg-danger-light {
        background: #fecdca!important
    }

    .md\:dtds-bg-error-normal,.md\:dtds-bg-danger-normal {
        background: #fda29b!important
    }

    .md\:dtds-bg-error-bold,.md\:dtds-bg-danger-bold {
        background: #f04438!important
    }

    .md\:dtds-bg-error-extra-bold,.md\:dtds-bg-danger-extra-bold {
        background: #d92d20!important
    }

    .md\:dtds-bg-warning {
        background: #f79009!important
    }

    .md\:dtds-bg-warning-extra-light {
        background: #fef0c7!important
    }

    .md\:dtds-bg-warning-light {
        background: #fedf89!important
    }

    .md\:dtds-bg-warning-normal {
        background: #fec84b!important
    }

    .md\:dtds-bg-warning-bold {
        background: #f79009!important
    }

    .md\:dtds-bg-warning-extra-bold {
        background: #dc6803!important
    }

    .md\:dtds-bg-info {
        background: #5597e2!important
    }

    .md\:dtds-bg-info-extra-light {
        background: #ebf3fc!important
    }

    .md\:dtds-bg-info-light {
        background: #c8def6!important
    }

    .md\:dtds-bg-info-normal {
        background: #adcdf1!important
    }

    .md\:dtds-bg-info-bold {
        background: #5597e2!important
    }

    .md\:dtds-bg-info-extra-bold {
        background: #0067dc!important
    }

    .md\:dtds-bg-gradient-brand-primary {
        background: linear-gradient(68deg,#9d57b2,#bd8bca)
    }

    .md\:dtds-bg-gradient-brand-secondary {
        background: linear-gradient(68deg,#84909b,#bec4c9)
    }

    .md\:dtds-bg-gradient-brand-tertiary {
        background: linear-gradient(68deg,#ebf3fc,#c8def6)
    }

    .md\:dtds-bg-gradient-base-blue {
        background: linear-gradient(68deg,#0067dc,#5597e2)
    }

    .md\:dtds-bg-gradient-base-green {
        background: linear-gradient(68deg,#039855,#12b76a)
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-bg-base {
        background:#fff
    }

    .lg\:dtds-bg-primary {
        background: #9d57b2!important
    }

    .lg\:dtds-bg-primary-extra-light {
        background-color: #f7f1f9!important
    }

    .lg\:dtds-bg-extra-light {
        background: #f9f9f9!important
    }

    .lg\:dtds-bg-light {
        background: #e7e9eb!important
    }

    .lg\:dtds-bg-bold {
        background: #84909b!important
    }

    .lg\:dtds-bg-extra-bold {
        background: #6e7a87!important
    }

    .lg\:dtds-bg-alt {
        background: #979797!important
    }

    .lg\:dtds-bg-disabled {
        background: #f9f9f9!important
    }

    .lg\:dtds-bg-inverse {
        background: #354657!important
    }

    .lg\:dtds-bg-success {
        background: #12b76a!important
    }

    .lg\:dtds-bg-success-extra-light {
        background: #d1fadf!important
    }

    .lg\:dtds-bg-success-light {
        background: #a6f4c5!important
    }

    .lg\:dtds-bg-success-normal {
        background: #6ce9a6!important
    }

    .lg\:dtds-bg-success-bold {
        background: #12b76a!important
    }

    .lg\:dtds-bg-success-extra-bold {
        background: #039855!important
    }

    .lg\:dtds-bg-error,.lg\:dtds-bg-danger {
        background: #f04438!important
    }

    .lg\:dtds-bg-error-extra-light,.lg\:dtds-bg-danger-extra-light {
        background: #fee4e2!important
    }

    .lg\:dtds-bg-error-light,.lg\:dtds-bg-danger-light {
        background: #fecdca!important
    }

    .lg\:dtds-bg-error-normal,.lg\:dtds-bg-danger-normal {
        background: #fda29b!important
    }

    .lg\:dtds-bg-error-bold,.lg\:dtds-bg-danger-bold {
        background: #f04438!important
    }

    .lg\:dtds-bg-error-extra-bold,.lg\:dtds-bg-danger-extra-bold {
        background: #d92d20!important
    }

    .lg\:dtds-bg-warning {
        background: #f79009!important
    }

    .lg\:dtds-bg-warning-extra-light {
        background: #fef0c7!important
    }

    .lg\:dtds-bg-warning-light {
        background: #fedf89!important
    }

    .lg\:dtds-bg-warning-normal {
        background: #fec84b!important
    }

    .lg\:dtds-bg-warning-bold {
        background: #f79009!important
    }

    .lg\:dtds-bg-warning-extra-bold {
        background: #dc6803!important
    }

    .lg\:dtds-bg-info {
        background: #5597e2!important
    }

    .lg\:dtds-bg-info-extra-light {
        background: #ebf3fc!important
    }

    .lg\:dtds-bg-info-light {
        background: #c8def6!important
    }

    .lg\:dtds-bg-info-normal {
        background: #adcdf1!important
    }

    .lg\:dtds-bg-info-bold {
        background: #5597e2!important
    }

    .lg\:dtds-bg-info-extra-bold {
        background: #0067dc!important
    }

    .lg\:dtds-bg-gradient-brand-primary {
        background: linear-gradient(68deg,#9d57b2,#bd8bca)
    }

    .lg\:dtds-bg-gradient-brand-secondary {
        background: linear-gradient(68deg,#84909b,#bec4c9)
    }

    .lg\:dtds-bg-gradient-brand-tertiary {
        background: linear-gradient(68deg,#ebf3fc,#c8def6)
    }

    .lg\:dtds-bg-gradient-base-blue {
        background: linear-gradient(68deg,#0067dc,#5597e2)
    }

    .lg\:dtds-bg-gradient-base-green {
        background: linear-gradient(68deg,#039855,#12b76a)
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-bg-base {
        background:#fff
    }

    .xl\:dtds-bg-primary {
        background: #9d57b2!important
    }

    .xl\:dtds-bg-primary-extra-light {
        background-color: #f7f1f9!important
    }

    .xl\:dtds-bg-extra-light {
        background: #f9f9f9!important
    }

    .xl\:dtds-bg-light {
        background: #e7e9eb!important
    }

    .xl\:dtds-bg-bold {
        background: #84909b!important
    }

    .xl\:dtds-bg-extra-bold {
        background: #6e7a87!important
    }

    .xl\:dtds-bg-alt {
        background: #979797!important
    }

    .xl\:dtds-bg-disabled {
        background: #f9f9f9!important
    }

    .xl\:dtds-bg-inverse {
        background: #354657!important
    }

    .xl\:dtds-bg-success {
        background: #12b76a!important
    }

    .xl\:dtds-bg-success-extra-light {
        background: #d1fadf!important
    }

    .xl\:dtds-bg-success-light {
        background: #a6f4c5!important
    }

    .xl\:dtds-bg-success-normal {
        background: #6ce9a6!important
    }

    .xl\:dtds-bg-success-bold {
        background: #12b76a!important
    }

    .xl\:dtds-bg-success-extra-bold {
        background: #039855!important
    }

    .xl\:dtds-bg-error,.xl\:dtds-bg-danger {
        background: #f04438!important
    }

    .xl\:dtds-bg-error-extra-light,.xl\:dtds-bg-danger-extra-light {
        background: #fee4e2!important
    }

    .xl\:dtds-bg-error-light,.xl\:dtds-bg-danger-light {
        background: #fecdca!important
    }

    .xl\:dtds-bg-error-normal,.xl\:dtds-bg-danger-normal {
        background: #fda29b!important
    }

    .xl\:dtds-bg-error-bold,.xl\:dtds-bg-danger-bold {
        background: #f04438!important
    }

    .xl\:dtds-bg-error-extra-bold,.xl\:dtds-bg-danger-extra-bold {
        background: #d92d20!important
    }

    .xl\:dtds-bg-warning {
        background: #f79009!important
    }

    .xl\:dtds-bg-warning-extra-light {
        background: #fef0c7!important
    }

    .xl\:dtds-bg-warning-light {
        background: #fedf89!important
    }

    .xl\:dtds-bg-warning-normal {
        background: #fec84b!important
    }

    .xl\:dtds-bg-warning-bold {
        background: #f79009!important
    }

    .xl\:dtds-bg-warning-extra-bold {
        background: #dc6803!important
    }

    .xl\:dtds-bg-info {
        background: #5597e2!important
    }

    .xl\:dtds-bg-info-extra-light {
        background: #ebf3fc!important
    }

    .xl\:dtds-bg-info-light {
        background: #c8def6!important
    }

    .xl\:dtds-bg-info-normal {
        background: #adcdf1!important
    }

    .xl\:dtds-bg-info-bold {
        background: #5597e2!important
    }

    .xl\:dtds-bg-info-extra-bold {
        background: #0067dc!important
    }

    .xl\:dtds-bg-gradient-brand-primary {
        background: linear-gradient(68deg,#9d57b2,#bd8bca)
    }

    .xl\:dtds-bg-gradient-brand-secondary {
        background: linear-gradient(68deg,#84909b,#bec4c9)
    }

    .xl\:dtds-bg-gradient-brand-tertiary {
        background: linear-gradient(68deg,#ebf3fc,#c8def6)
    }

    .xl\:dtds-bg-gradient-base-blue {
        background: linear-gradient(68deg,#0067dc,#5597e2)
    }

    .xl\:dtds-bg-gradient-base-green {
        background: linear-gradient(68deg,#039855,#12b76a)
    }
}

.dtds-hidden {
    display: none!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-hidden {
        display:none!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-hidden {
        display:none!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-hidden {
        display:none!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-hidden {
        display:none!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-hidden {
        display:none!important
    }
}

.dtds-display-block {
    display: block!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-display-block {
        display:block!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-display-block {
        display:block!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-display-block {
        display:block!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-display-block {
        display:block!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-display-block {
        display:block!important
    }
}

.dtds-display-inline-block {
    display: inline-block!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-display-inline-block {
        display:inline-block!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-display-inline-block {
        display:inline-block!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-display-inline-block {
        display:inline-block!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-display-inline-block {
        display:inline-block!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-display-inline-block {
        display:inline-block!important
    }
}

.dtds-display-flex {
    display: flex!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-display-flex {
        display:none!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-display-flex {
        display:flex!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-display-flex {
        display:flex!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-display-flex {
        display:flex!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-display-flex {
        display:flex!important
    }
}

.dtds-m-xs {
    margin: 4px!important
}

.dtds-mt-xs {
    margin-top: 4px!important
}

.dtds-mr-xs {
    margin-right: 4px!important
}

.dtds-mb-xs {
    margin-bottom: 4px!important
}

.dtds-ml-xs {
    margin-left: 4px!important
}

.dtds-my-xs {
    margin-top: 4px!important;
    margin-bottom: 4px!important
}

.dtds-mx-xs {
    margin-left: 4px!important;
    margin-right: 4px!important
}

.dtds-m-sm {
    margin: 12px!important
}

.dtds-mt-sm {
    margin-top: 12px!important
}

.dtds-mr-sm {
    margin-right: 12px!important
}

.dtds-mb-sm {
    margin-bottom: 12px!important
}

.dtds-ml-sm {
    margin-left: 12px!important
}

.dtds-my-sm {
    margin-top: 12px!important;
    margin-bottom: 12px!important
}

.dtds-mx-sm {
    margin-left: 12px!important;
    margin-right: 12px!important
}

.dtds-m-md {
    margin: 16px!important
}

.dtds-mt-md {
    margin-top: 16px!important
}

.dtds-mr-md {
    margin-right: 16px!important
}

.dtds-mb-md {
    margin-bottom: 16px!important
}

.dtds-ml-md {
    margin-left: 16px!important
}

.dtds-my-md {
    margin-top: 16px!important;
    margin-bottom: 16px!important
}

.dtds-mx-md {
    margin-left: 16px!important;
    margin-right: 16px!important
}

.dtds-m-lg {
    margin: 24px!important
}

.dtds-mt-lg {
    margin-top: 24px!important
}

.dtds-mr-lg {
    margin-right: 24px!important
}

.dtds-mb-lg {
    margin-bottom: 24px!important
}

.dtds-ml-lg {
    margin-left: 24px!important
}

.dtds-my-lg {
    margin-top: 24px!important;
    margin-bottom: 24px!important
}

.dtds-mx-lg {
    margin-left: 24px!important;
    margin-right: 24px!important
}

.dtds-m-xl {
    margin: 32px!important
}

.dtds-mt-xl {
    margin-top: 32px!important
}

.dtds-mr-xl {
    margin-right: 32px!important
}

.dtds-mb-xl {
    margin-bottom: 32px!important
}

.dtds-ml-xl {
    margin-left: 32px!important
}

.dtds-my-xl {
    margin-top: 32px!important;
    margin-bottom: 32px!important
}

.dtds-mx-xl {
    margin-left: 32px!important;
    margin-right: 32px!important
}

.dtds-m-xxl {
    margin: 40px!important
}

.dtds-mt-xxl {
    margin-top: 40px!important
}

.dtds-mr-xxl {
    margin-right: 40px!important
}

.dtds-mb-xxl {
    margin-bottom: 40px!important
}

.dtds-ml-xxl {
    margin-left: 40px!important
}

.dtds-my-xxl {
    margin-top: 40px!important;
    margin-bottom: 40px!important
}

.dtds-mx-xxl {
    margin-left: 40px!important;
    margin-right: 40px!important
}

.dtds-m-0 {
    margin: 0!important
}

.dtds-mt-0 {
    margin-top: 0!important
}

.dtds-mr-0 {
    margin-right: 0!important
}

.dtds-mb-0 {
    margin-bottom: 0!important
}

.dtds-ml-0 {
    margin-left: 0!important
}

.dtds-my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.dtds-mx-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.dtds-m-1 {
    margin: 2px!important
}

.dtds-mt-1 {
    margin-top: 2px!important
}

.dtds-mr-1 {
    margin-right: 2px!important
}

.dtds-mb-1 {
    margin-bottom: 2px!important
}

.dtds-ml-1 {
    margin-left: 2px!important
}

.dtds-my-1 {
    margin-top: 2px!important;
    margin-bottom: 2px!important
}

.dtds-mx-1 {
    margin-left: 2px!important;
    margin-right: 2px!important
}

.dtds-m-2 {
    margin: 4px!important
}

.dtds-mt-2 {
    margin-top: 4px!important
}

.dtds-mr-2 {
    margin-right: 4px!important
}

.dtds-mb-2 {
    margin-bottom: 4px!important
}

.dtds-ml-2 {
    margin-left: 4px!important
}

.dtds-my-2 {
    margin-top: 4px!important;
    margin-bottom: 4px!important
}

.dtds-mx-2 {
    margin-left: 4px!important;
    margin-right: 4px!important
}

.dtds-m-3 {
    margin: 8px!important
}

.dtds-mt-3 {
    margin-top: 8px!important
}

.dtds-mr-3 {
    margin-right: 8px!important
}

.dtds-mb-3 {
    margin-bottom: 8px!important
}

.dtds-ml-3 {
    margin-left: 8px!important
}

.dtds-my-3 {
    margin-top: 8px!important;
    margin-bottom: 8px!important
}

.dtds-mx-3 {
    margin-left: 8px!important;
    margin-right: 8px!important
}

.dtds-m-4 {
    margin: 12px!important
}

.dtds-mt-4 {
    margin-top: 12px!important
}

.dtds-mr-4 {
    margin-right: 12px!important
}

.dtds-mb-4 {
    margin-bottom: 12px!important
}

.dtds-ml-4 {
    margin-left: 12px!important
}

.dtds-my-4 {
    margin-top: 12px!important;
    margin-bottom: 12px!important
}

.dtds-mx-4 {
    margin-left: 12px!important;
    margin-right: 12px!important
}

.dtds-m-5 {
    margin: 16px!important
}

.dtds-mt-5 {
    margin-top: 16px!important
}

.dtds-mr-5 {
    margin-right: 16px!important
}

.dtds-mb-5 {
    margin-bottom: 16px!important
}

.dtds-ml-5 {
    margin-left: 16px!important
}

.dtds-my-5 {
    margin-top: 16px!important;
    margin-bottom: 16px!important
}

.dtds-mx-5 {
    margin-left: 16px!important;
    margin-right: 16px!important
}

.dtds-m-6 {
    margin: 24px!important
}

.dtds-mt-6 {
    margin-top: 24px!important
}

.dtds-mr-6 {
    margin-right: 24px!important
}

.dtds-mb-6 {
    margin-bottom: 24px!important
}

.dtds-ml-6 {
    margin-left: 24px!important
}

.dtds-my-6 {
    margin-top: 24px!important;
    margin-bottom: 24px!important
}

.dtds-mx-6 {
    margin-left: 24px!important;
    margin-right: 24px!important
}

.dtds-m-7 {
    margin: 32px!important
}

.dtds-mt-7 {
    margin-top: 32px!important
}

.dtds-mr-7 {
    margin-right: 32px!important
}

.dtds-mb-7 {
    margin-bottom: 32px!important
}

.dtds-ml-7 {
    margin-left: 32px!important
}

.dtds-my-7 {
    margin-top: 32px!important;
    margin-bottom: 32px!important
}

.dtds-mx-7 {
    margin-left: 32px!important;
    margin-right: 32px!important
}

.dtds-m-8 {
    margin: 40px!important
}

.dtds-mt-8 {
    margin-top: 40px!important
}

.dtds-mr-8 {
    margin-right: 40px!important
}

.dtds-mb-8 {
    margin-bottom: 40px!important
}

.dtds-ml-8 {
    margin-left: 40px!important
}

.dtds-my-8 {
    margin-top: 40px!important;
    margin-bottom: 40px!important
}

.dtds-mx-8 {
    margin-left: 40px!important;
    margin-right: 40px!important
}

.dtds-m-9 {
    margin: 48px!important
}

.dtds-mt-9 {
    margin-top: 48px!important
}

.dtds-mr-9 {
    margin-right: 48px!important
}

.dtds-mb-9 {
    margin-bottom: 48px!important
}

.dtds-ml-9 {
    margin-left: 48px!important
}

.dtds-my-9 {
    margin-top: 48px!important;
    margin-bottom: 48px!important
}

.dtds-mx-9 {
    margin-left: 48px!important;
    margin-right: 48px!important
}

.dtds-m-10 {
    margin: 64px!important
}

.dtds-mt-10 {
    margin-top: 64px!important
}

.dtds-mr-10 {
    margin-right: 64px!important
}

.dtds-mb-10 {
    margin-bottom: 64px!important
}

.dtds-ml-10 {
    margin-left: 64px!important
}

.dtds-my-10 {
    margin-top: 64px!important;
    margin-bottom: 64px!important
}

.dtds-mx-10 {
    margin-left: 64px!important;
    margin-right: 64px!important
}

.dtds-m-11 {
    margin: 80px!important
}

.dtds-mt-11 {
    margin-top: 80px!important
}

.dtds-mr-11 {
    margin-right: 80px!important
}

.dtds-mb-11 {
    margin-bottom: 80px!important
}

.dtds-ml-11 {
    margin-left: 80px!important
}

.dtds-my-11 {
    margin-top: 80px!important;
    margin-bottom: 80px!important
}

.dtds-mx-11 {
    margin-left: 80px!important;
    margin-right: 80px!important
}

.dtds-m-12 {
    margin: 96px!important
}

.dtds-mt-12 {
    margin-top: 96px!important
}

.dtds-mr-12 {
    margin-right: 96px!important
}

.dtds-mb-12 {
    margin-bottom: 96px!important
}

.dtds-ml-12 {
    margin-left: 96px!important
}

.dtds-my-12 {
    margin-top: 96px!important;
    margin-bottom: 96px!important
}

.dtds-mx-12 {
    margin-left: 96px!important;
    margin-right: 96px!important
}

.dtds-m-13 {
    margin: 160px!important
}

.dtds-mt-13 {
    margin-top: 160px!important
}

.dtds-mr-13 {
    margin-right: 160px!important
}

.dtds-mb-13 {
    margin-bottom: 160px!important
}

.dtds-ml-13 {
    margin-left: 160px!important
}

.dtds-my-13 {
    margin-top: 160px!important;
    margin-bottom: 160px!important
}

.dtds-mx-13 {
    margin-left: 160px!important;
    margin-right: 160px!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-m-xs {
        margin:4px!important
    }

    .xs\:dtds-mt-xs {
        margin-top: 4px!important
    }

    .xs\:dtds-mr-xs {
        margin-right: 4px!important
    }

    .xs\:dtds-mb-xs {
        margin-bottom: 4px!important
    }

    .xs\:dtds-ml-xs {
        margin-left: 4px!important
    }

    .xs\:dtds-my-xs {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .xs\:dtds-mx-xs {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .xs\:dtds-m-sm {
        margin: 12px!important
    }

    .xs\:dtds-mt-sm {
        margin-top: 12px!important
    }

    .xs\:dtds-mr-sm {
        margin-right: 12px!important
    }

    .xs\:dtds-mb-sm {
        margin-bottom: 12px!important
    }

    .xs\:dtds-ml-sm {
        margin-left: 12px!important
    }

    .xs\:dtds-my-sm {
        margin-top: 12px!important;
        margin-bottom: 12px!important
    }

    .xs\:dtds-mx-sm {
        margin-left: 12px!important;
        margin-right: 12px!important
    }

    .xs\:dtds-m-md {
        margin: 16px!important
    }

    .xs\:dtds-mt-md {
        margin-top: 16px!important
    }

    .xs\:dtds-mr-md {
        margin-right: 16px!important
    }

    .xs\:dtds-mb-md {
        margin-bottom: 16px!important
    }

    .xs\:dtds-ml-md {
        margin-left: 16px!important
    }

    .xs\:dtds-my-md {
        margin-top: 16px!important;
        margin-bottom: 16px!important
    }

    .xs\:dtds-mx-md {
        margin-left: 16px!important;
        margin-right: 16px!important
    }

    .xs\:dtds-m-lg {
        margin: 24px!important
    }

    .xs\:dtds-mt-lg {
        margin-top: 24px!important
    }

    .xs\:dtds-mr-lg {
        margin-right: 24px!important
    }

    .xs\:dtds-mb-lg {
        margin-bottom: 24px!important
    }

    .xs\:dtds-ml-lg {
        margin-left: 24px!important
    }

    .xs\:dtds-my-lg {
        margin-top: 24px!important;
        margin-bottom: 24px!important
    }

    .xs\:dtds-mx-lg {
        margin-left: 24px!important;
        margin-right: 24px!important
    }

    .xs\:dtds-m-xl {
        margin: 32px!important
    }

    .xs\:dtds-mt-xl {
        margin-top: 32px!important
    }

    .xs\:dtds-mr-xl {
        margin-right: 32px!important
    }

    .xs\:dtds-mb-xl {
        margin-bottom: 32px!important
    }

    .xs\:dtds-ml-xl {
        margin-left: 32px!important
    }

    .xs\:dtds-my-xl {
        margin-top: 32px!important;
        margin-bottom: 32px!important
    }

    .xs\:dtds-mx-xl {
        margin-left: 32px!important;
        margin-right: 32px!important
    }

    .xs\:dtds-m-xxl {
        margin: 40px!important
    }

    .xs\:dtds-mt-xxl {
        margin-top: 40px!important
    }

    .xs\:dtds-mr-xxl {
        margin-right: 40px!important
    }

    .xs\:dtds-mb-xxl {
        margin-bottom: 40px!important
    }

    .xs\:dtds-ml-xxl {
        margin-left: 40px!important
    }

    .xs\:dtds-my-xxl {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .xs\:dtds-mx-xxl {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .xs\:dtds-m-0 {
        margin: 0!important
    }

    .xs\:dtds-mt-0 {
        margin-top: 0!important
    }

    .xs\:dtds-mr-0 {
        margin-right: 0!important
    }

    .xs\:dtds-mb-0 {
        margin-bottom: 0!important
    }

    .xs\:dtds-ml-0 {
        margin-left: 0!important
    }

    .xs\:dtds-my-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .xs\:dtds-mx-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .xs\:dtds-m-1 {
        margin: 2px!important
    }

    .xs\:dtds-mt-1 {
        margin-top: 2px!important
    }

    .xs\:dtds-mr-1 {
        margin-right: 2px!important
    }

    .xs\:dtds-mb-1 {
        margin-bottom: 2px!important
    }

    .xs\:dtds-ml-1 {
        margin-left: 2px!important
    }

    .xs\:dtds-my-1 {
        margin-top: 2px!important;
        margin-bottom: 2px!important
    }

    .xs\:dtds-mx-1 {
        margin-left: 2px!important;
        margin-right: 2px!important
    }

    .xs\:dtds-m-2 {
        margin: 4px!important
    }

    .xs\:dtds-mt-2 {
        margin-top: 4px!important
    }

    .xs\:dtds-mr-2 {
        margin-right: 4px!important
    }

    .xs\:dtds-mb-2 {
        margin-bottom: 4px!important
    }

    .xs\:dtds-ml-2 {
        margin-left: 4px!important
    }

    .xs\:dtds-my-2 {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .xs\:dtds-mx-2 {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .xs\:dtds-m-3 {
        margin: 8px!important
    }

    .xs\:dtds-mt-3 {
        margin-top: 8px!important
    }

    .xs\:dtds-mr-3 {
        margin-right: 8px!important
    }

    .xs\:dtds-mb-3 {
        margin-bottom: 8px!important
    }

    .xs\:dtds-ml-3 {
        margin-left: 8px!important
    }

    .xs\:dtds-my-3 {
        margin-top: 8px!important;
        margin-bottom: 8px!important
    }

    .xs\:dtds-mx-3 {
        margin-left: 8px!important;
        margin-right: 8px!important
    }

    .xs\:dtds-m-4 {
        margin: 12px!important
    }

    .xs\:dtds-mt-4 {
        margin-top: 12px!important
    }

    .xs\:dtds-mr-4 {
        margin-right: 12px!important
    }

    .xs\:dtds-mb-4 {
        margin-bottom: 12px!important
    }

    .xs\:dtds-ml-4 {
        margin-left: 12px!important
    }

    .xs\:dtds-my-4 {
        margin-top: 12px!important;
        margin-bottom: 12px!important
    }

    .xs\:dtds-mx-4 {
        margin-left: 12px!important;
        margin-right: 12px!important
    }

    .xs\:dtds-m-5 {
        margin: 16px!important
    }

    .xs\:dtds-mt-5 {
        margin-top: 16px!important
    }

    .xs\:dtds-mr-5 {
        margin-right: 16px!important
    }

    .xs\:dtds-mb-5 {
        margin-bottom: 16px!important
    }

    .xs\:dtds-ml-5 {
        margin-left: 16px!important
    }

    .xs\:dtds-my-5 {
        margin-top: 16px!important;
        margin-bottom: 16px!important
    }

    .xs\:dtds-mx-5 {
        margin-left: 16px!important;
        margin-right: 16px!important
    }

    .xs\:dtds-m-6 {
        margin: 24px!important
    }

    .xs\:dtds-mt-6 {
        margin-top: 24px!important
    }

    .xs\:dtds-mr-6 {
        margin-right: 24px!important
    }

    .xs\:dtds-mb-6 {
        margin-bottom: 24px!important
    }

    .xs\:dtds-ml-6 {
        margin-left: 24px!important
    }

    .xs\:dtds-my-6 {
        margin-top: 24px!important;
        margin-bottom: 24px!important
    }

    .xs\:dtds-mx-6 {
        margin-left: 24px!important;
        margin-right: 24px!important
    }

    .xs\:dtds-m-7 {
        margin: 32px!important
    }

    .xs\:dtds-mt-7 {
        margin-top: 32px!important
    }

    .xs\:dtds-mr-7 {
        margin-right: 32px!important
    }

    .xs\:dtds-mb-7 {
        margin-bottom: 32px!important
    }

    .xs\:dtds-ml-7 {
        margin-left: 32px!important
    }

    .xs\:dtds-my-7 {
        margin-top: 32px!important;
        margin-bottom: 32px!important
    }

    .xs\:dtds-mx-7 {
        margin-left: 32px!important;
        margin-right: 32px!important
    }

    .xs\:dtds-m-8 {
        margin: 40px!important
    }

    .xs\:dtds-mt-8 {
        margin-top: 40px!important
    }

    .xs\:dtds-mr-8 {
        margin-right: 40px!important
    }

    .xs\:dtds-mb-8 {
        margin-bottom: 40px!important
    }

    .xs\:dtds-ml-8 {
        margin-left: 40px!important
    }

    .xs\:dtds-my-8 {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .xs\:dtds-mx-8 {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .xs\:dtds-m-9 {
        margin: 48px!important
    }

    .xs\:dtds-mt-9 {
        margin-top: 48px!important
    }

    .xs\:dtds-mr-9 {
        margin-right: 48px!important
    }

    .xs\:dtds-mb-9 {
        margin-bottom: 48px!important
    }

    .xs\:dtds-ml-9 {
        margin-left: 48px!important
    }

    .xs\:dtds-my-9 {
        margin-top: 48px!important;
        margin-bottom: 48px!important
    }

    .xs\:dtds-mx-9 {
        margin-left: 48px!important;
        margin-right: 48px!important
    }

    .xs\:dtds-m-10 {
        margin: 64px!important
    }

    .xs\:dtds-mt-10 {
        margin-top: 64px!important
    }

    .xs\:dtds-mr-10 {
        margin-right: 64px!important
    }

    .xs\:dtds-mb-10 {
        margin-bottom: 64px!important
    }

    .xs\:dtds-ml-10 {
        margin-left: 64px!important
    }

    .xs\:dtds-my-10 {
        margin-top: 64px!important;
        margin-bottom: 64px!important
    }

    .xs\:dtds-mx-10 {
        margin-left: 64px!important;
        margin-right: 64px!important
    }

    .xs\:dtds-m-11 {
        margin: 80px!important
    }

    .xs\:dtds-mt-11 {
        margin-top: 80px!important
    }

    .xs\:dtds-mr-11 {
        margin-right: 80px!important
    }

    .xs\:dtds-mb-11 {
        margin-bottom: 80px!important
    }

    .xs\:dtds-ml-11 {
        margin-left: 80px!important
    }

    .xs\:dtds-my-11 {
        margin-top: 80px!important;
        margin-bottom: 80px!important
    }

    .xs\:dtds-mx-11 {
        margin-left: 80px!important;
        margin-right: 80px!important
    }

    .xs\:dtds-m-12 {
        margin: 96px!important
    }

    .xs\:dtds-mt-12 {
        margin-top: 96px!important
    }

    .xs\:dtds-mr-12 {
        margin-right: 96px!important
    }

    .xs\:dtds-mb-12 {
        margin-bottom: 96px!important
    }

    .xs\:dtds-ml-12 {
        margin-left: 96px!important
    }

    .xs\:dtds-my-12 {
        margin-top: 96px!important;
        margin-bottom: 96px!important
    }

    .xs\:dtds-mx-12 {
        margin-left: 96px!important;
        margin-right: 96px!important
    }

    .xs\:dtds-m-13 {
        margin: 160px!important
    }

    .xs\:dtds-mt-13 {
        margin-top: 160px!important
    }

    .xs\:dtds-mr-13 {
        margin-right: 160px!important
    }

    .xs\:dtds-mb-13 {
        margin-bottom: 160px!important
    }

    .xs\:dtds-ml-13 {
        margin-left: 160px!important
    }

    .xs\:dtds-my-13 {
        margin-top: 160px!important;
        margin-bottom: 160px!important
    }

    .xs\:dtds-mx-13 {
        margin-left: 160px!important;
        margin-right: 160px!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-m-xs {
        margin:4px!important
    }

    .sm\:dtds-mt-xs {
        margin-top: 4px!important
    }

    .sm\:dtds-mr-xs {
        margin-right: 4px!important
    }

    .sm\:dtds-mb-xs {
        margin-bottom: 4px!important
    }

    .sm\:dtds-ml-xs {
        margin-left: 4px!important
    }

    .sm\:dtds-my-xs {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .sm\:dtds-mx-xs {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .sm\:dtds-m-sm {
        margin: 12px!important
    }

    .sm\:dtds-mt-sm {
        margin-top: 12px!important
    }

    .sm\:dtds-mr-sm {
        margin-right: 12px!important
    }

    .sm\:dtds-mb-sm {
        margin-bottom: 12px!important
    }

    .sm\:dtds-ml-sm {
        margin-left: 12px!important
    }

    .sm\:dtds-my-sm {
        margin-top: 12px!important;
        margin-bottom: 12px!important
    }

    .sm\:dtds-mx-sm {
        margin-left: 12px!important;
        margin-right: 12px!important
    }

    .sm\:dtds-m-md {
        margin: 16px!important
    }

    .sm\:dtds-mt-md {
        margin-top: 16px!important
    }

    .sm\:dtds-mr-md {
        margin-right: 16px!important
    }

    .sm\:dtds-mb-md {
        margin-bottom: 16px!important
    }

    .sm\:dtds-ml-md {
        margin-left: 16px!important
    }

    .sm\:dtds-my-md {
        margin-top: 16px!important;
        margin-bottom: 16px!important
    }

    .sm\:dtds-mx-md {
        margin-left: 16px!important;
        margin-right: 16px!important
    }

    .sm\:dtds-m-lg {
        margin: 24px!important
    }

    .sm\:dtds-mt-lg {
        margin-top: 24px!important
    }

    .sm\:dtds-mr-lg {
        margin-right: 24px!important
    }

    .sm\:dtds-mb-lg {
        margin-bottom: 24px!important
    }

    .sm\:dtds-ml-lg {
        margin-left: 24px!important
    }

    .sm\:dtds-my-lg {
        margin-top: 24px!important;
        margin-bottom: 24px!important
    }

    .sm\:dtds-mx-lg {
        margin-left: 24px!important;
        margin-right: 24px!important
    }

    .sm\:dtds-m-xl {
        margin: 32px!important
    }

    .sm\:dtds-mt-xl {
        margin-top: 32px!important
    }

    .sm\:dtds-mr-xl {
        margin-right: 32px!important
    }

    .sm\:dtds-mb-xl {
        margin-bottom: 32px!important
    }

    .sm\:dtds-ml-xl {
        margin-left: 32px!important
    }

    .sm\:dtds-my-xl {
        margin-top: 32px!important;
        margin-bottom: 32px!important
    }

    .sm\:dtds-mx-xl {
        margin-left: 32px!important;
        margin-right: 32px!important
    }

    .sm\:dtds-m-xxl {
        margin: 40px!important
    }

    .sm\:dtds-mt-xxl {
        margin-top: 40px!important
    }

    .sm\:dtds-mr-xxl {
        margin-right: 40px!important
    }

    .sm\:dtds-mb-xxl {
        margin-bottom: 40px!important
    }

    .sm\:dtds-ml-xxl {
        margin-left: 40px!important
    }

    .sm\:dtds-my-xxl {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .sm\:dtds-mx-xxl {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .sm\:dtds-m-0 {
        margin: 0!important
    }

    .sm\:dtds-mt-0 {
        margin-top: 0!important
    }

    .sm\:dtds-mr-0 {
        margin-right: 0!important
    }

    .sm\:dtds-mb-0 {
        margin-bottom: 0!important
    }

    .sm\:dtds-ml-0 {
        margin-left: 0!important
    }

    .sm\:dtds-my-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .sm\:dtds-mx-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .sm\:dtds-m-1 {
        margin: 2px!important
    }

    .sm\:dtds-mt-1 {
        margin-top: 2px!important
    }

    .sm\:dtds-mr-1 {
        margin-right: 2px!important
    }

    .sm\:dtds-mb-1 {
        margin-bottom: 2px!important
    }

    .sm\:dtds-ml-1 {
        margin-left: 2px!important
    }

    .sm\:dtds-my-1 {
        margin-top: 2px!important;
        margin-bottom: 2px!important
    }

    .sm\:dtds-mx-1 {
        margin-left: 2px!important;
        margin-right: 2px!important
    }

    .sm\:dtds-m-2 {
        margin: 4px!important
    }

    .sm\:dtds-mt-2 {
        margin-top: 4px!important
    }

    .sm\:dtds-mr-2 {
        margin-right: 4px!important
    }

    .sm\:dtds-mb-2 {
        margin-bottom: 4px!important
    }

    .sm\:dtds-ml-2 {
        margin-left: 4px!important
    }

    .sm\:dtds-my-2 {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .sm\:dtds-mx-2 {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .sm\:dtds-m-3 {
        margin: 8px!important
    }

    .sm\:dtds-mt-3 {
        margin-top: 8px!important
    }

    .sm\:dtds-mr-3 {
        margin-right: 8px!important
    }

    .sm\:dtds-mb-3 {
        margin-bottom: 8px!important
    }

    .sm\:dtds-ml-3 {
        margin-left: 8px!important
    }

    .sm\:dtds-my-3 {
        margin-top: 8px!important;
        margin-bottom: 8px!important
    }

    .sm\:dtds-mx-3 {
        margin-left: 8px!important;
        margin-right: 8px!important
    }

    .sm\:dtds-m-4 {
        margin: 12px!important
    }

    .sm\:dtds-mt-4 {
        margin-top: 12px!important
    }

    .sm\:dtds-mr-4 {
        margin-right: 12px!important
    }

    .sm\:dtds-mb-4 {
        margin-bottom: 12px!important
    }

    .sm\:dtds-ml-4 {
        margin-left: 12px!important
    }

    .sm\:dtds-my-4 {
        margin-top: 12px!important;
        margin-bottom: 12px!important
    }

    .sm\:dtds-mx-4 {
        margin-left: 12px!important;
        margin-right: 12px!important
    }

    .sm\:dtds-m-5 {
        margin: 16px!important
    }

    .sm\:dtds-mt-5 {
        margin-top: 16px!important
    }

    .sm\:dtds-mr-5 {
        margin-right: 16px!important
    }

    .sm\:dtds-mb-5 {
        margin-bottom: 16px!important
    }

    .sm\:dtds-ml-5 {
        margin-left: 16px!important
    }

    .sm\:dtds-my-5 {
        margin-top: 16px!important;
        margin-bottom: 16px!important
    }

    .sm\:dtds-mx-5 {
        margin-left: 16px!important;
        margin-right: 16px!important
    }

    .sm\:dtds-m-6 {
        margin: 24px!important
    }

    .sm\:dtds-mt-6 {
        margin-top: 24px!important
    }

    .sm\:dtds-mr-6 {
        margin-right: 24px!important
    }

    .sm\:dtds-mb-6 {
        margin-bottom: 24px!important
    }

    .sm\:dtds-ml-6 {
        margin-left: 24px!important
    }

    .sm\:dtds-my-6 {
        margin-top: 24px!important;
        margin-bottom: 24px!important
    }

    .sm\:dtds-mx-6 {
        margin-left: 24px!important;
        margin-right: 24px!important
    }

    .sm\:dtds-m-7 {
        margin: 32px!important
    }

    .sm\:dtds-mt-7 {
        margin-top: 32px!important
    }

    .sm\:dtds-mr-7 {
        margin-right: 32px!important
    }

    .sm\:dtds-mb-7 {
        margin-bottom: 32px!important
    }

    .sm\:dtds-ml-7 {
        margin-left: 32px!important
    }

    .sm\:dtds-my-7 {
        margin-top: 32px!important;
        margin-bottom: 32px!important
    }

    .sm\:dtds-mx-7 {
        margin-left: 32px!important;
        margin-right: 32px!important
    }

    .sm\:dtds-m-8 {
        margin: 40px!important
    }

    .sm\:dtds-mt-8 {
        margin-top: 40px!important
    }

    .sm\:dtds-mr-8 {
        margin-right: 40px!important
    }

    .sm\:dtds-mb-8 {
        margin-bottom: 40px!important
    }

    .sm\:dtds-ml-8 {
        margin-left: 40px!important
    }

    .sm\:dtds-my-8 {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .sm\:dtds-mx-8 {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .sm\:dtds-m-9 {
        margin: 48px!important
    }

    .sm\:dtds-mt-9 {
        margin-top: 48px!important
    }

    .sm\:dtds-mr-9 {
        margin-right: 48px!important
    }

    .sm\:dtds-mb-9 {
        margin-bottom: 48px!important
    }

    .sm\:dtds-ml-9 {
        margin-left: 48px!important
    }

    .sm\:dtds-my-9 {
        margin-top: 48px!important;
        margin-bottom: 48px!important
    }

    .sm\:dtds-mx-9 {
        margin-left: 48px!important;
        margin-right: 48px!important
    }

    .sm\:dtds-m-10 {
        margin: 64px!important
    }

    .sm\:dtds-mt-10 {
        margin-top: 64px!important
    }

    .sm\:dtds-mr-10 {
        margin-right: 64px!important
    }

    .sm\:dtds-mb-10 {
        margin-bottom: 64px!important
    }

    .sm\:dtds-ml-10 {
        margin-left: 64px!important
    }

    .sm\:dtds-my-10 {
        margin-top: 64px!important;
        margin-bottom: 64px!important
    }

    .sm\:dtds-mx-10 {
        margin-left: 64px!important;
        margin-right: 64px!important
    }

    .sm\:dtds-m-11 {
        margin: 80px!important
    }

    .sm\:dtds-mt-11 {
        margin-top: 80px!important
    }

    .sm\:dtds-mr-11 {
        margin-right: 80px!important
    }

    .sm\:dtds-mb-11 {
        margin-bottom: 80px!important
    }

    .sm\:dtds-ml-11 {
        margin-left: 80px!important
    }

    .sm\:dtds-my-11 {
        margin-top: 80px!important;
        margin-bottom: 80px!important
    }

    .sm\:dtds-mx-11 {
        margin-left: 80px!important;
        margin-right: 80px!important
    }

    .sm\:dtds-m-12 {
        margin: 96px!important
    }

    .sm\:dtds-mt-12 {
        margin-top: 96px!important
    }

    .sm\:dtds-mr-12 {
        margin-right: 96px!important
    }

    .sm\:dtds-mb-12 {
        margin-bottom: 96px!important
    }

    .sm\:dtds-ml-12 {
        margin-left: 96px!important
    }

    .sm\:dtds-my-12 {
        margin-top: 96px!important;
        margin-bottom: 96px!important
    }

    .sm\:dtds-mx-12 {
        margin-left: 96px!important;
        margin-right: 96px!important
    }

    .sm\:dtds-m-13 {
        margin: 160px!important
    }

    .sm\:dtds-mt-13 {
        margin-top: 160px!important
    }

    .sm\:dtds-mr-13 {
        margin-right: 160px!important
    }

    .sm\:dtds-mb-13 {
        margin-bottom: 160px!important
    }

    .sm\:dtds-ml-13 {
        margin-left: 160px!important
    }

    .sm\:dtds-my-13 {
        margin-top: 160px!important;
        margin-bottom: 160px!important
    }

    .sm\:dtds-mx-13 {
        margin-left: 160px!important;
        margin-right: 160px!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-m-xs {
        margin:4px!important
    }

    .md\:dtds-mt-xs {
        margin-top: 4px!important
    }

    .md\:dtds-mr-xs {
        margin-right: 4px!important
    }

    .md\:dtds-mb-xs {
        margin-bottom: 4px!important
    }

    .md\:dtds-ml-xs {
        margin-left: 4px!important
    }

    .md\:dtds-my-xs {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .md\:dtds-mx-xs {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .md\:dtds-m-sm {
        margin: 12px!important
    }

    .md\:dtds-mt-sm {
        margin-top: 12px!important
    }

    .md\:dtds-mr-sm {
        margin-right: 12px!important
    }

    .md\:dtds-mb-sm {
        margin-bottom: 12px!important
    }

    .md\:dtds-ml-sm {
        margin-left: 12px!important
    }

    .md\:dtds-my-sm {
        margin-top: 12px!important;
        margin-bottom: 12px!important
    }

    .md\:dtds-mx-sm {
        margin-left: 12px!important;
        margin-right: 12px!important
    }

    .md\:dtds-m-md {
        margin: 16px!important
    }

    .md\:dtds-mt-md {
        margin-top: 16px!important
    }

    .md\:dtds-mr-md {
        margin-right: 16px!important
    }

    .md\:dtds-mb-md {
        margin-bottom: 16px!important
    }

    .md\:dtds-ml-md {
        margin-left: 16px!important
    }

    .md\:dtds-my-md {
        margin-top: 16px!important;
        margin-bottom: 16px!important
    }

    .md\:dtds-mx-md {
        margin-left: 16px!important;
        margin-right: 16px!important
    }

    .md\:dtds-m-lg {
        margin: 24px!important
    }

    .md\:dtds-mt-lg {
        margin-top: 24px!important
    }

    .md\:dtds-mr-lg {
        margin-right: 24px!important
    }

    .md\:dtds-mb-lg {
        margin-bottom: 24px!important
    }

    .md\:dtds-ml-lg {
        margin-left: 24px!important
    }

    .md\:dtds-my-lg {
        margin-top: 24px!important;
        margin-bottom: 24px!important
    }

    .md\:dtds-mx-lg {
        margin-left: 24px!important;
        margin-right: 24px!important
    }

    .md\:dtds-m-xl {
        margin: 32px!important
    }

    .md\:dtds-mt-xl {
        margin-top: 32px!important
    }

    .md\:dtds-mr-xl {
        margin-right: 32px!important
    }

    .md\:dtds-mb-xl {
        margin-bottom: 32px!important
    }

    .md\:dtds-ml-xl {
        margin-left: 32px!important
    }

    .md\:dtds-my-xl {
        margin-top: 32px!important;
        margin-bottom: 32px!important
    }

    .md\:dtds-mx-xl {
        margin-left: 32px!important;
        margin-right: 32px!important
    }

    .md\:dtds-m-xxl {
        margin: 40px!important
    }

    .md\:dtds-mt-xxl {
        margin-top: 40px!important
    }

    .md\:dtds-mr-xxl {
        margin-right: 40px!important
    }

    .md\:dtds-mb-xxl {
        margin-bottom: 40px!important
    }

    .md\:dtds-ml-xxl {
        margin-left: 40px!important
    }

    .md\:dtds-my-xxl {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .md\:dtds-mx-xxl {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .md\:dtds-m-0 {
        margin: 0!important
    }

    .md\:dtds-mt-0 {
        margin-top: 0!important
    }

    .md\:dtds-mr-0 {
        margin-right: 0!important
    }

    .md\:dtds-mb-0 {
        margin-bottom: 0!important
    }

    .md\:dtds-ml-0 {
        margin-left: 0!important
    }

    .md\:dtds-my-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .md\:dtds-mx-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .md\:dtds-m-1 {
        margin: 2px!important
    }

    .md\:dtds-mt-1 {
        margin-top: 2px!important
    }

    .md\:dtds-mr-1 {
        margin-right: 2px!important
    }

    .md\:dtds-mb-1 {
        margin-bottom: 2px!important
    }

    .md\:dtds-ml-1 {
        margin-left: 2px!important
    }

    .md\:dtds-my-1 {
        margin-top: 2px!important;
        margin-bottom: 2px!important
    }

    .md\:dtds-mx-1 {
        margin-left: 2px!important;
        margin-right: 2px!important
    }

    .md\:dtds-m-2 {
        margin: 4px!important
    }

    .md\:dtds-mt-2 {
        margin-top: 4px!important
    }

    .md\:dtds-mr-2 {
        margin-right: 4px!important
    }

    .md\:dtds-mb-2 {
        margin-bottom: 4px!important
    }

    .md\:dtds-ml-2 {
        margin-left: 4px!important
    }

    .md\:dtds-my-2 {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .md\:dtds-mx-2 {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .md\:dtds-m-3 {
        margin: 8px!important
    }

    .md\:dtds-mt-3 {
        margin-top: 8px!important
    }

    .md\:dtds-mr-3 {
        margin-right: 8px!important
    }

    .md\:dtds-mb-3 {
        margin-bottom: 8px!important
    }

    .md\:dtds-ml-3 {
        margin-left: 8px!important
    }

    .md\:dtds-my-3 {
        margin-top: 8px!important;
        margin-bottom: 8px!important
    }

    .md\:dtds-mx-3 {
        margin-left: 8px!important;
        margin-right: 8px!important
    }

    .md\:dtds-m-4 {
        margin: 12px!important
    }

    .md\:dtds-mt-4 {
        margin-top: 12px!important
    }

    .md\:dtds-mr-4 {
        margin-right: 12px!important
    }

    .md\:dtds-mb-4 {
        margin-bottom: 12px!important
    }

    .md\:dtds-ml-4 {
        margin-left: 12px!important
    }

    .md\:dtds-my-4 {
        margin-top: 12px!important;
        margin-bottom: 12px!important
    }

    .md\:dtds-mx-4 {
        margin-left: 12px!important;
        margin-right: 12px!important
    }

    .md\:dtds-m-5 {
        margin: 16px!important
    }

    .md\:dtds-mt-5 {
        margin-top: 16px!important
    }

    .md\:dtds-mr-5 {
        margin-right: 16px!important
    }

    .md\:dtds-mb-5 {
        margin-bottom: 16px!important
    }

    .md\:dtds-ml-5 {
        margin-left: 16px!important
    }

    .md\:dtds-my-5 {
        margin-top: 16px!important;
        margin-bottom: 16px!important
    }

    .md\:dtds-mx-5 {
        margin-left: 16px!important;
        margin-right: 16px!important
    }

    .md\:dtds-m-6 {
        margin: 24px!important
    }

    .md\:dtds-mt-6 {
        margin-top: 24px!important
    }

    .md\:dtds-mr-6 {
        margin-right: 24px!important
    }

    .md\:dtds-mb-6 {
        margin-bottom: 24px!important
    }

    .md\:dtds-ml-6 {
        margin-left: 24px!important
    }

    .md\:dtds-my-6 {
        margin-top: 24px!important;
        margin-bottom: 24px!important
    }

    .md\:dtds-mx-6 {
        margin-left: 24px!important;
        margin-right: 24px!important
    }

    .md\:dtds-m-7 {
        margin: 32px!important
    }

    .md\:dtds-mt-7 {
        margin-top: 32px!important
    }

    .md\:dtds-mr-7 {
        margin-right: 32px!important
    }

    .md\:dtds-mb-7 {
        margin-bottom: 32px!important
    }

    .md\:dtds-ml-7 {
        margin-left: 32px!important
    }

    .md\:dtds-my-7 {
        margin-top: 32px!important;
        margin-bottom: 32px!important
    }

    .md\:dtds-mx-7 {
        margin-left: 32px!important;
        margin-right: 32px!important
    }

    .md\:dtds-m-8 {
        margin: 40px!important
    }

    .md\:dtds-mt-8 {
        margin-top: 40px!important
    }

    .md\:dtds-mr-8 {
        margin-right: 40px!important
    }

    .md\:dtds-mb-8 {
        margin-bottom: 40px!important
    }

    .md\:dtds-ml-8 {
        margin-left: 40px!important
    }

    .md\:dtds-my-8 {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .md\:dtds-mx-8 {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .md\:dtds-m-9 {
        margin: 48px!important
    }

    .md\:dtds-mt-9 {
        margin-top: 48px!important
    }

    .md\:dtds-mr-9 {
        margin-right: 48px!important
    }

    .md\:dtds-mb-9 {
        margin-bottom: 48px!important
    }

    .md\:dtds-ml-9 {
        margin-left: 48px!important
    }

    .md\:dtds-my-9 {
        margin-top: 48px!important;
        margin-bottom: 48px!important
    }

    .md\:dtds-mx-9 {
        margin-left: 48px!important;
        margin-right: 48px!important
    }

    .md\:dtds-m-10 {
        margin: 64px!important
    }

    .md\:dtds-mt-10 {
        margin-top: 64px!important
    }

    .md\:dtds-mr-10 {
        margin-right: 64px!important
    }

    .md\:dtds-mb-10 {
        margin-bottom: 64px!important
    }

    .md\:dtds-ml-10 {
        margin-left: 64px!important
    }

    .md\:dtds-my-10 {
        margin-top: 64px!important;
        margin-bottom: 64px!important
    }

    .md\:dtds-mx-10 {
        margin-left: 64px!important;
        margin-right: 64px!important
    }

    .md\:dtds-m-11 {
        margin: 80px!important
    }

    .md\:dtds-mt-11 {
        margin-top: 80px!important
    }

    .md\:dtds-mr-11 {
        margin-right: 80px!important
    }

    .md\:dtds-mb-11 {
        margin-bottom: 80px!important
    }

    .md\:dtds-ml-11 {
        margin-left: 80px!important
    }

    .md\:dtds-my-11 {
        margin-top: 80px!important;
        margin-bottom: 80px!important
    }

    .md\:dtds-mx-11 {
        margin-left: 80px!important;
        margin-right: 80px!important
    }

    .md\:dtds-m-12 {
        margin: 96px!important
    }

    .md\:dtds-mt-12 {
        margin-top: 96px!important
    }

    .md\:dtds-mr-12 {
        margin-right: 96px!important
    }

    .md\:dtds-mb-12 {
        margin-bottom: 96px!important
    }

    .md\:dtds-ml-12 {
        margin-left: 96px!important
    }

    .md\:dtds-my-12 {
        margin-top: 96px!important;
        margin-bottom: 96px!important
    }

    .md\:dtds-mx-12 {
        margin-left: 96px!important;
        margin-right: 96px!important
    }

    .md\:dtds-m-13 {
        margin: 160px!important
    }

    .md\:dtds-mt-13 {
        margin-top: 160px!important
    }

    .md\:dtds-mr-13 {
        margin-right: 160px!important
    }

    .md\:dtds-mb-13 {
        margin-bottom: 160px!important
    }

    .md\:dtds-ml-13 {
        margin-left: 160px!important
    }

    .md\:dtds-my-13 {
        margin-top: 160px!important;
        margin-bottom: 160px!important
    }

    .md\:dtds-mx-13 {
        margin-left: 160px!important;
        margin-right: 160px!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-m-xs {
        margin:4px!important
    }

    .lg\:dtds-mt-xs {
        margin-top: 4px!important
    }

    .lg\:dtds-mr-xs {
        margin-right: 4px!important
    }

    .lg\:dtds-mb-xs {
        margin-bottom: 4px!important
    }

    .lg\:dtds-ml-xs {
        margin-left: 4px!important
    }

    .lg\:dtds-my-xs {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .lg\:dtds-mx-xs {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .lg\:dtds-m-sm {
        margin: 12px!important
    }

    .lg\:dtds-mt-sm {
        margin-top: 12px!important
    }

    .lg\:dtds-mr-sm {
        margin-right: 12px!important
    }

    .lg\:dtds-mb-sm {
        margin-bottom: 12px!important
    }

    .lg\:dtds-ml-sm {
        margin-left: 12px!important
    }

    .lg\:dtds-my-sm {
        margin-top: 12px!important;
        margin-bottom: 12px!important
    }

    .lg\:dtds-mx-sm {
        margin-left: 12px!important;
        margin-right: 12px!important
    }

    .lg\:dtds-m-md {
        margin: 16px!important
    }

    .lg\:dtds-mt-md {
        margin-top: 16px!important
    }

    .lg\:dtds-mr-md {
        margin-right: 16px!important
    }

    .lg\:dtds-mb-md {
        margin-bottom: 16px!important
    }

    .lg\:dtds-ml-md {
        margin-left: 16px!important
    }

    .lg\:dtds-my-md {
        margin-top: 16px!important;
        margin-bottom: 16px!important
    }

    .lg\:dtds-mx-md {
        margin-left: 16px!important;
        margin-right: 16px!important
    }

    .lg\:dtds-m-lg {
        margin: 24px!important
    }

    .lg\:dtds-mt-lg {
        margin-top: 24px!important
    }

    .lg\:dtds-mr-lg {
        margin-right: 24px!important
    }

    .lg\:dtds-mb-lg {
        margin-bottom: 24px!important
    }

    .lg\:dtds-ml-lg {
        margin-left: 24px!important
    }

    .lg\:dtds-my-lg {
        margin-top: 24px!important;
        margin-bottom: 24px!important
    }

    .lg\:dtds-mx-lg {
        margin-left: 24px!important;
        margin-right: 24px!important
    }

    .lg\:dtds-m-xl {
        margin: 32px!important
    }

    .lg\:dtds-mt-xl {
        margin-top: 32px!important
    }

    .lg\:dtds-mr-xl {
        margin-right: 32px!important
    }

    .lg\:dtds-mb-xl {
        margin-bottom: 32px!important
    }

    .lg\:dtds-ml-xl {
        margin-left: 32px!important
    }

    .lg\:dtds-my-xl {
        margin-top: 32px!important;
        margin-bottom: 32px!important
    }

    .lg\:dtds-mx-xl {
        margin-left: 32px!important;
        margin-right: 32px!important
    }

    .lg\:dtds-m-xxl {
        margin: 40px!important
    }

    .lg\:dtds-mt-xxl {
        margin-top: 40px!important
    }

    .lg\:dtds-mr-xxl {
        margin-right: 40px!important
    }

    .lg\:dtds-mb-xxl {
        margin-bottom: 40px!important
    }

    .lg\:dtds-ml-xxl {
        margin-left: 40px!important
    }

    .lg\:dtds-my-xxl {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .lg\:dtds-mx-xxl {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .lg\:dtds-m-0 {
        margin: 0!important
    }

    .lg\:dtds-mt-0 {
        margin-top: 0!important
    }

    .lg\:dtds-mr-0 {
        margin-right: 0!important
    }

    .lg\:dtds-mb-0 {
        margin-bottom: 0!important
    }

    .lg\:dtds-ml-0 {
        margin-left: 0!important
    }

    .lg\:dtds-my-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .lg\:dtds-mx-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .lg\:dtds-m-1 {
        margin: 2px!important
    }

    .lg\:dtds-mt-1 {
        margin-top: 2px!important
    }

    .lg\:dtds-mr-1 {
        margin-right: 2px!important
    }

    .lg\:dtds-mb-1 {
        margin-bottom: 2px!important
    }

    .lg\:dtds-ml-1 {
        margin-left: 2px!important
    }

    .lg\:dtds-my-1 {
        margin-top: 2px!important;
        margin-bottom: 2px!important
    }

    .lg\:dtds-mx-1 {
        margin-left: 2px!important;
        margin-right: 2px!important
    }

    .lg\:dtds-m-2 {
        margin: 4px!important
    }

    .lg\:dtds-mt-2 {
        margin-top: 4px!important
    }

    .lg\:dtds-mr-2 {
        margin-right: 4px!important
    }

    .lg\:dtds-mb-2 {
        margin-bottom: 4px!important
    }

    .lg\:dtds-ml-2 {
        margin-left: 4px!important
    }

    .lg\:dtds-my-2 {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .lg\:dtds-mx-2 {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .lg\:dtds-m-3 {
        margin: 8px!important
    }

    .lg\:dtds-mt-3 {
        margin-top: 8px!important
    }

    .lg\:dtds-mr-3 {
        margin-right: 8px!important
    }

    .lg\:dtds-mb-3 {
        margin-bottom: 8px!important
    }

    .lg\:dtds-ml-3 {
        margin-left: 8px!important
    }

    .lg\:dtds-my-3 {
        margin-top: 8px!important;
        margin-bottom: 8px!important
    }

    .lg\:dtds-mx-3 {
        margin-left: 8px!important;
        margin-right: 8px!important
    }

    .lg\:dtds-m-4 {
        margin: 12px!important
    }

    .lg\:dtds-mt-4 {
        margin-top: 12px!important
    }

    .lg\:dtds-mr-4 {
        margin-right: 12px!important
    }

    .lg\:dtds-mb-4 {
        margin-bottom: 12px!important
    }

    .lg\:dtds-ml-4 {
        margin-left: 12px!important
    }

    .lg\:dtds-my-4 {
        margin-top: 12px!important;
        margin-bottom: 12px!important
    }

    .lg\:dtds-mx-4 {
        margin-left: 12px!important;
        margin-right: 12px!important
    }

    .lg\:dtds-m-5 {
        margin: 16px!important
    }

    .lg\:dtds-mt-5 {
        margin-top: 16px!important
    }

    .lg\:dtds-mr-5 {
        margin-right: 16px!important
    }

    .lg\:dtds-mb-5 {
        margin-bottom: 16px!important
    }

    .lg\:dtds-ml-5 {
        margin-left: 16px!important
    }

    .lg\:dtds-my-5 {
        margin-top: 16px!important;
        margin-bottom: 16px!important
    }

    .lg\:dtds-mx-5 {
        margin-left: 16px!important;
        margin-right: 16px!important
    }

    .lg\:dtds-m-6 {
        margin: 24px!important
    }

    .lg\:dtds-mt-6 {
        margin-top: 24px!important
    }

    .lg\:dtds-mr-6 {
        margin-right: 24px!important
    }

    .lg\:dtds-mb-6 {
        margin-bottom: 24px!important
    }

    .lg\:dtds-ml-6 {
        margin-left: 24px!important
    }

    .lg\:dtds-my-6 {
        margin-top: 24px!important;
        margin-bottom: 24px!important
    }

    .lg\:dtds-mx-6 {
        margin-left: 24px!important;
        margin-right: 24px!important
    }

    .lg\:dtds-m-7 {
        margin: 32px!important
    }

    .lg\:dtds-mt-7 {
        margin-top: 32px!important
    }

    .lg\:dtds-mr-7 {
        margin-right: 32px!important
    }

    .lg\:dtds-mb-7 {
        margin-bottom: 32px!important
    }

    .lg\:dtds-ml-7 {
        margin-left: 32px!important
    }

    .lg\:dtds-my-7 {
        margin-top: 32px!important;
        margin-bottom: 32px!important
    }

    .lg\:dtds-mx-7 {
        margin-left: 32px!important;
        margin-right: 32px!important
    }

    .lg\:dtds-m-8 {
        margin: 40px!important
    }

    .lg\:dtds-mt-8 {
        margin-top: 40px!important
    }

    .lg\:dtds-mr-8 {
        margin-right: 40px!important
    }

    .lg\:dtds-mb-8 {
        margin-bottom: 40px!important
    }

    .lg\:dtds-ml-8 {
        margin-left: 40px!important
    }

    .lg\:dtds-my-8 {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .lg\:dtds-mx-8 {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .lg\:dtds-m-9 {
        margin: 48px!important
    }

    .lg\:dtds-mt-9 {
        margin-top: 48px!important
    }

    .lg\:dtds-mr-9 {
        margin-right: 48px!important
    }

    .lg\:dtds-mb-9 {
        margin-bottom: 48px!important
    }

    .lg\:dtds-ml-9 {
        margin-left: 48px!important
    }

    .lg\:dtds-my-9 {
        margin-top: 48px!important;
        margin-bottom: 48px!important
    }

    .lg\:dtds-mx-9 {
        margin-left: 48px!important;
        margin-right: 48px!important
    }

    .lg\:dtds-m-10 {
        margin: 64px!important
    }

    .lg\:dtds-mt-10 {
        margin-top: 64px!important
    }

    .lg\:dtds-mr-10 {
        margin-right: 64px!important
    }

    .lg\:dtds-mb-10 {
        margin-bottom: 64px!important
    }

    .lg\:dtds-ml-10 {
        margin-left: 64px!important
    }

    .lg\:dtds-my-10 {
        margin-top: 64px!important;
        margin-bottom: 64px!important
    }

    .lg\:dtds-mx-10 {
        margin-left: 64px!important;
        margin-right: 64px!important
    }

    .lg\:dtds-m-11 {
        margin: 80px!important
    }

    .lg\:dtds-mt-11 {
        margin-top: 80px!important
    }

    .lg\:dtds-mr-11 {
        margin-right: 80px!important
    }

    .lg\:dtds-mb-11 {
        margin-bottom: 80px!important
    }

    .lg\:dtds-ml-11 {
        margin-left: 80px!important
    }

    .lg\:dtds-my-11 {
        margin-top: 80px!important;
        margin-bottom: 80px!important
    }

    .lg\:dtds-mx-11 {
        margin-left: 80px!important;
        margin-right: 80px!important
    }

    .lg\:dtds-m-12 {
        margin: 96px!important
    }

    .lg\:dtds-mt-12 {
        margin-top: 96px!important
    }

    .lg\:dtds-mr-12 {
        margin-right: 96px!important
    }

    .lg\:dtds-mb-12 {
        margin-bottom: 96px!important
    }

    .lg\:dtds-ml-12 {
        margin-left: 96px!important
    }

    .lg\:dtds-my-12 {
        margin-top: 96px!important;
        margin-bottom: 96px!important
    }

    .lg\:dtds-mx-12 {
        margin-left: 96px!important;
        margin-right: 96px!important
    }

    .lg\:dtds-m-13 {
        margin: 160px!important
    }

    .lg\:dtds-mt-13 {
        margin-top: 160px!important
    }

    .lg\:dtds-mr-13 {
        margin-right: 160px!important
    }

    .lg\:dtds-mb-13 {
        margin-bottom: 160px!important
    }

    .lg\:dtds-ml-13 {
        margin-left: 160px!important
    }

    .lg\:dtds-my-13 {
        margin-top: 160px!important;
        margin-bottom: 160px!important
    }

    .lg\:dtds-mx-13 {
        margin-left: 160px!important;
        margin-right: 160px!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-m-xs {
        margin:4px!important
    }

    .xl\:dtds-mt-xs {
        margin-top: 4px!important
    }

    .xl\:dtds-mr-xs {
        margin-right: 4px!important
    }

    .xl\:dtds-mb-xs {
        margin-bottom: 4px!important
    }

    .xl\:dtds-ml-xs {
        margin-left: 4px!important
    }

    .xl\:dtds-my-xs {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .xl\:dtds-mx-xs {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .xl\:dtds-m-sm {
        margin: 12px!important
    }

    .xl\:dtds-mt-sm {
        margin-top: 12px!important
    }

    .xl\:dtds-mr-sm {
        margin-right: 12px!important
    }

    .xl\:dtds-mb-sm {
        margin-bottom: 12px!important
    }

    .xl\:dtds-ml-sm {
        margin-left: 12px!important
    }

    .xl\:dtds-my-sm {
        margin-top: 12px!important;
        margin-bottom: 12px!important
    }

    .xl\:dtds-mx-sm {
        margin-left: 12px!important;
        margin-right: 12px!important
    }

    .xl\:dtds-m-md {
        margin: 16px!important
    }

    .xl\:dtds-mt-md {
        margin-top: 16px!important
    }

    .xl\:dtds-mr-md {
        margin-right: 16px!important
    }

    .xl\:dtds-mb-md {
        margin-bottom: 16px!important
    }

    .xl\:dtds-ml-md {
        margin-left: 16px!important
    }

    .xl\:dtds-my-md {
        margin-top: 16px!important;
        margin-bottom: 16px!important
    }

    .xl\:dtds-mx-md {
        margin-left: 16px!important;
        margin-right: 16px!important
    }

    .xl\:dtds-m-lg {
        margin: 24px!important
    }

    .xl\:dtds-mt-lg {
        margin-top: 24px!important
    }

    .xl\:dtds-mr-lg {
        margin-right: 24px!important
    }

    .xl\:dtds-mb-lg {
        margin-bottom: 24px!important
    }

    .xl\:dtds-ml-lg {
        margin-left: 24px!important
    }

    .xl\:dtds-my-lg {
        margin-top: 24px!important;
        margin-bottom: 24px!important
    }

    .xl\:dtds-mx-lg {
        margin-left: 24px!important;
        margin-right: 24px!important
    }

    .xl\:dtds-m-xl {
        margin: 32px!important
    }

    .xl\:dtds-mt-xl {
        margin-top: 32px!important
    }

    .xl\:dtds-mr-xl {
        margin-right: 32px!important
    }

    .xl\:dtds-mb-xl {
        margin-bottom: 32px!important
    }

    .xl\:dtds-ml-xl {
        margin-left: 32px!important
    }

    .xl\:dtds-my-xl {
        margin-top: 32px!important;
        margin-bottom: 32px!important
    }

    .xl\:dtds-mx-xl {
        margin-left: 32px!important;
        margin-right: 32px!important
    }

    .xl\:dtds-m-xxl {
        margin: 40px!important
    }

    .xl\:dtds-mt-xxl {
        margin-top: 40px!important
    }

    .xl\:dtds-mr-xxl {
        margin-right: 40px!important
    }

    .xl\:dtds-mb-xxl {
        margin-bottom: 40px!important
    }

    .xl\:dtds-ml-xxl {
        margin-left: 40px!important
    }

    .xl\:dtds-my-xxl {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .xl\:dtds-mx-xxl {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .xl\:dtds-m-0 {
        margin: 0!important
    }

    .xl\:dtds-mt-0 {
        margin-top: 0!important
    }

    .xl\:dtds-mr-0 {
        margin-right: 0!important
    }

    .xl\:dtds-mb-0 {
        margin-bottom: 0!important
    }

    .xl\:dtds-ml-0 {
        margin-left: 0!important
    }

    .xl\:dtds-my-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .xl\:dtds-mx-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .xl\:dtds-m-1 {
        margin: 2px!important
    }

    .xl\:dtds-mt-1 {
        margin-top: 2px!important
    }

    .xl\:dtds-mr-1 {
        margin-right: 2px!important
    }

    .xl\:dtds-mb-1 {
        margin-bottom: 2px!important
    }

    .xl\:dtds-ml-1 {
        margin-left: 2px!important
    }

    .xl\:dtds-my-1 {
        margin-top: 2px!important;
        margin-bottom: 2px!important
    }

    .xl\:dtds-mx-1 {
        margin-left: 2px!important;
        margin-right: 2px!important
    }

    .xl\:dtds-m-2 {
        margin: 4px!important
    }

    .xl\:dtds-mt-2 {
        margin-top: 4px!important
    }

    .xl\:dtds-mr-2 {
        margin-right: 4px!important
    }

    .xl\:dtds-mb-2 {
        margin-bottom: 4px!important
    }

    .xl\:dtds-ml-2 {
        margin-left: 4px!important
    }

    .xl\:dtds-my-2 {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .xl\:dtds-mx-2 {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .xl\:dtds-m-3 {
        margin: 8px!important
    }

    .xl\:dtds-mt-3 {
        margin-top: 8px!important
    }

    .xl\:dtds-mr-3 {
        margin-right: 8px!important
    }

    .xl\:dtds-mb-3 {
        margin-bottom: 8px!important
    }

    .xl\:dtds-ml-3 {
        margin-left: 8px!important
    }

    .xl\:dtds-my-3 {
        margin-top: 8px!important;
        margin-bottom: 8px!important
    }

    .xl\:dtds-mx-3 {
        margin-left: 8px!important;
        margin-right: 8px!important
    }

    .xl\:dtds-m-4 {
        margin: 12px!important
    }

    .xl\:dtds-mt-4 {
        margin-top: 12px!important
    }

    .xl\:dtds-mr-4 {
        margin-right: 12px!important
    }

    .xl\:dtds-mb-4 {
        margin-bottom: 12px!important
    }

    .xl\:dtds-ml-4 {
        margin-left: 12px!important
    }

    .xl\:dtds-my-4 {
        margin-top: 12px!important;
        margin-bottom: 12px!important
    }

    .xl\:dtds-mx-4 {
        margin-left: 12px!important;
        margin-right: 12px!important
    }

    .xl\:dtds-m-5 {
        margin: 16px!important
    }

    .xl\:dtds-mt-5 {
        margin-top: 16px!important
    }

    .xl\:dtds-mr-5 {
        margin-right: 16px!important
    }

    .xl\:dtds-mb-5 {
        margin-bottom: 16px!important
    }

    .xl\:dtds-ml-5 {
        margin-left: 16px!important
    }

    .xl\:dtds-my-5 {
        margin-top: 16px!important;
        margin-bottom: 16px!important
    }

    .xl\:dtds-mx-5 {
        margin-left: 16px!important;
        margin-right: 16px!important
    }

    .xl\:dtds-m-6 {
        margin: 24px!important
    }

    .xl\:dtds-mt-6 {
        margin-top: 24px!important
    }

    .xl\:dtds-mr-6 {
        margin-right: 24px!important
    }

    .xl\:dtds-mb-6 {
        margin-bottom: 24px!important
    }

    .xl\:dtds-ml-6 {
        margin-left: 24px!important
    }

    .xl\:dtds-my-6 {
        margin-top: 24px!important;
        margin-bottom: 24px!important
    }

    .xl\:dtds-mx-6 {
        margin-left: 24px!important;
        margin-right: 24px!important
    }

    .xl\:dtds-m-7 {
        margin: 32px!important
    }

    .xl\:dtds-mt-7 {
        margin-top: 32px!important
    }

    .xl\:dtds-mr-7 {
        margin-right: 32px!important
    }

    .xl\:dtds-mb-7 {
        margin-bottom: 32px!important
    }

    .xl\:dtds-ml-7 {
        margin-left: 32px!important
    }

    .xl\:dtds-my-7 {
        margin-top: 32px!important;
        margin-bottom: 32px!important
    }

    .xl\:dtds-mx-7 {
        margin-left: 32px!important;
        margin-right: 32px!important
    }

    .xl\:dtds-m-8 {
        margin: 40px!important
    }

    .xl\:dtds-mt-8 {
        margin-top: 40px!important
    }

    .xl\:dtds-mr-8 {
        margin-right: 40px!important
    }

    .xl\:dtds-mb-8 {
        margin-bottom: 40px!important
    }

    .xl\:dtds-ml-8 {
        margin-left: 40px!important
    }

    .xl\:dtds-my-8 {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .xl\:dtds-mx-8 {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .xl\:dtds-m-9 {
        margin: 48px!important
    }

    .xl\:dtds-mt-9 {
        margin-top: 48px!important
    }

    .xl\:dtds-mr-9 {
        margin-right: 48px!important
    }

    .xl\:dtds-mb-9 {
        margin-bottom: 48px!important
    }

    .xl\:dtds-ml-9 {
        margin-left: 48px!important
    }

    .xl\:dtds-my-9 {
        margin-top: 48px!important;
        margin-bottom: 48px!important
    }

    .xl\:dtds-mx-9 {
        margin-left: 48px!important;
        margin-right: 48px!important
    }

    .xl\:dtds-m-10 {
        margin: 64px!important
    }

    .xl\:dtds-mt-10 {
        margin-top: 64px!important
    }

    .xl\:dtds-mr-10 {
        margin-right: 64px!important
    }

    .xl\:dtds-mb-10 {
        margin-bottom: 64px!important
    }

    .xl\:dtds-ml-10 {
        margin-left: 64px!important
    }

    .xl\:dtds-my-10 {
        margin-top: 64px!important;
        margin-bottom: 64px!important
    }

    .xl\:dtds-mx-10 {
        margin-left: 64px!important;
        margin-right: 64px!important
    }

    .xl\:dtds-m-11 {
        margin: 80px!important
    }

    .xl\:dtds-mt-11 {
        margin-top: 80px!important
    }

    .xl\:dtds-mr-11 {
        margin-right: 80px!important
    }

    .xl\:dtds-mb-11 {
        margin-bottom: 80px!important
    }

    .xl\:dtds-ml-11 {
        margin-left: 80px!important
    }

    .xl\:dtds-my-11 {
        margin-top: 80px!important;
        margin-bottom: 80px!important
    }

    .xl\:dtds-mx-11 {
        margin-left: 80px!important;
        margin-right: 80px!important
    }

    .xl\:dtds-m-12 {
        margin: 96px!important
    }

    .xl\:dtds-mt-12 {
        margin-top: 96px!important
    }

    .xl\:dtds-mr-12 {
        margin-right: 96px!important
    }

    .xl\:dtds-mb-12 {
        margin-bottom: 96px!important
    }

    .xl\:dtds-ml-12 {
        margin-left: 96px!important
    }

    .xl\:dtds-my-12 {
        margin-top: 96px!important;
        margin-bottom: 96px!important
    }

    .xl\:dtds-mx-12 {
        margin-left: 96px!important;
        margin-right: 96px!important
    }

    .xl\:dtds-m-13 {
        margin: 160px!important
    }

    .xl\:dtds-mt-13 {
        margin-top: 160px!important
    }

    .xl\:dtds-mr-13 {
        margin-right: 160px!important
    }

    .xl\:dtds-mb-13 {
        margin-bottom: 160px!important
    }

    .xl\:dtds-ml-13 {
        margin-left: 160px!important
    }

    .xl\:dtds-my-13 {
        margin-top: 160px!important;
        margin-bottom: 160px!important
    }

    .xl\:dtds-mx-13 {
        margin-left: 160px!important;
        margin-right: 160px!important
    }
}

.dtds-p-xs {
    padding: 4px!important
}

.dtds-pt-xs {
    padding-top: 4px!important
}

.dtds-pr-xs {
    padding-right: 4px!important
}

.dtds-pb-xs {
    padding-bottom: 4px!important
}

.dtds-pl-xs {
    padding-left: 4px!important
}

.dtds-py-xs {
    padding-top: 4px!important;
    padding-bottom: 4px!important
}

.dtds-px-xs {
    padding-left: 4px!important;
    padding-right: 4px!important
}

.dtds-p-sm {
    padding: 12px!important
}

.dtds-pt-sm {
    padding-top: 12px!important
}

.dtds-pr-sm {
    padding-right: 12px!important
}

.dtds-pb-sm {
    padding-bottom: 12px!important
}

.dtds-pl-sm {
    padding-left: 12px!important
}

.dtds-py-sm {
    padding-top: 12px!important;
    padding-bottom: 12px!important
}

.dtds-px-sm {
    padding-left: 12px!important;
    padding-right: 12px!important
}

.dtds-p-md {
    padding: 16px!important
}

.dtds-pt-md {
    padding-top: 16px!important
}

.dtds-pr-md {
    padding-right: 16px!important
}

.dtds-pb-md {
    padding-bottom: 16px!important
}

.dtds-pl-md {
    padding-left: 16px!important
}

.dtds-py-md {
    padding-top: 16px!important;
    padding-bottom: 16px!important
}

.dtds-px-md {
    padding-left: 16px!important;
    padding-right: 16px!important
}

.dtds-p-lg {
    padding: 24px!important
}

.dtds-pt-lg {
    padding-top: 24px!important
}

.dtds-pr-lg {
    padding-right: 24px!important
}

.dtds-pb-lg {
    padding-bottom: 24px!important
}

.dtds-pl-lg {
    padding-left: 24px!important
}

.dtds-py-lg {
    padding-top: 24px!important;
    padding-bottom: 24px!important
}

.dtds-px-lg {
    padding-left: 24px!important;
    padding-right: 24px!important
}

.dtds-p-xl {
    padding: 32px!important
}

.dtds-pt-xl {
    padding-top: 32px!important
}

.dtds-pr-xl {
    padding-right: 32px!important
}

.dtds-pb-xl {
    padding-bottom: 32px!important
}

.dtds-pl-xl {
    padding-left: 32px!important
}

.dtds-py-xl {
    padding-top: 32px!important;
    padding-bottom: 32px!important
}

.dtds-px-xl {
    padding-left: 32px!important;
    padding-right: 32px!important
}

.dtds-p-xxl {
    padding: 40px!important
}

.dtds-pt-xxl {
    padding-top: 40px!important
}

.dtds-pr-xxl {
    padding-right: 40px!important
}

.dtds-pb-xxl {
    padding-bottom: 40px!important
}

.dtds-pl-xxl {
    padding-left: 40px!important
}

.dtds-py-xxl {
    padding-top: 40px!important;
    padding-bottom: 40px!important
}

.dtds-px-xxl {
    padding-left: 40px!important;
    padding-right: 40px!important
}

.dtds-p-0 {
    padding: 0!important
}

.dtds-pt-0 {
    padding-top: 0!important
}

.dtds-pr-0 {
    padding-right: 0!important
}

.dtds-pb-0 {
    padding-bottom: 0!important
}

.dtds-pl-0 {
    padding-left: 0!important
}

.dtds-py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.dtds-px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.dtds-p-1 {
    padding: 2px!important
}

.dtds-pt-1 {
    padding-top: 2px!important
}

.dtds-pr-1 {
    padding-right: 2px!important
}

.dtds-pb-1 {
    padding-bottom: 2px!important
}

.dtds-pl-1 {
    padding-left: 2px!important
}

.dtds-py-1 {
    padding-top: 2px!important;
    padding-bottom: 2px!important
}

.dtds-px-1 {
    padding-left: 2px!important;
    padding-right: 2px!important
}

.dtds-p-2 {
    padding: 4px!important
}

.dtds-pt-2 {
    padding-top: 4px!important
}

.dtds-pr-2 {
    padding-right: 4px!important
}

.dtds-pb-2 {
    padding-bottom: 4px!important
}

.dtds-pl-2 {
    padding-left: 4px!important
}

.dtds-py-2 {
    padding-top: 4px!important;
    padding-bottom: 4px!important
}

.dtds-px-2 {
    padding-left: 4px!important;
    padding-right: 4px!important
}

.dtds-p-3 {
    padding: 8px!important
}

.dtds-pt-3 {
    padding-top: 8px!important
}

.dtds-pr-3 {
    padding-right: 8px!important
}

.dtds-pb-3 {
    padding-bottom: 8px!important
}

.dtds-pl-3 {
    padding-left: 8px!important
}

.dtds-py-3 {
    padding-top: 8px!important;
    padding-bottom: 8px!important
}

.dtds-px-3 {
    padding-left: 8px!important;
    padding-right: 8px!important
}

.dtds-p-4 {
    padding: 12px!important
}

.dtds-pt-4 {
    padding-top: 12px!important
}

.dtds-pr-4 {
    padding-right: 12px!important
}

.dtds-pb-4 {
    padding-bottom: 12px!important
}

.dtds-pl-4 {
    padding-left: 12px!important
}

.dtds-py-4 {
    padding-top: 12px!important;
    padding-bottom: 12px!important
}

.dtds-px-4 {
    padding-left: 12px!important;
    padding-right: 12px!important
}

.dtds-p-5 {
    padding: 16px!important
}

.dtds-pt-5 {
    padding-top: 16px!important
}

.dtds-pr-5 {
    padding-right: 16px!important
}

.dtds-pb-5 {
    padding-bottom: 16px!important
}

.dtds-pl-5 {
    padding-left: 16px!important
}

.dtds-py-5 {
    padding-top: 16px!important;
    padding-bottom: 16px!important
}

.dtds-px-5 {
    padding-left: 16px!important;
    padding-right: 16px!important
}

.dtds-p-6 {
    padding: 24px!important
}

.dtds-pt-6 {
    padding-top: 24px!important
}

.dtds-pr-6 {
    padding-right: 24px!important
}

.dtds-pb-6 {
    padding-bottom: 24px!important
}

.dtds-pl-6 {
    padding-left: 24px!important
}

.dtds-py-6 {
    padding-top: 24px!important;
    padding-bottom: 24px!important
}

.dtds-px-6 {
    padding-left: 24px!important;
    padding-right: 24px!important
}

.dtds-p-7 {
    padding: 32px!important
}

.dtds-pt-7 {
    padding-top: 32px!important
}

.dtds-pr-7 {
    padding-right: 32px!important
}

.dtds-pb-7 {
    padding-bottom: 32px!important
}

.dtds-pl-7 {
    padding-left: 32px!important
}

.dtds-py-7 {
    padding-top: 32px!important;
    padding-bottom: 32px!important
}

.dtds-px-7 {
    padding-left: 32px!important;
    padding-right: 32px!important
}

.dtds-p-8 {
    padding: 40px!important
}

.dtds-pt-8 {
    padding-top: 40px!important
}

.dtds-pr-8 {
    padding-right: 40px!important
}

.dtds-pb-8 {
    padding-bottom: 40px!important
}

.dtds-pl-8 {
    padding-left: 40px!important
}

.dtds-py-8 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
}

.dtds-px-8 {
    padding-left: 40px!important;
    padding-right: 40px!important
}

.dtds-p-9 {
    padding: 48px!important
}

.dtds-pt-9 {
    padding-top: 48px!important
}

.dtds-pr-9 {
    padding-right: 48px!important
}

.dtds-pb-9 {
    padding-bottom: 48px!important
}

.dtds-pl-9 {
    padding-left: 48px!important
}

.dtds-py-9 {
    padding-top: 48px!important;
    padding-bottom: 48px!important
}

.dtds-px-9 {
    padding-left: 48px!important;
    padding-right: 48px!important
}

.dtds-p-10 {
    padding: 64px!important
}

.dtds-pt-10 {
    padding-top: 64px!important
}

.dtds-pr-10 {
    padding-right: 64px!important
}

.dtds-pb-10 {
    padding-bottom: 64px!important
}

.dtds-pl-10 {
    padding-left: 64px!important
}

.dtds-py-10 {
    padding-top: 64px!important;
    padding-bottom: 64px!important
}

.dtds-px-10 {
    padding-left: 64px!important;
    padding-right: 64px!important
}

.dtds-p-11 {
    padding: 80px!important
}

.dtds-pt-11 {
    padding-top: 80px!important
}

.dtds-pr-11 {
    padding-right: 80px!important
}

.dtds-pb-11 {
    padding-bottom: 80px!important
}

.dtds-pl-11 {
    padding-left: 80px!important
}

.dtds-py-11 {
    padding-top: 80px!important;
    padding-bottom: 80px!important
}

.dtds-px-11 {
    padding-left: 80px!important;
    padding-right: 80px!important
}

.dtds-p-12 {
    padding: 96px!important
}

.dtds-pt-12 {
    padding-top: 96px!important
}

.dtds-pr-12 {
    padding-right: 96px!important
}

.dtds-pb-12 {
    padding-bottom: 96px!important
}

.dtds-pl-12 {
    padding-left: 96px!important
}

.dtds-py-12 {
    padding-top: 96px!important;
    padding-bottom: 96px!important
}

.dtds-px-12 {
    padding-left: 96px!important;
    padding-right: 96px!important
}

.dtds-p-13 {
    padding: 160px!important
}

.dtds-pt-13 {
    padding-top: 160px!important
}

.dtds-pr-13 {
    padding-right: 160px!important
}

.dtds-pb-13 {
    padding-bottom: 160px!important
}

.dtds-pl-13 {
    padding-left: 160px!important
}

.dtds-py-13 {
    padding-top: 160px!important;
    padding-bottom: 160px!important
}

.dtds-px-13 {
    padding-left: 160px!important;
    padding-right: 160px!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-p-xs {
        padding:4px!important
    }

    .xs\:dtds-pt-xs {
        padding-top: 4px!important
    }

    .xs\:dtds-pr-xs {
        padding-right: 4px!important
    }

    .xs\:dtds-pb-xs {
        padding-bottom: 4px!important
    }

    .xs\:dtds-pl-xs {
        padding-left: 4px!important
    }

    .xs\:dtds-py-xs {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .xs\:dtds-px-xs {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .xs\:dtds-p-sm {
        padding: 12px!important
    }

    .xs\:dtds-pt-sm {
        padding-top: 12px!important
    }

    .xs\:dtds-pr-sm {
        padding-right: 12px!important
    }

    .xs\:dtds-pb-sm {
        padding-bottom: 12px!important
    }

    .xs\:dtds-pl-sm {
        padding-left: 12px!important
    }

    .xs\:dtds-py-sm {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .xs\:dtds-px-sm {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .xs\:dtds-p-md {
        padding: 16px!important
    }

    .xs\:dtds-pt-md {
        padding-top: 16px!important
    }

    .xs\:dtds-pr-md {
        padding-right: 16px!important
    }

    .xs\:dtds-pb-md {
        padding-bottom: 16px!important
    }

    .xs\:dtds-pl-md {
        padding-left: 16px!important
    }

    .xs\:dtds-py-md {
        padding-top: 16px!important;
        padding-bottom: 16px!important
    }

    .xs\:dtds-px-md {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .xs\:dtds-p-lg {
        padding: 24px!important
    }

    .xs\:dtds-pt-lg {
        padding-top: 24px!important
    }

    .xs\:dtds-pr-lg {
        padding-right: 24px!important
    }

    .xs\:dtds-pb-lg {
        padding-bottom: 24px!important
    }

    .xs\:dtds-pl-lg {
        padding-left: 24px!important
    }

    .xs\:dtds-py-lg {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }

    .xs\:dtds-px-lg {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .xs\:dtds-p-xl {
        padding: 32px!important
    }

    .xs\:dtds-pt-xl {
        padding-top: 32px!important
    }

    .xs\:dtds-pr-xl {
        padding-right: 32px!important
    }

    .xs\:dtds-pb-xl {
        padding-bottom: 32px!important
    }

    .xs\:dtds-pl-xl {
        padding-left: 32px!important
    }

    .xs\:dtds-py-xl {
        padding-top: 32px!important;
        padding-bottom: 32px!important
    }

    .xs\:dtds-px-xl {
        padding-left: 32px!important;
        padding-right: 32px!important
    }

    .xs\:dtds-p-xxl {
        padding: 40px!important
    }

    .xs\:dtds-pt-xxl {
        padding-top: 40px!important
    }

    .xs\:dtds-pr-xxl {
        padding-right: 40px!important
    }

    .xs\:dtds-pb-xxl {
        padding-bottom: 40px!important
    }

    .xs\:dtds-pl-xxl {
        padding-left: 40px!important
    }

    .xs\:dtds-py-xxl {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .xs\:dtds-px-xxl {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .xs\:dtds-p-0 {
        padding: 0!important
    }

    .xs\:dtds-pt-0 {
        padding-top: 0!important
    }

    .xs\:dtds-pr-0 {
        padding-right: 0!important
    }

    .xs\:dtds-pb-0 {
        padding-bottom: 0!important
    }

    .xs\:dtds-pl-0 {
        padding-left: 0!important
    }

    .xs\:dtds-py-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .xs\:dtds-px-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .xs\:dtds-p-1 {
        padding: 2px!important
    }

    .xs\:dtds-pt-1 {
        padding-top: 2px!important
    }

    .xs\:dtds-pr-1 {
        padding-right: 2px!important
    }

    .xs\:dtds-pb-1 {
        padding-bottom: 2px!important
    }

    .xs\:dtds-pl-1 {
        padding-left: 2px!important
    }

    .xs\:dtds-py-1 {
        padding-top: 2px!important;
        padding-bottom: 2px!important
    }

    .xs\:dtds-px-1 {
        padding-left: 2px!important;
        padding-right: 2px!important
    }

    .xs\:dtds-p-2 {
        padding: 4px!important
    }

    .xs\:dtds-pt-2 {
        padding-top: 4px!important
    }

    .xs\:dtds-pr-2 {
        padding-right: 4px!important
    }

    .xs\:dtds-pb-2 {
        padding-bottom: 4px!important
    }

    .xs\:dtds-pl-2 {
        padding-left: 4px!important
    }

    .xs\:dtds-py-2 {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .xs\:dtds-px-2 {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .xs\:dtds-p-3 {
        padding: 8px!important
    }

    .xs\:dtds-pt-3 {
        padding-top: 8px!important
    }

    .xs\:dtds-pr-3 {
        padding-right: 8px!important
    }

    .xs\:dtds-pb-3 {
        padding-bottom: 8px!important
    }

    .xs\:dtds-pl-3 {
        padding-left: 8px!important
    }

    .xs\:dtds-py-3 {
        padding-top: 8px!important;
        padding-bottom: 8px!important
    }

    .xs\:dtds-px-3 {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .xs\:dtds-p-4 {
        padding: 12px!important
    }

    .xs\:dtds-pt-4 {
        padding-top: 12px!important
    }

    .xs\:dtds-pr-4 {
        padding-right: 12px!important
    }

    .xs\:dtds-pb-4 {
        padding-bottom: 12px!important
    }

    .xs\:dtds-pl-4 {
        padding-left: 12px!important
    }

    .xs\:dtds-py-4 {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .xs\:dtds-px-4 {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .xs\:dtds-p-5 {
        padding: 16px!important
    }

    .xs\:dtds-pt-5 {
        padding-top: 16px!important
    }

    .xs\:dtds-pr-5 {
        padding-right: 16px!important
    }

    .xs\:dtds-pb-5 {
        padding-bottom: 16px!important
    }

    .xs\:dtds-pl-5 {
        padding-left: 16px!important
    }

    .xs\:dtds-py-5 {
        padding-top: 16px!important;
        padding-bottom: 16px!important
    }

    .xs\:dtds-px-5 {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .xs\:dtds-p-6 {
        padding: 24px!important
    }

    .xs\:dtds-pt-6 {
        padding-top: 24px!important
    }

    .xs\:dtds-pr-6 {
        padding-right: 24px!important
    }

    .xs\:dtds-pb-6 {
        padding-bottom: 24px!important
    }

    .xs\:dtds-pl-6 {
        padding-left: 24px!important
    }

    .xs\:dtds-py-6 {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }

    .xs\:dtds-px-6 {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .xs\:dtds-p-7 {
        padding: 32px!important
    }

    .xs\:dtds-pt-7 {
        padding-top: 32px!important
    }

    .xs\:dtds-pr-7 {
        padding-right: 32px!important
    }

    .xs\:dtds-pb-7 {
        padding-bottom: 32px!important
    }

    .xs\:dtds-pl-7 {
        padding-left: 32px!important
    }

    .xs\:dtds-py-7 {
        padding-top: 32px!important;
        padding-bottom: 32px!important
    }

    .xs\:dtds-px-7 {
        padding-left: 32px!important;
        padding-right: 32px!important
    }

    .xs\:dtds-p-8 {
        padding: 40px!important
    }

    .xs\:dtds-pt-8 {
        padding-top: 40px!important
    }

    .xs\:dtds-pr-8 {
        padding-right: 40px!important
    }

    .xs\:dtds-pb-8 {
        padding-bottom: 40px!important
    }

    .xs\:dtds-pl-8 {
        padding-left: 40px!important
    }

    .xs\:dtds-py-8 {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .xs\:dtds-px-8 {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .xs\:dtds-p-9 {
        padding: 48px!important
    }

    .xs\:dtds-pt-9 {
        padding-top: 48px!important
    }

    .xs\:dtds-pr-9 {
        padding-right: 48px!important
    }

    .xs\:dtds-pb-9 {
        padding-bottom: 48px!important
    }

    .xs\:dtds-pl-9 {
        padding-left: 48px!important
    }

    .xs\:dtds-py-9 {
        padding-top: 48px!important;
        padding-bottom: 48px!important
    }

    .xs\:dtds-px-9 {
        padding-left: 48px!important;
        padding-right: 48px!important
    }

    .xs\:dtds-p-10 {
        padding: 64px!important
    }

    .xs\:dtds-pt-10 {
        padding-top: 64px!important
    }

    .xs\:dtds-pr-10 {
        padding-right: 64px!important
    }

    .xs\:dtds-pb-10 {
        padding-bottom: 64px!important
    }

    .xs\:dtds-pl-10 {
        padding-left: 64px!important
    }

    .xs\:dtds-py-10 {
        padding-top: 64px!important;
        padding-bottom: 64px!important
    }

    .xs\:dtds-px-10 {
        padding-left: 64px!important;
        padding-right: 64px!important
    }

    .xs\:dtds-p-11 {
        padding: 80px!important
    }

    .xs\:dtds-pt-11 {
        padding-top: 80px!important
    }

    .xs\:dtds-pr-11 {
        padding-right: 80px!important
    }

    .xs\:dtds-pb-11 {
        padding-bottom: 80px!important
    }

    .xs\:dtds-pl-11 {
        padding-left: 80px!important
    }

    .xs\:dtds-py-11 {
        padding-top: 80px!important;
        padding-bottom: 80px!important
    }

    .xs\:dtds-px-11 {
        padding-left: 80px!important;
        padding-right: 80px!important
    }

    .xs\:dtds-p-12 {
        padding: 96px!important
    }

    .xs\:dtds-pt-12 {
        padding-top: 96px!important
    }

    .xs\:dtds-pr-12 {
        padding-right: 96px!important
    }

    .xs\:dtds-pb-12 {
        padding-bottom: 96px!important
    }

    .xs\:dtds-pl-12 {
        padding-left: 96px!important
    }

    .xs\:dtds-py-12 {
        padding-top: 96px!important;
        padding-bottom: 96px!important
    }

    .xs\:dtds-px-12 {
        padding-left: 96px!important;
        padding-right: 96px!important
    }

    .xs\:dtds-p-13 {
        padding: 160px!important
    }

    .xs\:dtds-pt-13 {
        padding-top: 160px!important
    }

    .xs\:dtds-pr-13 {
        padding-right: 160px!important
    }

    .xs\:dtds-pb-13 {
        padding-bottom: 160px!important
    }

    .xs\:dtds-pl-13 {
        padding-left: 160px!important
    }

    .xs\:dtds-py-13 {
        padding-top: 160px!important;
        padding-bottom: 160px!important
    }

    .xs\:dtds-px-13 {
        padding-left: 160px!important;
        padding-right: 160px!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-p-xs {
        padding:4px!important
    }

    .sm\:dtds-pt-xs {
        padding-top: 4px!important
    }

    .sm\:dtds-pr-xs {
        padding-right: 4px!important
    }

    .sm\:dtds-pb-xs {
        padding-bottom: 4px!important
    }

    .sm\:dtds-pl-xs {
        padding-left: 4px!important
    }

    .sm\:dtds-py-xs {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .sm\:dtds-px-xs {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .sm\:dtds-p-sm {
        padding: 12px!important
    }

    .sm\:dtds-pt-sm {
        padding-top: 12px!important
    }

    .sm\:dtds-pr-sm {
        padding-right: 12px!important
    }

    .sm\:dtds-pb-sm {
        padding-bottom: 12px!important
    }

    .sm\:dtds-pl-sm {
        padding-left: 12px!important
    }

    .sm\:dtds-py-sm {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .sm\:dtds-px-sm {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .sm\:dtds-p-md {
        padding: 16px!important
    }

    .sm\:dtds-pt-md {
        padding-top: 16px!important
    }

    .sm\:dtds-pr-md {
        padding-right: 16px!important
    }

    .sm\:dtds-pb-md {
        padding-bottom: 16px!important
    }

    .sm\:dtds-pl-md {
        padding-left: 16px!important
    }

    .sm\:dtds-py-md {
        padding-top: 16px!important;
        padding-bottom: 16px!important
    }

    .sm\:dtds-px-md {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .sm\:dtds-p-lg {
        padding: 24px!important
    }

    .sm\:dtds-pt-lg {
        padding-top: 24px!important
    }

    .sm\:dtds-pr-lg {
        padding-right: 24px!important
    }

    .sm\:dtds-pb-lg {
        padding-bottom: 24px!important
    }

    .sm\:dtds-pl-lg {
        padding-left: 24px!important
    }

    .sm\:dtds-py-lg {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }

    .sm\:dtds-px-lg {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .sm\:dtds-p-xl {
        padding: 32px!important
    }

    .sm\:dtds-pt-xl {
        padding-top: 32px!important
    }

    .sm\:dtds-pr-xl {
        padding-right: 32px!important
    }

    .sm\:dtds-pb-xl {
        padding-bottom: 32px!important
    }

    .sm\:dtds-pl-xl {
        padding-left: 32px!important
    }

    .sm\:dtds-py-xl {
        padding-top: 32px!important;
        padding-bottom: 32px!important
    }

    .sm\:dtds-px-xl {
        padding-left: 32px!important;
        padding-right: 32px!important
    }

    .sm\:dtds-p-xxl {
        padding: 40px!important
    }

    .sm\:dtds-pt-xxl {
        padding-top: 40px!important
    }

    .sm\:dtds-pr-xxl {
        padding-right: 40px!important
    }

    .sm\:dtds-pb-xxl {
        padding-bottom: 40px!important
    }

    .sm\:dtds-pl-xxl {
        padding-left: 40px!important
    }

    .sm\:dtds-py-xxl {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .sm\:dtds-px-xxl {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .sm\:dtds-p-0 {
        padding: 0!important
    }

    .sm\:dtds-pt-0 {
        padding-top: 0!important
    }

    .sm\:dtds-pr-0 {
        padding-right: 0!important
    }

    .sm\:dtds-pb-0 {
        padding-bottom: 0!important
    }

    .sm\:dtds-pl-0 {
        padding-left: 0!important
    }

    .sm\:dtds-py-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .sm\:dtds-px-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .sm\:dtds-p-1 {
        padding: 2px!important
    }

    .sm\:dtds-pt-1 {
        padding-top: 2px!important
    }

    .sm\:dtds-pr-1 {
        padding-right: 2px!important
    }

    .sm\:dtds-pb-1 {
        padding-bottom: 2px!important
    }

    .sm\:dtds-pl-1 {
        padding-left: 2px!important
    }

    .sm\:dtds-py-1 {
        padding-top: 2px!important;
        padding-bottom: 2px!important
    }

    .sm\:dtds-px-1 {
        padding-left: 2px!important;
        padding-right: 2px!important
    }

    .sm\:dtds-p-2 {
        padding: 4px!important
    }

    .sm\:dtds-pt-2 {
        padding-top: 4px!important
    }

    .sm\:dtds-pr-2 {
        padding-right: 4px!important
    }

    .sm\:dtds-pb-2 {
        padding-bottom: 4px!important
    }

    .sm\:dtds-pl-2 {
        padding-left: 4px!important
    }

    .sm\:dtds-py-2 {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .sm\:dtds-px-2 {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .sm\:dtds-p-3 {
        padding: 8px!important
    }

    .sm\:dtds-pt-3 {
        padding-top: 8px!important
    }

    .sm\:dtds-pr-3 {
        padding-right: 8px!important
    }

    .sm\:dtds-pb-3 {
        padding-bottom: 8px!important
    }

    .sm\:dtds-pl-3 {
        padding-left: 8px!important
    }

    .sm\:dtds-py-3 {
        padding-top: 8px!important;
        padding-bottom: 8px!important
    }

    .sm\:dtds-px-3 {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .sm\:dtds-p-4 {
        padding: 12px!important
    }

    .sm\:dtds-pt-4 {
        padding-top: 12px!important
    }

    .sm\:dtds-pr-4 {
        padding-right: 12px!important
    }

    .sm\:dtds-pb-4 {
        padding-bottom: 12px!important
    }

    .sm\:dtds-pl-4 {
        padding-left: 12px!important
    }

    .sm\:dtds-py-4 {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .sm\:dtds-px-4 {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .sm\:dtds-p-5 {
        padding: 16px!important
    }

    .sm\:dtds-pt-5 {
        padding-top: 16px!important
    }

    .sm\:dtds-pr-5 {
        padding-right: 16px!important
    }

    .sm\:dtds-pb-5 {
        padding-bottom: 16px!important
    }

    .sm\:dtds-pl-5 {
        padding-left: 16px!important
    }

    .sm\:dtds-py-5 {
        padding-top: 16px!important;
        padding-bottom: 16px!important
    }

    .sm\:dtds-px-5 {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .sm\:dtds-p-6 {
        padding: 24px!important
    }

    .sm\:dtds-pt-6 {
        padding-top: 24px!important
    }

    .sm\:dtds-pr-6 {
        padding-right: 24px!important
    }

    .sm\:dtds-pb-6 {
        padding-bottom: 24px!important
    }

    .sm\:dtds-pl-6 {
        padding-left: 24px!important
    }

    .sm\:dtds-py-6 {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }

    .sm\:dtds-px-6 {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .sm\:dtds-p-7 {
        padding: 32px!important
    }

    .sm\:dtds-pt-7 {
        padding-top: 32px!important
    }

    .sm\:dtds-pr-7 {
        padding-right: 32px!important
    }

    .sm\:dtds-pb-7 {
        padding-bottom: 32px!important
    }

    .sm\:dtds-pl-7 {
        padding-left: 32px!important
    }

    .sm\:dtds-py-7 {
        padding-top: 32px!important;
        padding-bottom: 32px!important
    }

    .sm\:dtds-px-7 {
        padding-left: 32px!important;
        padding-right: 32px!important
    }

    .sm\:dtds-p-8 {
        padding: 40px!important
    }

    .sm\:dtds-pt-8 {
        padding-top: 40px!important
    }

    .sm\:dtds-pr-8 {
        padding-right: 40px!important
    }

    .sm\:dtds-pb-8 {
        padding-bottom: 40px!important
    }

    .sm\:dtds-pl-8 {
        padding-left: 40px!important
    }

    .sm\:dtds-py-8 {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .sm\:dtds-px-8 {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .sm\:dtds-p-9 {
        padding: 48px!important
    }

    .sm\:dtds-pt-9 {
        padding-top: 48px!important
    }

    .sm\:dtds-pr-9 {
        padding-right: 48px!important
    }

    .sm\:dtds-pb-9 {
        padding-bottom: 48px!important
    }

    .sm\:dtds-pl-9 {
        padding-left: 48px!important
    }

    .sm\:dtds-py-9 {
        padding-top: 48px!important;
        padding-bottom: 48px!important
    }

    .sm\:dtds-px-9 {
        padding-left: 48px!important;
        padding-right: 48px!important
    }

    .sm\:dtds-p-10 {
        padding: 64px!important
    }

    .sm\:dtds-pt-10 {
        padding-top: 64px!important
    }

    .sm\:dtds-pr-10 {
        padding-right: 64px!important
    }

    .sm\:dtds-pb-10 {
        padding-bottom: 64px!important
    }

    .sm\:dtds-pl-10 {
        padding-left: 64px!important
    }

    .sm\:dtds-py-10 {
        padding-top: 64px!important;
        padding-bottom: 64px!important
    }

    .sm\:dtds-px-10 {
        padding-left: 64px!important;
        padding-right: 64px!important
    }

    .sm\:dtds-p-11 {
        padding: 80px!important
    }

    .sm\:dtds-pt-11 {
        padding-top: 80px!important
    }

    .sm\:dtds-pr-11 {
        padding-right: 80px!important
    }

    .sm\:dtds-pb-11 {
        padding-bottom: 80px!important
    }

    .sm\:dtds-pl-11 {
        padding-left: 80px!important
    }

    .sm\:dtds-py-11 {
        padding-top: 80px!important;
        padding-bottom: 80px!important
    }

    .sm\:dtds-px-11 {
        padding-left: 80px!important;
        padding-right: 80px!important
    }

    .sm\:dtds-p-12 {
        padding: 96px!important
    }

    .sm\:dtds-pt-12 {
        padding-top: 96px!important
    }

    .sm\:dtds-pr-12 {
        padding-right: 96px!important
    }

    .sm\:dtds-pb-12 {
        padding-bottom: 96px!important
    }

    .sm\:dtds-pl-12 {
        padding-left: 96px!important
    }

    .sm\:dtds-py-12 {
        padding-top: 96px!important;
        padding-bottom: 96px!important
    }

    .sm\:dtds-px-12 {
        padding-left: 96px!important;
        padding-right: 96px!important
    }

    .sm\:dtds-p-13 {
        padding: 160px!important
    }

    .sm\:dtds-pt-13 {
        padding-top: 160px!important
    }

    .sm\:dtds-pr-13 {
        padding-right: 160px!important
    }

    .sm\:dtds-pb-13 {
        padding-bottom: 160px!important
    }

    .sm\:dtds-pl-13 {
        padding-left: 160px!important
    }

    .sm\:dtds-py-13 {
        padding-top: 160px!important;
        padding-bottom: 160px!important
    }

    .sm\:dtds-px-13 {
        padding-left: 160px!important;
        padding-right: 160px!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-p-xs {
        padding:4px!important
    }

    .md\:dtds-pt-xs {
        padding-top: 4px!important
    }

    .md\:dtds-pr-xs {
        padding-right: 4px!important
    }

    .md\:dtds-pb-xs {
        padding-bottom: 4px!important
    }

    .md\:dtds-pl-xs {
        padding-left: 4px!important
    }

    .md\:dtds-py-xs {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .md\:dtds-px-xs {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .md\:dtds-p-sm {
        padding: 12px!important
    }

    .md\:dtds-pt-sm {
        padding-top: 12px!important
    }

    .md\:dtds-pr-sm {
        padding-right: 12px!important
    }

    .md\:dtds-pb-sm {
        padding-bottom: 12px!important
    }

    .md\:dtds-pl-sm {
        padding-left: 12px!important
    }

    .md\:dtds-py-sm {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .md\:dtds-px-sm {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .md\:dtds-p-md {
        padding: 16px!important
    }

    .md\:dtds-pt-md {
        padding-top: 16px!important
    }

    .md\:dtds-pr-md {
        padding-right: 16px!important
    }

    .md\:dtds-pb-md {
        padding-bottom: 16px!important
    }

    .md\:dtds-pl-md {
        padding-left: 16px!important
    }

    .md\:dtds-py-md {
        padding-top: 16px!important;
        padding-bottom: 16px!important
    }

    .md\:dtds-px-md {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .md\:dtds-p-lg {
        padding: 24px!important
    }

    .md\:dtds-pt-lg {
        padding-top: 24px!important
    }

    .md\:dtds-pr-lg {
        padding-right: 24px!important
    }

    .md\:dtds-pb-lg {
        padding-bottom: 24px!important
    }

    .md\:dtds-pl-lg {
        padding-left: 24px!important
    }

    .md\:dtds-py-lg {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }

    .md\:dtds-px-lg {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .md\:dtds-p-xl {
        padding: 32px!important
    }

    .md\:dtds-pt-xl {
        padding-top: 32px!important
    }

    .md\:dtds-pr-xl {
        padding-right: 32px!important
    }

    .md\:dtds-pb-xl {
        padding-bottom: 32px!important
    }

    .md\:dtds-pl-xl {
        padding-left: 32px!important
    }

    .md\:dtds-py-xl {
        padding-top: 32px!important;
        padding-bottom: 32px!important
    }

    .md\:dtds-px-xl {
        padding-left: 32px!important;
        padding-right: 32px!important
    }

    .md\:dtds-p-xxl {
        padding: 40px!important
    }

    .md\:dtds-pt-xxl {
        padding-top: 40px!important
    }

    .md\:dtds-pr-xxl {
        padding-right: 40px!important
    }

    .md\:dtds-pb-xxl {
        padding-bottom: 40px!important
    }

    .md\:dtds-pl-xxl {
        padding-left: 40px!important
    }

    .md\:dtds-py-xxl {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .md\:dtds-px-xxl {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .md\:dtds-p-0 {
        padding: 0!important
    }

    .md\:dtds-pt-0 {
        padding-top: 0!important
    }

    .md\:dtds-pr-0 {
        padding-right: 0!important
    }

    .md\:dtds-pb-0 {
        padding-bottom: 0!important
    }

    .md\:dtds-pl-0 {
        padding-left: 0!important
    }

    .md\:dtds-py-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .md\:dtds-px-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .md\:dtds-p-1 {
        padding: 2px!important
    }

    .md\:dtds-pt-1 {
        padding-top: 2px!important
    }

    .md\:dtds-pr-1 {
        padding-right: 2px!important
    }

    .md\:dtds-pb-1 {
        padding-bottom: 2px!important
    }

    .md\:dtds-pl-1 {
        padding-left: 2px!important
    }

    .md\:dtds-py-1 {
        padding-top: 2px!important;
        padding-bottom: 2px!important
    }

    .md\:dtds-px-1 {
        padding-left: 2px!important;
        padding-right: 2px!important
    }

    .md\:dtds-p-2 {
        padding: 4px!important
    }

    .md\:dtds-pt-2 {
        padding-top: 4px!important
    }

    .md\:dtds-pr-2 {
        padding-right: 4px!important
    }

    .md\:dtds-pb-2 {
        padding-bottom: 4px!important
    }

    .md\:dtds-pl-2 {
        padding-left: 4px!important
    }

    .md\:dtds-py-2 {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .md\:dtds-px-2 {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .md\:dtds-p-3 {
        padding: 8px!important
    }

    .md\:dtds-pt-3 {
        padding-top: 8px!important
    }

    .md\:dtds-pr-3 {
        padding-right: 8px!important
    }

    .md\:dtds-pb-3 {
        padding-bottom: 8px!important
    }

    .md\:dtds-pl-3 {
        padding-left: 8px!important
    }

    .md\:dtds-py-3 {
        padding-top: 8px!important;
        padding-bottom: 8px!important
    }

    .md\:dtds-px-3 {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .md\:dtds-p-4 {
        padding: 12px!important
    }

    .md\:dtds-pt-4 {
        padding-top: 12px!important
    }

    .md\:dtds-pr-4 {
        padding-right: 12px!important
    }

    .md\:dtds-pb-4 {
        padding-bottom: 12px!important
    }

    .md\:dtds-pl-4 {
        padding-left: 12px!important
    }

    .md\:dtds-py-4 {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .md\:dtds-px-4 {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .md\:dtds-p-5 {
        padding: 16px!important
    }

    .md\:dtds-pt-5 {
        padding-top: 16px!important
    }

    .md\:dtds-pr-5 {
        padding-right: 16px!important
    }

    .md\:dtds-pb-5 {
        padding-bottom: 16px!important
    }

    .md\:dtds-pl-5 {
        padding-left: 16px!important
    }

    .md\:dtds-py-5 {
        padding-top: 16px!important;
        padding-bottom: 16px!important
    }

    .md\:dtds-px-5 {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .md\:dtds-p-6 {
        padding: 24px!important
    }

    .md\:dtds-pt-6 {
        padding-top: 24px!important
    }

    .md\:dtds-pr-6 {
        padding-right: 24px!important
    }

    .md\:dtds-pb-6 {
        padding-bottom: 24px!important
    }

    .md\:dtds-pl-6 {
        padding-left: 24px!important
    }

    .md\:dtds-py-6 {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }

    .md\:dtds-px-6 {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .md\:dtds-p-7 {
        padding: 32px!important
    }

    .md\:dtds-pt-7 {
        padding-top: 32px!important
    }

    .md\:dtds-pr-7 {
        padding-right: 32px!important
    }

    .md\:dtds-pb-7 {
        padding-bottom: 32px!important
    }

    .md\:dtds-pl-7 {
        padding-left: 32px!important
    }

    .md\:dtds-py-7 {
        padding-top: 32px!important;
        padding-bottom: 32px!important
    }

    .md\:dtds-px-7 {
        padding-left: 32px!important;
        padding-right: 32px!important
    }

    .md\:dtds-p-8 {
        padding: 40px!important
    }

    .md\:dtds-pt-8 {
        padding-top: 40px!important
    }

    .md\:dtds-pr-8 {
        padding-right: 40px!important
    }

    .md\:dtds-pb-8 {
        padding-bottom: 40px!important
    }

    .md\:dtds-pl-8 {
        padding-left: 40px!important
    }

    .md\:dtds-py-8 {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .md\:dtds-px-8 {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .md\:dtds-p-9 {
        padding: 48px!important
    }

    .md\:dtds-pt-9 {
        padding-top: 48px!important
    }

    .md\:dtds-pr-9 {
        padding-right: 48px!important
    }

    .md\:dtds-pb-9 {
        padding-bottom: 48px!important
    }

    .md\:dtds-pl-9 {
        padding-left: 48px!important
    }

    .md\:dtds-py-9 {
        padding-top: 48px!important;
        padding-bottom: 48px!important
    }

    .md\:dtds-px-9 {
        padding-left: 48px!important;
        padding-right: 48px!important
    }

    .md\:dtds-p-10 {
        padding: 64px!important
    }

    .md\:dtds-pt-10 {
        padding-top: 64px!important
    }

    .md\:dtds-pr-10 {
        padding-right: 64px!important
    }

    .md\:dtds-pb-10 {
        padding-bottom: 64px!important
    }

    .md\:dtds-pl-10 {
        padding-left: 64px!important
    }

    .md\:dtds-py-10 {
        padding-top: 64px!important;
        padding-bottom: 64px!important
    }

    .md\:dtds-px-10 {
        padding-left: 64px!important;
        padding-right: 64px!important
    }

    .md\:dtds-p-11 {
        padding: 80px!important
    }

    .md\:dtds-pt-11 {
        padding-top: 80px!important
    }

    .md\:dtds-pr-11 {
        padding-right: 80px!important
    }

    .md\:dtds-pb-11 {
        padding-bottom: 80px!important
    }

    .md\:dtds-pl-11 {
        padding-left: 80px!important
    }

    .md\:dtds-py-11 {
        padding-top: 80px!important;
        padding-bottom: 80px!important
    }

    .md\:dtds-px-11 {
        padding-left: 80px!important;
        padding-right: 80px!important
    }

    .md\:dtds-p-12 {
        padding: 96px!important
    }

    .md\:dtds-pt-12 {
        padding-top: 96px!important
    }

    .md\:dtds-pr-12 {
        padding-right: 96px!important
    }

    .md\:dtds-pb-12 {
        padding-bottom: 96px!important
    }

    .md\:dtds-pl-12 {
        padding-left: 96px!important
    }

    .md\:dtds-py-12 {
        padding-top: 96px!important;
        padding-bottom: 96px!important
    }

    .md\:dtds-px-12 {
        padding-left: 96px!important;
        padding-right: 96px!important
    }

    .md\:dtds-p-13 {
        padding: 160px!important
    }

    .md\:dtds-pt-13 {
        padding-top: 160px!important
    }

    .md\:dtds-pr-13 {
        padding-right: 160px!important
    }

    .md\:dtds-pb-13 {
        padding-bottom: 160px!important
    }

    .md\:dtds-pl-13 {
        padding-left: 160px!important
    }

    .md\:dtds-py-13 {
        padding-top: 160px!important;
        padding-bottom: 160px!important
    }

    .md\:dtds-px-13 {
        padding-left: 160px!important;
        padding-right: 160px!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-p-xs {
        padding:4px!important
    }

    .lg\:dtds-pt-xs {
        padding-top: 4px!important
    }

    .lg\:dtds-pr-xs {
        padding-right: 4px!important
    }

    .lg\:dtds-pb-xs {
        padding-bottom: 4px!important
    }

    .lg\:dtds-pl-xs {
        padding-left: 4px!important
    }

    .lg\:dtds-py-xs {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .lg\:dtds-px-xs {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .lg\:dtds-p-sm {
        padding: 12px!important
    }

    .lg\:dtds-pt-sm {
        padding-top: 12px!important
    }

    .lg\:dtds-pr-sm {
        padding-right: 12px!important
    }

    .lg\:dtds-pb-sm {
        padding-bottom: 12px!important
    }

    .lg\:dtds-pl-sm {
        padding-left: 12px!important
    }

    .lg\:dtds-py-sm {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .lg\:dtds-px-sm {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .lg\:dtds-p-md {
        padding: 16px!important
    }

    .lg\:dtds-pt-md {
        padding-top: 16px!important
    }

    .lg\:dtds-pr-md {
        padding-right: 16px!important
    }

    .lg\:dtds-pb-md {
        padding-bottom: 16px!important
    }

    .lg\:dtds-pl-md {
        padding-left: 16px!important
    }

    .lg\:dtds-py-md {
        padding-top: 16px!important;
        padding-bottom: 16px!important
    }

    .lg\:dtds-px-md {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .lg\:dtds-p-lg {
        padding: 24px!important
    }

    .lg\:dtds-pt-lg {
        padding-top: 24px!important
    }

    .lg\:dtds-pr-lg {
        padding-right: 24px!important
    }

    .lg\:dtds-pb-lg {
        padding-bottom: 24px!important
    }

    .lg\:dtds-pl-lg {
        padding-left: 24px!important
    }

    .lg\:dtds-py-lg {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }

    .lg\:dtds-px-lg {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .lg\:dtds-p-xl {
        padding: 32px!important
    }

    .lg\:dtds-pt-xl {
        padding-top: 32px!important
    }

    .lg\:dtds-pr-xl {
        padding-right: 32px!important
    }

    .lg\:dtds-pb-xl {
        padding-bottom: 32px!important
    }

    .lg\:dtds-pl-xl {
        padding-left: 32px!important
    }

    .lg\:dtds-py-xl {
        padding-top: 32px!important;
        padding-bottom: 32px!important
    }

    .lg\:dtds-px-xl {
        padding-left: 32px!important;
        padding-right: 32px!important
    }

    .lg\:dtds-p-xxl {
        padding: 40px!important
    }

    .lg\:dtds-pt-xxl {
        padding-top: 40px!important
    }

    .lg\:dtds-pr-xxl {
        padding-right: 40px!important
    }

    .lg\:dtds-pb-xxl {
        padding-bottom: 40px!important
    }

    .lg\:dtds-pl-xxl {
        padding-left: 40px!important
    }

    .lg\:dtds-py-xxl {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .lg\:dtds-px-xxl {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .lg\:dtds-p-0 {
        padding: 0!important
    }

    .lg\:dtds-pt-0 {
        padding-top: 0!important
    }

    .lg\:dtds-pr-0 {
        padding-right: 0!important
    }

    .lg\:dtds-pb-0 {
        padding-bottom: 0!important
    }

    .lg\:dtds-pl-0 {
        padding-left: 0!important
    }

    .lg\:dtds-py-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .lg\:dtds-px-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .lg\:dtds-p-1 {
        padding: 2px!important
    }

    .lg\:dtds-pt-1 {
        padding-top: 2px!important
    }

    .lg\:dtds-pr-1 {
        padding-right: 2px!important
    }

    .lg\:dtds-pb-1 {
        padding-bottom: 2px!important
    }

    .lg\:dtds-pl-1 {
        padding-left: 2px!important
    }

    .lg\:dtds-py-1 {
        padding-top: 2px!important;
        padding-bottom: 2px!important
    }

    .lg\:dtds-px-1 {
        padding-left: 2px!important;
        padding-right: 2px!important
    }

    .lg\:dtds-p-2 {
        padding: 4px!important
    }

    .lg\:dtds-pt-2 {
        padding-top: 4px!important
    }

    .lg\:dtds-pr-2 {
        padding-right: 4px!important
    }

    .lg\:dtds-pb-2 {
        padding-bottom: 4px!important
    }

    .lg\:dtds-pl-2 {
        padding-left: 4px!important
    }

    .lg\:dtds-py-2 {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .lg\:dtds-px-2 {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .lg\:dtds-p-3 {
        padding: 8px!important
    }

    .lg\:dtds-pt-3 {
        padding-top: 8px!important
    }

    .lg\:dtds-pr-3 {
        padding-right: 8px!important
    }

    .lg\:dtds-pb-3 {
        padding-bottom: 8px!important
    }

    .lg\:dtds-pl-3 {
        padding-left: 8px!important
    }

    .lg\:dtds-py-3 {
        padding-top: 8px!important;
        padding-bottom: 8px!important
    }

    .lg\:dtds-px-3 {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .lg\:dtds-p-4 {
        padding: 12px!important
    }

    .lg\:dtds-pt-4 {
        padding-top: 12px!important
    }

    .lg\:dtds-pr-4 {
        padding-right: 12px!important
    }

    .lg\:dtds-pb-4 {
        padding-bottom: 12px!important
    }

    .lg\:dtds-pl-4 {
        padding-left: 12px!important
    }

    .lg\:dtds-py-4 {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .lg\:dtds-px-4 {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .lg\:dtds-p-5 {
        padding: 16px!important
    }

    .lg\:dtds-pt-5 {
        padding-top: 16px!important
    }

    .lg\:dtds-pr-5 {
        padding-right: 16px!important
    }

    .lg\:dtds-pb-5 {
        padding-bottom: 16px!important
    }

    .lg\:dtds-pl-5 {
        padding-left: 16px!important
    }

    .lg\:dtds-py-5 {
        padding-top: 16px!important;
        padding-bottom: 16px!important
    }

    .lg\:dtds-px-5 {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .lg\:dtds-p-6 {
        padding: 24px!important
    }

    .lg\:dtds-pt-6 {
        padding-top: 24px!important
    }

    .lg\:dtds-pr-6 {
        padding-right: 24px!important
    }

    .lg\:dtds-pb-6 {
        padding-bottom: 24px!important
    }

    .lg\:dtds-pl-6 {
        padding-left: 24px!important
    }

    .lg\:dtds-py-6 {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }

    .lg\:dtds-px-6 {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .lg\:dtds-p-7 {
        padding: 32px!important
    }

    .lg\:dtds-pt-7 {
        padding-top: 32px!important
    }

    .lg\:dtds-pr-7 {
        padding-right: 32px!important
    }

    .lg\:dtds-pb-7 {
        padding-bottom: 32px!important
    }

    .lg\:dtds-pl-7 {
        padding-left: 32px!important
    }

    .lg\:dtds-py-7 {
        padding-top: 32px!important;
        padding-bottom: 32px!important
    }

    .lg\:dtds-px-7 {
        padding-left: 32px!important;
        padding-right: 32px!important
    }

    .lg\:dtds-p-8 {
        padding: 40px!important
    }

    .lg\:dtds-pt-8 {
        padding-top: 40px!important
    }

    .lg\:dtds-pr-8 {
        padding-right: 40px!important
    }

    .lg\:dtds-pb-8 {
        padding-bottom: 40px!important
    }

    .lg\:dtds-pl-8 {
        padding-left: 40px!important
    }

    .lg\:dtds-py-8 {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .lg\:dtds-px-8 {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .lg\:dtds-p-9 {
        padding: 48px!important
    }

    .lg\:dtds-pt-9 {
        padding-top: 48px!important
    }

    .lg\:dtds-pr-9 {
        padding-right: 48px!important
    }

    .lg\:dtds-pb-9 {
        padding-bottom: 48px!important
    }

    .lg\:dtds-pl-9 {
        padding-left: 48px!important
    }

    .lg\:dtds-py-9 {
        padding-top: 48px!important;
        padding-bottom: 48px!important
    }

    .lg\:dtds-px-9 {
        padding-left: 48px!important;
        padding-right: 48px!important
    }

    .lg\:dtds-p-10 {
        padding: 64px!important
    }

    .lg\:dtds-pt-10 {
        padding-top: 64px!important
    }

    .lg\:dtds-pr-10 {
        padding-right: 64px!important
    }

    .lg\:dtds-pb-10 {
        padding-bottom: 64px!important
    }

    .lg\:dtds-pl-10 {
        padding-left: 64px!important
    }

    .lg\:dtds-py-10 {
        padding-top: 64px!important;
        padding-bottom: 64px!important
    }

    .lg\:dtds-px-10 {
        padding-left: 64px!important;
        padding-right: 64px!important
    }

    .lg\:dtds-p-11 {
        padding: 80px!important
    }

    .lg\:dtds-pt-11 {
        padding-top: 80px!important
    }

    .lg\:dtds-pr-11 {
        padding-right: 80px!important
    }

    .lg\:dtds-pb-11 {
        padding-bottom: 80px!important
    }

    .lg\:dtds-pl-11 {
        padding-left: 80px!important
    }

    .lg\:dtds-py-11 {
        padding-top: 80px!important;
        padding-bottom: 80px!important
    }

    .lg\:dtds-px-11 {
        padding-left: 80px!important;
        padding-right: 80px!important
    }

    .lg\:dtds-p-12 {
        padding: 96px!important
    }

    .lg\:dtds-pt-12 {
        padding-top: 96px!important
    }

    .lg\:dtds-pr-12 {
        padding-right: 96px!important
    }

    .lg\:dtds-pb-12 {
        padding-bottom: 96px!important
    }

    .lg\:dtds-pl-12 {
        padding-left: 96px!important
    }

    .lg\:dtds-py-12 {
        padding-top: 96px!important;
        padding-bottom: 96px!important
    }

    .lg\:dtds-px-12 {
        padding-left: 96px!important;
        padding-right: 96px!important
    }

    .lg\:dtds-p-13 {
        padding: 160px!important
    }

    .lg\:dtds-pt-13 {
        padding-top: 160px!important
    }

    .lg\:dtds-pr-13 {
        padding-right: 160px!important
    }

    .lg\:dtds-pb-13 {
        padding-bottom: 160px!important
    }

    .lg\:dtds-pl-13 {
        padding-left: 160px!important
    }

    .lg\:dtds-py-13 {
        padding-top: 160px!important;
        padding-bottom: 160px!important
    }

    .lg\:dtds-px-13 {
        padding-left: 160px!important;
        padding-right: 160px!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-p-xs {
        padding:4px!important
    }

    .xl\:dtds-pt-xs {
        padding-top: 4px!important
    }

    .xl\:dtds-pr-xs {
        padding-right: 4px!important
    }

    .xl\:dtds-pb-xs {
        padding-bottom: 4px!important
    }

    .xl\:dtds-pl-xs {
        padding-left: 4px!important
    }

    .xl\:dtds-py-xs {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .xl\:dtds-px-xs {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .xl\:dtds-p-sm {
        padding: 12px!important
    }

    .xl\:dtds-pt-sm {
        padding-top: 12px!important
    }

    .xl\:dtds-pr-sm {
        padding-right: 12px!important
    }

    .xl\:dtds-pb-sm {
        padding-bottom: 12px!important
    }

    .xl\:dtds-pl-sm {
        padding-left: 12px!important
    }

    .xl\:dtds-py-sm {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .xl\:dtds-px-sm {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .xl\:dtds-p-md {
        padding: 16px!important
    }

    .xl\:dtds-pt-md {
        padding-top: 16px!important
    }

    .xl\:dtds-pr-md {
        padding-right: 16px!important
    }

    .xl\:dtds-pb-md {
        padding-bottom: 16px!important
    }

    .xl\:dtds-pl-md {
        padding-left: 16px!important
    }

    .xl\:dtds-py-md {
        padding-top: 16px!important;
        padding-bottom: 16px!important
    }

    .xl\:dtds-px-md {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .xl\:dtds-p-lg {
        padding: 24px!important
    }

    .xl\:dtds-pt-lg {
        padding-top: 24px!important
    }

    .xl\:dtds-pr-lg {
        padding-right: 24px!important
    }

    .xl\:dtds-pb-lg {
        padding-bottom: 24px!important
    }

    .xl\:dtds-pl-lg {
        padding-left: 24px!important
    }

    .xl\:dtds-py-lg {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }

    .xl\:dtds-px-lg {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .xl\:dtds-p-xl {
        padding: 32px!important
    }

    .xl\:dtds-pt-xl {
        padding-top: 32px!important
    }

    .xl\:dtds-pr-xl {
        padding-right: 32px!important
    }

    .xl\:dtds-pb-xl {
        padding-bottom: 32px!important
    }

    .xl\:dtds-pl-xl {
        padding-left: 32px!important
    }

    .xl\:dtds-py-xl {
        padding-top: 32px!important;
        padding-bottom: 32px!important
    }

    .xl\:dtds-px-xl {
        padding-left: 32px!important;
        padding-right: 32px!important
    }

    .xl\:dtds-p-xxl {
        padding: 40px!important
    }

    .xl\:dtds-pt-xxl {
        padding-top: 40px!important
    }

    .xl\:dtds-pr-xxl {
        padding-right: 40px!important
    }

    .xl\:dtds-pb-xxl {
        padding-bottom: 40px!important
    }

    .xl\:dtds-pl-xxl {
        padding-left: 40px!important
    }

    .xl\:dtds-py-xxl {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .xl\:dtds-px-xxl {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .xl\:dtds-p-0 {
        padding: 0!important
    }

    .xl\:dtds-pt-0 {
        padding-top: 0!important
    }

    .xl\:dtds-pr-0 {
        padding-right: 0!important
    }

    .xl\:dtds-pb-0 {
        padding-bottom: 0!important
    }

    .xl\:dtds-pl-0 {
        padding-left: 0!important
    }

    .xl\:dtds-py-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .xl\:dtds-px-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .xl\:dtds-p-1 {
        padding: 2px!important
    }

    .xl\:dtds-pt-1 {
        padding-top: 2px!important
    }

    .xl\:dtds-pr-1 {
        padding-right: 2px!important
    }

    .xl\:dtds-pb-1 {
        padding-bottom: 2px!important
    }

    .xl\:dtds-pl-1 {
        padding-left: 2px!important
    }

    .xl\:dtds-py-1 {
        padding-top: 2px!important;
        padding-bottom: 2px!important
    }

    .xl\:dtds-px-1 {
        padding-left: 2px!important;
        padding-right: 2px!important
    }

    .xl\:dtds-p-2 {
        padding: 4px!important
    }

    .xl\:dtds-pt-2 {
        padding-top: 4px!important
    }

    .xl\:dtds-pr-2 {
        padding-right: 4px!important
    }

    .xl\:dtds-pb-2 {
        padding-bottom: 4px!important
    }

    .xl\:dtds-pl-2 {
        padding-left: 4px!important
    }

    .xl\:dtds-py-2 {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .xl\:dtds-px-2 {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .xl\:dtds-p-3 {
        padding: 8px!important
    }

    .xl\:dtds-pt-3 {
        padding-top: 8px!important
    }

    .xl\:dtds-pr-3 {
        padding-right: 8px!important
    }

    .xl\:dtds-pb-3 {
        padding-bottom: 8px!important
    }

    .xl\:dtds-pl-3 {
        padding-left: 8px!important
    }

    .xl\:dtds-py-3 {
        padding-top: 8px!important;
        padding-bottom: 8px!important
    }

    .xl\:dtds-px-3 {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .xl\:dtds-p-4 {
        padding: 12px!important
    }

    .xl\:dtds-pt-4 {
        padding-top: 12px!important
    }

    .xl\:dtds-pr-4 {
        padding-right: 12px!important
    }

    .xl\:dtds-pb-4 {
        padding-bottom: 12px!important
    }

    .xl\:dtds-pl-4 {
        padding-left: 12px!important
    }

    .xl\:dtds-py-4 {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .xl\:dtds-px-4 {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .xl\:dtds-p-5 {
        padding: 16px!important
    }

    .xl\:dtds-pt-5 {
        padding-top: 16px!important
    }

    .xl\:dtds-pr-5 {
        padding-right: 16px!important
    }

    .xl\:dtds-pb-5 {
        padding-bottom: 16px!important
    }

    .xl\:dtds-pl-5 {
        padding-left: 16px!important
    }

    .xl\:dtds-py-5 {
        padding-top: 16px!important;
        padding-bottom: 16px!important
    }

    .xl\:dtds-px-5 {
        padding-left: 16px!important;
        padding-right: 16px!important
    }

    .xl\:dtds-p-6 {
        padding: 24px!important
    }

    .xl\:dtds-pt-6 {
        padding-top: 24px!important
    }

    .xl\:dtds-pr-6 {
        padding-right: 24px!important
    }

    .xl\:dtds-pb-6 {
        padding-bottom: 24px!important
    }

    .xl\:dtds-pl-6 {
        padding-left: 24px!important
    }

    .xl\:dtds-py-6 {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }

    .xl\:dtds-px-6 {
        padding-left: 24px!important;
        padding-right: 24px!important
    }

    .xl\:dtds-p-7 {
        padding: 32px!important
    }

    .xl\:dtds-pt-7 {
        padding-top: 32px!important
    }

    .xl\:dtds-pr-7 {
        padding-right: 32px!important
    }

    .xl\:dtds-pb-7 {
        padding-bottom: 32px!important
    }

    .xl\:dtds-pl-7 {
        padding-left: 32px!important
    }

    .xl\:dtds-py-7 {
        padding-top: 32px!important;
        padding-bottom: 32px!important
    }

    .xl\:dtds-px-7 {
        padding-left: 32px!important;
        padding-right: 32px!important
    }

    .xl\:dtds-p-8 {
        padding: 40px!important
    }

    .xl\:dtds-pt-8 {
        padding-top: 40px!important
    }

    .xl\:dtds-pr-8 {
        padding-right: 40px!important
    }

    .xl\:dtds-pb-8 {
        padding-bottom: 40px!important
    }

    .xl\:dtds-pl-8 {
        padding-left: 40px!important
    }

    .xl\:dtds-py-8 {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .xl\:dtds-px-8 {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .xl\:dtds-p-9 {
        padding: 48px!important
    }

    .xl\:dtds-pt-9 {
        padding-top: 48px!important
    }

    .xl\:dtds-pr-9 {
        padding-right: 48px!important
    }

    .xl\:dtds-pb-9 {
        padding-bottom: 48px!important
    }

    .xl\:dtds-pl-9 {
        padding-left: 48px!important
    }

    .xl\:dtds-py-9 {
        padding-top: 48px!important;
        padding-bottom: 48px!important
    }

    .xl\:dtds-px-9 {
        padding-left: 48px!important;
        padding-right: 48px!important
    }

    .xl\:dtds-p-10 {
        padding: 64px!important
    }

    .xl\:dtds-pt-10 {
        padding-top: 64px!important
    }

    .xl\:dtds-pr-10 {
        padding-right: 64px!important
    }

    .xl\:dtds-pb-10 {
        padding-bottom: 64px!important
    }

    .xl\:dtds-pl-10 {
        padding-left: 64px!important
    }

    .xl\:dtds-py-10 {
        padding-top: 64px!important;
        padding-bottom: 64px!important
    }

    .xl\:dtds-px-10 {
        padding-left: 64px!important;
        padding-right: 64px!important
    }

    .xl\:dtds-p-11 {
        padding: 80px!important
    }

    .xl\:dtds-pt-11 {
        padding-top: 80px!important
    }

    .xl\:dtds-pr-11 {
        padding-right: 80px!important
    }

    .xl\:dtds-pb-11 {
        padding-bottom: 80px!important
    }

    .xl\:dtds-pl-11 {
        padding-left: 80px!important
    }

    .xl\:dtds-py-11 {
        padding-top: 80px!important;
        padding-bottom: 80px!important
    }

    .xl\:dtds-px-11 {
        padding-left: 80px!important;
        padding-right: 80px!important
    }

    .xl\:dtds-p-12 {
        padding: 96px!important
    }

    .xl\:dtds-pt-12 {
        padding-top: 96px!important
    }

    .xl\:dtds-pr-12 {
        padding-right: 96px!important
    }

    .xl\:dtds-pb-12 {
        padding-bottom: 96px!important
    }

    .xl\:dtds-pl-12 {
        padding-left: 96px!important
    }

    .xl\:dtds-py-12 {
        padding-top: 96px!important;
        padding-bottom: 96px!important
    }

    .xl\:dtds-px-12 {
        padding-left: 96px!important;
        padding-right: 96px!important
    }

    .xl\:dtds-p-13 {
        padding: 160px!important
    }

    .xl\:dtds-pt-13 {
        padding-top: 160px!important
    }

    .xl\:dtds-pr-13 {
        padding-right: 160px!important
    }

    .xl\:dtds-pb-13 {
        padding-bottom: 160px!important
    }

    .xl\:dtds-pl-13 {
        padding-left: 160px!important
    }

    .xl\:dtds-py-13 {
        padding-top: 160px!important;
        padding-bottom: 160px!important
    }

    .xl\:dtds-px-13 {
        padding-left: 160px!important;
        padding-right: 160px!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-gap-xs {
        gap:4px!important
    }

    .xl\:dtds-gap-sm {
        gap: 12px!important
    }

    .xl\:dtds-gap-md {
        gap: 16px!important
    }

    .xl\:dtds-gap-lg {
        gap: 24px!important
    }

    .xl\:dtds-gap-xl {
        gap: 32px!important
    }

    .xl\:dtds-gap-xxl {
        gap: 40px!important
    }

    .xl\:dtds-gap-0 {
        gap: 0!important
    }

    .xl\:dtds-gap-1 {
        gap: 2px!important
    }

    .xl\:dtds-gap-2 {
        gap: 4px!important
    }

    .xl\:dtds-gap-3 {
        gap: 8px!important
    }

    .xl\:dtds-gap-4 {
        gap: 12px!important
    }

    .xl\:dtds-gap-5 {
        gap: 16px!important
    }

    .xl\:dtds-gap-6 {
        gap: 24px!important
    }

    .xl\:dtds-gap-7 {
        gap: 32px!important
    }

    .xl\:dtds-gap-8 {
        gap: 40px!important
    }

    .xl\:dtds-gap-9 {
        gap: 48px!important
    }

    .xl\:dtds-gap-10 {
        gap: 64px!important
    }

    .xl\:dtds-gap-11 {
        gap: 80px!important
    }

    .xl\:dtds-gap-12 {
        gap: 96px!important
    }

    .xl\:dtds-gap-13 {
        gap: 160px!important
    }
}

.dtds-gap-xs {
    gap: 4px!important
}

.dtds-gap-sm {
    gap: 12px!important
}

.dtds-gap-md {
    gap: 16px!important
}

.dtds-gap-lg {
    gap: 24px!important
}

.dtds-gap-xl {
    gap: 32px!important
}

.dtds-gap-xxl {
    gap: 40px!important
}

.dtds-gap-0 {
    gap: 0!important
}

.dtds-gap-1 {
    gap: 2px!important
}

.dtds-gap-2 {
    gap: 4px!important
}

.dtds-gap-3 {
    gap: 8px!important
}

.dtds-gap-4 {
    gap: 12px!important
}

.dtds-gap-5 {
    gap: 16px!important
}

.dtds-gap-6 {
    gap: 24px!important
}

.dtds-gap-7 {
    gap: 32px!important
}

.dtds-gap-8 {
    gap: 40px!important
}

.dtds-gap-9 {
    gap: 48px!important
}

.dtds-gap-10 {
    gap: 64px!important
}

.dtds-gap-11 {
    gap: 80px!important
}

.dtds-gap-12 {
    gap: 96px!important
}

.dtds-gap-13 {
    gap: 160px!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-gap-xs {
        gap:4px!important
    }

    .xs\:dtds-gap-sm {
        gap: 12px!important
    }

    .xs\:dtds-gap-md {
        gap: 16px!important
    }

    .xs\:dtds-gap-lg {
        gap: 24px!important
    }

    .xs\:dtds-gap-xl {
        gap: 32px!important
    }

    .xs\:dtds-gap-xxl {
        gap: 40px!important
    }

    .xs\:dtds-gap-0 {
        gap: 0!important
    }

    .xs\:dtds-gap-1 {
        gap: 2px!important
    }

    .xs\:dtds-gap-2 {
        gap: 4px!important
    }

    .xs\:dtds-gap-3 {
        gap: 8px!important
    }

    .xs\:dtds-gap-4 {
        gap: 12px!important
    }

    .xs\:dtds-gap-5 {
        gap: 16px!important
    }

    .xs\:dtds-gap-6 {
        gap: 24px!important
    }

    .xs\:dtds-gap-7 {
        gap: 32px!important
    }

    .xs\:dtds-gap-8 {
        gap: 40px!important
    }

    .xs\:dtds-gap-9 {
        gap: 48px!important
    }

    .xs\:dtds-gap-10 {
        gap: 64px!important
    }

    .xs\:dtds-gap-11 {
        gap: 80px!important
    }

    .xs\:dtds-gap-12 {
        gap: 96px!important
    }

    .xs\:dtds-gap-13 {
        gap: 160px!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-gap-xs {
        gap:4px!important
    }

    .sm\:dtds-gap-sm {
        gap: 12px!important
    }

    .sm\:dtds-gap-md {
        gap: 16px!important
    }

    .sm\:dtds-gap-lg {
        gap: 24px!important
    }

    .sm\:dtds-gap-xl {
        gap: 32px!important
    }

    .sm\:dtds-gap-xxl {
        gap: 40px!important
    }

    .sm\:dtds-gap-0 {
        gap: 0!important
    }

    .sm\:dtds-gap-1 {
        gap: 2px!important
    }

    .sm\:dtds-gap-2 {
        gap: 4px!important
    }

    .sm\:dtds-gap-3 {
        gap: 8px!important
    }

    .sm\:dtds-gap-4 {
        gap: 12px!important
    }

    .sm\:dtds-gap-5 {
        gap: 16px!important
    }

    .sm\:dtds-gap-6 {
        gap: 24px!important
    }

    .sm\:dtds-gap-7 {
        gap: 32px!important
    }

    .sm\:dtds-gap-8 {
        gap: 40px!important
    }

    .sm\:dtds-gap-9 {
        gap: 48px!important
    }

    .sm\:dtds-gap-10 {
        gap: 64px!important
    }

    .sm\:dtds-gap-11 {
        gap: 80px!important
    }

    .sm\:dtds-gap-12 {
        gap: 96px!important
    }

    .sm\:dtds-gap-13 {
        gap: 160px!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-gap-xs {
        gap:4px!important
    }

    .md\:dtds-gap-sm {
        gap: 12px!important
    }

    .md\:dtds-gap-md {
        gap: 16px!important
    }

    .md\:dtds-gap-lg {
        gap: 24px!important
    }

    .md\:dtds-gap-xl {
        gap: 32px!important
    }

    .md\:dtds-gap-xxl {
        gap: 40px!important
    }

    .md\:dtds-gap-0 {
        gap: 0!important
    }

    .md\:dtds-gap-1 {
        gap: 2px!important
    }

    .md\:dtds-gap-2 {
        gap: 4px!important
    }

    .md\:dtds-gap-3 {
        gap: 8px!important
    }

    .md\:dtds-gap-4 {
        gap: 12px!important
    }

    .md\:dtds-gap-5 {
        gap: 16px!important
    }

    .md\:dtds-gap-6 {
        gap: 24px!important
    }

    .md\:dtds-gap-7 {
        gap: 32px!important
    }

    .md\:dtds-gap-8 {
        gap: 40px!important
    }

    .md\:dtds-gap-9 {
        gap: 48px!important
    }

    .md\:dtds-gap-10 {
        gap: 64px!important
    }

    .md\:dtds-gap-11 {
        gap: 80px!important
    }

    .md\:dtds-gap-12 {
        gap: 96px!important
    }

    .md\:dtds-gap-13 {
        gap: 160px!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-gap-xs {
        gap:4px!important
    }

    .lg\:dtds-gap-sm {
        gap: 12px!important
    }

    .lg\:dtds-gap-md {
        gap: 16px!important
    }

    .lg\:dtds-gap-lg {
        gap: 24px!important
    }

    .lg\:dtds-gap-xl {
        gap: 32px!important
    }

    .lg\:dtds-gap-xxl {
        gap: 40px!important
    }

    .lg\:dtds-gap-0 {
        gap: 0!important
    }

    .lg\:dtds-gap-1 {
        gap: 2px!important
    }

    .lg\:dtds-gap-2 {
        gap: 4px!important
    }

    .lg\:dtds-gap-3 {
        gap: 8px!important
    }

    .lg\:dtds-gap-4 {
        gap: 12px!important
    }

    .lg\:dtds-gap-5 {
        gap: 16px!important
    }

    .lg\:dtds-gap-6 {
        gap: 24px!important
    }

    .lg\:dtds-gap-7 {
        gap: 32px!important
    }

    .lg\:dtds-gap-8 {
        gap: 40px!important
    }

    .lg\:dtds-gap-9 {
        gap: 48px!important
    }

    .lg\:dtds-gap-10 {
        gap: 64px!important
    }

    .lg\:dtds-gap-11 {
        gap: 80px!important
    }

    .lg\:dtds-gap-12 {
        gap: 96px!important
    }

    .lg\:dtds-gap-13 {
        gap: 160px!important
    }
}

.dtds-highlight-lavender-lighter {
    border: 1px solid #9d57b2!important;
    box-shadow: 0 0 0 3px #eadaee!important
}

.dtds-highlight-lavender-lightest {
    border: 1px solid #9d57b2!important;
    box-shadow: 0 0 0 3px #f7f1f9!important
}

.dtds-highlight-blue {
    border: 1px solid #0067DC!important;
    box-shadow: 0 0 0 3px #ebf3fc!important
}

.dtds-highlight-warning {
    border: 1px solid #dc6803!important;
    box-shadow: 0 0 0 3px #fef0c7!important
}

.dtds-highlight-error {
    border: 1px solid #d92d20!important;
    box-shadow: 0 0 0 3px #fee4e2!important
}

.dtds-highlight-success-lighter {
    border: 1px solid #039855!important;
    box-shadow: 0 0 0 3px #a6f4c5!important
}

.dtds-highlight-success-lightest {
    border: 1px solid #039855!important;
    box-shadow: 0 0 0 3px #d1fadf!important
}

.dtds-highlight-body-lighter {
    border: 1px solid #84909B!important;
    box-shadow: 0 0 0 3px #bec4c9!important
}

.dtds-highlight-body-lightest {
    border: 1px solid #BEC4C9!important;
    box-shadow: 0 0 0 3px #e7e9eb!important
}

.dtds-border-radius-none {
    border-radius: 0!important
}

.dtds-border-radius-xs {
    border-radius: 2px!important
}

.dtds-border-radius-sm {
    border-radius: 4px!important
}

.dtds-border-radius-md {
    border-radius: 8px!important
}

.dtds-border-radius-lg {
    border-radius: 16px!important
}

.dtds-border-radius-xl {
    border-radius: 30px!important
}

.dtds-border-radius-circle {
    border-radius: 50%!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-border-radius-none {
        border-radius:0!important
    }

    .xs\:dtds-border-radius-xs {
        border-radius: 2px!important
    }

    .xs\:dtds-border-radius-sm {
        border-radius: 4px!important
    }

    .xs\:dtds-border-radius-md {
        border-radius: 8px!important
    }

    .xs\:dtds-border-radius-lg {
        border-radius: 16px!important
    }

    .xs\:dtds-border-radius-xl {
        border-radius: 30px!important
    }

    .xs\:dtds-border-radius-circle {
        border-radius: 50%!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-border-radius-none {
        border-radius:0!important
    }

    .sm\:dtds-border-radius-xs {
        border-radius: 2px!important
    }

    .sm\:dtds-border-radius-sm {
        border-radius: 4px!important
    }

    .sm\:dtds-border-radius-md {
        border-radius: 8px!important
    }

    .sm\:dtds-border-radius-lg {
        border-radius: 16px!important
    }

    .sm\:dtds-border-radius-xl {
        border-radius: 30px!important
    }

    .sm\:dtds-border-radius-circle {
        border-radius: 50%!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-border-radius-none {
        border-radius:0!important
    }

    .md\:dtds-border-radius-xs {
        border-radius: 2px!important
    }

    .md\:dtds-border-radius-sm {
        border-radius: 4px!important
    }

    .md\:dtds-border-radius-md {
        border-radius: 8px!important
    }

    .md\:dtds-border-radius-lg {
        border-radius: 16px!important
    }

    .md\:dtds-border-radius-xl {
        border-radius: 30px!important
    }

    .md\:dtds-border-radius-circle {
        border-radius: 50%!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-border-radius-none {
        border-radius:0!important
    }

    .lg\:dtds-border-radius-xs {
        border-radius: 2px!important
    }

    .lg\:dtds-border-radius-sm {
        border-radius: 4px!important
    }

    .lg\:dtds-border-radius-md {
        border-radius: 8px!important
    }

    .lg\:dtds-border-radius-lg {
        border-radius: 16px!important
    }

    .lg\:dtds-border-radius-xl {
        border-radius: 30px!important
    }

    .lg\:dtds-border-radius-circle {
        border-radius: 50%!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-border-radius-none {
        border-radius:0!important
    }

    .xl\:dtds-border-radius-xs {
        border-radius: 2px!important
    }

    .xl\:dtds-border-radius-sm {
        border-radius: 4px!important
    }

    .xl\:dtds-border-radius-md {
        border-radius: 8px!important
    }

    .xl\:dtds-border-radius-lg {
        border-radius: 16px!important
    }

    .xl\:dtds-border-radius-xl {
        border-radius: 30px!important
    }

    .xl\:dtds-border-radius-circle {
        border-radius: 50%!important
    }
}

.dtds-border-width-none {
    border-width: 0!important
}

.dtds-border-width-xs {
    border-width: 1px!important
}

.dtds-border-width-sm {
    border-width: 2px!important
}

.dtds-border-width-md {
    border-width: 3px!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-border-width-none {
        border-width:0!important
    }

    .xs\:dtds-border-width-xs {
        border-width: 1px!important
    }

    .xs\:dtds-border-width-sm {
        border-width: 2px!important
    }

    .xs\:dtds-border-width-md {
        border-width: 3px!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-border-width-none {
        border-width:0!important
    }

    .sm\:dtds-border-width-xs {
        border-width: 1px!important
    }

    .sm\:dtds-border-width-sm {
        border-width: 2px!important
    }

    .sm\:dtds-border-width-md {
        border-width: 3px!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-border-width-none {
        border-width:0!important
    }

    .md\:dtds-border-width-xs {
        border-width: 1px!important
    }

    .md\:dtds-border-width-sm {
        border-width: 2px!important
    }

    .md\:dtds-border-width-md {
        border-width: 3px!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-border-width-none {
        border-width:0!important
    }

    .lg\:dtds-border-width-xs {
        border-width: 1px!important
    }

    .lg\:dtds-border-width-sm {
        border-width: 2px!important
    }

    .lg\:dtds-border-width-md {
        border-width: 3px!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-border-width-none {
        border-width:0!important
    }

    .xl\:dtds-border-width-xs {
        border-width: 1px!important
    }

    .xl\:dtds-border-width-sm {
        border-width: 2px!important
    }

    .xl\:dtds-border-width-md {
        border-width: 3px!important
    }
}

.dtds-border-solid {
    border-style: solid!important
}

.dtds-border-solid-top {
    border-top-style: solid!important
}

.dtds-border-solid-right {
    border-right-style: solid!important
}

.dtds-border-solid-bottom {
    border-bottom-style: solid!important
}

.dtds-border-solid-left {
    border-left-style: solid!important
}

.dtds-shadow-none {
    box-shadow: none!important
}

.dtds-shadow-xs {
    box-shadow: 0 1px 2px #1018280d!important
}

.dtds-shadow-sm {
    box-shadow: 0 1px 2px #1018280f,0 1px 3px #1018281a!important
}

.dtds-shadow-md {
    box-shadow: 0 2px 4px -2px #1018280f,0 4px 8px -2px #1018281a!important
}

.dtds-shadow-lg {
    box-shadow: 0 4px 6px -2px #10182808,0 12px 16px -4px #10182814!important
}

.dtds-shadow-xl {
    box-shadow: 0 8px 8px -4px #10182808,0 20px 24px -4px #10182814!important
}

.dtds-shadow-xxl {
    box-shadow: 0 24px 48px -12px #1018282e!important
}

.dtds-shadow-xxxl {
    box-shadow: 0 32px 64px -12px #10182824!important
}

.dtds-shadow-element {
    box-shadow: 0 0 4px #00000014,0 0 8px #00000029!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-shadow-none {
        box-shadow:none!important
    }

    .xs\:dtds-shadow-xs {
        box-shadow: 0 1px 2px #1018280d!important
    }

    .xs\:dtds-shadow-sm {
        box-shadow: 0 1px 2px #1018280f,0 1px 3px #1018281a!important
    }

    .xs\:dtds-shadow-md {
        box-shadow: 0 2px 4px -2px #1018280f,0 4px 8px -2px #1018281a!important
    }

    .xs\:dtds-shadow-lg {
        box-shadow: 0 4px 6px -2px #10182808,0 12px 16px -4px #10182814!important
    }

    .xs\:dtds-shadow-xl {
        box-shadow: 0 8px 8px -4px #10182808,0 20px 24px -4px #10182814!important
    }

    .xs\:dtds-shadow-xxl {
        box-shadow: 0 24px 48px -12px #1018282e!important
    }

    .xs\:dtds-shadow-xxxl {
        box-shadow: 0 32px 64px -12px #10182824!important
    }

    .xs\:dtds-shadow-element {
        box-shadow: 0 0 4px #00000014,0 0 8px #00000029!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-shadow-none {
        box-shadow:none!important
    }

    .sm\:dtds-shadow-xs {
        box-shadow: 0 1px 2px #1018280d!important
    }

    .sm\:dtds-shadow-sm {
        box-shadow: 0 1px 2px #1018280f,0 1px 3px #1018281a!important
    }

    .sm\:dtds-shadow-md {
        box-shadow: 0 2px 4px -2px #1018280f,0 4px 8px -2px #1018281a!important
    }

    .sm\:dtds-shadow-lg {
        box-shadow: 0 4px 6px -2px #10182808,0 12px 16px -4px #10182814!important
    }

    .sm\:dtds-shadow-xl {
        box-shadow: 0 8px 8px -4px #10182808,0 20px 24px -4px #10182814!important
    }

    .sm\:dtds-shadow-xxl {
        box-shadow: 0 24px 48px -12px #1018282e!important
    }

    .sm\:dtds-shadow-xxxl {
        box-shadow: 0 32px 64px -12px #10182824!important
    }

    .sm\:dtds-shadow-element {
        box-shadow: 0 0 4px #00000014,0 0 8px #00000029!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-shadow-none {
        box-shadow:none!important
    }

    .md\:dtds-shadow-xs {
        box-shadow: 0 1px 2px #1018280d!important
    }

    .md\:dtds-shadow-sm {
        box-shadow: 0 1px 2px #1018280f,0 1px 3px #1018281a!important
    }

    .md\:dtds-shadow-md {
        box-shadow: 0 2px 4px -2px #1018280f,0 4px 8px -2px #1018281a!important
    }

    .md\:dtds-shadow-lg {
        box-shadow: 0 4px 6px -2px #10182808,0 12px 16px -4px #10182814!important
    }

    .md\:dtds-shadow-xl {
        box-shadow: 0 8px 8px -4px #10182808,0 20px 24px -4px #10182814!important
    }

    .md\:dtds-shadow-xxl {
        box-shadow: 0 24px 48px -12px #1018282e!important
    }

    .md\:dtds-shadow-xxxl {
        box-shadow: 0 32px 64px -12px #10182824!important
    }

    .md\:dtds-shadow-element {
        box-shadow: 0 0 4px #00000014,0 0 8px #00000029!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-shadow-none {
        box-shadow:none!important
    }

    .lg\:dtds-shadow-xs {
        box-shadow: 0 1px 2px #1018280d!important
    }

    .lg\:dtds-shadow-sm {
        box-shadow: 0 1px 2px #1018280f,0 1px 3px #1018281a!important
    }

    .lg\:dtds-shadow-md {
        box-shadow: 0 2px 4px -2px #1018280f,0 4px 8px -2px #1018281a!important
    }

    .lg\:dtds-shadow-lg {
        box-shadow: 0 4px 6px -2px #10182808,0 12px 16px -4px #10182814!important
    }

    .lg\:dtds-shadow-xl {
        box-shadow: 0 8px 8px -4px #10182808,0 20px 24px -4px #10182814!important
    }

    .lg\:dtds-shadow-xxl {
        box-shadow: 0 24px 48px -12px #1018282e!important
    }

    .lg\:dtds-shadow-xxxl {
        box-shadow: 0 32px 64px -12px #10182824!important
    }

    .lg\:dtds-shadow-element {
        box-shadow: 0 0 4px #00000014,0 0 8px #00000029!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-shadow-none {
        box-shadow:none!important
    }

    .xl\:dtds-shadow-xs {
        box-shadow: 0 1px 2px #1018280d!important
    }

    .xl\:dtds-shadow-sm {
        box-shadow: 0 1px 2px #1018280f,0 1px 3px #1018281a!important
    }

    .xl\:dtds-shadow-md {
        box-shadow: 0 2px 4px -2px #1018280f,0 4px 8px -2px #1018281a!important
    }

    .xl\:dtds-shadow-lg {
        box-shadow: 0 4px 6px -2px #10182808,0 12px 16px -4px #10182814!important
    }

    .xl\:dtds-shadow-xl {
        box-shadow: 0 8px 8px -4px #10182808,0 20px 24px -4px #10182814!important
    }

    .xl\:dtds-shadow-xxl {
        box-shadow: 0 24px 48px -12px #1018282e!important
    }

    .xl\:dtds-shadow-xxxl {
        box-shadow: 0 32px 64px -12px #10182824!important
    }

    .xl\:dtds-shadow-element {
        box-shadow: 0 0 4px #00000014,0 0 8px #00000029!important
    }
}

.dtds-items-start {
    align-items: flex-start!important
}

.dtds-items-center {
    align-items: center!important
}

.dtds-items-end {
    align-items: flex-end!important
}

.dtds-items-stretch {
    align-items: stretch!important
}

.dtds-items-baseline {
    align-items: baseline!important
}

.dtds-items-normal {
    align-items: normal!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-items-start {
        align-items:flex-start!important
    }

    .xs\:dtds-items-center {
        align-items: center!important
    }

    .xs\:dtds-items-end {
        align-items: flex-end!important
    }

    .xs\:dtds-items-stretch {
        align-items: stretch!important
    }

    .xs\:dtds-items-baseline {
        align-items: baseline!important
    }

    .xs\:dtds-items-normal {
        align-items: normal!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-items-start {
        align-items:flex-start!important
    }

    .sm\:dtds-items-center {
        align-items: center!important
    }

    .sm\:dtds-items-end {
        align-items: flex-end!important
    }

    .sm\:dtds-items-stretch {
        align-items: stretch!important
    }

    .sm\:dtds-items-baseline {
        align-items: baseline!important
    }

    .sm\:dtds-items-normal {
        align-items: normal!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-items-start {
        align-items:flex-start!important
    }

    .md\:dtds-items-center {
        align-items: center!important
    }

    .md\:dtds-items-end {
        align-items: flex-end!important
    }

    .md\:dtds-items-stretch {
        align-items: stretch!important
    }

    .md\:dtds-items-baseline {
        align-items: baseline!important
    }

    .md\:dtds-items-normal {
        align-items: normal!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-items-start {
        align-items:flex-start!important
    }

    .lg\:dtds-items-center {
        align-items: center!important
    }

    .lg\:dtds-items-end {
        align-items: flex-end!important
    }

    .lg\:dtds-items-stretch {
        align-items: stretch!important
    }

    .lg\:dtds-items-baseline {
        align-items: baseline!important
    }

    .lg\:dtds-items-normal {
        align-items: normal!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-items-start {
        align-items:flex-start!important
    }

    .xl\:dtds-items-center {
        align-items: center!important
    }

    .xl\:dtds-items-end {
        align-items: flex-end!important
    }

    .xl\:dtds-items-stretch {
        align-items: stretch!important
    }

    .xl\:dtds-items-baseline {
        align-items: baseline!important
    }

    .xl\:dtds-items-normal {
        align-items: normal!important
    }
}

.dtds-flex-row {
    flex-direction: row!important
}

.dtds-flex-row-reverse {
    flex-direction: row-reverse!important
}

.dtds-flex-column {
    flex-direction: column!important
}

.dtds-flex-column-reverse {
    flex-direction: column-reverse!important
}

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

    .xs\:dtds-flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .xs\:dtds-flex-column {
        flex-direction: column!important
    }

    .xs\:dtds-flex-column-reverse {
        flex-direction: column-reverse!important
    }
}

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

    .sm\:dtds-flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .sm\:dtds-flex-column {
        flex-direction: column!important
    }

    .sm\:dtds-flex-column-reverse {
        flex-direction: column-reverse!important
    }
}

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

    .md\:dtds-flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .md\:dtds-flex-column {
        flex-direction: column!important
    }

    .md\:dtds-flex-column-reverse {
        flex-direction: column-reverse!important
    }
}

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

    .lg\:dtds-flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .lg\:dtds-flex-column {
        flex-direction: column!important
    }

    .lg\:dtds-flex-column-reverse {
        flex-direction: column-reverse!important
    }
}

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

    .xl\:dtds-flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .xl\:dtds-flex-column {
        flex-direction: column!important
    }

    .xl\:dtds-flex-column-reverse {
        flex-direction: column-reverse!important
    }
}

.dtds-justify-start {
    justify-content: flex-start!important
}

.dtds-justify-center {
    justify-content: center!important
}

.dtds-justify-end {
    justify-content: flex-end!important
}

.dtds-justify-space-between {
    justify-content: space-between!important
}

.dtds-justify-space-around {
    justify-content: space-around!important
}

.dtds-justify-space-evenly {
    justify-content: space-evenly!important
}

.dtds-justify-stretch {
    justify-content: stretch!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-justify-start {
        justify-content:flex-start!important
    }

    .xs\:dtds-justify-center {
        justify-content: center!important
    }

    .xs\:dtds-justify-end {
        justify-content: flex-end!important
    }

    .xs\:dtds-justify-space-between {
        justify-content: space-between!important
    }

    .xs\:dtds-justify-space-around {
        justify-content: space-around!important
    }

    .xs\:dtds-justify-space-evenly {
        justify-content: space-evenly!important
    }

    .xs\:dtds-justify-stretch {
        justify-content: stretch!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-justify-start {
        justify-content:flex-start!important
    }

    .sm\:dtds-justify-center {
        justify-content: center!important
    }

    .sm\:dtds-justify-end {
        justify-content: flex-end!important
    }

    .sm\:dtds-justify-space-between {
        justify-content: space-between!important
    }

    .sm\:dtds-justify-space-around {
        justify-content: space-around!important
    }

    .sm\:dtds-justify-space-evenly {
        justify-content: space-evenly!important
    }

    .sm\:dtds-justify-stretch {
        justify-content: stretch!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-justify-start {
        justify-content:flex-start!important
    }

    .md\:dtds-justify-center {
        justify-content: center!important
    }

    .md\:dtds-justify-end {
        justify-content: flex-end!important
    }

    .md\:dtds-justify-space-between {
        justify-content: space-between!important
    }

    .md\:dtds-justify-space-around {
        justify-content: space-around!important
    }

    .md\:dtds-justify-space-evenly {
        justify-content: space-evenly!important
    }

    .md\:dtds-justify-stretch {
        justify-content: stretch!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-justify-start {
        justify-content:flex-start!important
    }

    .lg\:dtds-justify-center {
        justify-content: center!important
    }

    .lg\:dtds-justify-end {
        justify-content: flex-end!important
    }

    .lg\:dtds-justify-space-between {
        justify-content: space-between!important
    }

    .lg\:dtds-justify-space-around {
        justify-content: space-around!important
    }

    .lg\:dtds-justify-space-evenly {
        justify-content: space-evenly!important
    }

    .lg\:dtds-justify-stretch {
        justify-content: stretch!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-justify-start {
        justify-content:flex-start!important
    }

    .xl\:dtds-justify-center {
        justify-content: center!important
    }

    .xl\:dtds-justify-end {
        justify-content: flex-end!important
    }

    .xl\:dtds-justify-space-between {
        justify-content: space-between!important
    }

    .xl\:dtds-justify-space-around {
        justify-content: space-around!important
    }

    .xl\:dtds-justify-space-evenly {
        justify-content: space-evenly!important
    }

    .xl\:dtds-justify-stretch {
        justify-content: stretch!important
    }
}

.dtds-text-display-xxl {
    font-size: 4rem!important;
    line-height: 1.2!important
}

@media screen and (min-width: 768px) {
    .dtds-text-display-xxl {
        font-size:4.5rem!important;
        line-height: 1.2!important
    }
}

.dtds-text-display-xxl.dtds-text-unresponsive {
    font-size: 4.5rem!important;
    line-height: 1.2!important
}

.dtds-text-display-xl {
    font-size: 3rem!important;
    line-height: 1.2!important
}

@media screen and (min-width: 768px) {
    .dtds-text-display-xl {
        font-size:4rem!important;
        line-height: 1.2!important
    }
}

.dtds-text-display-xl.dtds-text-unresponsive {
    font-size: 4rem!important;
    line-height: 1.2!important
}

.dtds-text-display-lg {
    font-size: 2.5rem!important;
    line-height: 1.2!important
}

@media screen and (min-width: 768px) {
    .dtds-text-display-lg {
        font-size:3rem!important;
        line-height: 1.2!important
    }
}

.dtds-text-display-lg.dtds-text-unresponsive {
    font-size: 3rem!important;
    line-height: 1.2!important
}

.dtds-text-display-md {
    font-size: 2rem!important;
    line-height: 1.2!important
}

@media screen and (min-width: 768px) {
    .dtds-text-display-md {
        font-size:2.5rem!important;
        line-height: 1.2!important
    }
}

.dtds-text-display-md.dtds-text-unresponsive {
    font-size: 2.5rem!important;
    line-height: 1.2!important
}

.dtds-text-display-sm {
    font-size: 1.5rem!important;
    line-height: 1.2!important
}

@media screen and (min-width: 768px) {
    .dtds-text-display-sm {
        font-size:2rem!important;
        line-height: 1.2!important
    }
}

.dtds-text-display-sm.dtds-text-unresponsive {
    font-size: 2rem!important;
    line-height: 1.2!important
}

.dtds-text-display-xs {
    font-size: 1.25rem!important;
    line-height: 1.4!important
}

@media screen and (min-width: 768px) {
    .dtds-text-display-xs {
        font-size:1.5rem!important;
        line-height: 1.4!important
    }
}

.dtds-text-display-xs.dtds-text-unresponsive {
    font-size: 1.5rem!important;
    line-height: 1.4!important
}

.dtds-text-display-xxs {
    font-size: .875rem!important;
    line-height: 1.4!important
}

@media screen and (min-width: 768px) {
    .dtds-text-display-xxs {
        font-size:1.25rem!important;
        line-height: 1.4!important
    }
}

.dtds-text-display-xxs.dtds-text-unresponsive {
    font-size: 1.25rem!important;
    line-height: 1.4!important
}

.dtds-text-xl {
    font-size: 1.25rem!important;
    line-height: 1.5!important
}

@media screen and (min-width: 768px) {
    .dtds-text-xl {
        font-size:1.5rem!important;
        line-height: 1.5!important
    }
}

.dtds-text-xl.dtds-text-unresponsive {
    font-size: 1.5rem!important;
    line-height: 1.5!important
}

.dtds-text-lg {
    font-size: 1rem!important;
    line-height: 1.5!important
}

@media screen and (min-width: 768px) {
    .dtds-text-lg {
        font-size:1.25rem!important;
        line-height: 1.4!important
    }
}

.dtds-text-lg.dtds-text-unresponsive {
    font-size: 1.25rem!important;
    line-height: 1.4!important
}

.dtds-text-md {
    font-size: .875rem!important;
    line-height: 1.6!important
}

@media screen and (min-width: 768px) {
    .dtds-text-md {
        font-size:1rem!important;
        line-height: 1.5!important
    }
}

.dtds-text-md.dtds-text-unresponsive {
    font-size: 1rem!important;
    line-height: 1.5!important
}

.dtds-text-sm {
    font-size: .75rem!important;
    line-height: 1.5!important
}

@media screen and (min-width: 768px) {
    .dtds-text-sm {
        font-size:.875rem!important;
        line-height: 1.6!important
    }
}

.dtds-text-sm.dtds-text-unresponsive {
    font-size: .875rem!important;
    line-height: 1.6!important
}

.dtds-text-xs {
    font-size: .75rem!important;
    line-height: 1.5!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-text-display-xxl {
        font-size:4rem!important;
        line-height: 1.2!important
    }

    .xs\:dtds-text-display-xl {
        font-size: 3rem!important;
        line-height: 1.2!important
    }

    .xs\:dtds-text-display-lg {
        font-size: 2.5rem!important;
        line-height: 1.2!important
    }

    .xs\:dtds-text-display-md {
        font-size: 2rem!important;
        line-height: 1.2!important
    }

    .xs\:dtds-text-display-sm {
        font-size: 1.5rem!important;
        line-height: 1.2!important
    }

    .xs\:dtds-text-display-xs {
        font-size: 1.25rem!important;
        line-height: 1.4!important
    }

    .xs\:dtds-text-display-xxs {
        font-size: .875rem!important;
        line-height: 1.4!important
    }

    .xs\:dtds-text-xl {
        font-size: 1.25rem!important;
        line-height: 1.5!important
    }

    .xs\:dtds-text-lg {
        font-size: 1rem!important;
        line-height: 1.5!important
    }

    .xs\:dtds-text-md {
        font-size: .875rem!important;
        line-height: 1.6!important
    }

    .xs\:dtds-text-sm,.xs\:dtds-text-xs {
        font-size: .75rem!important;
        line-height: 1.5!important
    }
}

@media screen and (min-width: 480px) {
    .sm\:dtds-text-display-xxl {
        font-size:4rem!important;
        line-height: 1.2!important
    }

    .sm\:dtds-text-display-xl {
        font-size: 3rem!important;
        line-height: 1.2!important
    }

    .sm\:dtds-text-display-lg {
        font-size: 2.5rem!important;
        line-height: 1.2!important
    }

    .sm\:dtds-text-display-md {
        font-size: 2rem!important;
        line-height: 1.2!important
    }

    .sm\:dtds-text-display-sm {
        font-size: 1.5rem!important;
        line-height: 1.2!important
    }

    .sm\:dtds-text-display-xs {
        font-size: 1.25rem!important;
        line-height: 1.4!important
    }

    .sm\:dtds-text-display-xxs {
        font-size: .875rem!important;
        line-height: 1.4!important
    }

    .sm\:dtds-text-xl {
        font-size: 1.25rem!important;
        line-height: 1.5!important
    }

    .sm\:dtds-text-lg {
        font-size: 1rem!important;
        line-height: 1.5!important
    }

    .sm\:dtds-text-md {
        font-size: .875rem!important;
        line-height: 1.6!important
    }

    .sm\:dtds-text-sm,.sm\:dtds-text-xs {
        font-size: .75rem!important;
        line-height: 1.5!important
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-text-display-xxl {
        font-size:4.5rem!important;
        line-height: 1.2!important
    }

    .md\:dtds-text-display-xl {
        font-size: 4rem!important;
        line-height: 1.2!important
    }

    .md\:dtds-text-display-lg {
        font-size: 3rem!important;
        line-height: 1.2!important
    }

    .md\:dtds-text-display-md {
        font-size: 2.5rem!important;
        line-height: 1.2!important
    }

    .md\:dtds-text-display-sm {
        font-size: 2rem!important;
        line-height: 1.2!important
    }

    .md\:dtds-text-display-xs {
        font-size: 1.5rem!important;
        line-height: 1.4!important
    }

    .md\:dtds-text-display-xxs {
        font-size: 1.25rem!important;
        line-height: 1.4!important
    }

    .md\:dtds-text-xl {
        font-size: 1.5rem!important;
        line-height: 1.5!important
    }

    .md\:dtds-text-lg {
        font-size: 1.25rem!important;
        line-height: 1.4!important
    }

    .md\:dtds-text-md {
        font-size: 1rem!important;
        line-height: 1.5!important
    }

    .md\:dtds-text-sm {
        font-size: .875rem!important;
        line-height: 1.6!important
    }

    .md\:dtds-text-xs {
        font-size: .75rem!important;
        line-height: 1.5!important
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-text-display-xxl {
        font-size:4rem!important;
        line-height: 1.2!important
    }

    .lg\:dtds-text-display-xl {
        font-size: 3rem!important;
        line-height: 1.2!important
    }

    .lg\:dtds-text-display-lg {
        font-size: 2.5rem!important;
        line-height: 1.2!important
    }

    .lg\:dtds-text-display-md {
        font-size: 2rem!important;
        line-height: 1.2!important
    }

    .lg\:dtds-text-display-sm {
        font-size: 1.5rem!important;
        line-height: 1.2!important
    }

    .lg\:dtds-text-display-xs {
        font-size: 1.25rem!important;
        line-height: 1.4!important
    }

    .lg\:dtds-text-display-xxs {
        font-size: .875rem!important;
        line-height: 1.4!important
    }

    .lg\:dtds-text-xl {
        font-size: 1.25rem!important;
        line-height: 1.5!important
    }

    .lg\:dtds-text-lg {
        font-size: 1rem!important;
        line-height: 1.5!important
    }

    .lg\:dtds-text-md {
        font-size: .875rem!important;
        line-height: 1.6!important
    }

    .lg\:dtds-text-sm,.lg\:dtds-text-xs {
        font-size: .75rem!important;
        line-height: 1.5!important
    }
}

@media screen and (min-width: 1440px) {
    .xl\:dtds-text-display-xxl {
        font-size:4rem!important;
        line-height: 1.2!important
    }

    .xl\:dtds-text-display-xl {
        font-size: 3rem!important;
        line-height: 1.2!important
    }

    .xl\:dtds-text-display-lg {
        font-size: 2.5rem!important;
        line-height: 1.2!important
    }

    .xl\:dtds-text-display-md {
        font-size: 2rem!important;
        line-height: 1.2!important
    }

    .xl\:dtds-text-display-sm {
        font-size: 1.5rem!important;
        line-height: 1.2!important
    }

    .xl\:dtds-text-display-xs {
        font-size: 1.25rem!important;
        line-height: 1.4!important
    }

    .xl\:dtds-text-display-xxs {
        font-size: .875rem!important;
        line-height: 1.4!important
    }

    .xl\:dtds-text-xl {
        font-size: 1.25rem!important;
        line-height: 1.5!important
    }

    .xl\:dtds-text-lg {
        font-size: 1rem!important;
        line-height: 1.5!important
    }

    .xl\:dtds-text-md {
        font-size: .875rem!important;
        line-height: 1.6!important
    }

    .xl\:dtds-text-sm,.xl\:dtds-text-xs {
        font-size: .75rem!important;
        line-height: 1.5!important
    }
}

@media screen and (min-width: 1920px) {
    .xxl\:dtds-text-display-xxl {
        font-size:4rem!important;
        line-height: 1.2!important
    }

    .xxl\:dtds-text-display-xl {
        font-size: 3rem!important;
        line-height: 1.2!important
    }

    .xxl\:dtds-text-display-lg {
        font-size: 2.5rem!important;
        line-height: 1.2!important
    }

    .xxl\:dtds-text-display-md {
        font-size: 2rem!important;
        line-height: 1.2!important
    }

    .xxl\:dtds-text-display-sm {
        font-size: 1.5rem!important;
        line-height: 1.2!important
    }

    .xxl\:dtds-text-display-xs {
        font-size: 1.25rem!important;
        line-height: 1.4!important
    }

    .xxl\:dtds-text-display-xxs {
        font-size: .875rem!important;
        line-height: 1.4!important
    }

    .xxl\:dtds-text-xl {
        font-size: 1.25rem!important;
        line-height: 1.5!important
    }

    .xxl\:dtds-text-lg {
        font-size: 1rem!important;
        line-height: 1.5!important
    }

    .xxl\:dtds-text-md {
        font-size: .875rem!important;
        line-height: 1.6!important
    }

    .xxl\:dtds-text-sm,.xxl\:dtds-text-xs {
        font-size: .75rem!important;
        line-height: 1.5!important
    }
}

.dtds-extra-light {
    font-weight: 100!important
}

.dtds-light {
    font-weight: 400!important
}

.dtds-normal {
    font-weight: 500!important
}

.dtds-semi-bold {
    font-weight: 600!important
}

.dtds-bold {
    font-weight: 700!important
}

.dtds-extra-bold {
    font-weight: 800!important
}

.dtds-italic {
    font-style: italic!important
}

.dtds-align-center {
    text-align: center!important
}

.dtds-align-right {
    text-align: right!important
}

.dtds-align-left {
    text-align: left!important
}

@media screen and (max-width: 767px) {
    .xs\:dtds-align-center {
        text-align:center!important
    }
}

.dtds-visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .xs\:dtds-visuallyhidden {
        border:0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }
}

@media screen and (min-width: 768px) {
    .md\:dtds-visuallyhidden {
        border:0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }
}

@media screen and (min-width: 1024px) {
    .lg\:dtds-visuallyhidden {
        border:0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }
}

.dtds-visuallyhidden.focusable:active,.dtds-visuallyhidden.focusable:focus {
    clip: auto;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit
}

.dtds-rotate-180 {
    transform: rotate(180deg)!important
}

:root {
    --font-size-display-xxl: 4.5rem;
    --font-size-display-xl: 4rem;
    --font-size-display-lg: 3rem;
    --font-size-display-md: 2.5rem;
    --font-size-display-sm: 2rem;
    --font-size-display-xs: 1.5rem;
    --font-size-display-xxs: 1.25rem;
    --font-size-text-xl: 1.5rem;
    --font-size-text-lg: 1.25rem;
    --font-size-text-md: 1rem;
    --font-size-text-sm: .875rem;
    --font-size-text-xs: .75rem;
    --button-border-radius: 40px;
    --button-font-weight: 700;
    --button-min-width: 0;
    --button-transition: all $time-transition-base;
    --button-gap: 8px;
    --button--xxlarge-gap: 12px;
    --button--primary-background-color: #9d57b2;
    --button--primary-border: 1px solid #bd8bca;
    --button--primary--hover-background-color: #bd8bca;
    --button--primary--hover-border: 1px solid #bd8bca;
    --button--primary--hover-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .06), 0 1px 3px 0 rgba(16, 24, 40, .1);
    --button--primary--focus-background-color: #bd8bca;
    --button--primary--focus-border: 1px solid transparent;
    --button--primary--focus-box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 3px #F7F1F9;
    --button--primary--disabled-background-color: #e7e9eb;
    --button--primary--disabled-border: 1px solid #BEC4C9;
    --button--primary--disabled-color: #BEC4C9;
    --button--primary-color: #ffffff;
    --button--primary-box-shadow: none;
    --button--primary--hover-color: #ffffff;
    --button--primary--focus-color: #ffffff;
    --button--primary--focus-outline: none;
    --button--secondary-background-color: transparent;
    --button--secondary-color: #9d57b2;
    --button--secondary-border: 1px solid #9d57b2;
    --button--secondary--hover-background-color: #F7F1F9;
    --button--secondary--hover-color: #9d57b2;
    --button--secondary--hover-border: 1px solid #9d57b2;
    --button--secondary--hover-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .06), 0 1px 3px 0 rgba(16, 24, 40, .1);
    --button--secondary--focus-background-color: #F7F1F9;
    --button--secondary--focus-color: #9d57b2;
    --button--secondary--focus-border: 1px solid;
    --button--secondary--focus-box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 3px #F7F1F9;
    --button--secondary--disabled-background-color: #e7e9eb;
    --button--secondary--disabled-color: #BEC4C9;
    --button--secondary--disabled-border: 1px solid #BEC4C9;
    --button--secondary-box-shadow: none;
    --button--secondary--focus-outline: none;
    --button--tertiary-background-color: #ffffff;
    --button--tertiary-color: #354657;
    --button--tertiary-border: 1px solid #BEC4C9;
    --button--tertiary--hover-background-color: #f9f9f9;
    --button--tertiary--hover-color: #354657;
    --button--tertiary--hover-border: 1px solid #BEC4C9;
    --button--tertiary--hover-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .06), 0 1px 3px 0 rgba(16, 24, 40, .1);
    --button--tertiary--focus-background-color: #ffffff;
    --button--tertiary--focus-color: #354657;
    --button--tertiary--focus-border: 1px solid #BEC4C9;
    --button--tertiary--focus-box-shadow: 0 0 0 3px #e7e9eb;
    --button--tertiary--disabled-background-color: #e7e9eb;
    --button--tertiary--disabled-color: #BEC4C9;
    --button--tertiary--disabled-border: 1px solid #BEC4C9;
    --button--tertiary-box-shadow: none;
    --button--tertiary--focus-outline: none;
    --button--xsmall-min-width: 0;
    --button--xsmall-min-width--md: 0;
    --button--xsmall-padding: 0 12px;
    --button--xsmall-min-height: 32px;
    --button--xsmall-min-height--md: 32px;
    --button--xsmall-font-size: var(--font-size-text-sm);
    --button--xsmall-font-size--md: var(--font-size-text-sm);
    --button--xsmall-line-height: 1.6;
    --button--xsmall-line-height--md: 1.6;
    --button--small-min-width: 0;
    --button--small-min-width--md: 0;
    --button--small-padding: 0 14px;
    --button--small-min-height: 32px;
    --button--small-min-height--md: 36px;
    --button--small-font-size: var(--font-size-text-sm);
    --button--small-font-size--md: var(--font-size-text-sm);
    --button--small-line-height: 1.6;
    --button--small-line-height--md: 1.6;
    --button--medium-min-width: 0;
    --button--medium-min-width--md: 0;
    --button--medium-padding: 0 16px;
    --button--medium-min-height: 36px;
    --button--medium-min-height--md: 40px;
    --button--medium-font-size: var(--font-size-text-sm);
    --button--medium-font-size--md: var(--font-size-text-sm);
    --button--medium-line-height: 1.6;
    --button--medium-line-height--md: 1.6;
    --button--large-min-width: 0;
    --button--large-min-width--md: 0;
    --button--large-padding: 0 18px;
    --button--large-min-height: 40px;
    --button--large-min-height--md: 44px;
    --button--large-font-size: var(--font-size-text-md);
    --button--large-font-size--md: var(--font-size-text-md);
    --button--large-line-height: 1.5;
    --button--large-line-height--md: 1.5;
    --button--xlarge-min-width: 0;
    --button--xlarge-min-width--md: 0;
    --button--xlarge-padding: 0 20px;
    --button--xlarge-min-height: 44px;
    --button--xlarge-min-height--md: 48px;
    --button--xlarge-font-size: var(--font-size-text-md);
    --button--xlarge-font-size--md: var(--font-size-text-md);
    --button--xlarge-line-height: 1.5;
    --button--xlarge-line-height--md: 1.5;
    --button--xxlarge-min-width: 0;
    --button--xxlarge-min-width--md: 0;
    --button--xxlarge-padding: 0 28px;
    --button--xxlarge-min-height: 48px;
    --button--xxlarge-min-height--md: 56px;
    --button--xxlarge-font-size: var(--font-size-text-md);
    --button--xxlarge-line-height: 1.4;
    --radio-button__field-border: 2px solid #BEC4C9;
    --radio-button-dot-color: #9d57b2;
    --radio-button__label-color: #354657;
    --radio-button__helper-color: #6e7a87;
    --radio-button__optional-color: #84909B;
    --radio-button--checked__field-background-color: #ffffff;
    --radio-button--checked__field-border: 2px solid #9d57b2;
    --radio-button--focus__field-outline: 4px solid #F7F1F9;
    --radio-button--disabled__field-background-color: #e7e9eb;
    --radio-button--disabled__field-border: 2px solid #BEC4C9;
    --radio-button--disabled-color: #d0d5dd;
    --radio-button--disabled-dot-color: #d0d5dd;
    --radio-button--disabled__optional-color: #e7e9eb;
    --radio-button--hover__field-background-color: #eee;
    --radio-button--hover__field-border: 1px solid #000000;
    --radio-button__error-color: #f04438;
    --checkbox__input-background: #ffffff;
    --checkbox__input-border: 1.5px solid #BEC4C9;
    --checkbox__icon-color: #ffffff;
    --checkbox--focus__input-border: 1.5px solid #BEC4C9;
    --checkbox--focus__input-outline: 4px solid #EADAEE;
    --checkbox--checked__input-background: #9d57b2;
    --checkbox--checked__input-border: 1.5px solid #bd8bca;
    --checkbox--disabled__input-background: #e7e9eb;
    --checkbox--disabled__input-border: 1.5px solid #BEC4C9;
    --checkbox--disabled-color: #BEC4C9;
    --checkbox--disabled__icon-color: #d0d5dd;
    --input__label-color: #354657;
    --input__field-color: #354657;
    --input__field-border: 1px solid #bec4c9;
    --input__field-placeholder-color: #6e7a87;
    --input__helper-color: #6e7a87;
    --input__optional-color: #84909B;
    --input__icon-color: #84909B;
    --input__error-color: #f04438;
    --input__prefix-bg-color: #ffffff;
    --input__prefix-border: 1px solid #bec4c9;
    --input__prefix-color: #354657;
    --input--disabled__field-bg-color: #e7e9eb;
    --input--disabled__field-color: #BEC4C9;
    --input--disabled__placeholder-color: #BEC4C9;
    --input--disabled__prefix-bg-color: #f9f9f9;
    --input--disabled__prefix-color: #BEC4C9;
    --input--focus__field-border: 1px solid #5597E2;
    --input--focus__field-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #EBF3FC;
    --input--error__field-border: 1px solid #f04438;
    --input--disabled__field-background-color: #eee;
    --input--focus__field-outline: 4px solid #ddd;
    --input__hint-color: #333;
    --input--error__hint-color: #f04438;
    --input--error__field--focus-border: 1px solid #f04438;
    --input--error__field--focus-outline: 1px solid #f04438;
    --table--zerba-alt-color: #EBF3FC;
    --table__cell-spacing: 12px;
    --table__cell-border-color: #BEC4C9
}

.dtds-container {
    width: auto;
    margin-left: 12px;
    margin-right: 12px
}

@media screen and (min-width: 1024px) {
    .dtds-container {
        max-width:1320px;
        width: 100%;
        padding-left: 24px;
        padding-right: 24px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 1024px) {
    .dtds-container--narrow {
        max-width:760px
    }
}

.dtds-flex {
    display: flex;
    flex: 1
}

.dtds-flex--wrap {
    flex-wrap: wrap
}

.dtds-flex--full-width-children>* {
    flex: 1 1 100%
}

.dtds-main {
    padding-top: 82px
}

@media screen and (min-width: 1024px) {
    .dtds-main {
        padding-top:100px
    }
}

.dtds-main--flush {
    padding-top: 0
}