@daydi3/primevue-overrides
Version:
Custom design overrides for PrimeVue components
2 lines (1 loc) • 27.3 kB
CSS
.p-button{border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);box-shadow:none}.p-button:not(.p-button-outlined):not(.p-button-text):not(.p-button-raised):not(.p-button-link){background:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.p-button:not(.p-button-outlined):not(.p-button-text):not(.p-button-raised):not(.p-button-link):enabled:hover{background:rgb(11.1512195122,99.1219512195,242.8487804878);border-color:#0b63f3}.p-button:not(.p-button-outlined):not(.p-button-text):not(.p-button-raised):not(.p-button-link):enabled:active{background:rgb(10.0317073171,89.1707317073,218.4682926829);border-color:#0a59da}.p-button.p-button-secondary:not(.p-button-outlined):not(.p-button-text){background:var(--secondary-color);border:1px solid var(--secondary-color);color:#fff}.p-button.p-button-secondary:not(.p-button-outlined):not(.p-button-text):enabled:hover{background:rgb(78.6610878661,91.2468619247,109.3389121339);border-color:#4f5b6d}.p-button.p-button-secondary:not(.p-button-outlined):not(.p-button-text):enabled:active{background:rgb(67.9916317992,78.870292887,94.5083682008);border-color:#444f5f}.p-button.p-button-success:not(.p-button-outlined):not(.p-button-text){background:var(--success-color);border:1px solid var(--success-color);color:#fff}.p-button.p-button-success:not(.p-button-outlined):not(.p-button-text):enabled:hover{background:rgb(26.4935064935,153.5064935065,73.2467532468);border-color:#1a9a49}.p-button.p-button-success:not(.p-button-outlined):not(.p-button-text):enabled:active{background:rgb(22.7402597403,131.7597402597,62.8701298701);border-color:#17843f}.p-button.p-button-info:not(.p-button-outlined):not(.p-button-text){background:var(--info-color);border:1px solid var(--info-color);color:#fff}.p-button.p-button-info:not(.p-button-outlined):not(.p-button-text):enabled:hover{background:rgb(11.1093117409,130.9311740891,184.8906882591);border-color:#0b83b9}.p-button.p-button-info:not(.p-button-outlined):not(.p-button-text):enabled:active{background:rgb(9.6639676113,113.8967611336,160.8360323887);border-color:#0a72a1}.p-button.p-button-warning:not(.p-button-outlined):not(.p-button-text){background:var(--warning-color);border:1px solid var(--warning-color);color:#fff}.p-button.p-button-warning:not(.p-button-outlined):not(.p-button-text):enabled:hover{background:rgb(196.9291338583,126.7125984252,8.0708661417);border-color:#c57f08}.p-button.p-button-warning:not(.p-button-outlined):not(.p-button-text):enabled:active{background:rgb(172.4330708661,110.9507874016,7.0669291339);border-color:#ac6f07}.p-button.p-button-help:not(.p-button-outlined):not(.p-button-text){background:var(--help-color);border:1px solid var(--help-color);color:#fff}.p-button.p-button-help:not(.p-button-outlined):not(.p-button-text):enabled:hover{background:rgb(143.0730337079,36.2921348315,244.7078651685);border-color:#8f24f5}.p-button.p-button-help:not(.p-button-outlined):not(.p-button-text):enabled:active{background:rgb(130.6095505618,11.9382022472,243.5617977528);border-color:#830cf4}.p-button.p-button-danger:not(.p-button-outlined):not(.p-button-text){background:var(--danger-color);border:1px solid var(--danger-color);color:#fff}.p-button.p-button-danger:not(.p-button-outlined):not(.p-button-text):enabled:hover{background:rgb(234.9802955665,21.0197044335,21.0197044335);border-color:#eb1515}.p-button.p-button-danger:not(.p-button-outlined):not(.p-button-text):enabled:active{background:rgb(212.3325123153,18.1674876847,18.1674876847);border-color:#d41212}.p-button.p-button-outlined{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.p-button.p-button-outlined:enabled:hover{background:rgba(59,130,246,.04);color:var(--primary-color);border-color:var(--primary-color)}.p-button.p-button-outlined:enabled:active{background:rgba(59,130,246,.16);color:var(--primary-color);border-color:var(--primary-color)}.p-button.p-button-outlined.p-button-secondary{color:var(--secondary-color);border-color:var(--secondary-color)}.p-button.p-button-outlined.p-button-secondary:enabled:hover{background:rgba(100,116,139,.04);color:var(--secondary-color)}.p-button.p-button-outlined.p-button-secondary:enabled:active{background:rgba(100,116,139,.16);color:var(--secondary-color)}.p-button.p-button-outlined.p-button-success{color:var(--success-color);border-color:var(--success-color)}.p-button.p-button-outlined.p-button-success:enabled:hover{background:rgba(34,197,94,.04);color:var(--success-color)}.p-button.p-button-outlined.p-button-success:enabled:active{background:rgba(34,197,94,.16);color:var(--success-color)}.p-button.p-button-outlined.p-button-info{color:var(--info-color);border-color:var(--info-color)}.p-button.p-button-outlined.p-button-info:enabled:hover{background:rgba(14,165,233,.04);color:var(--info-color)}.p-button.p-button-outlined.p-button-info:enabled:active{background:rgba(14,165,233,.16);color:var(--info-color)}.p-button.p-button-outlined.p-button-warning{color:var(--warning-color);border-color:var(--warning-color)}.p-button.p-button-outlined.p-button-warning:enabled:hover{background:rgba(245,158,11,.04);color:var(--warning-color)}.p-button.p-button-outlined.p-button-warning:enabled:active{background:rgba(245,158,11,.16);color:var(--warning-color)}.p-button.p-button-outlined.p-button-help{color:var(--help-color);border-color:var(--help-color)}.p-button.p-button-outlined.p-button-help:enabled:hover{background:rgba(168,85,247,.04);color:var(--help-color)}.p-button.p-button-outlined.p-button-help:enabled:active{background:rgba(168,85,247,.16);color:var(--help-color)}.p-button.p-button-outlined.p-button-danger{color:var(--danger-color);border-color:var(--danger-color)}.p-button.p-button-outlined.p-button-danger:enabled:hover{background:rgba(239,68,68,.04);color:var(--danger-color)}.p-button.p-button-outlined.p-button-danger:enabled:active{background:rgba(239,68,68,.16);color:var(--danger-color)}.p-button.p-button-text{background-color:transparent;color:var(--primary-color);border-color:transparent}.p-button.p-button-text:enabled:hover{background:rgba(59,130,246,.04);color:var(--primary-color);border-color:transparent}.p-button.p-button-text:enabled:active{background:rgba(59,130,246,.16);color:var(--primary-color);border-color:transparent}.p-button.p-button-text.p-button-secondary{color:var(--secondary-color)}.p-button.p-button-text.p-button-secondary:enabled:hover{background:rgba(100,116,139,.04);color:var(--secondary-color)}.p-button.p-button-text.p-button-secondary:enabled:active{background:rgba(100,116,139,.16);color:var(--secondary-color)}.p-button.p-button-text.p-button-success{color:var(--success-color)}.p-button.p-button-text.p-button-success:enabled:hover{background:rgba(34,197,94,.04);color:var(--success-color)}.p-button.p-button-text.p-button-success:enabled:active{background:rgba(34,197,94,.16);color:var(--success-color)}.p-button.p-button-text.p-button-info{color:var(--info-color)}.p-button.p-button-text.p-button-info:enabled:hover{background:rgba(14,165,233,.04);color:var(--info-color)}.p-button.p-button-text.p-button-info:enabled:active{background:rgba(14,165,233,.16);color:var(--info-color)}.p-button.p-button-text.p-button-warning{color:var(--warning-color)}.p-button.p-button-text.p-button-warning:enabled:hover{background:rgba(245,158,11,.04);color:var(--warning-color)}.p-button.p-button-text.p-button-warning:enabled:active{background:rgba(245,158,11,.16);color:var(--warning-color)}.p-button.p-button-text.p-button-help{color:var(--help-color)}.p-button.p-button-text.p-button-help:enabled:hover{background:rgba(168,85,247,.04);color:var(--help-color)}.p-button.p-button-text.p-button-help:enabled:active{background:rgba(168,85,247,.16);color:var(--help-color)}.p-button.p-button-text.p-button-danger{color:var(--danger-color)}.p-button.p-button-text.p-button-danger:enabled:hover{background:rgba(239,68,68,.04);color:var(--danger-color)}.p-button.p-button-text.p-button-danger:enabled:active{background:rgba(239,68,68,.16);color:var(--danger-color)}.p-button .p-button-icon-left{margin-right:.5rem}.p-button .p-button-icon-right{margin-left:.5rem}.p-button.p-button-sm{font-size:.875rem;padding:.25rem .75rem}.p-button.p-button-lg{font-size:1.125rem;padding:.75rem 1.25rem}.p-button:disabled{opacity:.6;cursor:not-allowed}.p-button:focus{box-shadow:var(--focus-ring)}.p-inputtext,.p-password,.p-inputnumber,.p-inputmask,.p-dropdown{font-family:var(--font-family);font-size:var(--font-size);color:var(--text-color);background:var(--surface-50);padding:.5rem .75rem;border:1px solid var(--surface-300);border-radius:.375rem;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);width:100%}.p-inputtext:enabled:hover,.p-password:enabled:hover,.p-inputnumber:enabled:hover,.p-inputmask:enabled:hover,.p-dropdown:enabled:hover{border-color:var(--primary-color)}.p-inputtext:enabled:focus,.p-password:enabled:focus,.p-inputnumber:enabled:focus,.p-inputmask:enabled:focus,.p-dropdown:enabled:focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring);border-color:var(--primary-color)}.p-inputtext.p-invalid.p-component,.p-password.p-invalid.p-component,.p-inputnumber.p-invalid.p-component,.p-inputmask.p-invalid.p-component,.p-dropdown.p-invalid.p-component{border-color:var(--danger-color)}.p-inputtext.p-inputtext-sm,.p-password.p-inputtext-sm,.p-inputnumber.p-inputtext-sm,.p-inputmask.p-inputtext-sm,.p-dropdown.p-inputtext-sm{font-size:.875rem;padding:.25rem .5rem}.p-inputtext.p-inputtext-lg,.p-password.p-inputtext-lg,.p-inputnumber.p-inputtext-lg,.p-inputmask.p-inputtext-lg,.p-dropdown.p-inputtext-lg{font-size:1.125rem;padding:.75rem 1rem}.p-inputtext:disabled{opacity:.6;cursor:not-allowed}.p-password{display:inline-flex;width:100%}.p-password input{flex:1 1 auto;width:1%;border:0 none;background:transparent;padding:.5rem .75rem}.p-password input:focus{outline:0 none}.p-password .p-password-panel{padding:.75rem;background:var(--surface-0);border:1px solid var(--surface-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border-radius:.375rem}.p-password .p-password-panel .p-password-meter{margin-bottom:.5rem;background:var(--surface-200);height:.25rem;border-radius:.25rem}.p-password .p-password-panel .p-password-meter .p-password-strength{height:100%;border-radius:.25rem;transition:width .2s cubic-bezier(.4,0,.2,1)}.p-password .p-password-panel .p-password-meter .p-password-strength.weak{background:var(--danger-color)}.p-password .p-password-panel .p-password-meter .p-password-strength.medium{background:var(--warning-color)}.p-password .p-password-panel .p-password-meter .p-password-strength.strong{background:var(--success-color)}.p-password .p-password-panel .p-password-info{font-size:.875rem;color:var(--text-color-secondary)}.p-checkbox{width:1.25rem;height:1.25rem}.p-checkbox .p-checkbox-box{border:2px solid var(--surface-400);background:var(--surface-0);width:1.25rem;height:1.25rem;border-radius:.25rem;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.p-checkbox .p-checkbox-box.p-highlight{border-color:var(--primary-color);background:var(--primary-color)}.p-checkbox .p-checkbox-box.p-highlight:hover{border-color:#0b63f3;background:rgb(11.1512195122,99.1219512195,242.8487804878)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover{border-color:var(--primary-color)}.p-checkbox .p-checkbox-box:focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring);border-color:var(--primary-color)}.p-checkbox .p-checkbox-box .p-checkbox-icon{color:#fff;font-size:.75rem}.p-radiobutton{width:1.25rem;height:1.25rem}.p-radiobutton .p-radiobutton-box{border:2px solid var(--surface-400);background:var(--surface-0);width:1.25rem;height:1.25rem;border-radius:50%;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.p-radiobutton .p-radiobutton-box.p-highlight{border-color:var(--primary-color);background:var(--surface-0)}.p-radiobutton .p-radiobutton-box.p-highlight:hover{border-color:#0b63f3}.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon{background-color:var(--primary-color)}.p-radiobutton .p-radiobutton-box:not(.p-disabled):hover{border-color:var(--primary-color)}.p-radiobutton .p-radiobutton-box:focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring);border-color:var(--primary-color)}.p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:.625rem;height:.625rem;border-radius:50%;background:transparent;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-inputgroup .p-password,.p-inputgroup .p-inputnumber,.p-inputgroup .p-inputmask{border-radius:0;margin:0}.p-inputgroup .p-inputtext:first-child,.p-inputgroup .p-password:first-child,.p-inputgroup .p-inputnumber:first-child,.p-inputgroup .p-inputmask:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.p-inputgroup .p-inputtext:last-child,.p-inputgroup .p-password:last-child,.p-inputgroup .p-inputnumber:last-child,.p-inputgroup .p-inputmask:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.p-inputgroup .p-inputgroup-addon{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:var(--surface-200);color:var(--text-color-secondary);border:1px solid var(--surface-300)}.p-inputgroup .p-inputgroup-addon:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-right:0 none}.p-inputgroup .p-inputgroup-addon:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-left:0 none}.p-inputgroup .p-button{border-radius:0}.p-inputgroup .p-button:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.p-inputgroup .p-button:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block;width:100%}.p-input-icon-left>i,.p-input-icon-left>svg,.p-input-icon-right>i,.p-input-icon-right>svg{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-color-secondary)}.p-input-icon-left>.p-inputtext,.p-input-icon-right>.p-inputtext{width:100%}.p-input-icon-left>i,.p-input-icon-left>svg{left:.75rem}.p-input-icon-left>.p-inputtext{padding-left:2.5rem}.p-input-icon-right>i,.p-input-icon-right>svg{right:.75rem}.p-input-icon-right>.p-inputtext{padding-right:2.5rem}.p-inputtextarea{resize:vertical;min-height:5rem}.p-dialog{border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:0 none;background:var(--surface-0);color:var(--text-color)}.p-dialog-mask{background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s cubic-bezier(.4,0,.2,1)}.p-dialog .p-dialog-header{border-top-right-radius:.5rem;border-top-left-radius:.5rem;padding:1rem 1.5rem;background:var(--surface-0);color:var(--text-color);border-bottom:1px solid var(--surface-200)}.p-dialog .p-dialog-header .p-dialog-title{font-weight:600;font-size:1.25rem}.p-dialog .p-dialog-header .p-dialog-header-icons .p-dialog-header-icon{width:2rem;height:2rem;color:var(--text-color-secondary);border:0 none;background:transparent;border-radius:50%;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.p-dialog .p-dialog-header .p-dialog-header-icons .p-dialog-header-icon:enabled:hover{color:var(--text-color);background:var(--surface-200)}.p-dialog .p-dialog-header .p-dialog-header-icons .p-dialog-header-icon:focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring)}.p-dialog .p-dialog-content{padding:1.5rem;background:var(--surface-0);color:var(--text-color)}.p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer{border-top:1px solid var(--surface-200);padding:1rem 1.5rem;text-align:right;background:var(--surface-0);color:var(--text-color);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer button{margin-left:.5rem}@media screen and (max-width: 640px){.p-dialog{width:90vw}.p-dialog .p-dialog-header{padding:.75rem 1rem}.p-dialog .p-dialog-content{padding:1rem}.p-dialog .p-dialog-footer{padding:.75rem 1rem}}.p-dialog-enter-active{transition:all .2s ease-out}.p-dialog-leave-active{transition:all .2s ease-in}.p-dialog-enter-from,.p-dialog-leave-to{opacity:0;transform:scale(.95)}.p-confirm-dialog .p-dialog-content{display:flex;align-items:flex-start}.p-confirm-dialog .p-dialog-content .p-confirm-dialog-icon{font-size:1.5rem;margin-right:.75rem}.p-confirm-dialog .p-dialog-content .p-confirm-dialog-icon.pi-exclamation-triangle{color:var(--warning-color)}.p-confirm-dialog .p-dialog-content .p-confirm-dialog-icon.pi-info-circle{color:var(--info-color)}.p-confirm-dialog .p-dialog-content .p-confirm-dialog-icon.pi-times-circle{color:var(--danger-color)}.p-confirm-dialog .p-dialog-content .p-confirm-dialog-icon.pi-check-circle{color:var(--success-color)}.p-confirm-dialog .p-dialog-content .p-confirm-dialog-icon.pi-question-circle{color:var(--help-color)}.p-confirm-dialog .p-dialog-content .p-confirm-dialog-message{margin:0}.p-dropdown{display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.p-dropdown .p-dropdown-label{background:transparent;border:0 none;padding:.5rem .75rem;flex:1 1 auto;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-dropdown .p-dropdown-label.p-placeholder{color:var(--text-color-secondary)}.p-dropdown .p-dropdown-label.p-dropdown-label-empty{visibility:hidden}.p-dropdown .p-dropdown-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem}.p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon{color:var(--text-color-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.p-dropdown.p-dropdown-open .p-dropdown-trigger-icon{transform:rotate(180deg)}.p-dropdown .p-dropdown-clear-icon{color:var(--text-color-secondary);right:2.75rem;margin-top:-.5rem;top:50%}.p-dropdown .p-dropdown-clear-icon:hover{color:var(--text-color)}.p-dropdown .p-dropdown-panel{background:var(--surface-0);color:var(--text-color);border:0 none;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-top:.25rem}.p-dropdown .p-dropdown-panel .p-dropdown-header{padding:.75rem;border-bottom:1px solid var(--surface-200);background:var(--surface-0);color:var(--text-color);border-top-right-radius:.375rem;border-top-left-radius:.375rem}.p-dropdown .p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.p-dropdown .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{right:.75rem;color:var(--text-color-secondary)}.p-dropdown .p-dropdown-panel .p-dropdown-items{padding:.25rem 0}.p-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item{margin:0;padding:.5rem 1rem;border:0 none;color:var(--text-color);background:transparent;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);border-radius:0;cursor:pointer}.p-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{color:var(--primary-color);background:rgba(59,130,246,.08)}.p-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{color:var(--text-color);background:var(--surface-100)}.p-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-disabled{opacity:.6;cursor:not-allowed}.p-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group{margin:0;padding:.5rem 1rem;color:var(--text-color);background:var(--surface-0);font-weight:600}.p-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{padding:.75rem;color:var(--text-color-secondary);text-align:center}.p-dropdown:not(.p-disabled).p-focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring);border-color:var(--primary-color)}.p-dropdown.p-invalid.p-component{border-color:var(--danger-color)}.p-dropdown.p-inputwrapper-filled .p-dropdown-label.p-placeholder{display:none}.p-dropdown.p-inputwrapper-filled .p-dropdown-label.p-dropdown-label-empty{visibility:visible}.p-dropdown.p-inputwrapper-focus{border-color:var(--primary-color)}.p-dropdown.p-dropdown-sm{font-size:.875rem}.p-dropdown.p-dropdown-sm .p-dropdown-label{padding:.25rem .5rem}.p-dropdown.p-dropdown-sm .p-dropdown-trigger{width:2rem}.p-dropdown.p-dropdown-lg{font-size:1.125rem}.p-dropdown.p-dropdown-lg .p-dropdown-label{padding:.75rem 1rem}.p-dropdown.p-dropdown-lg .p-dropdown-trigger{width:3rem}.p-dropdown-enter-active,.p-dropdown-leave-active{transition:transform .2s,opacity .2s}.p-dropdown-enter-from,.p-dropdown-leave-to{opacity:0;transform:translateY(4px)}.p-multiselect{display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.p-multiselect .p-multiselect-label-container{flex:1 1 auto}.p-multiselect .p-multiselect-label{padding:.5rem .75rem;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);background:transparent;border:0 none}.p-multiselect .p-multiselect-label.p-placeholder{color:var(--text-color-secondary)}.p-multiselect .p-multiselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem}.p-multiselect .p-multiselect-trigger .p-multiselect-trigger-icon{color:var(--text-color-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.p-multiselect.p-multiselect-open .p-multiselect-trigger-icon{transform:rotate(180deg)}.p-multiselect .p-multiselect-token{padding:.25rem .25rem .25rem .5rem;margin-right:.25rem;background:var(--primary-color);color:#fff;border-radius:.25rem}.p-multiselect .p-multiselect-token .p-multiselect-token-icon{margin-left:.25rem;cursor:pointer}.p-multiselect .p-multiselect-token .p-multiselect-token-icon:hover{color:#fffc}.p-multiselect .p-multiselect-panel{background:var(--surface-0);color:var(--text-color);border:0 none;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-top:.25rem}.p-multiselect .p-multiselect-panel .p-multiselect-header{padding:.75rem;border-bottom:1px solid var(--surface-200);background:var(--surface-0);color:var(--text-color)}.p-multiselect .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container{position:relative;margin-bottom:.5rem}.p-multiselect .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext{padding-right:1.75rem}.p-multiselect .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon{position:absolute;top:50%;margin-top:-.5rem;right:.75rem;color:var(--text-color-secondary)}.p-multiselect .p-multiselect-panel .p-multiselect-header .p-checkbox{margin-right:.5rem}.p-multiselect .p-multiselect-panel .p-multiselect-header .p-multiselect-close{width:2rem;height:2rem;color:var(--text-color-secondary);border:0 none;background:transparent;border-radius:50%;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.p-multiselect .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover{color:var(--text-color);background:var(--surface-200)}.p-multiselect .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring)}.p-multiselect .p-multiselect-panel .p-multiselect-items{padding:.25rem 0}.p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item{margin:0;padding:.5rem 1rem;border:0 none;color:var(--text-color);background:transparent;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);border-radius:0;cursor:pointer;display:flex;align-items:center}.p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox{margin-right:.5rem}.p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{color:var(--primary-color);background:rgba(59,130,246,.08)}.p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover{color:var(--text-color);background:var(--surface-100)}.p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-disabled{opacity:.6;cursor:not-allowed}.p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group{margin:0;padding:.5rem 1rem;color:var(--text-color);background:var(--surface-0);font-weight:600}.p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.75rem;color:var(--text-color-secondary);text-align:center}.p-multiselect:not(.p-disabled).p-focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring);border-color:var(--primary-color)}.p-multiselect.p-invalid.p-component{border-color:var(--danger-color)}:root{--primary-color: #3B82F6;--secondary-color: #64748B;--success-color: #22C55E;--info-color: #0EA5E9;--warning-color: #F59E0B;--help-color: #A855F7;--danger-color: #EF4444;--surface-0: #FFFFFF;--surface-50: #F8FAFC;--surface-100: #F1F5F9;--surface-200: #E2E8F0;--surface-300: #CBD5E1;--surface-400: #94A3B8;--surface-500: #64748B;--surface-600: #475569;--surface-700: #334155;--surface-800: #1E293B;--surface-900: #0F172A;--font-family: Inter var, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-size: 1rem;--text-color: #0F172A;--text-color-secondary: #475569;--border-radius: .375rem;--transition-duration: .2s;--focus-ring: 0 0 0 3px rgba(59, 130, 246, .25);--surface-ground: #F1F5F9;--surface-section: #FFFFFF;--surface-card: #FFFFFF;--surface-overlay: #FFFFFF;--surface-border: #E2E8F0;--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--highlight-bg: #F1F5F9;--highlight-text-color: #3B82F6}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--surface-ground);margin:0;padding:0}.p-component{font-family:var(--font-family);font-size:var(--font-size)}.p-component:focus{outline:none;box-shadow:var(--focus-ring)}.p-float-label{display:block;position:relative;margin-bottom:1rem}.p-float-label label{position:absolute;top:50%;left:.75rem;transform-origin:left top;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-color-secondary);pointer-events:none}.p-float-label input:focus~label,.p-float-label input.p-filled~label,.p-float-label textarea:focus~label,.p-float-label textarea.p-filled~label,.p-float-label .p-inputwrapper-focus~label,.p-float-label .p-inputwrapper-filled~label{top:.25rem;font-size:.75rem;transform:translateY(0)}