:where(.css-djtmh8)[class^="ant-form"], :where(.css-djtmh8)[class*=" ant-form"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; box-sizing: border-box; } :where(.css-djtmh8)[class^="ant-form"]::before, :where(.css-djtmh8)[class*=" ant-form"]::before, :where(.css-djtmh8)[class^="ant-form"]::after, :where(.css-djtmh8)[class*=" ant-form"]::after { box-sizing: border-box; } :where(.css-djtmh8)[class^="ant-form"] [class^="ant-form"], :where(.css-djtmh8)[class*=" ant-form"] [class^="ant-form"], :where(.css-djtmh8)[class^="ant-form"] [class*=" ant-form"], :where(.css-djtmh8)[class*=" ant-form"] [class*=" ant-form"] { box-sizing: border-box; } :where(.css-djtmh8)[class^="ant-form"] [class^="ant-form"]::before, :where(.css-djtmh8)[class*=" ant-form"] [class^="ant-form"]::before, :where(.css-djtmh8)[class^="ant-form"] [class*=" ant-form"]::before, :where(.css-djtmh8)[class*=" ant-form"] [class*=" ant-form"]::before, :where(.css-djtmh8)[class^="ant-form"] [class^="ant-form"]::after, :where(.css-djtmh8)[class*=" ant-form"] [class^="ant-form"]::after, :where(.css-djtmh8)[class^="ant-form"] [class*=" ant-form"]::after, :where(.css-djtmh8)[class*=" ant-form"] [class*=" ant-form"]::after { box-sizing: border-box; } :where(.css-djtmh8).ant-form { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } :where(.css-djtmh8).ant-form legend { display: block; width: 100%; margin-bottom: 24px; padding: 0; color: rgba(0, 0, 0, 0.45); font-size: 16px; line-height: inherit; border: 0; border-bottom: 1px solid #d9d9d9; } :where(.css-djtmh8).ant-form input[type="search"] { box-sizing: border-box; } :where(.css-djtmh8).ant-form input[type="radio"], :where(.css-djtmh8).ant-form input[type="checkbox"] { line-height: normal; } :where(.css-djtmh8).ant-form input[type="file"] { display: block; } :where(.css-djtmh8).ant-form input[type="range"] { display: block; width: 100%; } :where(.css-djtmh8).ant-form select[multiple], :where(.css-djtmh8).ant-form select[size] { height: auto; } :where(.css-djtmh8).ant-form input[type="file"]:focus, :where(.css-djtmh8).ant-form input[type="radio"]:focus, :where(.css-djtmh8).ant-form input[type="checkbox"]:focus { outline: 0; box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1); } :where(.css-djtmh8).ant-form output { display: block; padding-top: 15px; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; } :where(.css-djtmh8).ant-form .ant-form-text { display: inline-block; padding-inline-end: 12px; } :where(.css-djtmh8).ant-form-small .ant-form-item .ant-form-item-label > label { height: 24px; } :where(.css-djtmh8).ant-form-small .ant-form-item .ant-form-item-control-input { min-height: 24px; } :where(.css-djtmh8).ant-form-large .ant-form-item .ant-form-item-label > label { height: 40px; } :where(.css-djtmh8).ant-form-large .ant-form-item .ant-form-item-control-input { min-height: 40px; } :where(.css-djtmh8).ant-form-item { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin-bottom: 24px; vertical-align: top; } :where(.css-djtmh8).ant-form-item-with-help { transition: none; } :where(.css-djtmh8).ant-form-item-hidden, :where(.css-djtmh8).ant-form-item-hidden.ant-row { display: none; } :where(.css-djtmh8).ant-form-item-has-warning .ant-form-item-split { color: #ff4d4f; } :where(.css-djtmh8).ant-form-item-has-error .ant-form-item-split { color: #faad14; } :where(.css-djtmh8).ant-form-item .ant-form-item-label { flex-grow: 0; overflow: hidden; white-space: nowrap; text-align: end; vertical-align: middle; } :where(.css-djtmh8).ant-form-item .ant-form-item-label-left { text-align: start; } :where(.css-djtmh8).ant-form-item .ant-form-item-label-wrap { overflow: unset; line-height: 1.5714285714285714; white-space: unset; } :where(.css-djtmh8).ant-form-item .ant-form-item-label > label { position: relative; display: inline-flex; align-items: center; max-width: 100%; height: 32px; color: rgba(0, 0, 0, 0.88); font-size: 14px; } :where(.css-djtmh8).ant-form-item .ant-form-item-label > label > .anticon { font-size: 14px; vertical-align: top; } :where(.css-djtmh8).ant-form-item .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { display: inline-block; margin-inline-end: 4px; color: #ff4d4f; font-size: 14px; font-family: SimSun, sans-serif; line-height: 1; content: "*"; } .ant-form-hide-required-mark :where(.css-djtmh8).ant-form-item .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { display: none; } :where(.css-djtmh8).ant-form-item .ant-form-item-label > label .ant-form-item-optional { display: inline-block; margin-inline-start: 4px; color: rgba(0, 0, 0, 0.45); } .ant-form-hide-required-mark :where(.css-djtmh8).ant-form-item .ant-form-item-label > label .ant-form-item-optional { display: none; } :where(.css-djtmh8).ant-form-item .ant-form-item-label > label .ant-form-item-tooltip { color: rgba(0, 0, 0, 0.45); cursor: help; writing-mode: horizontal-tb; margin-inline-start: 4px; } :where(.css-djtmh8).ant-form-item .ant-form-item-label > label::after { content: ":"; position: relative; margin-block: 0; margin-inline-start: 2px; margin-inline-end: 8px; } :where(.css-djtmh8).ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after { content: "\a0"; } :where(.css-djtmh8).ant-form-item .ant-form-item-control { --ant-display: flex; flex-direction: column; flex-grow: 1; } :where(.css-djtmh8).ant-form-item .ant-form-item-control:first-child:not([class^="'ant-col-'"]):not([class*="' ant-col-'"]) { width: 100%; } :where(.css-djtmh8).ant-form-item .ant-form-item-control-input { position: relative; display: flex; align-items: center; min-height: 32px; } :where(.css-djtmh8).ant-form-item .ant-form-item-control-input-content { flex: auto; max-width: 100%; } :where(.css-djtmh8).ant-form-item .ant-form-item-explain, :where(.css-djtmh8).ant-form-item .ant-form-item-extra { clear: both; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5714285714285714; } :where(.css-djtmh8).ant-form-item .ant-form-item-explain-connected { width: 100%; } :where(.css-djtmh8).ant-form-item .ant-form-item-extra { min-height: 24px; transition: color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); } :where(.css-djtmh8).ant-form-item .ant-form-item-explain-error { color: #ff4d4f; } :where(.css-djtmh8).ant-form-item .ant-form-item-explain-warning { color: #faad14; } :where(.css-djtmh8).ant-form-item-with-help .ant-form-item-explain { height: auto; opacity: 1; } :where(.css-djtmh8).ant-form-item .ant-form-item-feedback-icon { font-size: 14px; text-align: center; visibility: visible; animation-name: css-djtmh8-antZoomIn; animation-duration: 0.2s; animation-timing-function: cubic-bezier(0.12, 0.4, 0.29, 1.46); pointer-events: none; } :where(.css-djtmh8).ant-form-item .ant-form-item-feedback-icon-success { color: #52c41a; } :where(.css-djtmh8).ant-form-item .ant-form-item-feedback-icon-error { color: #ff4d4f; } :where(.css-djtmh8).ant-form-item .ant-form-item-feedback-icon-warning { color: #faad14; } :where(.css-djtmh8).ant-form-item .ant-form-item-feedback-icon-validating { color: #1677ff; } :where(.css-djtmh8).ant-form-show-help { transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } :where(.css-djtmh8).ant-form-show-help-appear, :where(.css-djtmh8).ant-form-show-help-enter { opacity: 0; } :where(.css-djtmh8).ant-form-show-help-appear-active, :where(.css-djtmh8).ant-form-show-help-enter-active { opacity: 1; } :where(.css-djtmh8).ant-form-show-help-leave { opacity: 1; } :where(.css-djtmh8).ant-form-show-help-leave-active { opacity: 0; } :where(.css-djtmh8).ant-form-show-help .ant-form-show-help-item { overflow: hidden; transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } :where(.css-djtmh8).ant-form-show-help .ant-form-show-help-item.ant-form-show-help-item-appear, :where(.css-djtmh8).ant-form-show-help .ant-form-show-help-item.ant-form-show-help-item-enter { transform: translateY(-5px); opacity: 0; } :where(.css-djtmh8).ant-form-show-help .ant-form-show-help-item.ant-form-show-help-item-appear-active, :where(.css-djtmh8).ant-form-show-help .ant-form-show-help-item.ant-form-show-help-item-enter-active { transform: translateY(0); opacity: 1; } :where(.css-djtmh8).ant-form-show-help .ant-form-show-help-item.ant-form-show-help-item-leave-active { transform: translateY(-5px); } :where(.css-djtmh8).ant-form-horizontal .ant-form-item-label { flex-grow: 0; } :where(.css-djtmh8).ant-form-horizontal .ant-form-item-control { flex: 1 1 0; min-width: 0; } :where(.css-djtmh8).ant-form-horizontal .ant-form-item-label[class$="-24"] + .ant-form-item-control, :where(.css-djtmh8).ant-form-horizontal .ant-form-item-label[class*="-24 "] + .ant-form-item-control { min-width: unset; } :where(.css-djtmh8).ant-form-inline { display: flex; flex-wrap: wrap; } :where(.css-djtmh8).ant-form-inline .ant-form-item { flex: none; margin-inline-end: 16px; margin-bottom: 0; } :where(.css-djtmh8).ant-form-inline .ant-form-item-row { flex-wrap: nowrap; } :where(.css-djtmh8).ant-form-inline .ant-form-item > .ant-form-item-label, :where(.css-djtmh8).ant-form-inline .ant-form-item > .ant-form-item-control { display: inline-block; vertical-align: top; } :where(.css-djtmh8).ant-form-inline .ant-form-item > .ant-form-item-label { flex: none; } :where(.css-djtmh8).ant-form-inline .ant-form-item .ant-form-text { display: inline-block; } :where(.css-djtmh8).ant-form-inline .ant-form-item .ant-form-item-has-feedback { display: inline-block; } :where(.css-djtmh8).ant-form-vertical .ant-form-item-row { flex-direction: column; } :where(.css-djtmh8).ant-form-vertical .ant-form-item-label > label { height: auto; } :where(.css-djtmh8).ant-form-vertical .ant-form-item .ant-form-item-control { width: 100%; } :where(.css-djtmh8).ant-form-vertical .ant-form-item-label, :where(.css-djtmh8).ant-col-24.ant-form-item-label, :where(.css-djtmh8).ant-col-xl-24.ant-form-item-label { padding: 0 0 8px; margin: 0; white-space: initial; text-align: start; } :where(.css-djtmh8).ant-form-vertical .ant-form-item-label > label, :where(.css-djtmh8).ant-col-24.ant-form-item-label > label, :where(.css-djtmh8).ant-col-xl-24.ant-form-item-label > label { margin: 0; } :where(.css-djtmh8).ant-form-vertical .ant-form-item-label > label::after, :where(.css-djtmh8).ant-col-24.ant-form-item-label > label::after, :where(.css-djtmh8).ant-col-xl-24.ant-form-item-label > label::after { visibility: hidden; } @media (max-width: 575px) { :where(.css-djtmh8).ant-form-item .ant-form-item-label { padding: 0 0 8px; margin: 0; white-space: initial; text-align: start; } :where(.css-djtmh8).ant-form-item .ant-form-item-label > label { margin: 0; } :where(.css-djtmh8).ant-form-item .ant-form-item-label > label::after { visibility: hidden; } :where(.css-djtmh8).ant-form:not(.ant-form-inline) .ant-form-item { flex-wrap: wrap; } :where(.css-djtmh8).ant-form:not(.ant-form-inline) .ant-form-item .ant-form-item-label:not([class*=" ant-col-xs"]), :where(.css-djtmh8).ant-form:not(.ant-form-inline) .ant-form-item .ant-form-item-control:not([class*=" ant-col-xs"]) { flex: 0 0 100%; max-width: 100%; } :where(.css-djtmh8).ant-form .ant-col-xs-24.ant-form-item-label { padding: 0 0 8px; margin: 0; white-space: initial; text-align: start; } :where(.css-djtmh8).ant-form .ant-col-xs-24.ant-form-item-label > label { margin: 0; } :where(.css-djtmh8).ant-form .ant-col-xs-24.ant-form-item-label > label::after { visibility: hidden; } } @media (max-width: 767px) { :where(.css-djtmh8).ant-form .ant-col-sm-24.ant-form-item-label { padding: 0 0 8px; margin: 0; white-space: initial; text-align: start; } :where(.css-djtmh8).ant-form .ant-col-sm-24.ant-form-item-label > label { margin: 0; } :where(.css-djtmh8).ant-form .ant-col-sm-24.ant-form-item-label > label::after { visibility: hidden; } } @media (max-width: 991px) { :where(.css-djtmh8).ant-form .ant-col-md-24.ant-form-item-label { padding: 0 0 8px; margin: 0; white-space: initial; text-align: start; } :where(.css-djtmh8).ant-form .ant-col-md-24.ant-form-item-label > label { margin: 0; } :where(.css-djtmh8).ant-form .ant-col-md-24.ant-form-item-label > label::after { visibility: hidden; } } @media (max-width: 1199px) { :where(.css-djtmh8).ant-form .ant-col-lg-24.ant-form-item-label { padding: 0 0 8px; margin: 0; white-space: initial; text-align: start; } :where(.css-djtmh8).ant-form .ant-col-lg-24.ant-form-item-label > label { margin: 0; } :where(.css-djtmh8).ant-form .ant-col-lg-24.ant-form-item-label > label::after { visibility: hidden; } } :where(.css-djtmh8).ant-form .ant-motion-collapse-legacy { overflow: hidden; } :where(.css-djtmh8).ant-form .ant-motion-collapse-legacy-active { transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } :where(.css-djtmh8).ant-form .ant-motion-collapse { overflow: hidden; transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } @keyframes css-djtmh8-antZoomIn { 0% { transform: scale(0.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } :where(.css-djtmh8) a { color: #1677ff; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; -webkit-text-decoration-skip: objects; } :where(.css-djtmh8) a:hover { color: #69b1ff; } :where(.css-djtmh8) a:active { color: #0958d9; } :where(.css-djtmh8) a:active, :where(.css-djtmh8) a:hover { text-decoration: none; outline: 0; } :where(.css-djtmh8) a:focus { text-decoration: none; outline: 0; } :where(.css-djtmh8) a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } :where(.css-djtmh8).ant-flex { display: flex; } :where(.css-djtmh8).ant-flex-vertical { flex-direction: column; } :where(.css-djtmh8).ant-flex-rtl { direction: rtl; } :where(.css-djtmh8).ant-flex:empty { display: none; } :where(.css-djtmh8).ant-flex-gap-small { gap: 8px; } :where(.css-djtmh8).ant-flex-gap-middle { gap: 16px; } :where(.css-djtmh8).ant-flex-gap-large { gap: 24px; } :where(.css-djtmh8).ant-flex-wrap-wrap { flex-wrap: wrap; } :where(.css-djtmh8).ant-flex-wrap-nowrap { flex-wrap: nowrap; } :where(.css-djtmh8).ant-flex-wrap-wrap-reverse { flex-wrap: wrap-reverse; } :where(.css-djtmh8).ant-flex-align-center { align-items: center; } :where(.css-djtmh8).ant-flex-align-start { align-items: start; } :where(.css-djtmh8).ant-flex-align-end { align-items: end; } :where(.css-djtmh8).ant-flex-align-flex-start { align-items: flex-start; } :where(.css-djtmh8).ant-flex-align-flex-end { align-items: flex-end; } :where(.css-djtmh8).ant-flex-align-self-start { align-items: self-start; } :where(.css-djtmh8).ant-flex-align-self-end { align-items: self-end; } :where(.css-djtmh8).ant-flex-align-baseline { align-items: baseline; } :where(.css-djtmh8).ant-flex-align-normal { align-items: normal; } :where(.css-djtmh8).ant-flex-align-stretch { align-items: stretch; } :where(.css-djtmh8).ant-flex-justify-flex-start { justify-content: flex-start; } :where(.css-djtmh8).ant-flex-justify-flex-end { justify-content: flex-end; } :where(.css-djtmh8).ant-flex-justify-start { justify-content: start; } :where(.css-djtmh8).ant-flex-justify-end { justify-content: end; } :where(.css-djtmh8).ant-flex-justify-center { justify-content: center; } :where(.css-djtmh8).ant-flex-justify-space-between { justify-content: space-between; } :where(.css-djtmh8).ant-flex-justify-space-around { justify-content: space-around; } :where(.css-djtmh8).ant-flex-justify-space-evenly { justify-content: space-evenly; } :where(.css-djtmh8).ant-flex-justify-stretch { justify-content: stretch; } :where(.css-djtmh8).ant-flex-justify-normal { justify-content: normal; } :where(.css-djtmh8).ant-flex-justify-left { justify-content: left; } :where(.css-djtmh8).ant-flex-justify-right { justify-content: right; } :where(.css-djtmh8).ant-btn { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; box-sizing: border-box; } :where(.css-djtmh8).ant-btn::before, :where(.css-djtmh8).ant-btn::after { box-sizing: border-box; } :where(.css-djtmh8).ant-btn [class^="ant-btn"], :where(.css-djtmh8).ant-btn [class*=" ant-btn"] { box-sizing: border-box; } :where(.css-djtmh8).ant-btn [class^="ant-btn"]::before, :where(.css-djtmh8).ant-btn [class*=" ant-btn"]::before, :where(.css-djtmh8).ant-btn [class^="ant-btn"]::after, :where(.css-djtmh8).ant-btn [class*=" ant-btn"]::after { box-sizing: border-box; } :where(.css-djtmh8).ant-btn { outline: none; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; background: transparent; border: 1px solid transparent; cursor: pointer; transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; touch-action: manipulation; color: rgba(0, 0, 0, 0.88); } :where(.css-djtmh8).ant-btn:disabled > * { pointer-events: none; } :where(.css-djtmh8).ant-btn > span { display: inline-block; } :where(.css-djtmh8).ant-btn .ant-btn-icon { line-height: 0; } :where(.css-djtmh8).ant-btn > .anticon + span, :where(.css-djtmh8).ant-btn > span + .anticon { margin-inline-start: 8px; } :where(.css-djtmh8).ant-btn:not(.ant-btn-icon-only) > .ant-btn-icon.ant-btn-loading-icon, :where(.css-djtmh8).ant-btn:not(.ant-btn-icon-only) > .ant-btn-icon:not(:last-child) { margin-inline-end: 8px; } :where(.css-djtmh8).ant-btn > a { color: currentColor; } :where(.css-djtmh8).ant-btn:not(:disabled):focus-visible { outline: 4px solid #91caff; outline-offset: 1px; transition: outline-offset 0s, outline 0s; } :where(.css-djtmh8).ant-btn.ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } :where(.css-djtmh8).ant-btn.ant-btn-two-chinese-chars > *:not(.anticon) { margin-inline-end: -0.34em; letter-spacing: 0.34em; } :where(.css-djtmh8).ant-btn-icon-only.ant-btn-compact-item { flex: none; } :where(.css-djtmh8).ant-btn { font-size: 14px; line-height: 1.5714285714285714; height: 32px; padding: 4px 15px; border-radius: 6px; } :where(.css-djtmh8).ant-btn.ant-btn-icon-only { width: 32px; padding-inline-start: 0; padding-inline-end: 0; } :where(.css-djtmh8).ant-btn.ant-btn-icon-only.ant-btn-round { width: auto; } :where(.css-djtmh8).ant-btn.ant-btn-icon-only .anticon { font-size: 16px; } :where(.css-djtmh8).ant-btn.ant-btn-loading { opacity: 0.65; cursor: default; } :where(.css-djtmh8).ant-btn .ant-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } :where(.css-djtmh8).ant-btn.ant-btn-circle.ant-btn { min-width: 32px; padding-inline-start: 0; padding-inline-end: 0; border-radius: 50%; } :where(.css-djtmh8).ant-btn.ant-btn-round.ant-btn { border-radius: 32px; padding-inline-start: 16px; padding-inline-end: 16px; } :where(.css-djtmh8).ant-btn-sm { font-size: 14px; line-height: 1.5714285714285714; height: 24px; padding: 0px 7px; border-radius: 4px; } :where(.css-djtmh8).ant-btn-sm.ant-btn-icon-only { width: 24px; padding-inline-start: 0; padding-inline-end: 0; } :where(.css-djtmh8).ant-btn-sm.ant-btn-icon-only.ant-btn-round { width: auto; } :where(.css-djtmh8).ant-btn-sm.ant-btn-icon-only .anticon { font-size: 14px; } :where(.css-djtmh8).ant-btn-sm.ant-btn-loading { opacity: 0.65; cursor: default; } :where(.css-djtmh8).ant-btn-sm .ant-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } :where(.css-djtmh8).ant-btn.ant-btn-circle.ant-btn-sm { min-width: 24px; padding-inline-start: 0; padding-inline-end: 0; border-radius: 50%; } :where(.css-djtmh8).ant-btn.ant-btn-round.ant-btn-sm { border-radius: 24px; padding-inline-start: 12px; padding-inline-end: 12px; } :where(.css-djtmh8).ant-btn-lg { font-size: 16px; line-height: 1.5; height: 40px; padding: 7px 15px; border-radius: 8px; } :where(.css-djtmh8).ant-btn-lg.ant-btn-icon-only { width: 40px; padding-inline-start: 0; padding-inline-end: 0; } :where(.css-djtmh8).ant-btn-lg.ant-btn-icon-only.ant-btn-round { width: auto; } :where(.css-djtmh8).ant-btn-lg.ant-btn-icon-only .anticon { font-size: 18px; } :where(.css-djtmh8).ant-btn-lg.ant-btn-loading { opacity: 0.65; cursor: default; } :where(.css-djtmh8).ant-btn-lg .ant-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } :where(.css-djtmh8).ant-btn.ant-btn-circle.ant-btn-lg { min-width: 40px; padding-inline-start: 0; padding-inline-end: 0; border-radius: 50%; } :where(.css-djtmh8).ant-btn.ant-btn-round.ant-btn-lg { border-radius: 40px; padding-inline-start: 20px; padding-inline-end: 20px; } :where(.css-djtmh8).ant-btn.ant-btn-block { width: 100%; } :where(.css-djtmh8).ant-btn-default { background: #ffffff; border-color: #d9d9d9; color: rgba(0, 0, 0, 0.88); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02); } :where(.css-djtmh8).ant-btn-default:disabled, :where(.css-djtmh8).ant-btn-default.ant-btn-disabled { cursor: not-allowed; border-color: #d9d9d9; color: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.04); box-shadow: none; } :where(.css-djtmh8).ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover { color: #4096ff; border-color: #4096ff; background: #ffffff; } :where(.css-djtmh8).ant-btn-default:not(:disabled):not(.ant-btn-disabled):active { color: #0958d9; border-color: #0958d9; background: #ffffff; } :where(.css-djtmh8).ant-btn-default.ant-btn-background-ghost { color: #ffffff; background: transparent; border-color: #ffffff; box-shadow: none; } :where(.css-djtmh8).ant-btn-default.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):hover { background: transparent; } :where(.css-djtmh8).ant-btn-default.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):active { background: transparent; } :where(.css-djtmh8).ant-btn-default.ant-btn-background-ghost:disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; } :where(.css-djtmh8).ant-btn-default.ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; } :where(.css-djtmh8).ant-btn-default.ant-btn-dangerous:not(:disabled):not(.ant-btn-disabled):hover { color: #ff7875; border-color: #ffa39e; } :where(.css-djtmh8).ant-btn-default.ant-btn-dangerous:not(:disabled):not(.ant-btn-disabled):active { color: #d9363e; border-color: #d9363e; } :where(.css-djtmh8).ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost { color: #ff4d4f; background: transparent; border-color: #ff4d4f; box-shadow: none; } :where(.css-djtmh8).ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):hover { background: transparent; } :where(.css-djtmh8).ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):active { background: transparent; } :where(.css-djtmh8).ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost:disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; } :where(.css-djtmh8).ant-btn-default.ant-btn-dangerous:disabled, :where(.css-djtmh8).ant-btn-default.ant-btn-dangerous.ant-btn-disabled { cursor: not-allowed; border-color: #d9d9d9; color: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.04); box-shadow: none; } :where(.css-djtmh8).ant-btn-primary { color: #fff; background: #1677ff; box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1); } :where(.css-djtmh8).ant-btn-primary:disabled, :where(.css-djtmh8).ant-btn-primary.ant-btn-disabled { cursor: not-allowed; border-color: #d9d9d9; color: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.04); box-shadow: none; } :where(.css-djtmh8).ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover { color: #fff; background: #4096ff; } :where(.css-djtmh8).ant-btn-primary:not(:disabled):not(.ant-btn-disabled):active { color: #fff; background: #0958d9; } :where(.css-djtmh8).ant-btn-primary.ant-btn-background-ghost { color: #1677ff; background: transparent; border-color: #1677ff; box-shadow: none; } :where(.css-djtmh8).ant-btn-primary.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):hover { background: transparent; color: #4096ff; border-color: #4096ff; } :where(.css-djtmh8).ant-btn-primary.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):active { background: transparent; color: #0958d9; border-color: #0958d9; } :where(.css-djtmh8).ant-btn-primary.ant-btn-background-ghost:disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; } :where(.css-djtmh8).ant-btn-primary.ant-btn-dangerous { background: #ff4d4f; box-shadow: 0 2px 0 rgba(255, 38, 5, 0.06); color: #fff; } :where(.css-djtmh8).ant-btn-primary.ant-btn-dangerous:not(:disabled):not(.ant-btn-disabled):hover { background: #ff7875; } :where(.css-djtmh8).ant-btn-primary.ant-btn-dangerous:not(:disabled):not(.ant-btn-disabled):active { background: #d9363e; } :where(.css-djtmh8).ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost { color: #ff4d4f; background: transparent; border-color: #ff4d4f; box-shadow: none; } :where(.css-djtmh8).ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):hover { background: transparent; color: #ff7875; border-color: #ff7875; } :where(.css-djtmh8).ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):active { background: transparent; color: #d9363e; border-color: #d9363e; } :where(.css-djtmh8).ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost:disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; } :where(.css-djtmh8).ant-btn-primary.ant-btn-dangerous:disabled, :where(.css-djtmh8).ant-btn-primary.ant-btn-dangerous.ant-btn-disabled { cursor: not-allowed; border-color: #d9d9d9; color: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.04); box-shadow: none; } :where(.css-djtmh8).ant-btn-dashed { background: #ffffff; border-color: #d9d9d9; color: rgba(0, 0, 0, 0.88); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02); border-style: dashed; } :where(.css-djtmh8).ant-btn-dashed:disabled, :where(.css-djtmh8).ant-btn-dashed.ant-btn-disabled { cursor: not-allowed; border-color: #d9d9d9; color: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.04); box-shadow: none; } :where(.css-djtmh8).ant-btn-dashed:not(:disabled):not(.ant-btn-disabled):hover { color: #4096ff; border-color: #4096ff; background: #ffffff; } :where(.css-djtmh8).ant-btn-dashed:not(:disabled):not(.ant-btn-disabled):active { color: #0958d9; border-color: #0958d9; background: #ffffff; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-background-ghost { color: #ffffff; background: transparent; border-color: #ffffff; box-shadow: none; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):hover { background: transparent; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):active { background: transparent; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-background-ghost:disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-dangerous:not(:disabled):not(.ant-btn-disabled):hover { color: #ff7875; border-color: #ffa39e; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-dangerous:not(:disabled):not(.ant-btn-disabled):active { color: #d9363e; border-color: #d9363e; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost { color: #ff4d4f; background: transparent; border-color: #ff4d4f; box-shadow: none; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):hover { background: transparent; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):active { background: transparent; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost:disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; } :where(.css-djtmh8).ant-btn-dashed.ant-btn-dangerous:disabled, :where(.css-djtmh8).ant-btn-dashed.ant-btn-dangerous.ant-btn-disabled { cursor: not-allowed; border-color: #d9d9d9; color: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.04); box-shadow: none; } :where(.css-djtmh8).ant-btn-link { color: #1677ff; } :where(.css-djtmh8).ant-btn-link:not(:disabled):not(.ant-btn-disabled):hover { color: #69b1ff; background: transparent; } :where(.css-djtmh8).ant-btn-link:not(:disabled):not(.ant-btn-disabled):active { color: #0958d9; } :where(.css-djtmh8).ant-btn-link:disabled, :where(.css-djtmh8).ant-btn-link.ant-btn-disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-btn-link.ant-btn-dangerous { color: #ff4d4f; } :where(.css-djtmh8).ant-btn-link.ant-btn-dangerous:not(:disabled):not(.ant-btn-disabled):hover { color: #ff7875; } :where(.css-djtmh8).ant-btn-link.ant-btn-dangerous:not(:disabled):not(.ant-btn-disabled):active { color: #d9363e; } :where(.css-djtmh8).ant-btn-link.ant-btn-dangerous:disabled, :where(.css-djtmh8).ant-btn-link.ant-btn-dangerous.ant-btn-disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover { color: rgba(0, 0, 0, 0.88); background: rgba(0, 0, 0, 0.06); } :where(.css-djtmh8).ant-btn-text:not(:disabled):not(.ant-btn-disabled):active { color: rgba(0, 0, 0, 0.88); background: rgba(0, 0, 0, 0.15); } :where(.css-djtmh8).ant-btn-text:disabled, :where(.css-djtmh8).ant-btn-text.ant-btn-disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-btn-text.ant-btn-dangerous { color: #ff4d4f; } :where(.css-djtmh8).ant-btn-text.ant-btn-dangerous:disabled, :where(.css-djtmh8).ant-btn-text.ant-btn-dangerous.ant-btn-disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-btn-text.ant-btn-dangerous:not(:disabled):not(.ant-btn-disabled):hover { color: #ff7875; background: #fff2f0; } :where(.css-djtmh8).ant-btn-text.ant-btn-dangerous:not(:disabled):not(.ant-btn-disabled):active { color: #ff7875; background: #fff2f0; } :where(.css-djtmh8).ant-btn-ghost.ant-btn-background-ghost { color: #ffffff; background: transparent; border-color: #ffffff; box-shadow: none; } :where(.css-djtmh8).ant-btn-ghost.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):hover { background: transparent; } :where(.css-djtmh8).ant-btn-ghost.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):active { background: transparent; } :where(.css-djtmh8).ant-btn-ghost.ant-btn-background-ghost:disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; } :where(.css-djtmh8).ant-btn-group { position: relative; display: inline-flex; } :where(.css-djtmh8).ant-btn-group > span:not(:last-child), :where(.css-djtmh8).ant-btn-group > .ant-btn:not(:last-child), :where(.css-djtmh8).ant-btn-group > span:not(:last-child) > .ant-btn, :where(.css-djtmh8).ant-btn-group > .ant-btn:not(:last-child) > .ant-btn { border-start-end-radius: 0; border-end-end-radius: 0; } :where(.css-djtmh8).ant-btn-group > span:not(:first-child), :where(.css-djtmh8).ant-btn-group > .ant-btn:not(:first-child) { margin-inline-start: -1px; } :where(.css-djtmh8).ant-btn-group > span:not(:first-child), :where(.css-djtmh8).ant-btn-group > .ant-btn:not(:first-child), :where(.css-djtmh8).ant-btn-group > span:not(:first-child) > .ant-btn, :where(.css-djtmh8).ant-btn-group > .ant-btn:not(:first-child) > .ant-btn { border-start-start-radius: 0; border-end-start-radius: 0; } :where(.css-djtmh8).ant-btn-group .ant-btn { position: relative; z-index: 1; } :where(.css-djtmh8).ant-btn-group .ant-btn:hover, :where(.css-djtmh8).ant-btn-group .ant-btn:focus, :where(.css-djtmh8).ant-btn-group .ant-btn:active { z-index: 2; } :where(.css-djtmh8).ant-btn-group .ant-btn[disabled] { z-index: 0; } :where(.css-djtmh8).ant-btn-group .ant-btn-icon-only { font-size: 14px; } :where(.css-djtmh8).ant-btn-group > span:not(:last-child):not(:disabled), :where(.css-djtmh8).ant-btn-group > .ant-btn-primary:not(:last-child):not(:disabled), :where(.css-djtmh8).ant-btn-group > span:not(:last-child) > .ant-btn-primary:not(:disabled), :where(.css-djtmh8).ant-btn-group > .ant-btn-primary:not(:last-child) > .ant-btn-primary:not(:disabled) { border-inline-end-color: #4096ff; } :where(.css-djtmh8).ant-btn-group > span:not(:first-child):not(:disabled), :where(.css-djtmh8).ant-btn-group > .ant-btn-primary:not(:first-child):not(:disabled), :where(.css-djtmh8).ant-btn-group > span:not(:first-child) > .ant-btn-primary:not(:disabled), :where(.css-djtmh8).ant-btn-group > .ant-btn-primary:not(:first-child) > .ant-btn-primary:not(:disabled) { border-inline-start-color: #4096ff; } :where(.css-djtmh8).ant-btn-group > span:not(:last-child):not(:disabled), :where(.css-djtmh8).ant-btn-group > .ant-btn-danger:not(:last-child):not(:disabled), :where(.css-djtmh8).ant-btn-group > span:not(:last-child) > .ant-btn-danger:not(:disabled), :where(.css-djtmh8).ant-btn-group > .ant-btn-danger:not(:last-child) > .ant-btn-danger:not(:disabled) { border-inline-end-color: #ff7875; } :where(.css-djtmh8).ant-btn-group > span:not(:first-child):not(:disabled), :where(.css-djtmh8).ant-btn-group > .ant-btn-danger:not(:first-child):not(:disabled), :where(.css-djtmh8).ant-btn-group > span:not(:first-child) > .ant-btn-danger:not(:disabled), :where(.css-djtmh8).ant-btn-group > .ant-btn-danger:not(:first-child) > .ant-btn-danger:not(:disabled) { border-inline-start-color: #ff7875; } :where(.css-djtmh8).ant-wave { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; box-sizing: border-box; } :where(.css-djtmh8).ant-wave::before, :where(.css-djtmh8).ant-wave::after { box-sizing: border-box; } :where(.css-djtmh8).ant-wave [class^="ant-wave"], :where(.css-djtmh8).ant-wave [class*=" ant-wave"] { box-sizing: border-box; } :where(.css-djtmh8).ant-wave [class^="ant-wave"]::before, :where(.css-djtmh8).ant-wave [class*=" ant-wave"]::before, :where(.css-djtmh8).ant-wave [class^="ant-wave"]::after, :where(.css-djtmh8).ant-wave [class*=" ant-wave"]::after { box-sizing: border-box; } :where(.css-djtmh8).ant-wave { position: absolute; background: transparent; pointer-events: none; box-sizing: border-box; color: var(--wave-color, #1677ff); box-shadow: 0 0 0 0 currentcolor; opacity: 0.2; } :where(.css-djtmh8).ant-wave.wave-motion-appear { transition: box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1), opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1); } :where(.css-djtmh8).ant-wave.wave-motion-appear-active { box-shadow: 0 0 0 6px currentcolor; opacity: 0; } :where(.css-djtmh8).ant-wave.wave-motion-appear.wave-quick { transition: box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } :where(.css-djtmh8).ant-space-compact { display: inline-flex; } :where(.css-djtmh8).ant-space-compact-rtl { direction: rtl; } :where(.css-djtmh8).ant-space-compact-vertical { flex-direction: column; } :where(.css-djtmh8).ant-space-compact-align { flex-direction: column; } :where(.css-djtmh8).ant-space-compact-align-center { align-items: center; } :where(.css-djtmh8).ant-space-compact-align-start { align-items: flex-start; } :where(.css-djtmh8).ant-space-compact-align-end { align-items: flex-end; } :where(.css-djtmh8).ant-space-compact-align-baseline { align-items: baseline; } :where(.css-djtmh8).ant-space-compact .ant-space-compact-item:empty { display: none; } :where(.css-djtmh8).ant-space-compact .ant-space-compact-item > .ant-badge-not-a-wrapper:only-child { display: block; } :where(.css-djtmh8).ant-space-compact-gap-row-small { row-gap: 8px; } :where(.css-djtmh8).ant-space-compact-gap-row-middle { row-gap: 16px; } :where(.css-djtmh8).ant-space-compact-gap-row-large { row-gap: 24px; } :where(.css-djtmh8).ant-space-compact-gap-col-small { column-gap: 8px; } :where(.css-djtmh8).ant-space-compact-gap-col-middle { column-gap: 16px; } :where(.css-djtmh8).ant-space-compact-gap-col-large { column-gap: 24px; } :where(.css-djtmh8).ant-space-compact-block { display: flex; width: 100%; } :where(.css-djtmh8).ant-space-compact-vertical { flex-direction: column; } :where(.css-djtmh8).ant-row { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; box-sizing: border-box; } :where(.css-djtmh8).ant-row::before, :where(.css-djtmh8).ant-row::after { box-sizing: border-box; } :where(.css-djtmh8).ant-row [class^="ant-row"], :where(.css-djtmh8).ant-row [class*=" ant-row"] { box-sizing: border-box; } :where(.css-djtmh8).ant-row [class^="ant-row"]::before, :where(.css-djtmh8).ant-row [class*=" ant-row"]::before, :where(.css-djtmh8).ant-row [class^="ant-row"]::after, :where(.css-djtmh8).ant-row [class*=" ant-row"]::after { box-sizing: border-box; } :where(.css-djtmh8).ant-row { display: flex; flex-flow: row wrap; min-width: 0; } :where(.css-djtmh8).ant-row::before, :where(.css-djtmh8).ant-row::after { display: flex; } :where(.css-djtmh8).ant-row-no-wrap { flex-wrap: nowrap; } :where(.css-djtmh8).ant-row-start { justify-content: flex-start; } :where(.css-djtmh8).ant-row-center { justify-content: center; } :where(.css-djtmh8).ant-row-end { justify-content: flex-end; } :where(.css-djtmh8).ant-row-space-between { justify-content: space-between; } :where(.css-djtmh8).ant-row-space-around { justify-content: space-around; } :where(.css-djtmh8).ant-row-space-evenly { justify-content: space-evenly; } :where(.css-djtmh8).ant-row-top { align-items: flex-start; } :where(.css-djtmh8).ant-row-middle { align-items: center; } :where(.css-djtmh8).ant-row-bottom { align-items: flex-end; } :where(.css-djtmh8).ant-col { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; box-sizing: border-box; } :where(.css-djtmh8).ant-col::before, :where(.css-djtmh8).ant-col::after { box-sizing: border-box; } :where(.css-djtmh8).ant-col [class^="ant-col"], :where(.css-djtmh8).ant-col [class*=" ant-col"] { box-sizing: border-box; } :where(.css-djtmh8).ant-col [class^="ant-col"]::before, :where(.css-djtmh8).ant-col [class*=" ant-col"]::before, :where(.css-djtmh8).ant-col [class^="ant-col"]::after, :where(.css-djtmh8).ant-col [class*=" ant-col"]::after { box-sizing: border-box; } :where(.css-djtmh8).ant-col { position: relative; max-width: 100%; min-height: 1px; } :where(.css-djtmh8).ant-col-24 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 100%; max-width: 100%; } :where(.css-djtmh8).ant-col-push-24 { inset-inline-start: 100%; } :where(.css-djtmh8).ant-col-pull-24 { inset-inline-end: 100%; } :where(.css-djtmh8).ant-col-offset-24 { margin-inline-start: 100%; } :where(.css-djtmh8).ant-col-order-24 { order: 24; } :where(.css-djtmh8).ant-col-23 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 95.83333333333334%; max-width: 95.83333333333334%; } :where(.css-djtmh8).ant-col-push-23 { inset-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-pull-23 { inset-inline-end: 95.83333333333334%; } :where(.css-djtmh8).ant-col-offset-23 { margin-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-order-23 { order: 23; } :where(.css-djtmh8).ant-col-22 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 91.66666666666666%; max-width: 91.66666666666666%; } :where(.css-djtmh8).ant-col-push-22 { inset-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-pull-22 { inset-inline-end: 91.66666666666666%; } :where(.css-djtmh8).ant-col-offset-22 { margin-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-order-22 { order: 22; } :where(.css-djtmh8).ant-col-21 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 87.5%; max-width: 87.5%; } :where(.css-djtmh8).ant-col-push-21 { inset-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-pull-21 { inset-inline-end: 87.5%; } :where(.css-djtmh8).ant-col-offset-21 { margin-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-order-21 { order: 21; } :where(.css-djtmh8).ant-col-20 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } :where(.css-djtmh8).ant-col-push-20 { inset-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-pull-20 { inset-inline-end: 83.33333333333334%; } :where(.css-djtmh8).ant-col-offset-20 { margin-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-order-20 { order: 20; } :where(.css-djtmh8).ant-col-19 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 79.16666666666666%; max-width: 79.16666666666666%; } :where(.css-djtmh8).ant-col-push-19 { inset-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-pull-19 { inset-inline-end: 79.16666666666666%; } :where(.css-djtmh8).ant-col-offset-19 { margin-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-order-19 { order: 19; } :where(.css-djtmh8).ant-col-18 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 75%; max-width: 75%; } :where(.css-djtmh8).ant-col-push-18 { inset-inline-start: 75%; } :where(.css-djtmh8).ant-col-pull-18 { inset-inline-end: 75%; } :where(.css-djtmh8).ant-col-offset-18 { margin-inline-start: 75%; } :where(.css-djtmh8).ant-col-order-18 { order: 18; } :where(.css-djtmh8).ant-col-17 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 70.83333333333334%; max-width: 70.83333333333334%; } :where(.css-djtmh8).ant-col-push-17 { inset-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-pull-17 { inset-inline-end: 70.83333333333334%; } :where(.css-djtmh8).ant-col-offset-17 { margin-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-order-17 { order: 17; } :where(.css-djtmh8).ant-col-16 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 66.66666666666666%; max-width: 66.66666666666666%; } :where(.css-djtmh8).ant-col-push-16 { inset-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-pull-16 { inset-inline-end: 66.66666666666666%; } :where(.css-djtmh8).ant-col-offset-16 { margin-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-order-16 { order: 16; } :where(.css-djtmh8).ant-col-15 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 62.5%; max-width: 62.5%; } :where(.css-djtmh8).ant-col-push-15 { inset-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-pull-15 { inset-inline-end: 62.5%; } :where(.css-djtmh8).ant-col-offset-15 { margin-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-order-15 { order: 15; } :where(.css-djtmh8).ant-col-14 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } :where(.css-djtmh8).ant-col-push-14 { inset-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-pull-14 { inset-inline-end: 58.333333333333336%; } :where(.css-djtmh8).ant-col-offset-14 { margin-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-order-14 { order: 14; } :where(.css-djtmh8).ant-col-13 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 54.166666666666664%; max-width: 54.166666666666664%; } :where(.css-djtmh8).ant-col-push-13 { inset-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-pull-13 { inset-inline-end: 54.166666666666664%; } :where(.css-djtmh8).ant-col-offset-13 { margin-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-order-13 { order: 13; } :where(.css-djtmh8).ant-col-12 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 50%; max-width: 50%; } :where(.css-djtmh8).ant-col-push-12 { inset-inline-start: 50%; } :where(.css-djtmh8).ant-col-pull-12 { inset-inline-end: 50%; } :where(.css-djtmh8).ant-col-offset-12 { margin-inline-start: 50%; } :where(.css-djtmh8).ant-col-order-12 { order: 12; } :where(.css-djtmh8).ant-col-11 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 45.83333333333333%; max-width: 45.83333333333333%; } :where(.css-djtmh8).ant-col-push-11 { inset-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-pull-11 { inset-inline-end: 45.83333333333333%; } :where(.css-djtmh8).ant-col-offset-11 { margin-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-order-11 { order: 11; } :where(.css-djtmh8).ant-col-10 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } :where(.css-djtmh8).ant-col-push-10 { inset-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-pull-10 { inset-inline-end: 41.66666666666667%; } :where(.css-djtmh8).ant-col-offset-10 { margin-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-order-10 { order: 10; } :where(.css-djtmh8).ant-col-9 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 37.5%; max-width: 37.5%; } :where(.css-djtmh8).ant-col-push-9 { inset-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-pull-9 { inset-inline-end: 37.5%; } :where(.css-djtmh8).ant-col-offset-9 { margin-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-order-9 { order: 9; } :where(.css-djtmh8).ant-col-8 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 33.33333333333333%; max-width: 33.33333333333333%; } :where(.css-djtmh8).ant-col-push-8 { inset-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-pull-8 { inset-inline-end: 33.33333333333333%; } :where(.css-djtmh8).ant-col-offset-8 { margin-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-order-8 { order: 8; } :where(.css-djtmh8).ant-col-7 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 29.166666666666668%; max-width: 29.166666666666668%; } :where(.css-djtmh8).ant-col-push-7 { inset-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-pull-7 { inset-inline-end: 29.166666666666668%; } :where(.css-djtmh8).ant-col-offset-7 { margin-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-order-7 { order: 7; } :where(.css-djtmh8).ant-col-6 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 25%; max-width: 25%; } :where(.css-djtmh8).ant-col-push-6 { inset-inline-start: 25%; } :where(.css-djtmh8).ant-col-pull-6 { inset-inline-end: 25%; } :where(.css-djtmh8).ant-col-offset-6 { margin-inline-start: 25%; } :where(.css-djtmh8).ant-col-order-6 { order: 6; } :where(.css-djtmh8).ant-col-5 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 20.833333333333336%; max-width: 20.833333333333336%; } :where(.css-djtmh8).ant-col-push-5 { inset-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-pull-5 { inset-inline-end: 20.833333333333336%; } :where(.css-djtmh8).ant-col-offset-5 { margin-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-order-5 { order: 5; } :where(.css-djtmh8).ant-col-4 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 16.666666666666664%; max-width: 16.666666666666664%; } :where(.css-djtmh8).ant-col-push-4 { inset-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-pull-4 { inset-inline-end: 16.666666666666664%; } :where(.css-djtmh8).ant-col-offset-4 { margin-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-order-4 { order: 4; } :where(.css-djtmh8).ant-col-3 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 12.5%; max-width: 12.5%; } :where(.css-djtmh8).ant-col-push-3 { inset-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-pull-3 { inset-inline-end: 12.5%; } :where(.css-djtmh8).ant-col-offset-3 { margin-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-order-3 { order: 3; } :where(.css-djtmh8).ant-col-2 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 8.333333333333332%; max-width: 8.333333333333332%; } :where(.css-djtmh8).ant-col-push-2 { inset-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-pull-2 { inset-inline-end: 8.333333333333332%; } :where(.css-djtmh8).ant-col-offset-2 { margin-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-order-2 { order: 2; } :where(.css-djtmh8).ant-col-1 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 4.166666666666666%; max-width: 4.166666666666666%; } :where(.css-djtmh8).ant-col-push-1 { inset-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-pull-1 { inset-inline-end: 4.166666666666666%; } :where(.css-djtmh8).ant-col-offset-1 { margin-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-order-1 { order: 1; } :where(.css-djtmh8).ant-col-0 { display: none; } :where(.css-djtmh8).ant-col-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-offset-0 { margin-inline-start: 0; } :where(.css-djtmh8).ant-col-order-0 { order: 0; } :where(.css-djtmh8).ant-col-flex { flex: var(--ant-col-flex); } :where(.css-djtmh8).ant-col-xs-24 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 100%; max-width: 100%; } :where(.css-djtmh8).ant-col-xs-push-24 { inset-inline-start: 100%; } :where(.css-djtmh8).ant-col-xs-pull-24 { inset-inline-end: 100%; } :where(.css-djtmh8).ant-col-xs-offset-24 { margin-inline-start: 100%; } :where(.css-djtmh8).ant-col-xs-order-24 { order: 24; } :where(.css-djtmh8).ant-col-xs-23 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 95.83333333333334%; max-width: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xs-push-23 { inset-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xs-pull-23 { inset-inline-end: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xs-offset-23 { margin-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xs-order-23 { order: 23; } :where(.css-djtmh8).ant-col-xs-22 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 91.66666666666666%; max-width: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xs-push-22 { inset-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xs-pull-22 { inset-inline-end: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xs-offset-22 { margin-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xs-order-22 { order: 22; } :where(.css-djtmh8).ant-col-xs-21 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 87.5%; max-width: 87.5%; } :where(.css-djtmh8).ant-col-xs-push-21 { inset-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-xs-pull-21 { inset-inline-end: 87.5%; } :where(.css-djtmh8).ant-col-xs-offset-21 { margin-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-xs-order-21 { order: 21; } :where(.css-djtmh8).ant-col-xs-20 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xs-push-20 { inset-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xs-pull-20 { inset-inline-end: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xs-offset-20 { margin-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xs-order-20 { order: 20; } :where(.css-djtmh8).ant-col-xs-19 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 79.16666666666666%; max-width: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xs-push-19 { inset-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xs-pull-19 { inset-inline-end: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xs-offset-19 { margin-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xs-order-19 { order: 19; } :where(.css-djtmh8).ant-col-xs-18 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 75%; max-width: 75%; } :where(.css-djtmh8).ant-col-xs-push-18 { inset-inline-start: 75%; } :where(.css-djtmh8).ant-col-xs-pull-18 { inset-inline-end: 75%; } :where(.css-djtmh8).ant-col-xs-offset-18 { margin-inline-start: 75%; } :where(.css-djtmh8).ant-col-xs-order-18 { order: 18; } :where(.css-djtmh8).ant-col-xs-17 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 70.83333333333334%; max-width: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xs-push-17 { inset-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xs-pull-17 { inset-inline-end: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xs-offset-17 { margin-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xs-order-17 { order: 17; } :where(.css-djtmh8).ant-col-xs-16 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 66.66666666666666%; max-width: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xs-push-16 { inset-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xs-pull-16 { inset-inline-end: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xs-offset-16 { margin-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xs-order-16 { order: 16; } :where(.css-djtmh8).ant-col-xs-15 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 62.5%; max-width: 62.5%; } :where(.css-djtmh8).ant-col-xs-push-15 { inset-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-xs-pull-15 { inset-inline-end: 62.5%; } :where(.css-djtmh8).ant-col-xs-offset-15 { margin-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-xs-order-15 { order: 15; } :where(.css-djtmh8).ant-col-xs-14 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xs-push-14 { inset-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xs-pull-14 { inset-inline-end: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xs-offset-14 { margin-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xs-order-14 { order: 14; } :where(.css-djtmh8).ant-col-xs-13 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 54.166666666666664%; max-width: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xs-push-13 { inset-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xs-pull-13 { inset-inline-end: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xs-offset-13 { margin-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xs-order-13 { order: 13; } :where(.css-djtmh8).ant-col-xs-12 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 50%; max-width: 50%; } :where(.css-djtmh8).ant-col-xs-push-12 { inset-inline-start: 50%; } :where(.css-djtmh8).ant-col-xs-pull-12 { inset-inline-end: 50%; } :where(.css-djtmh8).ant-col-xs-offset-12 { margin-inline-start: 50%; } :where(.css-djtmh8).ant-col-xs-order-12 { order: 12; } :where(.css-djtmh8).ant-col-xs-11 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 45.83333333333333%; max-width: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xs-push-11 { inset-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xs-pull-11 { inset-inline-end: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xs-offset-11 { margin-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xs-order-11 { order: 11; } :where(.css-djtmh8).ant-col-xs-10 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xs-push-10 { inset-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xs-pull-10 { inset-inline-end: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xs-offset-10 { margin-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xs-order-10 { order: 10; } :where(.css-djtmh8).ant-col-xs-9 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 37.5%; max-width: 37.5%; } :where(.css-djtmh8).ant-col-xs-push-9 { inset-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-xs-pull-9 { inset-inline-end: 37.5%; } :where(.css-djtmh8).ant-col-xs-offset-9 { margin-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-xs-order-9 { order: 9; } :where(.css-djtmh8).ant-col-xs-8 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 33.33333333333333%; max-width: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xs-push-8 { inset-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xs-pull-8 { inset-inline-end: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xs-offset-8 { margin-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xs-order-8 { order: 8; } :where(.css-djtmh8).ant-col-xs-7 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 29.166666666666668%; max-width: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xs-push-7 { inset-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xs-pull-7 { inset-inline-end: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xs-offset-7 { margin-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xs-order-7 { order: 7; } :where(.css-djtmh8).ant-col-xs-6 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 25%; max-width: 25%; } :where(.css-djtmh8).ant-col-xs-push-6 { inset-inline-start: 25%; } :where(.css-djtmh8).ant-col-xs-pull-6 { inset-inline-end: 25%; } :where(.css-djtmh8).ant-col-xs-offset-6 { margin-inline-start: 25%; } :where(.css-djtmh8).ant-col-xs-order-6 { order: 6; } :where(.css-djtmh8).ant-col-xs-5 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 20.833333333333336%; max-width: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xs-push-5 { inset-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xs-pull-5 { inset-inline-end: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xs-offset-5 { margin-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xs-order-5 { order: 5; } :where(.css-djtmh8).ant-col-xs-4 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 16.666666666666664%; max-width: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xs-push-4 { inset-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xs-pull-4 { inset-inline-end: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xs-offset-4 { margin-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xs-order-4 { order: 4; } :where(.css-djtmh8).ant-col-xs-3 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 12.5%; max-width: 12.5%; } :where(.css-djtmh8).ant-col-xs-push-3 { inset-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-xs-pull-3 { inset-inline-end: 12.5%; } :where(.css-djtmh8).ant-col-xs-offset-3 { margin-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-xs-order-3 { order: 3; } :where(.css-djtmh8).ant-col-xs-2 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 8.333333333333332%; max-width: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xs-push-2 { inset-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xs-pull-2 { inset-inline-end: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xs-offset-2 { margin-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xs-order-2 { order: 2; } :where(.css-djtmh8).ant-col-xs-1 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 4.166666666666666%; max-width: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xs-push-1 { inset-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xs-pull-1 { inset-inline-end: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xs-offset-1 { margin-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xs-order-1 { order: 1; } :where(.css-djtmh8).ant-col-xs-0 { display: none; } :where(.css-djtmh8).ant-col-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-xs-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-xs-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-xs-offset-0 { margin-inline-start: 0; } :where(.css-djtmh8).ant-col-xs-order-0 { order: 0; } :where(.css-djtmh8).ant-col-xs-flex { flex: var(--ant-col-xs-flex); } @media (min-width: 576px) { :where(.css-djtmh8).ant-col-sm-24 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 100%; max-width: 100%; } :where(.css-djtmh8).ant-col-sm-push-24 { inset-inline-start: 100%; } :where(.css-djtmh8).ant-col-sm-pull-24 { inset-inline-end: 100%; } :where(.css-djtmh8).ant-col-sm-offset-24 { margin-inline-start: 100%; } :where(.css-djtmh8).ant-col-sm-order-24 { order: 24; } :where(.css-djtmh8).ant-col-sm-23 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 95.83333333333334%; max-width: 95.83333333333334%; } :where(.css-djtmh8).ant-col-sm-push-23 { inset-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-sm-pull-23 { inset-inline-end: 95.83333333333334%; } :where(.css-djtmh8).ant-col-sm-offset-23 { margin-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-sm-order-23 { order: 23; } :where(.css-djtmh8).ant-col-sm-22 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 91.66666666666666%; max-width: 91.66666666666666%; } :where(.css-djtmh8).ant-col-sm-push-22 { inset-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-sm-pull-22 { inset-inline-end: 91.66666666666666%; } :where(.css-djtmh8).ant-col-sm-offset-22 { margin-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-sm-order-22 { order: 22; } :where(.css-djtmh8).ant-col-sm-21 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 87.5%; max-width: 87.5%; } :where(.css-djtmh8).ant-col-sm-push-21 { inset-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-sm-pull-21 { inset-inline-end: 87.5%; } :where(.css-djtmh8).ant-col-sm-offset-21 { margin-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-sm-order-21 { order: 21; } :where(.css-djtmh8).ant-col-sm-20 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } :where(.css-djtmh8).ant-col-sm-push-20 { inset-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-sm-pull-20 { inset-inline-end: 83.33333333333334%; } :where(.css-djtmh8).ant-col-sm-offset-20 { margin-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-sm-order-20 { order: 20; } :where(.css-djtmh8).ant-col-sm-19 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 79.16666666666666%; max-width: 79.16666666666666%; } :where(.css-djtmh8).ant-col-sm-push-19 { inset-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-sm-pull-19 { inset-inline-end: 79.16666666666666%; } :where(.css-djtmh8).ant-col-sm-offset-19 { margin-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-sm-order-19 { order: 19; } :where(.css-djtmh8).ant-col-sm-18 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 75%; max-width: 75%; } :where(.css-djtmh8).ant-col-sm-push-18 { inset-inline-start: 75%; } :where(.css-djtmh8).ant-col-sm-pull-18 { inset-inline-end: 75%; } :where(.css-djtmh8).ant-col-sm-offset-18 { margin-inline-start: 75%; } :where(.css-djtmh8).ant-col-sm-order-18 { order: 18; } :where(.css-djtmh8).ant-col-sm-17 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 70.83333333333334%; max-width: 70.83333333333334%; } :where(.css-djtmh8).ant-col-sm-push-17 { inset-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-sm-pull-17 { inset-inline-end: 70.83333333333334%; } :where(.css-djtmh8).ant-col-sm-offset-17 { margin-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-sm-order-17 { order: 17; } :where(.css-djtmh8).ant-col-sm-16 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 66.66666666666666%; max-width: 66.66666666666666%; } :where(.css-djtmh8).ant-col-sm-push-16 { inset-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-sm-pull-16 { inset-inline-end: 66.66666666666666%; } :where(.css-djtmh8).ant-col-sm-offset-16 { margin-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-sm-order-16 { order: 16; } :where(.css-djtmh8).ant-col-sm-15 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 62.5%; max-width: 62.5%; } :where(.css-djtmh8).ant-col-sm-push-15 { inset-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-sm-pull-15 { inset-inline-end: 62.5%; } :where(.css-djtmh8).ant-col-sm-offset-15 { margin-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-sm-order-15 { order: 15; } :where(.css-djtmh8).ant-col-sm-14 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } :where(.css-djtmh8).ant-col-sm-push-14 { inset-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-sm-pull-14 { inset-inline-end: 58.333333333333336%; } :where(.css-djtmh8).ant-col-sm-offset-14 { margin-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-sm-order-14 { order: 14; } :where(.css-djtmh8).ant-col-sm-13 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 54.166666666666664%; max-width: 54.166666666666664%; } :where(.css-djtmh8).ant-col-sm-push-13 { inset-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-sm-pull-13 { inset-inline-end: 54.166666666666664%; } :where(.css-djtmh8).ant-col-sm-offset-13 { margin-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-sm-order-13 { order: 13; } :where(.css-djtmh8).ant-col-sm-12 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 50%; max-width: 50%; } :where(.css-djtmh8).ant-col-sm-push-12 { inset-inline-start: 50%; } :where(.css-djtmh8).ant-col-sm-pull-12 { inset-inline-end: 50%; } :where(.css-djtmh8).ant-col-sm-offset-12 { margin-inline-start: 50%; } :where(.css-djtmh8).ant-col-sm-order-12 { order: 12; } :where(.css-djtmh8).ant-col-sm-11 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 45.83333333333333%; max-width: 45.83333333333333%; } :where(.css-djtmh8).ant-col-sm-push-11 { inset-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-sm-pull-11 { inset-inline-end: 45.83333333333333%; } :where(.css-djtmh8).ant-col-sm-offset-11 { margin-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-sm-order-11 { order: 11; } :where(.css-djtmh8).ant-col-sm-10 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } :where(.css-djtmh8).ant-col-sm-push-10 { inset-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-sm-pull-10 { inset-inline-end: 41.66666666666667%; } :where(.css-djtmh8).ant-col-sm-offset-10 { margin-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-sm-order-10 { order: 10; } :where(.css-djtmh8).ant-col-sm-9 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 37.5%; max-width: 37.5%; } :where(.css-djtmh8).ant-col-sm-push-9 { inset-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-sm-pull-9 { inset-inline-end: 37.5%; } :where(.css-djtmh8).ant-col-sm-offset-9 { margin-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-sm-order-9 { order: 9; } :where(.css-djtmh8).ant-col-sm-8 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 33.33333333333333%; max-width: 33.33333333333333%; } :where(.css-djtmh8).ant-col-sm-push-8 { inset-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-sm-pull-8 { inset-inline-end: 33.33333333333333%; } :where(.css-djtmh8).ant-col-sm-offset-8 { margin-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-sm-order-8 { order: 8; } :where(.css-djtmh8).ant-col-sm-7 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 29.166666666666668%; max-width: 29.166666666666668%; } :where(.css-djtmh8).ant-col-sm-push-7 { inset-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-sm-pull-7 { inset-inline-end: 29.166666666666668%; } :where(.css-djtmh8).ant-col-sm-offset-7 { margin-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-sm-order-7 { order: 7; } :where(.css-djtmh8).ant-col-sm-6 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 25%; max-width: 25%; } :where(.css-djtmh8).ant-col-sm-push-6 { inset-inline-start: 25%; } :where(.css-djtmh8).ant-col-sm-pull-6 { inset-inline-end: 25%; } :where(.css-djtmh8).ant-col-sm-offset-6 { margin-inline-start: 25%; } :where(.css-djtmh8).ant-col-sm-order-6 { order: 6; } :where(.css-djtmh8).ant-col-sm-5 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 20.833333333333336%; max-width: 20.833333333333336%; } :where(.css-djtmh8).ant-col-sm-push-5 { inset-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-sm-pull-5 { inset-inline-end: 20.833333333333336%; } :where(.css-djtmh8).ant-col-sm-offset-5 { margin-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-sm-order-5 { order: 5; } :where(.css-djtmh8).ant-col-sm-4 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 16.666666666666664%; max-width: 16.666666666666664%; } :where(.css-djtmh8).ant-col-sm-push-4 { inset-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-sm-pull-4 { inset-inline-end: 16.666666666666664%; } :where(.css-djtmh8).ant-col-sm-offset-4 { margin-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-sm-order-4 { order: 4; } :where(.css-djtmh8).ant-col-sm-3 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 12.5%; max-width: 12.5%; } :where(.css-djtmh8).ant-col-sm-push-3 { inset-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-sm-pull-3 { inset-inline-end: 12.5%; } :where(.css-djtmh8).ant-col-sm-offset-3 { margin-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-sm-order-3 { order: 3; } :where(.css-djtmh8).ant-col-sm-2 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 8.333333333333332%; max-width: 8.333333333333332%; } :where(.css-djtmh8).ant-col-sm-push-2 { inset-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-sm-pull-2 { inset-inline-end: 8.333333333333332%; } :where(.css-djtmh8).ant-col-sm-offset-2 { margin-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-sm-order-2 { order: 2; } :where(.css-djtmh8).ant-col-sm-1 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 4.166666666666666%; max-width: 4.166666666666666%; } :where(.css-djtmh8).ant-col-sm-push-1 { inset-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-sm-pull-1 { inset-inline-end: 4.166666666666666%; } :where(.css-djtmh8).ant-col-sm-offset-1 { margin-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-sm-order-1 { order: 1; } :where(.css-djtmh8).ant-col-sm-0 { display: none; } :where(.css-djtmh8).ant-col-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-sm-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-sm-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-sm-offset-0 { margin-inline-start: 0; } :where(.css-djtmh8).ant-col-sm-order-0 { order: 0; } :where(.css-djtmh8).ant-col-sm-flex { flex: var(--ant-col-sm-flex); } } @media (min-width: 768px) { :where(.css-djtmh8).ant-col-md-24 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 100%; max-width: 100%; } :where(.css-djtmh8).ant-col-md-push-24 { inset-inline-start: 100%; } :where(.css-djtmh8).ant-col-md-pull-24 { inset-inline-end: 100%; } :where(.css-djtmh8).ant-col-md-offset-24 { margin-inline-start: 100%; } :where(.css-djtmh8).ant-col-md-order-24 { order: 24; } :where(.css-djtmh8).ant-col-md-23 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 95.83333333333334%; max-width: 95.83333333333334%; } :where(.css-djtmh8).ant-col-md-push-23 { inset-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-md-pull-23 { inset-inline-end: 95.83333333333334%; } :where(.css-djtmh8).ant-col-md-offset-23 { margin-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-md-order-23 { order: 23; } :where(.css-djtmh8).ant-col-md-22 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 91.66666666666666%; max-width: 91.66666666666666%; } :where(.css-djtmh8).ant-col-md-push-22 { inset-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-md-pull-22 { inset-inline-end: 91.66666666666666%; } :where(.css-djtmh8).ant-col-md-offset-22 { margin-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-md-order-22 { order: 22; } :where(.css-djtmh8).ant-col-md-21 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 87.5%; max-width: 87.5%; } :where(.css-djtmh8).ant-col-md-push-21 { inset-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-md-pull-21 { inset-inline-end: 87.5%; } :where(.css-djtmh8).ant-col-md-offset-21 { margin-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-md-order-21 { order: 21; } :where(.css-djtmh8).ant-col-md-20 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } :where(.css-djtmh8).ant-col-md-push-20 { inset-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-md-pull-20 { inset-inline-end: 83.33333333333334%; } :where(.css-djtmh8).ant-col-md-offset-20 { margin-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-md-order-20 { order: 20; } :where(.css-djtmh8).ant-col-md-19 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 79.16666666666666%; max-width: 79.16666666666666%; } :where(.css-djtmh8).ant-col-md-push-19 { inset-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-md-pull-19 { inset-inline-end: 79.16666666666666%; } :where(.css-djtmh8).ant-col-md-offset-19 { margin-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-md-order-19 { order: 19; } :where(.css-djtmh8).ant-col-md-18 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 75%; max-width: 75%; } :where(.css-djtmh8).ant-col-md-push-18 { inset-inline-start: 75%; } :where(.css-djtmh8).ant-col-md-pull-18 { inset-inline-end: 75%; } :where(.css-djtmh8).ant-col-md-offset-18 { margin-inline-start: 75%; } :where(.css-djtmh8).ant-col-md-order-18 { order: 18; } :where(.css-djtmh8).ant-col-md-17 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 70.83333333333334%; max-width: 70.83333333333334%; } :where(.css-djtmh8).ant-col-md-push-17 { inset-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-md-pull-17 { inset-inline-end: 70.83333333333334%; } :where(.css-djtmh8).ant-col-md-offset-17 { margin-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-md-order-17 { order: 17; } :where(.css-djtmh8).ant-col-md-16 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 66.66666666666666%; max-width: 66.66666666666666%; } :where(.css-djtmh8).ant-col-md-push-16 { inset-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-md-pull-16 { inset-inline-end: 66.66666666666666%; } :where(.css-djtmh8).ant-col-md-offset-16 { margin-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-md-order-16 { order: 16; } :where(.css-djtmh8).ant-col-md-15 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 62.5%; max-width: 62.5%; } :where(.css-djtmh8).ant-col-md-push-15 { inset-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-md-pull-15 { inset-inline-end: 62.5%; } :where(.css-djtmh8).ant-col-md-offset-15 { margin-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-md-order-15 { order: 15; } :where(.css-djtmh8).ant-col-md-14 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } :where(.css-djtmh8).ant-col-md-push-14 { inset-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-md-pull-14 { inset-inline-end: 58.333333333333336%; } :where(.css-djtmh8).ant-col-md-offset-14 { margin-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-md-order-14 { order: 14; } :where(.css-djtmh8).ant-col-md-13 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 54.166666666666664%; max-width: 54.166666666666664%; } :where(.css-djtmh8).ant-col-md-push-13 { inset-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-md-pull-13 { inset-inline-end: 54.166666666666664%; } :where(.css-djtmh8).ant-col-md-offset-13 { margin-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-md-order-13 { order: 13; } :where(.css-djtmh8).ant-col-md-12 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 50%; max-width: 50%; } :where(.css-djtmh8).ant-col-md-push-12 { inset-inline-start: 50%; } :where(.css-djtmh8).ant-col-md-pull-12 { inset-inline-end: 50%; } :where(.css-djtmh8).ant-col-md-offset-12 { margin-inline-start: 50%; } :where(.css-djtmh8).ant-col-md-order-12 { order: 12; } :where(.css-djtmh8).ant-col-md-11 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 45.83333333333333%; max-width: 45.83333333333333%; } :where(.css-djtmh8).ant-col-md-push-11 { inset-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-md-pull-11 { inset-inline-end: 45.83333333333333%; } :where(.css-djtmh8).ant-col-md-offset-11 { margin-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-md-order-11 { order: 11; } :where(.css-djtmh8).ant-col-md-10 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } :where(.css-djtmh8).ant-col-md-push-10 { inset-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-md-pull-10 { inset-inline-end: 41.66666666666667%; } :where(.css-djtmh8).ant-col-md-offset-10 { margin-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-md-order-10 { order: 10; } :where(.css-djtmh8).ant-col-md-9 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 37.5%; max-width: 37.5%; } :where(.css-djtmh8).ant-col-md-push-9 { inset-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-md-pull-9 { inset-inline-end: 37.5%; } :where(.css-djtmh8).ant-col-md-offset-9 { margin-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-md-order-9 { order: 9; } :where(.css-djtmh8).ant-col-md-8 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 33.33333333333333%; max-width: 33.33333333333333%; } :where(.css-djtmh8).ant-col-md-push-8 { inset-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-md-pull-8 { inset-inline-end: 33.33333333333333%; } :where(.css-djtmh8).ant-col-md-offset-8 { margin-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-md-order-8 { order: 8; } :where(.css-djtmh8).ant-col-md-7 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 29.166666666666668%; max-width: 29.166666666666668%; } :where(.css-djtmh8).ant-col-md-push-7 { inset-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-md-pull-7 { inset-inline-end: 29.166666666666668%; } :where(.css-djtmh8).ant-col-md-offset-7 { margin-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-md-order-7 { order: 7; } :where(.css-djtmh8).ant-col-md-6 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 25%; max-width: 25%; } :where(.css-djtmh8).ant-col-md-push-6 { inset-inline-start: 25%; } :where(.css-djtmh8).ant-col-md-pull-6 { inset-inline-end: 25%; } :where(.css-djtmh8).ant-col-md-offset-6 { margin-inline-start: 25%; } :where(.css-djtmh8).ant-col-md-order-6 { order: 6; } :where(.css-djtmh8).ant-col-md-5 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 20.833333333333336%; max-width: 20.833333333333336%; } :where(.css-djtmh8).ant-col-md-push-5 { inset-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-md-pull-5 { inset-inline-end: 20.833333333333336%; } :where(.css-djtmh8).ant-col-md-offset-5 { margin-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-md-order-5 { order: 5; } :where(.css-djtmh8).ant-col-md-4 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 16.666666666666664%; max-width: 16.666666666666664%; } :where(.css-djtmh8).ant-col-md-push-4 { inset-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-md-pull-4 { inset-inline-end: 16.666666666666664%; } :where(.css-djtmh8).ant-col-md-offset-4 { margin-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-md-order-4 { order: 4; } :where(.css-djtmh8).ant-col-md-3 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 12.5%; max-width: 12.5%; } :where(.css-djtmh8).ant-col-md-push-3 { inset-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-md-pull-3 { inset-inline-end: 12.5%; } :where(.css-djtmh8).ant-col-md-offset-3 { margin-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-md-order-3 { order: 3; } :where(.css-djtmh8).ant-col-md-2 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 8.333333333333332%; max-width: 8.333333333333332%; } :where(.css-djtmh8).ant-col-md-push-2 { inset-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-md-pull-2 { inset-inline-end: 8.333333333333332%; } :where(.css-djtmh8).ant-col-md-offset-2 { margin-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-md-order-2 { order: 2; } :where(.css-djtmh8).ant-col-md-1 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 4.166666666666666%; max-width: 4.166666666666666%; } :where(.css-djtmh8).ant-col-md-push-1 { inset-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-md-pull-1 { inset-inline-end: 4.166666666666666%; } :where(.css-djtmh8).ant-col-md-offset-1 { margin-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-md-order-1 { order: 1; } :where(.css-djtmh8).ant-col-md-0 { display: none; } :where(.css-djtmh8).ant-col-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-md-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-md-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-md-offset-0 { margin-inline-start: 0; } :where(.css-djtmh8).ant-col-md-order-0 { order: 0; } :where(.css-djtmh8).ant-col-md-flex { flex: var(--ant-col-md-flex); } } @media (min-width: 992px) { :where(.css-djtmh8).ant-col-lg-24 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 100%; max-width: 100%; } :where(.css-djtmh8).ant-col-lg-push-24 { inset-inline-start: 100%; } :where(.css-djtmh8).ant-col-lg-pull-24 { inset-inline-end: 100%; } :where(.css-djtmh8).ant-col-lg-offset-24 { margin-inline-start: 100%; } :where(.css-djtmh8).ant-col-lg-order-24 { order: 24; } :where(.css-djtmh8).ant-col-lg-23 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 95.83333333333334%; max-width: 95.83333333333334%; } :where(.css-djtmh8).ant-col-lg-push-23 { inset-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-lg-pull-23 { inset-inline-end: 95.83333333333334%; } :where(.css-djtmh8).ant-col-lg-offset-23 { margin-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-lg-order-23 { order: 23; } :where(.css-djtmh8).ant-col-lg-22 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 91.66666666666666%; max-width: 91.66666666666666%; } :where(.css-djtmh8).ant-col-lg-push-22 { inset-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-lg-pull-22 { inset-inline-end: 91.66666666666666%; } :where(.css-djtmh8).ant-col-lg-offset-22 { margin-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-lg-order-22 { order: 22; } :where(.css-djtmh8).ant-col-lg-21 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 87.5%; max-width: 87.5%; } :where(.css-djtmh8).ant-col-lg-push-21 { inset-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-lg-pull-21 { inset-inline-end: 87.5%; } :where(.css-djtmh8).ant-col-lg-offset-21 { margin-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-lg-order-21 { order: 21; } :where(.css-djtmh8).ant-col-lg-20 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } :where(.css-djtmh8).ant-col-lg-push-20 { inset-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-lg-pull-20 { inset-inline-end: 83.33333333333334%; } :where(.css-djtmh8).ant-col-lg-offset-20 { margin-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-lg-order-20 { order: 20; } :where(.css-djtmh8).ant-col-lg-19 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 79.16666666666666%; max-width: 79.16666666666666%; } :where(.css-djtmh8).ant-col-lg-push-19 { inset-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-lg-pull-19 { inset-inline-end: 79.16666666666666%; } :where(.css-djtmh8).ant-col-lg-offset-19 { margin-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-lg-order-19 { order: 19; } :where(.css-djtmh8).ant-col-lg-18 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 75%; max-width: 75%; } :where(.css-djtmh8).ant-col-lg-push-18 { inset-inline-start: 75%; } :where(.css-djtmh8).ant-col-lg-pull-18 { inset-inline-end: 75%; } :where(.css-djtmh8).ant-col-lg-offset-18 { margin-inline-start: 75%; } :where(.css-djtmh8).ant-col-lg-order-18 { order: 18; } :where(.css-djtmh8).ant-col-lg-17 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 70.83333333333334%; max-width: 70.83333333333334%; } :where(.css-djtmh8).ant-col-lg-push-17 { inset-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-lg-pull-17 { inset-inline-end: 70.83333333333334%; } :where(.css-djtmh8).ant-col-lg-offset-17 { margin-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-lg-order-17 { order: 17; } :where(.css-djtmh8).ant-col-lg-16 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 66.66666666666666%; max-width: 66.66666666666666%; } :where(.css-djtmh8).ant-col-lg-push-16 { inset-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-lg-pull-16 { inset-inline-end: 66.66666666666666%; } :where(.css-djtmh8).ant-col-lg-offset-16 { margin-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-lg-order-16 { order: 16; } :where(.css-djtmh8).ant-col-lg-15 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 62.5%; max-width: 62.5%; } :where(.css-djtmh8).ant-col-lg-push-15 { inset-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-lg-pull-15 { inset-inline-end: 62.5%; } :where(.css-djtmh8).ant-col-lg-offset-15 { margin-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-lg-order-15 { order: 15; } :where(.css-djtmh8).ant-col-lg-14 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } :where(.css-djtmh8).ant-col-lg-push-14 { inset-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-lg-pull-14 { inset-inline-end: 58.333333333333336%; } :where(.css-djtmh8).ant-col-lg-offset-14 { margin-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-lg-order-14 { order: 14; } :where(.css-djtmh8).ant-col-lg-13 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 54.166666666666664%; max-width: 54.166666666666664%; } :where(.css-djtmh8).ant-col-lg-push-13 { inset-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-lg-pull-13 { inset-inline-end: 54.166666666666664%; } :where(.css-djtmh8).ant-col-lg-offset-13 { margin-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-lg-order-13 { order: 13; } :where(.css-djtmh8).ant-col-lg-12 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 50%; max-width: 50%; } :where(.css-djtmh8).ant-col-lg-push-12 { inset-inline-start: 50%; } :where(.css-djtmh8).ant-col-lg-pull-12 { inset-inline-end: 50%; } :where(.css-djtmh8).ant-col-lg-offset-12 { margin-inline-start: 50%; } :where(.css-djtmh8).ant-col-lg-order-12 { order: 12; } :where(.css-djtmh8).ant-col-lg-11 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 45.83333333333333%; max-width: 45.83333333333333%; } :where(.css-djtmh8).ant-col-lg-push-11 { inset-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-lg-pull-11 { inset-inline-end: 45.83333333333333%; } :where(.css-djtmh8).ant-col-lg-offset-11 { margin-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-lg-order-11 { order: 11; } :where(.css-djtmh8).ant-col-lg-10 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } :where(.css-djtmh8).ant-col-lg-push-10 { inset-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-lg-pull-10 { inset-inline-end: 41.66666666666667%; } :where(.css-djtmh8).ant-col-lg-offset-10 { margin-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-lg-order-10 { order: 10; } :where(.css-djtmh8).ant-col-lg-9 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 37.5%; max-width: 37.5%; } :where(.css-djtmh8).ant-col-lg-push-9 { inset-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-lg-pull-9 { inset-inline-end: 37.5%; } :where(.css-djtmh8).ant-col-lg-offset-9 { margin-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-lg-order-9 { order: 9; } :where(.css-djtmh8).ant-col-lg-8 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 33.33333333333333%; max-width: 33.33333333333333%; } :where(.css-djtmh8).ant-col-lg-push-8 { inset-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-lg-pull-8 { inset-inline-end: 33.33333333333333%; } :where(.css-djtmh8).ant-col-lg-offset-8 { margin-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-lg-order-8 { order: 8; } :where(.css-djtmh8).ant-col-lg-7 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 29.166666666666668%; max-width: 29.166666666666668%; } :where(.css-djtmh8).ant-col-lg-push-7 { inset-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-lg-pull-7 { inset-inline-end: 29.166666666666668%; } :where(.css-djtmh8).ant-col-lg-offset-7 { margin-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-lg-order-7 { order: 7; } :where(.css-djtmh8).ant-col-lg-6 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 25%; max-width: 25%; } :where(.css-djtmh8).ant-col-lg-push-6 { inset-inline-start: 25%; } :where(.css-djtmh8).ant-col-lg-pull-6 { inset-inline-end: 25%; } :where(.css-djtmh8).ant-col-lg-offset-6 { margin-inline-start: 25%; } :where(.css-djtmh8).ant-col-lg-order-6 { order: 6; } :where(.css-djtmh8).ant-col-lg-5 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 20.833333333333336%; max-width: 20.833333333333336%; } :where(.css-djtmh8).ant-col-lg-push-5 { inset-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-lg-pull-5 { inset-inline-end: 20.833333333333336%; } :where(.css-djtmh8).ant-col-lg-offset-5 { margin-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-lg-order-5 { order: 5; } :where(.css-djtmh8).ant-col-lg-4 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 16.666666666666664%; max-width: 16.666666666666664%; } :where(.css-djtmh8).ant-col-lg-push-4 { inset-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-lg-pull-4 { inset-inline-end: 16.666666666666664%; } :where(.css-djtmh8).ant-col-lg-offset-4 { margin-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-lg-order-4 { order: 4; } :where(.css-djtmh8).ant-col-lg-3 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 12.5%; max-width: 12.5%; } :where(.css-djtmh8).ant-col-lg-push-3 { inset-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-lg-pull-3 { inset-inline-end: 12.5%; } :where(.css-djtmh8).ant-col-lg-offset-3 { margin-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-lg-order-3 { order: 3; } :where(.css-djtmh8).ant-col-lg-2 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 8.333333333333332%; max-width: 8.333333333333332%; } :where(.css-djtmh8).ant-col-lg-push-2 { inset-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-lg-pull-2 { inset-inline-end: 8.333333333333332%; } :where(.css-djtmh8).ant-col-lg-offset-2 { margin-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-lg-order-2 { order: 2; } :where(.css-djtmh8).ant-col-lg-1 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 4.166666666666666%; max-width: 4.166666666666666%; } :where(.css-djtmh8).ant-col-lg-push-1 { inset-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-lg-pull-1 { inset-inline-end: 4.166666666666666%; } :where(.css-djtmh8).ant-col-lg-offset-1 { margin-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-lg-order-1 { order: 1; } :where(.css-djtmh8).ant-col-lg-0 { display: none; } :where(.css-djtmh8).ant-col-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-lg-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-lg-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-lg-offset-0 { margin-inline-start: 0; } :where(.css-djtmh8).ant-col-lg-order-0 { order: 0; } :where(.css-djtmh8).ant-col-lg-flex { flex: var(--ant-col-lg-flex); } } @media (min-width: 1200px) { :where(.css-djtmh8).ant-col-xl-24 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 100%; max-width: 100%; } :where(.css-djtmh8).ant-col-xl-push-24 { inset-inline-start: 100%; } :where(.css-djtmh8).ant-col-xl-pull-24 { inset-inline-end: 100%; } :where(.css-djtmh8).ant-col-xl-offset-24 { margin-inline-start: 100%; } :where(.css-djtmh8).ant-col-xl-order-24 { order: 24; } :where(.css-djtmh8).ant-col-xl-23 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 95.83333333333334%; max-width: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xl-push-23 { inset-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xl-pull-23 { inset-inline-end: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xl-offset-23 { margin-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xl-order-23 { order: 23; } :where(.css-djtmh8).ant-col-xl-22 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 91.66666666666666%; max-width: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xl-push-22 { inset-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xl-pull-22 { inset-inline-end: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xl-offset-22 { margin-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xl-order-22 { order: 22; } :where(.css-djtmh8).ant-col-xl-21 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 87.5%; max-width: 87.5%; } :where(.css-djtmh8).ant-col-xl-push-21 { inset-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-xl-pull-21 { inset-inline-end: 87.5%; } :where(.css-djtmh8).ant-col-xl-offset-21 { margin-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-xl-order-21 { order: 21; } :where(.css-djtmh8).ant-col-xl-20 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xl-push-20 { inset-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xl-pull-20 { inset-inline-end: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xl-offset-20 { margin-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xl-order-20 { order: 20; } :where(.css-djtmh8).ant-col-xl-19 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 79.16666666666666%; max-width: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xl-push-19 { inset-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xl-pull-19 { inset-inline-end: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xl-offset-19 { margin-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xl-order-19 { order: 19; } :where(.css-djtmh8).ant-col-xl-18 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 75%; max-width: 75%; } :where(.css-djtmh8).ant-col-xl-push-18 { inset-inline-start: 75%; } :where(.css-djtmh8).ant-col-xl-pull-18 { inset-inline-end: 75%; } :where(.css-djtmh8).ant-col-xl-offset-18 { margin-inline-start: 75%; } :where(.css-djtmh8).ant-col-xl-order-18 { order: 18; } :where(.css-djtmh8).ant-col-xl-17 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 70.83333333333334%; max-width: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xl-push-17 { inset-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xl-pull-17 { inset-inline-end: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xl-offset-17 { margin-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xl-order-17 { order: 17; } :where(.css-djtmh8).ant-col-xl-16 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 66.66666666666666%; max-width: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xl-push-16 { inset-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xl-pull-16 { inset-inline-end: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xl-offset-16 { margin-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xl-order-16 { order: 16; } :where(.css-djtmh8).ant-col-xl-15 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 62.5%; max-width: 62.5%; } :where(.css-djtmh8).ant-col-xl-push-15 { inset-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-xl-pull-15 { inset-inline-end: 62.5%; } :where(.css-djtmh8).ant-col-xl-offset-15 { margin-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-xl-order-15 { order: 15; } :where(.css-djtmh8).ant-col-xl-14 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xl-push-14 { inset-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xl-pull-14 { inset-inline-end: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xl-offset-14 { margin-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xl-order-14 { order: 14; } :where(.css-djtmh8).ant-col-xl-13 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 54.166666666666664%; max-width: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xl-push-13 { inset-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xl-pull-13 { inset-inline-end: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xl-offset-13 { margin-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xl-order-13 { order: 13; } :where(.css-djtmh8).ant-col-xl-12 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 50%; max-width: 50%; } :where(.css-djtmh8).ant-col-xl-push-12 { inset-inline-start: 50%; } :where(.css-djtmh8).ant-col-xl-pull-12 { inset-inline-end: 50%; } :where(.css-djtmh8).ant-col-xl-offset-12 { margin-inline-start: 50%; } :where(.css-djtmh8).ant-col-xl-order-12 { order: 12; } :where(.css-djtmh8).ant-col-xl-11 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 45.83333333333333%; max-width: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xl-push-11 { inset-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xl-pull-11 { inset-inline-end: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xl-offset-11 { margin-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xl-order-11 { order: 11; } :where(.css-djtmh8).ant-col-xl-10 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xl-push-10 { inset-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xl-pull-10 { inset-inline-end: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xl-offset-10 { margin-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xl-order-10 { order: 10; } :where(.css-djtmh8).ant-col-xl-9 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 37.5%; max-width: 37.5%; } :where(.css-djtmh8).ant-col-xl-push-9 { inset-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-xl-pull-9 { inset-inline-end: 37.5%; } :where(.css-djtmh8).ant-col-xl-offset-9 { margin-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-xl-order-9 { order: 9; } :where(.css-djtmh8).ant-col-xl-8 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 33.33333333333333%; max-width: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xl-push-8 { inset-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xl-pull-8 { inset-inline-end: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xl-offset-8 { margin-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xl-order-8 { order: 8; } :where(.css-djtmh8).ant-col-xl-7 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 29.166666666666668%; max-width: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xl-push-7 { inset-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xl-pull-7 { inset-inline-end: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xl-offset-7 { margin-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xl-order-7 { order: 7; } :where(.css-djtmh8).ant-col-xl-6 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 25%; max-width: 25%; } :where(.css-djtmh8).ant-col-xl-push-6 { inset-inline-start: 25%; } :where(.css-djtmh8).ant-col-xl-pull-6 { inset-inline-end: 25%; } :where(.css-djtmh8).ant-col-xl-offset-6 { margin-inline-start: 25%; } :where(.css-djtmh8).ant-col-xl-order-6 { order: 6; } :where(.css-djtmh8).ant-col-xl-5 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 20.833333333333336%; max-width: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xl-push-5 { inset-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xl-pull-5 { inset-inline-end: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xl-offset-5 { margin-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xl-order-5 { order: 5; } :where(.css-djtmh8).ant-col-xl-4 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 16.666666666666664%; max-width: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xl-push-4 { inset-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xl-pull-4 { inset-inline-end: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xl-offset-4 { margin-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xl-order-4 { order: 4; } :where(.css-djtmh8).ant-col-xl-3 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 12.5%; max-width: 12.5%; } :where(.css-djtmh8).ant-col-xl-push-3 { inset-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-xl-pull-3 { inset-inline-end: 12.5%; } :where(.css-djtmh8).ant-col-xl-offset-3 { margin-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-xl-order-3 { order: 3; } :where(.css-djtmh8).ant-col-xl-2 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 8.333333333333332%; max-width: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xl-push-2 { inset-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xl-pull-2 { inset-inline-end: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xl-offset-2 { margin-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xl-order-2 { order: 2; } :where(.css-djtmh8).ant-col-xl-1 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 4.166666666666666%; max-width: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xl-push-1 { inset-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xl-pull-1 { inset-inline-end: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xl-offset-1 { margin-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xl-order-1 { order: 1; } :where(.css-djtmh8).ant-col-xl-0 { display: none; } :where(.css-djtmh8).ant-col-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-xl-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-xl-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-xl-offset-0 { margin-inline-start: 0; } :where(.css-djtmh8).ant-col-xl-order-0 { order: 0; } :where(.css-djtmh8).ant-col-xl-flex { flex: var(--ant-col-xl-flex); } } @media (min-width: 1600px) { :where(.css-djtmh8).ant-col-xxl-24 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 100%; max-width: 100%; } :where(.css-djtmh8).ant-col-xxl-push-24 { inset-inline-start: 100%; } :where(.css-djtmh8).ant-col-xxl-pull-24 { inset-inline-end: 100%; } :where(.css-djtmh8).ant-col-xxl-offset-24 { margin-inline-start: 100%; } :where(.css-djtmh8).ant-col-xxl-order-24 { order: 24; } :where(.css-djtmh8).ant-col-xxl-23 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 95.83333333333334%; max-width: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xxl-push-23 { inset-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xxl-pull-23 { inset-inline-end: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xxl-offset-23 { margin-inline-start: 95.83333333333334%; } :where(.css-djtmh8).ant-col-xxl-order-23 { order: 23; } :where(.css-djtmh8).ant-col-xxl-22 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 91.66666666666666%; max-width: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xxl-push-22 { inset-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xxl-pull-22 { inset-inline-end: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xxl-offset-22 { margin-inline-start: 91.66666666666666%; } :where(.css-djtmh8).ant-col-xxl-order-22 { order: 22; } :where(.css-djtmh8).ant-col-xxl-21 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 87.5%; max-width: 87.5%; } :where(.css-djtmh8).ant-col-xxl-push-21 { inset-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-xxl-pull-21 { inset-inline-end: 87.5%; } :where(.css-djtmh8).ant-col-xxl-offset-21 { margin-inline-start: 87.5%; } :where(.css-djtmh8).ant-col-xxl-order-21 { order: 21; } :where(.css-djtmh8).ant-col-xxl-20 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xxl-push-20 { inset-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xxl-pull-20 { inset-inline-end: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xxl-offset-20 { margin-inline-start: 83.33333333333334%; } :where(.css-djtmh8).ant-col-xxl-order-20 { order: 20; } :where(.css-djtmh8).ant-col-xxl-19 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 79.16666666666666%; max-width: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xxl-push-19 { inset-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xxl-pull-19 { inset-inline-end: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xxl-offset-19 { margin-inline-start: 79.16666666666666%; } :where(.css-djtmh8).ant-col-xxl-order-19 { order: 19; } :where(.css-djtmh8).ant-col-xxl-18 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 75%; max-width: 75%; } :where(.css-djtmh8).ant-col-xxl-push-18 { inset-inline-start: 75%; } :where(.css-djtmh8).ant-col-xxl-pull-18 { inset-inline-end: 75%; } :where(.css-djtmh8).ant-col-xxl-offset-18 { margin-inline-start: 75%; } :where(.css-djtmh8).ant-col-xxl-order-18 { order: 18; } :where(.css-djtmh8).ant-col-xxl-17 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 70.83333333333334%; max-width: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xxl-push-17 { inset-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xxl-pull-17 { inset-inline-end: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xxl-offset-17 { margin-inline-start: 70.83333333333334%; } :where(.css-djtmh8).ant-col-xxl-order-17 { order: 17; } :where(.css-djtmh8).ant-col-xxl-16 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 66.66666666666666%; max-width: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xxl-push-16 { inset-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xxl-pull-16 { inset-inline-end: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xxl-offset-16 { margin-inline-start: 66.66666666666666%; } :where(.css-djtmh8).ant-col-xxl-order-16 { order: 16; } :where(.css-djtmh8).ant-col-xxl-15 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 62.5%; max-width: 62.5%; } :where(.css-djtmh8).ant-col-xxl-push-15 { inset-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-xxl-pull-15 { inset-inline-end: 62.5%; } :where(.css-djtmh8).ant-col-xxl-offset-15 { margin-inline-start: 62.5%; } :where(.css-djtmh8).ant-col-xxl-order-15 { order: 15; } :where(.css-djtmh8).ant-col-xxl-14 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xxl-push-14 { inset-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xxl-pull-14 { inset-inline-end: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xxl-offset-14 { margin-inline-start: 58.333333333333336%; } :where(.css-djtmh8).ant-col-xxl-order-14 { order: 14; } :where(.css-djtmh8).ant-col-xxl-13 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 54.166666666666664%; max-width: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xxl-push-13 { inset-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xxl-pull-13 { inset-inline-end: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xxl-offset-13 { margin-inline-start: 54.166666666666664%; } :where(.css-djtmh8).ant-col-xxl-order-13 { order: 13; } :where(.css-djtmh8).ant-col-xxl-12 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 50%; max-width: 50%; } :where(.css-djtmh8).ant-col-xxl-push-12 { inset-inline-start: 50%; } :where(.css-djtmh8).ant-col-xxl-pull-12 { inset-inline-end: 50%; } :where(.css-djtmh8).ant-col-xxl-offset-12 { margin-inline-start: 50%; } :where(.css-djtmh8).ant-col-xxl-order-12 { order: 12; } :where(.css-djtmh8).ant-col-xxl-11 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 45.83333333333333%; max-width: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xxl-push-11 { inset-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xxl-pull-11 { inset-inline-end: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xxl-offset-11 { margin-inline-start: 45.83333333333333%; } :where(.css-djtmh8).ant-col-xxl-order-11 { order: 11; } :where(.css-djtmh8).ant-col-xxl-10 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xxl-push-10 { inset-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xxl-pull-10 { inset-inline-end: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xxl-offset-10 { margin-inline-start: 41.66666666666667%; } :where(.css-djtmh8).ant-col-xxl-order-10 { order: 10; } :where(.css-djtmh8).ant-col-xxl-9 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 37.5%; max-width: 37.5%; } :where(.css-djtmh8).ant-col-xxl-push-9 { inset-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-xxl-pull-9 { inset-inline-end: 37.5%; } :where(.css-djtmh8).ant-col-xxl-offset-9 { margin-inline-start: 37.5%; } :where(.css-djtmh8).ant-col-xxl-order-9 { order: 9; } :where(.css-djtmh8).ant-col-xxl-8 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 33.33333333333333%; max-width: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xxl-push-8 { inset-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xxl-pull-8 { inset-inline-end: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xxl-offset-8 { margin-inline-start: 33.33333333333333%; } :where(.css-djtmh8).ant-col-xxl-order-8 { order: 8; } :where(.css-djtmh8).ant-col-xxl-7 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 29.166666666666668%; max-width: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xxl-push-7 { inset-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xxl-pull-7 { inset-inline-end: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xxl-offset-7 { margin-inline-start: 29.166666666666668%; } :where(.css-djtmh8).ant-col-xxl-order-7 { order: 7; } :where(.css-djtmh8).ant-col-xxl-6 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 25%; max-width: 25%; } :where(.css-djtmh8).ant-col-xxl-push-6 { inset-inline-start: 25%; } :where(.css-djtmh8).ant-col-xxl-pull-6 { inset-inline-end: 25%; } :where(.css-djtmh8).ant-col-xxl-offset-6 { margin-inline-start: 25%; } :where(.css-djtmh8).ant-col-xxl-order-6 { order: 6; } :where(.css-djtmh8).ant-col-xxl-5 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 20.833333333333336%; max-width: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xxl-push-5 { inset-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xxl-pull-5 { inset-inline-end: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xxl-offset-5 { margin-inline-start: 20.833333333333336%; } :where(.css-djtmh8).ant-col-xxl-order-5 { order: 5; } :where(.css-djtmh8).ant-col-xxl-4 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 16.666666666666664%; max-width: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xxl-push-4 { inset-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xxl-pull-4 { inset-inline-end: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xxl-offset-4 { margin-inline-start: 16.666666666666664%; } :where(.css-djtmh8).ant-col-xxl-order-4 { order: 4; } :where(.css-djtmh8).ant-col-xxl-3 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 12.5%; max-width: 12.5%; } :where(.css-djtmh8).ant-col-xxl-push-3 { inset-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-xxl-pull-3 { inset-inline-end: 12.5%; } :where(.css-djtmh8).ant-col-xxl-offset-3 { margin-inline-start: 12.5%; } :where(.css-djtmh8).ant-col-xxl-order-3 { order: 3; } :where(.css-djtmh8).ant-col-xxl-2 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 8.333333333333332%; max-width: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xxl-push-2 { inset-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xxl-pull-2 { inset-inline-end: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xxl-offset-2 { margin-inline-start: 8.333333333333332%; } :where(.css-djtmh8).ant-col-xxl-order-2 { order: 2; } :where(.css-djtmh8).ant-col-xxl-1 { --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 4.166666666666666%; max-width: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xxl-push-1 { inset-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xxl-pull-1 { inset-inline-end: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xxl-offset-1 { margin-inline-start: 4.166666666666666%; } :where(.css-djtmh8).ant-col-xxl-order-1 { order: 1; } :where(.css-djtmh8).ant-col-xxl-0 { display: none; } :where(.css-djtmh8).ant-col-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-xxl-push-0 { inset-inline-start: auto; } :where(.css-djtmh8).ant-col-xxl-pull-0 { inset-inline-end: auto; } :where(.css-djtmh8).ant-col-xxl-offset-0 { margin-inline-start: 0; } :where(.css-djtmh8).ant-col-xxl-order-0 { order: 0; } :where(.css-djtmh8).ant-col-xxl-flex { flex: var(--ant-col-xxl-flex); } } :where(.css-djtmh8)[class^="ant-input"], :where(.css-djtmh8)[class*=" ant-input"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; box-sizing: border-box; } :where(.css-djtmh8)[class^="ant-input"]::before, :where(.css-djtmh8)[class*=" ant-input"]::before, :where(.css-djtmh8)[class^="ant-input"]::after, :where(.css-djtmh8)[class*=" ant-input"]::after { box-sizing: border-box; } :where(.css-djtmh8)[class^="ant-input"] [class^="ant-input"], :where(.css-djtmh8)[class*=" ant-input"] [class^="ant-input"], :where(.css-djtmh8)[class^="ant-input"] [class*=" ant-input"], :where(.css-djtmh8)[class*=" ant-input"] [class*=" ant-input"] { box-sizing: border-box; } :where(.css-djtmh8)[class^="ant-input"] [class^="ant-input"]::before, :where(.css-djtmh8)[class*=" ant-input"] [class^="ant-input"]::before, :where(.css-djtmh8)[class^="ant-input"] [class*=" ant-input"]::before, :where(.css-djtmh8)[class*=" ant-input"] [class*=" ant-input"]::before, :where(.css-djtmh8)[class^="ant-input"] [class^="ant-input"]::after, :where(.css-djtmh8)[class*=" ant-input"] [class^="ant-input"]::after, :where(.css-djtmh8)[class^="ant-input"] [class*=" ant-input"]::after, :where(.css-djtmh8)[class*=" ant-input"] [class*=" ant-input"]::after { box-sizing: border-box; } :where(.css-djtmh8).ant-input { box-sizing: border-box; margin: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; position: relative; display: inline-block; width: 100%; min-width: 0; border-radius: 6px; transition: all 0.2s; } :where(.css-djtmh8).ant-input::-moz-placeholder { opacity: 1; } :where(.css-djtmh8).ant-input::placeholder { color: rgba(0, 0, 0, 0.25); user-select: none; } :where(.css-djtmh8).ant-input:placeholder-shown { text-overflow: ellipsis; } textarea:where(.css-djtmh8).ant-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5714285714285714; vertical-align: bottom; transition: all 0.3s, height 0s; resize: vertical; } :where(.css-djtmh8).ant-input-lg { padding: 7px 11px; font-size: 16px; line-height: 1.5; border-radius: 8px; } :where(.css-djtmh8).ant-input-sm { padding: 0px 7px; font-size: 14px; border-radius: 4px; } :where(.css-djtmh8).ant-input-rtl { direction: rtl; } :where(.css-djtmh8).ant-input-textarea-rtl { direction: rtl; } :where(.css-djtmh8).ant-input-outlined { background: #ffffff; border-width: 1px; border-style: solid; border-color: #d9d9d9; } :where(.css-djtmh8).ant-input-outlined:hover { border-color: #4096ff; background-color: #ffffff; } :where(.css-djtmh8).ant-input-outlined:focus, :where(.css-djtmh8).ant-input-outlined:focus-within { border-color: #1677ff; box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1); outline: 0; background-color: #ffffff; } :where(.css-djtmh8).ant-input-outlined.ant-input-disabled, :where(.css-djtmh8).ant-input-outlined[disabled] { color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.04); border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } :where(.css-djtmh8).ant-input-outlined.ant-input-disabled input[disabled], :where(.css-djtmh8).ant-input-outlined[disabled] input[disabled] { cursor: not-allowed; } :where(.css-djtmh8).ant-input-outlined.ant-input-disabled:hover:not([disabled]), :where(.css-djtmh8).ant-input-outlined[disabled]:hover:not([disabled]) { border-color: #d9d9d9; background-color: rgba(0, 0, 0, 0.04); } :where(.css-djtmh8).ant-input-outlined.ant-input-status-error:not(.ant-input-disabled) { background: #ffffff; border-width: 1px; border-style: solid; border-color: #ff4d4f; } :where(.css-djtmh8).ant-input-outlined.ant-input-status-error:not(.ant-input-disabled):hover { border-color: #ffa39e; background-color: #ffffff; } :where(.css-djtmh8).ant-input-outlined.ant-input-status-error:not(.ant-input-disabled):focus, :where(.css-djtmh8).ant-input-outlined.ant-input-status-error:not(.ant-input-disabled):focus-within { border-color: #ff4d4f; box-shadow: 0 0 0 2px rgba(255, 38, 5, 0.06); outline: 0; background-color: #ffffff; } :where(.css-djtmh8).ant-input-outlined.ant-input-status-error:not(.ant-input-disabled) .ant-input-prefix, :where(.css-djtmh8).ant-input-outlined.ant-input-status-error:not(.ant-input-disabled) .ant-input-suffix { color: #ff4d4f; } :where(.css-djtmh8).ant-input-outlined.ant-input-status-warning:not(.ant-input-disabled) { background: #ffffff; border-width: 1px; border-style: solid; border-color: #faad14; } :where(.css-djtmh8).ant-input-outlined.ant-input-status-warning:not(.ant-input-disabled):hover { border-color: #ffd666; background-color: #ffffff; } :where(.css-djtmh8).ant-input-outlined.ant-input-status-warning:not(.ant-input-disabled):focus, :where(.css-djtmh8).ant-input-outlined.ant-input-status-warning:not(.ant-input-disabled):focus-within { border-color: #faad14; box-shadow: 0 0 0 2px rgba(255, 215, 5, 0.1); outline: 0; background-color: #ffffff; } :where(.css-djtmh8).ant-input-outlined.ant-input-status-warning:not(.ant-input-disabled) .ant-input-prefix, :where(.css-djtmh8).ant-input-outlined.ant-input-status-warning:not(.ant-input-disabled) .ant-input-suffix { color: #faad14; } :where(.css-djtmh8).ant-input-filled { background: rgba(0, 0, 0, 0.04); border-width: 1px; border-style: solid; border-color: transparent; } input:where(.css-djtmh8).ant-input-filled, :where(.css-djtmh8).ant-input-filled input, textarea:where(.css-djtmh8).ant-input-filled, :where(.css-djtmh8).ant-input-filled textarea { color: undefined; } :where(.css-djtmh8).ant-input-filled:hover { background: rgba(0, 0, 0, 0.06); } :where(.css-djtmh8).ant-input-filled:focus, :where(.css-djtmh8).ant-input-filled:focus-within { outline: 0; border-color: #1677ff; background-color: #ffffff; } :where(.css-djtmh8).ant-input-filled.ant-input-disabled, :where(.css-djtmh8).ant-input-filled[disabled] { color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.04); border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } :where(.css-djtmh8).ant-input-filled.ant-input-disabled input[disabled], :where(.css-djtmh8).ant-input-filled[disabled] input[disabled] { cursor: not-allowed; } :where(.css-djtmh8).ant-input-filled.ant-input-disabled:hover:not([disabled]), :where(.css-djtmh8).ant-input-filled[disabled]:hover:not([disabled]) { border-color: #d9d9d9; background-color: rgba(0, 0, 0, 0.04); } :where(.css-djtmh8).ant-input-filled.ant-input-status-error:not(.ant-input-disabled) { background: #fff2f0; border-width: 1px; border-style: solid; border-color: transparent; } input:where(.css-djtmh8).ant-input-filled.ant-input-status-error:not(.ant-input-disabled), :where(.css-djtmh8).ant-input-filled.ant-input-status-error:not(.ant-input-disabled) input, textarea:where(.css-djtmh8).ant-input-filled.ant-input-status-error:not(.ant-input-disabled), :where(.css-djtmh8).ant-input-filled.ant-input-status-error:not(.ant-input-disabled) textarea { color: #ff4d4f; } :where(.css-djtmh8).ant-input-filled.ant-input-status-error:not(.ant-input-disabled):hover { background: #fff1f0; } :where(.css-djtmh8).ant-input-filled.ant-input-status-error:not(.ant-input-disabled):focus, :where(.css-djtmh8).ant-input-filled.ant-input-status-error:not(.ant-input-disabled):focus-within { outline: 0; border-color: #ff4d4f; background-color: #ffffff; } :where(.css-djtmh8).ant-input-filled.ant-input-status-error:not(.ant-input-disabled) .ant-input-prefix, :where(.css-djtmh8).ant-input-filled.ant-input-status-error:not(.ant-input-disabled) .ant-input-suffix { color: #ff4d4f; } :where(.css-djtmh8).ant-input-filled.ant-input-status-warning:not(.ant-input-disabled) { background: #fffbe6; border-width: 1px; border-style: solid; border-color: transparent; } input:where(.css-djtmh8).ant-input-filled.ant-input-status-warning:not(.ant-input-disabled), :where(.css-djtmh8).ant-input-filled.ant-input-status-warning:not(.ant-input-disabled) input, textarea:where(.css-djtmh8).ant-input-filled.ant-input-status-warning:not(.ant-input-disabled), :where(.css-djtmh8).ant-input-filled.ant-input-status-warning:not(.ant-input-disabled) textarea { color: #faad14; } :where(.css-djtmh8).ant-input-filled.ant-input-status-warning:not(.ant-input-disabled):hover { background: #fff1b8; } :where(.css-djtmh8).ant-input-filled.ant-input-status-warning:not(.ant-input-disabled):focus, :where(.css-djtmh8).ant-input-filled.ant-input-status-warning:not(.ant-input-disabled):focus-within { outline: 0; border-color: #faad14; background-color: #ffffff; } :where(.css-djtmh8).ant-input-filled.ant-input-status-warning:not(.ant-input-disabled) .ant-input-prefix, :where(.css-djtmh8).ant-input-filled.ant-input-status-warning:not(.ant-input-disabled) .ant-input-suffix { color: #faad14; } :where(.css-djtmh8).ant-input-borderless { background: transparent; border: none; } :where(.css-djtmh8).ant-input-borderless:focus, :where(.css-djtmh8).ant-input-borderless:focus-within { outline: none; } :where(.css-djtmh8).ant-input-borderless.ant-input-disabled, :where(.css-djtmh8).ant-input-borderless[disabled] { color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-input[type="color"] { height: 32px; } :where(.css-djtmh8).ant-input[type="color"].ant-input-lg { height: 40px; } :where(.css-djtmh8).ant-input[type="color"].ant-input-sm { height: 24px; padding-top: 3px; padding-bottom: 3px; } :where(.css-djtmh8).ant-input[type="search"]::-webkit-search-cancel-button, :where(.css-djtmh8).ant-input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } :where(.css-djtmh8).ant-input-textarea { position: relative; } :where(.css-djtmh8).ant-input-textarea-show-count > .ant-input { height: 100%; } :where(.css-djtmh8).ant-input-textarea-show-count .ant-input-data-count { position: absolute; bottom: -22px; inset-inline-end: 0; color: rgba(0, 0, 0, 0.45); white-space: nowrap; pointer-events: none; } :where(.css-djtmh8).ant-input-textarea-allow-clear > .ant-input { padding-inline-end: 24px; } :where(.css-djtmh8).ant-input-textarea-affix-wrapper.ant-input-textarea-has-feedback .ant-input { padding-inline-end: 24px; } :where(.css-djtmh8).ant-input-textarea-affix-wrapper.ant-input-affix-wrapper { padding: 0; } :where(.css-djtmh8).ant-input-textarea-affix-wrapper.ant-input-affix-wrapper > textarea.ant-input { font-size: inherit; border: none; outline: none; background: transparent; } :where(.css-djtmh8).ant-input-textarea-affix-wrapper.ant-input-affix-wrapper > textarea.ant-input:focus { box-shadow: none !important; } :where(.css-djtmh8).ant-input-textarea-affix-wrapper.ant-input-affix-wrapper .ant-input-suffix { margin: 0; } :where(.css-djtmh8).ant-input-textarea-affix-wrapper.ant-input-affix-wrapper .ant-input-suffix > *:not(:last-child) { margin-inline: 0; } :where(.css-djtmh8).ant-input-textarea-affix-wrapper.ant-input-affix-wrapper .ant-input-suffix .ant-input-clear-icon { position: absolute; inset-inline-end: 8px; inset-block-start: 8px; } :where(.css-djtmh8).ant-input-textarea-affix-wrapper.ant-input-affix-wrapper .ant-input-suffix .ant-input-textarea-suffix { position: absolute; top: 0; inset-inline-end: 11px; bottom: 0; z-index: 1; display: inline-flex; align-items: center; margin: auto; pointer-events: none; } :where(.css-djtmh8).ant-input-affix-wrapper { position: relative; display: inline-flex; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; border-radius: 6px; transition: all 0.2s; } :where(.css-djtmh8).ant-input-affix-wrapper::-moz-placeholder { opacity: 1; } :where(.css-djtmh8).ant-input-affix-wrapper::placeholder { color: rgba(0, 0, 0, 0.25); user-select: none; } :where(.css-djtmh8).ant-input-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } textarea:where(.css-djtmh8).ant-input-affix-wrapper { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5714285714285714; vertical-align: bottom; transition: all 0.3s, height 0s; resize: vertical; } :where(.css-djtmh8).ant-input-affix-wrapper-lg { padding: 7px 11px; font-size: 16px; line-height: 1.5; border-radius: 8px; } :where(.css-djtmh8).ant-input-affix-wrapper-sm { padding: 0px 7px; font-size: 14px; border-radius: 4px; } :where(.css-djtmh8).ant-input-affix-wrapper-rtl { direction: rtl; } :where(.css-djtmh8).ant-input-affix-wrapper-textarea-rtl { direction: rtl; } :where(.css-djtmh8).ant-input-affix-wrapper:not(.ant-input-disabled):hover { z-index: 1; } .ant-input-search-with-button :where(.css-djtmh8).ant-input-affix-wrapper:not(.ant-input-disabled):hover { z-index: 0; } :where(.css-djtmh8).ant-input-affix-wrapper-focused, :where(.css-djtmh8).ant-input-affix-wrapper:focus { z-index: 1; } :where(.css-djtmh8).ant-input-affix-wrapper > input.ant-input { padding: 0; font-size: inherit; border: none; border-radius: 0; outline: none; background: transparent; color: inherit; } :where(.css-djtmh8).ant-input-affix-wrapper > input.ant-input::-ms-reveal { display: none; } :where(.css-djtmh8).ant-input-affix-wrapper > input.ant-input:focus { box-shadow: none !important; } :where(.css-djtmh8).ant-input-affix-wrapper::before { display: inline-block; width: 0; visibility: hidden; content: "\a0"; } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-prefix, :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-suffix { display: flex; flex: none; align-items: center; } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-prefix > *:not(:last-child), :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-suffix > *:not(:last-child) { margin-inline-end: 8px; } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-show-count-suffix { color: rgba(0, 0, 0, 0.45); } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-show-count-has-suffix { margin-inline-end: 4px; } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-prefix { margin-inline-end: 4px; } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-suffix { margin-inline-start: 4px; } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-clear-icon { margin: 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; vertical-align: -1px; cursor: pointer; transition: color 0.3s; } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-clear-icon:active { color: rgba(0, 0, 0, 0.88); } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-clear-icon-hidden { visibility: hidden; } :where(.css-djtmh8).ant-input-affix-wrapper .ant-input-clear-icon-has-suffix { margin: 0 4px; } :where(.css-djtmh8).ant-input-affix-wrapper .anticon.ant-input-password-icon { color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.3s; } :where(.css-djtmh8).ant-input-affix-wrapper .anticon.ant-input-password-icon:hover { color: rgba(0, 0, 0, 0.88); } :where(.css-djtmh8).ant-input-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } :where(.css-djtmh8).ant-input-group[class*="col-"] { padding-inline-end: 8px; } :where(.css-djtmh8).ant-input-group[class*="col-"]:last-child { padding-inline-end: 0; } :where(.css-djtmh8).ant-input-group-lg .ant-input, :where(.css-djtmh8).ant-input-group-lg > .ant-input-group-addon { padding: 7px 11px; font-size: 16px; line-height: 1.5; border-radius: 8px; } :where(.css-djtmh8).ant-input-group-sm .ant-input, :where(.css-djtmh8).ant-input-group-sm > .ant-input-group-addon { padding: 0px 7px; font-size: 14px; border-radius: 4px; } :where(.css-djtmh8).ant-input-group-lg .ant-select-single .ant-select-selector { height: 40px; } :where(.css-djtmh8).ant-input-group-sm .ant-select-single .ant-select-selector { height: 24px; } :where(.css-djtmh8).ant-input-group > .ant-input { display: table-cell; } :where(.css-djtmh8).ant-input-group > .ant-input:not(:first-child):not(:last-child) { border-radius: 0; } :where(.css-djtmh8).ant-input-group .ant-input-group-addon, :where(.css-djtmh8).ant-input-group .ant-input-group-wrap { display: table-cell; width: 1px; white-space: nowrap; vertical-align: middle; } :where(.css-djtmh8).ant-input-group .ant-input-group-addon:not(:first-child):not(:last-child), :where(.css-djtmh8).ant-input-group .ant-input-group-wrap:not(:first-child):not(:last-child) { border-radius: 0; } :where(.css-djtmh8).ant-input-group .ant-input-group-wrap > * { display: block !important; } :where(.css-djtmh8).ant-input-group .ant-input-group-addon { position: relative; padding: 0 11px; color: rgba(0, 0, 0, 0.88); font-weight: normal; font-size: 14px; text-align: center; border-radius: 6px; transition: all 0.3s; line-height: 1; } :where(.css-djtmh8).ant-input-group .ant-input-group-addon .ant-select { margin: -5px -11px; } :where(.css-djtmh8).ant-input-group .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { background-color: inherit; border: 1px solid transparent; box-shadow: none; } :where(.css-djtmh8).ant-input-group .ant-input-group-addon .ant-select-open .ant-select-selector, :where(.css-djtmh8).ant-input-group .ant-input-group-addon .ant-select-focused .ant-select-selector { color: #1677ff; } :where(.css-djtmh8).ant-input-group .ant-input-group-addon .ant-cascader-picker { margin: -9px -11px; background-color: transparent; } :where(.css-djtmh8).ant-input-group .ant-input-group-addon .ant-cascader-picker .ant-cascader-input { text-align: start; border: 0; box-shadow: none; } :where(.css-djtmh8).ant-input-group .ant-input { width: 100%; margin-bottom: 0; text-align: inherit; } :where(.css-djtmh8).ant-input-group .ant-input:focus { z-index: 1; border-inline-end-width: 1px; } :where(.css-djtmh8).ant-input-group .ant-input:hover { z-index: 1; border-inline-end-width: 1px; } .ant-input-search-with-button :where(.css-djtmh8).ant-input-group .ant-input:hover { z-index: 0; } :where(.css-djtmh8).ant-input-group > .ant-input:first-child, :where(.css-djtmh8).ant-input-group .ant-input-group-addon:first-child { border-start-end-radius: 0; border-end-end-radius: 0; } :where(.css-djtmh8).ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, :where(.css-djtmh8).ant-input-group .ant-input-group-addon:first-child .ant-select .ant-select-selector { border-start-end-radius: 0; border-end-end-radius: 0; } :where(.css-djtmh8).ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { border-start-start-radius: 0; border-end-start-radius: 0; } :where(.css-djtmh8).ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { border-start-end-radius: 0; border-end-end-radius: 0; } :where(.css-djtmh8).ant-input-group > .ant-input:last-child, :where(.css-djtmh8).ant-input-group .ant-input-group-addon:last-child { border-start-start-radius: 0; border-end-start-radius: 0; } :where(.css-djtmh8).ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, :where(.css-djtmh8).ant-input-group .ant-input-group-addon:last-child .ant-select .ant-select-selector { border-start-start-radius: 0; border-end-start-radius: 0; } :where(.css-djtmh8).ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; } .ant-input-search :where(.css-djtmh8).ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-start-start-radius: 6px; border-end-start-radius: 6px; } :where(.css-djtmh8).ant-input-group .ant-input-affix-wrapper:not(:first-child), .ant-input-search :where(.css-djtmh8).ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-start-start-radius: 0; border-end-start-radius: 0; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact { display: block; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact::before { display: table; content: ""; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact::after { display: table; clear: both; content: ""; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input-group-addon:not(:first-child):not(:last-child), :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input-group-wrap:not(:first-child):not(:last-child), :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { border-inline-end-width: 1px; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input-group-addon:not(:first-child):not(:last-child):hover, :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input-group-wrap:not(:first-child):not(:last-child):hover, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { z-index: 1; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input-group-addon:not(:first-child):not(:last-child):focus, :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input-group-wrap:not(:first-child):not(:last-child):focus, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { z-index: 1; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-picker-range { display: inline-flex; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-inline-end: -1px; border-inline-end-width: 1px; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input { float: none; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { border-inline-end-width: 1px; border-radius: 0; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select-focused { z-index: 1; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > *:first-child, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-start-start-radius: 6px; border-end-start-radius: 6px; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > *:last-child, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-inline-end-width: 1px; border-start-end-radius: 6px; border-end-end-radius: 6px; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-inline-start: -1px; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0; } :where(.css-djtmh8).ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-start-start-radius: 6px; border-start-end-radius: 0; border-end-end-radius: 0; border-end-start-radius: 6px; } :where(.css-djtmh8).ant-input-group-rtl { direction: rtl; } :where(.css-djtmh8).ant-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } :where(.css-djtmh8).ant-input-group-wrapper-rtl { direction: rtl; } :where(.css-djtmh8).ant-input-group-wrapper-lg .ant-input-group-addon { border-radius: 8px; font-size: 16px; } :where(.css-djtmh8).ant-input-group-wrapper-sm .ant-input-group-addon { border-radius: 4px; } :where(.css-djtmh8).ant-input-group-wrapper-outlined .ant-input-group-addon { background: rgba(0, 0, 0, 0.02); border: 1px solid #d9d9d9; } :where(.css-djtmh8).ant-input-group-wrapper-outlined .ant-input-group-addon:first-child { border-inline-end: 0; } :where(.css-djtmh8).ant-input-group-wrapper-outlined .ant-input-group-addon:last-child { border-inline-start: 0; } :where(.css-djtmh8).ant-input-group-wrapper-outlined.ant-input-group-wrapper-status-error .ant-input-group-addon { border-color: #ff4d4f; color: #ff4d4f; } :where(.css-djtmh8).ant-input-group-wrapper-outlined.ant-input-group-wrapper-status-warning .ant-input-group-addon { border-color: #faad14; color: #faad14; } :where(.css-djtmh8).ant-input-group-wrapper-outlined.ant-input-group-wrapper-disabled .ant-input-group-addon { color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.04); border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } :where(.css-djtmh8).ant-input-group-wrapper-outlined.ant-input-group-wrapper-disabled .ant-input-group-addon input[disabled] { cursor: not-allowed; } :where(.css-djtmh8).ant-input-group-wrapper-outlined.ant-input-group-wrapper-disabled .ant-input-group-addon:hover:not([disabled]) { border-color: #d9d9d9; background-color: rgba(0, 0, 0, 0.04); } :where(.css-djtmh8).ant-input-group-wrapper-filled .ant-input-group-addon { background: rgba(0, 0, 0, 0.04); } :where(.css-djtmh8).ant-input-group-wrapper-filled .ant-input-group .ant-input-filled:not(:focus):not(:focus-within):not(:first-child) { border-inline-start: 1px solid rgba(5, 5, 5, 0.06); } :where(.css-djtmh8).ant-input-group-wrapper-filled .ant-input-group .ant-input-filled:not(:focus):not(:focus-within):not(:last-child) { border-inline-end: 1px solid rgba(5, 5, 5, 0.06); } :where(.css-djtmh8).ant-input-group-wrapper-filled.ant-input-group-wrapper-status-error .ant-input-group-addon { background: #fff2f0; color: #ff4d4f; } :where(.css-djtmh8).ant-input-group-wrapper-filled.ant-input-group-wrapper-status-warning .ant-input-group-addon { background: #fffbe6; color: #faad14; } :where(.css-djtmh8).ant-input-group-wrapper-filled.ant-input-group-wrapper-disabled .ant-input-group-addon { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-input-group-wrapper-filled.ant-input-group-wrapper-disabled .ant-input-group-addon:first-child { border-inline-start: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } :where(.css-djtmh8).ant-input-group-wrapper-filled.ant-input-group-wrapper-disabled .ant-input-group-addon:last-child { border-inline-end: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } :where(.css-djtmh8).ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-compact-item .ant-input, :where(.css-djtmh8).ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-compact-item .ant-input-group-addon { border-radius: 0; } :where(.css-djtmh8).ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-first-item .ant-input, :where(.css-djtmh8).ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-first-item .ant-input-group-addon { border-start-end-radius: 0; border-end-end-radius: 0; } :where(.css-djtmh8).ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-last-item .ant-input, :where(.css-djtmh8).ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-last-item .ant-input-group-addon { border-start-start-radius: 0; border-end-start-radius: 0; } :where(.css-djtmh8).ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-item .ant-input-affix-wrapper { border-start-end-radius: 0; border-end-end-radius: 0; } :where(.css-djtmh8).ant-input-search .ant-input:hover, :where(.css-djtmh8).ant-input-search .ant-input:focus { border-color: #4096ff; } :where(.css-djtmh8).ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), :where(.css-djtmh8).ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-inline-start-color: #4096ff; } :where(.css-djtmh8).ant-input-search .ant-input-affix-wrapper { border-radius: 0; } :where(.css-djtmh8).ant-input-search .ant-input-lg { line-height: 1.4998; } :where(.css-djtmh8).ant-input-search > .ant-input-group > .ant-input-group-addon:last-child { inset-inline-start: -1px; padding: 0; border: 0; } :where(.css-djtmh8).ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { margin-inline-end: -1px; padding-top: 0; padding-bottom: 0; border-start-start-radius: 0; border-start-end-radius: 6px; border-end-end-radius: 6px; border-end-start-radius: 0; box-shadow: none; } :where(.css-djtmh8).ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) { color: rgba(0, 0, 0, 0.45); } :where(.css-djtmh8).ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary):hover { color: #4096ff; } :where(.css-djtmh8).ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary):active { color: #0958d9; } :where(.css-djtmh8).ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before { inset-inline-start: 0; inset-inline-end: 0; inset-block-start: 0; inset-block-end: 0; } :where(.css-djtmh8).ant-input-search .ant-input-search-button { height: 32px; } :where(.css-djtmh8).ant-input-search .ant-input-search-button:hover, :where(.css-djtmh8).ant-input-search .ant-input-search-button:focus { z-index: 1; } :where(.css-djtmh8).ant-input-search-large .ant-input-search-button { height: 40px; } :where(.css-djtmh8).ant-input-search-small .ant-input-search-button { height: 24px; } :where(.css-djtmh8).ant-input-search-rtl { direction: rtl; } :where(.css-djtmh8).ant-input-search.ant-input-compact-item:not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button { margin-inline-end: -1px; border-radius: 0; } :where(.css-djtmh8).ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input, :where(.css-djtmh8).ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper { border-radius: 0; } :where(.css-djtmh8).ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover, :where(.css-djtmh8).ant-input-search.ant-input-compact-item > .ant-input:hover, :where(.css-djtmh8).ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover, :where(.css-djtmh8).ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus, :where(.css-djtmh8).ant-input-search.ant-input-compact-item > .ant-input:focus, :where(.css-djtmh8).ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus, :where(.css-djtmh8).ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active, :where(.css-djtmh8).ant-input-search.ant-input-compact-item > .ant-input:active, :where(.css-djtmh8).ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active { z-index: 2; } :where(.css-djtmh8).ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused { z-index: 2; } :where(.css-djtmh8).ant-input-out-of-range, :where(.css-djtmh8).ant-input-out-of-range input, :where(.css-djtmh8).ant-input-out-of-range textarea, :where(.css-djtmh8).ant-input-out-of-range .ant-input-show-count-suffix, :where(.css-djtmh8).ant-input-out-of-range .ant-input-data-count { color: #ff4d4f; } :where(.css-djtmh8).ant-input-compact-item:not(.ant-input-compact-last-item) { margin-inline-end: -1px; } :where(.css-djtmh8).ant-input-compact-item:hover, :where(.css-djtmh8).ant-input-compact-item:focus, :where(.css-djtmh8).ant-input-compact-item:active { z-index: 2; } :where(.css-djtmh8).ant-input-compact-item[disabled] { z-index: 0; } :where(.css-djtmh8).ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item) { border-radius: 0; } :where(.css-djtmh8).ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-first-item, :where(.css-djtmh8).ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-first-item.ant-input-sm, :where(.css-djtmh8).ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-first-item.ant-input-lg { border-start-end-radius: 0; border-end-end-radius: 0; } :where(.css-djtmh8).ant-input-compact-item:not(.ant-input-compact-first-item).ant-input-compact-last-item, :where(.css-djtmh8).ant-input-compact-item:not(.ant-input-compact-first-item).ant-input-compact-last-item.ant-input-sm, :where(.css-djtmh8).ant-input-compact-item:not(.ant-input-compact-first-item).ant-input-compact-last-item.ant-input-lg { border-start-start-radius: 0; border-end-start-radius: 0; } :where(.css-djtmh8).ant-collapse { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; box-sizing: border-box; } :where(.css-djtmh8).ant-collapse::before, :where(.css-djtmh8).ant-collapse::after { box-sizing: border-box; } :where(.css-djtmh8).ant-collapse [class^="ant-collapse"], :where(.css-djtmh8).ant-collapse [class*=" ant-collapse"] { box-sizing: border-box; } :where(.css-djtmh8).ant-collapse [class^="ant-collapse"]::before, :where(.css-djtmh8).ant-collapse [class*=" ant-collapse"]::before, :where(.css-djtmh8).ant-collapse [class^="ant-collapse"]::after, :where(.css-djtmh8).ant-collapse [class*=" ant-collapse"]::after { box-sizing: border-box; } :where(.css-djtmh8).ant-collapse { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; background-color: rgba(0, 0, 0, 0.02); border: 1px solid #d9d9d9; border-bottom: 0; border-radius: 8px; } :where(.css-djtmh8).ant-collapse-rtl { direction: rtl; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item:last-child, :where(.css-djtmh8).ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header { border-radius: 0 0 8px 8px; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item > .ant-collapse-header { position: relative; display: flex; flex-wrap: nowrap; align-items: flex-start; padding: 12px 16px; color: rgba(0, 0, 0, 0.88); line-height: 1.5714285714285714; cursor: pointer; transition: all 0.3s, visibility 0s; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item > .ant-collapse-header > .ant-collapse-header-text { flex: auto; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item > .ant-collapse-header:focus { outline: none; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon { height: 22px; display: flex; align-items: center; padding-inline-end: 12px; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { display: inline-flex; align-items: center; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * { line-height: 1; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transition: transform 0.3s; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text { margin-inline-end: auto; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only { cursor: unset; } :where(.css-djtmh8).ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon { cursor: pointer; } :where(.css-djtmh8).ant-collapse .ant-collapse-content { color: rgba(0, 0, 0, 0.88); background-color: #ffffff; border-top: 1px solid #d9d9d9; } :where(.css-djtmh8).ant-collapse .ant-collapse-content > .ant-collapse-content-box { padding: 16px 16px; } :where(.css-djtmh8).ant-collapse .ant-collapse-content-hidden { display: none; } :where(.css-djtmh8).ant-collapse-small > .ant-collapse-item > .ant-collapse-header { padding: 8px 12px; padding-inline-start: 8px; } :where(.css-djtmh8).ant-collapse-small > .ant-collapse-item > .ant-collapse-header > .ant-collapse-expand-icon { margin-inline-start: 4px; } :where(.css-djtmh8).ant-collapse-small > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding: 12px; } :where(.css-djtmh8).ant-collapse-large > .ant-collapse-item { font-size: 16px; line-height: 1.5; } :where(.css-djtmh8).ant-collapse-large > .ant-collapse-item > .ant-collapse-header { padding: 16px 24px; padding-inline-start: 16px; } :where(.css-djtmh8).ant-collapse-large > .ant-collapse-item > .ant-collapse-header > .ant-collapse-expand-icon { height: 24px; margin-inline-start: 8px; } :where(.css-djtmh8).ant-collapse-large > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding: 24px; } :where(.css-djtmh8).ant-collapse .ant-collapse-item:last-child > .ant-collapse-content { border-radius: 0 0 8px 8px; } :where(.css-djtmh8).ant-collapse .ant-collapse-item-disabled > .ant-collapse-header, :where(.css-djtmh8).ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } :where(.css-djtmh8).ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon { order: 1; padding-inline-end: 0; padding-inline-start: 12px; } :where(.css-djtmh8).ant-collapse-borderless { background-color: rgba(0, 0, 0, 0.02); border: 0; } :where(.css-djtmh8).ant-collapse-borderless > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } :where(.css-djtmh8).ant-collapse-borderless > .ant-collapse-item:last-child, :where(.css-djtmh8).ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header { border-radius: 0; } :where(.css-djtmh8).ant-collapse-borderless > .ant-collapse-item:last-child { border-bottom: 0; } :where(.css-djtmh8).ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0; } :where(.css-djtmh8).ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 4px; } :where(.css-djtmh8).ant-collapse-ghost { background-color: transparent; border: 0; } :where(.css-djtmh8).ant-collapse-ghost > .ant-collapse-item { border-bottom: 0; } :where(.css-djtmh8).ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border: 0; } :where(.css-djtmh8).ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-block: 12px; } :where(.css-djtmh8).ant-collapse-rtl > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transform: rotate(180deg); } :where(.css-djtmh8).ant-collapse .ant-motion-collapse-legacy { overflow: hidden; } :where(.css-djtmh8).ant-collapse .ant-motion-collapse-legacy-active { transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } :where(.css-djtmh8).ant-collapse .ant-motion-collapse { overflow: hidden; transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { :where(.css-djtmh8).ant-form-item-control { display: flex; } } :where(.css-djtmh8).ant-btn-compact-item:not(.ant-btn-compact-last-item) { margin-inline-end: -1px; } :where(.css-djtmh8).ant-btn-compact-item:hover, :where(.css-djtmh8).ant-btn-compact-item:focus, :where(.css-djtmh8).ant-btn-compact-item:active { z-index: 2; } :where(.css-djtmh8).ant-btn-compact-item[disabled] { z-index: 0; } :where(.css-djtmh8).ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item) { border-radius: 0; } :where(.css-djtmh8).ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-first-item, :where(.css-djtmh8).ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-first-item.ant-btn-sm, :where(.css-djtmh8).ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-first-item.ant-btn-lg { border-start-end-radius: 0; border-end-end-radius: 0; } :where(.css-djtmh8).ant-btn-compact-item:not(.ant-btn-compact-first-item).ant-btn-compact-last-item, :where(.css-djtmh8).ant-btn-compact-item:not(.ant-btn-compact-first-item).ant-btn-compact-last-item.ant-btn-sm, :where(.css-djtmh8).ant-btn-compact-item:not(.ant-btn-compact-first-item).ant-btn-compact-last-item.ant-btn-lg { border-start-start-radius: 0; border-end-start-radius: 0; } :where(.css-djtmh8).ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) { margin-bottom: -1px; } :where(.css-djtmh8).ant-btn-compact-vertical-item:hover, :where(.css-djtmh8).ant-btn-compact-vertical-item:focus, :where(.css-djtmh8).ant-btn-compact-vertical-item:active { z-index: 2; } :where(.css-djtmh8).ant-btn-compact-vertical-item[disabled] { z-index: 0; } :where(.css-djtmh8).ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) { border-radius: 0; } :where(.css-djtmh8).ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item), :where(.css-djtmh8).ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item).ant-btn-sm, :where(.css-djtmh8).ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item).ant-btn-lg { border-end-end-radius: 0; border-end-start-radius: 0; } :where(.css-djtmh8).ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item), :where(.css-djtmh8).ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item).ant-btn-sm, :where(.css-djtmh8).ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item).ant-btn-lg { border-start-start-radius: 0; border-start-end-radius: 0; } :where(.css-djtmh8).ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]) { position: relative; } :where(.css-djtmh8).ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]):before { position: absolute; top: -1px; inset-inline-start: -1px; display: inline-block; width: 1px; height: calc(100% + 1px * 2); background-color: #4096ff; content: ""; } :where(.css-djtmh8).ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) { position: relative; } :where(.css-djtmh8).ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]):before { position: absolute; top: -1px; inset-inline-start: -1px; display: inline-block; width: calc(100% + 1px * 2); height: 1px; background-color: #4096ff; content: ""; } .anticon { display: inline-flex; align-items: center; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon .anticon .anticon-icon { display: block; } .data-ant-cssinjs-cache-path { content: "ptzkaz|Shared|ant:1j4eb1w;ptzkaz|ant-design-icons|anticon:s1v4z6;ptzkaz|Flex-Flex|ant-flex|anticon:1cd7n8f;ptzkaz|Button-Button|ant-btn|anticon:xohl0a;ptzkaz|Wave-Wave|ant-wave|anticon:1nex6kv;ptzkaz|Form-Form|ant-form|anticon:gwkito;ptzkaz|Space-Space|ant-space-compact|anticon:2temy7;ptzkaz|Grid-Grid|ant-row|anticon:1hpy7q6;ptzkaz|Grid-Grid|ant-col|anticon:pjnv9r;ptzkaz|Input-Input|ant-input|anticon:221eh4;ptzkaz|Form-item-item|ant-form|anticon:1s7dmly;ptzkaz|Button-compact|ant-btn|anticon:1x40zqk;ptzkaz|Collapse-Collapse|ant-collapse|anticon:12riq4h"; } :root { --max-width: 1366px; --border-radius: 12px; --primary: #d13636; --primary-dark: #e84747; --primary-light: #ff6b6b; --section-bg: #fceed0; --section-bg-2: #f6f6f3; --border-bg: #f7f3ea; --border-bg-2: #ebebe5; --text: #1a1a1a; --text-2: #2b2e32; --dark: #1e1e1e; } * { box-sizing: border-box; padding: 0; margin: 0; color: var(--text) } body, html { scroll-behavior: smooth; user-select: none; } body { color: var(--text) } a, a:hover { color: inherit; text-decoration: none; transition: all .3s } .container { width: 1600px; max-width: 90vw; margin: 0 auto; padding: 0 16px } h1 { color: #091135; font-size: 66px; font-weight: 700; line-height: normal; max-width: 900px } .home h1 { font-size: 37px; line-height: 54px; margin-bottom: 16px } h1.small { color: var(--text); font-size: 46px; font-weight: 600; line-height: 58px; max-width: 100% } .home .search-bar.book-demo { width: 100%; max-width: 400px } .h6 { font-size: 14px; line-height: 20px; letter-spacing: 1.08px; text-transform: uppercase; margin-bottom: 10px } .h6, h2 { font-weight: 600 } h2 { font-size: 40px; line-height: 58px; margin-bottom: 50px } h1 span, h2 span, h3 span { color: var(--primary) } h3 { font-size: 26px; margin-bottom: 16px } h3, h4 { color: var(--text-2); font-weight: 600; line-height: normal } h4 { font-size: 20px; margin-bottom: 8px } h5 { color: var(--text); font-size: 15px; font-weight: 600; line-height: 20px; letter-spacing: .075px } p { color: var(--text-2); font-size: 18px; font-weight: 400; line-height: 28px } .mt-auto { margin-top: auto } .text-center { text-align: center } a.ant-btn, button.ant-btn { display: flex; height: 44px; padding: 12px 24px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; background: var(--primary-light); box-shadow: none; transition: all .3s } a.ant-btn.shopify { background-color: #377e62; color: #fff; width: -moz-fit-content; width: fit-content; white-space: nowrap } a.ant-btn.shopify:hover { background-color: #235944 !important } button.ant-btn.ant-btn-default { background-color: transparent } header button.ant-btn.ant-btn-default span { color: #000 } .contact-div button.ant-btn.ant-btn-default span { color: var(--low, #2b2e32) } .contact-div button.ant-btn.ant-btn-default, .contact-div button.ant-btn.ant-btn-default:hover { border-radius: 8px; background: var(--background-4, hsla(0, 0%, 71%, .4)) !important; border: none !important } a.ant-btn.btn-main, button.ant-btn.btn-main { background: var(--primary) } button.ant-btn.ant-btn-text { background-color: transparent } button.ant-btn.ant-btn-text:hover { background-color: #f7e9e4 !important } button.ant-btn.ant-btn-text span { color: var(--text) } button.ant-btn img { width: 47px; height: auto; mix-blend-mode: luminosity } a.ant-btn:hover, button.ant-btn:hover { background: var(--primary) !important; transition: all .3s } a.ant-btn.btn-main:hover, button.ant-btn.btn-main:hover { background: var(--primary-dark) !important } a.ant-btn span, button.ant-btn span { color: #fff; font-size: 15px; font-weight: 600; line-height: 20px; letter-spacing: .25px } .link-color { color: #e84747 } .link-color:hover { text-decoration: underline } button.ant-btn.ant-btn-link { background-color: transparent } button.ant-btn.ant-btn-link:hover { background-color: transparent !important } button.ant-btn.ant-btn-link span { color: var(--text); transition: all .3s } a.ant-btn.ant-btn-link:hover span, button.ant-btn.ant-btn-link:hover span { color: var(--primary); transition: all .3s } section { margin: 0 16px 16px; border-radius: 12px } .common-section { padding: 100px 0 } .banner-section { padding: 120px 0; text-align: center } .banner-section.common-section { padding: 100px 0 } .banner-section h1 { max-width: 967px; margin: 0 auto 20px } .banner-section p { margin-left: auto; margin-right: auto; opacity: .8 } .position-relative { position: relative } .section-yellow { background-color: var(--section-bg); border: 1px solid var(--border-bg); border-radius: 12px } .section-grey { background-color: var(--section-bg-2); border: 1px solid var(--border-bg-2); border-radius: 12px } .normal-section { border-radius: 0; margin: 0; border: 0 } .arrow-link { gap: 5px; align-items: center; display: flex } .arrow-link:hover { gap: 10px } .features-btn { margin-top: 50px; margin-left: auto; margin-right: auto } .pricing-steps--content { flex-direction: column; align-items: flex-start; gap: 40px; display: flex } .pricing-step { width: 40px; height: 5px; opacity: .5; border-radius: 5px; background-color: var(--primary) } .pricing-step.active { opacity: 1 } .pricing-steps { margin-bottom: 20px } .pricing-section { overflow: hidden; margin-top: -10px } .pricing-section .container { display: flex; align-items: stretch } .pricing--content { min-width: 56%; padding: 60px 110px 60px 0 } .pricing-section h1.small { font-size: 26px; font-weight: 700; line-height: 37px } .pricing--image { position: relative } .pricing--image img { margin-bottom: -4px } .pricing--image:after { background: linear-gradient(135deg, #ffdbd4 3%, #fff2d5 50%); position: absolute; content: ""; height: 100%; width: calc(100vw); z-index: -1; left: 0 } .pricing-steps--content>p { font-size: 20px; font-weight: 400; line-height: 30px } .banner-info-section { max-width: 500px } .sticky-conainer { position: relative; z-index: 2; border-top-left-radius: 0; margin-bottom: 10px; padding-bottom: 100px } .sticky-conainer:after { position: absolute; content: ""; top: -27.5px; left: 373px; width: 16px; height: 16px; background-color: var(--section-bg); border-bottom-left-radius: 12px; z-index: 3; border: 1px solid var(--border-bg); border-top: 0; border-right: 0 } .sticky-conainer.section-yellow:after { background-color: var(--section-bg-2); border: 1px solid var(--border-bg-2); border-top: 0; border-right: 0 } .sticky.sticky-conainer .sticky-div--inner svg { opacity: 0 } .sticky-conainer:before { content: ""; position: absolute; width: 21px; height: 20px; background-color: var(--section-bg); border-radius: 50%; left: 0; top: -112px; z-index: 1; box-shadow: -10px 10px 0 #fff } .sticky-div { width: 374.363px; top: -93px; position: absolute; left: -1px } .max-235 { max-width: 235px } .sticky-conainer.one .sticky-div { border: none } .sticky-conainer.one:after, .sticky-conainer.one:before { display: none } .section-grey .sticky-div { border-radius: 0 12px 0 0; border: 1px solid var(--border-bg); border-bottom: 0; border-left: 0; padding: 9px 9px 0 0; background-color: #fff } .section-yellow .sticky-div { border-radius: 0 12px 0 0; border: 1px solid var(--border-bg-2); border-bottom: 0; border-left: 0; padding: 9px 9px 0 0; background-color: #fff } .section-grey .sticky-div:after { box-shadow: -10px 10px 0 var(--section-bg-2) } .section-grey .sticky-div:after, .section-yellow .sticky-div:after { content: ""; position: absolute; width: 21px; height: 20px; background-color: #fff; border-radius: 50%; right: -12px; bottom: 1px } .section-yellow .sticky-div:after { box-shadow: -10px 10px 0 var(--section-bg) } .sticky-div--inner { padding: 32px 26px; background-color: var(--section-bg-2); border-radius: 12px 12px 0 0; border: 1px solid var(--border-bg-2); border-bottom: 0; text-align: left } .section-yellow .sticky-div--inner { background-color: var(--section-bg); border: 1px solid var(--border-bg); border-bottom: 0 } .home-banner { padding-top: 120px } .gradient-section { background: linear-gradient(135deg, #ffd4d4 10%, #fff2d5 80%) } .home-banner .container { max-width: 100%; padding: 0 } .home-banner--container { display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center } .home-banner--container button.ant-btn:hover { scale: .96; background: var(--primary-light) !important; transition: all .3s } .title-desc { font-size: 20px; font-weight: 400; line-height: 28px; max-width: 615px; color: var(--text) } .home .title-desc { font-size: 18px; line-height: 1.7 } .home-banner--container button { margin-top: 32px } .brands-container { padding: 100px 0 180px; text-align: center } .brands-list { display: flex; gap: 20px; max-width: 100%; margin: 0 auto 120px; position: relative; flex-wrap: wrap } .brands-list:last-child { margin-bottom: 0 } .swiper--contaier .swiperslide--slide.full { width: 100%; flex-direction: row } .swiper--contaier .swiperslide--slide.section-yellow { background: var(--Other-light-beige, #f7f3ea); border: none; box-shadow: none } h2.purpose-h2 { margin-bottom: 16px } h2.purpose-h2+p { margin-bottom: 40px } .solutions-cta { gap: 60px } .solutions-cta .ant-btn { margin: 0 auto } .integration--d2c { margin: 0 auto 50px; width: 100%; max-width: 723px } .swiper--contaier .swiperslide--slide.full>* { width: 50% } .brands-list.normal { position: unset; max-width: 100%; justify-content: space-between; margin: 0; width: 100% } .brands-list.normal:after, .brands-list.normal:before { display: none } .brands-list:before { background: linear-gradient(90deg, var(--section-bg) 23.09%, hsla(42, 45%, 94%, 0) 95.35%); width: 191.949px; height: 231.469px; position: absolute; left: -53.547px; top: -53.734px; content: ""; z-index: 1 } .brands-list.white { display: block } .brands-list.white:before { background: linear-gradient(90deg, #ffffff 23.09%, hsla(42, 45%, 94%, 0) 95.35%) } .brands-list.white:after { background: linear-gradient(270deg, #ffffff 23.09%, hsla(42, 45%, 94%, 0) 95.35%) } .brands-list:after { background: linear-gradient(270deg, var(--section-bg) 23.09%, hsla(42, 45%, 94%, 0) 95.35%); width: 166.049px; height: 231.469px; position: absolute; right: -51.645px; top: -53.734px; content: "" } .brands-list--item { display: flex; align-items: center; justify-content: center; border-radius: 24px; height: 124px; width: 124px; flex: auto; background-color: #ffffff; border: 1px solid rgba(13, 34, 71, .08); filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .1)) drop-shadow(0 12px 12px rgba(0, 0, 0, .09)) drop-shadow(0 26px 16px rgba(0, 0, 0, .05)) drop-shadow(0 46px 18px rgba(0, 0, 0, .01)) drop-shadow(0 72px 20px rgba(0, 0, 0, 0)) } .brands-list--item.big { width: 250px; height: 150px } .brands { margin-bottom: 10px } .banner-img { max-width: 100%; height: auto } .testimonial-part { padding: 50px 0 180px } .section-grey.not-first { padding: 50px 0 100px } .image-tabs { display: flex; align-items: stretch } .image-tabs--nav { gap: 4px; padding: 25px 0; width: 50% } .image-tabs--nav, .image-tabs--tab { display: flex; flex-direction: column } .image-tabs--tab { justify-content: center; align-items: flex-start; gap: 15px; cursor: pointer; border-bottom-left-radius: 16px; border-top-left-radius: 16px; padding: 35px 80px 35px 30px } .image-tabs--tab.active { background-color: #fff; position: relative } .image-tabs--tab.active:after { top: -26px; box-shadow: 14px 14px 0 #fff } .image-tabs--tab.active:after, .image-tabs--tab.active:before { content: ""; position: absolute; width: 26px; height: 26px; border-radius: 50%; right: 0 } .image-tabs--tab.active:before { bottom: -26px; box-shadow: 14px -14px 0 #fff } .image-tabs--nav--title { color: var(--text-2); font-size: 24px; font-weight: 600; line-height: 28px } .image-tabs--nav--text { color: var(--text-2); font-size: 15px; font-weight: 400; line-height: 26px } .image-tabs--content { width: 50%; border-radius: 16px; background-color: #fff; flex: 1 1; display: flex; align-items: center; justify-content: center; padding: 25px } .image-tabs--content img { max-width: 100%; height: auto } .faq { text-align: center } .faq .ant-collapse { max-width: 896px; margin: 0 auto; border: none; background-color: transparent } .faq .ant-collapse-item { text-align: left; border-radius: 8px !important; background: #fff; margin-bottom: 16px; box-shadow: none; border-bottom: none !important } .faq.faq-bodered .ant-collapse-item { border: 1px solid var(--Other-stroke, #ebebe5); border-bottom: 1px solid var(--Other-stroke, #ebebe5) !important } .faq .ant-collapse-item .ant-collapse-header { padding: 20px !important; flex-direction: row-reverse } .ant-collapse-header-text { color: var(--High, #1a1a1a); font-size: 16px; font-weight: 600; line-height: 24px } .faq .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-expand-icon { -webkit-padding-end: 0; padding-inline-end: 0; display: flex; padding: 7px 17px; justify-content: center; align-items: center; gap: 10px; border-radius: 4px; background: hsla(0, 0%, 95%, .7); height: 26px } .faq .ant-collapse-content { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-top: 1px solid #f2f2f2 !important } .faq .ant-collapse>.ant-collapse-item .ant-collapse-content-box { padding: 16px 46px 16px 20px } .faq .ant-collapse>.ant-collapse-item .ant-collapse-content-box p { color: var(--text-2); font-size: 15px; font-weight: 400; line-height: 26px } .mb-10 { margin-bottom: 10px } .gradient-section.solution .container.side { gap: 50px; align-items: center } .solution .container.side { display: flex; gap: 170px } .solution .container.side.start { align-items: flex-start } .solution.normal-section .container.side.start { justify-content: space-between; align-items: center } .home-banner-award { width: 350px; max-width: 100% } .solution.normal-section .container.side.start .sub-img-section { margin-right: 5vw } .banner-info-section { display: flex; flex-direction: column; gap: 40px; align-items: flex-start; max-width: 610px; width: 100% } .home .banner-info-section { max-width: 490px } .home .banner-img-section { margin-bottom: -40px } .home .banner-img-section .banner-img { max-width: 90%; margin-left: auto; display: block; margin-top: 46px } .gradient-section.solution.home .container.side { justify-content: space-between } .platform-footer.home h2 { margin-bottom: 8px } .over-section .banner-info-section { max-width: 665px } .over-section .banner-info-section p { max-width: 601px } .banner-info-section.small { max-width: 490px } .banner-info-section.full { max-width: 100% } .banner-info-section.full.center { align-items: center } .banner-info-section.full.center .title-desc { max-width: 100%; text-align: center } .banner-info-section h2 { margin-bottom: 20px; font-weight: 600 } .gradient-section .banner-info-section h2 { font-weight: 700 } .banner-info-section--title { color: var(--text); letter-spacing: .2px; text-transform: uppercase; font-weight: 600; margin-bottom: 12px } .solution .title-desc { color: #2b2e32cc } .solution .h6 { margin-bottom: 10px } .stat-card-container { display: flex; justify-content: space-between; margin-top: 100px; flex-wrap: wrap; text-align: left; gap: 40px; align-items: flex-start } .stat-card-container.card-container--cards { gap: 20px; align-items: stretch } .stat-card-container.card-container--cards .stat-card-item p:first-of-type { font-size: 26px; line-height: 37px } .about .stat-card-container { margin-top: 50px } .stat-card-item { display: flex; flex-direction: column; gap: 16px; width: calc((100%/4) - (120px/4)) } .stat-card-item.card { width: calc((100%/3) - (40px/3)); border-radius: 8px; background: #f7f3ea; padding: 30px } .stat-card-item.card:nth-child(2n) { background: #f6f6f3 } .stat-card-item.card:last-of-type { align-self: auto } .stat-card-item p:first-of-type { font-size: 42px; font-weight: 800; line-height: 58px; letter-spacing: 0; color: #1a1a1a } .stat-card-item.card p:first-of-type { font-weight: 700 } .card-container--cards { margin-top: 30px } .stat-card-item p:last-of-type { font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 0; text-align: left; color: #222 } .sub-img-section { min-width: 323px; width: 323px } .feature-img { min-width: 529px; width: 529px; overflow: hidden } .feature-img img { max-width: 100%; width: 100%; object-fit: cover } .workflow-items { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px } .workflow-item { max-width: calc(50% - 10px); width: 100%; border-radius: 12px; padding: 40px; background-color: #fff; display: flex; align-items: flex-start; gap: 20px } .colorful .workflow-item { background-color: var(--section-bg) } .colorful .workflow-item:nth-child(2), .colorful .workflow-item:nth-child(3) { background-color: var(--section-bg-2) } .workflow-info { display: flex; flex-direction: column; gap: 16px } .workflow-item p { font-size: 26px; font-weight: 600; line-height: 31px; letter-spacing: 0; text-align: left; color: #2b2e32 } .workflow-item .workflow-text { font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 0; text-align: left; color: #2b2e32cc } .benefit-container { display: flex; gap: 84px } .home-highlight { color: var(--text); font-size: 16px; font-weight: 700; line-height: normal } .home-highlight span { color: var(--primary) } .home--info svg:last-child { transform: scaleX(-1) } .home--info { margin-bottom: 14px } .challenges { gap: 24px } .challenges p strong { font-weight: 600 } .challenges>div { gap: 16px } .challenges>div svg { min-width: 24px } .challenges-container { gap: 40px } .challenges-container p { font-size: 20px } .challenges-container h2+p { margin-bottom: 40px; margin-top: -26px } .challenges-container>div { width: 50% } .challenges-container.left>div:first-child { width: 53% } .challenges-container h2 { margin-bottom: 40px } .question-icon { width: 160px; margin-right: 120px } .question-icon--container { text-align: right } .d2c-insider { gap: 60px; width: 55% } .d2c-insider .ant-btn { width: 240px } .d2c-insider h2 { margin-bottom: 40px } .d2c-insider--list p { color: var(--text); font-size: 20px; font-weight: 500; line-height: 24px; opacity: .8 } .quick-commerce-card.full { width: 100%; flex: 1 1 } .d2c-stats { gap: 40px } .d2c-stats div p { color: var(--text); font-size: 41.6px; font-weight: 800; line-height: 58px } .d2c-stats div p:last-child { color: var(--medium, #222); font-size: 18px; font-weight: 400; line-height: 28px } .d2c-stats--section { position: relative; z-index: 1 } .d2c-stats--section:after { position: absolute; content: ""; width: 100%; height: 70%; top: 0; left: 0; background-size: contain; background-position: 50%; background-repeat: no-repeat; background-image: url(/images/semi-circle.webp); z-index: -1 } .end-to-end h2 { margin-bottom: 40px } .end-to-end--list { gap: 24px } .ant-radio-wrapper span.ant-radio+* { color: var(--medium, #222); font-size: 15px; font-weight: 400; line-height: 130%; letter-spacing: .075px } .ant-radio-wrapper.ant-radio-wrapper-checked span.ant-radio+* { color: var(--text); font-weight: 500 } .custom-radio--btns .ant-radio .ant-radio-inner { border-color: #2b2e32 } .custom-radio--btns .ant-radio-wrapper:hover .ant-radio-inner, .custom-radio--btns .ant-radio-wrapper:hover .ant-radio-wrapper { border-color: #e84747 } .custom-radio--btns .ant-radio.ant-radio-checked .ant-radio-inner, .custom-radio--btns .ant-radio.ant-radio-checked:hover .ant-radio-inner { border-color: #e84747 !important; background: #fff } .custom-radio--btns .ant-radio-wrapper .ant-radio-checked:after { border-color: #e84747 !important } .custom-radio--btns .ant-radio.ant-radio-checked .ant-radio-inner:after { background: #e84747; scale: 1.4 } .end-to-end--list p { font-size: 20px; font-weight: 400; line-height: 28px } .end-to-end--list p strong { font-weight: 600 } .end-to-end--container>div:first-child { width: 50% } .purpose>div:last-child img.end-2-end--image { margin: 0; max-width: 80% } .purpose>div:last-child.end-2-end-div { display: flex; justify-content: flex-end } .dtc-home .container { z-index: 1 } .fullslider { width: 92% !important; position: relative; max-width: 100% } .swiper--contaier .swiperslide--slide.full.image>div:first-child { position: absolute } .platform-banner.tracking-banner { padding: 72px 0; text-align: left } .dtc-brands { position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: 100%; width: 1300px; z-index: -1 } .announce-div { border-radius: 100px; border: 1px solid var(--Primary-200, #f6b5b5); background: hsla(0, 0%, 100%, .4); display: flex; padding: 12px 24px; align-items: center; gap: 12px; width: -moz-fit-content; width: fit-content; margin-bottom: 27px } .announce-div img { width: 28px } .tracking-card { border-radius: 12px; background: #fff; padding: 50px 60px } .tracking-card--image { width: 34%; margin-left: auto; margin-right: 3% } .tracking-card--content { gap: 40px; width: 50%; max-width: 680px } .tracking-card--content p { color: var(--text-2); font-size: 14px; font-weight: 400; line-height: 170%; letter-spacing: .07px } .tracking-card--content p.tracking-card-des { font-size: 16px } .tracking-card--content h5+p { line-height: 150% } .order-racking-process { gap: 46px } .order-racking-process--para { width: 723px; max-width: 100%; font-size: 16px; line-height: 24px } .tracklist--item { width: calc(20% - (80px/4)); position: relative } .tracklist--item h4 { margin-bottom: 6px } .tracklist--item--text { color: var(--medium, #222); font-size: 14px; font-weight: 400; line-height: 22px } .tracklist--item:after { position: absolute; content: ""; top: 30px; left: 16px; width: 100%; height: 1px; background-image: url(/images/lines.svg); z-index: -1 } .tracklist--item:last-child:after { display: none } .half-width { width: 810px; max-width: 100% } .announce-div p { color: #000; text-align: center; font-size: 20px; font-weight: 500; line-height: 28px } .dtc-home h1 { color: var(--text); font-size: 54px; font-weight: 700; line-height: 130%; letter-spacing: .27px; width: 100%; margin-bottom: 27px; max-width: 1000px } .bread-list { color: #222; font-weight: 400 } .container.text-left { text-align: left } p.bread-list { color: var(--text-2); font-weight: 600 } .thugo-in { margin-bottom: 42px } .dtc-home .ant-btn { width: 240px } .wind-left { width: 112px; bottom: 10px; left: 32% } .wind-left, .wind-right { position: absolute; transform: translateX(-50%) } .wind-right { width: 112.339px; bottom: 20px; left: 68% } .testimonial--slide img.quotes--image { width: 48px; margin-bottom: 24px } .version .testimonial--content--upper>p { min-height: 252px } .version .testimonial--content--upper { height: 540px } .version .testimonial--content--details { padding-top: 40px; margin-top: 40px; border-top: 1px solid rgba(0, 0, 0, .12); border-radius: 0 } .version-testimonial .swiper-wrapper { padding-bottom: 100px } .version-testimonial .swiper-pagination-bullets { top: 80% } .testimonial-section.version-section { padding-bottom: 100px } .swiper-pagination-bullet { width: 10px !important; height: 10px !important; background-color: #e84747 !important } header.landing-page { background-color: transparent; position: absolute; z-index: 1; top: 30px; width: 100%; border: 0; box-shadow: none } header.landing-page button.ant-btn { margin-top: 0 } .gradient-2.solution.dtc-home { padding-top: 160px } .desktop-hide { display: none } .platform-banner { padding: 116px 0 0; text-align: center } .gradient-2.solution, .platform-banner { background: linear-gradient(115deg, #dad7ff 6.09%, #ffdbdb 96.91%) } .gradient-2.solution { overflow: hidden; padding: 100px 0 } .platform-banner.u-logix { padding: 120px 0; margin-top: 16px } .u-logix--cta { font-size: 20px; font-weight: 500; margin-bottom: 16px } .u-logix--cta+.search-bar.book-demo { width: 492px } .u-logix--cta span { color: var(--primary) } .u-logix--footer-head { margin-bottom: 50px } .platform-banner .container { position: relative; z-index: 1; max-width: 80vw } .white-guide { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; width: 100% } .platform-banner.u-logix { overflow: hidden } .u-logix .white-guide { top: 93% } .platform-banner h1 { margin: 21px auto 40px; max-width: 100%; width: 1064px } .u-logix--head { margin-top: 20px; font-size: 20px } .platform-banner.u-logix h1 { margin-top: 8px } .platform-banner .ant-btn { margin: 0 auto } img { max-width: 100%; height: auto } .platform-banner--image { margin: 80px 0 0; position: relative } .platform-banner--image img { margin: 0 auto -4px; max-width: 100% } .platform-banner--image img:last-child:not(:only-child) { display: none } .platform-banner--image:after { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; height: 111px; content: ""; opacity: .2; background: linear-gradient(0deg, #000, hsla(0, 0%, 85%, 0)) } .product-brand { padding: 120px 0 } .info-product { padding: 110px 0 } .info-product--container { display: flex; gap: 10px } .info-product--detail { max-width: 592px; min-width: 592px; position: relative; z-index: 1 } .info-product--detail .h6 { margin-bottom: 10px } .info-product--detail h2 { margin-bottom: 38px } .info-product--detail p { color: var(--text-2); font-size: 18px; font-style: italic; font-weight: 400; line-height: 28px; margin-bottom: 38px } .info-product--detail-list { display: flex; flex-direction: column; gap: 16px } .info-product--detail-list--item { display: flex; gap: 10px } .info-product--detail-list--item svg { min-width: 15px; margin-top: 8px } .info-product--detail .info-product--detail-list--item p { font-style: normal; margin-bottom: 0 } .info-product { position: relative; overflow: hidden } .info-product--image { position: relative; flex: auto } .info-product--image img { position: absolute; height: auto } .info-product--image img.plt-2 { max-width: 100% } .info-product--image img.platform { max-width: 100%; right: -2vw; z-index: 1; top: 60%; transform: translateY(-50%) } .info-product--image img.platform.new { right: calc(-6vw) } .info-product--container.small { justify-content: space-between } .info-product--container.small>div:last-child { max-width: 45% } .info-product--image img:not(.platform) { max-width: 1055px; left: -100px; top: -73px } .info-product--image img:not(.platform):last-child { left: -30px; top: -36px } .small-cards { display: flex; gap: 30px; flex-wrap: wrap } .small-card--item { width: calc((100%/3) - (60px/3)); border-radius: 8px; background: #f6f6f3; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; padding: 30px 30px 0 } .small-card--item.no-image { padding: 40px } .small-card--item:nth-child(2n) { background: #f7f3ea } .small-card--item:not(.no-image) p { color: rgba(43, 46, 50, .8); font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 0 } .small-card--item.no-image p { color: #222 } .small-card--item--img { position: relative; margin-left: -30px; width: calc(100% + 60px) } .your-terms h2.purpose-h2+p { max-width: 700px } .common--content-list { display: flex; flex-direction: column; gap: 66px } .common--content--item { display: flex; justify-content: space-between; gap: 70px; align-items: center } .common--content--item:nth-child(2n) { flex-direction: row-reverse } .common--content--item-details { width: 70%; min-width: 530px } .integration { padding: 110px 0; text-align: center } .integration .container { width: 1176px; max-width: 100% } .integration--title { gap: 16px; width: -moz-fit-content; width: fit-content; margin: 0 auto 32px; display: flex; align-items: center; padding: 7px 16.786px; border-radius: 6.714px; border: 1.679px solid var(--Other-stroke, #ebebe5); background: #fff; box-shadow: 0 1.679px 3.357px 0 rgba(0, 0, 0, .1), -3.357px 5.036px 6.714px 0 rgba(0, 0, 0, .09), -6.714px 11.75px 8.393px 0 rgba(0, 0, 0, .05), -13.429px 21.822px 10.072px 0 rgba(0, 0, 0, .01), -20.143px 33.572px 10.072px 0 transparent } .ulogix .integration--title { padding: 16px 45px } .ulogix .integration--title.second { max-width: 305px } .ulogix .integration--title.second p { color: var(--medium, #222); font-size: 14px; font-weight: 500; line-height: 20px } .integration--title:not(.second) p { color: var(--text); font-size: 20.143px; font-weight: 600; line-height: 24px } .integration--cards { display: flex; gap: 20px; margin: 0 auto; width: -moz-fit-content; width: fit-content } .integration--cards--card { border-radius: 6px; border: 1px solid var(--Other-stroke, #ebebe5); background: #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .02), 0 3px 3px 0 rgba(0, 0, 0, .02), 0 6px 3px 0 rgba(0, 0, 0, .01), 0 10px 4px 0 transparent, 0 16px 4px 0 transparent; display: flex; flex-direction: column; gap: 10px; padding: 20px; align-items: center; min-width: 150px } .integration--cards--card p { color: #000; font-size: 14px; font-weight: 500; line-height: 20px } .integration--main-icon { margin-bottom: 93px; margin-right: 13px } .ulogix .integration--main-icon { margin-bottom: 40px; margin-right: 18px; margin-top: 80px } .ulogix .svg.center { top: 32px } .ulogix .svg { top: 25px; left: 112px } .ulogix .svg.reverse { transform: none; top: -25px; right: 44px } .integration--icons { display: flex; align-items: center; gap: 32px; height: 383px; position: absolute; left: 0; top: 9px } .integration--icons.reverse { flex-direction: row-reverse; left: unset; right: 0 } .integration--icons--list { display: flex; flex-direction: column; height: 100%; justify-content: center } .integration--icons--list:first-child { justify-content: space-between } .integration--icons--list:nth-child(2) { gap: 102px } .integration .position-relative { z-index: 1 } .integration--icon { border-radius: 60px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1), 0 4px 4px 0 rgba(0, 0, 0, .09), 0 9px 6px 0 rgba(0, 0, 0, .05), 0 17px 7px 0 rgba(0, 0, 0, .01), 0 26px 7px 0 transparent; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center } .svg { position: absolute; left: 33px; top: 40px; z-index: -1 } .svg.reverse { right: 33px; left: unset; transform: scaleX(-1) } .svg.center { left: 50%; transform: translateX(-50%); top: 40px; z-index: -1 } .svg.center.bottom { top: 114px } .announce-person { position: absolute; left: 0; bottom: 0; width: 264px; z-index: -1 } .platform-footer { overflow: hidden } .platform-footer h2 { margin-bottom: 30px } .platform-footer p { color: var(--text); margin-bottom: 50px } .platform-footer .platform-banner--image { max-width: 97%; margin: 0 auto } .home a.ant-btn.shopify, .platform-banner.platform-footer .search-bar.book-demo { margin-bottom: 60px } .simplified-worklist--item { border-radius: 4px; border: 1px dashed rgba(0, 0, 0, .2); background: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .02), 0 5px 5px 0 rgba(0, 0, 0, .02), 0 11px 6px 0 rgba(0, 0, 0, .01), 0 19px 8px 0 transparent, 0 30px 8px 0 transparent; width: 527px; padding: 30px; display: flex; gap: 22px; align-items: center; opacity: 1; transition: all .3s; z-index: 1 } .simplified-worklist--item.first:not(:first-child), .simplified-worklist--item.last:not(:last-child), .simplified-worklist--item.second:not(:nth-child(2)) { opacity: .2; transition: all .3s; z-index: -1 } .simplified-worklist--number { min-width: 78px; height: 78px; padding: 10px; border-radius: 2px; background: #ffebeb; display: flex; align-items: center; justify-content: center } .simplified-worklist--item p { color: var(--text-2); font-size: 16px; font-weight: 400; line-height: 24px } .simplified-worklist--item .simplified-worklist--number p { color: #f25454; font-size: 24px; font-weight: 500; line-height: 33.6px } .simplified-worklist--item p.simplified-worklist--title { color: var(--Header, #161d24); font-size: 18px; font-weight: 600; line-height: 28px; margin-bottom: 8px } .simplified-worklist--item:nth-child(2) { margin: -20px auto 0 } .simplified-worklist--item:last-child { margin: -20px 0 0 auto } .common-section--arrow { position: absolute; left: calc(50% - 386px); transform: translateX(-50%); top: 408px; background-color: #fff } .common-section--arrow.second { position: absolute; left: calc(50% - 37px); top: 557px } .common-section--arrow--bg { position: absolute; height: 100%; top: 0; left: 1px; background-color: #391a1a; mix-blend-mode: color-burn; width: 0 } .inte--mobile { display: none } .common-section--arrow.add.first .common-section--arrow--bg { width: calc(100% - 2px) } .common-section--arrow.animation.first .common-section--arrow--bg { animation: identifier 3.5s ease-in } .common-section--arrow.second.add .common-section--arrow--bg { width: calc(100% - 2px) } .common-section--arrow.animation.second .common-section--arrow--bg { animation: identifier 3.5s ease-in } .common-section--arrow.second .common-section--arrow--bg { animation-delay: 0s } @keyframes identifier { 0% { width: 0 } to { width: calc(100% - 2px) } } .privacy h1 { text-align: center; max-width: 100% } .privacy h2 { margin-top: 50px } .privacy h2, .privacy p { margin-bottom: 20px } .privacy a { color: var(--primary-light) } .privacy a:hover { color: var(--primary-dark) } .pricing-cards { display: flex; gap: 30px } .pricing-card { border-radius: 8px; padding: 30px; display: flex; flex-direction: column; gap: 32px; height: 100%; width: calc((100%/3) - 20px); background: var(--section-bg-2); overflow: hidden; position: relative } .pricing-card button { width: 100% } .pricing-card:nth-child(2n) { background: var(--section-bg) } .pricing-card--intro { text-align: center } .pricing-card p { line-height: 150%; color: var(--text-2) } .pricing-card--name { font-size: 22px; font-weight: 700; margin-bottom: 8px } .pricing-card--price { font-size: 40px; font-weight: 700; margin-bottom: 8px } .pricing-card--price small { font-size: 20px; font-weight: 600 } .pricing-card--year { font-size: 14px; margin-bottom: 24px } .pricing-card--time { font-size: 18px; font-weight: 500; line-height: 150% } .pricing-card--list { display: flex; flex-direction: column; gap: 14px; text-align: left } .pricing-card--list p { opacity: .8; font-size: 14px; font-weight: 500 } .pricing-card--list--item { display: flex; align-items: center; gap: 8px } .pricing-card .popular { padding: 2px 12px; border-radius: 8px; background: linear-gradient(275deg, #877ef3 -23.34%, #ff6363 157.28%); width: -moz-fit-content; width: fit-content; position: absolute; right: -8px; top: 10px } .pricing-card .popular p { color: var(--Primary-50, #f9f6fd); font-size: 12px; font-weight: 700; line-height: 24px; font-family: Public-Sans, sans-serif } .pricing-tab { margin: 0 auto 50px; display: flex; justify-content: center } .pricing-tab .ant-segmented .ant-segmented-item-label { padding: 8px 24px; color: var(--High, #1a1a1a); font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: .25px } .pricing-tab .ant-segmented .ant-segmented-group { gap: 12px } .pricing-tab .ant-segmented { border-radius: 8px; padding: 4px } .pricing-tab .ant-segmented-thumb { background-color: var(--Primary-Primary, #e84747) !important; border-radius: 8px !important } .pricing-tab .ant-segmented .ant-segmented-item { border-radius: 8px; min-width: 142px } .pricing-tab .ant-segmented .ant-segmented-item.ant-segmented-item-selected { background-color: var(--Primary-Primary, #e84747) } .pricing-tab .ant-segmented .ant-segmented-item.ant-segmented-item-selected .ant-segmented-item-label { color: #fff; font-family: Public-Sans, sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: .25px } .indutry-banner { position: absolute; right: calc(50vw - 600px); bottom: -37.338px; max-width: 500px; z-index: 1 } .industry.about.common-section { overflow: hidden } .industry-guide { position: absolute; left: 0; top: 40px; z-index: -1 } .roles-card { display: flex; margin-top: 30px } .roles-card--item { display: flex; padding: 40px 60px; flex-direction: column; gap: 24px; border-right: 1px solid #e8ddc4; width: 31% } .roles-card--item:nth-child(2n) { width: 38% } .roles-card--item.simple { border-right: 0; padding: 0 40px; width: 31.5% } .roles-card--item:first-child { padding-left: 0 } .roles-card--item:last-child { padding-right: 0; border-right: 0 } .roles-card--item h3 { font-size: 24px; line-height: 145%; margin-bottom: 16px } .roles-card--item .value-txt { line-height: 150%; opacity: .8 } .image-content-section { padding: 150px 0; background-color: var(--section-bg); overflow: hidden } .image-content-section h2 { margin-bottom: 16px } .image-content-section p { color: rgba(43, 46, 50, .8); margin-bottom: 40px } .image-content-section .container { display: flex } .image-content-section .container>div:first-child { width: 50% } .image-content-section .container>div:last-child { width: calc(50% - 50px) } .image-content-section--image { margin-top: -150px; margin-bottom: -150px } .image-content-section--image img { height: 100%; max-width: calc(50vw - 10px); object-fit: cover } .banner-cards--item { border-radius: 8px; background: #f6f6f3; padding: 30px; width: calc((100%/3) - 20px); text-align: left; display: flex; flex-direction: column; gap: 32px } .normal-section.contact { padding: 50px 0 } .banner-cards--item p { color: var(--text-2); font-size: 16px; font-weight: 400; line-height: 150% } .banner-cards--item p.banner-cards--title { color: var(--text-2); font-size: 22px; font-weight: 500; line-height: 150%; margin-bottom: 8px } .banner-cards { display: flex; gap: 30px } .banner-cards a, a.link-text-underline { color: var(--Primary-Primary, #e84747); font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: .25px; -webkit-text-decoration-line: underline; text-decoration-line: underline } .banner-cards a:hover, a.link-text-underline:hover { text-decoration: none } .contact-div { display: flex; padding: 50px; align-items: flex-start; gap: 60px; border: none } .contact-div.p-0 { padding: 0 !important; align-items: stretch } .contact-div>div { width: calc(50% - 30px) } .contact-div h2 { margin-bottom: 16px } .contact-div>div:first-child p { color: var(--text-2); font-size: 14px; line-height: 24px; letter-spacing: .14px } .contact-div p.contact-div--title { color: var(--tryclub-com-cod-gray, #0a0a0a); font-size: 20px; font-weight: 600; margin-bottom: 24px } .contact-div .ant-form-item .ant-input-affix-wrapper, .contact-div .ant-form-item .ant-input-affix-wrapper:hover, .contact-div .ant-form-item .ant-select .ant-select-selector, .contact-div .ant-form-item .ant-select:hover .ant-select-selector, .contact-div .ant-form-item textarea.ant-input, .contact-div .ant-input-affix-wrapper.ant-input-outlined.ant-input-affix-wrapper-focused { border-radius: 8px; border: 1px solid #e0e0e0 !important; background: #f7f7f7 !important; background-color: #f7f7f7 !important; padding: 12px 20px; min-height: 43px } .contact-div .ant-form-item .ant-select { min-height: 50px; box-shadow: none } .contact-div .ant-form-item .ant-select.ant-select-focused .ant-select-selector { box-shadow: none !important } .contact-div .ant-form-item .ant-input-affix-wrapper-focused, .contact-div .ant-form-item .ant-select.ant-select-focused .ant-select-selector, .contact-div .ant-form-item textarea.ant-input:focus, .contact-div .ant-input-affix-wrapper.ant-input-outlined.ant-input-affix-wrapper-focused { border: 1px solid var(--dark) !important; box-shadow: none } .contact-div .ant-form-item .ant-input-affix-wrapper input.ant-input { background-color: #f7f7f7 !important; color: var(--High, #1a1a1a); font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: .14px } .contact-div--head p { margin-bottom: 40px } .contact-div .ant-form-item .ant-input-affix-wrapper input.ant-input::placeholder, textarea.ant-input::placeholder { color: #828282; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: .14px } .contact-div button { width: 100% } .contact-div>div:last-child { border-radius: 8px; background: var(--www-tryme-co-nero, #fff) } .contact-div .ant-form-item { margin-bottom: 20px } .contact-div .ant-form-item:last-child { margin-bottom: 0 } .contact-div .ant-select .ant-select-arrow { -webkit-margin-end: 20px; margin-inline-end: 20px } .contact-div .ant-select .ant-select-selection-placeholder, .contact-div .ant-select .ant-select-selector .ant-select-selection-item { color: var(--text); font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: .14px } .maps-div { display: flex; align-items: stretch } .maps-div>div { width: 50% } .maps-div>div:first-child { padding: 123px 60px 123px 0 } .maps-div>div:first-child h2 { margin-bottom: 20px } .maps-div-des { color: var(--text-2); font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: .14px; margin-bottom: 40px } .maps-div .social-list { display: flex; flex-direction: column; align-items: flex-start; gap: 20px } .maps-div .social-list a { color: rgba(43, 46, 50, .8); font-size: 18px; font-weight: 500; line-height: 32px; letter-spacing: .18px; display: flex; align-items: flex-start; gap: 15px } .maps-div .social-list a svg { min-width: 28px; margin-top: 3px } .maps-div--map { padding: 0; height: 444px } .maps-div--map iframe { width: 100%; height: 100%; border-radius: 20px; border-bottom: 1px solid #ebebe5 } .career.common-section { padding: 0 } .career.common-section .container { display: flex; gap: 163px; overflow: hidden; padding-top: 70px; padding-bottom: 70px; align-items: center } .career--banner-img { width: 100%; position: relative } .career--banner-img img { position: absolute; top: 50%; transform: translateY(-50%) } .contact-div--map { gap: 24px } .contact-div--social-links { display: flex; justify-content: space-between; gap: 20px } .contact-div--social-link { gap: 15px } .contact-div--social-link:not(.last) p { color: var(--text); font-size: 13px; font-weight: 400; line-height: 24px; letter-spacing: .26px } .contact-div--social-link svg { min-width: 24px } .contact-div--social-link a { color: var(--Primary-600, #bd3a3a); font-size: 15px; font-weight: 500; line-height: 24px } .contact-div--map>div>p { color: var(--medium, #222); opacity: .8 } .contact-div.no-flex { display: block; padding: 0 } .contact-div.no-flex p { margin-bottom: 16px } .opening-collapse { padding-bottom: 30px; margin-bottom: 30px } .opening-collapse.ant-collapse { border: none; background-color: #fff; border-radius: 0 } .quick-commerce-banner { gap: 73px; justify-content: space-between } .quick-commerce-banner>div:first-child { width: 54% } .quick-commerce-banner>div:last-child { width: 35% } .quick-commerce-banner>div:last-child button.ant-btn.btn-main { width: 100% } .opening-collapse.ant-collapse>.ant-collapse-item { border: none; border-bottom: 1px solid rgba(43, 46, 50, .2); margin-bottom: 30px; padding-bottom: 30px; background-color: #fff; border-radius: 0 !important } .opening-collapse.ant-collapse>.ant-collapse-item:last-child { margin-bottom: 0 } .opening-collapse.ant-collapse .ant-collapse-item>.ant-collapse-header { background-color: #fff; border-bottom: none !important; padding: 0 } .opening-collapse--head { display: flex; justify-content: space-between } .opening-collapse.ant-collapse .ant-collapse-content { border-top: none } .opening-collapse.ant-collapse .ant-collapse-content>.ant-collapse-content-box { padding: 0 } .opening-collapse--body { padding-top: 20px; display: flex; gap: 20px; flex-direction: column } .opening-collapse--body p { color: rgba(43, 46, 50, .8); font-size: 14px; font-weight: 400; line-height: 23px } .opening-collapse--body p:first-child { color: #2b2e32; font-weight: 500; white-space: nowrap } .opening-collapse--head p { color: #2b2e32; font-size: 18px; line-height: normal } .opening-collapse--head a:last-child, .opening-collapse--head p { font-weight: 600; -webkit-user-select: none; -moz-user-select: none; user-select: none } .opening-collapse--head a:last-child { color: var(--Primary-Primary, #e84747); font-size: 14px; line-height: 20px; letter-spacing: .25px; -webkit-text-decoration-line: underline; text-decoration-line: underline; white-space: nowrap } .thugo-in { width: 200px } .banner-img--d2c { max-width: 50%; position: absolute; right: 0; bottom: 0 } .marquee { --gap: 1rem; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none } .marquee, .marquee__content { display: flex; gap: 20px; width: 100% } .marquee__content { animation: scroll 10s linear infinite; flex-shrink: 0; flex-wrap: nowrap; padding: 0 0 50px; margin-left: 50px; } .marquee.big .marquee__content { width: 120%; } @media screen and (max-width:600px) { .marquee__content { margin-left: 0px; } } @media screen and (max-width:900px) { .marquee__content { margin-left: 0px; } } @media screen and (max-width:1100px) { .marquee__content { margin-left: 0px; } } .marquee__content .brands-list--item { box-shadow: 0 72px 20px 0 transparent, 0 46px 18px 0 rgba(0, 0, 0, .01), 0 20px 16px 0 rgba(0, 0, 0, .05), 0 12px 12px 0 rgba(0, 0, 0, .09); filter: none } .opening-container { display: flex; gap: 80px } .opening-container--tabs { display: flex; flex-direction: column; gap: 40px; min-width: 300px } .opening-container--tabs p { color: var(--text); font-size: 22px; font-weight: 400; line-height: normal; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none } .opening-container--tabs p.active { font-weight: 600 } .benefits-list { gap: 80px; display: flex; flex-wrap: wrap } .benefits-list--item { padding: 40px 0; flex-direction: column; align-items: flex-start; gap: 20px; display: flex; width: calc((100%/3) - (160px/3)) } .benefits-list--item-img { min-height: 60px; align-items: center; display: flex } .benefits-list---text { color: rgba(43, 46, 50, .8) } .opening-list { display: flex; flex-direction: column; gap: 40px } .opening-list--header { padding: 8px 0 20px; border-bottom: 1px solid rgba(43, 46, 50, .2); margin-bottom: 10px } .opening-list--header h3 { font-size: 24px; line-height: 40px; margin-bottom: 0 } .opening-list--item { padding: 20px 0; width: calc((100%/3) - (80px/3)) } .opening-list--item>div { display: flex; flex-direction: column; gap: 12px; margin-bottom: 22px } .opening-list--item p { color: var(--text-2); font-size: 14px; font-weight: 400; line-height: normal } .opening-list--item p.opening-list--title { font-size: 18px; font-weight: 600 } .opening-list--item p.opening-list--location { color: rgba(43, 46, 50, .8); font-size: 16.25px } .opening-list--card .banner-cards { gap: 40px; width: 100% } .benefit-image { width: 80% } .search-bar { width: 100%; width: 690px; margin: 50px auto 0 } .search-bar.email { width: 470px } .search-bar .ant-space-compact { height: 50px } .search-bar .ant-input-affix-wrapper.ant-input-outlined, .search-bar button { border-radius: 8px } .search-bar button { padding-left: 41px; padding-right: 41px } .search-bar.email button { padding-left: 24px; padding-right: 24px } .search-bar .ant-input-affix-wrapper.ant-input-outlined, .search-bar .ant-input-affix-wrapper.ant-input-outlined.ant-input-affix-wrapper-focused, .search-bar .ant-input-affix-wrapper.ant-input-outlined:hover { border: 1px solid #e0e0e0; background-color: #fff !important; gap: 10px } .search-bar .ant-input-outlined, .search-bar .ant-input-outlined:focus, .search-bar .ant-input-outlined:hover { border: 1px solid #e0e0e0; background-color: #fff !important; gap: 10px; padding: 10px 10px 10px 12px; color: var(--text); font-weight: 500; height: 44px } .search-bar .ant-form-item { width: 100% } .platform-banner .search-bar.book-demo { margin: 0 auto } .platform-banner .search-bar.book-demo.track-order { width: 100% } .search-bar.book-demo .ant-space-compact { height: 44px } .search-bar.book-demo .ant-space-compact .ant-btn { padding-left: 24px; padding-right: 24px } .search-bar .ant-input-outlined::placeholder { color: rgba(43, 46, 50, .402); font-size: 14px; font-weight: 500 } .search-bar.book-demo { width: 380px; max-width: 100%; margin-left: 0; margin-top: 0 } .search-bar .ant-input-affix-wrapper.ant-input-outlined input { background: #fff !important; color: var(--text); font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: .14px } .search-bar .ant-input-affix-wrapper.ant-input-outlined input::placeholder { color: #828282; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: .14px } .search-bar .ant-space-compact>* { height: 100% !important } .blog-cards { display: flex; gap: 60px; flex-wrap: wrap } .blog-cards.bodered { gap: 30px } .blog-cards.bodered .blog-card { width: calc((100%/3) - 20px); border-radius: 12px; border: 1px solid var(--Other-stroke, #ebebe5); overflow: hidden; gap: 0 } .blog-cards.bodered .blog-card.news { background-color: #fff } .blog-card--category { color: var(--text); font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: .14px; border-radius: 4px; border: 1px solid #e0e0e0; background: #f7f7f7; padding: 3px 9px; width: -moz-fit-content; width: fit-content; margin-bottom: 12px } .blog-card { width: calc((100%/3) - 40px); display: flex; gap: 24px; flex-direction: column } .blog-card.two { width: calc(50% - 30px) } .blog-cards.bodered .blog-card.two { width: calc(50% - 15px) } .blog-card-text { color: rgba(43, 46, 50, .8); font-size: 16px; font-weight: 400; line-height: normal; margin-bottom: 12px } .blog-cards.bodered .blog-card--title { color: #2b2e32; font-size: 18px; font-weight: 600; line-height: 150%; margin-bottom: 25px } .blog-cards.bodered .blog-card--title.mb-0 { font-size: 20px; line-height: 28px } .blog-cards.bodered .time { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: auto } .blog-cards.bodered .time>div { display: flex; align-items: center; gap: 8px; opacity: .9 } .blog-cards.bodered .time p { color: rgba(43, 46, 50, .8); font-size: 14px; font-weight: 400; line-height: normal } .blog-cards.bodered .time.first { display: flex; justify-content: flex-start; gap: 30px } .blog-cards.bodered .time.first p { margin-bottom: 12px; color: var(--text) } .blog-cards.bodered .time.first p:not(:last-child) { position: relative } .blog-cards.bodered .time.first p:not(:last-child):after { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #ebebe5; top: 7px; right: -17px } .blog-card--title { color: var(--text); font-size: 26px; font-weight: 600 } .blog-card--image { height: 268px; width: 100%; border-radius: 4px; overflow: hidden } .blog-cards.bodered .blog-card--image { border-radius: 0; height: 220px } .blog-card--image img { width: 100%; height: 100%; object-fit: cover } .blog-card--inner { padding: 24px; display: flex; flex-direction: column; flex-grow: 1 } .container.blog { width: 786px } .container.blog .blog--title { display: flex; flex-direction: column; gap: 20px; border-bottom: 1px solid #2b2e3228; padding-bottom: 60px; margin-bottom: 60px } .container.blog .blog--title .bread-crumb { display: flex; align-items: center; gap: 10px } .container.blog .blog--title .bread-crumb a, .container.blog .blog--title .bread-crumb a:hover, .container.blog .blog--title .bread-crumb p { color: #2b2e32; font-size: 16px; font-weight: 400; line-height: normal } .container.blog .blog--title .bread-crumb .a, .container.blog .blog--title .bread-crumb a { color: rgba(43, 46, 50, .6) } .container.blog .blog--title .title-desc { max-width: 100%; opacity: .8 } .blog h3 { font-weight: 700; text-transform: uppercase; margin: 50px 0 } .blog h3+img { margin-bottom: 28px } .blog-image { height: 400px; width: 100%; object-fit: cover; border-radius: 12px; margin-bottom: 50px } .blog-details { gap: 90px; border-bottom: 1px solid #2b2e3228; padding-bottom: 80px; margin-bottom: 80px } .blog-details, .blog-details-inner { display: flex; flex-direction: column; align-items: center } .blog-details-inner { gap: 50px } .blog-details-inner>div { width: 100% } .blog-details-inner h4 { line-height: 150%; margin-bottom: 20px } .blog-details-inner p { color: var(--medium, #222); font-size: 18px; font-weight: 400; line-height: 150%; opacity: .8 } .blog-details-inner p:has(img) { opacity: 1 } .blog-details-inner p:not(:last-child) { margin-bottom: 25px } .blog-details--qoute { border-radius: 4px; background: linear-gradient(0deg, #f7f3ea, #f7f3ea); display: flex; padding: 50px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px } .blog-details-inner .blog-details--qoute p { color: var(--text); font-size: 26px; font-weight: 500; line-height: 40px; opacity: .8 } .blog h3 span { color: var(--Primary-Primary, #e84747) } .blog .blog-details+h3 { font-weight: 600; text-transform: none; margin-bottom: 30px } .blog-tabs { display: flex; justify-content: space-between; margin-bottom: 50px; align-items: center } .blog-tabs h2 { margin-bottom: 0 } .blog-tabs .search-bar { margin-top: 0; margin-right: 0 } .blog-tabs--list { display: flex; align-items: flex-end; gap: 16px; margin-bottom: 30px } .blog-tabs--list button { border-radius: 8px; border: 1px solid #e0e0e0; background: #f7f7f7; color: var(--text); font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: .14px; padding: 10px 14px; cursor: pointer; min-width: 90px; transition: all .3s; height: 44px } .section-yellow .blog-tabs--list button { background-color: #fff } .blog-tabs--list button:hover { background: #e8e8e8; background-color: #f7f7f7 } .blog-tabs--list button.active { border-color: #e04545; color: var(--Primary-Primary, #e84747); font-weight: 600 } .blogs-main-container { display: flex; flex-direction: column; gap: 30px } .blogs-main-container button.ant-btn-link { width: -moz-fit-content; width: fit-content; margin: 0 auto } .blogs-main-container.large { gap: 50px } .event-content--list { display: flex; flex-direction: column; gap: 20px } .event-content--list h2 { margin-bottom: 0 } .event-content { display: flex; gap: 30px } .event-content>div { width: calc(50% - 15px) } .event-content>div .reports-image { padding: 57px 58px 54px 122px } .events-list, .events-list--item, .events-list--item--details, .events-list--item--details--item { display: flex; gap: 8px; align-items: center } .events-list { gap: 50px; flex-direction: column; align-items: flex-start } .events-list--item, .events-list.small { gap: 30px } .events-list--item.small { gap: 20px } .events-list--item--details { gap: 24px; margin-bottom: 12px } .events-list--item--img { width: 279.02px; height: 209px; border-radius: 12px; object-fit: cover; overflow: hidden } .events-list--item--img.small { min-width: 191px; height: 143px } .events-list--item--content { max-width: 600px } .small .events-list--item--content { max-width: 100% } .events-list--item--content p { color: var(--text-2); font-size: 14px; line-height: normal; margin-bottom: 10px } .events-list--item--content p.events-list--item--title { font-size: 20px; font-weight: 600; line-height: 150%; margin-bottom: 12px } .small .events-list--item--content p.events-list--item--title { font-size: 18px } .small .events-list--item--content a.link-text-underline { font-size: 14px } .events-list--item--content .events-list--item--details--item p { font-size: 16px; margin-bottom: 0 } .events-list--item--content p.events-list--item--des { font-size: 18px; opacity: .8; margin-bottom: 16px; line-height: 28px } .events-list--item--content a.link-text-underline { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: .25px } .mb-0 { margin-bottom: 0 !important } .news-container { display: flex; gap: 30px } .news-container .news-main { min-width: 656px; height: 490px; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; background-size: cover; background-repeat: no-repeat; background-position: 50%; background-image: url(/images/events-image-bg.webp) } .news-main--content { padding: 30px; background: rgba(0, 0, 0, .7); width: 100%; display: flex; gap: 30px; align-items: center; justify-content: space-between } .news-main--content>a { min-width: -moz-fit-content; min-width: fit-content } .news-main--content p:first-child { color: hsla(0, 0%, 100%, .8); font-size: 14px; font-weight: 400; line-height: 14px; margin-bottom: 6px } .news-main--content p:last-child { overflow: hidden; color: #fff; text-overflow: ellipsis; font-size: 20px; font-weight: 600; line-height: 28px } .reports-select { display: flex; gap: 10px } .reports-select .ant-select { height: 44px !important; width: 80px !important } .reports-select .ant-select .ant-select-selector { padding: 10px 14px !important } .reports-section { display: flex; align-items: center; justify-content: space-between } .reports-section img { width: 413px } .ReactModal__Overlay.ReactModal__Overlay--after-open { background-color: rgba(0, 0, 0, .7) !important; z-index: 9999 } .ReactModal__Content { border-radius: 12px !important; background: #f6f6f3 !important; padding: 50px !important; max-width: 90vw !important } .ReactModal__Content p { font-size: 14px; line-height: 24px } .ReactModal__Content .contact-div { padding: 0; max-width: 1066px } .ReactModal__Body--open header { display: none } .close-modal svg path { fill: #2b2e32 } .close-modal { padding: 0; margin: 0; border: none; background-color: transparent; cursor: pointer; position: absolute; right: 12px; top: 12px } .contact-div>div.fly-contact { position: absolute; left: 50px; bottom: 0; width: 285px } .banner-info-section.full.center .search-bar.book-demo { margin: 0 auto } .solution-footer-img { overflow: hidden } .solution-footer-img img { margin-bottom: -4px } .solution.gradient-section { padding: 40px 0 } .solution.gradient-section.common-section { padding: 92px 0 } .sticky-conainer .container.side { gap: 66px } .sticky-conainer .container.side .banner-info-section { width: 45%; padding: 82px 0 } .sticky-conainer .container.side .feature-img { width: 55% } .benefit-logo { padding: 50px 0 50px 50px; position: relative; max-width: 370px; min-width: 370px; width: 100% } .benefit-img { position: absolute; height: 389px; width: 389px; left: -16px; bottom: -53px } .benefit-icon { width: 100%; height: 100%; object-fit: cover } .benefit-info { gap: 30px; position: relative; padding: 50px } .benefit-info, .benefit-info-item { display: flex; flex-direction: column } .benefit-logo:before { content: ""; background-color: #f6f6f3; position: absolute; right: -73px; top: 1px; width: 80px; height: calc(100% - 330px); border-top-right-radius: 12px; border-bottom-right-radius: 12px } .benefit-logo:after { content: ""; position: absolute; width: 21px; height: 20px; background-color: #fff; border-radius: 50%; right: -21px; bottom: 309px; box-shadow: -10px -10px 0 var(--section-bg-2) } .benefit-info.section-grey, .benefit-logo.section-grey { border: none } .benefit-info.section-grey:before { content: ""; background-color: #f6f6f3; position: absolute; left: -73px; bottom: 1px; width: 80px; height: 313px; border-top-left-radius: 12px; border-bottom-left-radius: 12px } .benefit-info.section-grey:after { content: ""; position: absolute; width: 21px; height: 20px; background-color: #fff; border-radius: 50%; left: -21px; bottom: 314px; box-shadow: 10px 10px 0 var(--section-bg-2) } .industry-items { display: flex; flex-wrap: wrap; justify-content: space-between } .industry-item { padding: 40px; gap: 24px; max-width: 370px; width: 100%; margin-top: 30px } .ind-info, .industry-item { display: flex; flex-direction: column } .ind-info { gap: 16px } .ind-title { font-size: 26px; font-weight: 600; line-height: 31px; color: #2b2e32 } .ind-title, .ind-txt { letter-spacing: 0; text-align: left } .ind-txt { font-size: 18px; font-weight: 400; line-height: 28px; color: #2b2e32cc } .all-center { display: flex; flex-direction: column; align-items: center } .all-center button { margin-top: 50px } .solution.common-section.b-0 { padding-bottom: 0 !important } .about { position: relative } .about-banner { position: absolute; max-width: 444px; height: 100%; width: 100%; top: 0; right: 0 } .about-us { width: 100%; height: 100%; object-fit: fill } .card-container { display: flex; gap: 30px; flex-wrap: wrap; margin-top: 30px } .card-item { padding: 30px; width: calc((100%/3) - 20px); border-radius: 8px; display: flex; flex-direction: column; gap: 24px; justify-content: space-between } .card-grey { background-color: var(--section-bg-2) } .card-yellow { background-color: var(--section-bg) } .value-title { font-size: 20px; font-weight: 600; line-height: 30px; color: #2b2e32; margin-bottom: 8px } .value-title, .value-txt { letter-spacing: 0; text-align: left } .value-txt { font-size: 18px; font-weight: 400; line-height: 27px; color: #222 } .about .brands-list { margin-top: 30px; margin-bottom: 0 } .about.common-section { padding: 120px 0 } section.bg-section:first-of-type .title-desc { opacity: .8 } .bg-section.about-main { background-image: url(file:///E:/packers.thugo.in/_karm/about-desktop-banner.png) } .about .brands-list:after, .about .brands-list:before { display: none } .team-memeber-container { margin-top: 30px } .team-item { max-width: 277px; width: 100%; border-radius: 8px; padding: 16px; background-color: #f6f6f3; display: flex; flex-direction: column; gap: 16px } .img-container { max-width: 245px; width: 100%; height: 245px; border: 6px; overflow: hidden } .member-img { width: 100%; height: 100%; object-fit: cover } .member-name { font-size: 20px; font-weight: 600; line-height: 28px; color: #2b2e32; margin-bottom: 6px } .member-name, .member-title { letter-spacing: 0; text-align: left; text-transform: capitalize } .member-title { font-size: 18px; font-weight: 400; line-height: 27px; color: #222 } .team-memeber-container.testimonials .swiper:after, .team-memeber-container.testimonials .swiper:before { display: none } .team-memeber-container .swiper-wrapper { height: 445px } .team-memeber-container.testimonials .swiper-button-prev { left: 83.5% } .about .title-desc~button { margin-top: 40px } .gallery-item { max-width: 530px; width: 100%; border-radius: 8px; overflow: hidden } .gallery-img { width: 100%; height: 100%; object-fit: cover } .over-section { padding-bottom: 200px } .left-brands { display: flex; gap: 65px; flex-direction: column; left: -18px; top: -5px; position: absolute } .left-brand { display: flex; width: 214px; padding: 0 16px; flex-direction: column; gap: 10px; border-radius: 8px; box-shadow: 0 72px 20px 0 transparent, 0 46px 18px 0 rgba(0, 0, 0, .01), 0 26px 16px 0 rgba(0, 0, 0, .05), 0 12px 12px 0 rgba(0, 0, 0, .09), 0 3px 6px 0 rgba(0, 0, 0, .1) } .left-brand, .white-cirle { height: 60px; justify-content: center; align-items: center; background: #fff } .white-cirle { border-radius: 50%; box-shadow: 0 26px 7px 0 transparent, 0 17px 7px 0 rgba(0, 0, 0, .01), 0 9px 6px 0 rgba(0, 0, 0, .05), 0 4px 4px 0 rgba(0, 0, 0, .09), 0 1px 2px 0 rgba(0, 0, 0, .1); display: inline-flex; padding: 5px; width: 60px; position: absolute } .white-cirle:first-child { right: 272px; top: 13px } .white-cirle:nth-child(2) { right: 272px; top: 228px } .white-cirle:nth-child(3) { right: 50px; top: -54px } .white-cirle:nth-child(4) { right: 40px; top: 81px } .white-cirle:nth-child(5) { right: 20px; top: 169px } .white-cirle:nth-child(6) { right: 20px; top: 283px } .white-cirle:last-child { right: 315px; top: 121px } .white-cirle:last-child svg { margin-top: -5px } .white-cirle p { color: var(--medium, #222); text-align: center; font-size: 16px; font-weight: 500; line-height: 22px } .white-cirle.small p { font-size: 12px; line-height: 15px } .white-cirle.big { width: 90px; height: 90px } .integrate-mobile { display: none } .contentDiv { width: 300px; height: 1000px; background-color: red } button.back-to-top { margin: 0 !important; padding: 0 !important; background: #fff; height: 0; width: 0; overflow: hidden; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; color: transparent; clear: both; visibility: hidden; position: fixed; cursor: pointer; display: block; border: none; right: 50px; bottom: 75px; font-size: 0; z-index: 99; transition: all .3s ease-in-out } button.back-to-top, button.back-to-top:active, button.back-to-top:focus, button.back-to-top:hover { outline: 0 !important } button.back-to-top:after, button.back-to-top:before { content: ""; display: block; vertical-align: middle; border-bottom: 10px solid var(--primary); border-left: 10px solid transparent; line-height: 0; border-right: 10px solid transparent; height: 0; margin: 18px auto 0; width: 0; border-radius: 20px; visibility: hidden } button.back-to-top.show:after, button.back-to-top.show:before { visibility: visible } button.back-to-top:after { border-bottom-color: #fff; position: relative; top: -24px } button.back-to-top.show { display: block; background: #fff; color: #00ab6c; font-size: 25px; right: 25px; bottom: 50px; height: 50px; width: 50px; visibility: visible; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .25); -moz-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .25) } button.back-to-top.show:active { box-shadow: 0 4px 8px 2px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 4px 8px 2px rgba(0, 0, 0, .25); -moz-box-shadow: 0 4px 8px 2px rgba(0, 0, 0, .25) } .info-product--info { display: flex; gap: 8px; justify-content: space-between; align-items: center } .info-product--info .info-product--detail-list { max-width: 569px; gap: 40px } .info-product--info .info-product--detail-list h4 { color: #2b2e32; font-size: 24px; line-height: 145%; margin-bottom: 0 } .info-product--info>div:last-child { max-width: 50% } .bg-section { background-position: 50%; background-repeat: no-repeat; background-size: cover; background-image: url(/images/industry-bg-1.webp); position: relative; z-index: 1 } .bg-section.bg-section-2 { background-image: url(/images/industry-bg-2.webp) } .bg-section.bg-section-3 { background-image: url(/images/industry-bg-3.webp) } .bg-section.bg-section-4 { background-image: url(/images/industry-bg-4.webp) } .bg-section.bg-section-5 { background-image: url(/images/industry-bg-5.webp) } .bg-section.bg-section-6 { background-image: url(/images/industry-bg-6.webp) } .bg-section h2, .bg-section p { color: #fff } .pricing-btns { display: flex; gap: 13px; flex-wrap: wrap } .pricing-btns button { border-radius: 8px; border: 1px solid #e0e0e0; background: #f7f7f7; padding: 12px 16px; outline: none; cursor: pointer; color: var(--text); font-size: 15px; font-weight: 500; line-height: 13px; letter-spacing: .15px; white-space: nowrap } .pricing-btns button.active { border-radius: 8px; border: 1px solid var(--Primary-400, #ed6c6c); background: #fef6f6 } .contact-div.full { width: 100%; display: block; padding: 0 } .contact-div.full button { width: -moz-fit-content; width: fit-content; min-width: 106px } .vlause-carrer--text { margin-bottom: 50px; margin-top: -40px } .journey-part { gap: 50px } .journey-part>div:first-child { min-width: 50% } .journey-part h2 { margin-bottom: 20px } .journey-part p { margin-bottom: 40px } .ambition { gap: 40px } .ambition>div:last-child { min-width: 48%; width: 48% } .ambition>div:last-child p:first-child { margin-bottom: 30px } .ambition--image { width: 361px; margin-bottom: -125px } .overflow-hidden { overflow: hidden } .award { gap: 50px; justify-content: space-between } .award>div:first-child { width: 50% } .award>div img { min-width: 380px; width: 25vw; margin-top: -100px; margin-bottom: -50px } .stats-two { gap: 50px } .stats-two>div:first-child { width: 50% } .stats-two .stat-card-container { gap: 60px 20px; margin-top: 40px } .stats-two .stat-card-item { width: calc((100%/2) - 10px) } .stats-two .stat-card-item p:first-of-type { color: #e84747 } .purpose>div:first-child { width: 50%; min-width: 50%; padding-right: 50px } .purpose>div:last-child { margin-right: calc(-5vw - 5px) } .purpose>div:last-child img { margin-top: -100px; margin-bottom: -103px } .ant-form-item .ant-select-multiple .ant-select-selection-placeholder { inset-inline-start: 20px } header.d-none { display: none } .what-get { position: absolute; right: 30px; top: -18px } .solutions-cta>div:first-child { width: 100%; max-width: 700px } .error-message .ant-message-notice-content { background-color: red !important } .error-message .ant-message-notice-content .ant-message-custom-content.ant-message-error span { color: #fff } .error-message .ant-message-notice-content .ant-message-custom-content.ant-message-error span svg path { fill: #fff } .font-700 { font-weight: 700 } .about-simple { gap: 40px; justify-content: space-between } .about-simple h2 { margin-bottom: 16px } .about-simple>div:first-child { width: 58% } .about-simple>div:last-child { padding-top: 70px } .about-design { padding: 16px 60px; width: -moz-fit-content; width: fit-content; position: relative; z-index: 1 } .about-design:after { position: absolute; content: ""; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; transform: skewX(-15deg) } .about-design:last-child { margin-left: 100px } .about-design:last-child:after { background-color: #e04545 } .about-design p { color: #000; font-size: 20px; font-weight: 500; line-height: 28px; white-space: nowrap } .about-design:last-child p { color: #fff } .quick-commerce-row { gap: 34px; position: relative } .quick-commerce-row>div { width: 50% } .quick-commerce-row>div:first-child { position: -webkit-sticky; position: sticky; top: 100px; height: -moz-fit-content; height: fit-content } .ant-form-item.mb-0 { margin-bottom: 0 !important } .mt-0 { margin-top: 0 !important } .quick-commerce-card { border-radius: 10px; border: 1px solid #e7eaf0; background: #f7f3ea; padding: 40px; opacity: 1 } .quick-commerce-card.hide { opacity: 0; height: 0; pointer-events: none; visibility: none; padding: 0 } .quick-commerce-card--items { gap: 20px } .quick-commerce-card--items img { margin-top: 10px } .full .quick-commerce-card--items img { margin-top: 0 } .quick-commerce-card--items p { color: var(--text) } .quick-commerce-card--items svg { margin-top: 3px } .quick-commerce-card--items p strong { font-weight: 600 } .quick-commerce-cards { gap: 110px } .quick-commerce-card--inner { width: 48% } .quick-commerce-card--inner+img { width: 42% } .your-terms--tabs { gap: 24px; margin-bottom: 30px } .your-terms--tab { width: calc(25% - (72px/4)); padding: 22px 0; position: relative; cursor: pointer } .your-terms--tab p { font-weight: 500; color: #2b2e32 } .your-terms--tab:before { width: 100%; background-color: #dedede } .your-terms--tab:after, .your-terms--tab:before { position: absolute; content: ""; height: 2px; bottom: 0; left: 0 } .your-terms--tab:after { width: 0; background-color: #d32d2f } .your-terms--tab.active:not(.activated):after { width: 100%; animation: activeScroll 8s ease-out } .your-terms--tab.activated:after { width: 100% } @keyframes activeScroll { 0% { width: 0 } to { width: calc(100%) } } .other-landing { margin-top: -11px } .other-landing h1 { margin-bottom: 20px } .other-landing .shopify { margin-top: 40px } @media screen and (min-width:1600px) { .info-product--image img.platform { max-width: 100% } .purpose>div:last-child { margin-right: calc(800px - 50vw) } } @media screen and (min-width:1024px) { .benefits-list.small { gap: 30px } .benefits-list.small .benefits-list--item { width: calc((100%/3) - (60px/3)) } } @media screen and (max-width:1300px) { .brands-list--item { flex: none } .brands-list.normal { justify-content: flex-start } .marquee.big .marquee__content { width: -moz-fit-content; width: fit-content; } } @media screen and (max-width:1200px) { .opening-container { gap: 30px } .sticky-div { width: 265.363px; top: -65px } .sticky-div--inner { padding: 20px 16px } .sticky-conainer:after { top: -27.5px; left: 263px } .sticky-conainer:before { top: -85px } .section-grey .sticky-div:after, .section-yellow .sticky-div:after { width: 21px; height: 22px; right: -12px; bottom: 5px } .info-product--detail { max-width: 45%; min-width: 45% } .info-product--image img.platform { max-width: 100% } .common-section--arrow { display: none } .simplified-worklist--item { margin: 10px auto !important; opacity: 1 !important } .section-yellow .blog-tabs--list button { text-wrap: nowrap; width: -moz-fit-content; width: fit-content; min-width: max-content } .brands-list:after, .brands-list:before { display: none } .solution .container.side { gap: 50px } } @media screen and (max-width:1100px) { .white-cirle:last-child { right: 265px } .marquee__content { width: 130%; } } .swiper--contaier .swiperslide--slide.full.image { margin-top: -30px } @media screen and (max-width:1023px) { .question-icon { margin-right: 0 } .other-landing .shopify { margin: 20px auto 0 } .other-landing { margin-top: -17px } .desktop-hide { display: block } .mobile-hide { display: none } .swiper--contaier .swiperslide--slide.full.image>div:first-child { position: unset; width: 100% !important } .swiper--contaier .swiperslide--slide.full.image { flex-direction: column } header.landing-page { top: 0; position: fixed; z-index: 99999; background-color: #fff; box-shadow: inset 0 0 8px 1px hsla(0, 0%, 100%, .2); border: 1px solid var(--Other-stroke, #ebebe5); height: 86px } header.landing-page .header--container { padding: 26px 16px } .stat-card-container.card-container--cards .stat-card-item.card { width: calc(50% - 10px) } .dtc-brands { display: none } .dtc-home h1 { font-size: 44px } .contact-div>div { width: 100% } .wind-right { left: 73% } .wind-left { left: 26% } .marquee__content { width: -moz-fit-content; width: fit-content; } .d2c-stats--section:after { display: none } .d2c-insider { width: 100% } .version .testimonial--content--upper>p { min-height: 200px } .version .testimonial--content--upper { height: 476px } .version-testimonial .swiper-wrapper { padding-bottom: 0 } .contact-div { flex-direction: column; gap: 40px } .u-logix--head { margin-top: 10px } .platform-banner.u-logix { padding: 80px 0 } .home .banner-info-section { max-width: 100% } .features-btn { margin-top: 30px } .vlause-carrer--text { margin-top: -25px; margin-bottom: 30px } .home a.ant-btn.shopify { margin-bottom: 40px } .ulogix .integration--main-icon { margin-bottom: 160px; margin-right: 18px; margin-top: 170px } .ulogix .svg { top: -94px; left: 109px } .ulogix .svg.reverse { transform: none; top: -145px; right: -253px } .left-brands { display: flex; gap: 65px; flex-direction: column; left: 0; top: -123px; position: absolute } .white-cirle:first-child { right: 232px; top: -113px } .white-cirle:nth-child(2) { right: 232px; top: 110px } .white-cirle:nth-child(3) { right: 0; top: -174px } .white-cirle:nth-child(4) { right: 0; top: -40px } .white-cirle:nth-child(5) { right: 0; top: 50px } .white-cirle:nth-child(6) { right: -10px; top: 163px } .white-cirle:last-child { right: 270px; top: 4px } .white-cirle:last-child svg { margin-top: -5px } .home h1 { font-size: 30px; line-height: 1.4 } .integration .container { max-width: 100% } .info-product--image img.platform { transform: none } .platform-banner .container { max-width: 100% } .common--content--item-details { width: 100% } .platform-footer h2 { margin-bottom: 20px } .product-brand { padding: 80px 0 } .sticky-conainer .container.side, .sticky-conainer.solution .container.side { gap: 0 } .sticky-conainer { padding-bottom: 30px } .sticky-conainer .container.side .banner-info-section, .sticky-conainer .container.side .feature-img { width: 100%; padding: 0 } .solution.gradient-section { padding-top: 60px } .solution.gradient-section .container.side { gap: 10px } .gradient-section .container.side { padding: 0 24px } .about .brands-list, .brands-list.normal { flex-wrap: wrap; justify-content: flex-start } h1 { font-size: 48px } h1.small { font-size: 40px; line-height: 1.3 } h2 { font-size: 34px; line-height: 48px; margin-bottom: 30px } h3 { font-size: 24px; margin-bottom: 12px } p { font-size: 16px; line-height: 1.4 } .info-product--detail h2 { margin-bottom: 20px } .common-section, section { padding: 70px 0 } .normal-section { padding: 60px 0 } .title-desc { font-size: 18px; line-height: 1.4 } .platform-banner { padding-top: 80px } .platform-banner h1 { margin: 10px auto 30px } .platform-banner--image { margin-top: 60px } .info-product--container { flex-direction: column; gap: 50px } .info-product--image img.platform { position: unset; max-width: 100% } .info-product { padding: 60px 0 40px } .info-product--image img:not(.platform) { display: none } .info-product--detail p { line-height: 1.4; font-size: 16px; margin-bottom: 30px } .info-product--detail { max-width: 100%; min-width: 100% } .small-cards { gap: 20px } .small-card--item { width: calc(50% - 10px) } .common--content--item, .common--content--item:nth-child(2n) { align-items: flex-start; flex-direction: column; gap: 30px; padding: 0 } .common--content--item-image { max-width: 80% } .faq { padding: 60px 0 120px } .announce-person { width: 140px } .svg { left: 12%; top: -126px; z-index: -1 } .svg.reverse { right: 12%; top: -126px } .integration--icons { top: -156px; left: 5% } .integration--icons.reverse { right: 5% } .integration--main-icon { margin: 200px auto } .svg.center { display: none } .banner-info-section { gap: 40px; max-width: 100% } .banner-info-section h2 { margin-bottom: 10px } .roles-card { flex-direction: column } .roles-card--item, .roles-card--item:nth-child(2n) { width: 100%; padding: 0 0 30px; border-bottom: 1px solid #e8ddc4; border-right: 0; margin-bottom: 30px } .roles-card--item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .roles-card--item h3 { margin-bottom: 8px } .pricing-cards { gap: 20px; flex-wrap: wrap } .pricing-card { width: calc(50% - 10px) } .banner-section { padding: 100px 0 } .maps-div { flex-direction: column } .maps-div>div:first-child { padding: 0; width: 100% } .maps-div>div.maps-div--map { margin-right: 0; width: 100%; height: 400px; margin-top: 40px } .roles-card--item, .roles-card--item:nth-child(2n) { border-bottom: 0 } .roles-card--item.simple { width: 100%; padding: 0 } .search-bar { width: 100%; max-width: 100% } .blog-cards { gap: 20px } .blog-card { width: calc((100%/3) - (40px/3)) } .container.blog .blog--title { padding-bottom: 40px; margin-bottom: 40px } .blog-details-inner p { font-size: 16px } .blog-details-inner { gap: 30px } .blog-details-inner p:not(:last-child) { margin-bottom: 15px } h4 { font-size: 18px } .blog-details-inner h4 { margin-bottom: 5px; line-height: 1.4 } .blog-details { gap: 60px; padding-bottom: 60px; margin-bottom: 60px } .blog-details--qoute { padding: 30px } .blog-details-inner .blog-details--qoute p { font-size: 22px; line-height: 1.4 } .container.blog .blog--title { gap: 16px } .blog-tabs { flex-wrap: wrap; gap: 10px; margin-bottom: 30px } .search-bar.email button { padding-left: 10px; padding-right: 10px } .blog-tabs--list { overflow-x: scroll } .events-list--item--details { flex-direction: column; align-items: flex-start; gap: 10px } .events-list--item--content svg { width: 20px } .events-list--item { gap: 20px } .events-list { gap: 30px } .blog-cards.bodered .blog-card { width: calc(50% - 15px) } .news-container { flex-direction: column } .blog-tabs--list { gap: 10px } .brands-container { padding: 80px 0 } .faq.sticky-conainer { padding-bottom: 60px } .testimonial-section .testimonials .testimonial--slide { gap: 20px } .common-section.testimonial-section { padding: 60px 0 80px } .testimonial--content--upper:after, .testimonials .swiper:after, .testimonials .swiper:before { display: none } .testimonial-section .testimonial--image { max-width: 180px; min-width: 180px; height: 180px } .testimonial-section .testimonial--content--upper { padding: 20px; min-height: -moz-fit-content; min-height: fit-content } .testimonial-section .testimonial--content--upper p { font-size: 18px; line-height: 1.4 } .testimonial-section .testimonials .testimonial--slide { margin-bottom: 100px } .testimonial-section .testimonials .swiper-button-prev { left: 71.5% } .section-grey.not-first { padding: 50px 0 60px } .testimonial-part { padding: 50px 0 100px } .brands:not(.common-section) { padding: 0 } .home-banner { padding-top: 80px } .solution .container.side { gap: 50px; flex-direction: column } .workflow-item { max-width: 100% } .stat-card-container { margin-top: 60px; gap: 20px } .stat-card-item { width: calc(40% - 20px); gap: 2px } .stat-card-item p:first-of-type { font-size: 30px; line-height: 1.4 } .stat-card-item p:last-of-type { font-size: 16px } .benefit-container { flex-direction: column; border-radius: 12px; border: 1px solid var(--border-bg-2); background-color: var(--section-bg-2); gap: 40px; padding: 60px 16px } .benefit-img { position: unset } .benefit-logo { padding: 0; max-width: 100%; min-width: 0 } .benefit-container .section-grey { padding: 0; border: none; border-radius: 0 } .benefit-info:before, .benefit-logo:after { display: none } .benefit-section-not-common { padding: 0 } .benefit-section-not-common .container { padding: 0 !important } .benefit-img { max-width: 100%; height: auto } .industry-items { gap: 30px } .industry-item { padding: 10px; max-width: calc(50% - 15px) } .feature-img { max-width: 100% } .banner-img-section { width: 90% } .workflow-item .workflow-text { font-size: 16px; line-height: 1.4 } .banner-info-section.full.center .title-desc { text-align: left } .indutry-banner { position: unset } .card-item { max-width: calc(50% - 15px) } .about.common-section { padding: 80px 0 } .about-banner { max-width: 300px; bottom: 0; height: auto } .solution .container.side { position: relative; z-index: 1 } .team-memeber-container.testimonials .swiper-button-prev { left: 71% } .team-memeber-container .swiper-wrapper { height: 445px } .team-memeber-container { margin-top: 0 } .about .title-desc~button { margin-top: 30px } .value-txt { font-size: 16px } .over-section { padding-bottom: 120px } .solution.gradient-section.common-section { padding: 60px 0 } .over-section .banner-info-section, .over-section .banner-info-section p { max-width: 100% } .solution.normal-section .container.side.start .sub-img-section { margin-right: 0; margin-left: 0 } .benefit-info.section-grey:after, .benefit-info.section-grey:before, .benefit-logo:after, .benefit-logo:before { display: none } .container, .home .banner-img-section .banner-img { max-width: 100% } .u-logix--cta { margin-bottom: 10px } .u-logix--footer-head { margin-bottom: 35px } .platform-banner.platform-footer .search-bar.book-demo { margin-bottom: 40px } .indutry-banner { margin-top: 40px } .info-product--info { align-items: flex-start; flex-direction: column; gap: 40px } .info-product--info .info-product--detail-list { gap: 30px } .info-product--info .info-product--detail-list h4 { font-size: 20px; line-height: 145% } .stat-card-container.card-container--cards .stat-card-item p:first-of-type { font-size: 22px; line-height: 30px; margin-bottom: 16px; font-weight: 700 } .info-product--info>div:last-child { max-width: 70% } .pricing-section { padding: 0 } .pricing-section .container { flex-direction: column } .pricing--image:after { left: -16px } .career.common-section .container { gap: 40px; flex-direction: column; align-items: flex-start } .career.common-section .container>div:last-child img { width: 600px } .opening-container { flex-direction: column; gap: 50px } .opening-container--tabs { flex-direction: row } .stats-two { flex-direction: column; gap: 0 } .award>div:first-child, .stats-two>div:first-child { width: 100% } .purpose { flex-direction: column; gap: 30px } .purpose>div:first-child { width: 100%; padding: 0 } .purpose>div:last-child img { max-width: 90% } .purpose>div:last-child, .purpose>div:last-child img { margin: 0 } .benefits-list.small { gap: 30px } .benefits-list--item { width: calc((100%/3) - 20px) } .award { flex-direction: column } .award>div img { max-width: 70%; width: 100%; margin: 0 } .ambition { flex-direction: column } .ambition--image { margin-bottom: 0; width: 60% } .ambition>div:last-child { width: 100% } .journey-part { flex-direction: column; gap: 30px } .journey-part img { max-width: 70%; width: 100% } main { margin-top: 86px !important } .info-product--container.small>div:last-child { max-width: 100% } .tracking-card>.ant-flex { flex-direction: column } .tracking-card--content { width: 100% } .tracking-card--image { width: 100%; margin: 0 } .order-racking-process>.ant-flex { flex-wrap: wrap } .tracklist--item { width: 31% } .tracking-card { padding: 40px } .question-icon--container { text-align: center } .gradient-2.solution.dtc-home { padding-top: 100px } .quick-commerce-banner { flex-direction: column; align-items: center; gap: 50px } .quick-commerce-banner>div:first-child, .quick-commerce-banner>div:last-child { width: 100%; text-align: center; align-items: center } .quick-commerce-banner>div:last-child { max-width: 500px } .challenges-container p { font-size: 18px } .quick-commerce-row { flex-direction: column } .quick-commerce-row>div { width: 100% } .quick-commerce-row>div:first-child { position: unset } h2.purpose-h2+p { margin-bottom: 30px } .quick-commerce-card { max-width: 600px } .quick-commerce-row>div { gap: 50px } .about-simple { flex-direction: column } .about-simple>div:first-child, .about-simple>div:last-child { width: 100% } .about-simple>div:last-child { padding-top: 10px } .quick-commerce-card.full { max-width: 100% } h2 br { display: none } } @media screen and (max-width:767px) { .product-brand { padding: 40px 0 30px } .home a.ant-btn.shopify, .platform-banner.platform-footer .search-bar.book-demo { margin-bottom: 25px } .platform-banner.u-logix { padding: 60px 0 } .platform-banner h1 { margin: 5px auto 20px } .platform-banner { padding-top: 60px } .u-logix--footer-head { margin-bottom: 25px } .platform-banner--image { margin-top: 40px } .platform-banner--image img:first-child:not(:only-child) { display: none } .platform-banner--image img:last-child:not(:only-child) { display: inline-block; margin-bottom: -75px } .gradient-section.platform-banner { overflow: hidden } .h6 { line-height: 16px; font-size: 13px } p { font-size: 14px } h1 { font-size: 34px } h1.small { font-size: 28px } h2 { font-size: 24px; line-height: 1.35; margin-bottom: 22px } h3 { font-size: 18px; margin-bottom: 6px } h4 { font-size: 15px; margin-bottom: 4px } section { margin: 0 12px 10px } .solutionWrap { flex-wrap: wrap; justify-content: center } .title-desc { font-size: 14px } section:first-of-type .title-desc { font-size: 16px } .common-section, section { padding: 50px 0 } button.ant-btn { height: 36px; padding: 8px 20px; border-radius: 4px } button.ant-btn span { font-size: 14px; line-height: 1.4 } .sticky-div--inner { padding: 12px 14px } .sticky-div { width: 150px; top: -52px } .sticky-conainer:after { left: 148px } .section-grey .sticky-div:after, .section-yellow .sticky-div:after { width: 21px; height: 22px; right: -13px; bottom: 3px } .sticky-conainer:before { top: -71px } .about .brands-list, .brands-list.normal { justify-content: space-around } .info-product--detail p { font-size: 14px; margin-bottom: 20px } .normal-section { padding: 50px 0 } .small-cards { gap: 15px } .small-card--item { width: 100%; padding: 24px 24px 10px; gap: 0 } .features-btn { margin-top: 20px } .small-card--item p { margin-bottom: 20px; font-size: 14px; line-height: 1.4 } .common--content--item-details { max-width: 100%; min-width: 100% } .common--content--item, .common--content--item:nth-child(2n) { gap: 18px } .common--content-list { gap: 58px } .ant-collapse>.ant-collapse-item>.ant-collapse-header { align-items: center } .faq { padding: 40px 0 80px } .announce-person { width: 90px } .integration--cards { flex-wrap: wrap; justify-content: center; gap: 12px } .integration--title p { font-size: 16px; line-height: 21px; text-align: left } .integration--title { padding: 12px 14px; gap: 14px } .integration--icons.reverse { display: none } .integration--icons { height: 85vw; left: 50%; top: 50px; transform: translateX(-50%) rotate(270deg); gap: 25px } .integration--main-icon { margin: 30px 0 280px -10px } .svg { display: none } .platform-footer .platform-banner--image { margin: 30px 0 0 } .platform-footer .platform-banner--image img { margin: 0 auto -15px } .platform-banner--image:after { height: 42px; bottom: 0 } .simplified-worklist--item { max-width: 100%; width: 100%; flex-direction: column; align-items: flex-start; gap: 10px; padding: 20px 16px } .simplified-worklist--item p.simplified-worklist--title { font-size: 16px; margin-bottom: 0 } .simplified-worklist--item p { font-size: 14px; line-height: 1.4 } .simplified-worklist--number { width: 50px; min-width: 50px; height: 50px } .simplified-worklist--item .simplified-worklist--number p { font-size: 20px } .brands-list--item { width: 90px; height: 90px; border-radius: 12px; filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .07)) drop-shadow(0 12px 12px rgba(0, 0, 0, .03)) drop-shadow(0 26px 16px rgba(0, 0, 0, .01)) drop-shadow(0 46px 18px rgba(0, 0, 0, .01)) drop-shadow(0 72px 20px rgba(0, 0, 0, 0)) } .brands-list--item svg { scale: .7 } .about .brands-list, .brands-list, .brands-list.normal { gap: 16px; justify-content: flex-start } .integration--icon { transform: rotate(90deg) } .stat-card-container { flex-direction: column } .indutry-banner { max-width: 80vw; margin: 30px 10px 0 auto } .banner-info-section { gap: 30px } .roles-card--item { gap: 12px } .roles-card--item h3 { font-size: 18px; margin-bottom: 4px } .roles-card--item, .roles-card--item:nth-child(2n) { margin-bottom: 25px } .banner-section { padding: 60px 0 } .pricing-card { width: 100%; gap: 16px; padding: 24px 20px } .pricing-card--list { gap: 6px } .pricing-card--name, .pricing-card--price { margin-bottom: 2px } .pricing-card p { line-height: 1.4 } .pricing-card .popular { padding: 1px 10px; border-radius: 6px } .pricing-tab { margin-bottom: 40px } .banner-cards { flex-direction: column; gap: 20px } .banner-cards--item { width: 100%; margin-top: 0; gap: 6px; padding: 20px } .banner-cards--item p.banner-cards--title { font-size: 18px; line-height: 1.4; font-weight: 600; margin-bottom: 5px } .banner-cards--item p { font-size: 14px; line-height: 1.4 } .contact-div { padding: 20px; flex-direction: column; gap: 30px } .contact-div>div { width: 100% } .contact-div>div:first-child p { line-height: 1.4 } .maps-div--map iframe { border-radius: 12px } .contact-div .ant-form-item { margin-bottom: 16px } .maps-div .social-list a { gap: 5px; font-size: 14px; line-height: 1.4; align-items: center } .maps-div .social-list a:first-child { align-items: flex-start } .maps-div-des { margin-bottom: 30px; line-height: 1.4 } .maps-div>div:first-child h2 { margin-bottom: 10px } .maps-div .social-list { gap: 10px } .maps-div>div.maps-div--map { height: 260px } .image-content-section .container { flex-direction: column } .image-content-section .container>div:first-child { width: 100% } .image-content-section .container>div:last-child { margin-top: 30px; margin-bottom: 0; width: 100% } .image-content-section p { margin-bottom: 20px } .image-content-section h2 { margin-bottom: 12px } .image-content-section--image img { max-width: 100% } .career.common-section .container { flex-direction: column; padding-top: 50px; padding-bottom: 50px; gap: 40px } .banner-info-section { margin-bottom: 0 } .career--banner-img img { position: unset; transform: translateY(0) } .banner-info-section .title-desc { margin-top: 10px } .benefits-list--item { width: 100%; padding: 0 } .benefits-list { gap: 28px } .benefits-list--item { gap: 12px } .opening-list--header { padding: 0 } .opening-list--header h3 { font-size: 18px } .opening-list--card .banner-cards { margin: 20px 0 0; gap: 35px } .opening-list--item { padding: 0; width: 100% } .opening-list--item>div { margin-bottom: 12px; gap: 6px } .opening-list--item p.opening-list--location { font-size: 14px } .banner-section.common-section { padding: 60px 0 } .blog-card { width: 100%; gap: 6px } .blog-card-text { font-size: 14px; margin-bottom: 6px; margin-top: 6px } .blog-card--title { font-size: 18px } .blog-card--image { height: 200px } .blog-cards { gap: 35px } .blogs-main-container.large { gap: 30px } .search-bar { margin-top: 30px } .search-bar .ant-space-compact { height: 45px } .container.blog .blog--title { gap: 12px } section:first-of-type .title-desc { font-size: 14px } .container.blog .blog--title .bread-crumb a, .container.blog .blog--title .bread-crumb a:hover, .container.blog .blog--title .bread-crumb p { font-size: 14px; white-space: nowrap } .container.blog .blog--title .bread-crumb p { overflow: hidden; text-overflow: ellipsis } .container.blog .blog--title .bread-crumb { gap: 7px } .container.blog .blog--title { margin-bottom: 30px; padding-bottom: 30px } .blog h3+img { margin-bottom: 18px } .blog h3 { margin: 22px 0 } .blog-details-inner { gap: 20px } .blog-details-inner p { font-size: 14px } .blog-details { gap: 40px } .blog-details--qoute { padding: 16px; gap: 16px } .blog-details-inner .blog-details--qoute p { font-size: 18px } .blog-details { padding-bottom: 40px; margin-bottom: 40px } .blog-cards { flex-direction: column } .blog-card.two { width: 100% } .blog-image { height: auto; margin-bottom: 22px } .blog-cards.bodered .blog-card, .blog-cards.bodered .blog-card.two { width: 100% } .blog-card--inner { padding: 18px 16px } .blog-cards.bodered .blog-card--title { font-size: 16px; margin-bottom: 16px } .blog-card--category { margin-bottom: 4px; font-size: 13px; padding: 2px 7px } .blog-cards.bodered .time>div { gap: 4px } .blog-cards.bodered .blog-card { border-radius: 8px } .blog-cards.bodered, .blogs-main-container { gap: 20px } a.ant-btn, button.ant-btn { padding: 8px 18px } .event-content { gap: 20px; flex-direction: column } .event-content>div { width: 100% } .event-content--list, .info-product--detail-list { gap: 14px } .events-list--item { flex-direction: column } .events-list--item--img { width: 100%; border-radius: 18px } .events-list--item--details { gap: 7px } .events-list--item--content p.events-list--item--des { font-size: 14px; line-height: 1.4; margin-bottom: 5px } .events-list--item { gap: 14px } .events-list--item--content .events-list--item--details--item p { font-size: 14px } .small .events-list--item--content p.events-list--item--title { font-size: 16px; margin-bottom: 6px } .events-list { gap: 40px } .news-container .news-main { max-width: 100%; min-width: 100%; height: 380px } .news-main--content { flex-direction: column; align-items: flex-start; gap: 14px; padding: 20px } .news-main--content p:last-child { font-size: 16px; line-height: 1.5 } .news-main--content p:first-child { font-size: 13px } .events-list--item--img.small { height: 180px } .events-list--item--content p { margin-bottom: 2px; font-size: 13px } .events-list--item.small { gap: 10px } .blog-cards.bodered .blog-card--title.mb-0 { font-size: 16px; line-height: 1.4 } .blog-cards.bodered .time.first p { margin-bottom: 4px } .event-content>div .reports-image { padding: 0; max-width: 80% } .home-banner { padding-top: 70px } .home-banner--container button { margin-top: 10px } .brands-container { padding: 60px 0 } .brands-list { margin-bottom: 10px } .swiper--contaier { flex-direction: column } .testimonial-part .swiper--contaier .swiperslide--slide { width: 100%; padding: 20px; border-radius: 8px } .testimonial-part { padding-bottom: 80px } .image-tabs { flex-direction: column } .image-tabs--nav { width: 100% } .image-tabs--tab { padding: 18px 22px; gap: 10px; border-radius: 12px; border-bottom-left-radius: 12px; border-top-left-radius: 12px } .image-tabs--tab.active:after, .image-tabs--tab.active:before { display: none } .image-tabs--nav--text { font-size: 14px; line-height: 1.4 } .image-tabs--nav--title { font-size: 20px; list-style: 1.5 } .image-tabs--content { width: 100%; padding: 15px; border-radius: 12px } .testimonial-section .testimonials .testimonial--slide { flex-direction: column; gap: 6px; align-items: flex-start; background-color: #fff; border: 1px solid var(--border-bg-2); border-radius: 10px } .testimonial-section .testimonial--content--upper { padding: 16px } .testimonial-section .testimonial--content { border: none } .testimonial-section .testimonial--content--upper p { font-size: 16px } .testimonial-section .testimonial--content--details p { font-size: 12px; line-height: 1.4 } .testimonial-section .testimonial--content--details { padding: 16px } .testimonial-section .testimonial--content--details p.name { font-weight: 600; font-size: 18px; margin-bottom: 0 } .testimonial-section .testimonial--content--details svg { scale: .7 } .testimonial-section .testimonial--image { margin-top: 10px; margin-left: 10px } .testimonial-section .testimonials .testimonial--slide { margin-bottom: 70px } .faq.sticky-conainer { padding-bottom: 40px } .image-tabs--nav { padding-top: 0 } .search-bar.book-demo .ant-space-compact .ant-btn { padding-left: 12px; padding-right: 12px } .search-bar .ant-input-outlined, .search-bar .ant-input-outlined:focus, .search-bar .ant-input-outlined:hover { padding-left: 12px } .solution.gradient-section { padding-bottom: 20px; padding-top: 40px } .banner-info-section.full.center .search-bar.book-demo, .banner-info-section>.ant-flex { max-width: 100% } .benefit-container { padding: 40px 16px; gap: 10px } .feature-img { max-width: 100%; min-width: 100% } .sub-img-section { min-width: 70%; max-width: 70%; margin: 3px auto } .stat-card-item { width: 100% } .stat-card-container { margin-top: 30px } .stat-card-item p:first-of-type { font-size: 26px; line-height: 1.2 } .solution .container.side { gap: 25px } .workflow-item { padding: 25px; border-radius: 8px; gap: 10px } .workflow-info { gap: 10px } .workflow-item p { font-size: 20px; line-height: 1.4 } .workflow-item .workflow-text { margin-left: -22px; font-size: 14px } .workflow-items { gap: 16px } .benefit-info { gap: 20px } .industry-items { margin-top: 30px; gap: 32px } .industry-item { margin-top: 0; max-width: 100%; width: 100%; padding: 0; gap: 4px } .ind-info { gap: 4px } .industry-item img { width: 45px } .ind-title { font-size: 18px } .ind-txt { font-size: 14px; line-height: 1.4 } .benefit-img { max-width: 100% } .all-center button { margin-top: 32px } .stat-card-item.card { width: 100%; padding: 25px 20px } .stat-card-item p:last-of-type { font-size: 14px; line-height: 1.4; margin-top: 10px } .card-container { gap: 20px } .card-item { padding: 20px 22px; width: 100%; max-width: 100% } .about.common-section { padding: 50px 0 } .team-item { max-width: 100% } .img-container { max-width: 100%; height: 260px } .member-img { object-fit: cover; border-radius: 6px } .member-name { font-size: 20px; margin-bottom: 0 } .member-title { font-size: 16px } .about .title-desc~button { margin-bottom: 20px; margin-top: 20px } .solution.about .team-memeber-container:last-child .swiper-wrapper { height: 280px } .gallery-item { max-width: 100%; height: 200px } .about-banner { position: relative; right: 0; left: unset; min-width: 100%; margin-bottom: 0 } .about-banner .about-us { margin-bottom: -4px } .solution.about.gradient-section.common-section { padding-bottom: 0 } .value-txt { font-size: 14px } .over-section { padding-bottom: 100px } .benefit-section-not-common { padding: 0 } .solution.gradient-section.common-section { padding: 50px 0 } .banner-info-section.footer { gap: 50px } .banner-info-section.footer h2 { margin-bottom: 22px } .search-bar.book-demo .ant-space-compact { height: 40px } .info-product--detail h2 { margin-bottom: 12px } .common--content--item-image { max-width: 90% } .home h1 { font-size: 28px; line-height: 1.4; margin-bottom: 5px } .home .banner-img-section { margin-bottom: -20px } .ulogix .integration--main-icon { margin: 0 } .left-brands, .white-cirle { position: unset } .left-brands, .ulogix .circles { display: none } .faq .ant-collapse-item .ant-collapse-header { gap: 10px } .integrate-mobile { display: block; position: relative; top: -15px } .integrate-mobile.top { top: 180px; z-index: -1; position: relative; margin-top: -180px } .ulogix .integration--title { padding: 12px 30px; margin-bottom: 15px } .integration--title:not(.second) p { font-size: 16.143px } .ulogix .integration--title.second { max-width: 257px } .ulogix .integration--title.second p { text-align: center } .u-logix--head { font-size: 16px; margin-bottom: 16px } .u-logix--cta { margin-top: 60px; font-size: 16px } .u-logix--footer-head { margin-bottom: 0 } .stat-card-container.card-container--cards .stat-card-item.card { width: 100% } .stat-card-container.card-container--cards .stat-card-item p:first-of-type { font-size: 20px; line-height: 1; margin-bottom: 0; font-weight: 600 } .stat-card-container.card-container--cards .stat-card-item.card { gap: 0 } .info-product--info .info-product--detail-list h4 { font-size: 18px; line-height: 140% } .info-product--info .info-product--detail-list { gap: 22px } .info-product--detail-list--item { display: flex; gap: 5px } .info-product--info>div:last-child { max-width: 90% } .about.common-section.bg-section:not(.about-main) { background-image: url(/images/industry-bg-mobile-1.webp); padding-bottom: 320px } .bg-section.bg-section-2:not(.about-main) { background-image: url(/images/industry-bg-mobile-2.webp) } .bg-section.bg-section-3:not(.about-main) { background-image: url(/images/industry-bg-mobile-3.webp) } .bg-section.bg-section-4:not(.about-main) { background-image: url(/images/industry-bg-mobile-4.webp) } .bg-section.bg-section-5:not(.about-main) { background-image: url(/images/industry-bg-mobile-5.webp) } .bg-section.bg-section-6:not(.about-main) { background-image: url(/images/industry-bg-mobile-6.webp) } .pricing-section { padding: 0 } .pricing--content { width: 100%; padding: 50px 0 30px } .pricing-section h1.small { font-size: 21px; font-weight: 700; line-height: 28px } .pricing-steps--content { gap: 26px } .contact-div .ant-form-item .ant-input-affix-wrapper, .contact-div .ant-form-item .ant-input-affix-wrapper:hover, .contact-div .ant-form-item .ant-select, .contact-div .ant-form-item .ant-select .ant-select-selector, .contact-div .ant-form-item .ant-select:hover .ant-select-selector, .contact-div .ant-input-affix-wrapper.ant-input-outlined.ant-input-affix-wrapper-focused { min-height: 45px } .pricing-steps--content>p { font-size: 16px; line-height: 1.4 } .normal-section.contact { padding: 30px 0 } .contact-div--head p { margin-bottom: 20px } .contact-div--social-links { flex-direction: column; gap: 10px } .contact-div--map { gap: 18px } .contact-div--social-link { gap: 10px } .opening-container--tabs { flex-wrap: wrap; gap: 18px; margin-top: 20px } .opening-container--tabs p { font-size: 18px } .opening-collapse.ant-collapse>.ant-collapse-item { margin-bottom: 20px; padding-bottom: 20px } .opening-collapse--head p { font-size: 16px } .opening-collapse--body { gap: 10px } .vlause-carrer--text { margin-top: -16px; margin-bottom: 20px } .stats-two .stat-card-container { gap: 30px 20px; margin-top: 0 } .stats-two .stat-card-item { width: 100% } .journey-part img, .purpose>div:last-child img { max-width: 100% !important } .award>div img { min-width: 0; max-width: 90% } .ambition>div:last-child p:first-child { margin-bottom: 20px } .journey-part p { margin-bottom: 30px } .journey-part h2 { margin-bottom: 10px } .home-banner-award { max-width: 85% } section:first-of-type.home .title-desc { font-size: 15px } .home { overflow: hidden } .home .banner-img-section { max-width: calc(100% + 80px); width: calc(100% + 80px) } .stat-card-container { flex-direction: row; margin: 40px 10px 0 } .stat-card-item { width: calc(50% - 10px) } .swiper--contaier .swiperslide--slide.full { flex-direction: column } .swiper--contaier .swiperslide--slide.full>* { width: 100% } .inte--mobile { display: block } .inte--desktop { display: none } .search-bar .ant-input-outlined, .search-bar .ant-input-outlined:focus, .search-bar .ant-input-outlined:hover { height: 40px } .search-bar button.ant-btn span { font-size: 13px; font-weight: 500 } .search-bar input::placeholder { font-size: 13px !important; font-weight: 400 !important } .container { padding: 0 16px } .normal-section .container, .product-brand.normal-section .container { padding: 0 28px } .footer--container:last-child ul li::marker { display: none; color: transparent } .common--content--item-details p { line-height: 1.5 } .solutions-cta { gap: 40px } .swiper--contaier .swiperslide--slide.section-yellow { width: 100% } .integration--d2c { margin-bottom: 30px } h2.purpose-h2 { margin-bottom: 10px } h2.purpose-h2+p { margin-bottom: 24px } .dtc-home h1 { font-size: 28px } .wind-left, .wind-right { display: none } .thugo-in { width: 130px } .announce-div p { font-size: 13px } .announce-div { gap: 4px; padding: 7px 14px } .announce-div img { width: 16px } .normal-section.dtc-home .container { padding: 0 16px } .gradient-2.solution.dtc-home { padding: 80px 0 } .challenges-container { flex-direction: column } .challenges-container.left>div:first-child, .challenges-container>div { width: 100% } .challenges-container h2 { margin-bottom: 30px } .challenges-container h2+p { margin-bottom: 30px; margin-top: -20px } .challenges { gap: 18px } .question-icon--container { text-align: center } .d2c-insider--list p { font-size: 16px } .d2c-insider h2 { margin-bottom: 30px } .d2c-insider { gap: 40px } .d2c-stats { gap: 30px } .d2c-stats div p { font-size: 38px } .end-to-end h2 { margin-bottom: 30px } .end-to-end--list p { font-size: 16px } .end-to-end--list { gap: 12px } .swiper--contaier .swiperslide--slide { width: 100% } .w-fullsection .swiper--contaier .swiperslide--slide { width: 100%; padding: 20px; border-radius: 8px } .swiper--contaier .swiperslide--slide.full.image { margin-top: -20px } .swiper--contaier .swiperslide--slide.full.image>div:first-child { position: unset } .fullslider { width: 100% !important } .testimonials.version-testimonial .swiper-pagination-horizontal { transform: none } .common-section.testimonial-section { padding: 50px 0 } header.landing-page button.ant-btn.head-btn { margin: 0 !important } .d2c-insider--list svg { min-width: 20px } .question-icon { width: 120px } .swiper--contaier .swiperslide--slide.full>div:nth-last-child(2) { display: none } .challenges-container p { font-size: 18px } .tracklist--item { width: 100% } .tracking-card { padding: 20px } .tracking-card--content p.tracking-card-des { line-height: 1.4 } .tracking-card--content { gap: 30px } .platform-banner .search-bar.book-demo { margin-bottom: 20px } .order-racking-process { gap: 30px } .order-racking-process>.ant-flex { gap: 60px !important } .tracklist--item:after { transform: rotate(90deg); width: 70px; left: -10px; top: 190px } .platform-banner.tracking-banner { padding: 20px 0 } .small-card--item.no-image { padding: 24px } .small-card--item.no-image p { margin-bottom: 0; margin-top: 10px } .brands-list--item.big { width: 182px; height: 106px } .challenges-container p { font-size: 16px } .quick-commerce-card { padding: 20px } .quick-commerce-card h3 { margin-bottom: 20px } .quick-commerce-card--items { gap: 16px } .quick-commerce-row>div { gap: 36px } .about-design p { font-size: 16px } .about-design { padding: 8px 25px } .about-design:last-child { margin-left: 10vw } .about-simple { gap: 20px } .your-terms--tabs { flex-wrap: wrap; gap: 6px } .your-terms--tab { width: 100%; padding: 10px 0 } .quick-commerce-card--items { flex-direction: column } .quick-commerce-card--inner, .quick-commerce-card--inner+img { width: 100% } .other-landing { margin-top: -11px } .other-landing h1, .privacy h2 { margin-bottom: 10px } .privacy h2 { margin-top: 30px } .privacy p { margin-bottom: 10px } } .ant-form-item-feedback-icon-success svg path, .ant-message-success svg path { fill: green } .ant-notification-notice-with-icon .ant-notification-notice-icon { position: unset !important; display: flex; justify-content: center; margin-bottom: 32px } .ant-notification.ant-notification-top .ant-notification-notice-with-icon .ant-notification-notice-message { text-align: center; padding: 0; color: var(--High, #1a1a1a); font-size: 22px !important; font-weight: 700; line-height: 32px; -webkit-margin-start: 0 !important; margin-inline-start: 0 !important } .ant-notification.ant-notification-top .ant-notification-notice-with-icon .ant-notification-notice-description { color: #828282; text-align: center; font-size: 13px; font-weight: 500; letter-spacing: .13px; -webkit-margin-start: 0 !important; margin-inline-start: 0 !important } .ant-notification.ant-notification-top .ant-notification-notice { width: 484px !important; padding: 50px !important; position: relative; border-radius: 26px !important; overflow: hidden } .ant-notification.ant-notification-top .ant-notification-notice:after { background: linear-gradient(180deg, #ea5455, rgba(234, 84, 85, 0) 98.62%, rgba(234, 84, 85, .1) 179.41%); position: absolute; content: ""; top: 0; left: 0; height: 30%; width: 100%; opacity: .3; z-index: -1 } .ant-notification.ant-notification-top .ant-notification-notice:before { background: #e10000; position: absolute; content: ""; bottom: 0; left: 0; height: 7px; width: 100%; z-index: -1; animation: animateNotification 5s linear } .ant-notification.ant-notification-top .ant-notification-notice.ant-notification-notice-success:after { background: linear-gradient(180deg, #439f6e, rgba(67, 159, 110, 0) 98.62%, rgba(67, 159, 110, .1) 179.41%) !important } .ant-notification.ant-notification-top .ant-notification-notice.ant-notification-notice-success:before { background: #5c9d72 } .ant-notification-notice-wrapper { border-radius: 26px !important } .ant-notification.ant-notification-top .ant-notification-notice-close-icon svg { width: 16px; height: 16px } body:not(.custom-notification-open) .ant-notification.ant-notification-top { display: none !important } .ant-btn-loading-icon svg path { fill: #fff } @keyframes animateNotification { 0% { width: 0 } to { width: 100% } } @keyframes scroll { 0% { transform: translateX(0) } to { transform: translateX(calc(-100% - var(--gap))) } } .banner-img2-section { position: absolute; right: 0; bottom: 0; z-index: 9; max-width: 50vw } .mt-banner2 { margin-top: 40px } .btn-try-demo { background: var(--primary); padding: 12px 40px !important; height: 40px; color: #fff; border-radius: 6px; font-size: 14px; font-weight: 500 } .btn-try-demo:hover { background: var(--primary-dark); color: #fff } .home.banner2 { position: relative; overflow: hidden; height: 100% } .home.banner2 .container { height: 100% } ul.slick-dots { bottom: 50px; left: calc(50% - ((90vw - 32px) / 2)); width: max-content } @media(min-width:1700px) { ul.slick-dots { left: calc(50% - ((1600px - 32px) / 2)) } } ul.slick-dots li { margin: 0; width: 13px } ul.slick-dots li button, ul.slick-dots li button:before { padding: 0 !important; width: 10px } ul.slick-dots li.slick-active button:before { opacity: 1; color: #e84747; font-size: 10px } ul.slick-dots li button:before { opacity: 1; color: rgba(232, 71, 71, .2); font-size: 10px } .slick-track { display: flex !important; align-items: stretch } .slick-slide .home.solution, .slick-slide .solution { width: calc(100vw - 50px) !important } .slick-slide { height: auto !important } .slick-slide:last-child { margin-bottom: 16px } .slick-slide>div { height: 100% } .solution.slider { position: relative; height: 100% } .solution.slider .banner-info-section { margin-top: 10% } @media(min-width:992px) { .desktop-none, .slick-arrow { display: none !important } .slider .banner-info-section div { max-width: 86% } } @media(max-width:991px) { .banner-img2-section { max-width: 80vw; bottom: 0; right: 0 } .mobile-none, .slick-dots { display: none !important } .slick-arrow { z-index: 99 } .slick-arrow.slick-prev { left: 15px; top: 30% } .slick-arrow.slick-next { right: 15px; top: 30% } } @media(max-width:767px) { .slick-slide .home.solution, .slick-slide .solution { width: calc(100vw - 25px) !important } .slick-slide .solution { overflow: hidden } .mt-banner2 { margin-top: 50px } .banner-img2-section { max-width: calc(100vw - 48px); max-height: 69vw } .home.banner2 { min-height: 625px } ul.slick-dots { right: 0; left: 0; margin: auto } } .header--container { width: 100%; max-width: calc(100% - 40px); padding: 0 16px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center } .header--container.container { width: 1600px; max-width: 90vw; margin: 0 auto } .header--container.second { justify-content: center; gap: 38px } .header--container.second>.ant-flex { width: 100% } header.absolute { position: fixed; top: 0; left: 0; width: 100%; opacity: 0; pointer-events: none } header.absolute>div { height: 93px } header.absolute.show { opacity: 1; pointer-events: auto } .header--overlay>span { background-color: rgba(0, 0, 0, .598); width: calc(100% + 1px); height: 100vh; position: absolute; left: -1px; top: 92px; z-index: 0 } .header--links { display: flex; gap: 10px; align-items: center; cursor: pointer; margin-right: 12px } .header--link { padding: 32px 10px; position: relative } .second .header--link { padding: 22px 10px } .header--link.active:after, .header--link:after { position: absolute; content: ""; background-color: var(--primary); bottom: 0; left: 0; width: 0; height: 3px; transition: all .3s } .header--link.active:after, .header--link:hover:after { width: 100%; transition: all .3s } .header--link p { font-weight: 500; color: var(--High, #1a1a1a); font-size: 15px } .btn-grp { display: flex; gap: 12px; width: 169px; justify-content: flex-end } header { box-shadow: inset 0 0 8px 1px hsla(0, 0%, 100%, .2); border: 1px solid var(--Other-stroke, #ebebe5); margin-bottom: 1px; background-color: #fff; z-index: 999; top: -94.4px; transition: all .35s; position: -webkit-sticky; position: sticky } header.sticky { top: 0; transition: all .35s; margin-bottom: 10px } header button.ant-btn { padding: 8px 24px !important; height: 36px } header button.ant-btn span { font-size: 14px; font-weight: 500; line-height: 20px } header button.ant-btn-primary { background-color: var(--primary) } header button.ant-btn-primary:hover { background-color: var(--primary-dark) !important } header .header-dropdown { position: absolute; background-color: #fff; padding: 50px; top: 92px; left: 50%; transform: translateX(-50%); z-index: 999999; display: flex; max-height: 100vh; overflow-y: scroll; scrollbar-width: none; scrollbar-color: transparent transparent } header .header-dropdown::-webkit-scrollbar { width: .01em } header .header-dropdown:-webkit-scrollbar-track { background: transparent } header .header-dropdown::-webkit-scrollbar-thumb { background-color: transparent } header.sticky .header-dropdown { max-height: calc(100vh - 93.6px) } .header-dropdown--item { padding: 0 24px; border-right: 1px solid #ebebe5; display: flex; flex-direction: column; gap: 24px } .header-dropdown--item:first-child { padding-left: 0 } .header-dropdown--item:last-child { padding-right: 0; border-right: none } .header-dropdown--item>div { min-width: 269px } .header-dropdown--item>div:last-child:not(:first-child) { padding-top: 12px; border-top: 1px solid #ebebe5 } .header-dropdown--link { padding: 12px 0; display: block; width: -moz-fit-content; width: fit-content } .header-dropdown--link>div { display: flex; flex-direction: column; gap: 8px } .header-dropdown--item p { color: var(--low, #2b2e32); font-size: 13px; font-weight: 400; line-height: 160% } .header-dropdown p.title-big { color: var(--text); font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 8px; position: relative; width: -moz-fit-content; width: fit-content; transition: all .3s } .header-dropdown p.title-main { color: var(--text); font-size: 15px; font-weight: 600; line-height: 22px; position: relative; transition: all .3s } .header-dropdown p.title-big:after, .header-dropdown p.title-main:after { position: absolute; content: ""; background-color: var(--primary); height: 1px; bottom: -1px; left: 0; width: 0; transition: all .3s } .header-dropdown--item a:hover p.title-big:after { width: 100% } .header-dropdown--item a:hover p.title-big { color: var(--primary); transition: all .3s } .header-dropdown--item .popular { border-radius: 4px; border: 1px solid var(--Green-02, #2aa300); padding: 2px 4px; color: var(--Green-01, #1d7000); font-size: 12px; font-weight: 400; line-height: 16px; display: block } .header-dropdown--link.active p.title-main, .header-dropdown--link:hover p.title-main { color: var(--primary); transition: all .3s } .header-dropdown--link.active p.title-main:after, .header-dropdown--link:hover p.title-main:after { width: 100%; transition: all .3s } .header-dropdown--item .svg-div { padding: 12px 12px 0; margin-bottom: 16px; width: -moz-fit-content; width: fit-content } header.open-drop.sticky:after { transition: all .35s } .header-dropdown.second .header-dropdown--item>div { min-width: 204px } .header-dropdown.second { flex-direction: column } .header-dropdown.second>div { display: flex } .header-dropdown--bottom { padding-top: 24px; margin-top: 24px; border-top: 1px solid #ebebe5; gap: 24px } .header-dropdown--bottom>div { display: flex; align-items: center } .header-dropdown--bottom>div:first-child { gap: 24px; padding-right: 25px } .header-dropdown--bottom>div:last-child { padding-left: 24px; border-left: 1px solid #ebebe5; justify-content: space-between; width: 100% } .header-dropdown .header-dropdown--bottom p.title-big { margin-bottom: 0 } .header-dropdown.third .header-dropdown--item:last-child { flex-direction: row; gap: 80px } .header-dropdown.third .header-dropdown--item:last-child>div { min-width: 140px } .header-dropdown.third .header-dropdown--item:last-child>div:last-child { padding-top: 0; border-top: 0 } .header-dropdown.fourth .header-dropdown--item>div { min-width: 200px; max-width: 200px } .header-dropdown.fourth .header-dropdown--item:last-child>div { min-width: 140px; max-width: 140px; padding-left: 16px } .burger { position: relative; display: block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 1.5rem; height: 1rem; border: none; outline: none; visibility: visible } .burger-line { position: absolute; display: block; right: 0; width: 100%; height: 2.15px; opacity: 1; rotate: 0deg; border-radius: .15rem; background-color: var(--text); transition: all .3s ease } .burger-line:first-child { top: 0 } .burger-line:nth-child(2) { top: .5rem; width: 70% } .burger-line:nth-child(3) { top: 1rem } .burger.is-active>.burger-line:first-child { top: .5rem; rotate: 135deg } .burger.is-active>.burger-line:nth-child(2) { opacity: 0 } .burger.is-active>.burger-line:nth-child(3) { top: .5rem; rotate: -135deg } .head-btn { display: none !important } .header-dropdown { border-top: 1px solid var(--Other-stroke, #ebebe5) } @media screen and (min-width:1024px) { .burger { visibility: hidden } .burger, .nav-list-mobile { display: none } } @media screen and (max-width:1023px) { header { top: 0; position: fixed; width: 100% } body, html { overflow-x: hidden; max-width: 100vw } main { margin-top: 68px } .btn-grp, .header--links { display: none } .header--container { padding: 20px 16px; flex-wrap: wrap; max-width: 100vw } header button.ant-btn.head-btn { display: flex !important; padding: 4px 8px !important; height: 28px; margin-left: auto; margin-right: 10px } header button.ant-btn.head-btn span { font-size: 11px !important } .nav-list-mobile { width: 100%; height: 0; transition: all .3s; opacity: 0; visibility: hidden; pointer-events: none; display: flex; flex-direction: column; gap: 20px; margin: 0 -16px; width: calc(100% + 32px) } .nav-list-mobile.open { height: calc(100vh - 68px); visibility: visible; pointer-events: auto; opacity: 1; margin-top: 20px; overflow-y: scroll; gap: 0; padding-bottom: 20px; border-top: 1px solid var(--Other-stroke, #ebebe5) } .nav-list-mobile--item>* { padding: 18px 24px 18px 20px; border-bottom: 1px solid var(--Other-stroke, #ebebe5) } .nav-list-mobile--item svg { transform: rotate(-90deg) } .nav-list-mobile--item svg path { stroke: #1a1a1a } header .header-dropdown { width: 100%; position: unset; transform: none; flex-wrap: wrap; padding: 20px 0 0 } .header-dropdown--item { padding: 0; border-right: none; gap: 12px; width: -moz-fit-content; width: fit-content; margin: 0 20px } .header-dropdown--item .svg-div { padding: 0; margin-bottom: 0 } .header-dropdown--item .svg-div svg { scale: .7 } .header-dropdown--link { padding: 8px 0 } header .header-dropdown, header.sticky .header-dropdown { max-height: none; gap: 20px } header .ant-collapse, header .ant-collapse>.ant-collapse-item { border: none !important } header .ant-collapse { background-color: transparent } header .ant-collapse .ant-collapse-content { border: none !important } header .ant-collapse>.ant-collapse-item>.ant-collapse-header { padding: 0; flex-direction: row-reverse } header .ant-collapse-item:not(:last-child) { margin-bottom: 20px } .header--link, .header-custom-ink, header .ant-collapse-header-text { font-weight: 500; color: var(--High, #1a1a1a); font-size: 16px; display: block } .header-dropdown.second>div { flex-direction: column; gap: 20px } .header-dropdown--bottom>div:last-child { padding-left: 0; border-left: 0 } header .ant-collapse .ant-collapse-content>.ant-collapse-content-box { padding: 12px 6px } .header-dropdown p.title-big { font-size: 16px; line-height: 24px; color: rgba(43, 46, 50, .8); font-weight: 500; margin-top: 10px; margin-bottom: 20px } .header-dropdown p.title-main { font-size: 14px } header button.ant-btn.ant-btn-default { margin-top: auto } header .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow { scale: 1.2 } .header--container.second { display: none } .header-dropdown.fourth .header-dropdown--item:last-child>div { padding-left: 0; max-width: 100%; width: 100% } .header--overlay>span { display: none } .headerMobileText { font-size: 16px; font-weight: 700 } .header--container.container { max-width: 100% } } @media screen and (max-width:767px) { header .ant-collapse .ant-collapse-content>.ant-collapse-content-box { padding: 10px 6px } .header-dropdown--item .svg-div svg { scale: .6; margin-bottom: -10px; margin-left: -10px } .header-dropdown p.title-big { font-size: 15px; margin-bottom: 8px; margin-top: 12px } .header-dropdown--link>div { gap: 4px } .header-dropdown--item p { line-height: 140% } .header-dropdown--item { gap: 10px } .header-dropdown--item>div:last-child:not(:first-child) { padding-top: 0; border-top: 0 } header .header-dropdown, header.sticky .header-dropdown { gap: 18px } .nav-list-mobile { gap: 17px } .logo-head { padding-top: 6px } .logo-head svg { scale: .8; margin-left: -15px } .logo-head.logix svg { margin-top: -16px } .logo-head.logix { height: 34px } .burger { width: 1.35rem } .header-dropdown--item { width: 100% } .header-dropdown.fourth .header-dropdown--item:last-child>div, .header-dropdown.fourth .header-dropdown--item>div { width: 100%; max-width: 100% } .header-dropdown--bottom>div:last-child { align-items: flex-start; gap: 0 10px; flex-wrap: wrap } .header--link.active:after, .header--link:hover:after { position: absolute; content: ""; background-color: var(--primary); bottom: 0; left: 0; width: 3px; height: 100%; transition: all .3s } } @font-face { font-family: __Public_Sans_3a41d0; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/f7650dfaa438c37c-s.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab } @font-face { font-family: __Public_Sans_3a41d0; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/98baa4a7809fbf72-s.woff2) format("woff2"); unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff } @font-face { font-family: __Public_Sans_3a41d0; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/8bf7b2ceda89477b-s.p.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd } @font-face { font-family: __Public_Sans_Fallback_3a41d0; src: local("Arial"); ascent-override: 90.37%; descent-override: 21.40%; line-gap-override: 0.00%; size-adjust: 105.12% } .__className_3a41d0 { font-family: __Public_Sans_3a41d0, __Public_Sans_Fallback_3a41d0; font-style: normal } footer { background: #1e1e1e } .footer--container { width: 1600px; max-width: 90vw; margin: 0 auto; padding: 0 16px } .footer--top { padding: 80px 0 } .footer--cta { border-radius: 12px; background: #262626; border: 1px solid #343434; padding: 50px 50px 112px; display: flex; align-items: center; position: relative } .footer--cta, .footer--cta--image { max-width: 100% } .footer--cta .footer--cta--image img { position: absolute; height: auto; max-height: 100%; width: auto; right: 0; top: 0 } footer img.guides { right: 0; bottom: 0; position: absolute } .footer--cta--content { width: 50%; min-width: 489px; z-index: 1 } .footer--cta--content h2 { color: #fff; font-size: 32px; font-weight: 600; line-height: 47px; margin-bottom: 14px } .footer--cta--content p { color: hsla(0, 0%, 100%, .8); font-size: 15px; font-weight: 400; line-height: 26px; margin-bottom: 30px } input.ant-input::placeholder { color: hsla(0, 0%, 100%, .6); font-size: 13px; font-weight: 400; line-height: normal; opacity: 1 } input.ant-input::-ms-input-placeholder { color: hsla(0, 0%, 100%, .6); font-size: 13px; font-weight: 400; line-height: normal } .ant-input-affix-wrapper.ant-input-outlined, .ant-input-affix-wrapper.ant-input-outlined.ant-input-affix-wrapper-focused, .ant-input-affix-wrapper.ant-input-outlined:hover, input.ant-input, input.ant-input:focus, input.ant-input:hover { border-radius: 6px; border: 1px solid hsla(0, 0%, 100%, .1); background: #1f1f1f !important; height: 42px; color: #fff; box-shadow: none; font-size: 13px; font-weight: 400; line-height: normal; padding: 13px 14px } .ant-input-affix-wrapper.ant-input-outlined .ant-input-prefix { color: #fff; font-size: 13px; font-weight: 400 } .ant-input-affix-wrapper input.ant-input { padding: 0; height: auto } .footer--cta button.ant-btn-primary { margin-top: 24px; background-color: var(--primary) } .footer--cta button.ant-btn-primary:hover { background-color: var(--primary-dark) !important } .footer--bottom { border-top: 1px solid hsla(0, 0%, 100%, .17); padding: 80px 0 40px } .footer--bottom .footer--container { display: flex; gap: 50px } .footer--bottom .footer--container p { color: hsla(0, 0%, 100%, .8); font-size: 13px; font-weight: 400; line-height: 20px } .footer--links { display: flex; gap: 60px } footer .h6 { color: #fff; font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 8px; text-transform: capitalize } .footer--links--item { display: flex; flex-direction: column; gap: 10px } footer .footer--links--item .h6 { margin-bottom: 0 } .footer--links--item a { color: hsla(0, 0%, 100%, .8); font-size: 13px; font-weight: 400; line-height: 20px } .footer--links--item a:hover { color: #fff } footer .adress { max-width: 300px } footer .adress svg { margin-bottom: 20px } .footer--bottom .footer--container:first-child { padding-bottom: 30px; border-bottom: 1px solid #303030; margin-bottom: 40px; justify-content: space-between } .footer--container:last-child { justify-content: space-between; align-items: center } .footer--container:last-child ul { display: flex; gap: 6px } .footer--container { position: relative } .footer--container:last-child ul li a { padding: 2px; display: flex; width: 50px; height: 30px; justify-content: center; align-items: center; border-radius: 8px; border: 1px solid #606060 } .footer--container:last-child p { color: hsla(0, 0%, 100%, .6); font-size: 14px; font-weight: 400; line-height: 20px } .footer--cta--links { display: flex; gap: 16px; background: #1e1e1e; border-top-right-radius: 12px; border: 1px solid #343434; width: -moz-fit-content; width: fit-content; padding: 20px 20px 0 0; border-bottom: 0; border-left: 0; position: absolute; bottom: 0; z-index: 1 } .footer--cta--links:after { right: -21px; bottom: 0 } .footer--cta--links:after, .footer--cta--links:before { content: ""; position: absolute; width: 21px; height: 20px; background-color: #262626; border-radius: 50%; box-shadow: -10px 10px 0 #1e1e1e } .footer--cta--links:before { left: 0; bottom: 63.5px } .footer--cta--links a { border-radius: 12px; border: 1px solid hsla(0, 0%, 100%, .1); background: #262626; padding: 8px 16px; display: flex; align-items: center; gap: 8px; color: hsla(0, 0%, 100%, .8); font-size: 15px; font-weight: 400; line-height: 26px } .footerCollapse { display: none } @media screen and (max-width:1023px) { .footer--top { padding: 60px 0 } .footer--bottom { padding: 60px 0 40px } .footer--cta { padding: 30px 30px 95px } .footer--container { max-width: 100%; width: 100% } .footer--links { width: 70%; gap: 20px } .footer--bottom .footer--container:first-child { gap: 25px } } @media screen and (max-width:767px) { .footer--cta--links { width: 100%; position: relative; border: none } .footer--links { width: 100% } .footer--cta .footer--cta--image img, .footer--cta--links:after, .footer--cta--links:before { display: none } .footer--cta { padding: 25px 20px; border-radius: 8px } .footer--cta, .footer--cta--content { max-width: 100%; min-width: 100% } .footer--cta--content h2 { font-size: 22px; line-height: 1.4; margin-bottom: 10px } .footer--container:last-child p { margin-bottom: 20px } .footer--cta--content .ant-flex { flex-direction: column; gap: 8px !important } .footer--cta button.ant-btn-primary { margin-top: 16px } .footer--cta--links { flex-direction: column; padding-right: 0 } .footer--cta--links a { width: 100%; border-radius: 8px } .footer--top { padding: 40px 0 } .footer--bottom .footer--container:first-child, .footer--links { flex-direction: column } .footer--links { gap: 32px } .footer--links--item { gap: 15px } .footer--bottom { padding: 40px 0 0 } .footer--bottom .footer--container:first-child { padding-bottom: 25px; margin-bottom: 25px } .footer--bottom .footer--container { flex-direction: column-reverse; align-items: flex-start; gap: 30px } .footer--bottom .footer--container p, .footer--links--item a { font-size: 14px } footer .adress { max-width: 100% } .footer--links--item a { padding-left: 10px } .footer--bottom .footer--container:last-child { gap: 20px } footer .ant-collapse, footer .ant-collapse>.ant-collapse-item { border: none !important } footer .ant-collapse { background-color: transparent } footer .ant-collapse .ant-collapse-content { border: none !important } footer .ant-collapse>.ant-collapse-item>.ant-collapse-footer { padding: 0; flex-direction: row-reverse } footer .ant-collapse-item:not(:last-child) { margin-bottom: 20px } .footer-dropdown.second>div { flex-direction: column; gap: 20px } .footer-dropdown--bottom>div:last-child { padding-left: 0; border-left: 0 } footer .ant-collapse .ant-collapse-content>.ant-collapse-content-box { padding: 0; background-color: #1e1e1e } .footer-dropdown p.title-big { font-size: 16px; line-height: 24px } .footer-dropdown p.title-main { font-size: 14px } footer button.ant-btn.ant-btn-default { margin-top: auto } footer .ant-collapse>.ant-collapse-item>.ant-collapse-footer .ant-collapse-arrow { scale: 1.2 } .footer--container.second { display: none } .footer-dropdown.fourth .footer-dropdown--item:last-child>div { padding-left: 0; max-width: 100%; width: 100% } .footerCollapse { display: block } .footerCollapse .ant-collapse-header-text { color: #fff; font-weight: 500 } .footerCollapse.ant-collapse>.ant-collapse-item { margin-bottom: 0 } .footerCollapse . .ant-collapse-expand-icon svg { transform: rotate(180deg) } .footerCollapse .ant-collapse-expand-icon { padding-top: 5px } .footerCollapse .header-dropdown--link { padding: 6px 10px } .footerCollapse .header-dropdown--link p { color: hsla(0, 0%, 100%, .8); font-size: 13px; font-weight: 400; line-height: 20px } .footer--links { display: none } .footerCollapse .ant-collapse-item { width: 100% } .footerCollapse.ant-collapse>.ant-collapse-item>.ant-collapse-header { padding-left: 0; width: 100% } footer .ant-collapse { width: 100% } .footerCollapse.ant-collapse>.ant-collapse-item:first-child>.ant-collapse-header { padding-top: 0 } .footer--container:last-child ul { gap: 8px; width: 100% } .footer--container:last-child ul li { flex: auto } .footer--container:last-child ul li a { width: 100% } footer .header-dropdown--link:first-child { padding-top: 0 } } @font-face { font-family: __Inter_d65c78; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2"); unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f } @font-face { font-family: __Inter_d65c78; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2"); unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116 } @font-face { font-family: __Inter_d65c78; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2"); unicode-range: u+1f?? } @font-face { font-family: __Inter_d65c78; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2"); unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff } @font-face { font-family: __Inter_d65c78; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab } @font-face { font-family: __Inter_d65c78; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2"); unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff } @font-face { font-family: __Inter_d65c78; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd } @font-face { font-family: __Inter_Fallback_d65c78; src: local("Arial"); ascent-override: 90.20%; descent-override: 22.48%; line-gap-override: 0.00%; size-adjust: 107.40% } .__className_d65c78 { font-family: __Inter_d65c78, __Inter_Fallback_d65c78; font-style: normal } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1 } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0) } .swiper-horizontal { touch-action: pan-y } .swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d { perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-css-mode.swiper-horizontal>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-css-mode.swiper-vertical>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-css-mode.swiper-free-mode>.swiper-wrapper { scroll-snap-type: none } .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: none } .swiper-css-mode.swiper-centered>.swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999 } .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-top: 4px solid transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s linear infinite } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; transform: translateZ(0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s, top .2s } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, left .2s } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25)); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper--contaier { overflow-x: visible; display: flex; gap: 24px; flex-wrap: wrap } .swiper--contaier .swiper { margin-left: calc(50vw - (1284px/2)); padding-left: calc(50vw - (1284px/2)); padding-right: 30px } .swiper--contaier .swiper-wrapper { padding-left: 2px } .swiper--contaier .swiper-slide { width: -moz-fit-content !important; width: fit-content !important; padding: 2px 0 } .swiper--contaier .swiperslide--slide { border-radius: 12px; background: #fff; box-shadow: 0 2px 4px 0 rgba(17, 24, 28, .04), 0 1px 2px -1px rgba(17, 24, 28, .08), 0 0 0 1px rgba(17, 24, 28, .08); padding: 40px; display: flex; flex-direction: column; gap: 30px; width: calc(50% - 12px) } .swiperslide--slide p { margin-bottom: 22px } .swiperslide--slide a { color: var(--Primary-Primary, #e84747); font-size: 16px; font-weight: 500; line-height: 24px } .swiper--contaier .swiperslide--slide img { max-width: 100%; height: auto } .testimonials { margin-top: -110px } .testimonial-section { padding: 100px 0 180px } .testimonials .testimonial--slide { display: flex; gap: 30px; align-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none } .testimonial--image { min-width: 370px; height: 370px; border-radius: 10px; overflow: hidden } .testimonial--slide img { object-fit: cover; width: 100%; max-width: 100% } .testimonial--content { border-radius: 10px; margin-top: 120px; padding: 0 0 15px 10px } .testimonial--content--upper { height: 325px; border: 1px solid var(--border-bg-2); background: #fff; padding: 40px; border-radius: 10px; position: relative; z-index: 2; box-shadow: 0 0 0 1px rgba(17, 24, 28, .08), 0 1px 2px -1px rgba(17, 24, 28, .08), 0 2px 4px 0 rgba(17, 24, 28, .04); display: flex; flex-direction: column; justify-content: space-between } .testimonial--content--upper p { color: #2b2e32; font-size: 20px; font-weight: 400; line-height: 31px; -webkit-user-select: none; -moz-user-select: none; user-select: none } .testimonial--content--details { padding: 31px 0 0; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; max-width: 100% } .testimonial--content--details p { color: rgba(43, 46, 50, .7); font-size: 14px; font-weight: 400; line-height: 22px } .testimonial--content--details p.name { color: #2b2e32; font-size: 18px; font-weight: 500; line-height: 28px; margin-bottom: 2px } .testimonials .swiper-button-next, .testimonials .swiper-button-prev { border-radius: 6px; border: 1px solid var(--Other-stroke, #ebebe5); background: #fff; padding: 23px 22px 22px 23px; left: unset; right: 130px; top: 21px; width: 58px; height: 58px } .testimonials.normal-pagination .swiper-button-next, .testimonials.normal-pagination .swiper-button-prev { width: 56px; height: 56px; left: 42% } .testimonials .swiper-button-next { left: unset; right: 0 } .testimonials.normal-pagination .swiper-button-next { left: 53.4% } .testimonials .swiper-button-next:after, .testimonials .swiper-button-prev:after { background-image: url(/images/arror-testimonial.svg); width: 24px !important; height: 24px; color: transparent; z-index: -1; position: relative } .testimonials .swiper-button-next:after { transform: rotate(180deg) } .testimonials .swiper-pagination-horizontal, .testimonials .swiper-pagination-horizontal span { color: rgba(43, 46, 50, .7); font-size: 15px; font-weight: 400; line-height: 26px } .testimonials.normal-pagination .swiper-pagination-horizontal, .testimonials.normal-pagination .swiper-pagination-horizontal span { color: var(--text) } .testimonials.normal-pagination .swiper:after, .testimonials.normal-pagination .swiper:before { display: none } .testimonials.normal-pagination .swiper-horizontal { padding-bottom: 106px } .testimonials .swiper-pagination-horizontal { padding-bottom: 11px; width: -moz-fit-content; width: fit-content; right: 78px; left: unset; top: 15px } .testimonials .swiper-pagination-horizontal.swiper-pagination-bullets { top: unset; width: 100%; right: unset; left: 0 } .testimonials.normal-pagination .swiper-pagination-horizontal { padding-bottom: 6px; left: 50%; transform: translateX(-50%) } @media screen and (max-width:1200px) { .testimonials .swiper-button-prev { right: 105px } .testimonials .swiper-pagination-horizontal { right: 65px } } @media screen and (max-width:1023px) { .testimonials .swiper-pagination-horizontal { right: 85px } .testimonials.normal-pagination .swiper-button-next, .testimonials.normal-pagination .swiper-button-prev { left: 39% } .testimonials.normal-pagination .swiper-button-next { left: 54% } .testimonial--content--upper { height: 100% } } @media screen and (max-width:767px) { .testimonials .swiper-button-next, .testimonials .swiper-button-prev { width: 50px; height: 50px; padding: 16px 16px 14px } .testimonials .swiper-button-prev { padding-top: 14px; left: 20% !important } .testimonials .swiper-button-next { right: 20% !important; left: unset !important } .testimonials .swiper-pagination-horizontal { left: 50%; transform: translateX(-50%); padding-bottom: 0 } .testimonials.normal-pagination .swiper-horizontal { padding-bottom: 80px } .testimonial-section .testimonials .testimonial--slide { background-color: transparent; border: none } .testimonial-section .testimonial--content { margin-top: 0 } .testimonials .swiper-button-next, .testimonials .swiper-button-prev { bottom: 0; top: unset } .testimonials .swiper-pagination-horizontal { bottom: 0; top: unset; padding-bottom: 10px } .testimonials { margin-top: 0 } .testimonial-section .testimonial--content--details { padding: 20px 0 0 } .swiperslide--slide a { font-size: 14px } .swiperslide--slide a svg { scale: .8 } .swiperslide--slide p { margin-bottom: 12px } .testimonial--content { padding: 0 0 1px 1px } } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg) } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto } .swiper-button-lock { display: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: normal; line-height: 1 } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next" } .slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list, .slick-slider { position: relative; display: block } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after, .slick-track:before { display: table; content: "" } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-loading .slick-list { background: #fff url(/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat } @font-face { font-family: slick; font-weight: 400; font-style: normal; src: url(/_next/static/media/slick.25572f22.eot); src: url(/_next/static/media/slick.25572f22.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/slick.653a4cbb.woff) format("woff"), url(/_next/static/media/slick.6aa1ee46.ttf) format("truetype"), url(/_next/static/media/slick.a5e9c8d5.svg#slick) format("svg") } .slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; transform: translateY(-50%); cursor: pointer; border: none } .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: none; background: transparent } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25 } .slick-next:before, .slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px } [dir=rtl] .slick-prev { right: -25px; left: auto } .slick-prev:before { content: "←" } [dir=rtl] .slick-prev:before { content: "→" } .slick-next { right: -25px } [dir=rtl] .slick-next { right: auto; left: -25px } .slick-next:before { content: "→" } [dir=rtl] .slick-next:before { content: "←" } .slick-dotted.slick-slider { margin-bottom: 30px } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0 } .slick-dots li, .slick-dots li button { width: 20px; height: 20px; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; padding: 5px; color: transparent; border: 0; outline: none; background: transparent } .slick-dots li button:focus, .slick-dots li button:hover { outline: none } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 } .slick-dots li button:before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { opacity: .75; color: #000 } :where(.css-djtmh8)[class^="ant-select"], :where(.css-djtmh8)[class*=" ant-select"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; box-sizing: border-box; } :where(.css-djtmh8)[class^="ant-select"]::before, :where(.css-djtmh8)[class*=" ant-select"]::before, :where(.css-djtmh8)[class^="ant-select"]::after, :where(.css-djtmh8)[class*=" ant-select"]::after { box-sizing: border-box; } :where(.css-djtmh8)[class^="ant-select"] [class^="ant-select"], :where(.css-djtmh8)[class*=" ant-select"] [class^="ant-select"], :where(.css-djtmh8)[class^="ant-select"] [class*=" ant-select"], :where(.css-djtmh8)[class*=" ant-select"] [class*=" ant-select"] { box-sizing: border-box; } :where(.css-djtmh8)[class^="ant-select"] [class^="ant-select"]::before, :where(.css-djtmh8)[class*=" ant-select"] [class^="ant-select"]::before, :where(.css-djtmh8)[class^="ant-select"] [class*=" ant-select"]::before, :where(.css-djtmh8)[class*=" ant-select"] [class*=" ant-select"]::before, :where(.css-djtmh8)[class^="ant-select"] [class^="ant-select"]::after, :where(.css-djtmh8)[class*=" ant-select"] [class^="ant-select"]::after, :where(.css-djtmh8)[class^="ant-select"] [class*=" ant-select"]::after, :where(.css-djtmh8)[class*=" ant-select"] [class*=" ant-select"]::after { box-sizing: border-box; } :where(.css-djtmh8).ant-select.ant-select-in-form-item { width: 100%; } :where(.css-djtmh8).ant-select { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; position: relative; display: inline-block; cursor: pointer; } :where(.css-djtmh8).ant-select:not(.ant-select-customize-input) .ant-select-selector { position: relative; transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } :where(.css-djtmh8).ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: pointer; } .ant-select-show-search:where(.css-djtmh8).ant-select:not(.ant-select-customize-input) .ant-select-selector { cursor: text; } .ant-select-show-search:where(.css-djtmh8).ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: auto; color: inherit; height: 100%; } .ant-select-disabled:where(.css-djtmh8).ant-select:not(.ant-select-customize-input) .ant-select-selector { cursor: not-allowed; } .ant-select-disabled:where(.css-djtmh8).ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: not-allowed; } :where(.css-djtmh8).ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { margin: 0; padding: 0; background: transparent; border: none; outline: none; appearance: none; font-family: inherit; } :where(.css-djtmh8).ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button { display: none; -webkit-appearance: none; } :where(.css-djtmh8).ant-select .ant-select-selection-item { flex: 1; font-weight: normal; position: relative; user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } :where(.css-djtmh8).ant-select .ant-select-selection-item > .ant-typography { display: inline; } :where(.css-djtmh8).ant-select .ant-select-selection-placeholder { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1; color: rgba(0, 0, 0, 0.25); pointer-events: none; } :where(.css-djtmh8).ant-select .ant-select-arrow { display: flex; align-items: center; color: rgba(0, 0, 0, 0.25); font-style: normal; line-height: 1; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; inset-inline-start: auto; inset-inline-end: 11px; height: 12px; margin-top: -6px; font-size: 12px; pointer-events: none; transition: opacity 0.3s ease; } :where(.css-djtmh8).ant-select .ant-select-arrow > * { line-height: 1; } :where(.css-djtmh8).ant-select .ant-select-arrow svg { display: inline-block; } :where(.css-djtmh8).ant-select .ant-select-arrow .anticon { vertical-align: top; transition: transform 0.3s; } :where(.css-djtmh8).ant-select .ant-select-arrow .anticon > svg { vertical-align: top; } :where(.css-djtmh8).ant-select .ant-select-arrow .anticon:not(.ant-select-suffix) { pointer-events: auto; } .ant-select-disabled :where(.css-djtmh8).ant-select .ant-select-arrow { cursor: not-allowed; } :where(.css-djtmh8).ant-select .ant-select-arrow > *:not(:last-child) { margin-inline-end: 8px; } :where(.css-djtmh8).ant-select .ant-select-clear { position: absolute; top: 50%; inset-inline-start: auto; inset-inline-end: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; font-style: normal; line-height: 1; text-align: center; text-transform: none; cursor: pointer; opacity: 0; transition: color 0.2s ease, opacity 0.3s ease; text-rendering: auto; } :where(.css-djtmh8).ant-select .ant-select-clear:before { display: block; } :where(.css-djtmh8).ant-select .ant-select-clear:hover { color: rgba(0, 0, 0, 0.45); } :where(.css-djtmh8).ant-select:hover .ant-select-clear { opacity: 1; } :where(.css-djtmh8).ant-select:hover .ant-select-arrow:not(:last-child) { opacity: 0; } :where(.css-djtmh8).ant-select-has-feedback .ant-select-clear { inset-inline-end: 33px; } :where(.css-djtmh8).ant-select-single { font-size: 14px; height: 32px; } :where(.css-djtmh8).ant-select-single .ant-select-selector { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: inherit; display: flex; border-radius: 6px; } :where(.css-djtmh8).ant-select-single .ant-select-selector .ant-select-selection-search { position: absolute; top: 0; inset-inline-start: 11px; inset-inline-end: 11px; bottom: 0; } :where(.css-djtmh8).ant-select-single .ant-select-selector .ant-select-selection-search-input { width: 100%; -webkit-appearance: textfield; } :where(.css-djtmh8).ant-select-single .ant-select-selector .ant-select-selection-item, :where(.css-djtmh8).ant-select-single .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 30px; transition: all 0.3s, visibility 0s; align-self: center; } :where(.css-djtmh8).ant-select-single .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } :where(.css-djtmh8).ant-select-single .ant-select-selector:after, :where(.css-djtmh8).ant-select-single .ant-select-selector .ant-select-selection-item:empty:after, :where(.css-djtmh8).ant-select-single .ant-select-selector .ant-select-selection-placeholder:empty:after { display: inline-block; width: 0; visibility: hidden; content: "\a0"; } :where(.css-djtmh8).ant-select-single.ant-select-show-arrow .ant-select-selection-item, :where(.css-djtmh8).ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-inline-end: 18px; } :where(.css-djtmh8).ant-select-single.ant-select-open .ant-select-selection-item { color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-select-single:not(.ant-select-customize-input) .ant-select-selector { width: 100%; height: 100%; padding: 0 11px; } :where(.css-djtmh8).ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 30px; } :where(.css-djtmh8).ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after { line-height: 30px; } :where(.css-djtmh8).ant-select-single.ant-select-customize-input .ant-select-selector:after { display: none; } :where(.css-djtmh8).ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } :where(.css-djtmh8).ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; inset-inline-start: 0; inset-inline-end: 0; padding: 0 11px; } :where(.css-djtmh8).ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after { display: none; } :where(.css-djtmh8).ant-select-single.ant-select-sm { font-size: 14px; height: 24px; } :where(.css-djtmh8).ant-select-single.ant-select-sm .ant-select-selector { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: inherit; display: flex; border-radius: 4px; } :where(.css-djtmh8).ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search { position: absolute; top: 0; inset-inline-start: 11px; inset-inline-end: 11px; bottom: 0; } :where(.css-djtmh8).ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search-input { width: 100%; -webkit-appearance: textfield; } :where(.css-djtmh8).ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item, :where(.css-djtmh8).ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 22px; transition: all 0.3s, visibility 0s; align-self: center; } :where(.css-djtmh8).ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } :where(.css-djtmh8).ant-select-single.ant-select-sm .ant-select-selector:after, :where(.css-djtmh8).ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item:empty:after, :where(.css-djtmh8).ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder:empty:after { display: inline-block; width: 0; visibility: hidden; content: "\a0"; } :where(.css-djtmh8).ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-item, :where(.css-djtmh8).ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-placeholder { padding-inline-end: 18px; } :where(.css-djtmh8).ant-select-single.ant-select-sm.ant-select-open .ant-select-selection-item { color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { width: 100%; height: 100%; padding: 0 11px; } :where(.css-djtmh8).ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 22px; } :where(.css-djtmh8).ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after { line-height: 22px; } :where(.css-djtmh8).ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector:after { display: none; } :where(.css-djtmh8).ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } :where(.css-djtmh8).ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; inset-inline-start: 0; inset-inline-end: 0; padding: 0 11px; } :where(.css-djtmh8).ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after { display: none; } :where(.css-djtmh8).ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search { inset-inline-start: 7px; inset-inline-end: 7px; } :where(.css-djtmh8).ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { padding: 0 7px; } :where(.css-djtmh8).ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { inset-inline-end: 28px; } :where(.css-djtmh8).ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, :where(.css-djtmh8).ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-inline-end: 21px; } :where(.css-djtmh8).ant-select-single.ant-select-lg { font-size: 16px; height: 40px; } :where(.css-djtmh8).ant-select-single.ant-select-lg .ant-select-selector { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.88); font-size: 16px; line-height: 1.5714285714285714; list-style: none; font-family: inherit; display: flex; border-radius: 8px; } :where(.css-djtmh8).ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search { position: absolute; top: 0; inset-inline-start: 11px; inset-inline-end: 11px; bottom: 0; } :where(.css-djtmh8).ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search-input { width: 100%; -webkit-appearance: textfield; } :where(.css-djtmh8).ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item, :where(.css-djtmh8).ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 38px; transition: all 0.3s, visibility 0s; align-self: center; } :where(.css-djtmh8).ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } :where(.css-djtmh8).ant-select-single.ant-select-lg .ant-select-selector:after, :where(.css-djtmh8).ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item:empty:after, :where(.css-djtmh8).ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder:empty:after { display: inline-block; width: 0; visibility: hidden; content: "\a0"; } :where(.css-djtmh8).ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-item, :where(.css-djtmh8).ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-placeholder { padding-inline-end: 18px; } :where(.css-djtmh8).ant-select-single.ant-select-lg.ant-select-open .ant-select-selection-item { color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { width: 100%; height: 100%; padding: 0 11px; } :where(.css-djtmh8).ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 38px; } :where(.css-djtmh8).ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after { line-height: 38px; } :where(.css-djtmh8).ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector:after { display: none; } :where(.css-djtmh8).ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } :where(.css-djtmh8).ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; inset-inline-start: 0; inset-inline-end: 0; padding: 0 11px; } :where(.css-djtmh8).ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after { display: none; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow-item { flex: none; align-self: center; max-width: 100%; display: inline-flex; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item { display: flex; align-self: center; flex: none; box-sizing: border-box; max-width: 100%; margin-block: 2px; border-radius: 4px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; margin-inline-end: 4px; padding-inline-start: 8px; padding-inline-end: 4px; } .ant-select-disabled:where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item { color: rgba(0, 0, 0, 0.25); border-color: transparent; cursor: not-allowed; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item-content { display: inline-block; margin-inline-end: 4px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item-remove { display: inline-flex; align-items: center; color: rgba(0, 0, 0, 0.45); font-style: normal; line-height: inherit; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: bold; font-size: 10px; cursor: pointer; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item-remove > * { line-height: 1; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item-remove svg { display: inline-block; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.88); } :where(.css-djtmh8).ant-select-multiple .ant-select-selector { display: flex; flex-wrap: wrap; align-items: center; height: 100%; padding-inline: 3px; padding-block: 1px; border-radius: 6px; } .ant-select-disabled:where(.css-djtmh8).ant-select-multiple .ant-select-selector { background: rgba(0, 0, 0, 0.04); cursor: not-allowed; } :where(.css-djtmh8).ant-select-multiple .ant-select-selector:after { display: inline-block; width: 0; margin: 2px 0; line-height: 24px; visibility: hidden; content: "\a0"; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-item { height: 24px; line-height: 22px; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search { margin-inline-start: 0; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-overflow-item-suffix { height: 100%; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-search { display: inline-flex; position: relative; max-width: 100%; margin-inline-start: 8px; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-search-input, :where(.css-djtmh8).ant-select-multiple .ant-select-selection-search-mirror { height: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 24px; transition: all 0.3s; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-search-mirror { position: absolute; top: 0; inset-inline-start: 0; inset-inline-end: auto; z-index: 999; white-space: pre; visibility: hidden; } :where(.css-djtmh8).ant-select-multiple .ant-select-selection-placeholder { position: absolute; top: 50%; inset-inline-start: 11px; inset-inline-end: 11px; transform: translateY(-50%); transition: all 0.3s; } :where(.css-djtmh8).ant-select-multiple { font-size: 14px; } .ant-select-show-search:where(.css-djtmh8).ant-select-multiple .ant-select-selector { cursor: text; } :where(.css-djtmh8).ant-select-multiple.ant-select-show-arrow .ant-select-selector, :where(.css-djtmh8).ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-inline-end: 24px; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item { flex: none; align-self: center; max-width: 100%; display: inline-flex; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow .ant-select-selection-item { display: flex; align-self: center; flex: none; box-sizing: border-box; max-width: 100%; margin-block: 2px; border-radius: 2px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; margin-inline-end: 4px; padding-inline-start: 8px; padding-inline-end: 4px; } .ant-select-disabled:where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow .ant-select-selection-item { color: rgba(0, 0, 0, 0.25); border-color: transparent; cursor: not-allowed; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow .ant-select-selection-item-content { display: inline-block; margin-inline-end: 4px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow .ant-select-selection-item-remove { display: inline-flex; align-items: center; color: rgba(0, 0, 0, 0.45); font-style: normal; line-height: inherit; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: bold; font-size: 10px; cursor: pointer; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow .ant-select-selection-item-remove > * { line-height: 1; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow .ant-select-selection-item-remove svg { display: inline-block; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.88); } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selector { display: flex; flex-wrap: wrap; align-items: center; height: 100%; padding-inline: 3px; padding-block: 1px; border-radius: 4px; } .ant-select-disabled:where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selector { background: rgba(0, 0, 0, 0.04); cursor: not-allowed; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selector:after { display: inline-block; width: 0; margin: 2px 0; line-height: 16px; visibility: hidden; content: "\a0"; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-item { height: 16px; line-height: 14px; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search { margin-inline-start: 0; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item-suffix { height: 100%; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-search { display: inline-flex; position: relative; max-width: 100%; margin-inline-start: 8px; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-search-input, :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { height: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 16px; transition: all 0.3s; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { position: absolute; top: 0; inset-inline-start: 0; inset-inline-end: auto; z-index: 999; white-space: pre; visibility: hidden; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { position: absolute; top: 50%; inset-inline-start: 11px; inset-inline-end: 11px; transform: translateY(-50%); transition: all 0.3s; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm { font-size: 14px; } .ant-select-show-search:where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selector { cursor: text; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm.ant-select-show-arrow .ant-select-selector, :where(.css-djtmh8).ant-select-multiple.ant-select-sm.ant-select-allow-clear .ant-select-selector { padding-inline-end: 24px; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { inset-inline: 7px; } :where(.css-djtmh8).ant-select-multiple.ant-select-sm .ant-select-selection-search { margin-inline-start: 2px; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item { flex: none; align-self: center; max-width: 100%; display: inline-flex; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow .ant-select-selection-item { display: flex; align-self: center; flex: none; box-sizing: border-box; max-width: 100%; margin-block: 2px; border-radius: 6px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; margin-inline-end: 4px; padding-inline-start: 8px; padding-inline-end: 4px; } .ant-select-disabled:where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow .ant-select-selection-item { color: rgba(0, 0, 0, 0.25); border-color: transparent; cursor: not-allowed; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow .ant-select-selection-item-content { display: inline-block; margin-inline-end: 4px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow .ant-select-selection-item-remove { display: inline-flex; align-items: center; color: rgba(0, 0, 0, 0.45); font-style: normal; line-height: inherit; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: bold; font-size: 10px; cursor: pointer; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow .ant-select-selection-item-remove > * { line-height: 1; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow .ant-select-selection-item-remove svg { display: inline-block; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.88); } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selector { display: flex; flex-wrap: wrap; align-items: center; height: 100%; padding-inline: 3px; padding-block: 1px; border-radius: 8px; } .ant-select-disabled:where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selector { background: rgba(0, 0, 0, 0.04); cursor: not-allowed; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selector:after { display: inline-block; width: 0; margin: 2px 0; line-height: 32px; visibility: hidden; content: "\a0"; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 30px; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search { margin-inline-start: 0; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item-suffix { height: 100%; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-search { display: inline-flex; position: relative; max-width: 100%; margin-inline-start: 8px; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-search-input, :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { height: 32px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 32px; transition: all 0.3s; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { position: absolute; top: 0; inset-inline-start: 0; inset-inline-end: auto; z-index: 999; white-space: pre; visibility: hidden; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selection-placeholder { position: absolute; top: 50%; inset-inline-start: 11px; inset-inline-end: 11px; transform: translateY(-50%); transition: all 0.3s; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg { font-size: 16px; } .ant-select-show-search:where(.css-djtmh8).ant-select-multiple.ant-select-lg .ant-select-selector { cursor: text; } :where(.css-djtmh8).ant-select-multiple.ant-select-lg.ant-select-show-arrow .ant-select-selector, :where(.css-djtmh8).ant-select-multiple.ant-select-lg.ant-select-allow-clear .ant-select-selector { padding-inline-end: 24px; } :where(.css-djtmh8).ant-select-dropdown { box-sizing: border-box; margin: 0; padding: 4px; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; position: absolute; top: -9999px; z-index: 1050; overflow: hidden; font-variant: initial; background-color: #ffffff; border-radius: 8px; outline: none; box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } :where(.css-djtmh8).ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, :where(.css-djtmh8).ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { animation-name: css-djtmh8-antSlideUpIn; } :where(.css-djtmh8).ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, :where(.css-djtmh8).ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft, :where(.css-djtmh8).ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topRight, :where(.css-djtmh8).ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topRight { animation-name: css-djtmh8-antSlideDownIn; } :where(.css-djtmh8).ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { animation-name: css-djtmh8-antSlideUpOut; } :where(.css-djtmh8).ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft, :where(.css-djtmh8).ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topRight { animation-name: css-djtmh8-antSlideDownOut; } :where(.css-djtmh8).ant-select-dropdown-hidden { display: none; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.88); font-weight: normal; font-size: 14px; line-height: 1.5714285714285714; box-sizing: border-box; cursor: pointer; transition: background 0.3s ease; border-radius: 4px; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-group { color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: default; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option { display: flex; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option-content { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option-state { flex: none; display: flex; align-items: center; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background-color: rgba(0, 0, 0, 0.04); } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: rgba(0, 0, 0, 0.88); font-weight: 600; background-color: #e6f4ff; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state { color: #1677ff; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled):has(+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled)) { border-end-start-radius: 0; border-end-end-radius: 0; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled):has(+ .ant-select-item-option-selected:not(.ant-select-item-option-disabled)) + .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { border-start-start-radius: 0; border-start-end-radius: 0; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option-disabled.ant-select-item-option-selected { background-color: rgba(0, 0, 0, 0.04); } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-option-grouped { padding-inline-start: 24px; } :where(.css-djtmh8).ant-select-dropdown .ant-select-item-empty { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.25); font-weight: normal; font-size: 14px; line-height: 1.5714285714285714; box-sizing: border-box; } :where(.css-djtmh8).ant-select-dropdown-rtl { direction: rtl; } :where(.css-djtmh8).ant-slide-up-enter, :where(.css-djtmh8).ant-slide-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-djtmh8).ant-slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-djtmh8).ant-slide-up-enter.ant-slide-up-enter-active, :where(.css-djtmh8).ant-slide-up-appear.ant-slide-up-appear-active { animation-name: css-djtmh8-antSlideUpIn; animation-play-state: running; } :where(.css-djtmh8).ant-slide-up-leave.ant-slide-up-leave-active { animation-name: css-djtmh8-antSlideUpOut; animation-play-state: running; pointer-events: none; } :where(.css-djtmh8).ant-slide-up-enter, :where(.css-djtmh8).ant-slide-up-appear { transform: scale(0); transform-origin: 0% 0%; opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } :where(.css-djtmh8).ant-slide-up-enter-prepare, :where(.css-djtmh8).ant-slide-up-appear-prepare { transform: scale(1); } :where(.css-djtmh8).ant-slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } :where(.css-djtmh8).ant-slide-down-enter, :where(.css-djtmh8).ant-slide-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-djtmh8).ant-slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-djtmh8).ant-slide-down-enter.ant-slide-down-enter-active, :where(.css-djtmh8).ant-slide-down-appear.ant-slide-down-appear-active { animation-name: css-djtmh8-antSlideDownIn; animation-play-state: running; } :where(.css-djtmh8).ant-slide-down-leave.ant-slide-down-leave-active { animation-name: css-djtmh8-antSlideDownOut; animation-play-state: running; pointer-events: none; } :where(.css-djtmh8).ant-slide-down-enter, :where(.css-djtmh8).ant-slide-down-appear { transform: scale(0); transform-origin: 0% 0%; opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } :where(.css-djtmh8).ant-slide-down-enter-prepare, :where(.css-djtmh8).ant-slide-down-appear-prepare { transform: scale(1); } :where(.css-djtmh8).ant-slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } :where(.css-djtmh8).ant-move-up-enter, :where(.css-djtmh8).ant-move-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-djtmh8).ant-move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-djtmh8).ant-move-up-enter.ant-move-up-enter-active, :where(.css-djtmh8).ant-move-up-appear.ant-move-up-appear-active { animation-name: css-djtmh8-antMoveUpIn; animation-play-state: running; } :where(.css-djtmh8).ant-move-up-leave.ant-move-up-leave-active { animation-name: css-djtmh8-antMoveUpOut; animation-play-state: running; pointer-events: none; } :where(.css-djtmh8).ant-move-up-enter, :where(.css-djtmh8).ant-move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } :where(.css-djtmh8).ant-move-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } :where(.css-djtmh8).ant-move-down-enter, :where(.css-djtmh8).ant-move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-djtmh8).ant-move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-djtmh8).ant-move-down-enter.ant-move-down-enter-active, :where(.css-djtmh8).ant-move-down-appear.ant-move-down-appear-active { animation-name: css-djtmh8-antMoveDownIn; animation-play-state: running; } :where(.css-djtmh8).ant-move-down-leave.ant-move-down-leave-active { animation-name: css-djtmh8-antMoveDownOut; animation-play-state: running; pointer-events: none; } :where(.css-djtmh8).ant-move-down-enter, :where(.css-djtmh8).ant-move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } :where(.css-djtmh8).ant-move-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } :where(.css-djtmh8).ant-select-rtl { direction: rtl; } :where(.css-djtmh8).ant-select-compact-item:not(.ant-select-compact-last-item) { margin-inline-end: -1px; } :where(.css-djtmh8).ant-select-compact-item:hover > *, :where(.css-djtmh8).ant-select-compact-item:active > * { z-index: 2; } :where(.css-djtmh8).ant-select-compact-item.ant-select-focused { z-index: 2; } :where(.css-djtmh8).ant-select-compact-item[disabled] > * { z-index: 0; } :where(.css-djtmh8).ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item) > .ant-select-selector { border-radius: 0; } :where(.css-djtmh8).ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-first-item > .ant-select-selector, :where(.css-djtmh8).ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-first-item.ant-select-sm > .ant-select-selector, :where(.css-djtmh8).ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-first-item.ant-select-lg > .ant-select-selector { border-start-end-radius: 0; border-end-end-radius: 0; } :where(.css-djtmh8).ant-select-compact-item:not(.ant-select-compact-first-item).ant-select-compact-last-item > .ant-select-selector, :where(.css-djtmh8).ant-select-compact-item:not(.ant-select-compact-first-item).ant-select-compact-last-item.ant-select-sm > .ant-select-selector, :where(.css-djtmh8).ant-select-compact-item:not(.ant-select-compact-first-item).ant-select-compact-last-item.ant-select-lg > .ant-select-selector { border-start-start-radius: 0; border-end-start-radius: 0; } :where(.css-djtmh8).ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector { border: 1px solid #d9d9d9; background: #ffffff; } :where(.css-djtmh8).ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector { border-color: #4096ff; } .ant-select-focused:where(.css-djtmh8).ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { border-color: #1677ff; box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1); outline: 0; } :where(.css-djtmh8).ant-select-outlined.ant-select-status-error:not(.ant-select-customize-input) .ant-select-selector { border: 1px solid #ff4d4f; background: #ffffff; } :where(.css-djtmh8).ant-select-outlined.ant-select-status-error:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector { border-color: #ff7875; } .ant-select-focused:where(.css-djtmh8).ant-select-outlined.ant-select-status-error:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { border-color: #ff4d4f; box-shadow: 0 0 0 2px rgba(255, 38, 5, 0.06); outline: 0; } :where(.css-djtmh8).ant-select-outlined.ant-select-status-warning:not(.ant-select-customize-input) .ant-select-selector { border: 1px solid #faad14; background: #ffffff; } :where(.css-djtmh8).ant-select-outlined.ant-select-status-warning:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector { border-color: #ffd666; } .ant-select-focused:where(.css-djtmh8).ant-select-outlined.ant-select-status-warning:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { border-color: #faad14; box-shadow: 0 0 0 2px rgba(255, 215, 5, 0.1); outline: 0; } :where(.css-djtmh8).ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-select-outlined.ant-select-multiple .ant-select-selection-item { background: rgba(0, 0, 0, 0.06); border: 1px solid transparent; } :where(.css-djtmh8).ant-select-filled:not(.ant-select-customize-input) .ant-select-selector { background: rgba(0, 0, 0, 0.04); border: 1px solid transparent; color: rgba(0, 0, 0, 0.88); } :where(.css-djtmh8).ant-select-filled:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector { background: rgba(0, 0, 0, 0.06); } .ant-select-focused:where(.css-djtmh8).ant-select-filled:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { background: #ffffff; border-color: #1677ff; outline: 0; } :where(.css-djtmh8).ant-select-filled.ant-select-status-error:not(.ant-select-customize-input) .ant-select-selector { background: #fff2f0; border: 1px solid transparent; color: #ff4d4f; } :where(.css-djtmh8).ant-select-filled.ant-select-status-error:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector { background: #fff1f0; } .ant-select-focused:where(.css-djtmh8).ant-select-filled.ant-select-status-error:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { background: #ffffff; border-color: #ff4d4f; outline: 0; } :where(.css-djtmh8).ant-select-filled.ant-select-status-warning:not(.ant-select-customize-input) .ant-select-selector { background: #fffbe6; border: 1px solid transparent; color: #faad14; } :where(.css-djtmh8).ant-select-filled.ant-select-status-warning:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector { background: #fff1b8; } .ant-select-focused:where(.css-djtmh8).ant-select-filled.ant-select-status-warning:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { background: #ffffff; border-color: #faad14; outline: 0; } :where(.css-djtmh8).ant-select-filled.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector { border-color: #d9d9d9; background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-select-filled.ant-select-multiple .ant-select-selection-item { background: #ffffff; border: 1px solid rgba(5, 5, 5, 0.06); } :where(.css-djtmh8).ant-select-borderless .ant-select-selector { background: transparent; border-color: transparent; } :where(.css-djtmh8).ant-select-borderless.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector { color: rgba(0, 0, 0, 0.25); } :where(.css-djtmh8).ant-select-borderless.ant-select-multiple .ant-select-selection-item { background: rgba(0, 0, 0, 0.06); border: 1px solid transparent; } @keyframes css-djtmh8-antSlideUpIn { 0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes css-djtmh8-antSlideDownIn { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @keyframes css-djtmh8-antSlideUpOut { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes css-djtmh8-antSlideDownOut { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @keyframes css-djtmh8-antMoveUpIn { 0% { transform: translate3d(0, -100%, 0); transform-origin: 0 0; opacity: 0; } 100% { transform: translate3d(0, 0, 0); transform-origin: 0 0; opacity: 1; } } @keyframes css-djtmh8-antMoveUpOut { 0% { transform: translate3d(0, 0, 0); transform-origin: 0 0; opacity: 1; } 100% { transform: translate3d(0, -100%, 0); transform-origin: 0 0; opacity: 0; } } @keyframes css-djtmh8-antMoveDownIn { 0% { transform: translate3d(0, 100%, 0); transform-origin: 0 0; opacity: 0; } 100% { transform: translate3d(0, 0, 0); transform-origin: 0 0; opacity: 1; } } @keyframes css-djtmh8-antMoveDownOut { 0% { transform: translate3d(0, 0, 0); transform-origin: 0 0; opacity: 1; } 100% { transform: translate3d(0, 100%, 0); transform-origin: 0 0; opacity: 0; } } .anticon { display: inline-flex; alignitems: center; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon::before { display: none; } .anticon .anticon-icon { display: block; } .anticon[tabindex] { cursor: pointer; } .anticon-spin::before, .anticon-spin { display: inline-block; -webkit-animation: loadingCircle 1s infinite linear; animation: loadingCircle 1s infinite linear; } @-webkit-keyframes loadingCircle { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loadingCircle { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .brands-list { overflow: hidden; /* Ensures content outside the container is hidden */ width: 100%; position: relative; } .marquee { display: flex; width: 100%; overflow: hidden; position: relative; } .marquee__content1 { display: flex; animation: scroll 80s linear infinite; /* Smooth scrolling effect */ gap: 20px; /* Adds spacing between items */ } @keyframes scroll { from { transform: translateX(0); /* Start at the initial position */ } to { transform: translateX(-100%); /* Move left by the full width */ } } .brands-list--item { min-width: 150px; /* Adjust as per image width */ display: flex; align-items: center; justify-content: center; } .search-container { max-width: 800px; margin: 40px auto; padding: 20px; background: #ffffff; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); text-align: center; } #dropdown-toggle { font-size: 1.6rem; color: #d32f2f; cursor: pointer; padding: 10px 20px; border-radius: 8px; border: solid 2px #d32f2f; display: inline-block; transition: background 0.3s, color 0.3s; ; } #dropdown-toggle:hover { background: #d32f2f; color: #ffffff; } .location-list { max-height: 0; overflow: hidden; opacity: 0; transition: all 0.4s ease; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px; padding: 0 10px; } .location-list.active { max-height: 100%; /* Enough space to show content */ opacity: 1; } .location-list ul { list-style: none; padding: 0; margin: 0; } .location-list ul li { padding: 8px 10px; background: #f9f9f9; margin: 5px 0; border-radius: 8px; text-align: left; font-size: 0.9rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: transform 0.3s, background 0.3s; } .location-list ul li:hover { background: #d32f2f; color: #ffffff; transform: scale(1.05); } /* Responsive styles */ @media (max-width: 768px) { .location-list { grid-template-columns: 1fr; } } @media (max-width: 480px) { #dropdown-toggle { font-size: 1.2rem; } } .header--overlay{ display: none; } .header--overlay.active { display: block; }