[data-v-b1a2efe6] .color-picker{display:grid;font-size:0;gap:10px;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));line-height:0;margin:0;padding:2px}[data-v-b1a2efe6] .color-picker.color-picker--small{gap:5px}[data-v-b1a2efe6] .color-picker.color-picker--small .color-picker__color{border-radius:var(--pf-sys-border-radius-xxs,2px);height:12px;margin:0 3px 3px 0;min-width:12px;width:12px}[data-v-b1a2efe6] .color-picker.color-picker--small .color-picker__color span,[data-v-b1a2efe6] .color-picker.color-picker--small .color-picker__color span:first-child{border-radius:var(--pf-sys-border-radius-xxs,2px)}[data-v-b1a2efe6] .color-picker.color-picker--small .color-picker__color span:nth-child(2){border-bottom-right-radius:var(--pf-sys-border-radius-xxs,2px);border-top-right-radius:var(--pf-sys-border-radius-xxs,2px)}[data-v-b1a2efe6] .color-picker.color-picker--small .color-picker__color span:nth-child(3){border-bottom-right-radius:var(--pf-sys-border-radius-xxs,2px)}[data-v-b1a2efe6] .color-picker.color-picker--small .color-picker__color span:nth-child(4){border-bottom-left-radius:var(--pf-sys-border-radius-xxs,2px)}[data-v-b1a2efe6] .color-picker.color-picker--small .color-picker__color:after{content:none}[data-v-b1a2efe6] .color-picker.color-picker--read-only .color-picker__color{cursor:default}[data-v-b1a2efe6] .color-picker .color-picker__color{background-color:#fff;border:none;border-radius:var(--pf-sys-border-radius,5px);box-sizing:border-box;display:inline-block;font-size:0;height:24px;line-height:0;margin:0;min-width:24px;padding:0;position:relative;width:24px}@media(max-width:991px){[data-v-b1a2efe6] .color-picker .color-picker__color{height:28px;width:28px}}[data-v-b1a2efe6] .color-picker .color-picker__color:after{background-position:50%;background-repeat:no-repeat;background-size:calc(100% - 10px);border:1px solid transparent;border-radius:var(--pf-sys-border-radius-md,7px);bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}[data-v-b1a2efe6] .color-picker .color-picker__color.color-picker__color--active:after{background-image:url(/static/images/layout/color-picker.svg?v=2)}[data-v-b1a2efe6] .color-picker .color-picker__color.color-picker__color--unavailable{cursor:not-allowed}[data-v-b1a2efe6] .color-picker .color-picker__color.color-picker__color--unavailable:after{background-image:url(/static/images/layout/unavailable.png);background-size:calc(100% - 4px)}[data-v-b1a2efe6] .color-picker .color-picker__color.color-picker__color--discontinued{cursor:not-allowed}[data-v-b1a2efe6] .color-picker .color-picker__color.color-picker__color--discontinued:after{background-image:url(/static/images/layout/discontinued.png);background-size:calc(100% - 4px)}[data-v-b1a2efe6] .color-picker .color-picker__color span{border:1px solid rgba(0,0,0,.12);display:inline-block;height:100%;position:absolute;width:100%}[data-v-b1a2efe6] .color-picker .color-picker__color span:first-child{border-radius:var(--pf-sys-border-radius,5px);position:relative}[data-v-b1a2efe6] .color-picker .color-picker__color span:nth-child(2){border-bottom-left-radius:0;border-bottom-right-radius:var(--pf-sys-border-radius,5px);border-left:0;border-top-left-radius:0;border-top-right-radius:var(--pf-sys-border-radius,5px);left:50%;width:50%}[data-v-b1a2efe6] .color-picker .color-picker__color span:nth-child(3){border-bottom-left-radius:0;border-bottom-right-radius:var(--pf-sys-border-radius,5px);border-top-left-radius:0;border-top-right-radius:0;height:50%;left:50%;top:50%;width:50%}[data-v-b1a2efe6] .color-picker .color-picker__color span:nth-child(4){border-bottom-left-radius:var(--pf-sys-border-radius,5px);border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0;height:50%;right:50%;top:50%;width:50%}[data-v-b1a2efe6] .color-picker .color-picker__color.color-picker__color--active span:not([is-white=true]),[data-v-b1a2efe6] .color-picker .color-picker__color:hover span:not([is-white=true]){border:none}[data-v-b1a2efe6] .color-picker .color-picker__color.color-picker__color--active:after,[data-v-b1a2efe6] .color-picker .color-picker__color:hover:after{border-color:var(--pf-sys-neutral-400-on-background,#b1b1b1)}[data-v-b1a2efe6] .color-picker .color-picker__color.color-picker__color--active:after{border-color:var(--pf-sys-neutral-900-on-background,#222)}[data-v-b1a2efe6] .color-picker.color-picker__fancy-opp{gap:8px;height:auto;max-height:225px;overflow:hidden;transition:max-height .2s ease-out}[data-v-b1a2efe6] .color-picker.color-picker__fancy-opp .color-picker__color span{border:1px solid hsla(0,0%,100%,.5)}[data-v-b1a2efe6] .color-picker.color-picker__fancy-opp .color-picker__color--active:after{border-color:#fff!important}[data-v-b1a2efe6] .color-picker.color-picker__fancy-opp.collapsed{max-height:32px}[data-v-b1a2efe6] .button-picker.button-picker--flex{display:flex}[data-v-b1a2efe6] .button-picker.button-picker--flex .button-picker__button{width:100%}[data-v-b1a2efe6] .button-picker.button-picker--flex .button-picker__button:last-child{margin:0!important}[data-v-b1a2efe6] .button-picker.button-picker--read-only .button-picker__button{cursor:default}[data-v-b1a2efe6] .button-picker.button-picker--small{font-size:12px;line-height:12px}[data-v-b1a2efe6] .button-picker.button-picker--small .button-picker__button{border-radius:var(--pf-sys-border-radius-xxs,2px);height:12px;line-height:12px;margin:0 3px 0 0;min-width:12px;padding:5px 4px}[data-v-b1a2efe6] .button-picker .button-picker__button{background-color:#fff;border:1px solid var(--pf-sys-neutral-300-on-background,#e5e5e5);border-radius:var(--pf-sys-border-radius,5px);box-sizing:initial;display:inline-block;font-weight:700;height:24px;line-height:24px;margin:0 8px 0 0;min-width:30px;padding:7px 4px;position:relative}[data-v-b1a2efe6] .button-picker .button-picker__button:hover:not(.button-picker__button--unavailable){box-shadow:var(--pf-comp-button-empty-hover-box-shadow,var(--pf-comp-button-hover-box-shadow,0 2px 4px 0 rgba(0,0,0,.25)))}[data-v-b1a2efe6] .button-picker .button-picker__button.button-picker__button--unavailable{border:1px dashed var(--pf-sys-neutral-300-on-background,#e5e5e5);color:var(--pf-sys-neutral-400-on-background,#b1b1b1);cursor:not-allowed}[data-v-b1a2efe6] .button-picker .button-picker__button.button-picker__button--unavailable .text-as-svg{opacity:.5}[data-v-b1a2efe6] .button-picker .button-picker__button.button-picker__button--active{border:2px solid var(--pf-sys-neutral-900-on-background,#222);padding:6px 3px}[data-v-b1a2efe6] .button-picker.size-picker .button-picker__button{margin-bottom:8px}[data-v-b1a2efe6] .button-picker.size-picker{gap:8px}[data-v-b1a2efe6] .button-picker .button-picker__minimalistic-button{background-color:transparent;color:#fff;cursor:pointer}[data-v-b1a2efe6] .button-picker .button-picker__minimalistic-button:not(.button-picker__minimalistic-button--active):not(.button-picker__button--unavailable):hover{color:#ececec}[data-v-b1a2efe6] .button-picker .button-picker__minimalistic-button--active{background-color:hsla(0,0%,100%,.5);color:#222}[data-v-b1a2efe6] .button-picker .button-picker__minimalistic-button.button-picker__button--unavailable{color:#b1b1b1;cursor:not-allowed}[data-v-b1a2efe6] .button-picker .button-picker__minimalistic-button--active.button-picker__button--unavailable{color:#222}[data-v-b1a2efe6] .button-picker .pf-custom-control-input:disabled~.pf-custom-control-label{color:#b1b1b1!important}[data-v-b1a2efe6] .button-picker .button-picker__checkbox,[data-v-b1a2efe6] .color-picker .button-picker__checkbox,[data-v-b1a2efe6] .select-all .button-picker__checkbox{cursor:pointer;display:inline-block;margin:0 15px 10px 0}[data-v-b1a2efe6] .button-picker .button-picker__checkbox label,[data-v-b1a2efe6] .color-picker .button-picker__checkbox label,[data-v-b1a2efe6] .select-all .button-picker__checkbox label{cursor:inherit;font-size:16px;font-weight:400;line-height:24px}[data-v-b1a2efe6] .button-picker .button-picker__checkbox input[type=checkbox],[data-v-b1a2efe6] .color-picker .button-picker__checkbox input[type=checkbox],[data-v-b1a2efe6] .select-all .button-picker__checkbox input[type=checkbox]{margin:0 8px 0 0;vertical-align:text-top}[data-v-b1a2efe6] .button-picker .button-picker__checkbox.button-picker__checkbox--disabled,[data-v-b1a2efe6] .color-picker .button-picker__checkbox.button-picker__checkbox--disabled,[data-v-b1a2efe6] .select-all .button-picker__checkbox.button-picker__checkbox--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}