@dodobrat/react-ui-kit/build/index.css

Simple React Component Library

html{font-size:16px}html,body,#root{position:relative;width:100%;margin:0;background-color:#f3f3f3;color:#212121;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#root{z-index:1}*{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";-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;-o-box-sizing:inherit;box-sizing:inherit}*::after,*::before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;-o-box-sizing:inherit;box-sizing:inherit}img{display:block;max-width:100%}a{text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0 0 1rem 0;font-family:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;color:inherit}p{margin:0 0 1rem 0}hr{margin:0.25rem 0;border:0;height:0;border-top:0.0625rem solid rgba(79,79,79,0.2)}hr[pigment="none"]{border-top:0.0625rem solid rgba(0,0,0,0)}hr[pigment="default"]{border-top:0.0625rem solid #fff}hr[pigment="primary"]{border-top:0.0625rem solid #5652e0}hr[pigment="secondary"]{border-top:0.0625rem solid #737373}hr[pigment="success"]{border-top:0.0625rem solid #12a152}hr[pigment="warning"]{border-top:0.0625rem solid #fc3}hr[pigment="danger"]{border-top:0.0625rem solid #dd3c3c}hr[pigment="info"]{border-top:0.0625rem solid #249ece}[aria-label="dui_icon"]{height:0.75em;width:0.75em;transform:translateY(0.025em)}::-moz-focus-inner,::-moz-focus-outer{border:none;padding:0;border-style:none}button,select{text-transform:none}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}textarea{resize:vertical}input:invalid{box-shadow:none}input:placeholder-shown{text-overflow:ellipsis}::-webkit-outer-spin-button,::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}::-webkit-search-decoration,::-webkit-search-cancel-button,::-webkit-search-results-button,::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-autofill,::-webkit-autofill:hover,::-webkit-autofill:focus{border:none;box-shadow:inset 0 0 0 50rem #e6e6e6;-webkit-text-fill-color:#212121;-webkit-box-shadow:0 0 0 50rem #e6e6e6;transition:background-color 30000s ease-in-out 0s}::-webkit-autofill:focus{box-shadow:none}[type="search"]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::-webkit-file-upload-button,::file-selector-button{display:none;padding:0;margin:0;margin-inline-end:0;color:transparent;background-color:transparent;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:0;border-radius:0}input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button,input:hover:not(:disabled):not([readonly])::file-selector-button{background-color:transparent}.pigment--none{background-color:rgba(0,0,0,0);color:#212121}.pigment--none.dui__btn--focus-ring:focus{box-shadow:0 0 0 0.25rem rgba(0,0,0,0.5),0 0 0 0.1rem rgba(33,33,33,0.25)}.pigment--none.dui__btn:hover,.pigment--none.dui__badge:hover,.pigment--none.dui__alert:hover,.pigment--none.filled,.pigment--none.dui__btn--active{background-color:rgba(0,0,0,0)}.pigment--none .dui__ripple{background-color:rgba(33,33,33,0.5)}.pigment--none.dui__spinner{background-color:transparent;border-color:rgba(0,0,0,0.25);border-top-color:rgba(0,0,0,0)}.pigment--none.dui__spinner.dui__spinner--component{border-color:rgba(33,33,33,0.25);border-top-color:#212121}.pigment--none.dui__line-loader{background-color:rgba(0,0,0,0.25)}.pigment--none.dui__line-loader .dui__line-loader__line{background-color:rgba(0,0,0,0)}.pigment--none.dui__skeleton{background-color:rgba(0,0,0,0)}.pigment--none.dui__skeleton::after{background-image:linear-gradient(90deg, rgba(33,33,33,0) 0, rgba(33,33,33,0.25) 20%, rgba(33,33,33,0.5) 60%, rgba(33,33,33,0))}.pigment--none.dui__progressbar{background:transparent}.pigment--none.dui__progressbar .dui__progressbar__progress{background-color:rgba(0,0,0,0)}.pigment--none.dui__progressbar .dui__progressbar__progress::before{background-color:rgba(0,0,0,0.25)}.pigment--none.dui__progressbar .dui__progressbar__label{background-color:rgba(0,0,0,0);color:#212121}.pigment--none.dui__progressring{background:transparent}.pigment--none.dui__progressring>circle{stroke:rgba(0,0,0,0)}.pigment--none.dui__progressring .dui__progressring__track{stroke:rgba(0,0,0,0.25)}.pigment--none.dui__progressring .dui__progressring__label{fill:rgba(0,0,0,0)}.pigment--none.dui__tooltip{background-color:rgba(0,0,0,0);color:#212121}.pigment--none.dui__tooltip.dui__tooltip--seamless{background-color:unset;color:unset}.pigment--none.dui__input:hover{box-shadow:0 0 0 0.0625rem rgba(0,0,0,0.2)}.pigment--none.dui__input:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(0,0,0,0.75)}.pigment--none.dui__input--seamless:hover,.pigment--none.dui__input--seamless:focus,.pigment--none.dui__input--seamless:focus-visible{box-shadow:0 0 0 0.0625rem rgba(0,0,0,0.2)}.pigment--none.dui__input[type="range"]:hover[type="range"]::-webkit-slider-thumb{box-shadow:0 0 0 0.3125rem rgba(0,0,0,0.35)}.pigment--none.dui__input[type="range"]:hover[type="range"]::-moz-range-thumb{box-shadow:0 0 0 0.3125rem rgba(0,0,0,0.35)}.pigment--none.dui__input[type="range"]:hover[type="range"]::-ms-thumb{box-shadow:0 0 0 0.3125rem rgba(0,0,0,0.35)}.pigment--none.dui__input[type="range"]:focus-visible[type="range"]::-webkit-slider-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(0,0,0,0.75)}.pigment--none.dui__input[type="range"]:focus-visible[type="range"]::-moz-range-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(0,0,0,0.75)}.pigment--none.dui__input[type="range"]:focus-visible[type="range"]::-ms-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(0,0,0,0.75)}.pigment--none.dui__input[type="range"]::-webkit-slider-thumb{transition:all .15s ease;box-shadow:none;background:rgba(0,0,0,0);border:0.0625rem solid rgba(0,0,0,0);border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--none.dui__input[type="range"]::-webkit-slider-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--none.dui__input[type="range"]::-webkit-slider-thumb{transition:none}}.pigment--none.dui__input[type="range"]::-moz-range-thumb{transition:all .15s ease;box-shadow:none;background:rgba(0,0,0,0);border:0.0625rem solid rgba(0,0,0,0);border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--none.dui__input[type="range"]::-moz-range-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--none.dui__input[type="range"]::-moz-range-thumb{transition:none}}.pigment--none.dui__input[type="range"]::-ms-thumb{transition:all .15s ease;box-shadow:none;background:rgba(0,0,0,0);border:0.0625rem solid rgba(0,0,0,0);border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--none.dui__input[type="range"]::-ms-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--none.dui__input[type="range"]::-ms-thumb{transition:none}}.pigment--none.dui__input.dui__input__checkable.dui__input--seamless{transition:none;background-color:transparent !important}.pigment--none.dui__input.dui__input__checkable.dui__input--seamless:hover,.pigment--none.dui__input.dui__input__checkable.dui__input--seamless:focus,.pigment--none.dui__input.dui__input__checkable.dui__input--seamless:focus-visible{box-shadow:none}.pigment--none.dui__input.dui__input__checkable .dui__input__checkable__input:checked+.dui__input__checkable__value{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.pigment--none.dui__input.dui__input__checkable .dui__input__checkable__input:focus-visible+.dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(0,0,0,0.75)}.pigment--none.dui__input.dui__input__checkable .dui__input__checkbox__input:checked+.dui__input__checkbox__value::after{border-color:#212121}.pigment--none.dui__input.dui__input__checkable .dui__input__switch__input:checked+.dui__input__switch__value::after{background-color:#212121}.pigment--none.dui__input.dui__input__checkable .dui__input__radio__input:checked+.dui__input__radio__value::after{background-color:#212121}.pigment--none.dui__input.dui__input__checkable:hover .dui__input__checkable__value{box-shadow:0 0 0 0.125rem rgba(0,0,0,0.2)}.pigment--none.dui__input__wrapper:hover{box-shadow:0 0 0 0.0625rem rgba(0,0,0,0.2)}.pigment--none.dui__input__wrapper.dui__input__wrapper--focused{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(0,0,0,0.75)}.pigment--none.dui__input__wrapper.dui__input__wrapper--focused:hover{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(0,0,0,0.75)}.pigment--none.dui__input__wrapper.dui__input__wrapper--focused.dui__input__wrapper--seamless{box-shadow:0 0 0 0.0625rem rgba(0,0,0,0.2)}.pigment--none.dui__input__wrapper.dui__input__wrapper--focused.dui__input__wrapper--seamless:hover{box-shadow:0 0 0 0.0625rem rgba(0,0,0,0.2)}.pigment--none.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__checkable__input:checked+.dui__input__checkable__value{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.pigment--none.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__checkbox__input:checked+.dui__input__checkbox__value::after{border-color:#212121}.pigment--none.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__switch__input:checked+.dui__input__switch__value::after{background-color:#212121}.pigment--none.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__radio__input:checked+.dui__input__radio__value::after{background-color:#212121}.pigment--none.dui__input__wrapper.dui__input__wrapper__checkable:hover .dui__input__checkable__value{box-shadow:0 0 0 0.125rem rgba(0,0,0,0.2)}.pigment--none.dui__input__wrapper.dui__input__wrapper__checkable--focused .dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(0,0,0,0.75)}.pigment--none.dui__input__wrapper.dui__input__wrapper__checkable--focused:hover .dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(0,0,0,0.75)}.pigment--none.dui__switch__group{background-color:initial;color:#4f4f4f;box-shadow:inset 0 0 0 0.125rem #dcdcdc,0 0 0 0.0625rem rgba(0,0,0,0)}.pigment--none.dui__switch__group:hover{box-shadow:inset 0 0 0 0.125rem #dcdcdc,0 0 0 0.0625rem rgba(0,0,0,0.5)}.pigment--none.dui__switch__group .dui__switch__group__indicator{background-color:rgba(0,0,0,0)}.pigment--none.dui__switch__group .dui__switch__group__item--active{color:#212121}.pigment--none.dui__switch__group.dui__switch__group--seamless{box-shadow:none}.pigment--none.dui__switch__group.dui__switch__group--seamless:hover{box-shadow:none}.pigment--none.dui__card .dui__card__header{border-bottom:0.0625rem solid rgba(33,33,33,0.1)}.pigment--none.dui__card .dui__card__footer{border-top:0.0625rem solid rgba(33,33,33,0.1)}.pigment--none.dui__collapse .dui__collapse__toggle:hover{background-color:rgba(0,0,0,0)}.pigment--none.dui__collapse .dui__collapse__toggle:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(33,33,33,0.75)}.pigment--none.dui__list__group .dui__list__group__header{color:rgba(33,33,33,0.7)}.pigment--none.dui__list__group .dui__list__group__item--active{background-color:rgba(0,0,0,0)}.pigment--none.dui__list__group .dui__list__group__item:hover{background-color:rgba(0,0,0,0)}.pigment--none.dui__list__group .dui__list__group__collapse__toggle:hover{background-color:rgba(0,0,0,0)}.pigment--none.dui__list__group .dui__list__group__collapse__toggle:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(33,33,33,0.75)}.pigment--none.dui__list__group .dui__list__group__collapse__content{border-top:0.0625rem solid rgba(33,33,33,0.1)}.pigment--none.dui__list__group .dui__list__group__collapse__content .dui__list__group__collapse::before{background-color:rgba(33,33,33,0.2)}.pigment--none.dui__list__group .dui__list__group__collapse__content .dui__list__group__collapse__content{border-top:none}.pigment--none.dui__list__group>*{border-bottom:0.0625rem solid rgba(33,33,33,0.1)}.pigment--none.dui__tabs .dui__dragscroll__container::after{background-color:rgba(33,33,33,0.1)}.pigment--none.dui__tabs .dui__tabs__items__item:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(33,33,33,0.75)}.pigment--none.dui__tabs .dui__tabs__items__item[aria-selected="true"]:focus-visible{box-shadow:none}.pigment--none.dui__tabs .dui__tabs__items__indicator{background-color:#212121}.pigment--none.dui__table__container .dui__table{background-color:rgba(0,0,0,0);color:#212121}.pigment--none.dui__table__container .dui__table__head .dui__table__row .dui__table__header,.pigment--none.dui__table__container .dui__table__foot .dui__table__row .dui__table__header{color:#212121;background-color:rgba(0,0,0,0)}.pigment--none.dui__table__container .dui__table__head .dui__table__row .dui__table__header:hover,.pigment--none.dui__table__container .dui__table__foot .dui__table__row .dui__table__header:hover{background-color:rgba(0,0,0,0)}.pigment--none.dui__table__container .dui__table__body .dui__table__row:hover .dui__table__cell{background-color:rgba(33,33,33,0.05)}.pigment--none.dui__table__container .dui__table__body .dui__table__row .dui__table__cell{background-color:rgba(0,0,0,0)}.pigment--none.dui__table__container .dui__table__body .dui__table__row .dui__table__cell::before{background-color:rgba(33,33,33,0.1)}.pigment--none.dui__table__container.dui__table__container--bordered .dui__table .dui__table__cell,.pigment--none.dui__table__container.dui__table__container--bordered .dui__table .dui__table__header{border:0.0625rem solid rgba(33,33,33,0.15)}.pigment--none:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(33,33,33,0.75)}.pigmentColor--none{background-color:transparent;color:rgba(0,0,0,0);color:#4f4f4f}.pigmentColor--none.dui__btn--focus-ring:focus{box-shadow:0 0 0 0.25rem rgba(0,0,0,0.5),0 0 0 0.1rem rgba(33,33,33,0.25)}.pigmentColor--none.dui__btn:hover,.pigmentColor--none.dui__badge:hover,.pigmentColor--none.dui__alert:hover,.pigmentColor--none.filled,.pigmentColor--none.dui__btn--active{background-color:rgba(0,0,0,0.1)}.pigmentColor--none .dui__btn--loading__overlay{background-color:rgba(0,0,0,0.1)}.pigmentColor--none.dui__spinner,.pigmentColor--none.dui__spinner--component{background-color:transparent;border-color:rgba(0,0,0,0.25);border-top-color:rgba(0,0,0,0)}.pigmentColor--none .dui__ripple{background-color:rgba(0,0,0,0.5)}.pigmentColor--none:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(0,0,0,0.35),0 0 0 0.0875rem rgba(33,33,33,0.75)}.hoverPigment--none.dui__btn:hover{background-color:rgba(0,0,0,0) !important;color:#212121 !important}.hoverPigment--none.dui__btn:hover .dui__ripple{background-color:rgba(33,33,33,0.5) !important}.activePigment--none.dui__btn--active{background-color:rgba(0,0,0,0) !important;color:#212121 !important}.activePigment--none.dui__btn--active .dui__ripple{background-color:rgba(33,33,33,0.5) !important}.pigment--default{background-color:#fff;color:#212121}.pigment--default.dui__btn--focus-ring:focus{box-shadow:0 0 0 0.25rem rgba(255,255,255,0.5),0 0 0 0.1rem rgba(33,33,33,0.25)}.pigment--default.dui__btn:hover,.pigment--default.dui__badge:hover,.pigment--default.dui__alert:hover,.pigment--default.filled,.pigment--default.dui__btn--active{background-color:#f2f2f2}.pigment--default .dui__ripple{background-color:rgba(33,33,33,0.5)}.pigment--default.dui__spinner{background-color:transparent;border-color:rgba(255,255,255,0.25);border-top-color:#fff}.pigment--default.dui__spinner.dui__spinner--component{border-color:rgba(33,33,33,0.25);border-top-color:#212121}.pigment--default.dui__line-loader{background-color:rgba(255,255,255,0.25)}.pigment--default.dui__line-loader .dui__line-loader__line{background-color:#fff}.pigment--default.dui__skeleton{background-color:#f7f7f7}.pigment--default.dui__skeleton::after{background-image:linear-gradient(90deg, rgba(33,33,33,0) 0, rgba(33,33,33,0.25) 20%, rgba(33,33,33,0.5) 60%, rgba(33,33,33,0))}.pigment--default.dui__progressbar{background:transparent}.pigment--default.dui__progressbar .dui__progressbar__progress{background-color:#fff}.pigment--default.dui__progressbar .dui__progressbar__progress::before{background-color:rgba(255,255,255,0.25)}.pigment--default.dui__progressbar .dui__progressbar__label{background-color:#fff;color:#212121}.pigment--default.dui__progressring{background:transparent}.pigment--default.dui__progressring>circle{stroke:#fff}.pigment--default.dui__progressring .dui__progressring__track{stroke:rgba(255,255,255,0.25)}.pigment--default.dui__progressring .dui__progressring__label{fill:#fff}.pigment--default.dui__tooltip{background-color:#212121;color:#fff}.pigment--default.dui__tooltip.dui__tooltip--seamless{background-color:unset;color:unset}.pigment--default.dui__input:hover{box-shadow:0 0 0 0.0625rem rgba(255,255,255,0.2)}.pigment--default.dui__input:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--default.dui__input--seamless:hover,.pigment--default.dui__input--seamless:focus,.pigment--default.dui__input--seamless:focus-visible{box-shadow:0 0 0 0.0625rem rgba(255,255,255,0.2)}.pigment--default.dui__input[type="range"]:hover[type="range"]::-webkit-slider-thumb{box-shadow:0 0 0 0.3125rem rgba(255,255,255,0.35)}.pigment--default.dui__input[type="range"]:hover[type="range"]::-moz-range-thumb{box-shadow:0 0 0 0.3125rem rgba(255,255,255,0.35)}.pigment--default.dui__input[type="range"]:hover[type="range"]::-ms-thumb{box-shadow:0 0 0 0.3125rem rgba(255,255,255,0.35)}.pigment--default.dui__input[type="range"]:focus-visible[type="range"]::-webkit-slider-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--default.dui__input[type="range"]:focus-visible[type="range"]::-moz-range-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--default.dui__input[type="range"]:focus-visible[type="range"]::-ms-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--default.dui__input[type="range"]::-webkit-slider-thumb{transition:all .15s ease;box-shadow:none;background:#fff;border:0.0625rem solid #e6e6e6;border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--default.dui__input[type="range"]::-webkit-slider-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--default.dui__input[type="range"]::-webkit-slider-thumb{transition:none}}.pigment--default.dui__input[type="range"]::-moz-range-thumb{transition:all .15s ease;box-shadow:none;background:#fff;border:0.0625rem solid #e6e6e6;border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--default.dui__input[type="range"]::-moz-range-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--default.dui__input[type="range"]::-moz-range-thumb{transition:none}}.pigment--default.dui__input[type="range"]::-ms-thumb{transition:all .15s ease;box-shadow:none;background:#fff;border:0.0625rem solid #e6e6e6;border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--default.dui__input[type="range"]::-ms-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--default.dui__input[type="range"]::-ms-thumb{transition:none}}.pigment--default.dui__input.dui__input__checkable.dui__input--seamless{transition:none;background-color:transparent !important}.pigment--default.dui__input.dui__input__checkable.dui__input--seamless:hover,.pigment--default.dui__input.dui__input__checkable.dui__input--seamless:focus,.pigment--default.dui__input.dui__input__checkable.dui__input--seamless:focus-visible{box-shadow:none}.pigment--default.dui__input.dui__input__checkable .dui__input__checkable__input:checked+.dui__input__checkable__value{background-color:#fff;border-color:#fff}.pigment--default.dui__input.dui__input__checkable .dui__input__checkable__input:focus-visible+.dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--default.dui__input.dui__input__checkable .dui__input__checkbox__input:checked+.dui__input__checkbox__value::after{border-color:#212121}.pigment--default.dui__input.dui__input__checkable .dui__input__switch__input:checked+.dui__input__switch__value::after{background-color:#212121}.pigment--default.dui__input.dui__input__checkable .dui__input__radio__input:checked+.dui__input__radio__value::after{background-color:#212121}.pigment--default.dui__input.dui__input__checkable:hover .dui__input__checkable__value{box-shadow:0 0 0 0.125rem rgba(255,255,255,0.2)}.pigment--default.dui__input__wrapper:hover{box-shadow:0 0 0 0.0625rem rgba(255,255,255,0.2)}.pigment--default.dui__input__wrapper.dui__input__wrapper--focused{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--default.dui__input__wrapper.dui__input__wrapper--focused:hover{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--default.dui__input__wrapper.dui__input__wrapper--focused.dui__input__wrapper--seamless{box-shadow:0 0 0 0.0625rem rgba(255,255,255,0.2)}.pigment--default.dui__input__wrapper.dui__input__wrapper--focused.dui__input__wrapper--seamless:hover{box-shadow:0 0 0 0.0625rem rgba(255,255,255,0.2)}.pigment--default.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__checkable__input:checked+.dui__input__checkable__value{background-color:#fff;border-color:#fff}.pigment--default.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__checkbox__input:checked+.dui__input__checkbox__value::after{border-color:#212121}.pigment--default.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__switch__input:checked+.dui__input__switch__value::after{background-color:#212121}.pigment--default.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__radio__input:checked+.dui__input__radio__value::after{background-color:#212121}.pigment--default.dui__input__wrapper.dui__input__wrapper__checkable:hover .dui__input__checkable__value{box-shadow:0 0 0 0.125rem rgba(255,255,255,0.2)}.pigment--default.dui__input__wrapper.dui__input__wrapper__checkable--focused .dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--default.dui__input__wrapper.dui__input__wrapper__checkable--focused:hover .dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--default.dui__switch__group{background-color:initial;color:#4f4f4f;box-shadow:inset 0 0 0 0.125rem #dcdcdc,0 0 0 0.0625rem rgba(0,0,0,0)}.pigment--default.dui__switch__group:hover{box-shadow:inset 0 0 0 0.125rem #dcdcdc,0 0 0 0.0625rem rgba(255,255,255,0.5)}.pigment--default.dui__switch__group .dui__switch__group__indicator{background-color:#fff}.pigment--default.dui__switch__group .dui__switch__group__item--active{color:#212121}.pigment--default.dui__switch__group.dui__switch__group--seamless{box-shadow:none}.pigment--default.dui__switch__group.dui__switch__group--seamless:hover{box-shadow:none}.pigment--default.dui__card .dui__card__header{border-bottom:0.0625rem solid rgba(33,33,33,0.1)}.pigment--default.dui__card .dui__card__footer{border-top:0.0625rem solid rgba(33,33,33,0.1)}.pigment--default.dui__collapse .dui__collapse__toggle:hover{background-color:#fbfbfb}.pigment--default.dui__collapse .dui__collapse__toggle:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(33,33,33,0.75)}.pigment--default.dui__list__group .dui__list__group__header{color:rgba(33,33,33,0.7)}.pigment--default.dui__list__group .dui__list__group__item--active{background-color:#f2f2f2}.pigment--default.dui__list__group .dui__list__group__item:hover{background-color:#f9f9f9}.pigment--default.dui__list__group .dui__list__group__collapse__toggle:hover{background-color:#f9f9f9}.pigment--default.dui__list__group .dui__list__group__collapse__toggle:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(33,33,33,0.75)}.pigment--default.dui__list__group .dui__list__group__collapse__content{border-top:0.0625rem solid rgba(33,33,33,0.1)}.pigment--default.dui__list__group .dui__list__group__collapse__content .dui__list__group__collapse::before{background-color:rgba(33,33,33,0.2)}.pigment--default.dui__list__group .dui__list__group__collapse__content .dui__list__group__collapse__content{border-top:none}.pigment--default.dui__list__group>*{border-bottom:0.0625rem solid rgba(33,33,33,0.1)}.pigment--default.dui__tabs .dui__dragscroll__container::after{background-color:rgba(33,33,33,0.1)}.pigment--default.dui__tabs .dui__tabs__items__item:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(33,33,33,0.75)}.pigment--default.dui__tabs .dui__tabs__items__item[aria-selected="true"]:focus-visible{box-shadow:none}.pigment--default.dui__tabs .dui__tabs__items__indicator{background-color:#212121}.pigment--default.dui__table__container .dui__table{background-color:#fff;color:#212121}.pigment--default.dui__table__container .dui__table__head .dui__table__row .dui__table__header,.pigment--default.dui__table__container .dui__table__foot .dui__table__row .dui__table__header{color:#212121;background-color:#f2f2f2}.pigment--default.dui__table__container .dui__table__head .dui__table__row .dui__table__header:hover,.pigment--default.dui__table__container .dui__table__foot .dui__table__row .dui__table__header:hover{background-color:#e6e6e6}.pigment--default.dui__table__container .dui__table__body .dui__table__row:hover .dui__table__cell{background-color:#f4f4f4}.pigment--default.dui__table__container .dui__table__body .dui__table__row .dui__table__cell{background-color:#fff}.pigment--default.dui__table__container .dui__table__body .dui__table__row .dui__table__cell::before{background-color:#e9e9e9}.pigment--default.dui__table__container.dui__table__container--bordered .dui__table .dui__table__cell,.pigment--default.dui__table__container.dui__table__container--bordered .dui__table .dui__table__header{border:0.0625rem solid #dedede}.pigment--default .dui__btn--loading__overlay{background-color:rgba(255,255,255,0.9)}.pigment--default:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(33,33,33,0.75)}.pigmentColor--default{background-color:transparent;color:#fff}.pigmentColor--default.dui__btn--focus-ring:focus{box-shadow:0 0 0 0.25rem rgba(255,255,255,0.5),0 0 0 0.1rem rgba(33,33,33,0.25)}.pigmentColor--default.dui__btn:hover,.pigmentColor--default.dui__badge:hover,.pigmentColor--default.dui__alert:hover,.pigmentColor--default.filled,.pigmentColor--default.dui__btn--active{background-color:rgba(255,255,255,0.1)}.pigmentColor--default .dui__btn--loading__overlay{background-color:rgba(255,255,255,0.1)}.pigmentColor--default.dui__spinner,.pigmentColor--default.dui__spinner--component{background-color:transparent;border-color:rgba(255,255,255,0.25);border-top-color:#fff}.pigmentColor--default .dui__ripple{background-color:rgba(255,255,255,0.5)}.pigmentColor--default:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(255,255,255,0.35),0 0 0 0.0875rem rgba(33,33,33,0.75)}.hoverPigment--default.dui__btn:hover{background-color:#f2f2f2 !important;color:#212121 !important}.hoverPigment--default.dui__btn:hover .dui__ripple{background-color:rgba(33,33,33,0.5) !important}.activePigment--default.dui__btn--active{background-color:#f2f2f2 !important;color:#212121 !important}.activePigment--default.dui__btn--active .dui__ripple{background-color:rgba(33,33,33,0.5) !important}.pigment--primary{background-color:#5652e0;color:#fff}.pigment--primary.dui__btn--focus-ring:focus{box-shadow:0 0 0 0.25rem rgba(86,82,224,0.5),0 0 0 0.1rem rgba(255,255,255,0.25)}.pigment--primary.dui__btn:hover,.pigment--primary.dui__badge:hover,.pigment--primary.dui__alert:hover,.pigment--primary.filled,.pigment--primary.dui__btn--active{background-color:#413cdd}.pigment--primary .dui__ripple{background-color:rgba(255,255,255,0.5)}.pigment--primary.dui__spinner{background-color:transparent;border-color:rgba(86,82,224,0.25);border-top-color:#5652e0}.pigment--primary.dui__spinner.dui__spinner--component{border-color:rgba(255,255,255,0.25);border-top-color:#fff}.pigment--primary.dui__line-loader{background-color:rgba(86,82,224,0.25)}.pigment--primary.dui__line-loader .dui__line-loader__line{background-color:#5652e0}.pigment--primary.dui__skeleton{background-color:#4a45de}.pigment--primary.dui__skeleton::after{background-image:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.25) 20%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0))}.pigment--primary.dui__progressbar{background:transparent}.pigment--primary.dui__progressbar .dui__progressbar__progress{background-color:#5652e0}.pigment--primary.dui__progressbar .dui__progressbar__progress::before{background-color:rgba(86,82,224,0.25)}.pigment--primary.dui__progressbar .dui__progressbar__label{background-color:#5652e0;color:#fff}.pigment--primary.dui__progressring{background:transparent}.pigment--primary.dui__progressring>circle{stroke:#5652e0}.pigment--primary.dui__progressring .dui__progressring__track{stroke:rgba(86,82,224,0.25)}.pigment--primary.dui__progressring .dui__progressring__label{fill:#5652e0}.pigment--primary.dui__tooltip{background-color:#5652e0;color:#fff}.pigment--primary.dui__tooltip.dui__tooltip--seamless{background-color:unset;color:unset}.pigment--primary.dui__input:hover{box-shadow:0 0 0 0.0625rem rgba(86,82,224,0.2)}.pigment--primary.dui__input:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(86,82,224,0.75)}.pigment--primary.dui__input--seamless:hover,.pigment--primary.dui__input--seamless:focus,.pigment--primary.dui__input--seamless:focus-visible{box-shadow:0 0 0 0.0625rem rgba(86,82,224,0.2)}.pigment--primary.dui__input[type="range"]:hover[type="range"]::-webkit-slider-thumb{box-shadow:0 0 0 0.3125rem rgba(86,82,224,0.35)}.pigment--primary.dui__input[type="range"]:hover[type="range"]::-moz-range-thumb{box-shadow:0 0 0 0.3125rem rgba(86,82,224,0.35)}.pigment--primary.dui__input[type="range"]:hover[type="range"]::-ms-thumb{box-shadow:0 0 0 0.3125rem rgba(86,82,224,0.35)}.pigment--primary.dui__input[type="range"]:focus-visible[type="range"]::-webkit-slider-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(86,82,224,0.75)}.pigment--primary.dui__input[type="range"]:focus-visible[type="range"]::-moz-range-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(86,82,224,0.75)}.pigment--primary.dui__input[type="range"]:focus-visible[type="range"]::-ms-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(86,82,224,0.75)}.pigment--primary.dui__input[type="range"]::-webkit-slider-thumb{transition:all .15s ease;box-shadow:none;background:#5652e0;border:0.0625rem solid #2c26d9;border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--primary.dui__input[type="range"]::-webkit-slider-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--primary.dui__input[type="range"]::-webkit-slider-thumb{transition:none}}.pigment--primary.dui__input[type="range"]::-moz-range-thumb{transition:all .15s ease;box-shadow:none;background:#5652e0;border:0.0625rem solid #2c26d9;border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--primary.dui__input[type="range"]::-moz-range-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--primary.dui__input[type="range"]::-moz-range-thumb{transition:none}}.pigment--primary.dui__input[type="range"]::-ms-thumb{transition:all .15s ease;box-shadow:none;background:#5652e0;border:0.0625rem solid #2c26d9;border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--primary.dui__input[type="range"]::-ms-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--primary.dui__input[type="range"]::-ms-thumb{transition:none}}.pigment--primary.dui__input.dui__input__checkable.dui__input--seamless{transition:none;background-color:transparent !important}.pigment--primary.dui__input.dui__input__checkable.dui__input--seamless:hover,.pigment--primary.dui__input.dui__input__checkable.dui__input--seamless:focus,.pigment--primary.dui__input.dui__input__checkable.dui__input--seamless:focus-visible{box-shadow:none}.pigment--primary.dui__input.dui__input__checkable .dui__input__checkable__input:checked+.dui__input__checkable__value{background-color:#5652e0;border-color:#5652e0}.pigment--primary.dui__input.dui__input__checkable .dui__input__checkable__input:focus-visible+.dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(86,82,224,0.75)}.pigment--primary.dui__input.dui__input__checkable .dui__input__checkbox__input:checked+.dui__input__checkbox__value::after{border-color:#fff}.pigment--primary.dui__input.dui__input__checkable .dui__input__switch__input:checked+.dui__input__switch__value::after{background-color:#fff}.pigment--primary.dui__input.dui__input__checkable .dui__input__radio__input:checked+.dui__input__radio__value::after{background-color:#fff}.pigment--primary.dui__input.dui__input__checkable:hover .dui__input__checkable__value{box-shadow:0 0 0 0.125rem rgba(86,82,224,0.2)}.pigment--primary.dui__input__wrapper:hover{box-shadow:0 0 0 0.0625rem rgba(86,82,224,0.2)}.pigment--primary.dui__input__wrapper.dui__input__wrapper--focused{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(86,82,224,0.75)}.pigment--primary.dui__input__wrapper.dui__input__wrapper--focused:hover{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(86,82,224,0.75)}.pigment--primary.dui__input__wrapper.dui__input__wrapper--focused.dui__input__wrapper--seamless{box-shadow:0 0 0 0.0625rem rgba(86,82,224,0.2)}.pigment--primary.dui__input__wrapper.dui__input__wrapper--focused.dui__input__wrapper--seamless:hover{box-shadow:0 0 0 0.0625rem rgba(86,82,224,0.2)}.pigment--primary.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__checkable__input:checked+.dui__input__checkable__value{background-color:#5652e0;border-color:#5652e0}.pigment--primary.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__checkbox__input:checked+.dui__input__checkbox__value::after{border-color:#fff}.pigment--primary.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__switch__input:checked+.dui__input__switch__value::after{background-color:#fff}.pigment--primary.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__radio__input:checked+.dui__input__radio__value::after{background-color:#fff}.pigment--primary.dui__input__wrapper.dui__input__wrapper__checkable:hover .dui__input__checkable__value{box-shadow:0 0 0 0.125rem rgba(86,82,224,0.2)}.pigment--primary.dui__input__wrapper.dui__input__wrapper__checkable--focused .dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(86,82,224,0.75)}.pigment--primary.dui__input__wrapper.dui__input__wrapper__checkable--focused:hover .dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(86,82,224,0.75)}.pigment--primary.dui__switch__group{background-color:initial;color:#4f4f4f;box-shadow:inset 0 0 0 0.125rem #dcdcdc,0 0 0 0.0625rem rgba(0,0,0,0)}.pigment--primary.dui__switch__group:hover{box-shadow:inset 0 0 0 0.125rem #dcdcdc,0 0 0 0.0625rem rgba(86,82,224,0.5)}.pigment--primary.dui__switch__group .dui__switch__group__indicator{background-color:#5652e0}.pigment--primary.dui__switch__group .dui__switch__group__item--active{color:#fff}.pigment--primary.dui__switch__group.dui__switch__group--seamless{box-shadow:none}.pigment--primary.dui__switch__group.dui__switch__group--seamless:hover{box-shadow:none}.pigment--primary.dui__card .dui__card__header{border-bottom:0.0625rem solid rgba(255,255,255,0.1)}.pigment--primary.dui__card .dui__card__footer{border-top:0.0625rem solid rgba(255,255,255,0.1)}.pigment--primary.dui__collapse .dui__collapse__toggle:hover{background-color:#504bdf}.pigment--primary.dui__collapse .dui__collapse__toggle:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--primary.dui__list__group .dui__list__group__header{color:rgba(255,255,255,0.7)}.pigment--primary.dui__list__group .dui__list__group__item--active{background-color:#413cdd}.pigment--primary.dui__list__group .dui__list__group__item:hover{background-color:#4c47de}.pigment--primary.dui__list__group .dui__list__group__collapse__toggle:hover{background-color:#4c47de}.pigment--primary.dui__list__group .dui__list__group__collapse__toggle:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--primary.dui__list__group .dui__list__group__collapse__content{border-top:0.0625rem solid rgba(255,255,255,0.1)}.pigment--primary.dui__list__group .dui__list__group__collapse__content .dui__list__group__collapse::before{background-color:rgba(255,255,255,0.2)}.pigment--primary.dui__list__group .dui__list__group__collapse__content .dui__list__group__collapse__content{border-top:none}.pigment--primary.dui__list__group>*{border-bottom:0.0625rem solid rgba(255,255,255,0.1)}.pigment--primary.dui__tabs .dui__dragscroll__container::after{background-color:rgba(255,255,255,0.1)}.pigment--primary.dui__tabs .dui__tabs__items__item:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigment--primary.dui__tabs .dui__tabs__items__item[aria-selected="true"]:focus-visible{box-shadow:none}.pigment--primary.dui__tabs .dui__tabs__items__indicator{background-color:#fff}.pigment--primary.dui__table__container .dui__table{background-color:#5652e0;color:#fff}.pigment--primary.dui__table__container .dui__table__head .dui__table__row .dui__table__header,.pigment--primary.dui__table__container .dui__table__foot .dui__table__row .dui__table__header{color:#fff;background-color:#413cdd}.pigment--primary.dui__table__container .dui__table__head .dui__table__row .dui__table__header:hover,.pigment--primary.dui__table__container .dui__table__foot .dui__table__row .dui__table__header:hover{background-color:#2c26d9}.pigment--primary.dui__table__container .dui__table__body .dui__table__row:hover .dui__table__cell{background-color:#4d48df}.pigment--primary.dui__table__container .dui__table__body .dui__table__row .dui__table__cell{background-color:#5652e0}.pigment--primary.dui__table__container .dui__table__body .dui__table__row .dui__table__cell::before{background-color:#423cdd}.pigment--primary.dui__table__container.dui__table__container--bordered .dui__table .dui__table__cell,.pigment--primary.dui__table__container.dui__table__container--bordered .dui__table .dui__table__header{border:0.0625rem solid #332dda}.pigment--primary .dui__btn--loading__overlay{background-color:rgba(86,82,224,0.9)}.pigment--primary:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.pigmentColor--primary{background-color:transparent;color:#5652e0}.pigmentColor--primary.dui__btn--focus-ring:focus{box-shadow:0 0 0 0.25rem rgba(86,82,224,0.5),0 0 0 0.1rem rgba(255,255,255,0.25)}.pigmentColor--primary.dui__btn:hover,.pigmentColor--primary.dui__badge:hover,.pigmentColor--primary.dui__alert:hover,.pigmentColor--primary.filled,.pigmentColor--primary.dui__btn--active{background-color:rgba(86,82,224,0.1)}.pigmentColor--primary .dui__btn--loading__overlay{background-color:rgba(86,82,224,0.1)}.pigmentColor--primary.dui__spinner,.pigmentColor--primary.dui__spinner--component{background-color:transparent;border-color:rgba(86,82,224,0.25);border-top-color:#5652e0}.pigmentColor--primary .dui__ripple{background-color:rgba(86,82,224,0.5)}.pigmentColor--primary:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(86,82,224,0.35),0 0 0 0.0875rem rgba(255,255,255,0.75)}.hoverPigment--primary.dui__btn:hover{background-color:#413cdd !important;color:#fff !important}.hoverPigment--primary.dui__btn:hover .dui__ripple{background-color:rgba(255,255,255,0.5) !important}.activePigment--primary.dui__btn--active{background-color:#413cdd !important;color:#fff !important}.activePigment--primary.dui__btn--active .dui__ripple{background-color:rgba(255,255,255,0.5) !important}.pigment--secondary{background-color:#737373;color:#fff}.pigment--secondary.dui__btn--focus-ring:focus{box-shadow:0 0 0 0.25rem rgba(115,115,115,0.5),0 0 0 0.1rem rgba(255,255,255,0.25)}.pigment--secondary.dui__btn:hover,.pigment--secondary.dui__badge:hover,.pigment--secondary.dui__alert:hover,.pigment--secondary.filled,.pigment--secondary.dui__btn--active{background-color:#666}.pigment--secondary .dui__ripple{background-color:rgba(255,255,255,0.5)}.pigment--secondary.dui__spinner{background-color:transparent;border-color:rgba(115,115,115,0.25);border-top-color:#737373}.pigment--secondary.dui__spinner.dui__spinner--component{border-color:rgba(255,255,255,0.25);border-top-color:#fff}.pigment--secondary.dui__line-loader{background-color:rgba(115,115,115,0.25)}.pigment--secondary.dui__line-loader .dui__line-loader__line{background-color:#737373}.pigment--secondary.dui__skeleton{background-color:#6b6b6b}.pigment--secondary.dui__skeleton::after{background-image:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.25) 20%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0))}.pigment--secondary.dui__progressbar{background:transparent}.pigment--secondary.dui__progressbar .dui__progressbar__progress{background-color:#737373}.pigment--secondary.dui__progressbar .dui__progressbar__progress::before{background-color:rgba(115,115,115,0.25)}.pigment--secondary.dui__progressbar .dui__progressbar__label{background-color:#737373;color:#fff}.pigment--secondary.dui__progressring{background:transparent}.pigment--secondary.dui__progressring>circle{stroke:#737373}.pigment--secondary.dui__progressring .dui__progressring__track{stroke:rgba(115,115,115,0.25)}.pigment--secondary.dui__progressring .dui__progressring__label{fill:#737373}.pigment--secondary.dui__tooltip{background-color:#737373;color:#fff}.pigment--secondary.dui__tooltip.dui__tooltip--seamless{background-color:unset;color:unset}.pigment--secondary.dui__input:hover{box-shadow:0 0 0 0.0625rem rgba(115,115,115,0.2)}.pigment--secondary.dui__input:focus-visible{z-index:99;box-shadow:0 0 0 0.25rem rgba(115,115,115,0.35),0 0 0 0.0875rem rgba(115,115,115,0.75)}.pigment--secondary.dui__input--seamless:hover,.pigment--secondary.dui__input--seamless:focus,.pigment--secondary.dui__input--seamless:focus-visible{box-shadow:0 0 0 0.0625rem rgba(115,115,115,0.2)}.pigment--secondary.dui__input[type="range"]:hover[type="range"]::-webkit-slider-thumb{box-shadow:0 0 0 0.3125rem rgba(115,115,115,0.35)}.pigment--secondary.dui__input[type="range"]:hover[type="range"]::-moz-range-thumb{box-shadow:0 0 0 0.3125rem rgba(115,115,115,0.35)}.pigment--secondary.dui__input[type="range"]:hover[type="range"]::-ms-thumb{box-shadow:0 0 0 0.3125rem rgba(115,115,115,0.35)}.pigment--secondary.dui__input[type="range"]:focus-visible[type="range"]::-webkit-slider-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(115,115,115,0.35),0 0 0 0.0875rem rgba(115,115,115,0.75)}.pigment--secondary.dui__input[type="range"]:focus-visible[type="range"]::-moz-range-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(115,115,115,0.35),0 0 0 0.0875rem rgba(115,115,115,0.75)}.pigment--secondary.dui__input[type="range"]:focus-visible[type="range"]::-ms-thumb{z-index:99;box-shadow:0 0 0 0.25rem rgba(115,115,115,0.35),0 0 0 0.0875rem rgba(115,115,115,0.75)}.pigment--secondary.dui__input[type="range"]::-webkit-slider-thumb{transition:all .15s ease;box-shadow:none;background:#737373;border:0.0625rem solid #595959;border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--secondary.dui__input[type="range"]::-webkit-slider-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--secondary.dui__input[type="range"]::-webkit-slider-thumb{transition:none}}.pigment--secondary.dui__input[type="range"]::-moz-range-thumb{transition:all .15s ease;box-shadow:none;background:#737373;border:0.0625rem solid #595959;border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--secondary.dui__input[type="range"]::-moz-range-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--secondary.dui__input[type="range"]::-moz-range-thumb{transition:none}}.pigment--secondary.dui__input[type="range"]::-ms-thumb{transition:all .15s ease;box-shadow:none;background:#737373;border:0.0625rem solid #595959;border-radius:50%;cursor:grab;height:1em;width:1em;-webkit-appearance:none;margin-top:-0.25em}.pigment--secondary.dui__input[type="range"]::-ms-thumb:active{cursor:grabbing}@media (prefers-reduced-motion){.pigment--secondary.dui__input[type="range"]::-ms-thumb{transition:none}}.pigment--secondary.dui__input.dui__input__checkable.dui__input--seamless{transition:none;background-color:transparent !important}.pigment--secondary.dui__input.dui__input__checkable.dui__input--seamless:hover,.pigment--secondary.dui__input.dui__input__checkable.dui__input--seamless:focus,.pigment--secondary.dui__input.dui__input__checkable.dui__input--seamless:focus-visible{box-shadow:none}.pigment--secondary.dui__input.dui__input__checkable .dui__input__checkable__input:checked+.dui__input__checkable__value{background-color:#737373;border-color:#737373}.pigment--secondary.dui__input.dui__input__checkable .dui__input__checkable__input:focus-visible+.dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(115,115,115,0.35),0 0 0 0.0875rem rgba(115,115,115,0.75)}.pigment--secondary.dui__input.dui__input__checkable .dui__input__checkbox__input:checked+.dui__input__checkbox__value::after{border-color:#fff}.pigment--secondary.dui__input.dui__input__checkable .dui__input__switch__input:checked+.dui__input__switch__value::after{background-color:#fff}.pigment--secondary.dui__input.dui__input__checkable .dui__input__radio__input:checked+.dui__input__radio__value::after{background-color:#fff}.pigment--secondary.dui__input.dui__input__checkable:hover .dui__input__checkable__value{box-shadow:0 0 0 0.125rem rgba(115,115,115,0.2)}.pigment--secondary.dui__input__wrapper:hover{box-shadow:0 0 0 0.0625rem rgba(115,115,115,0.2)}.pigment--secondary.dui__input__wrapper.dui__input__wrapper--focused{z-index:99;box-shadow:0 0 0 0.25rem rgba(115,115,115,0.35),0 0 0 0.0875rem rgba(115,115,115,0.75)}.pigment--secondary.dui__input__wrapper.dui__input__wrapper--focused:hover{z-index:99;box-shadow:0 0 0 0.25rem rgba(115,115,115,0.35),0 0 0 0.0875rem rgba(115,115,115,0.75)}.pigment--secondary.dui__input__wrapper.dui__input__wrapper--focused.dui__input__wrapper--seamless{box-shadow:0 0 0 0.0625rem rgba(115,115,115,0.2)}.pigment--secondary.dui__input__wrapper.dui__input__wrapper--focused.dui__input__wrapper--seamless:hover{box-shadow:0 0 0 0.0625rem rgba(115,115,115,0.2)}.pigment--secondary.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__checkable__input:checked+.dui__input__checkable__value{background-color:#737373;border-color:#737373}.pigment--secondary.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__checkbox__input:checked+.dui__input__checkbox__value::after{border-color:#fff}.pigment--secondary.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__switch__input:checked+.dui__input__switch__value::after{background-color:#fff}.pigment--secondary.dui__input__wrapper.dui__input__wrapper__checkable .dui__input__radio__input:checked+.dui__input__radio__value::after{background-color:#fff}.pigment--secondary.dui__input__wrapper.dui__input__wrapper__checkable:hover .dui__input__checkable__value{box-shadow:0 0 0 0.125rem rgba(115,115,115,0.2)}.pigment--secondary.dui__input__wrapper.dui__input__wrapper__checkable--focused .dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(115,115,115,0.35),0 0 0 0.0875rem rgba(115,115,115,0.75)}.pigment--secondary.dui__input__wrapper.dui__input__wrapper__checkable--focused:hover .dui__input__checkable__value{z-index:99;box-shadow:0 0 0 0.25rem rgba(115,115,115,0.35),0 0 0 0.0875rem r