@charset "UTF-8";
/**
 * Do not edit directly, this file was auto-generated.
 * Bootstrap variable overrides using design tokens
 * Import this BEFORE Bootstrap's variables to override defaults
 */
.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::-moz-placeholder{opacity:.7}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::-moz-placeholder{color:var(--dp-disabled-color-text)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile]{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile]{flex-direction:column-reverse}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile]{flex-direction:column}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}
.multiselect{align-items:center;background:var(--ms-bg,#fff);border:var(--ms-border-width,1px) solid var(--ms-border-color,#d1d5db);border-radius:var(--ms-radius,4px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-font-size,1rem);justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%}.multiselect.is-open{border-radius:var(--ms-radius,4px) var(--ms-radius,4px) 0 0}.multiselect.is-open-top{border-radius:0 0 var(--ms-radius,4px) var(--ms-radius,4px)}.multiselect.is-disabled{background:var(--ms-bg-disabled,#f3f4f6);cursor:default}.multiselect.is-active{border:var(--ms-border-width-active,var(--ms-border-width,1px)) solid var(--ms-border-color-active,var(--ms-border-color,#d1d5db));box-shadow:0 0 0 var(--ms-ring-width,3px) var(--ms-ring-color,rgba(16,185,129,.188))}.multiselect-wrapper{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%}.multiselect-multiple-label,.multiselect-placeholder,.multiselect-single-label{align-items:center;background:transparent;box-sizing:border-box;display:flex;height:100%;left:0;line-height:var(--ms-line-height,1.375);max-width:100%;padding-left:var(--ms-px,.875rem);padding-right:calc(1.25rem + var(--ms-px, .875rem)*3);pointer-events:none;position:absolute;top:0}.multiselect-placeholder{color:var(--ms-placeholder-color,#9ca3af)}.multiselect-single-label-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ms-bg,#fff);border:0;border-radius:var(--ms-radius,4px);bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;height:100%;left:0;outline:none;padding-left:var(--ms-px,.875rem);position:absolute;right:0;top:0;width:100%}.multiselect-search::-webkit-search-cancel-button,.multiselect-search::-webkit-search-decoration,.multiselect-search::-webkit-search-results-button,.multiselect-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-tags{flex-grow:1;flex-shrink:1;flex-wrap:wrap;margin:var(--ms-tag-my,.25rem) 0 0;padding-left:var(--ms-py,.5rem)}.multiselect-tag,.multiselect-tags{align-items:center;display:flex;min-width:0}.multiselect-tag{background:var(--ms-tag-bg,#10b981);border-radius:var(--ms-tag-radius,4px);color:var(--ms-tag-color,#fff);font-size:var(--ms-tag-font-size,.875rem);font-weight:var(--ms-tag-font-weight,600);line-height:var(--ms-tag-line-height,1.25rem);margin-bottom:var(--ms-tag-my,.25rem);margin-right:var(--ms-tag-mx,.25rem);padding:var(--ms-tag-py,.125rem) 0 var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem);white-space:nowrap}.multiselect-tag.is-disabled{background:var(--ms-tag-bg-disabled,#9ca3af);color:var(--ms-tag-color-disabled,#fff);padding-right:var(--ms-tag-px,.5rem)}.multiselect-tag-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-tag-wrapper-break{white-space:normal;word-break:break-all}.multiselect-tag-remove{align-items:center;border-radius:var(--ms-tag-remove-radius,4px);display:flex;justify-content:center;margin:var(--ms-tag-remove-my,0) var(--ms-tag-remove-mx,.125rem);padding:var(--ms-tag-remove-py,.25rem) var(--ms-tag-remove-px,.25rem)}.multiselect-tag-remove:hover{background:rgba(0,0,0,.063)}.multiselect-tag-remove-icon{background-color:currentColor;display:inline-block;height:.75rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.8;width:.75rem}.multiselect-tags-search-wrapper{display:inline-block;flex-grow:1;flex-shrink:1;height:100%;margin:0 var(--ms-tag-mx,4px) var(--ms-tag-my,4px);position:relative}.multiselect-tags-search-copy{display:inline-block;height:1px;visibility:hidden;white-space:pre-wrap;width:100%}.multiselect-tags-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;left:0;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.multiselect-tags-search::-webkit-search-cancel-button,.multiselect-tags-search::-webkit-search-decoration,.multiselect-tags-search::-webkit-search-results-button,.multiselect-tags-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-inifite{align-items:center;display:flex;justify-content:center;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);width:100%}.multiselect-inifite-spinner,.multiselect-spinner{animation:multiselect-spin 1s linear infinite;background-color:var(--ms-spinner-color,#10b981);flex-grow:0;flex-shrink:0;height:1rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem;z-index:10}.multiselect-spinner{margin:0 var(--ms-px,.875rem) 0 0}.multiselect-clear{display:flex;flex-grow:0;flex-shrink:0;opacity:1;padding:0 var(--ms-px,.875rem) 0 0;position:relative;transition:.3s;z-index:10}.multiselect-clear:hover .multiselect-clear-icon{background-color:var(--ms-clear-color-hover,#000)}.multiselect-clear-icon{background-color:var(--ms-clear-color,#999);display:inline-block;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");transition:.3s}.multiselect-caret,.multiselect-clear-icon{height:1.125rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.625rem}.multiselect-caret{background-color:var(--ms-caret-color,#999);flex-grow:0;flex-shrink:0;margin:0 var(--ms-px,.875rem) 0 0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");pointer-events:none;position:relative;transform:rotate(0deg);transition:transform .3s;z-index:10}.multiselect-caret.is-open{pointer-events:auto;transform:rotate(180deg)}.multiselect-dropdown{-webkit-overflow-scrolling:touch;background:var(--ms-dropdown-bg,#fff);border:var(--ms-dropdown-border-width,1px) solid var(--ms-dropdown-border-color,#d1d5db);border-radius:0 0 var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px);bottom:0;display:flex;flex-direction:column;left:calc(var(--ms-border-width, 1px)*-1);margin-top:calc(var(--ms-border-width, 1px)*-1);max-height:var(--ms-max-height,10rem);outline:none;overflow-y:scroll;position:absolute;right:calc(var(--ms-border-width, 1px)*-1);transform:translateY(100%);z-index:100}.multiselect-dropdown.is-top{border-radius:var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px) 0 0;bottom:auto;top:var(--ms-border-width,1px);transform:translateY(-100%)}.multiselect-dropdown.is-hidden{display:none}.multiselect-options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.multiselect-group{margin:0;padding:0}.multiselect-group-label{align-items:center;background:var(--ms-group-label-bg,#e5e7eb);box-sizing:border-box;color:var(--ms-group-label-color,#374151);cursor:default;display:flex;font-size:.875rem;font-weight:600;justify-content:flex-start;line-height:var(--ms-group-label-line-height,1.375);padding:var(--ms-group-label-py,.3rem) var(--ms-group-label-px,.75rem);text-align:left;text-decoration:none}.multiselect-group-label.is-pointable{cursor:pointer}.multiselect-group-label.is-pointed{background:var(--ms-group-label-bg-pointed,#d1d5db);color:var(--ms-group-label-color-pointed,#374151)}.multiselect-group-label.is-selected{background:var(--ms-group-label-bg-selected,#059669);color:var(--ms-group-label-color-selected,#fff)}.multiselect-group-label.is-disabled{background:var(--ms-group-label-bg-disabled,#f3f4f6);color:var(--ms-group-label-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-group-label.is-selected.is-pointed{background:var(--ms-group-label-bg-selected-pointed,#0c9e70);color:var(--ms-group-label-color-selected-pointed,#fff)}.multiselect-group-label.is-selected.is-disabled{background:var(--ms-group-label-bg-selected-disabled,#75cfb1);color:var(--ms-group-label-color-selected-disabled,#d1fae5)}.multiselect-group-options{margin:0;padding:0}.multiselect-option{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-option-font-size,1rem);justify-content:flex-start;line-height:var(--ms-option-line-height,1.375);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem);text-align:left;text-decoration:none}.multiselect-option.is-pointed{background:var(--ms-option-bg-pointed,#f3f4f6);color:var(--ms-option-color-pointed,#1f2937)}.multiselect-option.is-selected{background:var(--ms-option-bg-selected,#10b981);color:var(--ms-option-color-selected,#fff)}.multiselect-option.is-disabled{background:var(--ms-option-bg-disabled,#fff);color:var(--ms-option-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-option.is-selected.is-pointed{background:var(--ms-option-bg-selected-pointed,#26c08e);color:var(--ms-option-color-selected-pointed,#fff)}.multiselect-option.is-selected.is-disabled{background:var(--ms-option-bg-selected-disabled,#87dcc0);color:var(--ms-option-color-selected-disabled,#d1fae5)}.multiselect-no-options,.multiselect-no-results{color:var(--ms-empty-color,#4b5563);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem)}.multiselect-fake-input{background:transparent;border:0;bottom:-1px;font-size:0;height:1px;left:0;outline:none;padding:0;position:absolute;right:0;width:100%}.multiselect-fake-input:active,.multiselect-fake-input:focus{outline:none}.multiselect-assistive-text{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.multiselect-spacer{display:none}[dir=rtl] .multiselect-multiple-label,[dir=rtl] .multiselect-placeholder,[dir=rtl] .multiselect-single-label{left:auto;padding-left:calc(1.25rem + var(--ms-px, .875rem)*3);padding-right:var(--ms-px,.875rem);right:0}[dir=rtl] .multiselect-search{padding-left:0;padding-right:var(--ms-px,.875rem)}[dir=rtl] .multiselect-tags{padding-left:0;padding-right:var(--ms-py,.5rem)}[dir=rtl] .multiselect-tag{margin-left:var(--ms-tag-mx,.25rem);margin-right:0;padding:var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem) var(--ms-tag-py,.125rem) 0}[dir=rtl] .multiselect-tag.is-disabled{padding-left:var(--ms-tag-px,.5rem)}[dir=rtl] .multiselect-caret,[dir=rtl] .multiselect-spinner{margin:0 0 0 var(--ms-px,.875rem)}[dir=rtl] .multiselect-clear{padding:0 0 0 var(--ms-px,.875rem)}@keyframes multiselect-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
:root, [data-bs-theme=light] {
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-primary-rgb: 220, 53, 69;
  --bs-secondary-rgb: 206, 212, 218;
  --bs-success-rgb: 35, 195, 73;
  --bs-danger-rgb: 255, 0, 0;
  --bs-warning-rgb: 245, 166, 35;
  --bs-info-rgb: 23, 162, 184;
  --bs-light-rgb: 233, 235, 237;
  --bs-dark-rgb: 52, 54, 57;
  --bs-body-color-rgb: 33, 35, 36;
  --bs-body-bg-rgb: 248, 249, 250;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color-rgb: rgba(var(--bs-body-color), .75);
  --bs-secondary-bg-rgb: 233, 235, 237;
  --bs-tertiary-color-rgb: rgba(var(--bs-body-color), .5);
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-link-color-rgb: 0, 0, 0;
  --swal2-background: var(--pa-color-white);
  --swal2-color: var(--pa-color-gray-600);
  --swal2-input-border: 1px solid var(--pa-color-gray-300);
  --swal2-progress-step-background: var(--pa-color-info-background-light);
  --swal2-validation-message-background: var(--pa-color-gray-100);
  --swal2-validation-message-color: var(--pa-color-gray-600);
  --swal2-footer-border-color: var(--pa-color-gray-300);
  --swal2-close-button-color: var(--pa-color-gray-400);
  --swal2-action-button-hover: var(--pa-color-black) 10%;
  --swal2-action-button-active: var(--pa-color-black) 10%;
  --swal2-confirm-button-background-color: var(--pa-color-primary-500);
  --swal2-confirm-button-color: var(--pa-color-white);
  --swal2-deny-button-background-color: var(--pa-color-danger-500);
  --swal2-deny-button-color: var(--pa-color-white);
  --swal2-cancel-button-background-color: var(--pa-color-secondary-500);
  --swal2-cancel-button-color: var(--pa-color-white);
  --swal2-border: 1px solid var(--pa-color-gray-300);
}

/* Following the same structure as boostrap/scss/bootstrap.scss */
/*
  This file is used to define the base theme for the Pay Advantage design system.
  It is used to define the base colours and styles that will be used across the design system.
  This file should not be used to define any specific components or styles.

  It must include a copy of any bootstrap styles that it needs or that need to be overridden.
 */
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: var(--pa-color-blue-500);
  --bs-indigo: var(--pa-color-indigo-500);
  --bs-purple: var(--pa-color-purple-500);
  --bs-pink: var(--pa-color-pink-500);
  --bs-red: var(--pa-color-red-500);
  --bs-orange: var(--pa-color-orange-500);
  --bs-yellow: var(--pa-color-yellow-500);
  --bs-green: var(--pa-color-green-500);
  --bs-teal: var(--pa-color-teal-500);
  --bs-cyan: var(--pa-color-cyan-500);
  --bs-white: var(--pa-color-white);
  --bs-gray: var(--pa-color-gray-600);
  --bs-gray-dark: var(--pa-color-gray-800);
  --bs-gray-100: var(--pa-color-gray-100);
  --bs-gray-200: var(--pa-color-gray-200);
  --bs-gray-300: var(--pa-color-gray-300);
  --bs-gray-400: var(--pa-color-gray-400);
  --bs-gray-500: var(--pa-color-gray-500);
  --bs-gray-600: var(--pa-color-gray-600);
  --bs-gray-700: var(--pa-color-gray-700);
  --bs-gray-800: var(--pa-color-gray-800);
  --bs-gray-900: var(--pa-color-gray-900);
  --bs-primary: var(--pa-color-primary-500);
  --bs-secondary: var(--pa-color-secondary-500);
  --bs-success: var(--pa-color-success-500);
  --bs-info: var(--pa-color-info-500);
  --bs-warning: var(--pa-color-warning-500);
  --bs-danger: var(--pa-color-danger-500);
  --bs-light: var(--pa-color-light-100);
  --bs-dark: var(--pa-color-dark-900);
  --bs-primary-text-emphasis: var(--pa-color-primary-800);
  --bs-secondary-text-emphasis: var(--pa-color-secondary-800);
  --bs-success-text-emphasis: var(--pa-color-success-800);
  --bs-info-text-emphasis: var(--pa-color-info-800);
  --bs-warning-text-emphasis: var(--pa-color-warning-800);
  --bs-danger-text-emphasis: var(--pa-color-danger-800);
  --bs-light-text-emphasis: var(--pa-color-light-800);
  --bs-dark-text-emphasis: var(--pa-color-dark-800);
  --bs-primary-bg-subtle: var(--pa-color-primary-100);
  --bs-secondary-bg-subtle: var(--pa-color-secondary-100);
  --bs-success-bg-subtle: var(--pa-color-success-100);
  --bs-info-bg-subtle: var(--pa-color-info-100);
  --bs-warning-bg-subtle: var(--pa-color-warning-100);
  --bs-danger-bg-subtle: var(--pa-color-danger-100);
  --bs-light-bg-subtle: var(--pa-color-light-100);
  --bs-dark-bg-subtle: var(--pa-color-dark-100);
  --bs-primary-border-subtle: var(--pa-color-primary-200);
  --bs-secondary-border-subtle: var(--pa-color-secondary-200);
  --bs-success-border-subtle: var(--pa-color-success-200);
  --bs-info-border-subtle: var(--pa-color-info-200);
  --bs-warning-border-subtle: var(--pa-color-warning-200);
  --bs-danger-border-subtle: var(--pa-color-danger-200);
  --bs-light-border-subtle: var(--pa-color-light-200);
  --bs-dark-border-subtle: var(--pa-color-dark-200);
  --bs-font-sans-serif: Roboto, -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(var(--pa-color-white), 0.15), rgba(var(--pa-color-white), 0));
  --bs-body-font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: var(--pa-color-page-color);
  --bs-body-bg: var(--pa-color-page-background);
  --bs-emphasis-color: var(--pa-color-black);
  --bs-secondary-color: var(--pa-color-page-secondary-color);
  --bs-secondary-color-rgb: var(--pa-color-page-secondary-color);
  --bs-tertiary-color: var(--pa-color-page-tertiary-color);
  --bs-tertiary-color-rgb: var(--pa-color-page-tertiary-color);
  --bs-heading-color: inherit;
  --bs-link-color: var(--pa-color-link-text-default);
  --bs-link-color-rgb: var(--pa-color-link-text-default);
  --bs-link-decoration: underline;
  --bs-link-hover-color: color-mix(in srgb, var(--pa-color-link-text-default), var(--pa-color-black) 20%);
  --bs-code-color: var(--pa-color-pink-500);
  --bs-highlight-color: var(--pa-color-page-color);
  --bs-border-width: 2px;
  --bs-border-style: solid;
  --bs-border-color: var(--pa-color-gray-300);
  --bs-border-color-translucent: color-mix(in srgb, var(--bs-black) 17.5%, transparent);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(var(--pa-color-black), 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--pa-color-black), 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--pa-color-black), 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--pa-color-black), 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: var(--pa-color-focus-ring);
  --bs-form-valid-color: var(--pa-color-success-500);
  --bs-form-valid-border-color: var(--pa-color-success-500);
  --bs-form-invalid-color: var(--pa-color-danger-500);
  --bs-form-invalid-border-color: var(--pa-color-danger-500);
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: var(--pa-color-page-color);
  --bs-body-bg: var(--pa-color-page-background);
  --bs-emphasis-color: var(--pa-color-black);
  --bs-secondary-color: var(--pa-color-page-secondary-color);
  --bs-secondary-bg: var(--pa-color-page-secondary-background);
  --bs-tertiary-color: var(--pa-color-page-tertiary-color);
  --bs-tertiary-bg: var(--pa-color-gray-200);
  --bs-primary-text-emphasis: var(--pa-color-primary-800);
  --bs-secondary-text-emphasis: var(--pa-color-secondary-800);
  --bs-success-text-emphasis: var(--pa-color-success-800);
  --bs-info-text-emphasis: var(--pa-color-info-800);
  --bs-warning-text-emphasis: var(--pa-color-warning-800);
  --bs-danger-text-emphasis: var(--pa-color-danger-800);
  --bs-light-text-emphasis: var(--pa-color-light-800);
  --bs-dark-text-emphasis: var(--pa-color-dark-800);
  --bs-primary-bg-subtle: var(--pa-color-primary-100);
  --bs-secondary-bg-subtle: var(--pa-color-secondary-100);
  --bs-success-bg-subtle: var(--pa-color-success-100);
  --bs-info-bg-subtle: var(--pa-color-info-100);
  --bs-warning-bg-subtle: var(--pa-color-warning-100);
  --bs-danger-bg-subtle: var(--pa-color-danger-100);
  --bs-light-bg-subtle: var(--pa-color-light-100);
  --bs-dark-bg-subtle: var(--pa-color-dark-100);
  --bs-primary-border-subtle: var(--pa-color-primary-200);
  --bs-secondary-border-subtle: var(--pa-color-secondary-200);
  --bs-success-border-subtle: var(--pa-color-success-200);
  --bs-info-border-subtle: var(--pa-color-info-200);
  --bs-warning-border-subtle: var(--pa-color-warning-200);
  --bs-danger-border-subtle: var(--pa-color-danger-200);
  --bs-light-border-subtle: var(--pa-color-light-200);
  --bs-dark-border-subtle: var(--pa-color-dark-200);
  --bs-heading-color: inherit;
  --bs-link-color: var(--pa-color-link-text-default);
  --bs-link-hover-color: color-mix(in srgb, var(--pa-color-link-text-default), var(--pa-color-black) 20%);
  --bs-code-color: var(--pa-color-pink-500);
  --bs-highlight-color: var(--pa-color-page-color);
  --bs-border-color: var(--pa-color-gray-300);
  --bs-border-color-translucent: color-mix(in srgb, var(--bs-black) 17.5%, transparent);
  --bs-form-valid-color: var(--pa-color-success-500);
  --bs-form-valid-border-color: var(--pa-color-success-500);
  --bs-form-invalid-color: var(--pa-color-danger-500);
  --bs-form-invalid-border-color: var(--pa-color-danger-500);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(var(--pa-color-black), 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid #e9ebed;
  opacity: 1;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--pa-color-page-background);
  background-color: var(--pa-color-page-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

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

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-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;
}

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

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 400;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: var(--pa-color-gray-600);
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--pa-color-page-background);
  border: var(--bs-border-width) solid var(--pa-color-gray-300);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow-sm);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 2rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 2rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 2rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 2rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 2rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 2rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 2rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 2rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 2rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 2rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 2rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 2rem;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--pa-color-page-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--pa-input-background-color-default);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--pa-input-border-color-default);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow-inset);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--pa-color-page-color);
  background-color: var(--pa-input-background-color-default);
  border-color: var(--pa-input-border-color-focus);
  outline: 0;
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem var(--pa-color-focus-ring);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-moz-placeholder {
  color: var(--pa-input-placeholder-text-color-default);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--pa-input-placeholder-text-color-default);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--pa-color-page-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--pa-color-page-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='var%28--pa-color-gray-800%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--pa-color-page-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--pa-color-page-background);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--pa-color-gray-300);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow-inset);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: var(--pa-color-primary-250);
  outline: 0;
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem var(--pa-input-button-text-color-focus-default);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--pa-color-page-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='var%28--pa-color-gray-800%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--pa-color-page-background);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--pa-input-checkbox-border-color-default);
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 50%;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: var(--pa-color-primary-250);
  outline: 0;
  box-shadow: 0 0 0 0.25rem var(--pa-color-focus-ring);
}
.form-check-input:checked {
  background-color: var(--pa-color-primary-500);
  border-color: var(--pa-color-primary-500);
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='var%28--pa-color-white%29'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--pa-color-primary-500);
  border-color: var(--pa-color-primary-500);
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='var%28--pa-color-white%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 1;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e9ebed'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e9ebed'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--pa-color-page-background), 0 0 0 0.25rem var(--pa-color-focus-ring);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--pa-color-page-background), 0 0 0 0.25rem var(--pa-color-focus-ring);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--pa-color-primary-500);
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(var(--pa-color-black), 0.1);
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: var(--pa-color-primary-150);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: var(--bs-box-shadow-inset);
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
       appearance: none;
  background-color: var(--pa-color-primary-500);
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(var(--pa-color-black), 0.1);
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: var(--pa-color-primary-150);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: var(--bs-box-shadow-inset);
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder) ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--pa-input-background-color-default);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--pa-input-background-color-default);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: var(--pa-color-gray-600);
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--pa-color-page-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--pa-color-gray-300);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 24px;
  --bs-btn-padding-y: 12px;
  --bs-btn-font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--pa-color-page-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 14px;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  box-shadow: var(--bs-btn-box-shadow);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
  box-shadow: var(--bs-btn-active-shadow);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
  box-shadow: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: #000000;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: #000000;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #dee1e5;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: none;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 20px;
  --bs-btn-padding-x: 32px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 16px;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 12px;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--pa-color-page-color);
  --bs-dropdown-bg: var(--pa-color-page-background);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: #ced4da;
  --bs-dropdown-link-hover-color: #007bff;
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #ced4da;
  --bs-dropdown-link-active-bg: #ced4da;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: var(--pa-color-gray-600);
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  box-shadow: var(--bs-dropdown-box-shadow);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: var(--pa-color-gray-300);
  --bs-dropdown-bg: var(--pa-color-gray-800);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: var(--pa-color-gray-300);
  --bs-dropdown-link-hover-color: var(--pa-color-white);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(var(--pa-color-white), 0.15);
  --bs-dropdown-link-active-color: var(--pa-color-white);
  --bs-dropdown-link-active-bg: var(--pa-color-primary-500);
  --bs-dropdown-link-disabled-color: var(--pa-color-gray-500);
  --bs-dropdown-header-color: var(--pa-color-gray-500);
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 14px;
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 18px;
  padding-left: 18px;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 24px;
  padding-left: 24px;
}

.btn-group.show .dropdown-toggle {
  box-shadow: 0px 1px 4px rgba(104, 107, 117, 0.35), 0px 4px 8px rgba(104, 107, 117, 0.15);
}
.btn-group.show .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 16px;
  --bs-nav-link-padding-y: 8px;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--pa-color-gray-600);
  --bs-nav-link-hover-color: var(--pa-color-gray-700);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem var(--pa-color-focus-ring);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--pa-color-gray-300);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--pa-color-gray-300);
  --bs-nav-tabs-link-active-color: var(--pa-color-gray-800);
  --bs-nav-tabs-link-active-bg: var(--pa-color-page-background);
  --bs-nav-tabs-link-active-border-color: var(--pa-color-gray-500);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: var(--pa-color-white);
  --bs-nav-pills-link-active-bg: var(--pa-color-primary-500);
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--pa-color-black);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0px;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 18px;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var%28--pa-color-page-color%29, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: 14px;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 8px;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  box-shadow: none;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(var(--pa-color-white), 0.55);
  --bs-navbar-hover-color: rgba(var(--pa-color-white), 0.75);
  --bs-navbar-disabled-color: rgba(var(--pa-color-white), 0.25);
  --bs-navbar-active-color: var(--pa-color-white);
  --bs-navbar-brand-color: var(--pa-color-white);
  --bs-navbar-brand-hover-color: var(--pa-color-white);
  --bs-navbar-toggler-border-color: rgba(var(--pa-color-white), 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var%28--pa-color-white%29, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var%28--pa-color-white%29, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--pa-card-border-color-default);
  --bs-card-border-radius: 24px;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: 23px;
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--pa-card-background-color-default);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  box-shadow: var(--bs-card-box-shadow);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--pa-color-page-color);
  --bs-accordion-bg: var(--pa-color-page-background);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--pa-color-gray-300);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--pa-color-page-color);
  --bs-accordion-btn-bg: var(--pa-color-page-background);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='var%28--pa-color-page-color%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='var%28--pa-color-primary-800%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--pa-color-focus-ring);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--pa-color-primary-800);
  --bs-accordion-active-bg: var(--pa-color-primary-100);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='var%28--pa-color-page-color%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='var%28--pa-color-primary-800%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--pa-color-link-text-default);
  --bs-pagination-bg: rgba(0, 0, 0, 0);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--pa-color-gray-300);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--pa-color-gray-300);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--pa-color-focus-ring);
  --bs-pagination-active-color: var(--pa-color-white);
  --bs-pagination-active-bg: var(--pa-color-primary-500);
  --bs-pagination-active-border-color: var(--pa-color-primary-500);
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--pa-color-gray-300);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.125rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: var(--pa-badge-padding-md-x);
  --bs-badge-padding-y: var(--pa-badge-padding-md-y);
  --bs-badge-font-size: var(--pa-badge-font-size-md);
  --bs-badge-font-weight: var(--pa-badge-font-weight-default);
  --bs-badge-color: var(--pa-color-white);
  --bs-badge-border-radius: var(--pa-badge-border-radius-default);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1.25rem;
  --bs-alert-padding-y: 0.75rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.9375rem 1.25rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: var(--pa-color-white);
  --bs-progress-bar-bg: var(--pa-color-primary-500);
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
  box-shadow: var(--bs-progress-box-shadow);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(var(--pa-color-white), 0.15) 25%, transparent 25%, transparent 50%, rgba(var(--pa-color-white), 0.15) 50%, rgba(var(--pa-color-white), 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--pa-color-page-color);
  --bs-list-group-bg: var(--pa-color-page-background);
  --bs-list-group-border-color: var(--pa-color-gray-300);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--pa-color-black);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--pa-color-page-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--pa-color-page-background);
  --bs-list-group-active-color: var(--pa-color-white);
  --bs-list-group-active-bg: var(--pa-color-primary-500);
  --bs-list-group-active-border-color: var(--pa-color-primary-500);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: var(--pa-color-black);
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--pa-color-black%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem var(--pa-color-focus-ring);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}

.toast {
  --bs-toast-zindex: 2090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 2090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--pa-modal-background-color-default);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--pa-color-gray-300);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--pa-color-gray-300);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  box-shadow: var(--bs-modal-box-shadow);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: var(--pa-color-black);
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 2080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--pa-tooltip-text-color-default);
  --bs-tooltip-bg: var(--pa-tooltip-background-color-default);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--pa-color-page-background);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--pa-color-page-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
  box-shadow: var(--bs-popover-box-shadow);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: var(--pa-color-white);
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: var(--pa-color-white);
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--pa-color-white%29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--pa-color-white%29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--pa-color-white%29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--pa-color-white%29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--pa-color-white);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--pa-color-white);
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: var(--pa-color-black);
}
.carousel-dark .carousel-caption {
  color: var(--pa-color-black);
}

[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: var(--pa-color-black);
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: var(--pa-color-black);
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--pa-color-page-color);
  --bs-offcanvas-bg: var(--pa-color-page-background);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--bs-offcanvas-box-shadow);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--bs-offcanvas-box-shadow);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--bs-offcanvas-box-shadow);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--bs-offcanvas-box-shadow);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--bs-offcanvas-box-shadow);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  box-shadow: var(--bs-offcanvas-box-shadow);
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040p;
  width: 100vw;
  height: 100vh;
  background-color: var(--pa-color-black);
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, var(--pa-color-black) 55%, rgba(0, 0, 0, 0.8) 75%, var(--pa-color-black) 95%);
          mask-image: linear-gradient(130deg, var(--pa-color-black) 55%, rgba(0, 0, 0, 0.8) 75%, var(--pa-color-black) 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: var(--pa-color-primary-text-colored) !important;
  background-color: var(--pa-color-primary-500) !important;
}

.text-bg-secondary {
  color: var(--pa-color-secondary-text-colored) !important;
  background-color: var(--pa-color-secondary-500) !important;
}

.text-bg-success {
  color: var(--pa-color-success-text-colored) !important;
  background-color: var(--pa-color-success-500) !important;
}

.text-bg-info {
  color: var(--pa-color-info-text-colored) !important;
  background-color: var(--pa-color-info-500) !important;
}

.text-bg-warning {
  color: var(--pa-color-warning-text-colored) !important;
  background-color: var(--pa-color-warning-500) !important;
}

.text-bg-danger {
  color: var(--pa-color-danger-text-colored) !important;
  background-color: var(--pa-color-danger-500) !important;
}

.text-bg-light {
  color: var(--pa-color-light-text-colored) !important;
  background-color: var(--pa-color-light-100) !important;
}

.text-bg-dark {
  color: var(--pa-color-dark-text-colored) !important;
  background-color: var(--pa-color-dark-900) !important;
}

.text-bg-tertiary {
  color: var(--pa-color-tertiary-text-colored) !important;
  background-color: var(--pa-color-tertiary-500) !important;
}

.pa-marker {
  color: red;
}

.link-primary {
  color: var(--pa-color-primary-text-colored) !important;
  text-decoration-color: var(--pa-color-primary-text-colored) !important;
}

.link-secondary {
  color: var(--pa-color-secondary-text-colored) !important;
  text-decoration-color: var(--pa-color-secondary-text-colored) !important;
}

.link-success {
  color: var(--pa-color-success-text-colored) !important;
  text-decoration-color: var(--pa-color-success-text-colored) !important;
}

.link-info {
  color: var(--pa-color-info-text-colored) !important;
  text-decoration-color: var(--pa-color-info-text-colored) !important;
}

.link-warning {
  color: var(--pa-color-warning-text-colored) !important;
  text-decoration-color: var(--pa-color-warning-text-colored) !important;
}

.link-danger {
  color: var(--pa-color-danger-text-colored) !important;
  text-decoration-color: var(--pa-color-danger-text-colored) !important;
}

.link-light {
  color: var(--pa-color-light-text-colored) !important;
  text-decoration-color: var(--pa-color-light-text-colored) !important;
}

.link-dark {
  color: var(--pa-color-dark-text-colored) !important;
  text-decoration-color: var(--pa-color-dark-text-colored) !important;
}

.link-tertiary {
  color: var(--pa-color-tertiary-text-colored) !important;
  text-decoration-color: var(--pa-color-tertiary-text-colored) !important;
}

.link-body-emphasis {
  color: var(--bs-emphasis-color) !important;
  text-decoration-color: var(--bs-emphasis-color) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 1;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-tertiary {
  --bs-focus-ring-color: rgba(var(--bs-tertiary-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-tertiary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-tertiary-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

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

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.m-auto {
  margin: auto !important;
}

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

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

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

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

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

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

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

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 2rem !important;
}

.me-auto {
  margin-right: auto !important;
}

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

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 2rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 2rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 2rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 2rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 2rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
       column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 2rem !important;
       column-gap: 2rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 400 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.5 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 1.5 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-tertiary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(var(--pa-color-black), 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(var(--pa-color-white), 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-tertiary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-tertiary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 2rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 2rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 2rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 2rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 2rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 2rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 2rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 2rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 2rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 2rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 2rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 2rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 2rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 2rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 2rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 2rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 2rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 2rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 2rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 2rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 2rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 2rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 2rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 2rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 2rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 2rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 2rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 2rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 2rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 2rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 2rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 2rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 2rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 2rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 2rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 2rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 2rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 2rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 2rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 2rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 2rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 2rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 2rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 2rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 2rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 2rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 2rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 2rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 2rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 2rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 2rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 2rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 2rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 2rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 2rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 2rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 2rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.pa-colour-primary {
  color: var(--bs-primary);
}

.pa-colour-bg-primary {
  background-color: var(--bs-primary);
}

.pa-colour-secondary {
  color: var(--bs-secondary);
}

.pa-colour-bg-secondary {
  background-color: var(--bs-secondary);
}

.pa-colour-success {
  color: var(--bs-success);
}

.pa-colour-bg-success {
  background-color: var(--bs-success);
}

.pa-colour-info {
  color: var(--bs-info);
}

.pa-colour-bg-info {
  background-color: var(--bs-info);
}

.pa-colour-warning {
  color: var(--bs-warning);
}

.pa-colour-bg-warning {
  background-color: var(--bs-warning);
}

.pa-colour-danger {
  color: var(--bs-danger);
}

.pa-colour-bg-danger {
  background-color: var(--bs-danger);
}

.pa-colour-light {
  color: var(--bs-light);
}

.pa-colour-bg-light {
  background-color: var(--bs-light);
}

.pa-colour-dark {
  color: var(--bs-dark);
}

.pa-colour-bg-dark {
  background-color: var(--bs-dark);
}

.form-group {
  margin-bottom: 1rem;
}

[data-bs-theme=dark] .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: flex;
  align-items: center;
}

.form-check-label {
  padding: 0 5px;
}

.form-check-input {
  border-width: 1px;
  width: 18px;
  height: 18px;
  margin-top: 0;
  cursor: pointer;
  /**
  There is a known limitation as at 19/05/2025, outlined in Bootstrap v5.3's documentation, meaning that we need
  to use .is-valid and .is-invalid instead of :valid and :invalid until solved.
  [https://getbootstrap.com/docs/5.3/forms/validation/?#custom-styles]
   */
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input[hover]:not([disabled]), .form-check-input:hover:not(:disabled) {
  border-color: var(--bs-primary);
  box-shadow: 0 1px 5px rgba(var(--pa-color-primary-500), 0.1);
}
.form-check-input:focus:not(:checked) {
  border-color: var(--bs-input-focus-border-color);
}
.form-check-input[disabled], .form-check-input:disabled {
  background-color: var(--bs-secondary-bg);
  border-color: var(--pa-input-checkbox-border-color-default) !important;
}
.form-check-input[disabled][checked], .form-check-input[disabled]:checked, .form-check-input:disabled[checked], .form-check-input:disabled:checked {
  background-color: var(--bs-primary);
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: var(--pa-input-label-text-color-disabled);
}
.form-check-input:valid, .form-check-input:invalid, .form-check-input.is-valid, .form-check-input.is-invalid {
  border-color: var(--pa-input-checkbox-border-color-default) !important;
}
.form-check-input:valid:checked:not(:disabled), .form-check-input:invalid:checked:not(:disabled), .form-check-input.is-valid:checked:not(:disabled), .form-check-input.is-invalid:checked:not(:disabled) {
  border-color: var(--bs-primary) !important;
  background-color: var(--bs-primary) !important;
}
.form-check-input:valid ~ .form-check-label, .form-check-input:invalid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-body-color) !important;
}

.form-check:not(.form-switch) .form-check-input:checked[type=checkbox]:disabled,
.form-check:not(.form-switch) .form-check-input:checked[type=checkbox].disabled {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23343639' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check:not(.form-switch) [data-bs-theme=dark] .form-check-input:checked[type=checkbox]:disabled,
.form-check:not(.form-switch) [data-bs-theme=dark] .form-check-input:checked[type=checkbox].disabled {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23E9EBED' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-switch .form-check-input {
  background-color: var(--pa-color-gray-300);
  border: none;
  background-position: left;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-position 0.15s ease-in-out;
}
.form-switch .form-check-input[disabled], .form-switch .form-check-input:disabled {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ced3d7'/%3e%3c/svg%3e");
  background-color: var(--pa-input-switch-background-color-disabled);
}
.form-switch .form-check-input[disabled] [data-bs-theme=dark], .form-switch .form-check-input:disabled [data-bs-theme=dark] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ced3d7'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-color: var(--bs-primary);
}
.form-switch--lg {
  height: 28px;
}
.form-switch--lg .form-check-input {
  height: 24px;
  width: 52px;
}

.alert-primary {
  --bs-alert-border-color: transparent;
}

.alert-secondary {
  --bs-alert-border-color: transparent;
}

.alert-success {
  --bs-alert-border-color: transparent;
}

.alert-info {
  --bs-alert-border-color: transparent;
}

.alert-warning {
  --bs-alert-border-color: transparent;
}

.alert-danger {
  --bs-alert-border-color: transparent;
}

.alert-light {
  --bs-alert-border-color: transparent;
}

.alert-dark {
  --bs-alert-border-color: transparent;
}

[data-bs-theme=dark] .modal {
  --bs-modal-bg: var(--pa-modal-background-color-default);
}

.modal-dialog.pa-draggable .modal-header {
  cursor: move;
  touch-action: none;
}

.modal.fade .modal-dialog.pa-draggable {
  transition: none;
}

/*
  This file is used to define the base theme for the Pay Advantage design system.
  It is used to define the base colours and styles that will be used across the design system.
  This file should not be used to define any specific components or styles.

  It must include a copy of any bootstrap styles that it needs or that need to be overridden.
 */
.text-extra-smallest {
  font-size: var(--pa-font-size-xs);
}

.text-small {
  font-size: var(--pa-font-size-sm);
}

.text-medium {
  font-size: var(--pa-font-size-md);
}

.text-large {
  font-size: var(--pa-font-size-lg);
}

.text-extra-large {
  font-size: var(--pa-font-size-xl);
}

.text-error {
  color: var(--bs-danger);
}

.is-clickable:hover {
  cursor: pointer;
}

/**
 * Exposes the additional colours that we use as CSS Custom Properties.
 * Note: Bootstrap exposes some of the basic ones (ie. variants).
 */
:root, [data-bs-theme=light] {
  --bs-font-size-base: 16px;
  --bs-font-size-sm: 14px;
  --bs-font-size-lg: 18px;
  --bs-h1-font-size: 2.5rem;
  --bs-h2-font-size: 2rem;
  --bs-h3-font-size: 1.75rem;
  --bs-h4-font-size: 1.5rem;
  --bs-h5-font-size: 1.25rem;
  --bs-h6-font-size: 1rem;
  --bs-line-height-base: 1.5;
  --bs-line-height-sm: 1.5;
  --bs-line-height-lg: 1.5;
  --bs-font-weight-lighter: lighter;
  --bs-font-weight-light: 400;
  --bs-font-weight-normal: 400;
  --bs-font-weight-medium: 500;
  --bs-font-weight-semibold: 600;
  --bs-font-weight-bold: 700;
  --bs-font-weight-bolder: bolder;
  --bs-small-font-size: 0.875em;
  --bs-lead-font-size: 1.25rem;
  --pa-accent-color: var(--pa-color-accent);
  --pa-input-label-color: var(--pa-input-label-text-color-default);
  --bs-color-contrast-dark: var(--pa-color-black);
  --bs-color-contrast-light: var(--pa-color-white);
  --pa-shadow-content-layer: var(--pa-shadow-content);
  --pa-shadow-hover-layer: var(--pa-shadow-hover);
  --pa-shadow-fixed-layer: var(--pa-shadow-fixed);
  --pa-visa-blue: #1a1f71;
  --pa-mastercard-yellow: #f79e1b;
  --pa-facebook-blue: #1778F2;
  --pa-gray-border: var(--pa-color-gray-600);
  --pa-gray-dark-border: var(--pa-color-gray-800);
  --pa-gray-body-bg: var(--pa-color-gray-100);
  --pa-brand-primary: var(--bs-red);
  --pa-brand-info: var(--bs-blue);
  --pa-yellow-bright: var(--pa-color-yellow-400);
  --pa-red-error: var(--pa-color-primary-500);
  --pa-green-light: var(--pa-color-green-450);
  --pa-green-lightest: var(--pa-color-green-400);
  --pa-hosted-pages-header-bg: var(--pa-slotted-layout-header-background-color-default);
  --pa-slotted-header-text-light: var(--pa-slotted-layout-header-text-color-light);
  --pa-slotted-header-text-dark: var(--pa-slotted-layout-header-text-color-dark);
  --pa-date-picker-weekend: var(--pa-date-picker-background-color-weekend-default);
  --pa-form-input-label-focused-color: var(--pa-input-label-text-color-focus);
  --ms-option-color-pointed: var(--pa-color-white);
  --ms-option-bg-pointed: var(--bs-blue);
  --ms-option-bg-selected-pointed: var(--bs-blue);
  --ms-option-color-selected-pointed: var(--pa-color-white);
  --ms-option-bg-selected: var(--pa-color-gray-300);
  --ms-option-color-selected: var(--pa-color-black);
  --ms-option-color: var(--bs-body-color);
  --ms-radius: var(--pa-input-border-radius-default);
  --ms-border-width: 2px;
  --ms-border-color-active: var(--bs-info);
  --ms-bg-disabled: var(--bs-gray-100);
  --ms-line-height: 1.5;
  --ms-border-color: var(--pa-input-border-color-default);
  --ms-font-size: 16px;
  --ms-ring-width: 0px;
  --vf-min-height: 56px;
  --pa-background-color: var(--pa-color-page-background);
  --pa-text-color: var(--pa-color-page-color);
  --pa-text-muted: var(--pa-color-page-secondary-color);
  --pa-disabled-color: var(--pa-color-page-muted);
  --bs-progress-bar-bg: var(--pa-color-primary-500);
  --bs-breadcrumb-active-color: var(--bs-secondary-color);
  --bs-input-btn-focus-color: var(--pa-input-button-text-color-focus-default);
  --bs-input-focus-border-color: var(--pa-input-border-color-focus);
  --bs-blue-200: var(--pa-color-blue-200);
  --bs-green-200: var(--pa-color-green-200);
  --bs-green-300: var(--pa-color-green-300);
  --bs-red-300: var(--pa-color-red-300);
  --bs-orange-300: var(--pa-color-orange-300);
  --bs-black: var(--pa-color-black);
  --bs-modal-zindex: 1055;
  --bs-body-line-height: normal;
  --ms-radius: var(--pa-input-border-radius-default);
  --ms-border-width: var(--pa-input-border-width-default);
  --ms-border-color-active: var(--bs-info);
  --ms-bg-disabled: var(--bs-gray-100);
  --ms-line-height: 1.5;
  --ms-border-color: var(--pa-input-border-color-default);
  --ms-font-size: 16px;
  --ms-ring-width: 0px;
}

.dp__theme_light {
  --dp-primary-color: var(--bs-blue) !important;
  --dp-font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, sans-serif !important;
}

.pa-accordion-sheet {
  cursor: pointer;
  /* Positioning context for the closed-state hit area below. */
  position: relative;
  /* Once open, only the header row is a control — the card itself is content.
     Scoped to this sheet's OWN direct content (`> …__content`) so a nested
     accordion opening never flips an ancestor's cursor — same nesting-isolation
     guarantee applied to every stateful selector below. */
}
.pa-accordion-sheet:has(> .pa-accordion-sheet__content.pa-accordion-sheet--open) {
  cursor: default;
}

/* Closed, the WHOLE card is the click target (the sheet's padding used to
   show a pointer but ignore clicks — you had to hit the header row exactly).
   The overlay belongs to the header button, so a click anywhere on the card
   is a real button click: focus, Enter/Space and AT semantics all intact.
   It is removed when open so the panel content is fully interactive.
   Child-scoped (`>`) so a closed parent never paints an overlay onto a nested
   accordion's header. */
.pa-accordion-sheet__content:not(.pa-accordion-sheet--open) > .pa-accordion-sheet__header::before {
  content: "";
  position: absolute;
  inset: 0;
}

.pa-accordion-sheet__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  /* Header is a real <button> now — neutralise UA button styling; the title
     span carries its own type tokens. */
  font: inherit;
  color: inherit;
  text-align: left;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* The title→content gap opens on the same clock as the panel below, so the
     header glides down instead of jumping 20px. Decelerate curve converges on
     the tier-1 easing token carried by the selection family. */
  transition: margin-bottom var(--pa-accordion-sheet-panel-transition-duration) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1));
}
.pa-accordion-sheet__header:hover .pa-accordion-sheet__title {
  color: var(--pa-accordion-sheet-title-color-hover);
}
.pa-accordion-sheet__header:focus-visible {
  outline: none;
  /* The theme's focus-ring semantic — today it mirrors Bootstrap's blue
     ring on every theme; when the family recalibrates the token, every
     consumer follows centrally. */
  box-shadow: 0 0 0 3px var(--pa-color-focus-ring);
}

/* Child-scoped (`>`): the state class lives on `__content`, and every stateful
   rule below reaches only that content's OWN direct children. This is what
   isolates nesting — a nested accordion never sees an ancestor's `--open`/
   `--closed`, so its header gap, chevron and collapse are driven solely by its
   own state. */
.pa-accordion-sheet--open > .pa-accordion-sheet__header {
  margin-bottom: var(--pa-accordion-sheet-header-gap-open);
}

.pa-accordion-sheet__chevron {
  color: var(--pa-accordion-sheet-title-color-default);
  /* One chevron, rotated — replaces the up/down icon swap so the flip eases
     with the panel instead of snapping. */
  transition: transform var(--pa-accordion-sheet-panel-transition-duration) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1));
}

.pa-accordion-sheet--open > .pa-accordion-sheet__header > .pa-accordion-sheet__chevron {
  transform: rotate(180deg);
}

/* Animated collapse: a 0fr→1fr grid track eases the panel open/closed at its
   natural content height — no measuring, no max-height magic numbers. The
   panel stays rendered (inert while closed) so the motion runs both ways. */
.pa-accordion-sheet__collapse {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--pa-accordion-sheet-panel-transition-duration) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1));
}

.pa-accordion-sheet--open > .pa-accordion-sheet__collapse {
  grid-template-rows: 1fr;
}

/* The grid item must be unpadded or its border-box floor (padding) props the
   0fr track open — contentCss padding therefore lives on the panel inside. */
.pa-accordion-sheet__clip {
  min-height: 0;
  overflow: hidden;
}

.pa-accordion-sheet__panel {
  cursor: default;
}

.pa-accordion-sheet__title {
  font-size: var(--pa-accordion-sheet-title-font-size);
  font-weight: var(--pa-accordion-sheet-title-font-weight);
  text-transform: var(--pa-accordion-sheet-title-font-transform);
  color: var(--pa-accordion-sheet-title-color-default);
  display: flex;
  align-items: center;
  gap: var(--pa-accordion-sheet-title-gap);
}

@media (prefers-reduced-motion: reduce) {
  .pa-accordion-sheet__header,
  .pa-accordion-sheet__chevron,
  .pa-accordion-sheet__collapse {
    transition-duration: 0.01ms;
  }
}
/*
The design tokens that create the variables are defined in
./pa-action-button-tokens.js — the nav-button card language on the small
action tile.
*/
.pa-action-btn {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: var(--pa-action-button-height-xl);
  border-radius: var(--pa-action-button-border-radius-default);
  box-shadow: none;
  /* Padding rides the spacing chain (250/200 ship with PA-7219/#369). */
  padding: var(--pa-spacing-250, 20px) var(--pa-spacing-200, 16px);
  /* Card skin: surface chain face + gray.300 hairline (was --bs-white +
     gray.400) — the nav-button language. */
  background-color: var(--pa-color-surface-default, var(--pa-color-white));
  border: 1px solid var(--pa-color-surface-border, var(--pa-color-gray-300));
  /* The card ink, inherited by the icon (default icon-variant is now
     null). An explicit icon-variant sets color directly on the icon and
     wins over inheritance; label/spinner/states keep their own rules. */
  color: var(--pa-action-button-icon-color);
  /* Eased hover: colour-only fade (the nav lesson — decelerate reads jumpy
     on colour changes). */
  transition: border-color var(--pa-action-button-hover-transition-duration) ease, transform 120ms ease;
  /* Size ladder (designer pass): radius, icon, and label track the tile —
     only xl keeps the legacy 40px plate + 22px icon. Raw px icon steps
     (no icon-size scale exists — Dev-Lead-gated). These blocks are
     orientation-shared; heights per orientation live below. */
  /* xs: compact icon-only square — the row-action shape (the future
     kebab's trigger). A passed label is hidden by design. */
  /* Light container variant — the gray.100 well, same border. */
  /* Family focus ring, keyboard-only (was :focus + Bootstrap shadow). */
  /* Persistent selected states — the nav-button treatments. Border matches
     the fill (a gray hairline around a filled card reads as a glitch). */
  /* The momentary press: the gray well + press-down (designer round —
     the legacy black flash read as a selection, not a press; DECLARED
     visual change). Coloured faces press with their own darker step
     below; a selected card keeps its fill (higher specificity). */
  /* Hover: border steps up two shades — no shadow (the nav recipe;
     selected/pressed cards keep their fill-matched border; coloured
     faces darken instead — a gray edge on a red face reads broken). */
  /* Colour faces (designer ladder on the kebab/action tile): the button
     family recipe — face + darker edge, hover/press darken the face. */
}
.pa-action-btn.pa-action-btn--size-xs {
  height: var(--pa-action-button-height-xs);
  width: var(--pa-action-button-height-xs);
  min-width: var(--pa-action-button-height-xs);
  padding: 0;
  border-radius: var(--pa-action-button-border-radius-xs);
}
.pa-action-btn.pa-action-btn--size-xs .pa-action-btn__icon-container {
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
}
.pa-action-btn.pa-action-btn--size-xs .pa-action-btn__icon-lone {
  width: 20px;
  height: 20px;
}
.pa-action-btn.pa-action-btn--size-xs .pa-action-btn__label {
  display: none;
}
.pa-action-btn.pa-action-btn--size-sm {
  height: var(--pa-action-button-height-sm);
  padding: var(--pa-spacing-100, 8px) var(--pa-spacing-150, 12px);
  border-radius: var(--pa-action-button-border-radius-sm);
  gap: var(--pa-spacing-25, 2px);
}
.pa-action-btn.pa-action-btn--size-sm .pa-action-btn__icon-container {
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
}
.pa-action-btn.pa-action-btn--size-sm .pa-action-btn__icon-lone {
  width: 16px;
  height: 16px;
}
.pa-action-btn.pa-action-btn--size-sm .pa-action-btn__label {
  font-size: var(--pa-action-button-label-font-size-sm);
}
.pa-action-btn.pa-action-btn--size-md {
  height: var(--pa-action-button-height-md);
  border-radius: var(--pa-action-button-border-radius-md);
  gap: var(--pa-spacing-25, 2px);
}
.pa-action-btn.pa-action-btn--size-md .pa-action-btn__icon-container {
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
}
.pa-action-btn.pa-action-btn--size-md .pa-action-btn__icon-lone {
  width: 18px;
  height: 18px;
}
.pa-action-btn.pa-action-btn--size-lg {
  height: var(--pa-action-button-height-lg);
  gap: var(--pa-spacing-50, 4px);
}
.pa-action-btn.pa-action-btn--size-lg .pa-action-btn__icon-container {
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
}
.pa-action-btn.pa-action-btn--size-lg .pa-action-btn__icon-lone {
  width: 20px;
  height: 20px;
}
.pa-action-btn.pa-action-btn--horizontal {
  height: var(--pa-action-button-height-horizontal-xl);
  flex-direction: row;
  /* Row gap is deliberately NOT the column gap — 8px between icon and
     label reads right in a bar (declared after the size blocks so it
     wins the equal-specificity gap race). */
  gap: var(--pa-spacing-100);
  /* Bar icons run one step smaller than the tile's (designer pass —
     the tile icon reads oversized next to bar-height text). */
  /* xs stays the icon-only square even with the horizontal flag —
     guarded here because this block's height wins the source-order
     race against the outer xs block. */
  /* Every sub-xl bar needs the compact padding — the base 20px vertical
     padding floors border-box height at 42px, which would silently
     override the 32/36/40 tokens (adversary catch). */
}
.pa-action-btn.pa-action-btn--horizontal .pa-action-btn__icon-container {
  width: auto;
  min-width: auto;
}
.pa-action-btn.pa-action-btn--horizontal .pa-action-btn__icon-lone {
  width: 20px;
  height: 20px;
}
.pa-action-btn.pa-action-btn--horizontal.pa-action-btn--size-xs {
  height: var(--pa-action-button-height-xs);
  width: var(--pa-action-button-height-xs);
  min-width: var(--pa-action-button-height-xs);
  padding: 0;
}
.pa-action-btn.pa-action-btn--horizontal.pa-action-btn--size-sm {
  height: var(--pa-action-button-height-horizontal-sm);
  padding: var(--pa-spacing-100) var(--pa-spacing-150, 12px);
}
.pa-action-btn.pa-action-btn--horizontal.pa-action-btn--size-sm .pa-action-btn__icon-lone {
  width: 14px;
  height: 14px;
}
.pa-action-btn.pa-action-btn--horizontal.pa-action-btn--size-md {
  height: var(--pa-action-button-height-horizontal-md);
  padding: var(--pa-spacing-100) var(--pa-spacing-150, 12px);
}
.pa-action-btn.pa-action-btn--horizontal.pa-action-btn--size-md .pa-action-btn__icon-lone {
  width: 16px;
  height: 16px;
}
.pa-action-btn.pa-action-btn--horizontal.pa-action-btn--size-lg {
  height: var(--pa-action-button-height-horizontal-lg);
  padding: var(--pa-spacing-100) var(--pa-spacing-150, 12px);
}
.pa-action-btn.pa-action-btn--horizontal.pa-action-btn--size-lg .pa-action-btn__icon-lone {
  width: 18px;
  height: 18px;
}
.pa-action-btn__label {
  font-size: var(--pa-action-button-label-font-size-default);
  color: var(--pa-action-button-label-text-color);
  font-weight: var(--pa-action-button-label-font-weight);
}
.pa-action-btn.pa-action-btn--variant-light {
  background-color: var(--pa-action-button-variant-light-background-color);
}
.pa-action-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--pa-color-focus-ring);
}
.pa-action-btn.pa-action-btn--selected:not(:disabled) {
  background-color: var(--pa-action-button-selected-background-color);
  border-color: var(--pa-action-button-selected-background-color);
  color: var(--pa-action-button-selected-text-color);
}
.pa-action-btn.pa-action-btn--selected:not(:disabled) .pa-icon,
.pa-action-btn.pa-action-btn--selected:not(:disabled) .pa-action-btn__label {
  color: var(--pa-action-button-selected-text-color);
}
.pa-action-btn.pa-action-btn--selected.pa-action-btn--selected-primary:not(:disabled) {
  background-color: var(--pa-action-button-selected-primary-background-color);
  /* One step darker than the fill — the solid badge recipe's edge. */
  border-color: var(--pa-color-primary-600);
  color: var(--pa-action-button-selected-primary-text-color);
}
.pa-action-btn.pa-action-btn--selected.pa-action-btn--selected-primary:not(:disabled) .pa-icon,
.pa-action-btn.pa-action-btn--selected.pa-action-btn--selected-primary:not(:disabled) .pa-action-btn__label {
  color: var(--pa-action-button-selected-primary-text-color);
}
.pa-action-btn:active:not(:disabled):not(.pa-action-btn--variant-primary):not(.pa-action-btn--variant-black) {
  transform: scale(0.97);
  background-color: var(--pa-color-gray-100);
  border-color: var(--pa-color-gray-500);
}
.pa-action-btn:disabled {
  background-color: var(--pa-color-gray-100);
  border-color: var(--pa-color-gray-400);
  color: var(--pa-color-gray-400);
}
.pa-action-btn:disabled .pa-icon {
  color: var(--pa-color-gray-400);
}
.pa-action-btn:disabled .pa-action-btn__label {
  color: var(--pa-color-gray-400);
}
.pa-action-btn__icon-container {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pa-action-btn.pa-action-btn--is-loading {
  color: transparent;
}
.pa-action-btn.pa-action-btn--is-loading .pa-icon {
  color: transparent;
}
.pa-action-btn.pa-action-btn--is-loading .pa-action-btn__label {
  color: transparent;
}
.pa-action-btn .pa-action-btn__icon-lone {
  height: 22px;
  width: 22px;
}
.pa-action-btn:not(:disabled):not(.pa-action-btn--selected):not(.pa-action-btn--variant-primary):not(.pa-action-btn--variant-black):hover {
  box-shadow: none;
  border-color: var(--pa-color-gray-500);
}
.pa-action-btn.pa-action-btn--variant-primary:not(:disabled) {
  background-color: var(--pa-action-button-variant-primary-background-color);
  border-color: var(--pa-action-button-variant-primary-border-color);
  color: var(--pa-action-button-variant-primary-text-color);
}
.pa-action-btn.pa-action-btn--variant-primary:not(:disabled) .pa-icon,
.pa-action-btn.pa-action-btn--variant-primary:not(:disabled) .pa-action-btn__label {
  color: var(--pa-action-button-variant-primary-text-color);
}
.pa-action-btn.pa-action-btn--variant-primary:not(:disabled):hover, .pa-action-btn.pa-action-btn--variant-primary:not(:disabled):active {
  background-color: var(--pa-color-primary-600);
  border-color: var(--pa-color-primary-600);
}
.pa-action-btn.pa-action-btn--variant-primary:not(:disabled):active {
  transform: scale(0.97);
}
.pa-action-btn.pa-action-btn--variant-black:not(:disabled) {
  background-color: var(--pa-action-button-variant-black-background-color);
  border-color: var(--pa-action-button-variant-black-background-color);
  color: var(--pa-action-button-variant-black-text-color);
}
.pa-action-btn.pa-action-btn--variant-black:not(:disabled) .pa-icon,
.pa-action-btn.pa-action-btn--variant-black:not(:disabled) .pa-action-btn__label {
  color: var(--pa-action-button-variant-black-text-color);
}
.pa-action-btn.pa-action-btn--variant-black:not(:disabled):hover, .pa-action-btn.pa-action-btn--variant-black:not(:disabled):active {
  background-color: var(--pa-color-gray-900);
  border-color: var(--pa-color-gray-900);
}
.pa-action-btn.pa-action-btn--variant-black:not(:disabled):active {
  transform: scale(0.97);
}
.pa-action-btn .pa-action-btn__spinner-container {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pa-action-btn .pa-action-btn__spinner-container .pa-action-btn__spinner {
  z-index: 1;
  width: 20px;
  height: 20px;
  animation: pa-action-btn-spin 800ms linear infinite;
}
.pa-action-btn .pa-action-btn__spinner-container .pa-action-btn__spinner circle {
  fill: none;
  /* Was a 70%-alpha gray-400 Bootstrap border-ring — near-invisible
     on the disabled face. */
  stroke: var(--pa-color-secondary-600);
  stroke-width: 2.5;
  /* The full-rounded caps — the point of leaving spinner-border. */
  stroke-linecap: round;
  /* ~75% arc of the r=10 circle (circumference 62.8). */
  stroke-dasharray: 47 63;
}

@media (prefers-reduced-motion: reduce) {
  .pa-action-btn {
    transition: none;
  }
  .pa-action-btn:active:not(:disabled) {
    transform: none;
  }
}
@keyframes pa-action-btn-spin {
  to {
    transform: rotate(360deg);
  }
}
.pa-action-btn-group {
  display: flex;
  /* gap replaces margin-right !important (the rhythm-with-borders lesson
     from the nav group — and it retires the host's counter-override war). */
  gap: var(--pa-spacing-150, 12px);
}
.pa-action-btn-group .pa-action-btn {
  width: 100% !important;
  /* Keeps multi-word labels from wrapping inside the fixed-height tile
     when the group is squeezed (long-standing behaviour). */
  min-width: -moz-max-content;
  min-width: max-content;
}

.pa-action-group {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 576px) {
  .pa-action-group {
    flex-direction: row;
    justify-content: end;
  }
}
.pa-action-group .btn {
  width: 100%;
}
@media (min-width: 576px) {
  .pa-action-group .btn {
    width: auto;
  }
}

.pa-action-group > * {
  margin-top: 15px;
}
@media (min-width: 576px) {
  .pa-action-group > * {
    margin-top: 0;
    margin-right: 15px;
  }
}
.pa-action-group > *:last-child {
  margin-top: 0;
}
@media (min-width: 576px) {
  .pa-action-group > *:last-child {
    margin-right: 0;
  }
}

/*
The design tokens that create the variables are defined in ./pa-alert-count-tokens.js

PA-9542: shape now comes from min-width + height + inline-flex centring rather
than padding alone, matching the count badge built for the page header in
PA-9498 — so a single digit is a guaranteed circle instead of circular by
accident. Horizontal padding only takes effect once the count outgrows that
circle.
 */
.pa-alert-count, .pa-floating-alert-count__counter {
  background: var(--pa-alert-count-background-color-default);
  color: var(--pa-alert-count-text-color-default);
  font-size: var(--pa-alert-count-font-size-default);
  font-weight: var(--pa-alert-count-font-weight-default);
  border-radius: var(--pa-alert-count-border-radius-default);
  padding: 0 var(--pa-alert-count-padding-x-default);
  /* line-height 1 + centring, so the digits sit optically centred at any size */
  line-height: 1;
  min-width: var(--pa-alert-count-size-default);
  height: var(--pa-alert-count-size-default);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Digits keep the same advance width, so the badge stops jittering as the
     count ticks (e.g. 1 -> 7 -> 11). */
  font-variant-numeric: tabular-nums;
}

/* Dot variant: presence without a number. Padding and min-width have to be
   unset or the 8px dot would inherit the 22px count geometry. */
.pa-alert-count--dot,
.pa-floating-alert-count__counter--dot {
  min-width: var(--pa-alert-count-dot-size-default);
  width: var(--pa-alert-count-dot-size-default);
  height: var(--pa-alert-count-dot-size-default);
  padding: 0;
}

/* Compact variant: a count that rides an icon (menu rail). 16px / 10px digits; still a circle
   for one digit, a short stadium for two. */
.pa-alert-count--compact,
.pa-floating-alert-count__counter--compact {
  min-width: var(--pa-alert-count-compact-size-default);
  height: var(--pa-alert-count-compact-size-default);
  font-size: var(--pa-alert-count-compact-font-size-default);
  padding: 0 var(--pa-alert-count-compact-padding-x-default);
}

.pa-floating-alert-count__counter--compact {
  transform: translate(var(--pa-alert-count-compact-floating-offset-default), calc(-1 * var(--pa-alert-count-compact-floating-offset-default)));
  box-shadow: 0 0 0 var(--pa-alert-count-compact-floating-ring-width-default) var(--pa-alert-count-floating-ring-color-default);
}

.pa-floating-alert-count {
  position: relative;
  display: inline-block;
}

.pa-floating-alert-count__counter {
  position: absolute;
  /* Logical properties so a right-to-left locale mirrors the corner without a
     second code path (the approach Carbon uses). */
  inset-inline-end: 0;
  inset-block-start: 0;
  /* Percentage translate so the overlap tracks the badge's own size — a fixed
     -10px nudge (the previous approach) mispositions as soon as the badge
     grows with a wider count or the dot variant shrinks it.

     calc(-1 * var(...)) is required: the tokens compile to var() references,
     and `-var(--x)` is invalid CSS that silently drops the whole transform. */
  transform: translate(var(--pa-alert-count-floating-offset-default), calc(-1 * var(--pa-alert-count-floating-offset-default)));
  /* Mirror the horizontal nudge in RTL, since translate is not direction-aware */
  /* Ring so the badge stays readable when it overlaps a button fill, an icon
     or imagery. */
  box-shadow: 0 0 0 var(--pa-alert-count-floating-ring-width-default) var(--pa-alert-count-floating-ring-color-default);
}
[dir=rtl] .pa-floating-alert-count__counter {
  transform: translate(calc(-1 * var(--pa-alert-count-floating-offset-default)), calc(-1 * var(--pa-alert-count-floating-offset-default)));
}

body.pa-app {
  height: 100vh;
  overflow: hidden;
  overflow: clip;
}

div.pa-app {
  display: flex;
}

div.pa-app__content {
  height: 100vh;
  width: 100%;
  overflow: auto;
}

@media print {
  body.pa-app {
    height: auto;
    overflow: visible;
  }
  div.pa-app {
    display: block;
  }
  div.pa-app__content {
    height: auto;
    overflow: visible;
  }
}
.badge {
  border: var(--pa-badge-border-width-default) solid transparent;
  --bs-badge-font-size: var(--pa-badge-font-size-md);
  --bs-badge-font-weight: var(--pa-badge-font-weight-default);
  --bs-badge-padding-x: var(--pa-badge-padding-md-x);
  --bs-badge-padding-y: var(--pa-badge-padding-md-y);
}
.badge-sm {
  --bs-badge-padding-x: var(--pa-badge-padding-sm-x);
  --bs-badge-padding-y: var(--pa-badge-padding-sm-y);
  --bs-badge-font-size: var(--pa-badge-font-size-sm);
}
.badge-lg {
  --bs-badge-padding-x: var(--pa-badge-padding-lg-x);
  --bs-badge-padding-y: var(--pa-badge-padding-lg-y);
  --bs-badge-font-size: var(--pa-badge-font-size-lg);
}

.badge.text-bg-primary {
  border-color: var(--pa-badge-variant-primary-border-color);
  color: var(--pa-badge-variant-primary-text-color) !important;
  background-color: var(--pa-badge-variant-primary-background-color) !important;
}

.badge.text-bg-secondary {
  border-color: var(--pa-badge-variant-secondary-border-color);
  color: var(--pa-badge-variant-secondary-text-color) !important;
  background-color: var(--pa-badge-variant-secondary-background-color) !important;
}

.badge.text-bg-tertiary {
  border-color: var(--pa-badge-variant-tertiary-border-color);
  color: var(--pa-badge-variant-tertiary-text-color) !important;
  background-color: var(--pa-badge-variant-tertiary-background-color) !important;
}

.badge.text-bg-success {
  border-color: var(--pa-badge-variant-success-border-color);
  color: var(--pa-badge-variant-success-text-color) !important;
  background-color: var(--pa-badge-variant-success-background-color) !important;
}

.badge.text-bg-warning {
  border-color: var(--pa-badge-variant-warning-border-color);
  color: var(--pa-badge-variant-warning-text-color) !important;
  background-color: var(--pa-badge-variant-warning-background-color) !important;
}

.badge.text-bg-danger {
  border-color: var(--pa-badge-variant-danger-border-color);
  color: var(--pa-badge-variant-danger-text-color) !important;
  background-color: var(--pa-badge-variant-danger-background-color) !important;
}

.badge.text-bg-light {
  border-color: var(--pa-badge-variant-light-border-color);
  color: var(--pa-badge-variant-light-text-color) !important;
  background-color: var(--pa-badge-variant-light-background-color) !important;
}

.badge.text-bg-dark {
  border-color: var(--pa-badge-variant-dark-border-color);
  color: var(--pa-badge-variant-dark-text-color) !important;
  background-color: var(--pa-badge-variant-dark-background-color) !important;
}

.badge.text-bg-info {
  border-color: var(--pa-badge-variant-info-border-color);
  color: var(--pa-badge-variant-info-text-color) !important;
  background-color: var(--pa-badge-variant-info-background-color) !important;
}

.dropdown-toggle-no-caret::after {
  display: none;
}

.btn-group .dropdown-toggle-split {
  padding-left: 0.5625rem !important;
  padding-right: 0.5625rem !important;
}
.btn-group .dropdown-toggle-split::after {
  margin-left: 0;
}

.btn-group.btn-group-split {
  gap: 0.15rem;
}
.btn-group.btn-group-split > .btn.dropdown-action-split,
.btn-group.btn-group-split > .btn.dropdown-toggle-split {
  --bs-btn-hover-bg: var(--bs-btn-active-bg);
  --bs-btn-hover-border-color: var(--bs-btn-active-border-color);
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--zindex-dropdown, 1000);
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: var(--bs-body-color, #212529);
  text-align: left;
  background-color: var(--bs-dropdown-bg, #fff);
  background-clip: padding-box;
  border: var(--bs-border-width, 1px) solid var(--bs-dropdown-border-color, rgba(0, 0, 0, 0.15));
  border-radius: var(--bs-dropdown-border-radius, 0.375rem);
  box-shadow: var(--bs-dropdown-box-shadow, 0 0.5rem 1rem rgba(0, 0, 0, 0.175));
}
.dropdown-menu.dropdown-menu-end {
  right: 0;
  left: auto;
}
.dropdown-menu.show {
  display: block;
}

@media (max-width: 576px) {
  .btn-block-mobile {
    display: block;
    width: 100%;
  }
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y, 0.25rem) var(--bs-dropdown-item-padding-x, 1.5rem);
  clear: both;
  font-weight: 400;
  color: var(--bs-gray-600, #212529);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-gray-700, #1e2125);
  background-color: var(--bs-gray-300, #e9ecef);
  text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-gray-700, #fff);
  background-color: var(--bs-gray-300, #0d6efd);
  text-decoration: none;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-secondary, #adb5bd);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-item:focus {
  outline: 2px solid var(--bs-primary, #0d6efd);
  outline-offset: -2px;
}

.dropdown-item-danger {
  color: var(--bs-danger, #dc3545);
}
.dropdown-item-danger:hover, .dropdown-item-danger:focus {
  color: #fff;
  background-color: var(--bs-danger, #dc3545);
}

.dropdown-item-warning {
  color: var(--bs-warning, #fd7e14);
}
.dropdown-item-warning:hover, .dropdown-item-warning:focus {
  color: #fff;
  background-color: var(--bs-warning, #fd7e14);
}

.dropdown-item-success {
  color: var(--bs-success, #198754);
}
.dropdown-item-success:hover, .dropdown-item-success:focus {
  color: #fff;
  background-color: var(--bs-success, #198754);
}

.dropdown-item-info {
  color: var(--bs-info, #0dcaf0);
}
.dropdown-item-info:hover, .dropdown-item-info:focus {
  color: #000;
  background-color: var(--bs-info, #0dcaf0);
}

.dropdown-item-primary {
  color: var(--bs-primary, #0d6efd);
}
.dropdown-item-primary:hover, .dropdown-item-primary:focus {
  color: #fff;
  background-color: var(--bs-primary, #0d6efd);
}

.dropdown-item-secondary {
  color: var(--bs-secondary, #6c757d);
}
.dropdown-item-secondary:hover, .dropdown-item-secondary:focus {
  color: #fff;
  background-color: var(--bs-secondary, #6c757d);
}

button.dropdown-item {
  text-align: left;
}

a.dropdown-item {
  text-decoration: none;
}
a.dropdown-item:hover {
  text-decoration: none;
}

.dropdown-item__close {
  margin-left: 0.5rem;
}

/*

This component is an extension of the Bootstrap button component and it incorporates design tokens.

When using design tokens, it is important to ensure that where they overlap with Bootstrap, the design tokens are used
to update the Bootstrap variables.

To export a design token to a Bootstrap variable, add the token to the `bootstrapMappingsScss` or `bootstrapMappings`
objects in `./style-dictionary.config.js`.

This component overrides the Bootstrap mixins `button-variant` and `button-outline-variant` to disable the default
Bootstrap variant output. This is necessary because the default mixins generate styles based on a single color
passed as an argument, whereas this design system requires specific tokens for every state (hover, active, focus, disabled).
Since these mixins are called during Bootstrap's internal rendering process, overriding them is the only way to
prevent unwanted default styles and inject our token-based CSS variables.

 */
.pa-btn--pill {
  border-radius: var(--pa-button-radius-pill-default);
}

@media (max-width: 767.98px) {
  .btn:not(.pa-btn--icon-lone) {
    min-width: 100%;
  }
}
.btn {
  --bs-btn-border-width: var(--pa-button-border-width-default);
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  align-items: center;
  display: inline-flex;
  justify-content: center;
  position: relative;
  transition: background-color var(--pa-button-transition-duration-default) var(--pa-button-transition-easing-default), border-color var(--pa-button-transition-duration-default) var(--pa-button-transition-easing-default), color var(--pa-button-transition-duration-default) var(--pa-button-transition-easing-default);
  cursor: var(--pa-button-cursor-default);
  --bs-btn-font-weight: var(--pa-font-weight-regular);
  --bs-btn-font-size: var(--pa-button-font-size-md);
}
.btn.pa-btn--block {
  min-width: 100% !important;
}
.btn.pa-btn--block.pa-btn--icon-present:not(.pa-btn--icon-right) {
  justify-content: left !important;
}
.btn.pa-btn--block.pa-btn--icon-present.pa-btn--icon-right {
  justify-content: right !important;
}
.btn.btn--circle {
  border-radius: 50%;
  width: auto;
  height: auto;
  padding: 5px;
}
.btn:not(.pa-btn--icon-right):not(.pa-btn--icon-lone).pa-btn--icon-present {
  padding: var(--pa-button-icon-padding-md-y) var(--pa-button-icon-padding-md-x) var(--pa-button-icon-padding-md-y) var(--pa-button-icon-padding-md-square);
}
.btn:not(.pa-btn--icon-right):not(.pa-btn--icon-lone).pa-btn--icon-present .pa-icon {
  margin-right: calc(var(--pa-button-icon-margin-md) + var(--pa-button-icon-padding-md-square));
}
.btn:not(.pa-btn--icon-lone).pa-btn--icon-right.pa-btn--icon-present {
  padding: var(--pa-button-icon-padding-md-y) var(--pa-button-icon-padding-md-square) var(--pa-button-icon-padding-md-y) var(--pa-button-icon-padding-md-x);
}
.btn:not(.pa-btn--icon-lone).pa-btn--icon-right.pa-btn--icon-present .pa-icon {
  margin-left: calc(var(--pa-button-icon-margin-md) + var(--pa-button-icon-padding-md-square));
}
.btn .pa-square {
  height: calc(var(--pa-button-icon-dimension-md) + 5px);
  width: auto;
}
.btn .pa-icon {
  width: var(--pa-button-icon-dimension-md);
  height: var(--pa-button-icon-dimension-md);
  margin: var(--pa-button-icon-margin-md);
}
.btn.pa-btn--icon-lone {
  padding: var(--pa-button-icon-lone-padding-md);
  line-height: 0;
}
.btn.pa-btn--icon-lone .pa-icon {
  width: var(--pa-button-icon-dimension-md);
  height: var(--pa-button-icon-dimension-md);
  margin: var(--pa-button-icon-lone-margin-md);
}
.btn:not(.pa-btn--icon-lone) {
  min-height: var(--pa-button-height-md);
  min-width: var(--pa-button-height-md);
}
.btn-lg:not(.pa-btn--icon-right):not(.pa-btn--icon-lone).pa-btn--icon-present, .btn-group-lg > .btn:not(.pa-btn--icon-right):not(.pa-btn--icon-lone).pa-btn--icon-present {
  padding: var(--pa-button-icon-padding-lg-y) var(--pa-button-icon-padding-lg-x) var(--pa-button-icon-padding-lg-y) var(--pa-button-icon-padding-lg-square);
}
.btn-lg:not(.pa-btn--icon-right):not(.pa-btn--icon-lone).pa-btn--icon-present .pa-icon, .btn-group-lg > .btn:not(.pa-btn--icon-right):not(.pa-btn--icon-lone).pa-btn--icon-present .pa-icon {
  margin-right: calc(var(--pa-button-icon-margin-lg) + var(--pa-button-icon-padding-lg-square));
}
.btn-lg:not(.pa-btn--icon-lone).pa-btn--icon-right.pa-btn--icon-present, .btn-group-lg > .btn:not(.pa-btn--icon-lone).pa-btn--icon-right.pa-btn--icon-present {
  padding: var(--pa-button-icon-padding-lg-y) var(--pa-button-icon-padding-lg-square) var(--pa-button-icon-padding-lg-y) var(--pa-button-icon-padding-lg-x);
}
.btn-lg:not(.pa-btn--icon-lone).pa-btn--icon-right.pa-btn--icon-present .pa-icon, .btn-group-lg > .btn:not(.pa-btn--icon-lone).pa-btn--icon-right.pa-btn--icon-present .pa-icon {
  margin-left: calc(var(--pa-button-icon-margin-lg) + var(--pa-button-icon-padding-lg-square));
}
.btn-lg .pa-square, .btn-group-lg > .btn .pa-square {
  height: calc(var(--pa-button-icon-dimension-lg) + 5px);
  width: auto;
}
.btn-lg .pa-icon, .btn-group-lg > .btn .pa-icon {
  width: var(--pa-button-icon-dimension-lg);
  height: var(--pa-button-icon-dimension-lg);
  margin: var(--pa-button-icon-margin-lg);
}
.btn-lg.pa-btn--icon-lone, .btn-group-lg > .pa-btn--icon-lone.btn {
  padding: var(--pa-button-icon-lone-padding-lg);
  line-height: 0;
}
.btn-lg.pa-btn--icon-lone .pa-icon, .btn-group-lg > .pa-btn--icon-lone.btn .pa-icon {
  width: var(--pa-button-icon-dimension-lg);
  height: var(--pa-button-icon-dimension-lg);
  margin: var(--pa-button-icon-lone-margin-lg);
}
.btn-lg:not(.pa-btn--icon-lone), .btn-group-lg > .btn:not(.pa-btn--icon-lone) {
  min-height: var(--pa-button-height-lg);
  min-width: var(--pa-button-height-lg);
}
.btn-sm:not(.pa-btn--icon-right):not(.pa-btn--icon-lone).pa-btn--icon-present, .btn-group-sm > .btn:not(.pa-btn--icon-right):not(.pa-btn--icon-lone).pa-btn--icon-present {
  padding: var(--pa-button-icon-padding-sm-y) var(--pa-button-icon-padding-sm-x) var(--pa-button-icon-padding-sm-y) var(--pa-button-icon-padding-sm-square);
}
.btn-sm:not(.pa-btn--icon-right):not(.pa-btn--icon-lone).pa-btn--icon-present .pa-icon, .btn-group-sm > .btn:not(.pa-btn--icon-right):not(.pa-btn--icon-lone).pa-btn--icon-present .pa-icon {
  margin-right: calc(var(--pa-button-icon-margin-sm) + var(--pa-button-icon-padding-sm-square));
}
.btn-sm:not(.pa-btn--icon-lone).pa-btn--icon-right.pa-btn--icon-present, .btn-group-sm > .btn:not(.pa-btn--icon-lone).pa-btn--icon-right.pa-btn--icon-present {
  padding: var(--pa-button-icon-padding-sm-y) var(--pa-button-icon-padding-sm-square) var(--pa-button-icon-padding-sm-y) var(--pa-button-icon-padding-sm-x);
}
.btn-sm:not(.pa-btn--icon-lone).pa-btn--icon-right.pa-btn--icon-present .pa-icon, .btn-group-sm > .btn:not(.pa-btn--icon-lone).pa-btn--icon-right.pa-btn--icon-present .pa-icon {
  margin-left: calc(var(--pa-button-icon-margin-sm) + var(--pa-button-icon-padding-sm-square));
}
.btn-sm .pa-square, .btn-group-sm > .btn .pa-square {
  height: calc(var(--pa-button-icon-dimension-sm) + 5px);
  width: auto;
}
.btn-sm .pa-icon, .btn-group-sm > .btn .pa-icon {
  width: var(--pa-button-icon-dimension-sm);
  height: var(--pa-button-icon-dimension-sm);
  margin: var(--pa-button-icon-margin-sm);
}
.btn-sm.pa-btn--icon-lone, .btn-group-sm > .pa-btn--icon-lone.btn {
  padding: var(--pa-button-icon-lone-padding-sm);
  line-height: 0;
}
.btn-sm.pa-btn--icon-lone .pa-icon, .btn-group-sm > .pa-btn--icon-lone.btn .pa-icon {
  width: var(--pa-button-icon-dimension-sm);
  height: var(--pa-button-icon-dimension-sm);
  margin: var(--pa-button-icon-lone-margin-sm);
}
.btn-sm:not(.pa-btn--icon-lone), .btn-group-sm > .btn:not(.pa-btn--icon-lone) {
  min-height: var(--pa-button-height-sm);
  min-width: var(--pa-button-height-sm);
}
.btn-sm .spinner-border, .btn-group-sm > .btn .spinner-border {
  width: 1.5rem;
  height: 1.5rem;
}
.btn .pa-btn--spinner-container {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn .pa-btn--spinner-container .spinner-border {
  z-index: 1;
  color: color-mix(in srgb, var(--pa-color-gray-400) 70%, transparent);
}
.btn-outline-primary .pa-icon--outline-primary {
  color: var(--pa-color-primary-500);
}
.btn-outline-primary .pa-icon-lone {
  color: var(--pa-color-primary-500);
}
.btn-outline-secondary .pa-icon--outline-secondary {
  color: var(--pa-color-secondary-500);
}
.btn-outline-secondary .pa-icon-lone {
  color: var(--pa-color-secondary-500);
}
.btn-outline-success .pa-icon--outline-success {
  color: var(--pa-color-success-500);
}
.btn-outline-success .pa-icon-lone {
  color: var(--pa-color-success-500);
}
.btn-outline-info .pa-icon--outline-info {
  color: var(--pa-color-info-500);
}
.btn-outline-info .pa-icon-lone {
  color: var(--pa-color-info-500);
}
.btn-outline-warning .pa-icon--outline-warning {
  color: var(--pa-color-warning-500);
}
.btn-outline-warning .pa-icon-lone {
  color: var(--pa-color-warning-500);
}
.btn-outline-danger .pa-icon--outline-danger {
  color: var(--pa-color-danger-500);
}
.btn-outline-danger .pa-icon-lone {
  color: var(--pa-color-danger-500);
}
.btn-outline-light .pa-icon--outline-light {
  color: var(--pa-color-light-100);
}
.btn-outline-light .pa-icon-lone {
  color: var(--pa-color-light-100);
}
.btn-outline-dark .pa-icon--outline-dark {
  color: var(--pa-color-dark-900);
}
.btn-outline-dark .pa-icon-lone {
  color: var(--pa-color-dark-900);
}
.btn:disabled, .btn.disabled {
  cursor: var(--pa-button-cursor-disabled);
}
.btn.pa-btn--is-loading {
  cursor: var(--pa-button-cursor-disabled);
  pointer-events: none;
}

.btn-primary {
  --bs-btn-bg: var(--pa-button-variant-primary-background-color-default);
  --bs-btn-border-color: var(--pa-button-variant-primary-border-color-default);
  --bs-btn-color: var(--pa-button-variant-primary-text-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-primary-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-primary-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-primary-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-primary-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-primary-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-primary-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-primary-text-color-disabled);
}
.btn-primary:focus, .btn-primary.focus {
  --bs-btn-border-color: var(--pa-button-variant-primary-border-color-focus);
}
.btn-primary:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-primary-text-color-default);
}
.btn-primary .pa-icon-lone {
  color: var(--pa-button-variant-primary-text-color-default);
}
.btn-primary:disabled:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-primary-text-color-disabled);
}
.btn-primary:disabled.pa-btn--icon-lone .pa-icon {
  color: var(--pa-button-variant-primary-text-color-disabled);
}
.btn-primary:disabled.pa-btn--is-loading {
  color: transparent;
}
.btn-primary:disabled.pa-btn--is-loading .pa-icon {
  color: transparent;
}

.btn-outline-primary {
  --bs-btn-border-color: var(--pa-button-variant-primary-background-color-default);
  --bs-btn-color: var(--pa-button-variant-primary-background-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-primary-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-primary-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-primary-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-primary-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-primary-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-primary-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-primary-text-color-disabled);
  --bs-gradient: none;
}

.btn-secondary {
  --bs-btn-bg: var(--pa-button-variant-secondary-background-color-default);
  --bs-btn-border-color: var(--pa-button-variant-secondary-border-color-default);
  --bs-btn-color: var(--pa-button-variant-secondary-text-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-secondary-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-secondary-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-secondary-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-secondary-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-secondary-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-secondary-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-secondary-text-color-disabled);
}
.btn-secondary:focus, .btn-secondary.focus {
  --bs-btn-border-color: var(--pa-button-variant-secondary-border-color-focus);
}
.btn-secondary:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-secondary-text-color-default);
}
.btn-secondary .pa-icon-lone {
  color: var(--pa-button-variant-secondary-text-color-default);
}
.btn-secondary:disabled:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-secondary-text-color-disabled);
}
.btn-secondary:disabled.pa-btn--icon-lone .pa-icon {
  color: var(--pa-button-variant-secondary-text-color-disabled);
}
.btn-secondary:disabled.pa-btn--is-loading {
  color: transparent;
}
.btn-secondary:disabled.pa-btn--is-loading .pa-icon {
  color: transparent;
}

.btn-outline-secondary {
  --bs-btn-border-color: var(--pa-button-variant-secondary-background-color-default);
  --bs-btn-color: var(--pa-button-variant-secondary-background-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-secondary-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-secondary-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-secondary-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-secondary-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-secondary-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-secondary-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-secondary-text-color-disabled);
  --bs-gradient: none;
}

.btn-success {
  --bs-btn-bg: var(--pa-button-variant-success-background-color-default);
  --bs-btn-border-color: var(--pa-button-variant-success-border-color-default);
  --bs-btn-color: var(--pa-button-variant-success-text-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-success-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-success-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-success-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-success-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-success-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-success-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-success-text-color-disabled);
}
.btn-success:focus, .btn-success.focus {
  --bs-btn-border-color: var(--pa-button-variant-success-border-color-focus);
}
.btn-success:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-success-text-color-default);
}
.btn-success .pa-icon-lone {
  color: var(--pa-button-variant-success-text-color-default);
}
.btn-success:disabled:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-success-text-color-disabled);
}
.btn-success:disabled.pa-btn--icon-lone .pa-icon {
  color: var(--pa-button-variant-success-text-color-disabled);
}
.btn-success:disabled.pa-btn--is-loading {
  color: transparent;
}
.btn-success:disabled.pa-btn--is-loading .pa-icon {
  color: transparent;
}

.btn-outline-success {
  --bs-btn-border-color: var(--pa-button-variant-success-background-color-default);
  --bs-btn-color: var(--pa-button-variant-success-background-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-success-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-success-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-success-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-success-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-success-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-success-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-success-text-color-disabled);
  --bs-gradient: none;
}

.btn-info {
  --bs-btn-bg: var(--pa-button-variant-info-background-color-default);
  --bs-btn-border-color: var(--pa-button-variant-info-border-color-default);
  --bs-btn-color: var(--pa-button-variant-info-text-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-info-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-info-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-info-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-info-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-info-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-info-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-info-text-color-disabled);
}
.btn-info:focus, .btn-info.focus {
  --bs-btn-border-color: var(--pa-button-variant-info-border-color-focus);
}
.btn-info:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-info-text-color-default);
}
.btn-info .pa-icon-lone {
  color: var(--pa-button-variant-info-text-color-default);
}
.btn-info:disabled:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-info-text-color-disabled);
}
.btn-info:disabled.pa-btn--icon-lone .pa-icon {
  color: var(--pa-button-variant-info-text-color-disabled);
}
.btn-info:disabled.pa-btn--is-loading {
  color: transparent;
}
.btn-info:disabled.pa-btn--is-loading .pa-icon {
  color: transparent;
}

.btn-outline-info {
  --bs-btn-border-color: var(--pa-button-variant-info-background-color-default);
  --bs-btn-color: var(--pa-button-variant-info-background-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-info-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-info-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-info-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-info-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-info-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-info-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-info-text-color-disabled);
  --bs-gradient: none;
}

.btn-warning {
  --bs-btn-bg: var(--pa-button-variant-warning-background-color-default);
  --bs-btn-border-color: var(--pa-button-variant-warning-border-color-default);
  --bs-btn-color: var(--pa-button-variant-warning-text-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-warning-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-warning-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-warning-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-warning-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-warning-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-warning-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-warning-text-color-disabled);
}
.btn-warning:focus, .btn-warning.focus {
  --bs-btn-border-color: var(--pa-button-variant-warning-border-color-focus);
}
.btn-warning:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-warning-text-color-default);
}
.btn-warning .pa-icon-lone {
  color: var(--pa-button-variant-warning-text-color-default);
}
.btn-warning:disabled:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-warning-text-color-disabled);
}
.btn-warning:disabled.pa-btn--icon-lone .pa-icon {
  color: var(--pa-button-variant-warning-text-color-disabled);
}
.btn-warning:disabled.pa-btn--is-loading {
  color: transparent;
}
.btn-warning:disabled.pa-btn--is-loading .pa-icon {
  color: transparent;
}

.btn-outline-warning {
  --bs-btn-border-color: var(--pa-button-variant-warning-background-color-default);
  --bs-btn-color: var(--pa-button-variant-warning-background-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-warning-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-warning-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-warning-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-warning-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-warning-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-warning-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-warning-text-color-disabled);
  --bs-gradient: none;
}

.btn-danger {
  --bs-btn-bg: var(--pa-button-variant-danger-background-color-default);
  --bs-btn-border-color: var(--pa-button-variant-danger-border-color-default);
  --bs-btn-color: var(--pa-button-variant-danger-text-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-danger-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-danger-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-danger-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-danger-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-danger-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-danger-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-danger-text-color-disabled);
}
.btn-danger:focus, .btn-danger.focus {
  --bs-btn-border-color: var(--pa-button-variant-danger-border-color-focus);
}
.btn-danger:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-danger-text-color-default);
}
.btn-danger .pa-icon-lone {
  color: var(--pa-button-variant-danger-text-color-default);
}
.btn-danger:disabled:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-danger-text-color-disabled);
}
.btn-danger:disabled.pa-btn--icon-lone .pa-icon {
  color: var(--pa-button-variant-danger-text-color-disabled);
}
.btn-danger:disabled.pa-btn--is-loading {
  color: transparent;
}
.btn-danger:disabled.pa-btn--is-loading .pa-icon {
  color: transparent;
}

.btn-outline-danger {
  --bs-btn-border-color: var(--pa-button-variant-danger-background-color-default);
  --bs-btn-color: var(--pa-button-variant-danger-background-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-danger-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-danger-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-danger-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-danger-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-danger-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-danger-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-danger-text-color-disabled);
  --bs-gradient: none;
}

.btn-light {
  --bs-btn-bg: var(--pa-button-variant-light-background-color-default);
  --bs-btn-border-color: var(--pa-button-variant-light-border-color-default);
  --bs-btn-color: var(--pa-button-variant-light-text-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-light-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-light-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-light-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-light-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-light-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-light-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-light-text-color-disabled);
}
.btn-light:focus, .btn-light.focus {
  --bs-btn-border-color: var(--pa-button-variant-light-border-color-focus);
}
.btn-light:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-light-text-color-default);
}
.btn-light .pa-icon-lone {
  color: var(--pa-button-variant-light-text-color-default);
}
.btn-light:disabled:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-light-text-color-disabled);
}
.btn-light:disabled.pa-btn--icon-lone .pa-icon {
  color: var(--pa-button-variant-light-text-color-disabled);
}
.btn-light:disabled.pa-btn--is-loading {
  color: transparent;
}
.btn-light:disabled.pa-btn--is-loading .pa-icon {
  color: transparent;
}

.btn-outline-light {
  --bs-btn-border-color: var(--pa-button-variant-light-background-color-default);
  --bs-btn-color: var(--pa-button-variant-light-background-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-light-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-light-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-light-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-light-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-light-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-light-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-light-text-color-disabled);
  --bs-gradient: none;
}

.btn-dark {
  --bs-btn-bg: var(--pa-button-variant-dark-background-color-default);
  --bs-btn-border-color: var(--pa-button-variant-dark-border-color-default);
  --bs-btn-color: var(--pa-button-variant-dark-text-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-dark-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-dark-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-dark-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-dark-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-dark-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-dark-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-dark-text-color-disabled);
}
.btn-dark:focus, .btn-dark.focus {
  --bs-btn-border-color: var(--pa-button-variant-dark-border-color-focus);
}
.btn-dark:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-dark-text-color-default);
}
.btn-dark .pa-icon-lone {
  color: var(--pa-button-variant-dark-text-color-default);
}
.btn-dark:disabled:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-dark-text-color-disabled);
}
.btn-dark:disabled.pa-btn--icon-lone .pa-icon {
  color: var(--pa-button-variant-dark-text-color-disabled);
}
.btn-dark:disabled.pa-btn--is-loading {
  color: transparent;
}
.btn-dark:disabled.pa-btn--is-loading .pa-icon {
  color: transparent;
}

.btn-outline-dark {
  --bs-btn-border-color: var(--pa-button-variant-dark-background-color-default);
  --bs-btn-color: var(--pa-button-variant-dark-background-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-dark-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-dark-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-dark-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-dark-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-dark-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-dark-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-dark-text-color-disabled);
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-bg: var(--pa-button-variant-link-background-color-default);
  --bs-btn-border-color: var(--pa-button-variant-link-border-color-default);
  --bs-btn-color: var(--pa-button-variant-link-text-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-link-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-link-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-link-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-link-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-link-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-link-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-link-text-color-disabled);
}
.btn-link:focus, .btn-link.focus {
  --bs-btn-border-color: var(--pa-button-variant-link-border-color-focus);
}
.btn-link:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-link-text-color-default);
}
.btn-link .pa-icon-lone {
  color: var(--pa-button-variant-link-text-color-default);
}
.btn-link:disabled:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-link-text-color-disabled);
}
.btn-link:disabled.pa-btn--icon-lone .pa-icon {
  color: var(--pa-button-variant-link-text-color-disabled);
}
.btn-link:disabled.pa-btn--is-loading {
  color: transparent;
}
.btn-link:disabled.pa-btn--is-loading .pa-icon {
  color: transparent;
}

.btn-white {
  --bs-btn-bg: var(--pa-button-variant-white-background-color-default);
  --bs-btn-border-color: var(--pa-button-variant-white-border-color-default);
  --bs-btn-color: var(--pa-button-variant-white-text-color-default);
  --bs-btn-hover-color: var(--pa-button-variant-white-text-color-default);
  --bs-btn-hover-bg: var(--pa-button-variant-white-background-color-hover);
  --bs-btn-active-color: var(--pa-button-variant-white-text-color-default);
  --bs-btn-active-bg: var(--pa-button-variant-white-background-color-active);
  --bs-btn-disabled-bg: var(--pa-button-variant-white-background-color-disabled);
  --bs-btn-disabled-border-color: var(--pa-button-variant-white-border-color-disabled);
  --bs-btn-disabled-color: var(--pa-button-variant-white-text-color-disabled);
}
.btn-white:focus, .btn-white.focus {
  --bs-btn-border-color: var(--pa-button-variant-white-border-color-focus);
}
.btn-white:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-white-text-color-default);
}
.btn-white .pa-icon-lone {
  color: var(--pa-button-variant-white-text-color-default);
}
.btn-white:disabled:not(.pa-btn--icon-lone) .pa-icon {
  color: var(--pa-button-variant-white-text-color-disabled);
}
.btn-white:disabled.pa-btn--icon-lone .pa-icon {
  color: var(--pa-button-variant-white-text-color-disabled);
}
.btn-white:disabled.pa-btn--is-loading {
  color: transparent;
}
.btn-white:disabled.pa-btn--is-loading .pa-icon {
  color: transparent;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.pa-circle {
  border-radius: 50%;
  width: var(--pa-circle-size-md);
  height: var(--pa-circle-size-md);
  /* PaSquare always had min-*; the circle silently squished into an oval
     inside tight flex rows — bug fix, the twins now really match. */
  min-width: var(--pa-circle-size-md);
  min-height: var(--pa-circle-size-md);
  display: flex;
  justify-content: center;
  align-items: center;
  /* Designer-spec tile skin: tinted face + hairline edge + auto-contrast ink
     (an explicit icon/text colour in the slot still wins). Recipes live in
     pa-circle-tokens.js. No variant (or variant="none") stays fully
     transparent — the logo-plate contract. */
  /* light — white face on the surface chain (converges on PA-9482's
     color.surface.*; elevated charcoal in dark) + gray.200 hairline. */
}
.pa-circle--xs {
  width: var(--pa-circle-size-xs);
  height: var(--pa-circle-size-xs);
  min-width: var(--pa-circle-size-xs);
  min-height: var(--pa-circle-size-xs);
}
.pa-circle--sm {
  width: var(--pa-circle-size-sm);
  height: var(--pa-circle-size-sm);
  min-width: var(--pa-circle-size-sm);
  min-height: var(--pa-circle-size-sm);
}
.pa-circle--lg {
  width: var(--pa-circle-size-lg);
  height: var(--pa-circle-size-lg);
  min-width: var(--pa-circle-size-lg);
  min-height: var(--pa-circle-size-lg);
}
.pa-circle--xl {
  width: var(--pa-circle-size-xl);
  height: var(--pa-circle-size-xl);
  min-width: var(--pa-circle-size-xl);
  min-height: var(--pa-circle-size-xl);
}
.pa-circle--primary {
  background-color: var(--pa-circle-variant-primary-background-color);
  color: var(--pa-circle-variant-primary-text-color);
  border: 1px solid var(--pa-circle-variant-primary-border-color);
}
.pa-circle--secondary {
  background-color: var(--pa-circle-variant-secondary-background-color);
  color: var(--pa-circle-variant-secondary-text-color);
  border: 1px solid var(--pa-circle-variant-secondary-border-color);
}
.pa-circle--tertiary {
  background-color: var(--pa-circle-variant-tertiary-background-color);
  color: var(--pa-circle-variant-tertiary-text-color);
  border: 1px solid var(--pa-circle-variant-tertiary-border-color);
}
.pa-circle--success {
  background-color: var(--pa-circle-variant-success-background-color);
  color: var(--pa-circle-variant-success-text-color);
  border: 1px solid var(--pa-circle-variant-success-border-color);
}
.pa-circle--danger {
  background-color: var(--pa-circle-variant-danger-background-color);
  color: var(--pa-circle-variant-danger-text-color);
  border: 1px solid var(--pa-circle-variant-danger-border-color);
}
.pa-circle--warning {
  background-color: var(--pa-circle-variant-warning-background-color);
  color: var(--pa-circle-variant-warning-text-color);
  border: 1px solid var(--pa-circle-variant-warning-border-color);
}
.pa-circle--info {
  background-color: var(--pa-circle-variant-info-background-color);
  color: var(--pa-circle-variant-info-text-color);
  border: 1px solid var(--pa-circle-variant-info-border-color);
}
.pa-circle--dark {
  background-color: var(--pa-circle-variant-dark-background-color);
  color: var(--pa-circle-variant-dark-text-color);
  border: 1px solid var(--pa-circle-variant-dark-border-color);
}
.pa-circle--light {
  background-color: var(--pa-color-surface-default, var(--pa-color-white));
  color: var(--pa-circle-variant-light-text-color);
  border: 1px solid var(--pa-circle-variant-light-border-color);
}

/* Dark: the light tile follows the pa-sheet surface pattern — elevated
   charcoal, not the flipped {color.white} (which goes near-black and reads
   harsh). Converges on PA-9482's surface tokens once merged. */
[data-bs-theme=dark] .pa-circle--light {
  background-color: var(--pa-color-surface-default, var(--pa-color-gray-150));
}

/* Dark rebalance for the tinted tiles: the recipe's .400 edges flip to
   vivid mid-tones (neon rings) and the .50 faces to near-black (faces
   vanish) — deepen the face one step (.100) and mute the ring (.300;
   tertiary .200 — its neutral ramp runs brighter per step). Ink keeps the
   recipe's bright dark step. Designer-tuned 2026-08-04. */
[data-bs-theme=dark] .pa-circle--success {
  background-color: var(--pa-color-success-100);
  border-color: var(--pa-color-success-300);
}
[data-bs-theme=dark] .pa-circle--danger {
  border-color: var(--pa-color-danger-300);
}
[data-bs-theme=dark] .pa-circle--warning {
  background-color: var(--pa-color-warning-100);
  border-color: var(--pa-color-warning-300);
}
[data-bs-theme=dark] .pa-circle--tertiary {
  background-color: var(--pa-color-tertiary-100);
  border-color: var(--pa-color-tertiary-200);
}
[data-bs-theme=dark] .pa-circle--info {
  /* Blue info, dark tuning: one step lighter face than the other
     statuses, vivid .500 ring. 5.8:1 AA. */
  background-color: var(--pa-color-info-200);
  border-color: var(--pa-color-info-500);
  color: var(--pa-color-info-700);
}

/*
 * The three vertical-rhythm tiers (page / form / text) + spacer dividers.
 * Values now come from pa-container-tokens.js (same px as always).
 *
 * ORDER MATTERS: the dividers' margin-bottom: 0 ties the containers'
 * `> *` rules on specificity (0,1,0) and wins by source order — divider
 * rules must stay after the container rules.
 */
.pa-page-container > * {
  margin-bottom: var(--pa-container-page-md);
}
.pa-page-container > *:last-child {
  margin-bottom: 0;
}

.pa-page-container--sm > * {
  margin-bottom: var(--pa-container-page-sm);
}

.pa-page-container--md > * {
  margin-bottom: var(--pa-container-page-md);
}

.pa-page-container--lg > * {
  margin-bottom: var(--pa-container-page-lg);
}

.pa-form-container > * {
  margin-bottom: var(--pa-container-form-ungrouped);
}
.pa-form-container > *:last-child {
  margin-bottom: 0;
}

.pa-form-container--grouped > * {
  margin-bottom: var(--pa-container-form-grouped);
}

.pa-form-container--sparse-grouped > * {
  margin-bottom: var(--pa-container-form-sparse-grouped);
}

.pa-form-container--ungrouped > * {
  margin-bottom: var(--pa-container-form-ungrouped);
}

.pa-text-container > * {
  margin-bottom: var(--pa-container-text-grouped);
}
.pa-text-container > *:last-child {
  margin-bottom: 0;
}

.pa-text-container--condensed-group > * {
  margin-bottom: var(--pa-container-text-condensed-group);
}

.pa-text-container--grouped > * {
  margin-bottom: var(--pa-container-text-grouped);
}

.pa-text-container--ungrouped > * {
  margin-bottom: var(--pa-container-text-ungrouped);
}

.pa-page-divider {
  height: var(--pa-container-divider-page-md);
  margin-bottom: 0;
}

.pa-page-divider--sm {
  height: var(--pa-container-divider-page-sm);
  margin-bottom: 0;
}

.pa-page-divider--md {
  height: var(--pa-container-divider-page-md);
  margin-bottom: 0;
}

.pa-page-divider--lg {
  height: var(--pa-container-divider-page-lg);
  margin-bottom: 0;
}

.pa-form-divider {
  height: var(--pa-container-divider-form-md);
  margin-bottom: 0;
}

.pa-form-divider--sm {
  height: var(--pa-container-divider-form-sm);
  margin-bottom: 0;
}

.pa-form-divider--md {
  height: var(--pa-container-divider-form-md);
  margin-bottom: 0;
}

.pa-form-divider--lg {
  height: var(--pa-container-divider-form-lg);
  margin-bottom: 0;
}

.pa-text-divider {
  height: var(--pa-container-divider-text-md);
  margin-bottom: 0;
}

.pa-text-divider--sm {
  height: var(--pa-container-divider-text-sm);
  margin-bottom: 0;
}

.pa-text-divider--md {
  height: var(--pa-container-divider-text-md);
  margin-bottom: 0;
}

.pa-text-divider--lg {
  height: var(--pa-container-divider-text-lg);
  margin-bottom: 0;
}

.pa-content-separator {
  --pa-content-separator-line: var(--pa-content-separator-variant-subtle-line-color-default);
  --pa-content-separator-label: var(--pa-content-separator-variant-subtle-label-color-default);
  --pa-content-separator-label-size: var(--pa-content-separator-label-font-size-sm);
  position: relative;
  display: flex;
  width: 100%;
  text-align: center;
  align-items: center;
}
.pa-content-separator--subtle {
  --pa-content-separator-label: var(--pa-content-separator-variant-subtle-label-color-default);
  --pa-content-separator-line: var(--pa-content-separator-variant-subtle-line-color-default);
}
.pa-content-separator--default {
  --pa-content-separator-label: var(--pa-content-separator-variant-default-label-color-default);
  --pa-content-separator-line: var(--pa-content-separator-variant-default-line-color-default);
}
.pa-content-separator--strong {
  --pa-content-separator-label: var(--pa-content-separator-variant-strong-label-color-default);
  --pa-content-separator-line: var(--pa-content-separator-variant-strong-line-color-default);
}
.pa-content-separator--size-sm {
  --pa-content-separator-label-size: var(--pa-content-separator-label-font-size-sm);
}
.pa-content-separator--size-md {
  --pa-content-separator-label-size: var(--pa-content-separator-label-font-size-md);
}
.pa-content-separator--size-lg {
  --pa-content-separator-label-size: var(--pa-content-separator-label-font-size-lg);
}
.pa-content-separator.hr-legacy {
  height: var(--pa-content-separator-height-labeled);
}
.pa-content-separator.pa-content-separator--no-lines {
  justify-content: center;
}
.pa-content-separator:not(.pa-content-separator--label-present):not(.pa-content-separator--no-lines)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: var(--pa-content-separator-line-width-default);
  background-color: var(--pa-content-separator-line);
}
.pa-content-separator.pa-content-separator--label-present:not(.pa-content-separator--no-lines)::before, .pa-content-separator.pa-content-separator--label-present:not(.pa-content-separator--no-lines)::after {
  content: "";
  flex: 1 1 0;
  min-width: 0;
  height: var(--pa-content-separator-line-width-default);
  background-color: var(--pa-content-separator-line);
}
.pa-content-separator.pa-content-separator--label-present {
  height: var(--pa-content-separator-height-labeled);
}
.pa-content-separator__label {
  display: inline-block;
  flex: 0 0 auto;
  color: var(--pa-content-separator-label);
  text-transform: none;
  font-size: var(--pa-content-separator-label-size);
  font-weight: var(--pa-content-separator-label-font-weight-default);
  padding: 0 var(--pa-content-separator-label-padding-x);
}
.pa-content-separator--uppercase .pa-content-separator__label {
  text-transform: var(--pa-content-separator-label-font-transform-caps);
  letter-spacing: var(--pa-content-separator-label-font-tracking-caps);
}

/*
The design tokens that create the variables are defined in ./pa-date-picker-tokens.js
 */
.pa-date-picker .pa-date-picker--has-error {
  color: var(--bs-danger);
  font-size: 14px;
}

.pa-date-picker__dropdown {
  position: relative;
}
.pa-date-picker__dropdown input.dp__input {
  text-align: center;
}

.pa-date-picker__dropdown.pa-input-group--focused .pa-input-group-label {
  top: -8px;
}

.pa-date-picker .pa-date-picker--label-input-padding {
  padding-bottom: 7px;
  padding-top: 20px;
}

.pa-date-picker .pa-date-picker--icon-label-padding {
  position-area: center;
}

.pa-date-picker__icon-container__left,
.pa-date-picker__icon-container__right {
  width: var(--pa-input-height-default);
  height: var(--pa-input-height-default);
  min-width: var(--pa-input-height-default);
  min-height: var(--pa-input-height-default);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  color: var(--pa-date-picker-dropdown-color-default);
  pointer-events: none;
}

.pa-date-picker__icon-container__right {
  right: 0;
  color: var(--pa-date-picker-dropdown-color-default) !important;
}
.pa-date-picker__icon-container__right .pa-icon {
  width: 12px;
}

@media only screen and (max-width: 545px) {
  .pa-drawer-side-panel .modal-content {
    border-radius: 0;
  }
  .pa-drawer-side-panel .modal-header {
    border-radius: 0;
  }
}
@media only screen and (min-width: 545px) {
  .pa-drawer-side-panel .modal-content {
    border-radius: 20px 0 0 20px;
  }
}
.pa-drawer-side-panel {
  pointer-events: none;
}
.pa-drawer-side-panel .modal-dialog {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.pa-drawer-side-panel .modal-content {
  background-color: var(--bs-gray-100);
  border: none;
  height: 100%;
  overflow-y: scroll;
}
.pa-drawer-side-panel .modal-header {
  border-bottom: none;
  background-color: transparent;
  align-items: center;
  padding: 1rem 1rem;
}
@media (min-width: 576px) {
  .pa-drawer-side-panel .modal-header {
    padding: 1rem 2rem;
  }
}
.pa-drawer-side-panel .modal-header .modal-title {
  font-size: var(--fs-4);
  font-weight: normal;
  color: var(--bs-white);
  margin: 0;
}
.pa-drawer-side-panel .modal-header .close {
  opacity: 1;
  color: var(--close-light-color);
  text-shadow: var(--close-light-text-shadow);
  font-size: var(--close-font-size);
  font-weight: var(--close-font-weight);
}
.pa-drawer-side-panel .modal-header .close:not(:disabled):not(.disabled):hover, .pa-drawer-side-panel .modal-header .close:not(:disabled):not(.disabled):focus {
  color: var(--bs-white) !important;
  opacity: 1;
  text-decoration: none;
}
.pa-drawer-side-panel .modal-body {
  padding: 0;
  height: calc(100vh - 82px);
}
.pa-drawer-side-panel .button-wrapper {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.pa-drawer-side-panel .pa-drawer-side-panel--hide-in-side-panel {
  display: none;
}

.modal-backdrop:not(.show):not(.fade) {
  opacity: 0.5;
}

.pa-drawer-side-panel.show .modal-dialog.pa-drawer__animation {
  transition: transform 0.3s ease;
  transform: translateX(0);
}
.pa-drawer-side-panel.show .modal-dialog.pa-drawer__animation.pa-drawer__slideout {
  transform: translateX(100%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.modal-dialog.pa-drawer__animation {
  transform: translateX(100%);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.pa-drawer-side-panel .modal-content {
  background-color: var(--bs-gray-100);
  border: none;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.pa-drawer-side-panel .modal-body {
  height: calc(100vh - 82px);
  padding: 0 0 2rem;
}
.pa-drawer-side-panel .modal-body .form-row:last-child {
  margin-bottom: 2rem;
}
.pa-drawer-side-panel .pa-form,
.pa-drawer-side-panel #pa-search-panel {
  position: relative;
  overflow: visible;
}

@media only screen and (min-width: 992px) {
  .pa-drawer-side-panel .modal-content {
    scrollbar-gutter: stable;
  }
  .pa-drawer-side-panel:has(.fadeInDown) .modal-content, .pa-drawer-side-panel:has(.fadeOutDown) .modal-content {
    overflow: hidden;
  }
}
.pa-drawer-sandbox-alert {
  background: #FADF97;
  border-radius: 30px;
  border: 1px solid #F6C644;
  height: 39px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 21px;
  width: 255px;
}

.pa-drawer-sandbox-alert > svg {
  height: 39px;
  margin-left: 8px;
  margin-right: 8px;
}

.pa-drawer-sandbox-alert > span {
  color: #0F0F0F;
  leading-trim: both;
  text-edge: cap;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 300% */
  letter-spacing: -0.28px;
  text-transform: uppercase;
}

.pa-date-range {
  position: relative;
}
.pa-date-range input.dp__input.pa-date-range__input {
  padding-left: var(--pa-input-height-default);
  padding-right: var(--pa-input-height-default);
  cursor: pointer;
}
.pa-date-range .pa-date-range--has-error {
  color: var(--bs-danger);
  font-size: 14px;
}
.pa-date-range .pa-date-range--label-input-padding {
  padding-bottom: 7px;
  padding-top: 20px;
}
.pa-date-range .pa-input-group-label.pa-date-range--icon-label-padding {
  left: 0;
  padding-left: var(--pa-input-height-default);
  transition: top 0.2s ease, font-size 0.2s ease;
}
.pa-date-range .dp--clear-btn {
  width: var(--pa-input-height-default);
  height: var(--pa-input-height-default);
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pa-date-range__icon-container__left,
.pa-date-range__icon-container__right {
  width: var(--pa-input-height-default);
  height: var(--pa-input-height-default);
  min-width: var(--pa-input-height-default);
  min-height: var(--pa-input-height-default);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  color: var(--pa-date-picker-color-icon);
  pointer-events: none;
}

.pa-date-range__icon-container__left {
  left: 0;
}

.pa-date-range__icon-container__right {
  right: 0;
}
.pa-date-range__icon-container__right .pa-icon {
  width: 12px;
}

.pa-date-range__clear-icon {
  color: var(--bs-primary);
  font-size: 16px;
}
.pa-date-range__clear-icon:hover {
  color: var(--bs-primary-text-emphasis, var(--bs-primary));
}

.pa-date-range__menu {
  border-radius: var(--pa-input-border-radius-default);
  padding: 0.5rem;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.05);
  border-color: var(--bs-border-color);
}
.pa-date-range__menu .dp__btn {
  border-radius: 8px;
}
.pa-date-range__menu .dp__instance_calendar + .dp__instance_calendar {
  border-left: 3px solid var(--bs-primary);
  margin-left: 0.75rem;
}
.pa-date-range__menu .dp__preset_dates {
  border-right: 1px solid var(--bs-border-color);
  padding: 0.5rem 0;
  min-width: 12rem;
}
.pa-date-range__menu .dp__preset_dates .dp__preset_date {
  padding: 0.4rem 1rem;
  cursor: pointer;
  border-radius: 8px;
  color: var(--bs-body-color);
}
.pa-date-range__menu .dp__preset_dates .dp__preset_date:hover {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-primary);
}
.pa-date-range__menu .dp--preset-range {
  border-radius: 999px;
  padding: 0.4rem 0.875rem;
}
.pa-date-range__menu .dp__marker_tooltip .dp__tooltip_mark {
  display: none;
}

/*
The design tokens that create the variables are defined in ./pa-divider-tokens.js
 */
.pa-divider {
  --pa-divider-line: var(--pa-divider-border-color-default);
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top-width: var(--pa-divider-border-width-default);
  border-top-style: solid;
  border-top-color: var(--pa-divider-line);
  color: inherit;
  opacity: 1;
}
.pa-divider--subtle {
  --pa-divider-line: var(--pa-divider-border-color-subtle);
}
.pa-divider--default {
  --pa-divider-line: var(--pa-divider-border-color-default);
}
.pa-divider--strong {
  --pa-divider-line: var(--pa-divider-border-color-strong);
}
.pa-divider--solid {
  border-top-style: solid;
}
.pa-divider--dashed {
  border-top-style: dashed;
}
.pa-divider--spacing-none {
  margin-block: 0;
}
.pa-divider--spacing-sm {
  margin-block: var(--pa-divider-spacing-sm);
}
.pa-divider--spacing-md {
  margin-block: var(--pa-divider-spacing-md);
}
.pa-divider--spacing-lg {
  margin-block: var(--pa-divider-spacing-lg);
}
.pa-divider--inset {
  width: auto;
  margin-inline: var(--pa-divider-inset-default);
}
.pa-divider--vertical {
  display: inline-block;
  width: 0;
  height: var(--pa-divider-vertical-height-default);
  margin-block: 0;
  margin-inline: var(--pa-divider-spacing-sm);
  vertical-align: middle;
  border-top: 0;
  border-left-width: var(--pa-divider-border-width-default);
  border-left-style: solid;
  border-left-color: var(--pa-divider-line);
}
.pa-divider--vertical.pa-divider--dashed {
  border-left-style: dashed;
}
.pa-divider--vertical.pa-divider--spacing-none {
  margin-inline: 0;
}
.pa-divider--vertical.pa-divider--spacing-sm {
  margin-inline: var(--pa-divider-spacing-sm);
}
.pa-divider--vertical.pa-divider--spacing-md {
  margin-inline: var(--pa-divider-spacing-md);
}
.pa-divider--vertical.pa-divider--spacing-lg {
  margin-inline: var(--pa-divider-spacing-lg);
}

.pa-input-group .form-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* Remove default arrow */
}
.pa-input-group .form-select.pa-input-group--prepend-label-padding {
  padding-left: 64px;
}
.pa-input-group select.form-control {
  padding-top: 24px;
  padding-bottom: 4px;
  height: 56px;
}
.pa-input-group .form-control.is-invalid {
  background-size: 9px;
}
.pa-input-group .form-control.no-label {
  padding-top: unset;
  padding-bottom: unset;
}

.pa-dropdown__icon-container__left, .pa-dropdown__icon-container__right {
  position: absolute !important;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: var(--pa-input-height-default);
}
.pa-dropdown__icon-container__left {
  left: 16px;
}
.pa-dropdown__icon-container__right {
  right: 16px;
  pointer-events: none;
}

/*
The design tokens that create the variables are defined in ./pa-form-tokens.js
 */
/* The display family's type hierarchy — rungs separated by WEIGHT and
   CASE, not size alone (designer round 2026-08-06). All values are
   tier-3 tokens; the old file hardcoded weight/line-height. */
.pa-form-header {
  color: var(--pa-form-header-text-color-default);
  font-size: var(--pa-form-header-font-size-default);
  font-weight: var(--pa-form-header-font-weight-default);
  line-height: 1.3;
  margin-bottom: var(--pa-form-header-margin-bottom-default);
}

/* The section eyebrow: small, uppercase, muted — was a 16px LIGHTER
   grey than the label under it (secondary.500 = a border grey, ~1.6:1
   on white and identical in dark mode: the hierarchy read backwards). */
.pa-form-sub-header {
  color: var(--pa-form-subheader-text-color-default);
  font-size: var(--pa-form-subheader-font-size-default);
  font-weight: var(--pa-form-subheader-font-weight-default);
  text-transform: var(--pa-form-subheader-text-transform-default);
  /* Raw tracking: no letter-spacing scale exists (Dev-Lead-gated). */
  letter-spacing: 0.04em;
  line-height: 1.3;
  /* Raw 24px (Dev-Lead-gated): the spacing ramp ships only 25/50/100
     today — steps 150/300 are still commented out in tier-2, so a
     var() here would be a token costume over a hardcoded value. */
  margin-top: 24px;
  margin-bottom: var(--pa-form-subheader-margin-bottom-default);
  /* An eyebrow opening a panel doesn't need the section gap. */
}
.pa-form-sub-header:first-child {
  margin-top: 0;
}

/* The muted key — was an untargetable Bootstrap .text-muted opacity
   with no pa-* class at all. */
.pa-form-label {
  color: var(--pa-form-label-text-color-default);
  font-size: var(--pa-form-label-font-size-default);
  font-weight: var(--pa-form-label-font-weight-default);
  line-height: 1.5;
}

/* The CONTENT — out-ranks its own key (summary screens are read by
   value, not by label). Had no class and no tokens whatsoever. */
.pa-form-value {
  color: var(--pa-form-value-text-color-default);
  font-size: var(--pa-form-value-font-size-default);
  font-weight: var(--pa-form-value-font-weight-default);
  line-height: 1.5;
}

/* Pair rhythm: the family shipped with ZERO vertical spacing — every
   consumer had to supply its own margins. */
/* Row rhythm ONLY outside a PaFormContainer — that component owns
   vertical rhythm for its children (12/18/24px by size) and our rule
   would silently override the size the author asked for (adversary
   catch: equal specificity, later import wins). Raw 12px Dev-Lead-gated
   (spacing step 150 doesn't ship yet). */
:not(.pa-form-container) > .pa-form-label,
:not(.pa-form-container) > .pa-form-value {
  margin-bottom: 12px;
}

/* ---- Loading skeletons (designer catch: they rendered as nothing).
   Bootstrap's .placeholder is an inline-block that borrows the height of
   the text INSIDE it — these are empty, so height collapsed to 0. The
   col-N also sat outside any .row (an orphan grid column). The family's
   skeletons now size themselves from the rung they stand in. ---- */
.pa-form-header.placeholder,
.pa-form-sub-header.placeholder,
.pa-form-label.placeholder,
.pa-form-value.placeholder {
  display: block;
  /* Matches the line-box of the text it replaces. */
  height: 1em;
  min-height: 14px;
  border-radius: var(--pa-border-radius-50, 4px);
  /* The col-N is orphaned outside a .row: its flex declarations are
     inert, but Bootstrap's width:X% still applies against the parent,
     which is the behaviour we want here. Capped so it can never
     overflow. */
  max-width: 100%;
  /* The shimmer sweep: a static grey bar reads as BROKEN, not
     loading (designer catch). A light band travels across the base
     tint — the modern skeleton standard. Bootstrap's own
     .placeholder-wave is opacity-only and barely reads. */
  /* gray.300, not 200: the paler tint measured ~1.2:1 on a white
     sheet — still effectively invisible, i.e. the original "renders
     as nothing" complaint only half-fixed (adversary catch). */
  background-color: var(--pa-color-gray-300);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  /* Raw ms: no skeleton-motion scale exists (Dev-Lead-gated). */
  animation: pa-form-skeleton-shimmer 1400ms linear infinite;
  opacity: 1;
}

.pa-form-header.placeholder {
  height: 20px;
  margin-bottom: var(--pa-form-header-margin-bottom-default);
}

.pa-form-sub-header.placeholder {
  height: 14px;
  margin-top: 24px;
  margin-bottom: var(--pa-form-subheader-margin-bottom-default);
}

.pa-form-label.placeholder,
.pa-form-value.placeholder {
  height: 14px;
  margin-bottom: 12px;
}

@keyframes pa-form-skeleton-shimmer {
  from {
    background-position: -100% 0;
  }
  to {
    background-position: 200% 0;
  }
}
/* Dark ground: the white band would flash — sweep with a lighter grey
   over the darker base instead. */
[data-bs-theme=dark] .pa-form-header.placeholder,
[data-bs-theme=dark] .pa-form-sub-header.placeholder,
[data-bs-theme=dark] .pa-form-label.placeholder,
[data-bs-theme=dark] .pa-form-value.placeholder {
  /* Dark sheets sit on near-black — gray.300 reads there. */
  background-color: var(--pa-color-gray-300);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.14) 50%, rgba(255, 255, 255, 0) 100%);
}

@media (prefers-reduced-motion: reduce) {
  .pa-form-header.placeholder,
  .pa-form-sub-header.placeholder,
  .pa-form-label.placeholder,
  .pa-form-value.placeholder {
    animation: none;
    background-image: none;
  }
}
/* NO error-message styling here, deliberately.
   The message element belongs to the INPUT family, not the form: six
   components render their own `<span class="pa-invalid-feedback-message">`
   (PaInputGroup, PaFileInput, PaMultiTag, PaDatePicker, PaDateRange,
   PaPhoneNumberInputGroup) and it is styled from `$pa-input-*` in
   PaInputGroup.scss. PaForm only sets Bootstrap's `was-validated` class on the
   <form>; it never renders a message.

   An earlier version of this file styled Bootstrap's `.invalid-feedback` —
   an element these components never render, so the rule matched nothing.
   Error tokens belong to the pa-input stream ($pa-input-* is a shared base for
   14 components); PaForm owns only what sits at form level. */
/* Help text under a field: the quiet sibling of the error message. */
.pa-form-help-text {
  display: block;
  color: var(--pa-form-help-text-color-default);
  font-size: var(--pa-form-help-text-size-default);
  margin-top: var(--pa-form-help-gap-default);
}

.pa-hero-header {
  text-transform: uppercase;
  text-align: center;
  align-content: center;
  font-size: 24px;
  font-weight: 400;
  color: var(--pa-color-page-color);
}
@media (max-width: 769px) {
  .pa-hero-header {
    font-size: 20px;
  }
}

/*
The design tokens that create the variables are defined in ./pa-hero-icon-tokens.js
 */
.pa-hero-icon {
  border-radius: 50%;
  display: inline-block;
  height: var(--pa-hero-icon-dimension-md);
  width: var(--pa-hero-icon-dimension-md);
  border: var(--pa-hero-icon-border-md);
}
.pa-hero-icon .pa-icon {
  height: var(--pa-hero-icon-icon-dimension-md);
  width: var(--pa-hero-icon-icon-dimension-md);
}
.pa-hero-icon--lg {
  height: var(--pa-hero-icon-dimension-lg);
  width: var(--pa-hero-icon-dimension-lg);
  border: var(--pa-hero-icon-border-lg);
}
.pa-hero-icon--lg .pa-icon {
  height: var(--pa-hero-icon-icon-dimension-lg);
  width: var(--pa-hero-icon-icon-dimension-lg);
}
.pa-hero-icon--sm {
  height: var(--pa-hero-icon-dimension-sm);
  width: var(--pa-hero-icon-dimension-sm);
  border: var(--pa-hero-icon-border-sm);
}
.pa-hero-icon--sm .pa-icon {
  height: var(--pa-hero-icon-icon-dimension-sm);
  width: var(--pa-hero-icon-icon-dimension-sm);
}
.pa-hero-icon.pa-hero-icon--success {
  background-color: var(--pa-hero-icon-variant-success-background-color-default);
  border-color: var(--pa-hero-icon-variant-success-border-color-default);
}
.pa-hero-icon.pa-hero-icon--success .pa-icon {
  color: var(--pa-hero-icon-variant-success-text-color-default) !important;
}
.pa-hero-icon.pa-hero-icon--info {
  background-color: var(--pa-hero-icon-variant-info-background-color-default);
  border-color: var(--pa-hero-icon-variant-info-border-color-default);
}
.pa-hero-icon.pa-hero-icon--info .pa-icon {
  color: var(--pa-hero-icon-variant-info-text-color-default) !important;
}
.pa-hero-icon.pa-hero-icon--warning {
  background-color: var(--pa-hero-icon-variant-warning-background-color-default);
  border-color: var(--pa-hero-icon-variant-warning-border-color-default);
}
.pa-hero-icon.pa-hero-icon--warning .pa-icon {
  color: var(--pa-hero-icon-variant-warning-text-color-default) !important;
}
.pa-hero-icon.pa-hero-icon--danger {
  background-color: var(--pa-hero-icon-variant-danger-background-color-default);
  border-color: var(--pa-hero-icon-variant-danger-border-color-default);
}
.pa-hero-icon.pa-hero-icon--danger .pa-icon {
  color: var(--pa-hero-icon-variant-danger-text-color-default) !important;
}
.pa-hero-icon.pa-hero-icon--dark {
  background-color: var(--pa-hero-icon-variant-dark-background-color-default);
  border-color: var(--pa-hero-icon-variant-dark-border-color-default);
}
.pa-hero-icon.pa-hero-icon--dark .pa-icon {
  color: var(--pa-hero-icon-variant-dark-text-color-default) !important;
}
.pa-hero-icon.pa-hero-icon--dark--red {
  background-color: var(--pa-hero-icon-variant-dark-red-background-color-default);
  border-color: var(--pa-hero-icon-variant-dark-red-border-color-default);
}
.pa-hero-icon.pa-hero-icon--dark--red .pa-icon {
  color: var(--pa-hero-icon-variant-dark-red-text-color-default) !important;
}
.pa-hero-icon.pa-hero-icon--dark--green {
  background-color: var(--pa-hero-icon-variant-dark-green-background-color-default);
  border-color: var(--pa-hero-icon-variant-dark-green-border-color-default);
}
.pa-hero-icon.pa-hero-icon--dark--green .pa-icon {
  color: var(--pa-hero-icon-variant-dark-green-text-color-default) !important;
}
.pa-hero-icon .pa-hero-icon__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.pa-hero-subheader {
  text-transform: uppercase;
}
.pa-hero-subheader.p {
  text-decoration: none;
}
.pa-hero-subheader.p:hover {
  background-color: unset;
  cursor: unset;
}
.pa-hero-subheader:not(.p):hover {
  background-color: unset;
}

.pa-hero-subheader-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
.pa-hero-subheader-group a {
  display: inline-flex;
}
.pa-hero-subheader-group a:not(:last-of-type)::after {
  content: "|";
  font-size: 15px;
  padding-left: 5px;
  padding-right: 5px;
  color: var(--bs-gray-600);
}

.pa-icon {
  width: var(--pa-icon-size-md);
  height: var(--pa-icon-size-md);
  /* Baseline parity: FontAwesome sets -0.125em on its own svg; custom SVGs
     sat ~2px high next to text. Same value FA uses — no change on the FA
     path, alignment fix on the custom path. */
  vertical-align: -0.125em;
  /* Variant inks now reference the ramps directly (was the Bootstrap
     $theme-colors loop — same resolved values, dark-safe). */
  /* Stroke weight for the linear (Solar) icons: CSS beats the SVG's own
     stroke-width presentation attribute. Harmless on fill-based icons
     (stroke-width without stroke paints nothing). Steps follow the icon
     stroke-scaling practice: 1.25 / 1.5 (authored) / 2. */
  /* Applied only when rotate/flip props are used — existing icons keep
     their instant transforms. */
}
.pa-icon--xs {
  width: var(--pa-icon-size-xs);
  height: var(--pa-icon-size-xs);
}
.pa-icon--sm {
  width: var(--pa-icon-size-sm);
  height: var(--pa-icon-size-sm);
}
.pa-icon--lg {
  width: var(--pa-icon-size-lg);
  height: var(--pa-icon-size-lg);
}
.pa-icon--xl {
  width: var(--pa-icon-size-xl);
  height: var(--pa-icon-size-xl);
}
.pa-icon--compatibility-mode, .pa-icon--compatibility-mode.pa-icon--sm {
  margin: 8px;
}
.pa-icon--compatibility-mode.pa-icon--lg {
  margin: 12px;
}
.pa-icon--compatibility-mode.pa-icon--xl {
  margin: 28px;
}
.pa-icon--primary {
  color: var(--pa-icon-variant-primary-color);
}
.pa-icon--secondary {
  color: var(--pa-icon-variant-secondary-color);
}
.pa-icon--tertiary {
  color: var(--pa-icon-variant-tertiary-color);
}
.pa-icon--success {
  color: var(--pa-icon-variant-success-color);
}
.pa-icon--danger {
  color: var(--pa-icon-variant-danger-color);
}
.pa-icon--warning {
  color: var(--pa-icon-variant-warning-color);
}
.pa-icon--info {
  color: var(--pa-icon-variant-info-color);
}
.pa-icon--light {
  color: var(--pa-icon-variant-light-color);
}
.pa-icon--dark {
  color: var(--pa-icon-variant-dark-color);
}
.pa-icon--disabled {
  color: var(--pa-icon-text-color-disabled) !important;
}
.pa-icon--weight-light * {
  stroke-width: 1.25;
}
.pa-icon--weight-regular * {
  stroke-width: 1.5;
}
.pa-icon--weight-bold * {
  stroke-width: 2;
}
.pa-icon--motion {
  transition: transform var(--pa-icon-motion-duration, 200ms) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1));
}
.pa-icon.pa-custom-vertical-align {
  vertical-align: -0.125em;
}

/*
 * This is intended to be placed on the parent container to center the icon
 */
.pa-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*
The design tokens that create the variables are defined in ./pa-input-tokens.js
 */
/**
 * Validation is added for form control elements. There are
 * two stylings for validating: .was-validated and :invalid.
 */
.was-validated .form-control:invalid {
  border: var(--pa-input-border-width-default) solid var(--pa-input-border-color-invalid);
  background-size: 1.5rem;
}
.was-validated .form-control:invalid:focus {
  box-shadow: none;
  outline: 0 none;
}

.form-control {
  height: var(--pa-input-height-default);
  border-radius: var(--pa-input-border-radius-default);
  padding-left: var(--pa-input-padding-left-default);
  font-weight: var(--pa-input-font-weight-default);
  border: var(--pa-input-border-width-default) solid var(--pa-input-border-color-default);
  background-image: none;
  /**
   * Validation is added for form control elements. There are
   * two stylings for validating: .was-validated and :invalid.
   */
}
.form-control:focus {
  border: var(--pa-input-border-width-default) solid var(--pa-input-border-color-focus);
  box-shadow: none;
  outline: 0 none;
}
.form-control:disabled {
  background-color: var(--bs-gray-100);
  border: var(--pa-input-border-width-default) solid var(--pa-input-border-color-disabled);
  color: var(--bs-gray-500);
}
.form-control:hover:not(:focus):not(:disabled) {
  border: var(--pa-input-border-width-default) solid var(--pa-input-border-color-hover);
}
.form-control.is-invalid {
  border: var(--pa-input-border-width-default) solid var(--pa-input-border-color-invalid);
  background-size: 1.5rem;
  background-image: none;
}
.form-control.is-invalid:focus {
  box-shadow: none;
  outline: 0 none;
}
.form-control--xs {
  font-size: var(--pa-input-font-size-xs-default);
}
.form-control--sm {
  font-size: var(--pa-input-font-size-sm-default);
}
.form-control--lg {
  font-size: var(--pa-input-font-size-lg-default);
}
.form-control--xl {
  font-size: var(--pa-font-size-xl);
}

.pa-input-group div {
  position: relative;
  white-space: nowrap;
}
.pa-input-group div .pa-input-group--no-label-text-position {
  padding-top: 7px;
}
.pa-input-group div input {
  padding-top: 20px;
  padding-bottom: 7px;
  height: var(--pa-input-height-default);
}
.pa-input-group div label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 90%;
  display: block;
  overflow: hidden;
}

.pa-input-group.pa-input-group--has-error {
  margin-bottom: 24px;
  color: var(--bs-danger);
  font-size: 14px;
}
.pa-input-group.pa-input-group__validation-message {
  white-space: normal;
}

.pa-input-group--prepend-input-padding {
  padding-left: 64px;
}

.pa-input-group--prepend-input-text-padding {
  padding-left: 25px;
}

.pa-input-group--append-input-padding {
  padding-right: 50px;
}

.pa-input-group--prepend-label-padding {
  padding-left: 48px;
}

.pa-input-group--append-label-padding {
  padding-right: 50px;
}

.pa-input-group-label {
  position: absolute;
  font-size: 1rem;
  font-weight: var(--pa-input-font-weight-default);
  top: 18px;
  bottom: 18px;
  left: 16px;
  transition: top 0.3s;
  z-index: var(--pa-input-label-z-index-default);
  pointer-events: none;
}

.pa-input-group .pa-input-group-prepend-container {
  height: var(--pa-input-height-default);
  position: absolute;
  width: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pa-input-group .pa-input-group-append-container {
  height: var(--pa-input-height-default);
  position: absolute;
  width: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
}
.pa-input-group .pa-input-group-append-container .pa-input-group-append-logo {
  position: absolute;
}

.pa-input-group-prepend-logo {
  width: 20px;
  height: 20px;
}

.pa-input-group--focused .pa-input-group-label {
  color: var(--pa-input-label-text-color-focus);
  top: 8px;
  max-width: 85%;
  font-size: var(--pa-input-label-font-size-focused-default);
}

.pa-input-prepend-text {
  position: absolute;
  top: 25px;
  left: 17px;
  font-size: 1rem;
  color: var(--bs-gray-600);
}

/*
The design tokens that create the variables are defined in ../pa-input/pa-input-tokens.js
 */
.pa-file-input {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pa-file-input--mode-drop {
  border-style: dotted;
  border-radius: 20px;
  border-color: var(--pa-input-file-border-color-default);
  padding: 10px;
  min-width: 300px;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pa-file-input--mode-drop .pa-input-group--has-error {
  margin-bottom: 0;
}
.pa-file-input__input_uploading {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}
.pa-file-input__input-content {
  padding-top: 20px;
}
.pa-file-input__placeholder-content {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  color: var(--pa-input-placeholder-text-color-default);
}
.pa-file-input__input {
  display: none;
}
.pa-file-input__input--no-label {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}
.pa-file-input__image-preview {
  max-height: 42px;
  width: auto;
  height: auto;
  max-width: 70px;
}
.pa-file-input--image-fill {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.pa-file-input__fill-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.pa-file-input__fill-delete {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
}
.pa-file-input .pa-input-group-append-container {
  z-index: 1;
}
.pa-file-input__input-icon {
  color: var(--bs-dark);
}
.pa-file-input--disabled {
  cursor: not-allowed;
  color: var(--pa-disabled-color);
}
.pa-file-input--disabled .pa-file-input__input-icon {
  color: var(--pa-disabled-color);
}
.pa-file-input--disabled.pa-file-input--mode-drop {
  border-color: var(--pa-disabled-color);
}

/*
The design tokens that create the variables are defined in ./pa-loader-tokens.js
 */
.pa-loader__spinner {
  margin: 100px auto;
  width: 70px;
  text-align: center;
}
.pa-loader__spinner--sm {
  margin: 30px 0;
}
.pa-loader__spinner--inline {
  margin: 10px auto;
}
.pa-loader__spinner--slim {
  margin: 0 auto;
}

.pa-loader__spinner > div {
  width: 18px;
  height: 18px;
  background-color: var(--pa-loader-background-color-default);
  border-radius: 100%;
  display: inline-block;
  animation: pa-loader-bouncedelay 1.4s infinite ease-in-out both;
}

.pa-loader__spinner .pa-loader__bounce1 {
  animation-delay: -0.32s;
}

.pa-loader__spinner .pa-loader__bounce2 {
  animation-delay: -0.16s;
}
@keyframes pa-loader-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.pa-list-item {
  text-align: left !important;
  background-color: transparent;
}
.pa-list-item hr {
  margin-top: 16px;
  margin-bottom: 16px;
  border-top: 1px solid var(--bs-gray-400);
}
.pa-list-item .pa-icon {
  height: 33px;
  width: 33px;
}
.pa-list-item .pa-list-item__action-icon {
  color: var(--pa-accent-color);
  height: 17px;
  width: 17px;
}
.pa-list-item .pa-list-item-label {
  width: 100%;
  white-space: nowrap;
  align-items: center;
}
.pa-list-item .pa-list-item-label__container-text {
  width: 85%;
}
.pa-list-item .pa-list-item-label__container-text-full {
  width: 95%;
}
.pa-list-item .pa-list-item-label__container-action-icon {
  display: flex;
  align-items: center;
  width: 20%;
  justify-content: flex-end;
  margin-right: 8px;
}
.pa-list-item .pa-list-item-label__text {
  line-height: normal;
  font-size: 16px;
  color: var(--bs-gray-900);
  font-weight: 500;
  margin: 0 5px;
  padding: 0 5px;
}
.pa-list-item .pa-list-item-label__sub-text {
  line-height: normal;
  font-size: 14px;
  color: var(--pa-color-page-secondary-color);
  font-weight: 500;
  margin: 0 5px;
  padding: 0 5px;
  text-transform: uppercase;
}

/*
The design tokens that create the variables are defined in ./pa-nav-button-tokens.js
 */
.pa-nav-btn {
  text-align: left !important;
  /* Explicit flex root (the old layout worked by accident of Bootstrap's
     .btn — the flex properties on the children were inert). */
  display: flex;
  align-items: center;
  background-color: var(--pa-nav-button-background-color-default);
  box-shadow: none;
  white-space: nowrap;
  padding: 5px 20px 5px 10px !important;
  /* The method-card skin: visible hairline on the surface chain (converges
     on PA-9482) + sheet-family radius. Was borderless with hover-shadow. */
  border: 1px solid var(--pa-color-surface-border, var(--pa-color-gray-300));
  border-radius: var(--pa-nav-button-border-radius);
  /* Eased hover: a plain colour fade — the decelerate curve read jumpy on
     a colour-only change (designer round 4). Press-down scale for touch. */
  transition: border-color 220ms ease, transform 120ms ease;
  /* Light container: gray.100 well, same gray.300 hairline; hover/disabled
     behave identically to default (designer spec). */
  /* The system tick — same glyph + draw/pop recipe as the checkbox family,
     consuming PA-7239's tokens via var-fallbacks (byte-identical literals;
     merges either order, single source post-merge). */
  /* Selected on the brand fill (designer spec: the black one should also
     come in primary) — auto-contrast ink via the primary text token. */
  /* Inline description on the right — the method-card pattern. */
  /* Free-form actions slot — inherits the row's ink (selected states
     recolour it via currentColor). */
  /* Signal slot — promo badges etc.; keeps its own gap discipline. */
}
.pa-nav-btn:active:not(.pa-nav-btn--disabled) {
  transform: scale(0.985);
}
.pa-nav-btn.btn-lg, .btn-group-lg > .pa-nav-btn.btn {
  min-height: 60px;
}
.pa-nav-btn.btn-lg .pa-square, .btn-group-lg > .pa-nav-btn.btn .pa-square {
  width: 42px;
  height: 42px;
  /* Defensive pin: PA-7233 (in review) grows PaSquare's md min to 44,
     and min-* beats width — pinning keeps nav geometry at 42 on both
     sides of that merge. */
  min-width: 42px;
  min-height: 42px;
}
.pa-nav-btn.btn-lg .pa-square .pa-icon, .btn-group-lg > .pa-nav-btn.btn .pa-square .pa-icon {
  width: 22px;
  height: 22px;
  /* Centered by the plate's own flex (margins used to hand-compute
     the centring and broke by 2px once the plate gained its border). */
}
.pa-nav-btn.pa-nav-btn--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  border-color: var(--bs-gray-400);
  color: var(--bs-gray-400);
}
.pa-nav-btn.pa-nav-btn--disabled:active {
  border-color: var(--bs-gray-400);
  color: var(--bs-gray-400);
}
.pa-nav-btn.pa-nav-btn--disabled .pa-square {
  background-color: var(--bs-gray-400) !important;
}
.pa-nav-btn.pa-nav-btn--disabled .pa-square .pa-icon {
  color: var(--bs-light) !important;
}
.pa-nav-btn.pa-nav-btn--disabled .pa-icon,
.pa-nav-btn.pa-nav-btn--disabled .pa-nav-btn__label__action-label,
.pa-nav-btn.pa-nav-btn--disabled .pa-nav-btn__label__sub-text {
  color: var(--pa-nav-button-icon-color-disabled);
}
.pa-nav-btn.pa-nav-btn--disabled .pa-nav-btn__action-arrow {
  color: var(--pa-accent-color);
  opacity: 0.6;
}
.pa-nav-btn:not(.pa-nav-btn--icon-present) {
  padding: 5px 20px !important;
}
.pa-nav-btn.pa-nav-btn--variant-light {
  background-color: var(--pa-nav-button-variant-light-background-color);
}
.pa-nav-btn .pa-nav-btn__action-arrow {
  color: var(--pa-accent-color);
  margin-left: 15px;
  width: 12px;
}
.pa-nav-btn .pa-nav-btn__tick {
  margin-left: 15px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  flex-shrink: 0;
}
.pa-nav-btn .pa-nav-btn__tick svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  animation: pa-nav-btn-tick-pop var(--pa-input-checkbox-tick-duration, 750ms) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1)) both;
}
.pa-nav-btn .pa-nav-btn__tick svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 12;
  stroke-dashoffset: 12;
  animation: pa-nav-btn-tick-draw var(--pa-input-checkbox-tick-duration, 750ms) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1)) var(--pa-input-checkbox-tick-delay, 80ms) forwards;
}
.pa-nav-btn:not(.pa-nav-btn--disabled):not(.pa-nav-btn--selected):hover {
  /* No lift — the hover voice is the border stepping up two shades
     (designer round 4: shadow removed, darker border). Selected rows
     keep their fill-matched border (adversary catch). */
  box-shadow: none;
  border-color: var(--pa-color-gray-500);
}
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected {
  background-color: var(--pa-nav-button-background-color-selected);
  /* Border matches the fill — a gray hairline around the black card
     read as a glitch once the card gained its border. */
  border-color: var(--pa-nav-button-background-color-selected);
  box-shadow: none;
  color: var(--pa-nav-button-text-color-selected);
  /* Plate on the filled row: translucent white tile + hairline (raw
     overlays — no token models ink-on-arbitrary-fill; Dev-Lead-gated). */
}
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected .pa-square.pa-nav-btn--icon-variant-dark {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
}
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected .pa-square.pa-nav-btn--icon-variant-dark .pa-icon {
  color: var(--pa-nav-button-text-color-selected);
}
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected .pa-square.pa-nav-btn--icon-variant-light {
  background-color: var(--pa-nav-button-background-color-selected);
}
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected .pa-square.pa-nav-btn--icon-variant-light .pa-icon {
  color: var(--pa-nav-button-icon-color-selected);
}
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected .pa-icon,
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected .pa-nav-btn__action-arrow,
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected .pa-nav-btn__label__action-label,
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected .pa-nav-btn__label__sub-text,
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected .pa-nav-btn__description,
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected .pa-nav-btn__actions {
  color: var(--pa-nav-button-text-color-selected);
}
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected.pa-nav-btn--selected-primary {
  background-color: var(--pa-nav-button-selected-primary-background-color);
  /* One step darker than the fill — the solid badge recipe's edge. */
  border-color: var(--pa-color-primary-600);
  color: var(--pa-nav-button-selected-primary-text-color);
}
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected.pa-nav-btn--selected-primary .pa-icon,
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected.pa-nav-btn--selected-primary .pa-nav-btn__action-arrow,
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected.pa-nav-btn--selected-primary .pa-nav-btn__label__action-label,
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected.pa-nav-btn--selected-primary .pa-nav-btn__label__sub-text,
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected.pa-nav-btn--selected-primary .pa-nav-btn__description {
  color: var(--pa-nav-button-selected-primary-text-color);
}
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected.pa-nav-btn--selected-primary .pa-square.pa-nav-btn--icon-variant-dark {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
.pa-nav-btn:not(.pa-nav-btn--disabled).pa-nav-btn--selected.pa-nav-btn--selected-primary .pa-square.pa-nav-btn--icon-variant-dark .pa-icon {
  color: var(--pa-nav-button-selected-primary-text-color);
}
.pa-nav-btn:not(.pa-nav-btn--disabled):focus-visible {
  outline: none;
  /* The theme's focus-ring semantic — replaces the old ad-hoc rgba ring. */
  box-shadow: 0 0 0 3px var(--pa-color-focus-ring);
}
.pa-nav-btn .pa-square {
  margin-right: 8px;
  /* Designer spec: the plate is a soft tile — gray.100 face, gray.200
     hairline, nested radius that fits the 18px container. Applies to the
     default (dark) icon variant; the light variant keeps its dark face. */
  border-radius: var(--pa-nav-button-square-border-radius);
}
.pa-nav-btn .pa-square.pa-nav-btn--icon-variant-dark {
  border: 1px solid var(--pa-nav-button-square-border-color);
}
.pa-nav-btn .pa-square.pa-nav-btn--icon-variant-light {
  background-color: var(--pa-nav-button-square-variant-light-background-color-default);
}
.pa-nav-btn .pa-square.pa-nav-btn--icon-variant-light .pa-icon {
  color: var(--pa-nav-button-square-variant-light-text-color-default);
}
.pa-nav-btn .pa-square.pa-nav-btn--icon-variant-dark {
  background-color: var(--pa-nav-button-square-background-color);
}
.pa-nav-btn .pa-square.pa-nav-btn--icon-variant-dark .pa-icon {
  color: var(--pa-nav-button-square-icon-color);
}
.pa-nav-btn .pa-nav-btn__description {
  font-size: var(--pa-nav-button-sub-text-font-size);
  font-weight: var(--pa-nav-button-sub-text-font-weight);
  color: var(--pa-nav-button-description-text-color);
  margin: 0 8px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pa-nav-btn .pa-nav-btn__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--pa-spacing-100);
  min-width: 0;
}
.pa-nav-btn .pa-nav-btn__signals {
  display: inline-flex;
  align-items: center;
  gap: var(--pa-spacing-50);
  margin-right: 8px;
}
.pa-nav-btn .pa-nav-btn__label__container-text {
  flex: 0.6;
  width: 100%;
  /* Long labels truncate instead of forcing overflow (the old
     min-width: max-content made the whole button overflow instead). */
  min-width: 0;
  margin: 0 5px 0 0;
}
.pa-nav-btn .pa-nav-btn__label__container-icons {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.pa-nav-btn .pa-nav-btn__label__container-icons .pa-icon:not(.pa-nav-btn__action-arrow) {
  width: 28px;
  height: 28px;
}
.pa-nav-btn .pa-nav-btn__label__container-icons .pa-btn-btn__container-action-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 5px 0 0;
}
.pa-nav-btn .pa-nav-btn__label__text {
  line-height: normal;
  font-size: var(--pa-nav-button-label-font-size);
  text-transform: uppercase;
  font-weight: var(--pa-nav-button-label-font-weight);
  margin: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pa-nav-btn .pa-nav-btn__label__sub-text {
  line-height: normal;
  font-size: var(--pa-nav-button-sub-text-font-size);
  font-weight: var(--pa-nav-button-sub-text-font-weight);
  color: var(--pa-color-page-secondary-color);
  margin: 0;
}
.pa-nav-btn .pa-nav-btn__label__action-label {
  font-size: var(--pa-nav-button-sub-text-font-size);
  color: var(--pa-color-page-secondary-color);
  font-weight: var(--pa-nav-button-sub-text-font-weight);
  text-transform: lowercase;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
}

/* The preferred border sweep (hosted-payments prototype): a wide gradient
   painted into the 2px transparent border via background-clip, animated by
   sliding background-position. The padding compensates the extra 1px of
   border so total geometry is unchanged — and must be !important because
   the base padding is. Suppressed while selected/disabled. */
@keyframes pa-nav-btn-highlight {
  0% {
    background-position: 0 0, 0% 50%;
  }
  100% {
    background-position: 0 0, 200% 50%;
  }
}
.pa-nav-btn.pa-nav-btn--highlight:not(.pa-nav-btn--selected):not(.pa-nav-btn--disabled) {
  border-color: transparent;
  border-width: 2px;
  --pa-nav-btn-highlight-fill: var(--pa-nav-button-background-color-default);
  background: linear-gradient(var(--pa-nav-btn-highlight-fill), var(--pa-nav-btn-highlight-fill)) padding-box, linear-gradient(90deg, var(--pa-color-primary-500) 0%, var(--pa-color-primary-600) 20%, var(--pa-color-primary-200) 35%, var(--pa-color-primary-600) 50%, var(--pa-color-primary-500) 70%, var(--pa-color-primary-700) 85%, var(--pa-color-primary-500) 100%) border-box;
  background-size: 100% 100%, 200% 100%;
  background-repeat: no-repeat, repeat;
  padding: 4px 19px 4px 9px !important;
  /* The base border-color transition must not fight the gradient border
     (prototype lesson); keep the press transform only. */
  transition: transform 120ms ease;
  animation: pa-nav-btn-highlight var(--pa-nav-button-highlight-duration) linear infinite;
}
.pa-nav-btn.pa-nav-btn--highlight:not(.pa-nav-btn--selected):not(.pa-nav-btn--disabled):not(.pa-nav-btn--icon-present) {
  padding: 4px 19px !important;
}
.pa-nav-btn.pa-nav-btn--highlight:not(.pa-nav-btn--selected):not(.pa-nav-btn--disabled).pa-nav-btn--variant-light {
  --pa-nav-btn-highlight-fill: var(--pa-nav-button-variant-light-background-color);
}
.pa-nav-btn.pa-nav-btn--highlight:not(.pa-nav-btn--selected):not(.pa-nav-btn--disabled):hover {
  /* Same fill as rest — highlighted cards no longer uniquely change
     background on hover (adversary consistency catch). */
  background: linear-gradient(var(--pa-nav-btn-highlight-fill), var(--pa-nav-btn-highlight-fill)) padding-box, linear-gradient(90deg, var(--pa-color-primary-500) 0%, var(--pa-color-primary-600) 20%, var(--pa-color-primary-200) 35%, var(--pa-color-primary-600) 50%, var(--pa-color-primary-500) 70%, var(--pa-color-primary-700) 85%, var(--pa-color-primary-500) 100%) border-box;
  background-size: 100% 100%, 200% 100%;
  background-repeat: no-repeat, repeat;
}

@media (max-width: 768px) {
  .pa-nav-btn .pa-nav-btn__description {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pa-nav-btn.pa-nav-btn--highlight:not(.pa-nav-btn--selected):not(.pa-nav-btn--disabled) {
    animation: none;
    background: var(--pa-nav-button-background-color-default);
    border-color: var(--pa-color-primary-500);
  }
  .pa-nav-btn .pa-nav-btn__tick svg,
  .pa-nav-btn .pa-nav-btn__tick svg path {
    animation: none;
    stroke-dashoffset: 0;
    transform: none;
  }
  .pa-nav-btn {
    transition: none;
  }
  .pa-nav-btn:active:not(.pa-nav-btn--disabled) {
    transform: none;
  }
}
@keyframes pa-nav-btn-tick-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes pa-nav-btn-tick-pop {
  0% {
    transform: scale(var(--pa-input-checkbox-tick-scale-start, 0.4));
  }
  70% {
    transform: scale(var(--pa-input-checkbox-tick-scale-overshoot, 1.12));
  }
  100% {
    transform: scale(1);
  }
}
.pa-nav-btn-group {
  /* Real column layout with gap (was margin-top on children — a bordered/
     highlighted child shifted the rhythm by its border width). */
  display: flex;
  flex-direction: column;
  /* 8px = spacing.100 — live on main today, no fallback needed. */
  gap: var(--pa-spacing-100);
  /* Heading label: fluid 16->20px (designer range), replacing Bootstrap's
     20.4->24 h4 scale. */
  /* Subtle label: small uppercase + a trailing hairline rule filling the
     row (the hosted-payments pattern). */
}
.pa-nav-btn-group .pa-nav-btn {
  width: 100% !important;
}
.pa-nav-btn-group__label {
  font-size: clamp(16px, 0.9rem + 0.35vw, 20px);
  font-weight: var(--pa-font-weight-regular);
  /* Extra 8px under the label (designer call): margin-bottom targets only
     the label->first-card space; the flex gap stays uniform for rows. */
  margin-bottom: var(--pa-spacing-100);
}
.pa-nav-btn-group__label--subtle {
  display: flex;
  align-items: center;
  gap: var(--pa-spacing-150, 12px);
  font-size: var(--pa-font-size-sm);
  font-weight: var(--pa-font-weight-semibold);
  text-transform: uppercase;
  /* Raw tracking: no letter-spacing scale exists (Dev-Lead-gated). */
  letter-spacing: 0.04em;
  color: var(--pa-nav-button-group-label-subtle-text-color);
}
.pa-nav-btn-group__label--subtle::after {
  content: "";
  flex: 1;
  border-top: 1px solid var(--pa-color-gray-200);
}

/*
 * PaNotification — the toast surface.
 *
 * Tokens: ./pa-notification-tokens.js
 *
 * Surface-only pass. The stacking (each toast measuring its siblings and
 * setting an absolute `top`) still lives in PaNotification.ts and is
 * deliberately untouched here — replacing it is a behaviour change.
 */
.pa-notification-container {
  position: fixed;
  top: var(--pa-notification-placement-offset-default);
  right: var(--pa-notification-placement-offset-default);
  z-index: var(--pa-z-index-notification-container);
}

.pa-notification {
  /* Absolute INSIDE the container, not fixed to the viewport. The JS sets an
     inline `top` per toast to stack them; a CSS `top` here overrode that
     inline value, so every toast landed on the same line and the stack never
     appeared. `right: 0` keeps them flush to the container's right edge —
     the container already carries the viewport offset. */
  position: absolute;
  top: 0;
  right: 0;
  z-index: var(--pa-z-index-notification);
  display: flex;
  /* Centred, not top-aligned: with the icon, the text block and the action
     pill all on one row, aligning to the top left the icon and the pill
     floating high against a two-line message. */
  align-items: center;
  gap: var(--pa-notification-gap-default);
  /* Was a fixed 300px, so a two-word toast was as wide as a paragraph. */
  min-width: var(--pa-notification-size-width-min);
  max-width: var(--pa-notification-size-width-max);
  padding: var(--pa-notification-padding-y) var(--pa-notification-padding-x);
  /* Was `--bs-white` — a raw Bootstrap variable, and in dark theme the page
     ground, so the toast vanished into the page it floats above. */
  background-color: var(--pa-notification-surface-background-color-default);
  border: var(--pa-notification-surface-border-width-default) solid var(--pa-notification-surface-border-color-default);
  border-radius: var(--pa-notification-surface-radius-default);
  /* Was `0 0 5px 1px gray-700`: a hard halo in every direction that read as a
     border rather than a lift. */
  box-shadow: var(--pa-notification-surface-shadow-default);
  /* NO leading stripe (designer review): a coloured bar down the edge is the
     generic toast treatment. Type is carried by the TITLE INK and the icon
     instead — the colour sits on the words you are actually reading, and the
     surface stays clean. */
  /* Was `transition: top .5s, opacity .5s` — half a second, linear, and
     animating an absolute `top`. Now the same stack movement on a
     decelerating curve, plus a slide in from the edge. */
  transition: top var(--pa-notification-motion-enter-duration) var(--pa-notification-motion-enter-easing), opacity var(--pa-notification-motion-enter-duration) var(--pa-notification-motion-enter-easing), transform var(--pa-notification-motion-enter-duration) var(--pa-notification-motion-enter-easing);
  opacity: 1;
  transform: translateX(0) scale(1);
  /* Scale from the trailing edge, so the card grows out of the side it
     entered from rather than from its middle. */
  transform-origin: right center;
  /* The JS sets opacity 0 on create and flips it to 1 a tick later; pairing a
     translate AND a slight scale with it turns the fade into the card being
     placed — it arrives fractionally small and settles to full size on the
     overshoot curve. */
}
.pa-notification[style*="opacity: 0"] {
  transform: translateX(var(--pa-notification-motion-offset-default)) scale(var(--pa-notification-motion-scale-enter));
}

/* Per-type ink, inherited by the title and the glyph via `currentColor`. The
   DETAIL line deliberately opts out below and stays muted grey — coloured
   title, neutral body is what makes the reference read as calm rather than
   shouted. */
.pa-notification:has(.pa-notification--success-icon) {
  color: var(--pa-notification-icon-color-success);
}

.pa-notification:has(.pa-notification--info-icon) {
  color: var(--pa-notification-icon-color-info);
}

.pa-notification:has(.pa-notification--warning-icon) {
  color: var(--pa-notification-icon-color-warning);
}

.pa-notification:has(.pa-notification--error-icon) {
  color: var(--pa-notification-icon-color-error);
}

.pa-notification:has(.pa-notification--loading-icon) {
  color: var(--pa-notification-icon-color-loading);
}

/* The loading arc spins. Reduced motion slows it rather than freezing it —
   a still spinner reads as broken, not as calm. */
.pa-notification--loading-icon svg {
  animation: pa-notification-spin 800ms linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .pa-notification--loading-icon svg {
    animation-duration: 2.5s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pa-notification {
    transition: opacity var(--pa-notification-motion-enter-duration) linear;
  }
  .pa-notification[style*="opacity: 0"] {
    transform: none;
  }
}
@media print {
  .pa-notification {
    display: none !important;
  }
}
.pa-notification-content {
  flex-grow: 1;
  /* Was `max-width: 240px` — a second fixed width fighting the first. The
     flex row handles it. */
  min-width: 0;
  align-self: center;
  /* The title carries the TYPE COLOUR — `inherit` picks up the per-type ink
     set on the root. This is the reference's key move: colour on the title,
     neutral grey on the body beneath it. An untyped toast falls back to the
     root's own colour, which is the neutral title token. */
}
.pa-notification-content .fw-bold {
  color: inherit;
  font-size: var(--pa-notification-title-text-size-default);
  font-weight: var(--pa-notification-title-text-weight-default);
}

/* Untyped toasts have no per-type ink on the root, so the title takes the
   neutral token rather than inheriting nothing meaningful. */
.pa-notification:not(:has([class*=-icon])) {
  color: var(--pa-notification-title-text-color-default);
}

/* Detail lines stay MUTED GREY — they deliberately opt out of the type ink
   inherited above. Coloured title over neutral body is what keeps the toast
   calm instead of shouting a whole block of colour. */
.pa-notification-detail {
  color: var(--pa-notification-detail-text-color-default);
  font-size: var(--pa-notification-detail-text-size-default);
}

/* The action pill.
   It is a real PaButton by class (`btn btn-{variant} pa-btn--pill`), so face,
   radius, press-scale and focus ring all come from the button ladder — this
   block only handles placement and the loading swap. The per-type background
   rules that used to live here are gone: the variant class does that job. */
.pa-notification-action {
  flex: none;
  align-self: center;
}

/* Spinner shown while an async action is in flight. */
.pa-notification-action__spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: pa-notification-spin 700ms linear infinite;
}

@keyframes pa-notification-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pa-notification-action__spinner {
    animation-duration: 2s;
  }
}
.pa-notification-close {
  flex: none;
  /* It is a real <button> now (it was a <div> — unreachable by keyboard), so
     the browser's own chrome has to be cleared. */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
  /* Was `font-size: 1.5em; margin-top: -6px; height: 22px` — a magic negative
     margin dragging a glyph into rough alignment. Now a real centred box:
     a 28px tap target around an 18px glyph, vertically centred on the row
     with everything else. */
  width: 28px;
  height: 28px;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--pa-notification-close-size-default);
  border-radius: 9999px;
  color: var(--pa-notification-close-color-default);
  cursor: pointer;
  transition: color var(--pa-notification-motion-exit-duration) var(--pa-notification-motion-exit-easing);
}
.pa-notification-close:hover {
  color: var(--pa-notification-close-color-hover);
  /* Soft round hover fill. Uses the close token's own family rather than
     the deleted action.* set. */
  background-color: var(--pa-notification-close-background-color-hover);
}

/* The four type glyphs — inline Solar stroke SVG (see NotificationIcons in
   PaNotification.ts). They were background-image assets, which cannot take
   `currentColor`, so the glyph could never follow the type ink. */
.pa-notification-icon {
  flex: none;
  /* Its own gap to the text, wider than the row gap — the glyph needs more
     air from the title than the action pill needs from the copy. */
  margin-right: calc(var(--pa-notification-gap-icon) - var(--pa-notification-gap-default));
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pa-notification-icon-size-default);
  height: var(--pa-notification-icon-size-default);
}
.pa-notification-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

/*
The design tokens that create the variables are defined in ./pa-menu-tokens.js
 */
/* Hide scrollbar for Chrome, Safari, and newer Edge */
.pa-menu::-webkit-scrollbar {
  display: none;
}

.pa-menu {
  border-radius: 0;
  background-color: var(--pa-menu-background-color-default);
  color: var(--pa-menu-item-text-color-default);
  height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 var(--pa-menu-inset-default) var(--pa-menu-inset-default);
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  position: absolute;
  margin-left: -100vw;
  transition: width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), min-width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), max-width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing);
  z-index: var(--pa-menu-z-index-default);
  overflow: hidden;
  /* Hide scrollbar for Firefox */
  scrollbar-width: none;
  /* Hide scrollbar for IE and older Edge */
  -ms-overflow-style: none;
}
.pa-menu a {
  color: var(--pa-menu-item-text-color-default);
  text-decoration: none;
}
.pa-menu ul {
  list-style: none;
  padding-left: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--pa-menu-item-spacing-default);
}
.pa-menu--expanded-mobile {
  margin-left: 0;
  transition: var(--pa-menu-transition-default);
}
.pa-menu__expand-mobile {
  display: block;
}
@media (min-width: 992px) {
  .pa-menu__expand-mobile {
    display: none;
  }
}
@media (min-width: 992px) {
  .pa-menu {
    margin-left: 0;
  }
}
.pa-menu .pa-floating-alert-count__counter {
  display: none;
}

.pa-menu--booting,
.pa-menu--booting * {
  transition: none !important;
}

.pa-menu__top {
  flex: 0 0 auto;
  padding-top: var(--pa-menu-inset-default);
  display: flex;
  flex-direction: column;
  gap: var(--pa-menu-section-gap-default);
}

.pa-menu__scroll-frame {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.pa-menu__scroll-fade {
  position: absolute;
  left: 0;
  right: 0;
  height: 28px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.pa-menu__scroll-fade--top {
  top: 0;
  background: linear-gradient(to bottom, var(--pa-menu-background-color-default), transparent);
}
.pa-menu__scroll-fade--bottom {
  bottom: 0;
  background: linear-gradient(to top, var(--pa-menu-background-color-default), transparent);
}
.pa-menu__scroll-fade--visible {
  opacity: 1;
}

.pa-menu__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--pa-menu-section-gap-default);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pa-menu__scroll > :first-child {
  margin-top: var(--pa-menu-section-gap-default);
}
.pa-menu__scroll > :last-child {
  margin-bottom: var(--pa-menu-section-gap-default);
}
.pa-menu__scroll::-webkit-scrollbar {
  display: none;
}

.pa-menu-list {
  flex-grow: 1;
}

.pa-menu__toggle-divider {
  display: flex;
  align-items: center;
  gap: 0;
  cursor: pointer;
}
@media (max-width: 992px) {
  .pa-menu__toggle-divider {
    cursor: default;
  }
}
.pa-menu__toggle-divider-line {
  flex: 1 1 0;
  min-width: 10px;
  height: 1px;
  background: var(--pa-menu-divider-color-default);
  transition: flex-grow var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), min-width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), background-color 0.15s ease;
}
@media (min-width: 992px) {
  .pa-menu__toggle-divider:hover .pa-menu__toggle-divider-line {
    background: var(--pa-menu-subitem-text-color-default);
  }
  .pa-menu__toggle-divider:hover .pa-menu__toggle {
    background: var(--pa-menu-toggle-background-color-hover);
    color: var(--pa-menu-toggle-color-hover);
  }
}
.pa-menu__toggle-divider--open .pa-menu__toggle-divider-line:last-child {
  flex-grow: 0;
  min-width: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .pa-menu__toggle--kick-right {
    animation: pa-menu-toggle-kick-expand var(--pa-menu-motion-collapse-duration) var(--pa-transition-easing-settle);
  }
  .pa-menu__toggle--kick-left {
    animation: pa-menu-toggle-kick-collapse var(--pa-menu-motion-collapse-duration) var(--pa-transition-easing-settle);
  }
}
@keyframes pa-menu-toggle-kick-expand {
  0% {
    transform: translateX(0);
  }
  22% {
    transform: translateX(-14px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes pa-menu-toggle-kick-collapse {
  0% {
    transform: translateX(0);
  }
  22% {
    transform: translateX(14px);
  }
  100% {
    transform: translateX(0);
  }
}
.pa-menu__toggle {
  position: static;
  flex: 0 0 auto;
  display: none;
  place-items: center;
  width: var(--pa-menu-toggle-size-default);
  height: var(--pa-menu-toggle-size-default);
  padding: 0;
  border: none;
  border-radius: var(--pa-menu-toggle-radius-default);
  background: var(--pa-menu-background-color-default);
  color: var(--pa-menu-toggle-color-default);
  cursor: pointer;
  z-index: 2;
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.2s ease, transform 0.2s ease, background 0.15s ease, color 0.15s ease;
}
.pa-menu__toggle:hover {
  background: var(--pa-menu-toggle-background-color-hover);
  color: var(--pa-menu-toggle-color-hover);
}
.pa-menu__toggle:active {
  background: var(--pa-menu-toggle-background-color-active);
}
.pa-menu__toggle--open {
  color: var(--pa-menu-toggle-color-open);
}
@media (min-width: 992px) {
  .pa-menu__toggle {
    display: grid;
  }
}

.pa-menu__toggle-icon {
  display: block;
}

.pa-menu__toggle-fill {
  transform-origin: left center;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.pa-menu__toggle:not(.pa-menu__toggle--open) .pa-menu__toggle-fill {
  opacity: 0;
  transform: scaleX(0.3);
}

.pa-menu__bottom {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: var(--pa-menu-bottom-gap-default);
}

.pa-menu__mode-toggle {
  margin-top: var(--pa-menu-bottom-toggle-gap-default);
}

.pa-menu-create-container {
  flex-grow: 0;
}

.pa-menu-create {
  display: none;
}

.pa-menu-create--expanded {
  display: inline-flex;
}

.pa-menu-item {
  display: flex;
  align-items: center;
}
.pa-menu-item--clickable {
  cursor: pointer;
  height: var(--pa-menu-item-height-default);
  font-size: var(--pa-menu-item-font-size-default);
  border-radius: var(--pa-menu-item-border-radius-default);
  border: var(--pa-menu-item-border-width-default) solid var(--pa-menu-item-border-color-default);
  transition: var(--pa-menu-transition-default);
  padding: var(--pa-menu-item-padding-default);
}
.pa-menu-item--clickable:hover {
  background-color: var(--pa-menu-item-background-color-hover);
  border-color: var(--pa-menu-item-border-color-hover);
}
.pa-menu-item--clickable:hover .pa-menu-item__content,
.pa-menu-item--clickable:hover .pa-menu-item__icon {
  color: var(--pa-menu-item-text-color-hover);
}
.pa-menu-item--clickable.pa-menu-item--active {
  background-color: var(--pa-menu-item-background-color-selected);
  border-color: var(--pa-menu-item-border-color-selected);
}
.pa-menu-item--clickable:focus {
  outline: none;
}
.pa-menu-item--clickable:focus-visible {
  outline: var(--pa-focus-ring-width-default) solid var(--pa-menu-item-text-color-active);
  outline-offset: var(--pa-menu-item-focus-offset);
}
.pa-menu-item--button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  background: none;
  color: inherit;
  font: inherit;
  text-align: start;
}
.pa-menu-item--merchant .pa-menu-item, .pa-menu-item--merchant .pa-menu-item--clickable {
  height: auto;
  min-height: var(--pa-menu-item-height-default);
}
.pa-menu-item--merchant .pa-menu-item__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  text-overflow: clip;
}
.pa-menu-item__content {
  margin-left: var(--pa-menu-item-gap-default);
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity var(--pa-menu-motion-label-fade) ease-out var(--pa-menu-motion-label-delay);
  white-space: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
}
.pa-menu-item__divider {
  border-color: var(--pa-menu-divider-color-default);
  border-width: 1px;
  margin-top: 0;
  margin-bottom: 0;
}
.pa-menu-item__icon {
  color: var(--pa-menu-icon-color-default);
  height: var(--pa-menu-item-icon-height-default);
  width: var(--pa-menu-item-icon-height-default);
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0;
}
.pa-menu-item__container-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  flex-shrink: 0;
  color: var(--pa-menu-icon-color-default);
}
.pa-menu-item__accordion-arrow {
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
  transition: transform 0.2s ease, color 0.15s ease;
}
.pa-menu-item__container-toggle--open {
  color: var(--pa-menu-item-text-color-active);
}
.pa-menu-item__container-toggle--open .pa-menu-item__accordion-arrow {
  transform: rotate(-90deg);
}

.pa-menu-item__container__title:hover .pa-menu-item__container-toggle {
  color: var(--pa-menu-item-text-color-hover);
}

.pa-menu-item__container {
  transition: var(--pa-menu-transition-default);
}
.pa-menu-item__container .pa-floating-alert-count {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pa-menu-item__container__item {
  height: 36px;
}
.pa-menu-item__container__submenu {
  padding-top: 6px;
}

.pa-menu-client {
  position: relative;
}
.pa-menu-client__pill {
  height: var(--pa-menu-client-height-default);
  padding: 4px;
  background: var(--pa-menu-client-background-color-default);
  border: 1px solid var(--pa-menu-client-border-color-default);
  border-radius: var(--pa-menu-client-border-radius-outer);
  box-sizing: border-box;
}
.pa-menu-client__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 0 12px;
  border: none;
  border-radius: var(--pa-menu-client-border-radius-inner);
  background: transparent;
  color: var(--pa-menu-client-text-color-secondary);
  cursor: default;
  transition: background 0.2s ease, color 0.2s ease;
}
.pa-menu-client__trigger--clickable {
  cursor: pointer;
}
.pa-menu-client__trigger--clickable:hover {
  background: var(--pa-menu-client-background-color-hover);
  color: var(--pa-menu-client-text-color-primary);
}
.pa-menu-client__left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.pa-menu-client__icon {
  flex-shrink: 0;
  color: var(--pa-menu-client-text-color-secondary);
  font-size: 16px;
}
.pa-menu-client__name {
  font-weight: 500;
  font-size: var(--pa-menu-item-font-size-default);
  color: var(--pa-menu-client-text-color-primary);
  line-height: 1.2;
}
.pa-menu-client__arrow {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--pa-menu-client-text-color-secondary);
}
.pa-menu-client__icon-stack {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.pa-menu-client__icon--rail {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity var(--pa-menu-motion-label-fade) ease-out;
}
.pa-menu-client__icon--rail svg {
  display: block;
  width: 100%;
  height: 100%;
}
.pa-menu-client__icon--expanded-only {
  transition: opacity var(--pa-menu-motion-label-fade) ease-out;
}
.pa-menu-client--success .pa-menu-client__pill {
  background: var(--pa-menu-client-background-color-success);
}
.pa-menu-client--info .pa-menu-client__pill {
  background: var(--pa-menu-client-background-color-info);
}
.pa-menu-client--success .pa-menu-client__trigger {
  color: var(--pa-menu-client-text-color-success);
}
.pa-menu-client--info .pa-menu-client__trigger {
  color: var(--pa-menu-client-text-color-info);
}
.pa-menu-client--success .pa-menu-client__icon, .pa-menu-client--success .pa-menu-client__name, .pa-menu-client--success .pa-menu-client__arrow, .pa-menu-client--info .pa-menu-client__icon, .pa-menu-client--info .pa-menu-client__name, .pa-menu-client--info .pa-menu-client__arrow {
  color: inherit;
}
.pa-menu-client__dropdown {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px;
  background: var(--pa-menu-client-dropdown-background-color-default);
  border: 1px solid var(--pa-menu-client-border-color-default);
  border-radius: var(--pa-menu-client-border-radius-outer);
  box-shadow: var(--pa-menu-client-dropdown-shadow-default);
  z-index: 10;
}
.pa-menu-client__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--pa-menu-client-border-radius-inner);
  cursor: pointer;
  text-align: left;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.pa-menu-client__option:hover, .pa-menu-client__option--active {
  background: var(--pa-menu-client-background-color-active);
  border-color: var(--pa-menu-client-border-color-default);
}
.pa-menu-client__option-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.pa-menu-client__option-name {
  font-weight: 500;
  font-size: var(--pa-menu-item-font-size-default);
  color: var(--pa-menu-client-text-color-primary);
  line-height: 1.2;
}
.pa-menu-client__option-code {
  font-size: 12px;
  color: var(--pa-menu-client-text-color-tertiary);
  line-height: 1.2;
}
.pa-menu-client__option-check {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--pa-menu-client-text-color-secondary);
}
.pa-menu-client__option-check svg {
  width: 14px;
  height: 14px;
}
.pa-menu-client__dropdown-divider {
  height: 1px;
  margin: 6px 0;
  background: var(--pa-menu-client-border-color-default);
}
.pa-menu-client__add {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: var(--pa-button-height-md);
  padding: 0 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--pa-menu-client-border-radius-inner);
  cursor: pointer;
  text-align: left;
  font-weight: 500;
  font-size: var(--pa-menu-item-font-size-default);
  color: var(--pa-menu-client-text-color-secondary);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.pa-menu-client__add:hover {
  background: var(--pa-menu-client-background-color-active);
  border-color: var(--pa-menu-client-border-color-default);
  color: var(--pa-menu-client-text-color-primary);
}
.pa-menu-client__add-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: var(--pa-menu-client-text-color-secondary);
}
.pa-menu-client__add-icon svg {
  width: 16px;
  height: 16px;
}

.pa-menu-client-dropdown-enter-active,
.pa-menu-client-dropdown-leave-active {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.pa-menu-client-dropdown-enter-from,
.pa-menu-client-dropdown-leave-to {
  opacity: 0;
  transform: translateY(8px);
}

.pa-menu-mode-toggle {
  display: flex;
  gap: 8px;
  padding: 4px;
  background: var(--pa-menu-mode-toggle-background-color-default);
  border: 1px solid var(--pa-menu-mode-toggle-border-color-default);
  border-radius: var(--pa-menu-mode-toggle-border-radius-outer);
}
.pa-menu-mode-toggle__btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 12px;
  min-height: var(--pa-button-height-md);
  border: none;
  border-radius: var(--pa-menu-mode-toggle-border-radius-inner);
  background: transparent;
  color: var(--pa-menu-mode-toggle-text-color-default);
  font-weight: 500;
  font-size: var(--pa-menu-item-font-size-default);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.pa-menu-mode-toggle__btn:hover:not(.pa-menu-mode-toggle__btn--active) {
  background: var(--pa-menu-mode-toggle-button-background-color-hover);
  color: var(--pa-menu-mode-toggle-text-color-active);
}
.pa-menu-mode-toggle__btn--active {
  background: var(--pa-menu-mode-toggle-button-background-color-active);
  color: var(--pa-menu-mode-toggle-text-color-active);
}
.pa-menu-mode-toggle__btn:first-child.pa-menu-mode-toggle__btn--active {
  background: var(--pa-menu-mode-toggle-button-background-color-warning);
  color: var(--pa-menu-mode-toggle-button-text-color-warning);
}
.pa-menu-mode-toggle__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.pa-menu-mode-toggle__icon--svg svg {
  width: 16px;
  height: 16px;
}

a.pa-menu-item--active,
.pa-menu-item--active {
  color: var(--pa-menu-item-text-color-active);
}
a.pa-menu-item--active .pa-menu-item__content,
a.pa-menu-item--active .pa-menu-item__icon,
.pa-menu-item--active .pa-menu-item__content,
.pa-menu-item--active .pa-menu-item__icon {
  color: var(--pa-menu-item-text-color-active);
}

.pa-menu-item__container--toggled {
  background-color: var(--pa-menu-group-background-color-open);
  border: var(--pa-menu-item-border-width-default) solid var(--pa-menu-group-border-color-open);
  border-radius: var(--pa-menu-item-border-radius-default);
  transition: background-color 0.35s ease, border-color 0.35s ease;
}
.pa-menu-item__container--toggled > .pa-menu-item__container__title,
.pa-menu-item__container--toggled > .pa-menu-item__container__title.pa-menu-item--active {
  background: none;
  background-color: transparent;
  border-color: transparent;
  border-radius: var(--pa-menu-item-border-radius-default) var(--pa-menu-item-border-radius-default) 0 0;
}

.pa-menu-item__container__submenu,
.pa-menu-flyout__items {
  padding: var(--pa-menu-submenu-padding-default);
  display: flex;
  flex-direction: column;
  gap: var(--pa-menu-submenu-gap-default);
}
.pa-menu-item__container__submenu .pa-menu-item--clickable,
.pa-menu-flyout__items .pa-menu-item--clickable {
  min-height: var(--pa-menu-subitem-height-default);
  height: auto;
  padding: var(--pa-menu-subitem-padding-default);
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: var(--pa-menu-subitem-border-radius-default);
  color: var(--pa-menu-subitem-text-color-default);
}
.pa-menu-item__container__submenu .pa-menu-item--clickable .pa-menu-item__content,
.pa-menu-flyout__items .pa-menu-item--clickable .pa-menu-item__content {
  color: var(--pa-menu-subitem-text-color-default);
  white-space: normal;
  overflow-wrap: anywhere;
  text-overflow: clip;
}
.pa-menu-item__container__submenu .pa-menu-item--clickable .pa-menu-item__icon,
.pa-menu-flyout__items .pa-menu-item--clickable .pa-menu-item__icon {
  color: transparent;
  height: 16px;
  width: 16px;
}
.pa-menu-item__container__submenu .pa-menu-item--clickable:hover,
.pa-menu-flyout__items .pa-menu-item--clickable:hover {
  color: var(--pa-menu-subitem-text-color-hover);
  background-color: var(--pa-menu-subitem-background-color-hover);
  border-color: var(--pa-menu-subitem-border-color-hover);
}
.pa-menu-item__container__submenu .pa-menu-item--clickable:hover .pa-menu-item__content,
.pa-menu-flyout__items .pa-menu-item--clickable:hover .pa-menu-item__content {
  color: var(--pa-menu-subitem-text-color-hover);
}
.pa-menu-item__container__submenu .pa-menu-item--clickable:hover .pa-menu-item__icon,
.pa-menu-flyout__items .pa-menu-item--clickable:hover .pa-menu-item__icon {
  color: var(--pa-menu-item-text-color-default);
}
.pa-menu-item__container__submenu .pa-menu-item--clickable.pa-menu-item--active,
.pa-menu-flyout__items .pa-menu-item--clickable.pa-menu-item--active {
  color: var(--pa-menu-subitem-text-color-active);
  background: none;
  background-color: transparent;
  border-color: transparent;
}
.pa-menu-item__container__submenu .pa-menu-item--clickable.pa-menu-item--active .pa-menu-item__content,
.pa-menu-item__container__submenu .pa-menu-item--clickable.pa-menu-item--active .pa-menu-item__icon,
.pa-menu-flyout__items .pa-menu-item--clickable.pa-menu-item--active .pa-menu-item__content,
.pa-menu-flyout__items .pa-menu-item--clickable.pa-menu-item--active .pa-menu-item__icon {
  color: var(--pa-menu-subitem-text-color-active);
}

.pa-menu-title {
  display: flex;
  flex-direction: column;
  gap: var(--pa-menu-title-gap-default);
  padding-top: 4px;
  padding-bottom: 4px;
}
.pa-menu-title__logo {
  text-align: center;
  height: 60px;
  max-width: 100%;
  flex-grow: 1;
  cursor: pointer;
}
.pa-menu-title__logo img {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
}
.pa-menu-title__logo-narrow-toggle {
  display: none;
}
@media (min-width: 992px) {
  .pa-menu-title__logo-narrow-toggle {
    display: block;
  }
}
.pa-menu-title__logo-container {
  display: flex;
  align-items: stretch;
  position: relative;
}
.pa-menu-title__logo-container > .pa-menu__expand-mobile {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  margin: 0;
  cursor: pointer;
}
.pa-menu-title__name {
  text-align: center;
  color: var(--pa-menu-item-text-color-active);
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  height: 24px;
  overflow: hidden;
  transition: var(--pa-menu-transition-default);
}
.pa-menu-title__sub-name {
  font-size: 13px;
  text-align: center;
  color: var(--pa-menu-item-text-color-default);
  overflow: hidden;
}

.pa-menu-small-title .pa-menu-title__logo {
  text-align: left;
  flex-grow: 1;
  cursor: pointer;
  max-width: 240px;
  height: 28px;
  margin-left: 8px;
}
.pa-menu-small-title .pa-menu-title__logo img {
  width: unset;
  height: unset;
  max-width: unset;
  max-height: unset;
}
.pa-menu-small-title .pa-menu-title__logo-container {
  margin-bottom: 16px;
}

.pa-menu-item__container--quick-actions {
  transition: var(--pa-menu-transition-default);
  color: var(--pa-menu-quick-actions-text-color-default);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container-toggle {
  display: none;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container__title {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  height: var(--pa-menu-quick-actions-height-default);
  background-color: var(--pa-menu-quick-actions-background-color-default);
  border-radius: var(--pa-menu-quick-actions-border-radius-default);
  box-shadow: var(--pa-menu-quick-actions-shadow-default);
  border: 0;
  padding-left: var(--pa-menu-quick-actions-padding-left-default);
  padding-right: var(--pa-menu-quick-actions-padding-right-default);
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  transition: max-width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), padding var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), background-color 0.2s ease, color 0.2s ease;
  color: var(--pa-menu-quick-actions-text-color-default);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container__title:hover {
  background-color: var(--pa-menu-quick-actions-background-color-hover);
  color: var(--pa-menu-quick-actions-text-color-default);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container__title .pa-menu-item__content {
  font-weight: var(--pa-font-weight-500);
  text-transform: uppercase;
  margin-left: 0;
  color: var(--pa-menu-quick-actions-text-color-default);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container__title:hover .pa-menu-item__content,
.pa-menu-item__container--quick-actions .pa-menu-item__container__title:hover .pa-menu-item__iconbox .pa-menu-item__icon {
  color: var(--pa-menu-quick-actions-text-color-default);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container__title .pa-menu-item__iconbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pa-menu-quick-actions-iconbox-size-default);
  height: var(--pa-menu-quick-actions-iconbox-size-default);
  border-radius: var(--pa-menu-quick-actions-iconbox-radius-default);
  background-color: var(--pa-menu-quick-actions-iconbox-background-color-default);
  flex-shrink: 0;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container__title .pa-menu-item__iconbox .pa-menu-item__icon {
  width: 16px;
  height: 16px;
  color: var(--pa-menu-quick-actions-text-color-default);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container:not(:has(.pa-menu-item__container__submenu)) > .pa-menu-item--clickable {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  transition: max-width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), padding var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), background-color 0.2s ease, color 0.2s ease;
  height: var(--pa-menu-quick-actions-height-default);
  background-color: var(--pa-menu-quick-actions-background-color-default);
  border-radius: var(--pa-menu-quick-actions-border-radius-default);
  box-shadow: var(--pa-menu-quick-actions-shadow-default);
  border: 0;
  padding-left: var(--pa-menu-quick-actions-padding-left-default);
  padding-right: var(--pa-menu-quick-actions-padding-right-default);
  color: var(--pa-menu-quick-actions-text-color-default);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container:not(:has(.pa-menu-item__container__submenu)) > .pa-menu-item--clickable > .pa-menu-item__icon {
  margin-inline: calc((var(--pa-menu-rail-tile-size) - 2 * var(--pa-menu-quick-actions-padding-left-default) - var(--pa-menu-item-icon-height-default)) / 2);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container:not(:has(.pa-menu-item__container__submenu)) > .pa-menu-item--clickable:hover {
  background-color: var(--pa-menu-quick-actions-background-color-hover);
  color: var(--pa-menu-quick-actions-text-color-default);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container:not(:has(.pa-menu-item__container__submenu)) > .pa-menu-item--clickable .pa-menu-item__content {
  font-weight: var(--pa-font-weight-500);
  text-transform: uppercase;
  margin-left: 0;
  color: var(--pa-menu-quick-actions-text-color-default);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container:not(:has(.pa-menu-item__container__submenu)) > .pa-menu-item--clickable .pa-menu-item__iconbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pa-menu-quick-actions-iconbox-size-default);
  height: var(--pa-menu-quick-actions-iconbox-size-default);
  border-radius: var(--pa-menu-quick-actions-iconbox-radius-default);
  background-color: var(--pa-menu-quick-actions-iconbox-background-color-default);
  flex-shrink: 0;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container:not(:has(.pa-menu-item__container__submenu)) > .pa-menu-item--clickable .pa-menu-item__iconbox .pa-menu-item__icon {
  width: 16px;
  height: 16px;
  color: var(--pa-menu-quick-actions-text-color-default);
}

.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled {
  background-color: var(--pa-menu-quick-actions-group-background-color-open);
  border-color: var(--pa-menu-quick-actions-group-border-color-open);
  padding-bottom: 8px;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__title {
  background-color: transparent;
  box-shadow: none;
  gap: 12px;
  padding-left: var(--pa-menu-quick-actions-padding-left-default);
  padding-right: var(--pa-menu-quick-actions-padding-right-default);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu {
  padding: 0;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu-clip {
  gap: 6px;
  padding: 4px 10px 8px 10px;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu .pa-menu-item--clickable {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
  height: var(--pa-menu-subitem-height-default);
  min-height: var(--pa-menu-subitem-height-default);
  background-color: transparent;
  box-shadow: none;
  border: 1px solid transparent;
  border-radius: var(--pa-menu-subitem-border-radius-default);
  padding: 0 14px;
  color: var(--pa-menu-quick-actions-subitem-text-color-default);
  text-transform: none;
  font-weight: var(--pa-font-weight-400);
  justify-content: flex-start;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu .pa-menu-item--clickable .pa-menu-item__content {
  color: var(--pa-menu-quick-actions-subitem-text-color-default);
  text-transform: none;
  font-weight: inherit;
  margin-left: 0;
  flex: 1 1 auto;
  min-width: 0;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu .pa-menu-item--clickable .pa-menu-item__iconbox {
  display: none;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu .pa-menu-item--clickable .pa-menu-item__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: transparent;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu .pa-menu-item--clickable:hover {
  color: var(--pa-menu-quick-actions-subitem-text-color-hover);
  background-color: var(--pa-menu-quick-actions-subitem-background-color-hover);
  border-color: var(--pa-menu-quick-actions-subitem-border-color-hover);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu .pa-menu-item--clickable:hover .pa-menu-item__content {
  color: var(--pa-menu-quick-actions-subitem-text-color-hover);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu .pa-menu-item--clickable:hover .pa-menu-item__icon {
  color: var(--pa-menu-quick-actions-subitem-text-color-hover);
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu .pa-menu-item--clickable.pa-menu-item--active {
  color: var(--pa-menu-quick-actions-subitem-text-color-active);
  background-color: transparent;
  border-color: transparent;
}
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu .pa-menu-item--clickable.pa-menu-item--active .pa-menu-item__content,
.pa-menu-item__container--quick-actions .pa-menu-item__container--toggled .pa-menu-item__container__submenu .pa-menu-item--clickable.pa-menu-item--active .pa-menu-item__icon {
  color: var(--pa-menu-quick-actions-subitem-text-color-active);
}

.pa-menu-item__heading {
  color: var(--pa-menu-subheader-text-color-default);
}
.pa-menu-item__heading--sub-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--pa-menu-subitem-padding-default);
  text-transform: uppercase;
}
.pa-menu-item__heading--sub-header::after {
  content: "";
  flex: 1 1 0;
  min-width: 10px;
  height: 1px;
  background: var(--pa-menu-divider-color-default);
}

.pa-menu__spacer {
  width: 0;
  min-width: 0;
  height: 100vh;
  margin: 0;
  padding: 0;
  transition: width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), min-width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing);
}
@media (min-width: 992px) {
  .pa-menu__spacer {
    width: 300px;
    min-width: 300px;
  }
}

@media (min-width: 992px) {
  .pa-menu__spacer--narrow {
    width: 100px;
    min-width: 100px;
  }
}

.pa-menu--auto-hide {
  width: 0;
  min-width: 0;
  max-width: 0;
  padding: 0;
  transition: var(--pa-menu-transition-default);
}

/*
 Need a special class for the initial load on small devices.
 Otherwise the menu can been seen sliding to 0
 */
.pa-menu--auto-hide-initial {
  width: 0;
  min-width: 0;
  max-width: 0;
  padding: 0;
  transition: all 0s ease;
}

.pa-menu--narrow:not(.pa-menu--expanded-mobile) {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
  transition: width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), min-width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing), max-width var(--pa-menu-motion-collapse-duration) var(--pa-menu-motion-collapse-easing);
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-item__content {
  opacity: 0;
  width: 0;
  flex: 0 0 0;
  margin-left: 0;
  transition: opacity var(--pa-menu-motion-label-fade) ease-out;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-item__container-toggle {
  display: none;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-client__name,
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-client__arrow {
  display: none;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-client__trigger {
  justify-content: center;
  padding: 0;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-client__left {
  gap: 0;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-client__icon--rail {
  opacity: 1;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-client__icon--expanded-only {
  opacity: 0;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-mode-toggle {
  justify-content: center;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-mode-toggle__label {
  display: none;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-mode-toggle__btn {
  flex: 0 0 auto;
  width: 100%;
  padding: 0;
  gap: 0;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-mode-toggle__btn:not(.pa-menu-mode-toggle__btn--active) {
  display: none;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-item__container {
  padding-left: 0;
  padding-right: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-item--clickable.pa-menu-item__container {
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--pa-menu-item-padding-default);
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-item__container--quick-actions .pa-menu-item__container {
  padding-left: 0;
  padding-right: 0;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-item__container--quick-actions .pa-menu-item__container__title,
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-item__container--quick-actions .pa-menu-item__container:not(:has(.pa-menu-item__container__submenu)) > .pa-menu-item--clickable {
  max-width: var(--pa-menu-rail-tile-size);
  padding-right: var(--pa-menu-quick-actions-padding-left-default);
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-item__container--quick-actions .pa-menu-item__container__title .pa-menu-item__content,
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-item__container--quick-actions .pa-menu-item__container:not(:has(.pa-menu-item__container__submenu)) > .pa-menu-item--clickable .pa-menu-item__content {
  display: none;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-create {
  display: block;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-create--expanded {
  display: none;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-item--merchant .pa-menu-item__content {
  display: none;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-title__name {
  opacity: 0;
  transition: var(--pa-menu-transition-default);
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu-title__sub-name {
  opacity: 0;
  transition: var(--pa-menu-transition-default);
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-floating-alert-count__counter {
  display: inline-flex;
  min-width: var(--pa-alert-count-compact-size-default);
  height: var(--pa-alert-count-compact-size-default);
  font-size: var(--pa-alert-count-compact-font-size-default);
  padding: 0 var(--pa-alert-count-compact-padding-x-default);
  transform: translate(var(--pa-alert-count-compact-floating-offset-default), calc(-1 * var(--pa-alert-count-compact-floating-offset-default)));
  box-shadow: 0 0 0 var(--pa-alert-count-compact-floating-ring-width-default) var(--pa-alert-count-floating-ring-color-default);
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-alert-count {
  display: none;
}
.pa-menu--narrow:not(.pa-menu--expanded-mobile) .pa-menu__appearance-mode {
  display: none;
}

.pa-menu-item__container__submenu--slide {
  display: grid;
  grid-template-rows: 1fr;
  padding: 0;
}

.pa-menu-item__container__submenu-clip {
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--pa-menu-submenu-gap-default);
  padding: var(--pa-menu-submenu-padding-default);
}

.pa-sub-menu-slide-enter-from,
.pa-sub-menu-slide-leave-to {
  grid-template-rows: 0fr;
  opacity: 0;
}

.pa-menu-item__container__submenu--slide.pa-sub-menu-slide-enter-from .pa-menu-item__container__submenu-clip,
.pa-menu-item__container__submenu--slide.pa-sub-menu-slide-leave-to .pa-menu-item__container__submenu-clip {
  padding-top: 0;
  padding-bottom: 0;
}

.pa-sub-menu-slide-enter-active,
.pa-sub-menu-slide-leave-active {
  transition: grid-template-rows 0.3s var(--pa-transition-easing-settle), opacity 0.25s ease;
}
.pa-sub-menu-slide-enter-active .pa-menu-item__container__submenu-clip,
.pa-sub-menu-slide-leave-active .pa-menu-item__container__submenu-clip {
  transition: padding-top 0.3s var(--pa-transition-easing-settle), padding-bottom 0.3s var(--pa-transition-easing-settle);
}

.pa-menu__appearance-mode {
  --bs-white: var(--pa-menu-background-color-default);
  --bs-black: var(--pa-menu-item-text-color-active);
  --bs-gray-200: var(--pa-menu-subheader-background-color-selected-default);
  --bs-gray-100: var(--pa-menu-background-color-default);
  --pa-input-radio-segment-track-background-color: var(--pa-color-menu-surface-elevated);
  --pa-input-radio-segment-track-border-color: var(--pa-color-menu-ink-10);
  --pa-input-radio-segment-thumb-background-color: var(--pa-color-menu-ink-10);
  --pa-input-radio-segment-thumb-text-color: var(--pa-color-menu-ink-100);
  --pa-input-radio-segment-label-color-default: var(--pa-color-menu-ink-60);
  --pa-input-radio-segment-label-color-selected: var(--pa-color-menu-ink-100);
  justify-self: center;
  padding: var(--pa-menu-item-padding-default);
  display: flex;
  justify-content: center;
}
.pa-menu__appearance-mode--submenu {
  margin-top: var(--pa-menu-submenu-appearance-gap-default);
  margin-bottom: var(--pa-menu-submenu-appearance-gap-default);
  padding-right: 0;
  --bs-font-size-sm: 0.8rem;
}

.pa-menu-item__icon--svg svg {
  width: 100%;
  height: 100%;
}

.pa-menu-flyout {
  position: fixed;
  z-index: 1080;
  background: var(--pa-menu-flyout-background-color-default);
  border: var(--pa-menu-flyout-border-width-default) solid var(--pa-menu-flyout-border-color-default);
  color: var(--pa-menu-flyout-text-color-default);
  font-size: var(--pa-menu-item-font-size-default);
  transform-origin: left center;
  will-change: transform, opacity;
  transition: top var(--pa-menu-flyout-motion-duration-move) var(--pa-menu-flyout-motion-easing-move), height var(--pa-menu-flyout-motion-duration-move) var(--pa-menu-flyout-motion-easing-move);
}
.pa-menu-flyout.is-instant {
  transition: none;
}
.pa-menu-flyout--label {
  padding: var(--pa-menu-flyout-label-padding-y) var(--pa-menu-flyout-label-padding-x);
  border-radius: var(--pa-menu-flyout-border-radius-label);
  font-weight: 400;
  white-space: nowrap;
  pointer-events: none;
}
.pa-menu-flyout--panel {
  min-width: var(--pa-menu-flyout-panel-width-min);
  max-width: var(--pa-menu-flyout-panel-width-max);
  max-height: calc(100vh - var(--pa-menu-flyout-viewport-pad));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: var(--pa-menu-flyout-border-radius-default);
}
.pa-menu-flyout--panel::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -var(--pa-menu-flyout-gap-default);
  width: var(--pa-menu-flyout-gap-default);
}
.pa-menu-flyout__content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  max-height: calc(100vh - var(--pa-menu-flyout-viewport-pad));
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pa-menu-flyout__content::-webkit-scrollbar {
  display: none;
}
.pa-menu-flyout__title {
  padding: var(--pa-menu-flyout-title-padding-top) var(--pa-menu-flyout-title-padding-x) var(--pa-menu-flyout-title-padding-bottom);
  font-size: var(--pa-menu-flyout-title-font-size-default);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--pa-menu-flyout-text-color-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pa-menu-flyout__items {
  padding: var(--pa-menu-flyout-items-padding-default);
}
.pa-menu-flyout__items .pa-menu-item__gap {
  display: none;
}
.pa-menu-flyout__items .pa-menu-item--clickable {
  text-decoration: none;
  padding: 0 var(--pa-menu-flyout-row-padding-x);
  justify-content: flex-start;
}
.pa-menu-flyout__items .pa-menu-item__heading--sub-header {
  padding: 0 var(--pa-menu-flyout-row-padding-x);
}
.pa-menu-flyout__items .pa-menu-item__content {
  display: block;
  margin-left: 0;
}
.pa-menu-flyout__items .pa-menu-item__icon,
.pa-menu-flyout__items .pa-floating-alert-count {
  display: none;
}
.pa-menu-flyout__items .pa-menu-client__option,
.pa-menu-flyout__items .pa-menu-client__add {
  color: var(--pa-menu-flyout-text-color-default);
}
.pa-menu-flyout__items .pa-menu-client__option:hover, .pa-menu-flyout__items .pa-menu-client__option:focus-visible,
.pa-menu-flyout__items .pa-menu-client__add:hover,
.pa-menu-flyout__items .pa-menu-client__add:focus-visible {
  background-color: var(--pa-menu-subitem-background-color-hover);
}
.pa-menu-flyout__items .pa-menu-client__option-code {
  color: var(--pa-menu-flyout-text-color-muted);
}
.pa-menu-flyout__items .pa-menu-client__dropdown-divider {
  border-color: var(--pa-menu-flyout-border-color-default);
}

.pa-menu-flyout--brand {
  background: var(--pa-menu-quick-actions-group-background-color-open);
  border-color: var(--pa-menu-quick-actions-group-border-color-open);
}
.pa-menu-flyout--brand .pa-menu-flyout__title {
  color: var(--pa-menu-quick-actions-subitem-text-color-default);
}
.pa-menu-flyout--brand .pa-menu-flyout__items .pa-menu-item--clickable {
  color: var(--pa-menu-quick-actions-subitem-text-color-default);
  border: var(--pa-menu-flyout-border-width-default) solid transparent;
}
.pa-menu-flyout--brand .pa-menu-flyout__items .pa-menu-item--clickable .pa-menu-item__content {
  color: var(--pa-menu-quick-actions-subitem-text-color-default);
}
.pa-menu-flyout--brand .pa-menu-flyout__items .pa-menu-item--clickable:hover, .pa-menu-flyout--brand .pa-menu-flyout__items .pa-menu-item--clickable:focus-visible, .pa-menu-flyout--brand .pa-menu-flyout__items .pa-menu-item--clickable.pa-menu-item--active {
  color: var(--pa-menu-quick-actions-subitem-text-color-hover);
  background-color: var(--pa-menu-quick-actions-subitem-background-color-hover);
  border-color: var(--pa-menu-quick-actions-subitem-border-color-hover);
}
.pa-menu-flyout--brand .pa-menu-flyout__items .pa-menu-item--clickable:hover .pa-menu-item__content, .pa-menu-flyout--brand .pa-menu-flyout__items .pa-menu-item--clickable:focus-visible .pa-menu-item__content, .pa-menu-flyout--brand .pa-menu-flyout__items .pa-menu-item--clickable.pa-menu-item--active .pa-menu-item__content {
  color: var(--pa-menu-quick-actions-subitem-text-color-hover);
}
.pa-menu-flyout--brand .pa-menu-flyout-swap-down-leave-active,
.pa-menu-flyout--brand .pa-menu-flyout-swap-up-leave-active {
  background: var(--pa-menu-quick-actions-group-background-color-open);
}

.pa-menu-flyout-enter-active {
  transition: opacity var(--pa-menu-flyout-motion-duration-fade) var(--pa-menu-flyout-motion-easing-fade), transform var(--pa-menu-flyout-motion-duration-move) var(--pa-menu-flyout-motion-easing-move), top var(--pa-menu-flyout-motion-duration-move) var(--pa-menu-flyout-motion-easing-move), height var(--pa-menu-flyout-motion-duration-move) var(--pa-menu-flyout-motion-easing-move);
}

.pa-menu-flyout-leave-active {
  transition: opacity var(--pa-menu-flyout-motion-duration-fade) var(--pa-menu-flyout-motion-easing-fade), top var(--pa-menu-flyout-motion-duration-move) var(--pa-menu-flyout-motion-easing-move), height var(--pa-menu-flyout-motion-duration-move) var(--pa-menu-flyout-motion-easing-move);
}

.pa-menu-flyout-enter-from {
  opacity: 0;
  transform: translateX(calc(var(--pa-menu-flyout-gap-default) * -1)) scale(0.98);
}

.pa-menu-flyout-leave-to {
  opacity: 0;
}

.pa-menu-flyout-swap-down-enter-active,
.pa-menu-flyout-swap-up-enter-active {
  transition: opacity var(--pa-menu-flyout-motion-duration-swap) var(--pa-menu-flyout-motion-easing-fade) var(--pa-menu-flyout-motion-delay-swap), transform var(--pa-menu-flyout-motion-duration-move) var(--pa-menu-flyout-motion-easing-move);
}

.pa-menu-flyout-swap-down-leave-active,
.pa-menu-flyout-swap-up-leave-active {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
  background: var(--pa-menu-flyout-background-color-default);
  transition: opacity var(--pa-menu-flyout-motion-duration-leave) var(--pa-menu-flyout-motion-easing-fade), transform var(--pa-menu-flyout-motion-duration-leave) var(--pa-menu-flyout-motion-easing-fade);
}

.pa-menu-flyout-swap-down-enter-from {
  opacity: 0;
  transform: translateY(var(--pa-menu-flyout-motion-distance-swap));
}

.pa-menu-flyout-swap-down-leave-to {
  opacity: 0;
  transform: translateY(calc(var(--pa-menu-flyout-motion-distance-swap) * -1));
}

.pa-menu-flyout-swap-up-enter-from {
  opacity: 0;
  transform: translateY(calc(var(--pa-menu-flyout-motion-distance-swap) * -1));
}

.pa-menu-flyout-swap-up-leave-to {
  opacity: 0;
  transform: translateY(var(--pa-menu-flyout-motion-distance-swap));
}

@media (prefers-reduced-motion: reduce) {
  .pa-menu-flyout,
  .pa-menu-flyout-enter-active,
  .pa-menu-flyout-leave-active {
    transition: opacity var(--pa-menu-flyout-motion-duration-fade) var(--pa-menu-flyout-motion-easing-fade);
  }
  .pa-menu-flyout-enter-from {
    transform: none;
  }
  [class*=pa-menu-flyout-swap-] {
    transition: opacity var(--pa-menu-flyout-motion-duration-fade) var(--pa-menu-flyout-motion-easing-fade);
    transform: none !important;
  }
}
.pa-modal__ok-button--full, .pa-modal__cancel-button--full {
  flex-grow: 1;
}
.pa-modal__header--hero {
  border-bottom: none;
  padding-bottom: 0;
}
.pa-modal__header__hero-content {
  margin-left: 24px;
}

.pa-mutliselect {
  position: relative; /* Allows absolute positioning of the label */
  --ms-py: 12px;
}

/* 3. Initial label position (inside the input) */
.pa-mutliselect .pa-mutliselect-label {
  position: absolute;
  /* Make sure the label doesn't interfere with clicking the input */
  pointer-events: none;
  /* Enable smooth movement */
  padding: 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 90%;
  display: block;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 500;
  top: 18px;
  bottom: 18px;
  left: 12px;
  transition: top var(--pa-input-transition-duration, 200ms) var(--pa-input-transition-easing, ease-out);
  z-index: 1;
}

/* a. When the input is focused: */
.pa-mutliselect.pa-mutliselect--focus label.pa-mutliselect-label,
.pa-mutliselect:has(.multiselect-single-label) label.pa-mutliselect-label {
  color: var(--pa-input-label-text-color-focus);
  top: 8px;
  max-width: 85%;
  font-size: var(--pa-input-label-font-size-focused-default);
}

.pa-mutliselect .multiselect-single-label {
  top: 7px;
}

.pa-mutliselect.is-invalid .multiselect {
  border-color: var(--pa-input-border-color-invalid);
}

.pa-mutliselect .multiselect-search {
  top: 6px;
  background: transparent;
}

/*
 * PA-9535 — the family recipe (proven on PA-9527 phone / PA-9533 address):
 * trigger face, floating panel via the lib's --ms-* vars (openDirection top
 * handled by the lib's .is-top), de-greened tag chips.
 * NOTE: the component's class is historically misspelled (.pa-mutliselect)
 * - renaming is host-visible and deliberately out of scope.
 */
.pa-mutliselect {
  /* Trigger face joins the field family */
  --ms-radius: var(--pa-input-border-radius-default, 12px);
  --ms-bg: var(--pa-input-background-color-default, var(--pa-color-white));
  --ms-ring-width: var(--pa-input-focus-ring-width, 3px);
  --ms-ring-color: var(--pa-color-focus-ring);
  --ms-border-color-active: var(--pa-input-border-color-focus, var(--pa-color-info-500));
  --ms-caret-color: var(--pa-color-gray-500);
  /* Panel tokens + look live on .pa-ms-dropdown (below), NOT here: append-to-body teleports the
     panel out of this wrapper to <body>, so anything scoped to .pa-mutliselect stops reaching it.
     The panel element carries the marker class .pa-ms-dropdown, so its styling rides along. */
  /* Tag chips: quiet family chip instead of the lib's green */
  --ms-tag-bg: var(--pa-multiselect-tag-background-color);
  --ms-tag-color: var(--pa-multiselect-tag-text-color);
  --ms-tag-radius: var(--pa-multiselect-tag-radius);
  --ms-tag-font-weight: 500;
  /* The lib's min-height (~44px) vs the 56px family field */
  /* Tags start BELOW the floated label zone - they were burying it */
  /* Hairline on the chip (the lib has no tag-border var) */
  /* Solar caret via the lib's mask technique; rotation is the lib's own */
  /* Family panels FLOAT (6px, full radius, both directions); the trigger
     keeps its radius while open (the lib squares it). */
}
.pa-mutliselect .multiselect {
  min-height: var(--pa-input-height-default);
}
.pa-mutliselect .multiselect-wrapper {
  min-height: calc(var(--pa-input-height-default) - 2 * var(--ms-border-width, 1px));
}
.pa-mutliselect .multiselect-tags {
  margin-top: 24px;
  margin-bottom: 6px;
}
.pa-mutliselect .multiselect-tag {
  border: var(--pa-border-width-50, 1px) solid var(--pa-multiselect-tag-border-color);
}
.pa-mutliselect .multiselect-tag-remove-icon {
  opacity: 0.55;
}
.pa-mutliselect .multiselect-caret {
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9l-7 6l-7-6'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9l-7 6l-7-6'/%3E%3C/svg%3E");
  -webkit-mask-size: 16px 16px;
          mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.pa-mutliselect .multiselect-dropdown:not(.is-top) {
  bottom: auto;
  top: calc(100% + 6px);
  transform: none;
  border-radius: var(--pa-multiselect-panel-radius);
}
.pa-mutliselect .multiselect-dropdown.is-top {
  top: auto;
  bottom: calc(100% + 6px);
  transform: none;
  border-radius: var(--pa-multiselect-panel-radius);
}
.pa-mutliselect .multiselect.is-open,
.pa-mutliselect .multiselect.is-open-top {
  border-radius: var(--ms-radius, 12px);
}

/* Panel styling on the panel element itself (marker class from PaMultiselect.vue), so it survives
   append-to-body teleporting the panel to <body>. Only the *look* + tokens live here; the in-place
   float position stays on `.pa-mutliselect .multiselect-dropdown` above (when teleported, popper
   drives position instead, so those position rules deliberately don't reach the panel). */
.pa-ms-dropdown {
  /* Panel tokens (were on .pa-mutliselect) - the lib's base theme reads these off the panel. */
  --ms-dropdown-bg: var(--pa-multiselect-panel-background-color);
  --ms-dropdown-border-color: var(--pa-multiselect-panel-border-color);
  --ms-dropdown-radius: var(--pa-multiselect-panel-radius);
  --ms-max-height: var(--pa-multiselect-panel-max-height);
  --ms-option-py: 10px;
  --ms-option-px: 12px;
  --ms-option-bg-pointed: var(--pa-multiselect-panel-option-background-hover);
  --ms-option-color-pointed: var(--pa-multiselect-panel-option-text-hover);
  --ms-option-bg-selected: var(--pa-multiselect-panel-option-background-selected);
  --ms-option-color-selected: var(--pa-multiselect-panel-option-text-hover);
  --ms-option-bg-selected-pointed: var(--pa-multiselect-panel-option-background-selected);
  --ms-option-color-selected-pointed: var(--pa-multiselect-panel-option-text-hover);
  /* Full radius: the family panel floats free, so round every corner (the lib's base only rounds
     the bottom, assuming the panel is glued to the trigger). */
  border-radius: var(--pa-multiselect-panel-radius);
  box-shadow: var(--pa-multiselect-panel-shadow);
  /* Fade + inner settle - the panel rests on the lib's translateY anchor,
     so animating its own transform would fight positioning. */
  animation: pa-multiselect-panel-fade var(--pa-input-transition-duration, 200ms) var(--pa-input-transition-easing, ease-out);
  /* Inset rows with hairlines - the dropdown panel's row language
     (full-bleed lib rows read as bands). Transparent baseline border so
     state hairlines never shift geometry. */
}
.pa-ms-dropdown .multiselect-options {
  padding: 8px;
  gap: 2px;
  animation: pa-multiselect-panel-settle var(--pa-input-transition-duration, 200ms) var(--pa-input-transition-easing, ease-out);
}
.pa-ms-dropdown .multiselect-option {
  border: var(--pa-border-width-50, 1px) solid transparent;
  border-radius: calc(var(--pa-multiselect-panel-radius) - 8px);
}
.pa-ms-dropdown .multiselect-option.is-pointed {
  border-color: var(--pa-multiselect-panel-option-border-color-hover);
}
.pa-ms-dropdown .multiselect-option.is-selected, .pa-ms-dropdown .multiselect-option.is-selected.is-pointed {
  border-color: var(--pa-multiselect-panel-option-border-color-selected);
}

/* When append-to-body teleports the panel, it becomes a direct child of <body> (the `body >` below only
   matches then). At that point it's a sibling of high-z overlays it used to be nested under, but the lib's
   base panel z-index is only 100 - so inside a drawer (PaDrawer sits at z-index 1040) or under the page
   header (1069) the teleported panel would paint BEHIND them and read as "the dropdown shows nothing".
   Lift it above that overlay band. In-place panels are untouched and keep the lib default. */
body > .pa-ms-dropdown {
  z-index: 1080;
}

@keyframes pa-multiselect-panel-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pa-multiselect-panel-settle {
  from {
    transform: translateY(-4px);
  }
  to {
    transform: none;
  }
}
/* Dark: {color.white} flips to #000 - the panel stays elevated (gray.150),
   the documented family exception. On the panel element (see .pa-ms-dropdown) so it holds when the
   panel is teleported to <body> - [data-bs-theme] sits on an ancestor of <body>, so this still matches. */
[data-bs-theme=dark] .pa-ms-dropdown {
  --ms-dropdown-bg: var(--pa-color-gray-150);
  /* Selected gray.150 flips equal to the dark panel face - darkest well */
  --ms-option-bg-selected: var(--pa-color-gray-50);
  --ms-option-bg-selected-pointed: var(--pa-color-gray-50);
}

@media (prefers-reduced-motion: reduce) {
  .pa-mutliselect .pa-mutliselect-label {
    transition-duration: 0.01ms;
  }
  .pa-ms-dropdown,
  .pa-ms-dropdown .multiselect-options {
    animation-duration: 0.01ms;
  }
}
.pa-multi-tag {
  position: relative;
  /* PA-9538: drag affordance - the standard six-dot grip (the glyph every
     system converges on: Material drag_indicator family) drawn as a mask
     with fine 1px-radius dots (registered glyphs were too thick). Ink from
     currentColor, so coloured variant pills tint it via their recipes. */
  /* PA-9538: subtle remove - muted x, soft round hover fill */
}
.pa-multi-tag .pa-multi-tag__clear {
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  /* PA-9538: was --pa-multi-TAB-* (typo) - these vars never resolved */
  color: var(--pa-multi-tag-clear-color-default);
}
.pa-multi-tag .pa-multi-tag__clear:hover {
  color: var(--pa-multi-tag-clear-color-hover);
}
.pa-multi-tag .pa-multi-tag__menu {
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  margin: 6px 0 0;
  padding: 8px;
  list-style: none;
  max-height: 320px;
  overflow-y: auto;
  background: var(--pa-multi-tag-menu-background-color-default);
  border: var(--pa-border-width-50, 1px) solid var(--pa-multi-tag-menu-border-color-default);
  border-radius: var(--pa-multi-tag-menu-background-radius);
  box-shadow: var(--pa-multi-tag-menu-shadow);
  /* The family panel enter: fade + 4px settle + slight scale */
  animation: pa-multi-tag-menu-pop var(--pa-input-transition-duration, 200ms) var(--pa-input-transition-easing, ease-out);
  transform-origin: top left;
}
.pa-multi-tag .pa-multi-tag__menu-item {
  padding: 10px 12px;
  cursor: pointer;
  font-size: 14px;
  border: var(--pa-border-width-50, 1px) solid transparent;
  border-radius: calc(var(--pa-multi-tag-menu-background-radius) - 8px);
}
.pa-multi-tag .pa-multi-tag__menu-item + .pa-multi-tag .pa-multi-tag__menu-item {
  margin-top: 2px;
}
.pa-multi-tag .pa-multi-tag__menu-item:hover, .pa-multi-tag .pa-multi-tag__menu-item.is-active {
  background: var(--pa-multi-tag-menu-background-color-active);
  border-color: var(--pa-multi-tag-menu-border-color-active);
}
.pa-multi-tag .pa-tag-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pa-multi-tag .pa-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 30px;
  padding: 0 6px 0 12px;
  /* PA-9538: family chip language (matches PaMultiselect tags) - pill,
     gray face, hairline, page ink. Explicit text-bg-* variants below
     still override the face. */
  border-radius: var(--pa-multi-tag-chip-radius);
  background-color: var(--pa-multi-tag-chip-background-color);
  border: var(--pa-border-width-50, 1px) solid var(--pa-multi-tag-chip-border-color);
  color: var(--pa-multi-tag-chip-text-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  max-width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  /* PA-9538: variant chips - X.50 face + X.700 ink + X.100 hairline
     (the shared soft recipes were too low-contrast on chips; scoped here,
     badges keep their own) */
  /* PA-9538: the neutral default - family chip ink/face (the old
     secondary recipe was #6e8091 on #e2e6e9, ~3.9:1 and hard to read) */
}
.pa-multi-tag .pa-tag--draggable {
  padding-left: 6px;
  cursor: grab;
}
.pa-multi-tag .pa-tag--draggable:active {
  cursor: grabbing;
}
.pa-multi-tag .pa-tag--dragging {
  opacity: 0.4;
  transform: scale(0.97);
}
.pa-multi-tag .pa-tag--drop-target {
  box-shadow: -3px 0 0 0 var(--pa-multi-tag-drop-background-color-default);
}
.pa-multi-tag .pa-tag.text-bg-primary {
  color: var(--pa-color-primary-700) !important;
  background-color: var(--pa-color-primary-50) !important;
  border-color: var(--pa-color-primary-200) !important;
}
.pa-multi-tag .pa-tag.text-bg-primary.pa-tag--drop-target {
  box-shadow: -3px 0 0 0 var(--pa-multi-tag-drop-background-color-primary);
}
.pa-multi-tag .pa-tag.text-bg-secondary {
  color: var(--pa-multi-tag-chip-text-color) !important;
  background-color: var(--pa-multi-tag-chip-background-color) !important;
  border-color: var(--pa-multi-tag-chip-border-color) !important;
}
.pa-multi-tag .pa-tag.text-bg-secondary.pa-tag--drop-target {
  box-shadow: -3px 0 0 0 var(--pa-multi-tag-drop-background-color-secondary);
}
.pa-multi-tag .pa-tag.text-bg-tertiary {
  /* Grayish ramp: .700 ink (4.92:1) read faded next to the ~8:1
     siblings, and the .200 border vanished - step both */
  color: var(--pa-color-tertiary-800) !important;
  background-color: var(--pa-color-tertiary-50) !important;
  border-color: var(--pa-color-tertiary-400) !important;
}
.pa-multi-tag .pa-tag.text-bg-tertiary.pa-tag--drop-target {
  box-shadow: -3px 0 0 0 var(--pa-multi-tag-drop-background-color-tertiary);
}
.pa-multi-tag .pa-tag.text-bg-success {
  color: var(--pa-color-success-700) !important;
  background-color: var(--pa-color-success-50) !important;
  border-color: var(--pa-color-success-200) !important;
}
.pa-multi-tag .pa-tag.text-bg-success.pa-tag--drop-target {
  box-shadow: -3px 0 0 0 var(--pa-multi-tag-drop-background-color-success);
}
.pa-multi-tag .pa-tag.text-bg-danger {
  color: var(--pa-color-danger-700) !important;
  background-color: var(--pa-color-danger-50) !important;
  border-color: var(--pa-color-danger-200) !important;
}
.pa-multi-tag .pa-tag.text-bg-danger.pa-tag--drop-target {
  box-shadow: -3px 0 0 0 var(--pa-multi-tag-drop-background-color-danger);
}
.pa-multi-tag .pa-tag.text-bg-info {
  color: var(--pa-color-info-700) !important;
  background-color: var(--pa-color-info-50) !important;
  border-color: var(--pa-color-info-200) !important;
}
.pa-multi-tag .pa-tag.text-bg-info.pa-tag--drop-target {
  box-shadow: -3px 0 0 0 var(--pa-multi-tag-drop-background-color-info);
}
.pa-multi-tag .pa-tag.text-bg-warning {
  /* warning.700 measured 4.11:1 on warning.50 - .800 clears 4.5 */
  color: var(--pa-color-warning-800) !important;
  background-color: var(--pa-color-warning-50) !important;
  border-color: var(--pa-color-warning-200) !important;
}
.pa-multi-tag .pa-tag.text-bg-warning.pa-tag--drop-target {
  box-shadow: -3px 0 0 0 var(--pa-multi-tag-drop-background-color-warning);
}
.pa-multi-tag .pa-tag.text-bg-light {
  /* Designer call: the light chip is the outline chip - black ink and
     border on the near-white face (light-700/-200 were invisible) */
  color: var(--pa-color-gray-900) !important;
  background-color: var(--pa-color-light-50) !important;
  border-color: var(--pa-color-gray-900) !important;
}
.pa-multi-tag .pa-tag.text-bg-light.pa-tag--drop-target {
  box-shadow: -3px 0 0 0 var(--pa-multi-tag-drop-background-color-light);
}
.pa-multi-tag .pa-tag.text-bg-dark {
  color: var(--pa-color-dark-700) !important;
  background-color: var(--pa-color-dark-50) !important;
  border-color: var(--pa-color-dark-200) !important;
}
.pa-multi-tag .pa-tag.text-bg-dark.pa-tag--drop-target {
  box-shadow: -3px 0 0 0 var(--pa-multi-tag-drop-background-color-dark);
}
.pa-multi-tag .pa-tag-move {
  transition: transform 0.25s ease;
}
.pa-multi-tag .pa-tag-enter-active,
.pa-multi-tag .pa-tag-leave-active {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.pa-multi-tag .pa-tag-enter-from,
.pa-multi-tag .pa-tag-leave-to {
  opacity: 0;
  transform: scale(0.85);
}
.pa-multi-tag .pa-tag__handle {
  flex-shrink: 0;
  width: 7px;
  height: 13px;
  background-color: currentColor;
  color: var(--pa-multi-tag-chip-handle-color);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3E%3Cg fill='%23000'%3E%3Ccircle cx='1.5' cy='1.5' r='1.1'/%3E%3Ccircle cx='5.5' cy='1.5' r='1.1'/%3E%3Ccircle cx='1.5' cy='6.5' r='1.1'/%3E%3Ccircle cx='5.5' cy='6.5' r='1.1'/%3E%3Ccircle cx='1.5' cy='11.5' r='1.1'/%3E%3Ccircle cx='5.5' cy='11.5' r='1.1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3E%3Cg fill='%23000'%3E%3Ccircle cx='1.5' cy='1.5' r='1.1'/%3E%3Ccircle cx='5.5' cy='1.5' r='1.1'/%3E%3Ccircle cx='1.5' cy='6.5' r='1.1'/%3E%3Ccircle cx='5.5' cy='6.5' r='1.1'/%3E%3Ccircle cx='1.5' cy='11.5' r='1.1'/%3E%3Ccircle cx='5.5' cy='11.5' r='1.1'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-size: 7px 13px;
          mask-size: 7px 13px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.pa-multi-tag .pa-tag__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.pa-multi-tag .pa-tag__remove {
  flex-shrink: 0;
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 0;
  padding: 0;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  color: var(--pa-multi-tag-chip-remove-color-default);
  transition: background-color var(--pa-input-transition-duration, 200ms) var(--pa-input-transition-easing, ease-out);
}
.pa-multi-tag .pa-tag__remove .pa-icon {
  width: 11px;
  height: 11px;
}
.pa-multi-tag .pa-tag__remove:hover {
  color: var(--pa-multi-tag-chip-remove-color-hover);
  background-color: var(--pa-multi-tag-chip-remove-background-hover);
}
.pa-multi-tag .pa-multi-tag__entry-error {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: var(--pa-multi-tag-entry-color-error);
}
.pa-multi-tag.pa-multi-tag--disabled {
  opacity: 0.65;
  pointer-events: none;
}

@keyframes pa-multi-tag-menu-pop {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* Dark: {color.white} flips to #000 - the panel stays elevated (gray.150),
   the documented family exception. */
[data-bs-theme=dark] .pa-multi-tag .pa-multi-tag__menu {
  background: var(--pa-color-gray-150);
}

/* Dark: gray.100 flips equal to the page - chips step to gray.200 */
[data-bs-theme=dark] .pa-multi-tag .pa-tag,
[data-bs-theme=dark] .pa-multi-tag .pa-tag.text-bg-secondary {
  background-color: var(--pa-color-gray-200) !important;
}

@media (prefers-reduced-motion: reduce) {
  .pa-multi-tag .pa-multi-tag__menu {
    animation-duration: 0.01ms;
  }
}
/*
The design tokens that create the variables are defined in
./pa-option-group-tokens.js — the 2026 card language on the optional
form section. NOTE the class stays `.pa-optional-group` (the published
contract in dist/theme-*.css) even though the token prefix is
`option-group`; unifying them is a breaking rename, flagged in the PR.
*/
.pa-optional-group {
  /* Fieldset reset: it's a <fieldset> now so `disabled` cascades to
     slotted inputs, but it must not look like one. */
  display: block;
  min-width: 0;
  margin: 0;
  /* Stacked groups keep their own rhythm — consecutive cards used to
     butt against each other (designer catch). Each card stays a full
     18px-radius card; the gap does the separating. */
  padding: var(--pa-option-group-padding-default);
  background-color: var(--pa-option-group-background-color-default);
  border: 1px solid var(--pa-option-group-border-color-default);
  border-radius: var(--pa-option-group-border-radius);
  /* The checked swap used to snap; the ambient 30px shadow it also
     carried is gone (the family bans shadows on state changes). */
  transition: background-color var(--pa-option-group-transition-duration) ease, border-color var(--pa-option-group-transition-duration) ease;
  /* The card reacts, not just the 16px checkbox. */
  /* The family focus ring, on the CARD — the tiny input ring was lost
     inside a 500px block. */
  /* The light surface variant: the card sits inside a WHITE panel, so
     it rests as a gray.100 well and lifts to white when checked (the
     inverse of the default, same logic as the list row). */
  /* Readonly used to be invisible while silently blocking every click —
     it now reads as locked. */
  /* Layout shell around PaCheckbox. Chrome (size, fill, drawn tick) is
     owned by PaCheckbox (PA-7239) — we only arrange the row so a multi-line
     label does not break the tick overlay. */
  /* Control on the right — the settings-card reading order. */
  /* Readonly/disabled: PaCheckbox's label must not invite a click. */
  /* Sentence case (the uppercase read as a section shout on what is a
     field label) — the transform token now says 'none'. */
  /* The helper line explaining what opting in does. */
  /* Revealed content sits under a hairline so the section reads as a
     block, not a stray field. */
}
.pa-optional-group + .pa-optional-group {
  margin-top: var(--pa-option-group-stack-gap);
}
.pa-optional-group:not(.pa-optional-group--disabled):not(.pa-optional-group--readonly):hover {
  border-color: var(--pa-option-group-border-color-hover);
}
.pa-optional-group:focus-within {
  outline: none;
  box-shadow: 0 0 0 3px var(--pa-color-focus-ring);
}
.pa-optional-group.pa-optional-group--checked {
  background-color: var(--pa-option-group-background-color-checked);
  border-color: var(--pa-option-group-border-color-checked);
  /* The checked box keeps Bootstrap's tick SVG and the brand fill —
     an earlier override repainted background-color, which hid the
     white tick and left a plain filled square (designer catch). */
}
.pa-optional-group.pa-optional-group--disabled {
  border-color: var(--pa-option-group-border-color-disabled);
  opacity: var(--pa-option-group-disabled-opacity);
  cursor: not-allowed;
}
.pa-optional-group.pa-optional-group--light {
  background-color: var(--pa-option-group-variant-light-background-color-default);
}
.pa-optional-group.pa-optional-group--light.pa-optional-group--checked {
  background-color: var(--pa-option-group-variant-light-background-color-checked);
}
.pa-optional-group.pa-optional-group--readonly {
  background-color: var(--pa-option-group-background-color-checked);
}
.pa-optional-group.pa-optional-group--readonly .form-check-input,
.pa-optional-group.pa-optional-group--readonly .pa-optional-group__label {
  cursor: default;
}
.pa-optional-group .pa-optional-group__control {
  /* Modern PaCheckbox tick stays at top:50% (PaCheckbox default) — matches
     align-items:center so the drawn tick sits on the vertically centred box. */
  /* Legacy form-check only (no .pa-checkbox shell): square + fixed size
     so Bootstrap's circle radius / em-sized tick don't read as a red dot. */
}
.pa-optional-group .pa-optional-group__control .form-check {
  display: flex;
  align-items: center;
  gap: var(--pa-option-group-gap-default);
  padding-left: 0;
  margin-bottom: 0;
  min-height: 0;
}
.pa-optional-group .pa-optional-group__control .form-check-input {
  float: none;
  flex: 0 0 auto;
  margin: 0;
}
.pa-optional-group .pa-optional-group__control .form-check-label {
  flex: 1 1 auto;
  min-width: 0;
  /* Kill global `.form-check-label { padding: 0 5px }` — gap owns space. */
  padding: 0;
  cursor: pointer;
}
.pa-optional-group .pa-optional-group__control .form-check:not(.pa-checkbox) .form-check-input[type=checkbox] {
  width: var(--pa-option-group-input-size);
  height: var(--pa-option-group-input-size);
  min-width: var(--pa-option-group-input-size);
  min-height: var(--pa-option-group-input-size);
  border-radius: var(--pa-option-group-input-border-radius) !important;
  background-size: 65% 65%;
  background-position: center;
  background-repeat: no-repeat;
}
.pa-optional-group.pa-optional-group--control-end .pa-optional-group__control {
  /* Absolute tick follows the box to the trailing edge. */
}
.pa-optional-group.pa-optional-group--control-end .pa-optional-group__control .form-check-input {
  order: 2;
}
.pa-optional-group.pa-optional-group--control-end .pa-optional-group__control .form-check-label {
  order: 1;
}
.pa-optional-group.pa-optional-group--control-end .pa-optional-group__control .form-check.pa-checkbox .pa-checkbox__tick {
  left: auto;
  right: calc((var(--pa-checkbox-box) - var(--pa-checkbox-tick)) / 2);
}
.pa-optional-group .pa-optional-group__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.pa-optional-group.pa-optional-group--readonly .form-check-label, .pa-optional-group.pa-optional-group--disabled .form-check-label {
  cursor: default;
}
.pa-optional-group .pa-optional-group__label {
  font-size: var(--pa-option-group-label-font-size);
  font-weight: var(--pa-option-group-label-font-weight);
  text-transform: var(--pa-option-group-label-font-transform);
  color: var(--pa-option-group-label-text-color);
  line-height: 1.35;
  cursor: pointer;
}
.pa-optional-group .pa-optional-group__description {
  margin: 2px 0 0;
  font-size: var(--pa-option-group-description-font-size);
  color: var(--pa-option-group-description-text-color);
  line-height: 1.4;
}
.pa-optional-group .pa-optional-group__content {
  margin-top: var(--pa-option-group-content-margin-top);
  padding-top: var(--pa-option-group-content-margin-top);
  border-top: 1px solid var(--pa-option-group-content-border-color);
}

/* The reveal: height + fade on the family decelerate curve. The
   transition lives here; every VALUE is set from JS (Vue runs the hooks
   with :css=false), because inline styles and enter-from/leave-to
   classes setting the same properties fight and cost a frame at each
   edge — that was the lag. */
.pa-optional-group__content {
  transition: height var(--pa-option-group-transition-duration) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1)), opacity var(--pa-option-group-transition-duration) ease, margin-top var(--pa-option-group-transition-duration) ease, padding-top var(--pa-option-group-transition-duration) ease;
}

@media (prefers-reduced-motion: reduce) {
  .pa-optional-group {
    transition: none;
  }
  .pa-optional-group__content {
    transition: none;
  }
}
/*
The design tokens that create the variables are defined in ./pa-page-tokens.js
 */
.pa-page {
  background-color: var(--pa-page-background-color-default);
  width: 100%;
  padding-left: var(--pa-page-padding-mobile);
  padding-right: var(--pa-page-padding-mobile);
  padding-bottom: var(--pa-page-padding-mobile);
}
@media (min-width: 576px) {
  .pa-page {
    padding-left: var(--pa-page-padding-default);
    padding-right: var(--pa-page-padding-default);
    padding-bottom: var(--pa-page-padding-default);
  }
}

/*
The design tokens that create the variables are defined in ./pa-page-content-tokens.js
 */
.pa-page-content {
  width: 100%;
  margin-top: var(--pa-page-content-margin-top-default);
}

/*
  Design tokens: ./pa-page-header-tokens.js (tier-3 → $pa-page-header-*)
  Colours resolve via CSS vars so light/dark + white-label work without SCSS forks.
  Motion: CSS only; prefers-reduced-motion disables enter / icon swap / pulse / press scale.
 */
.pa-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pa-page-header-gap-default);
  width: 100%;
  min-height: var(--pa-page-header-height-default);
  margin: 0 0 var(--pa-page-header-margin-bottom-default);
  padding: var(--pa-page-header-padding-y-default) var(--pa-page-header-padding-x-default);
  border-bottom: var(--pa-page-header-border-width-default) solid var(--pa-page-header-border-color-default);
  box-sizing: border-box;
  animation: pa-page-header-enter var(--pa-page-header-motion-duration-enter) var(--pa-page-header-motion-easing-enter) both;
}
@media (max-width: 576px) {
  .pa-page-header {
    min-height: var(--pa-page-header-height-mobile);
    margin-bottom: var(--pa-page-header-margin-bottom-mobile);
    padding-top: var(--pa-page-header-padding-y-mobile);
    padding-bottom: var(--pa-page-header-padding-y-mobile);
    gap: var(--pa-page-header-gap-mobile);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pa-page-header {
    animation: none;
  }
}
.pa-page-header__start {
  display: flex;
  align-items: center;
  gap: var(--pa-page-header-start-gap-default);
  min-width: 0;
  flex: 1 1 auto;
}
@media (max-width: 576px) {
  .pa-page-header__start {
    gap: var(--pa-page-header-start-gap-mobile);
  }
}
.pa-page-header__back {
  --pa-page-header-back-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pa-page-header-back-travel: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--pa-page-header-back-size-default);
  height: var(--pa-page-header-back-size-default);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--pa-page-header-back-radius-default);
  background-color: var(--pa-page-header-back-background-default);
  color: var(--pa-page-header-back-color-default);
  cursor: pointer;
  transition: background-color var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact), color var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact), transform var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact);
}
.pa-page-header__back:hover, .pa-page-header__back:focus-visible {
  background-color: var(--pa-page-header-back-background-hover);
  color: var(--pa-page-header-back-color-hover);
}
.pa-page-header__back:hover .pa-page-header__back-icon--a, .pa-page-header__back:focus-visible .pa-page-header__back-icon--a {
  opacity: 0;
  transform: translate3d(calc(var(--pa-page-header-back-travel) * -1), 0, 0);
}
.pa-page-header__back:hover .pa-page-header__back-icon--b, .pa-page-header__back:focus-visible .pa-page-header__back-icon--b {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.pa-page-header__back:active {
  background-color: var(--pa-page-header-back-background-active);
  transform: scale(0.92);
}
.pa-page-header__back:focus-visible {
  outline: var(--pa-page-header-focus-width-default) solid var(--pa-page-header-focus-color-default);
  outline-offset: var(--pa-page-header-focus-offset-default);
}
.pa-page-header__back .pa-page-header__back-icons {
  position: relative;
  display: block;
  width: var(--pa-page-header-back-icon-size-default);
  height: var(--pa-page-header-back-icon-size-default);
  overflow: hidden;
}
.pa-page-header__back .pa-page-header__back-icon {
  width: var(--pa-page-header-back-icon-size-default);
  height: var(--pa-page-header-back-icon-size-default);
  display: block;
  will-change: transform, opacity;
  transition: transform var(--pa-page-header-motion-duration-enter) var(--pa-page-header-back-ease), opacity var(--pa-page-header-motion-duration-enter) var(--pa-page-header-back-ease);
}
.pa-page-header__back .pa-page-header__back-icon--a {
  position: relative;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.pa-page-header__back .pa-page-header__back-icon--b {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(var(--pa-page-header-back-travel), 0, 0);
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .pa-page-header__back {
    transition: background-color var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact), color var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact);
  }
  .pa-page-header__back:active {
    transform: none;
  }
  .pa-page-header__back .pa-page-header__back-icon {
    transition: none;
    will-change: auto;
  }
  .pa-page-header__back .pa-page-header__back-icon--a {
    opacity: 1;
    transform: none;
  }
  .pa-page-header__back .pa-page-header__back-icon--b {
    display: none;
  }
  .pa-page-header__back:hover .pa-page-header__back-icon--a, .pa-page-header__back:focus-visible .pa-page-header__back-icon--a {
    opacity: 1;
    transform: none;
  }
}
.pa-page-header__title {
  min-width: 0;
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  font-family: inherit;
  font-size: var(--pa-page-header-title-font-size-default);
  font-weight: var(--pa-page-header-title-font-weight-default);
  line-height: var(--pa-page-header-title-font-line-height-default);
  letter-spacing: var(--pa-page-header-title-font-tracking-default);
  text-transform: none;
  color: var(--pa-page-header-title-color-default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pa-page-header__title.h1, .pa-page-header__title:where(h1, .h1) {
  font-size: var(--pa-page-header-title-font-size-default);
  font-weight: var(--pa-page-header-title-font-weight-default);
  line-height: var(--pa-page-header-title-font-line-height-default);
}
@media (max-width: 576px) {
  .pa-page-header__title {
    font-size: var(--pa-page-header-title-font-size-mobile);
    line-height: var(--pa-page-header-title-font-line-height-mobile);
    letter-spacing: var(--pa-page-header-title-font-tracking-mobile);
  }
}
.pa-page-header__menu {
  display: none;
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .pa-page-header__menu {
    display: inline-flex;
  }
}
.pa-page-header__menu button, .pa-page-header__menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pa-page-header-control-size-default);
  height: var(--pa-page-header-control-size-default);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--pa-page-header-control-radius-default);
  background-color: var(--pa-page-header-control-background-default);
  color: var(--pa-page-header-title-color-default);
  cursor: pointer;
  transition: background-color var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact), transform var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact);
}
.pa-page-header__menu button:hover, .pa-page-header__menu-btn:hover {
  background-color: var(--pa-page-header-control-background-hover);
}
.pa-page-header__menu button:active, .pa-page-header__menu-btn:active {
  background-color: var(--pa-page-header-control-background-active);
  transform: scale(0.97);
}
.pa-page-header__menu button:focus-visible, .pa-page-header__menu-btn:focus-visible {
  outline: var(--pa-page-header-focus-width-default) solid var(--pa-page-header-focus-color-default);
  outline-offset: var(--pa-page-header-focus-offset-default);
  background-color: var(--pa-page-header-control-background-hover);
}
.pa-page-header__menu button svg, .pa-page-header__menu-btn svg {
  width: var(--pa-page-header-control-icon-size-default);
  height: var(--pa-page-header-control-icon-size-default);
  display: block;
}
@media (prefers-reduced-motion: reduce) {
  .pa-page-header__menu button, .pa-page-header__menu-btn {
    transition: background-color var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact);
  }
  .pa-page-header__menu button:active, .pa-page-header__menu-btn:active {
    transform: none;
  }
}
.pa-page-header__actions {
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: var(--pa-page-header-actions-gap-default);
  flex-shrink: 0;
}
@media (min-width: 576px) {
  .pa-page-header__actions {
    display: flex;
  }
}
.pa-page-header__brand {
  display: none;
  font-size: var(--pa-page-header-brand-font-size-default);
  color: var(--pa-page-header-brand-color-default);
  white-space: nowrap;
  margin-right: var(--pa-page-header-actions-gap-default);
}
@media (min-width: 576px) {
  .pa-page-header__brand {
    display: block;
  }
}
.pa-page-header .pa-page-header__notify, .pa-page-header .pa-page-header__messages {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: background-color var(--pa-page-header-motion-duration-enter) var(--pa-page-header-motion-easing-interact), border-color var(--pa-page-header-motion-duration-enter) var(--pa-page-header-motion-easing-interact), color var(--pa-page-header-motion-duration-enter) var(--pa-page-header-motion-easing-interact), transform var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact);
}
.pa-page-header .pa-page-header__notify:active, .pa-page-header .pa-page-header__messages:active {
  transform: scale(0.92);
}
.pa-page-header .pa-page-header__notify:focus-visible, .pa-page-header .pa-page-header__messages:focus-visible {
  outline: var(--pa-page-header-focus-width-default) solid var(--pa-page-header-focus-color-default);
  outline-offset: var(--pa-page-header-focus-offset-default);
}
@media (prefers-reduced-motion: reduce) {
  .pa-page-header .pa-page-header__notify, .pa-page-header .pa-page-header__messages {
    transition: background-color var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact), border-color var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact), color var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact);
  }
  .pa-page-header .pa-page-header__notify:active, .pa-page-header .pa-page-header__messages:active {
    transform: none;
  }
}
.pa-page-header__messages {
  width: var(--pa-page-header-messages-size-default);
  height: var(--pa-page-header-messages-size-default);
  border: var(--pa-page-header-messages-border-width-default) solid var(--pa-page-header-messages-border-color-default);
  border-radius: var(--pa-page-header-messages-radius-default);
  background-color: var(--pa-page-header-messages-background-default);
  color: var(--pa-page-header-messages-color-default);
}
.pa-page-header__messages:hover {
  background-color: var(--pa-page-header-messages-background-hover);
  border-color: var(--pa-page-header-messages-border-color-hover);
  color: var(--pa-page-header-messages-color-hover);
}
.pa-page-header__messages:active {
  background-color: var(--pa-page-header-messages-background-active);
}
.pa-page-header__messages svg,
.pa-page-header__messages .pa-page-header__messages-icon {
  width: var(--pa-page-header-messages-icon-size-default);
  height: var(--pa-page-header-messages-icon-size-default);
  display: block;
}
.pa-page-header__alerts {
  position: relative;
  flex-shrink: 0;
}
.pa-page-header__notify {
  width: var(--pa-page-header-notify-size-default);
  height: var(--pa-page-header-notify-size-default);
  border: var(--pa-page-header-notify-border-width-default) solid var(--pa-page-header-notify-border-color-default);
  border-radius: var(--pa-page-header-notify-radius-default);
  background-color: var(--pa-page-header-notify-background-default);
  color: var(--pa-page-header-notify-color-default);
}
.pa-page-header__notify:hover {
  background-color: var(--pa-page-header-notify-background-hover);
  border-color: var(--pa-page-header-notify-border-color-hover);
}
.pa-page-header__notify svg,
.pa-page-header__notify .pa-page-header__notify-icon {
  width: var(--pa-page-header-notify-icon-size-default);
  height: var(--pa-page-header-notify-icon-size-default);
  display: block;
}
.pa-page-header__notify--has-unread {
  background-color: var(--pa-page-header-notify-background-active);
  border-color: var(--pa-page-header-notify-background-active);
  color: var(--pa-page-header-notify-color-active);
}
.pa-page-header__notify--has-unread:hover {
  background-color: var(--pa-page-header-notify-background-active-hover);
  border-color: var(--pa-page-header-notify-background-active-hover);
  color: var(--pa-page-header-notify-color-active);
}
.pa-page-header__notify--has-unread:hover .pa-page-header__notify-icon {
  animation: pa-page-header-bell-shake 0.5s var(--pa-page-header-motion-easing-interact);
}
@media (prefers-reduced-motion: reduce) {
  .pa-page-header__notify--has-unread:hover .pa-page-header__notify-icon {
    animation: none;
  }
}
.pa-page-header__notify-badge {
  position: absolute;
  top: var(--pa-page-header-notify-badge-offset-default);
  right: var(--pa-page-header-notify-badge-offset-default);
  min-width: var(--pa-page-header-notify-badge-size-default);
  height: var(--pa-page-header-notify-badge-size-default);
  padding: 0 var(--pa-page-header-notify-badge-padding-x-default);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--pa-page-header-notify-badge-font-size-default);
  font-weight: var(--pa-page-header-notify-badge-font-weight-default);
  line-height: 1;
  border-radius: var(--pa-page-header-notify-badge-radius-default);
  background: var(--pa-page-header-notify-badge-background-default);
  color: var(--pa-page-header-notify-badge-color-default);
  border: var(--pa-page-header-notify-badge-border-width-default) solid var(--pa-page-header-notify-badge-border-color-default);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  pointer-events: none;
}
.pa-page-header__notify-badge--pulse {
  animation: pa-page-header-badge-pulse 2s ease-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .pa-page-header__notify-badge--pulse {
    animation: none;
  }
}
.pa-page-header__alerts-backdrop {
  display: none;
}
@media (max-width: 576px) {
  .pa-page-header__alerts-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1069;
    background: rgba(0, 0, 0, 0.35);
  }
}
.pa-page-header__alerts-panel {
  position: absolute;
  top: calc(100% + var(--pa-page-header-notify-panel-offset-default));
  right: 0;
  width: var(--pa-page-header-notify-panel-width-default);
  max-height: var(--pa-page-header-notify-panel-max-height-default);
  z-index: var(--pa-page-header-notify-panel-z-index-default);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  border: var(--pa-page-header-notify-panel-border-width-default) solid var(--pa-page-header-notify-panel-border-color-default);
  border-radius: var(--pa-page-header-notify-panel-radius-default);
  background: var(--pa-page-header-notify-panel-background-default);
  color: var(--pa-page-header-notify-panel-color-default);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  animation: pa-page-header-panel-in var(--pa-page-header-motion-duration-enter) var(--pa-page-header-motion-easing-enter) both;
}
@media (max-width: 576px) {
  .pa-page-header__alerts-panel {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 70vh;
    border-radius: var(--pa-page-header-notify-panel-radius-default) var(--pa-page-header-notify-panel-radius-default) 0 0;
    animation: pa-page-header-panel-up var(--pa-page-header-motion-duration-enter) var(--pa-page-header-motion-easing-enter) both;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pa-page-header__alerts-panel {
    animation: none;
  }
}
.pa-page-header__alerts-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pa-page-header-notify-panel-gap-default);
  padding: var(--pa-page-header-notify-panel-padding-header-y) var(--pa-page-header-notify-panel-padding-header-x);
  border-bottom: var(--pa-page-header-notify-panel-border-width-default) solid var(--pa-page-header-notify-panel-border-color-default);
  background: var(--pa-page-header-notify-panel-background-header);
  flex-shrink: 0;
}
.pa-page-header__alerts-heading {
  margin: 0;
  font-size: var(--pa-page-header-brand-font-size-default);
  font-weight: var(--pa-page-header-title-font-weight-default);
  line-height: 1.3;
  color: var(--pa-page-header-notify-panel-color-default);
}
.pa-page-header__alerts-mark-all {
  margin: 0;
  padding: 4px 8px;
  border: 0;
  border-radius: var(--pa-page-header-notify-badge-radius-default);
  background: transparent;
  color: var(--pa-page-header-notify-panel-color-link);
  font-size: var(--pa-page-header-brand-font-size-default);
  font-weight: var(--pa-page-header-title-font-weight-default);
  cursor: pointer;
}
.pa-page-header__alerts-mark-all:hover {
  background: var(--pa-page-header-notify-panel-background-item-hover);
}
.pa-page-header__alerts-mark-all:focus-visible {
  outline: var(--pa-page-header-focus-width-default) solid var(--pa-page-header-focus-color-default);
  outline-offset: var(--pa-page-header-focus-offset-default);
}
.pa-page-header__alerts-list {
  overflow-y: auto;
  flex: 1 1 auto;
  max-height: 400px;
}
.pa-page-header__alert-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: var(--pa-page-header-notify-panel-gap-default);
  width: 100%;
  margin: 0;
  padding: var(--pa-page-header-notify-panel-padding-item-y) var(--pa-page-header-notify-panel-padding-item-x);
  border: 0;
  border-bottom: var(--pa-page-header-notify-panel-border-width-default) solid var(--pa-page-header-notify-panel-border-color-default);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--pa-page-header-motion-duration-interact) var(--pa-page-header-motion-easing-interact);
}
.pa-page-header__alert-item:last-child {
  border-bottom: 0;
}
.pa-page-header__alert-item:hover {
  background: var(--pa-page-header-notify-panel-background-item-hover);
}
.pa-page-header__alert-item--read {
  opacity: 0.65;
}
.pa-page-header__alert-item:focus-visible {
  outline: var(--pa-page-header-focus-width-default) solid var(--pa-page-header-focus-color-default);
  outline-offset: -2px;
}
.pa-page-header__alert-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--pa-page-header-notify-badge-radius-default);
  background: var(--pa-page-header-notify-panel-background-header);
}
.pa-page-header__alert-icon svg {
  width: 20px;
  height: 20px;
  display: block;
}
.pa-page-header__alert-icon--error {
  color: var(--pa-color-danger-500, #dc3545);
}
.pa-page-header__alert-icon--warning {
  color: var(--pa-color-warning-500, #ffc107);
}
.pa-page-header__alert-icon--success {
  color: var(--pa-color-success-500, #198754);
}
.pa-page-header__alert-icon--info {
  color: var(--pa-color-info-500, #0d6efd);
}
.pa-page-header__alert-text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-right: 12px;
}
.pa-page-header__alert-title {
  font-size: var(--pa-page-header-brand-font-size-default);
  font-weight: var(--pa-page-header-title-font-weight-default);
  color: var(--pa-page-header-notify-panel-color-default);
  line-height: 1.3;
}
.pa-page-header__alert-message {
  font-size: var(--pa-page-header-brand-font-size-default);
  color: var(--pa-page-header-notify-panel-color-muted);
  line-height: 1.4;
}
.pa-page-header__alert-dot {
  position: absolute;
  top: 18px;
  right: 16px;
  width: 8px;
  height: 8px;
  border-radius: var(--pa-page-header-back-radius-default);
  background: var(--pa-page-header-focus-color-default);
}
.pa-page-header__alerts-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--pa-page-header-notify-panel-gap-default);
  padding: 40px 16px;
  color: var(--pa-page-header-notify-panel-color-muted);
  text-align: center;
}
.pa-page-header__alerts-empty svg {
  width: 32px;
  height: 32px;
  opacity: 0.7;
}
.pa-page-header__alerts-empty p {
  margin: 0;
  font-size: var(--pa-page-header-brand-font-size-default);
}
.pa-page-header__alerts-empty-hint {
  font-size: 12px !important;
  opacity: 0.85;
}

@keyframes pa-page-header-enter {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pa-page-header-bell-shake {
  0%, 100% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(12deg);
  }
  30% {
    transform: rotate(-12deg);
  }
  45% {
    transform: rotate(8deg);
  }
  60% {
    transform: rotate(-8deg);
  }
  75% {
    transform: rotate(4deg);
  }
  90% {
    transform: rotate(-4deg);
  }
}
@keyframes pa-page-header-badge-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--pa-color-primary-500-rgb), 0.4);
  }
  50% {
    box-shadow: 0 0 0 8px transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
@keyframes pa-page-header-panel-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pa-page-header-panel-up {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
  Design tokens: ./pa-pagination-tokens.js (tier-3 → $pa-pagination-*)

  Type: 14px (font.size.sm) on links + info — must override Bootstrap’s
  --bs-pagination-font-size (1rem / 16px) on .page-link.

  Geometry: 28×28 min page chips (square → full circle); caps full-round pills.
 */
.pa-pagination {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--pa-pagination-gap-section);
  width: 100%;
  max-width: 100%;
  padding: var(--pa-pagination-padding-y) var(--pa-pagination-padding-x-default);
  box-sizing: border-box;
  box-shadow: none;
  overflow: hidden;
  font-size: var(--pa-pagination-font-size-default);
  font-weight: var(--pa-pagination-font-weight-default);
  line-height: var(--pa-pagination-font-line-height-default);
}
@media (min-width: 576px) {
  .pa-pagination {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: var(--pa-pagination-padding-x-sm);
    padding-right: var(--pa-pagination-padding-x-sm);
    overflow: visible;
  }
}
.pa-pagination__info {
  margin: 0;
  font-size: var(--pa-pagination-info-font-size-default);
  font-weight: var(--pa-pagination-info-font-weight-default);
  line-height: var(--pa-pagination-font-line-height-default);
  color: var(--pa-pagination-text-color-muted);
  white-space: normal;
  flex-shrink: 1;
  min-width: 0;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .pa-pagination__info {
    white-space: nowrap;
    text-align: left;
  }
}
.pa-pagination__nav {
  display: flex;
  justify-content: center;
  flex-shrink: 1;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .pa-pagination__nav {
    width: auto;
    margin-left: auto;
    justify-content: flex-end;
    flex-shrink: 0;
  }
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--pa-pagination-gap-default);
  font-size: var(--pa-pagination-font-size-default);
  font-style: normal;
  font-weight: var(--pa-pagination-font-weight-default);
  line-height: var(--pa-pagination-font-line-height-default);
  margin: 0;
  padding: 0;
  list-style: none;
  box-shadow: none;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .pagination {
    justify-content: flex-end;
  }
}

.page-item {
  display: inline-flex;
}

.page-link {
  box-sizing: border-box;
  display: inline-flex;
  min-width: var(--pa-pagination-item-min-width-default);
  width: auto;
  height: var(--pa-pagination-item-size-default);
  padding-left: var(--pa-pagination-item-padding-x);
  padding-right: var(--pa-pagination-item-padding-x);
  justify-content: center;
  align-items: center;
  border-radius: var(--pa-pagination-item-radius-default);
  font-size: var(--pa-pagination-font-size-default);
  font-weight: var(--pa-pagination-font-weight-default);
  line-height: 1;
  color: var(--pa-pagination-item-text-color-default);
  background-color: var(--pa-pagination-item-background-color-default);
  border: var(--pa-pagination-border-width-default) solid var(--pa-pagination-item-border-color-default);
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: none;
  transition: color var(--pa-pagination-motion-duration-interact) var(--pa-pagination-motion-easing-interact), background-color var(--pa-pagination-motion-duration-interact) var(--pa-pagination-motion-easing-interact), border-color var(--pa-pagination-motion-duration-interact) var(--pa-pagination-motion-easing-interact);
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  color: var(--pa-pagination-item-text-color-hover);
  background-color: var(--pa-pagination-item-background-color-hover);
  border-color: var(--pa-pagination-item-border-color-hover);
  box-shadow: none;
}
.page-link:focus, .page-link:focus-visible {
  box-shadow: none !important;
  outline: none;
}
.page-link:focus-visible {
  outline: var(--pa-pagination-focus-width-default) solid var(--pa-pagination-focus-color-default);
  outline-offset: var(--pa-pagination-focus-offset-default);
  border-radius: var(--pa-pagination-item-radius-default);
}

.page-item:first-child .page-link,
.page-item:last-child .page-link,
.page-item:not(:first-child) .page-link,
.pagination .page-link {
  border-radius: var(--pa-pagination-item-radius-default);
  font-size: var(--pa-pagination-font-size-default);
}

.page-link--cap {
  min-width: auto;
  width: auto;
  height: var(--pa-pagination-item-size-default);
  gap: var(--pa-pagination-cap-gap-default);
  padding-left: var(--pa-pagination-cap-padding-x);
  padding-right: var(--pa-pagination-cap-padding-x);
  border-radius: var(--pa-pagination-cap-radius-default);
  font-size: var(--pa-pagination-font-size-default);
  font-weight: var(--pa-pagination-cap-font-weight-default);
  line-height: 1;
  color: var(--pa-pagination-cap-text-color-default);
  background-color: var(--pa-pagination-cap-background-color-default);
  border: var(--pa-pagination-border-width-default) solid var(--pa-pagination-cap-border-color-default);
  box-shadow: none;
}
.page-link--cap:hover {
  color: var(--pa-pagination-cap-text-color-hover);
  background-color: var(--pa-pagination-cap-background-color-hover);
  border-color: var(--pa-pagination-cap-border-color-hover);
}
.page-link--cap:active {
  color: var(--pa-pagination-cap-text-color-active);
  background-color: var(--pa-pagination-cap-background-color-active);
  border-color: var(--pa-pagination-cap-border-color-active);
}
.page-link--cap:focus-visible {
  border-radius: var(--pa-pagination-cap-radius-default);
}

.page-link__chevron {
  width: var(--pa-pagination-cap-icon-size-default);
  height: var(--pa-pagination-cap-icon-size-default);
  flex-shrink: 0;
  display: block;
}
.page-link__chevron--prev {
  transform: scaleX(-1);
}

.page-link__label {
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  letter-spacing: 0.01em;
}

.page-item:has(.page-link--cap-prev) {
  margin-right: var(--pa-pagination-gap-default);
}

.page-item:has(.page-link--cap-next) {
  margin-left: var(--pa-pagination-gap-default);
}

.page-link--disabled,
.page-link--disabled:hover {
  color: var(--pa-pagination-cap-text-color-disabled);
  background-color: var(--pa-pagination-cap-background-color-disabled);
  border-color: var(--pa-pagination-cap-border-color-disabled);
  cursor: default;
  pointer-events: none;
  box-shadow: none;
  opacity: 1;
}

.page-link--current,
.page-link--current:hover {
  color: var(--pa-pagination-item-text-color-current);
  background-color: var(--pa-pagination-item-background-color-current);
  border: var(--pa-pagination-border-width-default) solid var(--pa-pagination-item-border-color-current);
  cursor: default;
  font-size: var(--pa-pagination-font-size-default);
  font-weight: var(--pa-pagination-item-font-weight-current);
  box-shadow: none;
}

/*
  PaPlaceholder — loading skeleton.

  The design tokens that create the variables are defined in
  ./pa-placeholder-tokens.js

  Previously this component had no stylesheet at all: it emitted Bootstrap's
  `.placeholder` utility, which paints `currentColor` at 50% opacity with square
  corners and no animation. The fill was therefore unthemeable (it inherited
  whatever text colour surrounded it) and skeletons sat completely static, which
  reads as broken layout rather than loading.

  `.pa-placeholder` is added alongside `.placeholder` so the Bootstrap grid
  classes (`col-*`) keep working exactly as before; these rules only override
  the paint.
*/
.pa-placeholder {
  /* Own surface instead of inherited ink at half opacity */
  background-color: var(--pa-placeholder-background-color);
  opacity: 1;
  border-radius: var(--pa-placeholder-border-radius-default);
  min-height: var(--pa-placeholder-height-default);
  /* Bootstrap sets `cursor: wait`; keep it — the skeleton is not interactive */
  /* Circle for avatar / icon skeletons: width tracks height so it stays round */
}
.pa-placeholder--sm {
  min-height: var(--pa-placeholder-height-sm);
}
.pa-placeholder--lg {
  min-height: var(--pa-placeholder-height-lg);
}
.pa-placeholder--circle {
  border-radius: 50%;
  width: var(--pa-placeholder-height-lg);
  min-width: var(--pa-placeholder-height-lg);
  height: var(--pa-placeholder-height-lg);
}

/*
  Multi-line text block. Block layout (not flex) so the `col-*` width classes on
  each bar still resolve as plain percentage widths and the bars stack.
*/
.pa-placeholder__lines {
  display: block;
  /* The bars are sized with percentage `col-*` widths, so the wrapper must have
     a width for them to divide. As a plain block inside a flex row it would
     shrink to zero and every bar would collapse with it. */
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
}
.pa-placeholder__lines > .pa-placeholder {
  display: block;
}
.pa-placeholder__lines > .pa-placeholder + .pa-placeholder {
  margin-top: 8px;
}

/*
  Shimmer: a lighter band sweeping across the surface. Uses background-position
  on a gradient (compositor-friendly, no layout work per frame) rather than
  animating a mask, so it behaves predictably inside scrolling containers.
*/
.pa-placeholder--animated {
  background-image: linear-gradient(90deg, var(--pa-placeholder-background-color) 0%, var(--pa-placeholder-shimmer-color) 50%, var(--pa-placeholder-background-color) 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: pa-placeholder-shimmer var(--pa-placeholder-shimmer-duration) linear infinite;
}

@keyframes pa-placeholder-shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
/*
  Respect reduced-motion: a sweeping band is exactly the kind of repeating
  animation that causes problems, so it stops entirely rather than speeding up.
*/
@media (prefers-reduced-motion: reduce) {
  .pa-placeholder--animated {
    animation: none;
  }
}
.pa-phone-number-input-group .pa-input-group-prepend-square {
  height: 40px;
  width: 59px;
  border-radius: 20%;
  left: 7px;
  position: absolute;
  top: 7px;
}
.pa-phone-number-input-group .pa-input-group-prepend-square .pa-input-group-prepend-logo {
  position: absolute;
}
.pa-phone-number-input-group .pa-input-group--prepend-label-padding {
  padding-left: 59px;
}
.pa-phone-number-input-group .pa-input-group--prepend-input-padding {
  padding-left: 115px;
}
.pa-phone-number-input-group .pa-phone-number-input-group__dialing-code-length-2 {
  padding-left: 107px;
}
.pa-phone-number-input-group .pa-phone-number-input-group__dialing-code-length-3 {
  padding-left: 115px;
}
.pa-phone-number-input-group .pa-phone-number-input-group__dialing-code-length-4 {
  padding-left: 123px;
}
.pa-phone-number-input-group .pa-phone-number-input-group__dialing-code-length-5 {
  padding-left: 133px;
}
.pa-phone-number-input-group__single-label img {
  padding-right: 5px;
}
.pa-phone-number-input-group .pa-phone-number-input-group__dialing-code {
  position: absolute;
  margin-left: 75px;
  margin-top: 24px;
  color: var(--pa-color-page-muted);
  font-weight: var(--pa-input-font-weight-default);
}
.pa-phone-number-input-group .multiselect-dropdown.is-hidden {
  display: none;
}
.pa-phone-number-input-group .multiselect {
  background-color: var(--bs-light);
  border: none;
}
.pa-phone-number-input-group .multiselect.is-active {
  box-shadow: 0 0 0 3px rgb(var(--pa-color-info-500), 0.188);
  border: none;
}
.pa-phone-number-input-group .multiselect.is-active .pa-phone-number-input-group__single-label img {
  display: none;
}
.pa-phone-number-input-group .multiselect-search {
  height: unset;
  padding-top: unset;
  padding-bottom: unset;
}
.pa-phone-number-input-group .pa-phone-number-input-group__single-label {
  pointer-events: none;
}
.pa-phone-number-input-group .multiselect-caret {
  margin-right: 8px;
}
.pa-phone-number-input-group .multiselect-dropdown {
  position: absolute;
  min-width: 370px;
  max-width: 370px;
  overflow-x: hidden;
  --ms-dropdown-bg: var(--pa-multiselect-panel-background-color);
  --ms-dropdown-border-color: var(--pa-multiselect-panel-border-color);
  --ms-option-color: var(--pa-color-page-color);
  --ms-option-bg-pointed: var(--pa-multiselect-panel-option-background-hover);
  --ms-option-color-pointed: var(--pa-multiselect-panel-option-text-hover);
  --ms-option-bg-selected: var(--pa-multiselect-panel-option-background-selected);
  --ms-option-color-selected: var(--pa-multiselect-panel-option-text-hover);
  --ms-option-bg-selected-pointed: var(--pa-multiselect-panel-option-background-selected);
  --ms-option-color-selected-pointed: var(--pa-multiselect-panel-option-text-hover);
}
.pa-phone-number-input-group .pa-invalid-feedback-message {
  text-wrap: auto;
}

/* Row: track + optional readout at the end (the slider-readout twin). */
.pa-progress {
  display: flex;
  align-items: center;
  gap: 12px;
  /* Bootstrap's own stripe gradient compiles to the invalid rgba(#hex, a)
     form (its rgba() over our CSS-var palette) — stripes were silently dead
     on main too (adversary find; flagged as its own ticket). Re-declared
     with Bootstrap's standard white overlay; raw literal because no white
     -rgb token exists (Dev-Lead-gated; mode-agnostic by design). */
}
.pa-progress__track {
  /* Visible soft track (was near-invisible on cards), full pill. */
  flex-grow: 1;
  background-color: var(--pa-progress-track-background-color);
  border-radius: var(--pa-progress-track-border-radius);
  height: var(--pa-progress-height-md);
  overflow: hidden;
  /* Bootstrap sizes its stripe pattern from this var, which it only
     defines on the removed .progress class (adversary catch) — redefine
     per size so striped/animated keep their geometry. */
  --bs-progress-height: var(--pa-progress-height-md);
}
.pa-progress--sm .pa-progress__track {
  height: var(--pa-progress-height-sm);
  --bs-progress-height: var(--pa-progress-height-sm);
}
.pa-progress--lg .pa-progress__track {
  height: var(--pa-progress-height-lg);
  --bs-progress-height: var(--pa-progress-height-lg);
}
.pa-progress__bar {
  height: 100%;
  border-radius: var(--pa-progress-track-border-radius);
  background-color: var(--pa-progress-bar-color-primary);
  /* Eased fill on the family decelerate curve; width still animatable by
     Bootstrap's striped/animated helpers layered on top. */
  transition: width var(--pa-progress-bar-transition-duration) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1));
}
.pa-progress__bar--primary {
  background-color: var(--pa-progress-bar-color-primary);
}
.pa-progress__bar--secondary {
  background-color: var(--pa-progress-bar-color-secondary);
}
.pa-progress__bar--success {
  background-color: var(--pa-progress-bar-color-success);
}
.pa-progress__bar--danger {
  background-color: var(--pa-progress-bar-color-danger);
}
.pa-progress__bar--warning {
  background-color: var(--pa-progress-bar-color-warning);
}
.pa-progress__bar--info {
  background-color: var(--pa-progress-bar-color-info);
}
.pa-progress__bar--light {
  background-color: var(--pa-progress-bar-color-light);
}
.pa-progress__bar--dark {
  background-color: var(--pa-progress-bar-color-dark);
}
.pa-progress--fast .pa-progress__bar {
  transition-duration: var(--pa-progress-bar-transition-fast);
}
.pa-progress__bar.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.pa-progress__label {
  color: var(--pa-progress-label-color);
  font-size: var(--pa-progress-label-font-size);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Dark: secondary.200 sits too close to dark card faces to read as a track
   (the divider/slider lesson) — ride the surface-border chain. */
[data-bs-theme=dark] .pa-progress__track {
  background-color: var(--pa-color-surface-border, var(--pa-color-gray-250));
}

@media (prefers-reduced-motion: reduce) {
  .pa-progress__bar,
  .pa-progress--fast .pa-progress__bar {
    transition-duration: 0.01ms;
  }
}
/* The attention layer on top of a composed PaBadge: uppercase emphasis, an
   optional soft glow in the variant's own hue, and the skim shimmer — a
   white highlight sweeping across the pill (the discount badge's signature
   in the designer's hosted-payments prototype). */
.pa-promo-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--pa-spacing-50);
  overflow: hidden;
  isolation: isolate;
  /* Designer spec: normal caps by default (the discount voice); uppercase
     is opt-in (the preferred voice). */
  font-weight: var(--pa-promo-badge-font-weight);
  font-size: var(--pa-promo-badge-font-size-md);
  padding: var(--pa-promo-badge-padding-y) var(--pa-promo-badge-padding-x);
  /* Subtler edge than the base badge recipes: the variant's own hue at low
     alpha via the -rgb companions (designer call). */
  /* Leading icon at badge scale. Sized here rather than via PaIcon's xs
     step (that step ships with PA-7224 — no dependency needed). */
  /* Soft glow in the variant's own hue — the Preferred treatment. The
     -rgb companion vars exist for every ramp. */
}
.pa-promo-badge.badge-sm {
  font-size: var(--pa-promo-badge-font-size-sm);
}
.pa-promo-badge.badge-lg {
  font-size: var(--pa-promo-badge-font-size-lg);
}
.pa-promo-badge--uppercase {
  text-transform: var(--pa-promo-badge-font-transform);
  /* Raw tracking: no letter-spacing scale exists (Dev-Lead-gated). */
  letter-spacing: 0.04em;
}
.pa-promo-badge.text-bg-primary {
  border: 1px solid rgba(var(--pa-color-primary-500-rgb), 0.35);
}
.pa-promo-badge.text-bg-secondary {
  border: 1px solid rgba(var(--pa-color-secondary-500-rgb), 0.35);
}
.pa-promo-badge.text-bg-success {
  border: 1px solid rgba(var(--pa-color-success-500-rgb), 0.35);
}
.pa-promo-badge.text-bg-danger {
  border: 1px solid rgba(var(--pa-color-danger-500-rgb), 0.35);
}
.pa-promo-badge.text-bg-warning {
  border: 1px solid rgba(var(--pa-color-warning-500-rgb), 0.35);
}
.pa-promo-badge.text-bg-info {
  border: 1px solid rgba(var(--pa-color-info-500-rgb), 0.35);
}
.pa-promo-badge.text-bg-light {
  border: 1px solid rgba(var(--pa-color-light-500-rgb), 0.35);
}
.pa-promo-badge.text-bg-dark {
  border: 1px solid rgba(var(--pa-color-dark-500-rgb), 0.35);
}
.pa-promo-badge .pa-icon {
  width: 12px;
  height: 12px;
}
.pa-promo-badge--glow.text-bg-primary {
  box-shadow: 0 1px 6px -1px rgba(var(--pa-color-primary-500-rgb), 0.5);
}
.pa-promo-badge--glow.text-bg-secondary {
  box-shadow: 0 1px 6px -1px rgba(var(--pa-color-secondary-500-rgb), 0.5);
}
.pa-promo-badge--glow.text-bg-success {
  box-shadow: 0 1px 6px -1px rgba(var(--pa-color-success-500-rgb), 0.5);
}
.pa-promo-badge--glow.text-bg-danger {
  box-shadow: 0 1px 6px -1px rgba(var(--pa-color-danger-500-rgb), 0.5);
}
.pa-promo-badge--glow.text-bg-warning {
  box-shadow: 0 1px 6px -1px rgba(var(--pa-color-warning-500-rgb), 0.5);
}
.pa-promo-badge--glow.text-bg-info {
  box-shadow: 0 1px 6px -1px rgba(var(--pa-color-info-500-rgb), 0.5);
}
.pa-promo-badge--glow.text-bg-light {
  box-shadow: 0 1px 6px -1px rgba(var(--pa-color-light-500-rgb), 0.5);
}
.pa-promo-badge--glow.text-bg-dark {
  box-shadow: 0 1px 6px -1px rgba(var(--pa-color-dark-500-rgb), 0.5);
}

/* The skim: a narrow white band sweeping the full pill width. White reads
   on every badge fill in both colour modes (it's an overlay, not ink). */
@keyframes pa-promo-badge-skim {
  0% {
    background-position: 250% 0;
  }
  100% {
    background-position: -150% 0;
  }
}
.pa-promo-badge__skim {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0%, transparent 40%, rgba(255, 255, 255, 0.45) 50%, transparent 60%, transparent 100%);
  background-size: 250% 100%;
  background-repeat: no-repeat;
  animation: pa-promo-badge-skim var(--pa-promo-badge-skim-duration) ease-in-out infinite;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .pa-promo-badge__skim {
    animation: none;
    background: none;
  }
}
/* PaRadio Button Mode - Plain CSS with Actual Values */
/* Uses .btn-check (Bootstrap) + .pa-radio-btn with maximum specificity to override Bootstrap */
/* Styled to match PaToggle component (fully rounded, uppercase) */
/* Hidden radio input (Bootstrap's .btn-check is already hidden by Bootstrap) */
.btn-check[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 0;
}

/* Segmented chips (PA-7246). The chip itself stays transparent in every
   state — selection is carried by the group's sliding thumb behind it, so
   these rules only manage ink, spacing and focus.
   Tokens: pa-input-tokens.js → input.radio.segment.* */
/* Default state - Maximum specificity to beat Bootstrap */
/* .btn-check + .btn.pa-radio-btn.pa-radio-btn (specificity: 0,5,0) */
.btn-check[type=radio]:not(:checked) + .btn.pa-radio-btn.pa-radio-btn {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--pa-input-radio-segment-label-color-default);
}

.btn-check[type=radio] + .btn.pa-radio-btn.pa-radio-btn {
  /* The chip must sit above the sliding thumb. */
  position: relative;
  z-index: 1;
  border-width: 1px;
  padding: var(--pa-input-radio-segment-padding-lg);
  border-radius: var(--pa-input-checkbox-border-radius-pill);
  font-size: var(--bs-font-size-sm);
  font-weight: var(--bs-font-weight-normal);
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
  /* Labels keep their authored casing; the old always-uppercase treatment is
     opt-in via the group's uppercase prop (.pa-radio-group--uppercase). */
  white-space: nowrap;
  /* Equal width chips - flex: 1 makes all chips same width */
  flex: 1 1 auto;
  min-width: 0;
  /* Ink syncs to the slide so the label never finishes changing before the
     thumb arrives underneath it. */
  transition: color var(--pa-input-radio-segment-slide-duration) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1)), opacity 200ms ease;
  /* Override any Bootstrap active/focus states in default */
}
.btn-check[type=radio] + .btn.pa-radio-btn.pa-radio-btn:active, .btn-check[type=radio] + .btn.pa-radio-btn.pa-radio-btn.active {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.btn-check[type=radio] + .btn.pa-radio-btn.pa-radio-btn:hover:not(:disabled):not(.disabled) {
  background-color: transparent;
  border-color: transparent;
  color: var(--pa-input-radio-segment-label-color-selected);
}
.btn-check[type=radio] + .btn.pa-radio-btn.pa-radio-btn:focus {
  outline: none;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

/* Keyboard focus lands on the hidden input, not the label. Replaces the old
   black outline (and its undefined-variable cousin on the checkbox side). */
.btn-check[type=radio]:focus-visible + .btn.pa-radio-btn.pa-radio-btn {
  /* The theme's own focus-ring semantic — brand-tinted alpha, calibrated for
     light AND dark (primary.200 went near-black in dark themes). */
  box-shadow: 0 0 0 3px var(--pa-color-focus-ring);
}

/* Sizes — keyed off the group's size class (its default is lg). */
.pa-radio-group--sm .btn-check[type=radio] + .btn.pa-radio-btn.pa-radio-btn {
  padding: var(--pa-input-radio-segment-padding-sm);
  font-size: 12px;
}

.pa-radio-group--md .btn-check[type=radio] + .btn.pa-radio-btn.pa-radio-btn {
  padding: var(--pa-input-radio-segment-padding-md);
}

/* Opt-in uppercase (the pre-restyle default). */
.pa-radio-group--uppercase .btn-check[type=radio] + .btn.pa-radio-btn.pa-radio-btn {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 12px;
}

.btn-check[type=radio] + .btn-outline-primary.btn.pa-radio-btn.pa-radio-btn {
  --bs-btn-active-color: var(--pa-button-variant-primary-text-color-default);
}

.btn-check[type=radio] + .btn-outline-secondary.btn.pa-radio-btn.pa-radio-btn {
  --bs-btn-active-color: var(--pa-button-variant-secondary-text-color-default);
}

.btn-check[type=radio] + .btn-outline-success.btn.pa-radio-btn.pa-radio-btn {
  --bs-btn-active-color: var(--pa-button-variant-success-text-color-default);
}

.btn-check[type=radio] + .btn-outline-info.btn.pa-radio-btn.pa-radio-btn {
  --bs-btn-active-color: var(--pa-button-variant-info-text-color-default);
}

.btn-check[type=radio] + .btn-outline-warning.btn.pa-radio-btn.pa-radio-btn {
  --bs-btn-active-color: var(--pa-button-variant-warning-text-color-default);
}

.btn-check[type=radio] + .btn-outline-danger.btn.pa-radio-btn.pa-radio-btn {
  --bs-btn-active-color: var(--pa-button-variant-danger-text-color-default);
}

.btn-check[type=radio] + .btn-outline-light.btn.pa-radio-btn.pa-radio-btn {
  --bs-btn-active-color: var(--pa-button-variant-light-text-color-default);
}

.btn-check[type=radio] + .btn-outline-dark.btn.pa-radio-btn.pa-radio-btn {
  --bs-btn-active-color: var(--pa-button-variant-dark-text-color-default);
}

/* Checked/Selected state — the sliding thumb behind the chip carries the
   selection; the chip itself only swaps ink and weight (was a solid black
   fill that teleported between chips). */
.btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn {
  background-color: transparent;
  border-color: transparent;
  /* Default thumb is dark — ink rides the paired gray.0 flip. */
  color: var(--pa-input-radio-segment-thumb-text-color);
  font-weight: 500;
}
.btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:active, .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn.active, .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--pa-input-radio-segment-thumb-text-color);
  box-shadow: none;
}
.btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:hover:not(:disabled):not(.disabled) {
  background-color: transparent;
  border-color: transparent;
  color: var(--pa-input-radio-segment-thumb-text-color);
}

/* White / subtle variants: light chip faces, so the selected label takes
   the page ink. (0,6,0) — outranks the base (dark-thumb) checked ink. */
.pa-radio-group--variant-white .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn,
.pa-radio-group--variant-subtle .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn {
  color: var(--pa-input-radio-segment-label-color-selected);
}
.pa-radio-group--variant-white .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:active, .pa-radio-group--variant-white .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn.active, .pa-radio-group--variant-white .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:focus, .pa-radio-group--variant-white .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:hover:not(:disabled):not(.disabled),
.pa-radio-group--variant-subtle .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:active,
.pa-radio-group--variant-subtle .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn.active,
.pa-radio-group--variant-subtle .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:focus,
.pa-radio-group--variant-subtle .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:hover:not(:disabled):not(.disabled) {
  color: var(--pa-input-radio-segment-label-color-selected);
}

/* Disabled state — stays in the transparent language (a filled grey pill
   inside the new track read as a second thumb). */
.btn-check[type=radio]:disabled + .btn.pa-radio-btn.pa-radio-btn,
.btn-check[type=radio] + .btn.pa-radio-btn.pa-radio-btn.disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--pa-input-radio-segment-label-color-default);
  cursor: not-allowed;
  opacity: 0.55;
  transform: none;
}
.btn-check[type=radio]:disabled + .btn.pa-radio-btn.pa-radio-btn:hover,
.btn-check[type=radio] + .btn.pa-radio-btn.pa-radio-btn.disabled:hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--pa-input-radio-segment-label-color-default);
}

/* Disabled + checked: the thumb still marks it; the label just fades. */
.btn-check[type=radio]:disabled:checked + .btn.pa-radio-btn.pa-radio-btn {
  background-color: transparent;
  border-color: transparent;
  color: var(--pa-input-radio-segment-label-color-selected);
  opacity: 0.55;
}

/* Primary-variant segmented control: the selected label sits on the brand
   thumb, so it takes the theme's own on-fill ink (white on PA red, black on
   LR teal). (0,6,0) — outranks the base checked ink above. */
.pa-radio-group--variant-primary .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn {
  color: var(--pa-input-radio-segment-primary-thumb-text-color);
}
.pa-radio-group--variant-primary .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:active, .pa-radio-group--variant-primary .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn.active, .pa-radio-group--variant-primary .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:focus, .pa-radio-group--variant-primary .btn-check[type=radio]:checked + .btn.pa-radio-btn.pa-radio-btn:hover:not(:disabled):not(.disabled) {
  color: var(--pa-input-radio-segment-primary-thumb-text-color);
}

/* —— Radio (form) mode: the selection family's drawn tick (PA-7245) ————————
   Identical design and motion to PaCheckbox — only the input type (and the
   pick-one behaviour) differs. Consumes the family tick tokens introduced on
   the PaCheckbox branch (PA-7239) via CSS custom properties with identical
   literal fallbacks: the two PRs stay independent and merge in any order, and
   once both are in, the tokens drive both components from a single source —
   no duplicated token concepts.

   Everything is scoped under .pa-radio, which only PaRadio's form-mode
   wrapper renders — raw Bootstrap radios in host apps keep today's styling. */
.pa-radio {
  position: relative;
  /* Deterministic anchor for the tick overlay (Bootstrap's 1.5em padding and
     the input's -1.5em margin already cancel to zero — make it explicit). */
  padding-left: 0;
  /* The drawn tick — presentational only. 18px box, 10px glyph. */
  /* Disabled: match Bootstrap's faded input. */
}
.pa-radio .form-check-input {
  margin-left: 0;
  flex: none;
  transition: background-color var(--pa-input-checkbox-fill-duration, 320ms) var(--pa-input-checkbox-tick-easing, cubic-bezier(0.16, 1, 0.3, 1)), border-color var(--pa-input-checkbox-fill-duration, 320ms) var(--pa-input-checkbox-tick-easing, cubic-bezier(0.16, 1, 0.3, 1));
}
.pa-radio .form-check-input:checked[type=radio] {
  /* !important: main's legacy :valid/:invalid override
     (overrides/_form-check.scss) forces var(--bs-primary) with
     !important on every non-disabled checked input — without matching
     it, the tokenised fill below never applies. Flagged to the Dev
     Lead: that legacy rule should probably gate on .was-validated. */
  background-color: var(--pa-input-checkbox-background-color-checked, var(--pa-color-primary-500)) !important;
  border-color: var(--pa-input-checkbox-background-color-checked, var(--pa-color-primary-500)) !important;
  /* Our SVG draws the tick; Bootstrap's radio dot glyph would double it. */
  --bs-form-check-bg-image: none;
}
.pa-radio .form-check-input:focus-visible {
  outline: none;
  /* The theme's own focus-ring semantic — brand-tinted alpha, calibrated
     for light AND dark (primary.200 went near-black in dark themes). */
  box-shadow: 0 0 0 3px var(--pa-color-focus-ring);
}
.pa-radio__tick {
  position: absolute;
  top: 50%;
  left: 4px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  overflow: visible;
  pointer-events: none;
  transform: scale(var(--pa-input-checkbox-tick-scale-start, 0.4));
}
.pa-radio__tick path {
  fill: none;
  stroke: var(--pa-input-checkbox-tick-color-default, var(--pa-color-primary-text-default));
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  /* Path length of M2 6.5 L4.8 9.2 L10 3.2 is ~11.83 — 12 hides it fully
     and the draw spans the whole keyframe. */
  stroke-dasharray: 12;
  stroke-dashoffset: 12;
}
.pa-radio .form-check-input:disabled ~ .pa-radio__tick,
.pa-radio .form-check-input[disabled] ~ .pa-radio__tick {
  opacity: 0.5;
}

/* Bootstrap re-sets the glyph at higher specificity in some states — same
   suppression lesson as PaCheckbox, adapted to radio, light and dark. */
[data-bs-theme=dark] .pa-radio .form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: none;
}

.pa-radio.form-check:not(.form-switch) .form-check-input:checked[type=radio]:disabled,
.pa-radio.form-check:not(.form-switch) .form-check-input:checked[type=radio].disabled,
[data-bs-theme=dark] .pa-radio.form-check:not(.form-switch) .form-check-input:checked[type=radio]:disabled {
  --bs-form-check-bg-image: none;
}

/* Check animation: stroke slices in WHILE the glyph scales with a soft
   overshoot — gated on --armed (two frames after mount) so an
   already-selected radio renders drawn instead of animating on page load.
   Deselecting (picking another radio) clears instantly. */
.pa-radio--armed .form-check-input:checked ~ .pa-radio__tick {
  animation: pa-radio-tick-scale var(--pa-input-checkbox-tick-duration, 750ms) var(--pa-input-checkbox-tick-easing, cubic-bezier(0.16, 1, 0.3, 1)) var(--pa-input-checkbox-tick-delay, 80ms) forwards;
}

.pa-radio--armed .form-check-input:checked ~ .pa-radio__tick path {
  animation: pa-radio-tick-draw var(--pa-input-checkbox-tick-duration, 750ms) var(--pa-input-checkbox-tick-easing, cubic-bezier(0.16, 1, 0.3, 1)) var(--pa-input-checkbox-tick-delay, 80ms) forwards;
}

.pa-radio:not(.pa-radio--armed) .form-check-input:checked ~ .pa-radio__tick {
  transform: scale(1);
}

.pa-radio:not(.pa-radio--armed) .form-check-input:checked ~ .pa-radio__tick path {
  stroke-dashoffset: 0;
}

@keyframes pa-radio-tick-scale {
  0% {
    transform: scale(var(--pa-input-checkbox-tick-scale-start, 0.4));
  }
  55% {
    transform: scale(var(--pa-input-checkbox-tick-scale-overshoot, 1.12));
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pa-radio-tick-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pa-radio--armed .form-check-input:checked ~ .pa-radio__tick {
    animation: none;
    transform: scale(1);
  }
  .pa-radio--armed .form-check-input:checked ~ .pa-radio__tick path {
    animation: none;
    stroke-dashoffset: 0;
  }
  .pa-radio .form-check-input {
    transition: none;
  }
}
.pa-radio-group {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  position: relative;
  /* The sliding selection thumb (PA-7246). Position and width are measured
     and set by the component (transform/width), so uneven labels stay
     correct; both animate on the decelerate curve — deliberately slow, the
     travel IS the feedback.
     Face colour: color.surface.default once PA-9482's surface family lands;
     until then the fallback chain resolves white in light and near-black in
     dark (subtle on the dark track) — same story as every card surface today. */
  /* Variant: white — the white bordered chip on the grey track.
     Face converges on color.surface.default when PA-9482 lands. */
  /* Variant: subtle — grey chip on the page surface. */
  /* Variant: primary — brand-filled thumb, no hairline needed. */
}
.pa-radio-group--lg {
  min-height: 44px;
}
.pa-radio-group--md {
  min-height: 32px;
}
.pa-radio-group--sm {
  min-height: 28px;
}
.pa-radio-group--button {
  display: flex;
  /* A segmented control must not wrap — a second row would break the
     single-track thumb. Chips flex-shrink (min-width: 0) instead. */
  flex-wrap: nowrap;
  /* Chips sit edge to edge so the thumb's travel is continuous (was 2px). */
  gap: 0;
  /* Track: pill container on the hairline language (PA-7246). */
  position: relative;
  padding: 3px;
  border: 1px solid var(--pa-input-radio-segment-track-border-color);
  border-radius: var(--pa-input-checkbox-border-radius-pill);
  background-color: var(--pa-input-radio-segment-track-background-color);
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
}
.pa-radio-group__thumb {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 0;
  width: 0;
  box-sizing: border-box;
  border-radius: var(--pa-input-checkbox-border-radius-pill);
  /* Default = the pre-restyle black selected chip, now sliding (white in
     dark via the gray.1000 flip). White/subtle/primary are variants. */
  background-color: var(--pa-input-radio-segment-thumb-background-color);
  transition: transform var(--pa-input-radio-segment-slide-duration) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1)), width var(--pa-input-radio-segment-slide-duration) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1));
  will-change: transform, width;
  pointer-events: none;
}
.pa-radio-group--variant-white .pa-radio-group__thumb {
  background-color: var(--pa-color-surface-default, var(--pa-color-white));
  border: 1px solid var(--pa-input-radio-segment-thumb-border-color);
}
.pa-radio-group--variant-subtle {
  background-color: var(--pa-input-radio-segment-subtle-track-background-color);
}
.pa-radio-group--variant-subtle .pa-radio-group__thumb {
  background-color: var(--pa-input-radio-segment-subtle-thumb-background-color);
  border-color: var(--pa-input-radio-segment-subtle-thumb-border-color);
}
.pa-radio-group--variant-primary .pa-radio-group__thumb {
  background-color: var(--pa-input-radio-segment-primary-thumb-background-color);
  border: none;
}
.pa-radio-group .pa-radio-group-prepend {
  padding-bottom: 5px;
}

/* Honour a reduced-motion preference: the thumb repositions, it does not
   travel. */
@media (prefers-reduced-motion: reduce) {
  .pa-radio-group__thumb {
    transition: none;
  }
}
.search-button__header {
  position: relative;
  height: 40px;
  margin-bottom: 1rem;
}

.searchPanel {
  position: absolute;
  background-color: var(--bs-gray-200);
  border: 1px solid var(--bs-gray-300);
  border-radius: 0px 4px 4px 4px;
  padding: 10px;
  z-index: 1;
}
.searchPanel--width-500 {
  width: 500px;
}

table.searchPanel tr td {
  padding: 4px;
}

.searchPanel input, .searchPanel select {
  border: solid 1px var(--bs-white);
}

@media (min-width: 576px) {
  .search-panel:not(.modal-side-panel) {
    position: fixed;
    z-index: 200;
    max-width: 500px;
    width: 100%;
    margin-right: -20px; /* This is off setting the main_content 20px margin */
  }
}

@media (max-width: 576px) {
  .search-panel .form-group {
    margin-bottom: 0.5rem;
  }
}
.search-panel .search-date-range .el-date-editor {
  width: 130px;
}
.search-panel .search-date-range__row, .search-panel .search-text-range__row {
  display: flex;
}
.search-panel .search-date-range__field, .search-panel .search-text-range__field {
  flex: 0 0 0;
}
.search-panel textarea, .search-panel select, .search-panel input:not([type]):not(.fake-input-group-input), .search-panel input[type=text]:not(.fake-input-group-input) {
  padding: 0.375rem;
}
.search-panel .col-1, .search-panel .col-2, .search-panel .col-3, .search-panel .col-4, .search-panel .col-6, .search-panel .col-7, .search-panel .col-8, .search-panel .col-9, .search-panel .col-10, .search-panel .col-11, .search-panel .col-12,
.search-panel .col-md-1, .search-panel .col-md-2, .search-panel .col-md-3, .search-panel .col-md-4, .search-panel .col-md-6, .search-panel .col-md-7, .search-panel .col-md-8, .search-panel .col-md-9, .search-panel .col-md-10, .search-panel .col-md-11, .search-panel .col-md-12 {
  padding-right: 8px;
  padding-left: 8px;
}

.search-panel__toolbar {
  text-align: right;
  margin-top: 15px;
}
.search-panel__toolbar .search__clear {
  float: none;
}

a.search__clear {
  text-decoration: none;
  margin-left: var(--bs-btn-padding-x);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4));
  border-color: var(--bs-white);
  color: var(--bs-primary);
  font-size: 1.8em;
  line-height: 1;
  max-height: 33.5px;
}

a.search__clear.paButton {
  padding-top: 4px;
}

a.search__clear:hover {
  background-color: var(--bs-white);
  border-color: var(--bs-white);
}

.searchPanel a.btnSearchReset {
  display: block;
  margin-top: 10px;
  font-size: 14px;
}

.searchPanel .horiz a.btnSearchReset {
  margin-left: 20px;
  margin-top: initial;
  display: inline-block;
}

.pa-search-button {
  display: inline-block;
}
.pa-search-button .btn-search__clear {
  margin-left: 12px;
}

@media (max-width: 576px) {
  .pa-search-button__block-mobile {
    width: 100%;
    display: flex;
    float: none;
  }
}
@media (max-width: 576px) {
  .pa-search-button__block-mobile .paButton:not(.search__clear) {
    flex: 1 1 auto;
  }
}
@media (max-width: 576px) {
  .pa-search-button__block-mobile .paButton.search__clear {
    float: none;
  }
}

.paButton.search,
.btn.btn-primary.search {
  background-image: url("/dist/assets/images/SearchWhiteBg.svg");
  background-repeat: no-repeat;
  background-position: 0.75rem;
  padding-left: calc(1.5rem + 20px);
  position: relative;
  z-index: 2;
  background-size: 25px 25px;
  min-width: 140px;
}
@media (max-width: 576px) {
  .paButton.search,
  .btn.btn-primary.search {
    padding-left: 1.5rem;
    padding-right: 0;
  }
}

@media (max-width: 575.98px) {
  .pa-search-layout-actions--w-100-on-mobile {
    width: 100%;
  }
}

.pa-search-layout__detail {
  padding-top: 66px;
}
@media (min-width: 576px) {
  .pa-search-layout__detail {
    padding-top: 80px;
  }
}
.pa-search-layout__title {
  font-size: var(--bs-font-size-lg);
}
.pa-search-layout__header {
  display: none;
}
@media (min-width: 768px) {
  .pa-search-layout__header {
    display: block;
  }
}
.pa-search-layout__actions-dropdown {
  padding-left: 12px;
  display: flex;
  align-items: stretch;
}
.pa-search-layout__actions-dropdown :deep(.pa-icon) {
  height: 26px;
}
@media (max-width: 767.98px) {
  .pa-search-layout__actions-bar {
    width: 100%;
  }
}
.pa-search-layout__row--selected {
  background-color: var(--pa-vable-row-background-highlighted);
}

/*
  Soft list composition (multi-app):
  - App renders <pa-table variant="soft"> (or border) as the default-slot root.
  - Pagination is a sibling under .pa-search-results.
  - :has(> .pa-table--soft) promotes shell chrome to this wrapper so footer
    (PaPagination) sits inside the same tray.
  - Nested .pa-table--soft drops its own border/background/padding.
  - Requires modern browsers with CSS :has() (supported targets: evergreen).

  Matches Vue root .pa-table.pa-table--soft as a direct child (class list).
  Flat path (no soft child): footer keeps margin-top only — see :not(:has) block.
  Tokens: pa-table shell / footer (tier-3).
 */
.pa-search-results {
  width: 100%;
  box-sizing: border-box;
}

.pa-search-results:has(> .pa-table--soft) {
  background-color: var(--pa-table-shell-background-color-default);
  border: var(--pa-table-shell-border-width-default) solid var(--pa-table-shell-border-color-default);
  border-radius: var(--pa-table-shell-radius-default);
  padding: var(--pa-table-shell-padding-top) var(--pa-table-shell-padding-x) var(--pa-table-shell-padding-bottom);
  box-sizing: border-box;
  box-shadow: none;
}
.pa-search-results:has(> .pa-table--soft) > .pa-table--soft {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
.pa-search-results:has(> .pa-table--soft) > .pa-search-results__footer {
  padding: var(--pa-table-footer-padding-top) var(--pa-table-footer-padding-x) var(--pa-table-footer-padding-bottom);
  margin: 0;
}
@media (max-width: 767.98px) {
  .pa-search-results:has(> .pa-table--soft) {
    padding-top: var(--pa-table-shell-padding-top-mobile);
  }
}

.pa-search-results:not(:has(> .pa-table--soft)) > .pa-search-results__footer {
  margin-top: var(--pa-table-footer-padding-top);
}

.pa-search-results__footer {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  min-width: 0;
}

/*
The design tokens that create the variables are defined in ./pa-sheet-tokens.js
 */
.pa-sheet {
  display: block;
  box-shadow: none;
  box-sizing: border-box;
  background-color: var(--pa-sheet-background-color-default);
  border: var(--pa-sheet-border-width-default) solid var(--pa-sheet-border-color-default);
  padding: var(--pa-sheet-padding-md-default);
  border-radius: var(--pa-sheet-border-radius-lg-default);
}
.pa-sheet--padding-sm {
  padding: var(--pa-sheet-padding-sm-default);
}
.pa-sheet--padding-md {
  padding: var(--pa-sheet-padding-md-default);
}
.pa-sheet--padding-lg {
  padding: var(--pa-sheet-padding-lg-default);
}
.pa-sheet--radius-lg {
  border-radius: var(--pa-sheet-border-radius-lg-default);
}
.pa-sheet--radius-md {
  border-radius: var(--pa-sheet-border-radius-md-default);
}
.pa-sheet--radius-sm {
  border-radius: var(--pa-sheet-border-radius-sm-default);
}
.pa-sheet--elevate {
  box-shadow: var(--pa-sheet-elevate-shadow-default);
}
.pa-sheet--light {
  background-color: var(--pa-sheet-background-color-light);
}

.pa-slider {
  /* The live value readout at the end of the row. Tabular digits so the
     text doesn't jitter in width while sliding. */
  /* —— rail & process: segmented-family recipe, pill-rounded —— */
  /* —— dot: white bordered chip with a soft lift —— */
  /* Hover zone is the whole slider row, not the 18px circle — the thumb
     reacts before the cursor lands on it. Hover is scale-only on the soft
     resting shadow; the shadow escalation is saved for the grab. */
  /* Press feedback: grows under the pointer while grabbed; the lift comes
     from the (still soft, 15% alpha) md shadow, not more scale. Declared
     after :hover so it wins during drag. */
  /* —— elastic settle ——
     The lib animates click-jumps with an inline `transition: left .5s`
     shorthand (dragging is transition-free), and the shorthand pins the
     timing-function to `ease` — author !important is the only hook that
     beats an inline style. The overshoot curve makes the thumb and fill
     spring past the target and settle back: the gravity-physics illusion.
     Literal curve: no spring easing exists in tier-1 (the dead ones were
     removed on PA-7247) — tier-1 candidate if a third component wants it. */
  /* —— tooltip: design-system bubble with an elastic pop —— */
  /* The lib hides the tooltip with a bare visibility flip on this element
     (its positioning transform also lives here — never transform it). The
     delay holds visibility until the inner's pop-OUT animation finishes;
     show states restore an instant flip so the pop-IN starts immediately. */
  /* Mid-drag the cursor often isn't over the thumb (fast drags outrun it),
     so hover-mode tooltips vanished while sliding. The component tracks the
     grab and pins the tooltip open for its whole duration. */
  /* The lib applies its hover-tooltip class regardless of disabled — a
     disabled slider should not chat. Declared after the drag pin so the
     mute wins at equal specificity (they can't co-occur, but file order
     should never be load-bearing). */
  /* The inner bubble is the animated element: fade + spring-scale growing up
     from the arrow, plus the velocity tilt (a custom property the component
     sets while dragging — the pendulum swing). pointer-events: none so the
     tilting bubble can never steal the drag. */
  /* —— cursors: the control feels physical before anything moves —— */
}
.pa-slider__value {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.pa-slider-card {
  /* Sheet-family card chrome: surface chain (converges on PA-9482), sheet
     sm radius, hairline border instead of the old raw #E0E0E0 outline. */
  border-radius: var(--pa-slider-card-border-radius);
  background-color: var(--pa-color-surface-default, var(--pa-color-white));
  border: 1px solid var(--pa-color-surface-border, var(--pa-color-gray-300));
  padding: var(--pa-slider-card-padding);
}
.pa-slider .vue-slider-rail {
  background-color: var(--pa-slider-rail-background-color);
  border-radius: var(--pa-slider-rail-border-radius);
}
.pa-slider .vue-slider-process {
  border-radius: var(--pa-slider-rail-border-radius);
}
.pa-slider .vue-slider-dot-handle {
  background-color: var(--pa-color-surface-default, var(--pa-color-white));
  border: 1px solid var(--pa-slider-dot-border-color);
  /* The foundation's softest lift — same family as the sheet's elevate. */
  box-shadow: var(--pa-shadow-soft);
  /* Shadow eases on the same clock as the scale — a snapping shadow reads
     harsher than a bigger one. */
  transition: transform var(--pa-slider-dot-transition-duration) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1)), box-shadow var(--pa-slider-dot-transition-duration) ease;
}
.pa-slider .vue-slider:not(.vue-slider-disabled):hover .vue-slider-dot-handle {
  transform: scale(1.08);
}
.pa-slider .vue-slider:not(.vue-slider-disabled) .vue-slider-dot:active .vue-slider-dot-handle {
  transform: scale(1.18);
  box-shadow: var(--pa-shadow-md);
}
.pa-slider .vue-slider-dot:focus-visible .vue-slider-dot-handle,
.pa-slider .vue-slider-dot-handle-focus {
  /* The theme's focus-ring semantic — mirrors Bootstrap's ring today,
     recalibrates centrally with the token. */
  box-shadow: 0 0 0 3px var(--pa-color-focus-ring), var(--pa-shadow-soft);
}
.pa-slider .vue-slider-dot-handle-disabled {
  background-color: var(--pa-slider-dot-background-color-disabled);
  box-shadow: none;
}
.pa-slider .vue-slider-dot,
.pa-slider .vue-slider-process {
  transition-timing-function: cubic-bezier(0.34, 1.66, 0.64, 1) !important;
}
.pa-slider .vue-slider-dot-tooltip {
  transition: visibility 0s linear var(--pa-slider-tooltip-transition-duration);
}
.pa-slider .vue-slider-dot-tooltip-show,
.pa-slider .vue-slider-dot-hover:hover .vue-slider-dot-tooltip {
  transition-delay: 0s;
}
.pa-slider.pa-slider--dragging .vue-slider-dot-tooltip {
  visibility: visible;
  transition-delay: 0s;
}
.pa-slider .vue-slider-disabled .vue-slider-dot-tooltip {
  visibility: hidden;
}
.pa-slider .vue-slider-dot-tooltip-inner {
  background-color: var(--pa-slider-tooltip-background-color);
  /* border-color feeds the arrow (the lib's arrow inherits it). */
  border-color: var(--pa-slider-tooltip-background-color);
  color: var(--pa-slider-tooltip-text-color);
  border-radius: var(--pa-slider-tooltip-border-radius);
  font-size: var(--pa-slider-tooltip-font-size);
  padding: var(--pa-slider-tooltip-padding);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.8);
  /* Pivot at the arrow tip touching the thumb — the swing reads as a
     pendulum, not a spinning label. */
  transform-origin: center bottom;
  transition: opacity var(--pa-slider-tooltip-transition-duration) ease, transform var(--pa-slider-tooltip-transition-duration) cubic-bezier(0.34, 1.66, 0.64, 1);
}
.pa-slider .vue-slider-dot-tooltip-bottom .vue-slider-dot-tooltip-inner {
  transform-origin: center top;
}
.pa-slider .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner,
.pa-slider .vue-slider-dot-hover:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner, .pa-slider.pa-slider--dragging .vue-slider-dot-tooltip-inner {
  opacity: 1;
  transform: scale(1) rotate(var(--pa-slider-tooltip-tilt, 0deg));
}
.pa-slider .vue-slider-dot {
  cursor: grab;
}
.pa-slider .vue-slider-dot:active {
  cursor: grabbing;
}
.pa-slider.vue-slider-disabled .vue-slider-dot,
.pa-slider .vue-slider-disabled .vue-slider-dot {
  cursor: not-allowed;
}
.pa-slider-variant__primary .vue-slider-process {
  background-color: var(--pa-slider-process-color-primary);
}
.pa-slider-variant__dark .vue-slider-process {
  background-color: var(--pa-slider-process-color-dark);
}
.pa-slider-variant__light .vue-slider-process {
  background-color: var(--pa-slider-process-color-light);
}
.pa-slider-variant__info .vue-slider-process {
  background-color: var(--pa-slider-process-color-info);
}
.pa-slider-variant__success .vue-slider-process {
  background-color: var(--pa-slider-process-color-success);
}
.pa-slider-variant__danger .vue-slider-process {
  background-color: var(--pa-slider-process-color-danger);
}
.pa-slider-variant__warning .vue-slider-process {
  background-color: var(--pa-slider-process-color-warning);
}
.pa-slider-variant__secondary .vue-slider-process {
  background-color: var(--pa-slider-process-color-secondary);
}

/* Dark: the mid-grey dot hairline reads too bright on dark surfaces — step
   down one, same as the segmented thumb (the dark-hairline lesson). The rail
   moves onto the surface-border chain: dark secondary.200 sits too close to
   the dark card face to read as a track (the base-dark divider lesson). */
[data-bs-theme=dark] .pa-slider .vue-slider-rail {
  background-color: var(--pa-color-surface-border, var(--pa-color-gray-250));
}

@media (prefers-reduced-motion: reduce) {
  .pa-slider .vue-slider-dot-handle,
  .pa-slider .vue-slider-dot,
  .pa-slider .vue-slider-process,
  .pa-slider .vue-slider-dot-tooltip-wrapper {
    /* !important: the lib sets durations inline. */
    transition-duration: 0.01ms !important;
  }
}
.pa-square {
  /* Radius scales with the box on existing token steps (was a raw 20%):
     8/10/12/18/24 — md+ matches the pa-sheet family. */
  border-radius: var(--pa-square-border-radius-md);
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--pa-square-size-md);
  height: var(--pa-square-size-md);
  min-width: var(--pa-square-size-md);
  min-height: var(--pa-square-size-md);
  /* Designer-spec tile skin: tinted face + hairline edge + auto-contrast ink
     (an explicit icon/text colour in the slot still wins). Recipes live in
     pa-square-tokens.js. No variant (or variant="none") stays fully
     transparent — the logo-plate contract; PaNavButton's own repaint rules
     keep beating these (same class-based specificity as before). */
  /* light — white face on the surface chain (converges on PA-9482's
     color.surface.*; elevated charcoal in dark) + gray.200 hairline. */
}
.pa-square--xs {
  border-radius: var(--pa-square-border-radius-xs);
  width: var(--pa-square-size-xs);
  height: var(--pa-square-size-xs);
  min-width: var(--pa-square-size-xs);
  min-height: var(--pa-square-size-xs);
}
.pa-square--sm {
  border-radius: var(--pa-square-border-radius-sm);
  width: var(--pa-square-size-sm);
  height: var(--pa-square-size-sm);
  min-width: var(--pa-square-size-sm);
  min-height: var(--pa-square-size-sm);
}
.pa-square--lg {
  border-radius: var(--pa-square-border-radius-lg);
  width: var(--pa-square-size-lg);
  height: var(--pa-square-size-lg);
  min-width: var(--pa-square-size-lg);
  min-height: var(--pa-square-size-lg);
}
.pa-square--xl {
  border-radius: var(--pa-square-border-radius-xl);
  width: var(--pa-square-size-xl);
  height: var(--pa-square-size-xl);
  min-width: var(--pa-square-size-xl);
  min-height: var(--pa-square-size-xl);
}
.pa-square--primary {
  background-color: var(--pa-square-variant-primary-background-color);
  color: var(--pa-square-variant-primary-text-color);
  border: 1px solid var(--pa-square-variant-primary-border-color);
}
.pa-square--secondary {
  background-color: var(--pa-square-variant-secondary-background-color);
  color: var(--pa-square-variant-secondary-text-color);
  border: 1px solid var(--pa-square-variant-secondary-border-color);
}
.pa-square--tertiary {
  background-color: var(--pa-square-variant-tertiary-background-color);
  color: var(--pa-square-variant-tertiary-text-color);
  border: 1px solid var(--pa-square-variant-tertiary-border-color);
}
.pa-square--success {
  background-color: var(--pa-square-variant-success-background-color);
  color: var(--pa-square-variant-success-text-color);
  border: 1px solid var(--pa-square-variant-success-border-color);
}
.pa-square--danger {
  background-color: var(--pa-square-variant-danger-background-color);
  color: var(--pa-square-variant-danger-text-color);
  border: 1px solid var(--pa-square-variant-danger-border-color);
}
.pa-square--warning {
  background-color: var(--pa-square-variant-warning-background-color);
  color: var(--pa-square-variant-warning-text-color);
  border: 1px solid var(--pa-square-variant-warning-border-color);
}
.pa-square--info {
  background-color: var(--pa-square-variant-info-background-color);
  color: var(--pa-square-variant-info-text-color);
  border: 1px solid var(--pa-square-variant-info-border-color);
}
.pa-square--dark {
  background-color: var(--pa-square-variant-dark-background-color);
  color: var(--pa-square-variant-dark-text-color);
  border: 1px solid var(--pa-square-variant-dark-border-color);
}
.pa-square--light {
  background-color: var(--pa-color-surface-default, var(--pa-color-white));
  color: var(--pa-square-variant-light-text-color);
  border: 1px solid var(--pa-square-variant-light-border-color);
}

/* Dark: the light tile follows the pa-sheet surface pattern — elevated
   charcoal, not the flipped {color.white} (which goes near-black and reads
   harsh). Converges on PA-9482's surface tokens once merged. */
[data-bs-theme=dark] .pa-square--light {
  background-color: var(--pa-color-surface-default, var(--pa-color-gray-150));
}

/* Dark rebalance for the tinted tiles: the recipe's .400 edges flip to
   vivid mid-tones (neon rings) and the .50 faces to near-black (faces
   vanish) — deepen the face one step (.100) and mute the ring (.300;
   tertiary .200 — its neutral ramp runs brighter per step). Ink keeps the
   recipe's bright dark step. Designer-tuned 2026-08-04. */
[data-bs-theme=dark] .pa-square--success {
  background-color: var(--pa-color-success-100);
  border-color: var(--pa-color-success-300);
}
[data-bs-theme=dark] .pa-square--danger {
  border-color: var(--pa-color-danger-300);
}
[data-bs-theme=dark] .pa-square--warning {
  background-color: var(--pa-color-warning-100);
  border-color: var(--pa-color-warning-300);
}
[data-bs-theme=dark] .pa-square--tertiary {
  background-color: var(--pa-color-tertiary-100);
  border-color: var(--pa-color-tertiary-200);
}
[data-bs-theme=dark] .pa-square--info {
  /* Blue info, dark tuning: one step lighter face than the other
     statuses, vivid .500 ring. 5.8:1 AA. */
  background-color: var(--pa-color-info-200);
  border-color: var(--pa-color-info-500);
  color: var(--pa-color-info-700);
}

.form-switch[class*=form-switch--] .form-check-input {
  --pa-switch-knob: var(--pa-input-switch-size-lg-knob);
  background-color: var(--pa-input-switch-background-color-default);
  border: none;
  cursor: pointer;
  border-radius: var(--pa-input-switch-border-radius);
  background-size: var(--pa-switch-knob) auto;
  background-position: var(--pa-input-switch-knob-inset) center;
  background-repeat: no-repeat;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
  transition: background-position var(--pa-input-switch-transition-duration) var(--pa-input-switch-transition-easing), background-size var(--pa-input-switch-transition-color-duration) var(--pa-input-switch-transition-color-easing), background-color var(--pa-input-switch-transition-color-duration) var(--pa-input-switch-transition-color-easing), box-shadow var(--pa-input-switch-transition-color-duration) var(--pa-input-switch-transition-color-easing);
}
.form-switch[class*=form-switch--] .form-check-input:hover:not(:disabled):not(:checked) {
  background-color: var(--pa-input-switch-background-color-hover);
}
.form-switch[class*=form-switch--] .form-check-input:checked {
  background-color: var(--pa-input-switch-background-color-checked);
  background-position: calc(100% - var(--pa-input-switch-knob-inset)) center;
}
.form-switch[class*=form-switch--] .form-check-input:checked:hover:not(:disabled) {
  background-color: var(--pa-input-switch-background-color-checked-hover);
}
.form-switch[class*=form-switch--] .form-check-input:active:not(:disabled) {
  background-size: calc(var(--pa-switch-knob) * var(--pa-input-switch-knob-scale-pressed)) auto;
  transition: background-size 60ms var(--pa-input-switch-transition-color-easing), background-color var(--pa-input-switch-transition-color-duration) var(--pa-input-switch-transition-color-easing);
}
.form-switch[class*=form-switch--] .form-check-input.is-settling {
  animation: pa-switch-knob-settle var(--pa-input-switch-knob-settle-duration) var(--pa-input-switch-transition-easing);
}
.form-switch[class*=form-switch--] .form-check-input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--pa-input-switch-focus-ring-width) var(--pa-input-switch-focus-ring-color);
}
.form-switch[class*=form-switch--] .form-check-input[disabled], .form-switch[class*=form-switch--] .form-check-input:disabled {
  background-color: var(--pa-input-switch-background-color-disabled);
  cursor: not-allowed;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.form-switch[class*=form-switch--] .form-check-input[disabled]:checked, .form-switch[class*=form-switch--] .form-check-input:disabled:checked {
  background-color: var(--pa-input-switch-background-color-checked-disabled);
}
.form-switch[class*=form-switch--].form-switch--sm .form-check-input {
  --pa-switch-knob: var(--pa-input-switch-size-sm-knob);
  width: var(--pa-input-switch-size-sm-track-width);
  height: var(--pa-input-switch-size-sm-track-height);
}
.form-switch[class*=form-switch--].form-switch--md .form-check-input {
  --pa-switch-knob: var(--pa-input-switch-size-md-knob);
  width: var(--pa-input-switch-size-md-track-width);
  height: var(--pa-input-switch-size-md-track-height);
}
.form-switch[class*=form-switch--].form-switch--lg .form-check-input {
  --pa-switch-knob: var(--pa-input-switch-size-lg-knob);
  width: var(--pa-input-switch-size-lg-track-width);
  height: var(--pa-input-switch-size-lg-track-height);
}

.form-switch[class*=form-switch--] .form-check-input:focus,
[data-bs-theme=dark] .form-switch[class*=form-switch--] .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}

@keyframes pa-switch-knob-settle {
  0% {
    background-size: calc(var(--pa-switch-knob) * var(--pa-input-switch-knob-scale-pressed)) auto;
  }
  55% {
    background-size: calc(var(--pa-switch-knob) * var(--pa-input-switch-knob-scale-release)) auto;
  }
  100% {
    background-size: var(--pa-switch-knob) auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-switch[class*=form-switch--] .form-check-input,
  .form-switch[class*=form-switch--] .form-check-input:active:not(:disabled) {
    transition: none;
  }
  .form-switch[class*=form-switch--] .form-check-input.is-settling {
    animation: none;
  }
}
/*
  Sort chevron — same solar-arrow geometry as pa-menu accordion
  (path points right; rotate −90° = up / +90° = down).
  Sizes/colors via CSS custom properties from pa-table-tokens.
 */
.pa-sort-label {
  display: inline-flex;
  align-items: center;
  gap: var(--pa-table-sort-arrow-gap);
  color: inherit;
  cursor: pointer;
}
.pa-sort-label__arrow {
  width: var(--pa-table-sort-arrow-size);
  height: var(--pa-table-sort-arrow-size);
  flex-shrink: 0;
  color: var(--pa-table-sort-color-default);
  transition: transform 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}
.pa-sort-label__arrow--none {
  opacity: var(--pa-table-sort-opacity-rest);
}
.pa-sort-label__arrow--asc {
  transform: rotate(-90deg);
  color: var(--pa-table-sort-color-active);
  opacity: var(--pa-table-sort-opacity-active);
}
.pa-sort-label__arrow--desc {
  transform: rotate(90deg);
  color: var(--pa-table-sort-color-active);
  opacity: var(--pa-table-sort-opacity-active);
}
.pa-sort-label:hover .pa-sort-label__arrow--none {
  opacity: var(--pa-table-sort-opacity-hover);
}
.pa-sort-label:focus-visible .pa-sort-label__arrow--none {
  opacity: var(--pa-table-sort-opacity-hover);
}

@media (prefers-reduced-motion: reduce) {
  .pa-sort-label__arrow {
    transition: none;
  }
}
/*
  Design tokens: ./pa-table-tokens.js (tier-3 → $pa-table-*)

  Soft mode (`variant="soft"` / legacy `border`):
    .pa-table--soft  → tray + elevated body + optional footer  (NO shadow)

  Desktop:
    - Soft shell tray; white body with continuous radius on first/last cells
    - Host classnames .Grid / .DataRow / .GridHeader preserved

  Mobile (Bootstrap md / 768px):
    - Each data row is its own white card (16px radius, 4px gap between cards)
    - Optional .pa-table-select-col stays visible (checkbox + stack = one card)
    - Host fills .pa-table-mobile:
        toolbar (title + ⋮) → inset divider → label|value fields
    - Values use the same font weight/size as desktop body cells

  Library owns chrome; apps own columns, labels, selection, and actions.
 */
.Grid {
  border: none 0 transparent;
  border-collapse: collapse;
  width: 100%;
  font-size: var(--pa-table-font-size-md);
  font-weight: var(--pa-table-font-weight-default);
  color: var(--pa-table-cell-text-color-default);
  box-sizing: border-box;
}

.Grid th {
  text-align: left;
  border: none 0 transparent;
  color: var(--pa-table-header-text-color-default);
  font-size: var(--pa-table-font-size-header);
  font-weight: var(--pa-table-font-weight-header);
  line-height: var(--pa-table-line-height-header);
  vertical-align: middle;
  letter-spacing: 0.01em;
}

.Grid tr td {
  line-height: var(--pa-table-line-height-default);
  padding: var(--pa-table-cell-padding-default);
  border: none 0 transparent;
  position: relative;
  vertical-align: middle;
  font-size: var(--pa-table-font-size-md);
  font-weight: var(--pa-table-font-weight-default);
  color: var(--pa-table-cell-text-color-default);
}
@media (min-width: 576px) {
  .Grid tr td {
    padding: var(--pa-table-cell-padding-y-sm) var(--pa-table-cell-padding-x-sm);
  }
}

.Grid.tight tr td {
  padding: var(--pa-table-cell-padding-tight-y) var(--pa-table-cell-padding-tight-x);
}

.Grid tr.GridHeader {
  border-bottom: solid var(--pa-table-header-border-width-default) var(--pa-table-header-border-color-default);
  white-space: nowrap;
}

.Grid tr.GridHeader th {
  padding: var(--pa-table-header-padding-y) var(--pa-table-header-padding-x);
  text-transform: none;
  font-size: var(--pa-table-font-size-header);
  font-weight: var(--pa-table-font-weight-header);
  line-height: var(--pa-table-line-height-header);
  color: var(--pa-table-header-text-color-default);
  background-color: var(--pa-table-header-background-color-default);
  vertical-align: middle;
}

.Grid tr.GridHeader th a.sortfield {
  text-decoration: none;
  color: inherit;
}

.Grid tr.GridHeader th a.sortfield .downarr {
  display: inline-block;
  border: solid var(--pa-table-sort-arrow-size) transparent;
  border-top-color: inherit;
  margin-left: var(--pa-table-sort-arrow-gap);
  vertical-align: bottom;
}

.Grid tr.GridHeader th a.sortfield .uparr {
  display: inline-block;
  border: solid var(--pa-table-sort-arrow-size) transparent;
  border-bottom-color: inherit;
  margin-left: var(--pa-table-sort-arrow-gap);
  vertical-align: top;
}

.Grid tr.DataRow {
  border-bottom: solid var(--pa-table-row-border-width-default) var(--pa-table-row-border-color-default);
  transition: background-color var(--pa-table-motion-duration-interact) var(--pa-table-motion-easing-interact);
  background-color: var(--pa-table-body-background-color-default);
}
@media (prefers-reduced-motion: reduce) {
  .Grid tr.DataRow {
    transition: none;
  }
}

.Grid[thingid] tr.DataRow[instanceid]:hover,
.Grid tr.DataRow.is-clickable:hover {
  background-color: var(--pa-table-row-background-hover);
  text-decoration: none;
  cursor: pointer;
}

.Grid tr.DataRow.highlighted,
.Grid tr th.highlighted,
.Grid tr td.highlighted,
.Grid tr.DataRow.highlighted:hover {
  background-color: var(--pa-table-row-background-highlighted);
}

.pa-table {
  width: 100%;
  box-sizing: border-box;
}

.pa-table--soft {
  background-color: var(--pa-table-shell-background-color-default);
  border: var(--pa-table-shell-border-width-default) solid var(--pa-table-shell-border-color-default);
  border-radius: var(--pa-table-shell-radius-default);
  padding: var(--pa-table-shell-padding-top) var(--pa-table-shell-padding-x) var(--pa-table-shell-padding-bottom);
  box-sizing: border-box;
  overflow-x: auto;
  box-shadow: none;
}
@media (max-width: 767.98px) {
  .pa-table--soft {
    padding-top: var(--pa-table-shell-padding-top-mobile);
  }
}

.pa-table__footer {
  padding: var(--pa-table-footer-padding-top) var(--pa-table-footer-padding-x) var(--pa-table-footer-padding-bottom);
  box-sizing: border-box;
}

.pa-table--soft .pa-table__footer {
  background: transparent;
}

.pa-table--soft .Grid,
.Grid.Grid--border {
  border-collapse: separate !important;
  border-spacing: 0;
  width: 100%;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.pa-table--soft .Grid tr.GridHeader,
.Grid.Grid--border tr.GridHeader {
  border-bottom: none;
}

.pa-table--soft .Grid tr.GridHeader th,
.Grid.Grid--border tr.GridHeader th {
  background-color: transparent;
  color: var(--pa-table-bordered-header-color-default);
  font-weight: var(--pa-table-font-weight-header);
  font-size: var(--pa-table-font-size-header);
  line-height: var(--pa-table-line-height-header);
  padding: var(--pa-table-header-padding-y) var(--pa-table-header-padding-x);
  border: none;
  position: relative;
  vertical-align: middle;
}

.pa-table--soft .Grid tr.DataRow td,
.Grid.Grid--border tr.DataRow td {
  background-color: var(--pa-table-body-background-color-default);
  border-bottom: solid var(--pa-table-row-border-width-default) var(--pa-table-row-border-color-default);
  color: var(--pa-table-cell-text-color-default);
  padding: var(--pa-table-cell-padding-y-sm) var(--pa-table-cell-padding-x-sm);
  box-shadow: none;
}

.pa-table--soft .Grid tr.pa-search-layout__row--selected td,
.Grid.Grid--border tr.pa-search-layout__row--selected td {
  background-color: var(--pa-table-row-background-highlighted);
}

.pa-table--soft .Grid tbody tr.DataRow:first-child td,
.Grid.Grid--border tbody tr.DataRow:first-child td,
.pa-table--soft .Grid tr.GridHeader + tr.DataRow td,
.Grid.Grid--border tr.GridHeader + tr.DataRow td {
  border-top: solid var(--pa-table-body-border-width-default) var(--pa-table-body-border-color-default);
}

.pa-table--soft .Grid tbody tr.DataRow td:first-child,
.Grid.Grid--border tbody tr.DataRow td:first-child,
.pa-table--soft .Grid tr.DataRow td:first-child,
.Grid.Grid--border tr.DataRow td:first-child {
  border-left: solid var(--pa-table-body-border-width-default) var(--pa-table-body-border-color-default);
}

.pa-table--soft .Grid tbody tr.DataRow td:last-child,
.Grid.Grid--border tbody tr.DataRow td:last-child,
.pa-table--soft .Grid tr.DataRow td:last-child,
.Grid.Grid--border tr.DataRow td:last-child {
  border-right: solid var(--pa-table-body-border-width-default) var(--pa-table-body-border-color-default);
}

.pa-table--soft .Grid tr.GridHeader + tr.DataRow td:first-child,
.pa-table--soft .Grid tbody tr.DataRow:first-child td:first-child,
.Grid.Grid--border tr.GridHeader + tr.DataRow td:first-child,
.Grid.Grid--border tbody tr.DataRow:first-child td:first-child {
  border-top-left-radius: var(--pa-table-body-radius-default);
}

.pa-table--soft .Grid tr.GridHeader + tr.DataRow td:last-child,
.Grid.Grid--border tr.GridHeader + tr.DataRow td:last-child,
.pa-table--soft .Grid.Grid--border--mobile-last tr.GridHeader + tr.DataRow td:nth-last-child(2),
.Grid.Grid--border--mobile-last tr.GridHeader + tr.DataRow:first-child td:nth-last-child(2),
.pa-table--soft .Grid tr.GridHeader + tr.DataRow td.DataColumn--last-col,
.Grid.Grid--border tbody tr.GridHeader + tr.DataRow td.DataColumn--last-col,
.pa-table--soft .Grid tbody tr.DataRow:first-child td:last-child,
.Grid.Grid--border tbody tr.DataRow:first-child td:last-child,
.pa-table--soft .Grid.Grid--border--mobile-last tbody tr.DataRow:first-child td:nth-last-child(2),
.Grid.Grid--border--mobile-last tbody tr.DataRow:first-child td:nth-last-child(2),
.pa-table--soft .Grid tbody tr.DataRow:first-child td.DataColumn--last-col,
.Grid.Grid--border tbody tr.DataRow:first-child td.DataColumn--last-col {
  border-top-right-radius: var(--pa-table-body-radius-default);
}

.pa-table--soft .Grid tr.DataRow:not(:has(~ tr.DataRow)) td:first-child,
.Grid.Grid--border tr.DataRow:not(:has(~ tr.DataRow)) td:first-child {
  border-bottom-left-radius: var(--pa-table-body-radius-default);
}

.pa-table--soft .Grid tr.DataRow:not(:has(~ tr.DataRow)) td:last-child,
.Grid.Grid--border tr.DataRow:not(:has(~ tr.DataRow)) td:last-child,
.Grid.Grid--border--mobile-last tr.DataRow:not(:has(~ tr.DataRow)) td:nth-last-child(2),
.Grid.Grid--border tr.DataRow:not(:has(~ tr.DataRow)) td.DataColumn--last-col {
  border-bottom-right-radius: var(--pa-table-body-radius-default);
}

.pa-table--soft .Grid tr.DataRow:not(:has(~ tr.DataRow)) td,
.Grid.Grid--border tr.DataRow:not(:has(~ tr.DataRow)) td {
  border-bottom: solid var(--pa-table-body-border-width-default) var(--pa-table-body-border-color-default);
}

.pa-table--soft .Grid tr.DataRow.is-clickable:hover td,
.pa-table--soft .Grid[thingid] tr.DataRow[instanceid]:hover td,
.Grid.Grid--border tr.DataRow.is-clickable:hover td {
  background-color: var(--pa-table-row-background-hover);
  box-shadow: none;
}

.Grid.Grid--border tr.GridHeader th:first-child,
.Grid.Grid--border tr.GridHeader th:last-child,
.Grid.Grid--border--mobile-last tr.GridHeader th:nth-last-child(2),
.Grid.Grid--border tr.GridHeader th.GridHeader--last-col {
  border-radius: 0;
  background-color: transparent;
  padding-left: var(--pa-table-header-padding-x);
  padding-right: var(--pa-table-header-padding-x);
}

.pa-table-select-col {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  box-sizing: border-box;
}
.pa-table-select-col .form-check {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 0;
  padding-left: 0;
}
.pa-table-select-col .form-check-input {
  float: none;
  margin: 0;
  position: static;
}
.pa-table-select-col .form-check-label:empty {
  display: none;
}

@media (max-width: 767.98px) {
  .pa-table--soft .Grid,
  .Grid.Grid--border {
    border-collapse: separate !important;
    border-spacing: 0 var(--pa-table-mobile-card-gap);
  }
  .pa-table--soft .Grid tr.DataRow td,
  .Grid.Grid--border tr.DataRow td {
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
  }
  .pa-table--soft .Grid tr.DataRow > td.pa-table-select-col,
  .Grid.Grid--border tr.DataRow > td.pa-table-select-col {
    display: table-cell;
    width: 2.75rem;
    min-width: 2.75rem;
    max-width: 2.75rem;
    vertical-align: top;
    box-sizing: border-box;
    background-color: var(--pa-table-body-background-color-default);
    border-top: solid var(--pa-table-body-border-width-default) var(--pa-table-body-border-color-default);
    border-bottom: solid var(--pa-table-body-border-width-default) var(--pa-table-body-border-color-default);
    border-left: solid var(--pa-table-body-border-width-default) var(--pa-table-body-border-color-default);
    border-right: 0;
    border-top-left-radius: var(--pa-table-mobile-card-radius);
    border-bottom-left-radius: var(--pa-table-mobile-card-radius);
    padding: var(--pa-table-cell-padding-y-sm) var(--pa-table-cell-padding-x-sm);
    color: var(--pa-table-cell-text-color-default);
  }
  .pa-table--soft .Grid tr.DataRow > td.d-md-none,
  .pa-table--soft .Grid tr.DataRow > td.pa-table-mobile-cell,
  .pa-table--soft .Grid tbody tr.DataRow:first-child > td.d-md-none,
  .pa-table--soft .Grid tbody tr.DataRow:first-child > td.pa-table-mobile-cell,
  .pa-table--soft .Grid tbody tr.DataRow:first-child > td:last-child.pa-table-mobile-cell,
  .pa-table--soft .Grid tr.DataRow:not(:has(~ tr.DataRow)) > td.d-md-none,
  .pa-table--soft .Grid tr.DataRow:not(:has(~ tr.DataRow)) > td.pa-table-mobile-cell,
  .pa-table--soft .Grid tr.DataRow:not(:has(~ tr.DataRow)) > td:last-child.pa-table-mobile-cell,
  .Grid.Grid--border tr.DataRow > td.d-md-none,
  .Grid.Grid--border tr.DataRow > td.pa-table-mobile-cell,
  .Grid.Grid--border tbody tr.DataRow:first-child > td.d-md-none,
  .Grid.Grid--border tbody tr.DataRow:first-child > td.pa-table-mobile-cell,
  .Grid.Grid--border tbody tr.DataRow:first-child > td:last-child,
  .Grid.Grid--border--mobile-last tbody tr.DataRow:first-child td:nth-last-child(2),
  .Grid.Grid--border tr.DataRow:not(:has(~ tr.DataRow)) > td.d-md-none,
  .Grid.Grid--border tr.DataRow:not(:has(~ tr.DataRow)) > td.pa-table-mobile-cell,
  .Grid.Grid--border tr.DataRow:not(:has(~ tr.DataRow)) > td:last-child,
  .Grid.Grid--border--mobile-last tr.DataRow:not(:has(~ tr.DataRow)) td:nth-last-child(2) {
    display: table-cell;
    width: 100%;
    box-sizing: border-box;
    background-color: var(--pa-table-body-background-color-default);
    border: solid var(--pa-table-body-border-width-default) var(--pa-table-body-border-color-default);
    border-radius: var(--pa-table-mobile-card-radius);
    padding: var(--pa-table-cell-padding-y-sm) var(--pa-table-cell-padding-x-sm);
    color: var(--pa-table-cell-text-color-default);
  }
  .pa-table--soft .Grid tr.DataRow > td.pa-table-select-col + td.pa-table-mobile-cell,
  .pa-table--soft .Grid tr.DataRow > td.pa-table-select-col + td.d-md-none,
  .pa-table--soft .Grid tbody tr.DataRow:first-child > td.pa-table-select-col + td.pa-table-mobile-cell,
  .pa-table--soft .Grid tr.DataRow:not(:has(~ tr.DataRow)) > td.pa-table-select-col + td.pa-table-mobile-cell,
  .Grid.Grid--border tr.DataRow > td.pa-table-select-col + td.pa-table-mobile-cell,
  .Grid.Grid--border tr.DataRow > td.pa-table-select-col + td.d-md-none,
  .Grid.Grid--border tbody tr.DataRow:first-child > td.pa-table-select-col + td.pa-table-mobile-cell,
  .Grid.Grid--border tr.DataRow:not(:has(~ tr.DataRow)) > td.pa-table-select-col + td.pa-table-mobile-cell {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .pa-table--soft .Grid tr.DataRow.is-clickable:hover > td.d-md-none,
  .pa-table--soft .Grid tr.DataRow.is-clickable:hover > td.pa-table-mobile-cell,
  .pa-table--soft .Grid tr.DataRow.is-clickable:hover > td.pa-table-select-col,
  .Grid.Grid--border tr.DataRow.is-clickable:hover > td.d-md-none,
  .Grid.Grid--border tr.DataRow.is-clickable:hover > td.pa-table-mobile-cell,
  .Grid.Grid--border tr.DataRow.is-clickable:hover > td.pa-table-select-col {
    background-color: var(--pa-table-row-background-hover);
  }
}
@media (max-width: 767.98px) {
  .pa-table-mobile-cell.d-flex,
  .pa-table-mobile-cell[class*=justify-content],
  td.pa-table-mobile-cell.d-flex,
  td.d-md-none.d-flex {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: var(--pa-table-mobile-gap-default);
    width: 100%;
  }
  .pa-table-mobile-cell > .d-flex,
  td.pa-table-mobile-cell > .d-flex,
  td.d-md-none > .d-flex {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: var(--pa-table-mobile-gap-default);
    width: 100%;
  }
  .pa-table-mobile-cell > .d-flex > *,
  td.pa-table-mobile-cell > .d-flex > *,
  td.d-md-none > .d-flex > * {
    width: 100%;
    max-width: 100%;
    text-align: left !important;
    margin-left: 0 !important;
  }
}
.pa-table-mobile {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  text-align: left;
}
.pa-table-mobile__row {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: var(--pa-table-mobile-gap-default);
  width: 100%;
}
.pa-table-mobile__toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--pa-table-mobile-gap-field-inline);
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding-bottom: var(--pa-table-mobile-divider-gap);
}
.pa-table-mobile__lead {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
}
.pa-table-mobile__title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--pa-table-mobile-font-size-primary);
  font-weight: var(--pa-table-mobile-font-weight-primary);
  line-height: var(--pa-table-line-height-default);
  color: var(--pa-table-mobile-text-color-primary);
  text-align: left;
}
.pa-table-mobile__actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: -0.25rem -0.25rem 0 0;
  padding: 0;
  border: 0;
  border-radius: var(--pa-border-radius-full);
  background: transparent;
  color: var(--pa-table-mobile-text-color-label);
  cursor: pointer;
  line-height: 1;
  box-sizing: border-box;
  font-size: 1.125rem;
  font-weight: 700;
}
.pa-table-mobile__actions:hover, .pa-table-mobile__actions:focus-visible {
  background-color: var(--pa-table-row-background-hover);
  color: var(--pa-table-mobile-text-color-primary);
  outline: none;
}
.pa-table-mobile__actions svg,
.pa-table-mobile__actions .pa-icon {
  width: 1rem;
  height: 1rem;
}
.pa-table-mobile__divider {
  display: block;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  height: 1px;
  margin: 0 0 var(--pa-table-mobile-divider-gap);
  padding: 0 var(--pa-table-mobile-divider-inset);
  border: 0;
  box-sizing: border-box;
  background-color: var(--pa-table-row-border-color-default);
  background-clip: content-box;
  background-origin: content-box;
  overflow: hidden;
  color: transparent;
}
.pa-table-mobile__field {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--pa-table-mobile-gap-field-inline);
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.pa-table-mobile__field + .pa-table-mobile__field {
  margin-top: var(--pa-table-mobile-gap-default);
}
.pa-table-mobile__field[data-label]::before {
  content: attr(data-label);
  flex: 0 1 auto;
  max-width: 48%;
  font-size: var(--pa-table-mobile-font-size-label);
  font-weight: var(--pa-table-mobile-font-weight-secondary);
  line-height: var(--pa-table-line-height-header);
  color: var(--pa-table-mobile-text-color-label);
  letter-spacing: 0.01em;
  text-align: left;
  overflow-wrap: anywhere;
}
.pa-table-mobile__field > .pa-table-mobile__value,
.pa-table-mobile__field > .pa-table-mobile__primary,
.pa-table-mobile__field > .pa-table-mobile__amount,
.pa-table-mobile__field > .pa-table-mobile__secondary,
.pa-table-mobile__field > .pa-table-mobile__meta {
  flex: 1 1 auto;
  min-width: 0;
  text-align: right;
  margin-left: auto;
}
.pa-table-mobile__label {
  flex: 0 1 auto;
  max-width: 48%;
  font-size: var(--pa-table-mobile-font-size-label);
  font-weight: var(--pa-table-mobile-font-weight-secondary);
  line-height: var(--pa-table-line-height-header);
  color: var(--pa-table-mobile-text-color-label);
  letter-spacing: 0.01em;
  text-align: left;
  overflow-wrap: anywhere;
}
.pa-table-mobile__value, .pa-table-mobile__primary, .pa-table-mobile__amount, .pa-table-mobile__secondary, .pa-table-mobile__meta {
  display: block;
  font-size: var(--pa-table-font-size-md);
  font-weight: var(--pa-table-font-weight-default);
  line-height: var(--pa-table-line-height-default);
  color: var(--pa-table-cell-text-color-default);
  min-width: 0;
  text-align: right;
  margin-left: 0;
}
.pa-table-mobile__amount {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.pa-table-mobile > .pa-table-mobile__primary, .pa-table-mobile > .pa-table-mobile__secondary, .pa-table-mobile > .pa-table-mobile__meta, .pa-table-mobile > .pa-table-mobile__value {
  width: 100%;
  text-align: left;
}
.pa-table-mobile > .pa-table-mobile__amount {
  width: 100%;
  text-align: left;
}
.pa-table-mobile > *:not(.pa-table-mobile__divider) {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/*
The design tokens that create the variables are defined in ./pa-toggle-tokens.js

Segmented restyle (PA-7248): the track/thumb colours consume the shared
segmented-control tokens introduced on the PaRadioGroup branch (PA-7246) via
CSS custom properties with identical literal fallbacks — the branches stay
independent and merge in any order, and once both land one token source
drives every segmented control in the library.
 */
.pa-toggle {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  position: relative;
  border-radius: var(--pa-toggle-border-radius-default);
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  /* Track — EXACTLY the segmented radio group's construction: 3px padding
     inset plus a 1px hairline border, at every size; height driven by the
     chip paddings rather than fixed heights. The old $pa-toggle
     height/border-size tokens are still emitted for hosts that read them,
     but this component no longer consumes them. */
  padding: 3px;
  background-color: var(--pa-input-radio-segment-track-background-color, var(--pa-color-secondary-100));
  border: 1px solid var(--pa-input-radio-segment-track-border-color, var(--pa-color-secondary-200));
  /* Variant: inverted — grey chip on the page surface (same 1px hairline). */
  /* The sliding selection thumb (PA-7248). Position and width are measured
     and set by the component; both animate on the decelerate curve —
     deliberately slow, the travel is the feedback. */
  /* primary (default treatment) — brand-filled thumb. */
  /* default treatment — white chip, quiet hairline.
     Face colour converges on color.surface.default once PA-9482 lands. */
  /* inverted treatment — grey chip on the page surface. */
}
.pa-toggle--variant-inverted {
  background-color: var(--pa-input-radio-segment-inverted-track-background-color, var(--pa-color-white));
}
.pa-toggle__thumb {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 0;
  width: 0;
  box-sizing: border-box;
  border-radius: var(--pa-toggle-border-radius-default);
  transition: transform var(--pa-input-radio-segment-slide-duration, 550ms) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1)), width var(--pa-input-radio-segment-slide-duration, 550ms) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1));
  will-change: transform, width;
  pointer-events: none;
}
.pa-toggle--variant-primary .pa-toggle__thumb {
  background-color: var(--pa-input-radio-segment-primary-thumb-background-color, var(--pa-color-primary-500));
}
.pa-toggle--variant-default .pa-toggle__thumb {
  background-color: var(--pa-color-surface-default, var(--pa-color-white));
  border: 1px solid var(--pa-input-radio-segment-thumb-border-color, var(--pa-color-secondary-200));
}
.pa-toggle--variant-inverted .pa-toggle__thumb {
  background-color: var(--pa-input-radio-segment-inverted-thumb-background-color, var(--pa-color-secondary-200));
  border: 1px solid var(--pa-input-radio-segment-inverted-thumb-border-color, var(--pa-color-secondary-300));
}

/* Honour a reduced-motion preference: the thumb repositions, it does not
   travel. */
@media (prefers-reduced-motion: reduce) {
  .pa-toggle__thumb {
    transition: none;
  }
}
.pa-toggle-input-group {
  /* Surface chain (PA-9499): white today; converges to the elevated dark
     charcoal when PA-9482's color.surface.* lands — var(--bs-white) stayed
     glaring white in dark mode. */
  background-color: var(--pa-color-surface-default, var(--pa-color-white));
  padding: var(--pa-toggle-input-group-padding-default);
  align-items: center;
  /* Sheet-family chrome (PA-9499, designer spec): the sheet's 18px md radius
     and its border — surface.border once PA-9482 lands, gray.300 until then,
     so row and sheet can never drift apart. */
  border: 1px solid var(--pa-color-surface-border, var(--pa-color-gray-300));
  /* The root is a <label> now — the whole row toggles the switch. */
  cursor: pointer;
  margin-bottom: 0;
  /* Grouped stacks live in PaToggleInputList — the container carries the
     card chrome and dividers; a standalone row keeps this card look. */
  border-radius: var(--pa-toggle-input-group-border-radius-default);
  font-size: var(--pa-toggle-input-group-font-size-default);
  font-weight: var(--pa-toggle-input-group-font-weight-default);
  color: var(--pa-toggle-input-group-text-color-default);
  height: var(--pa-toggle-input-group-height-md);
  /* Opt out of the card border (border prop = false). border-style: none wins
     over the dark-mode rule below, which only overrides border-color. */
}
.pa-toggle-input-group:has(input:disabled) {
  cursor: not-allowed;
}
.pa-toggle-input-group.pa-toggle-input-group--align-right {
  justify-content: space-between;
}
.pa-toggle-input-group.pa-toggle-input-group--no-border {
  border: none;
}
.pa-toggle-input-group--sm {
  height: var(--pa-toggle-input-group-height-sm);
}

/* Dark mode follows the pa-sheet surface pattern (designer spec): an
   elevated charcoal card on the dark page, not a white slab. The fallbacks
   are the nearest existing dark ramp steps (gray.150 face / gray.250 border,
   which resolve #2b2d2f / #3e4144 in dark — the sheet family's zone); once
   PA-9482's color.surface.* lands, the surface tokens take over in front. */
[data-bs-theme=dark] .pa-toggle-input-group {
  background-color: var(--pa-color-surface-default, var(--pa-color-gray-150));
  border-color: var(--pa-color-surface-border, var(--pa-color-gray-250));
}

/*
PaToggleInputList (PA-9499) — the container in:

  container
    row (slot)
    divider
    row (slot)
  container

Carries the sheet-family card chrome; the slotted PaToggleInputGroup rows
inside are stripped to plain label+switch, and an inset hairline divides
consecutive rows. Tokens ride PaToggleInputGroup's
(./pa-toggle-input-group-tokens.js) — one source for the pair.
*/
.pa-toggle-input-list {
  /* Surface chain: white today; converges to PA-9482's color.surface.*. */
  background-color: var(--pa-color-surface-default, var(--pa-color-white));
  border: 1px solid var(--pa-color-surface-border, var(--pa-color-gray-300));
  border-radius: var(--pa-toggle-input-group-border-radius-default);
  overflow: hidden;
  /* light variant — the gray.100 well, mirroring PaSheet's light variant;
     converges on color.surface.raised when PA-9482 lands. */
  /* Rows inside the container are plain — the container owns the chrome. */
  /* Inset divider between consecutive rows: starts where the row content
     starts (20px, the row's own padding) rather than touching the edges. */
}
.pa-toggle-input-list--light {
  background-color: var(--pa-color-surface-raised, var(--pa-color-gray-100));
}
.pa-toggle-input-list > .pa-toggle-input-group {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.pa-toggle-input-list > .pa-toggle-input-group + .pa-toggle-input-group {
  position: relative;
}
.pa-toggle-input-list > .pa-toggle-input-group + .pa-toggle-input-group::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  border-top: 1px solid var(--pa-color-secondary-200);
}

/* Dark mode follows the pa-sheet surface pattern: elevated charcoal card on
   the dark page. Fallbacks are the nearest existing dark ramp steps
   (gray.150 face / gray.250 border → #2b2d2f / #3e4144 in dark); PA-9482's
   surface tokens take over once merged. */
[data-bs-theme=dark] .pa-toggle-input-list {
  background-color: var(--pa-color-surface-default, var(--pa-color-gray-150));
  border-color: var(--pa-color-surface-border, var(--pa-color-gray-250));
  /* Explicit strip guard: the row's own dark surface rule ties this one at
     (0,2,0) and only loses on import order today — pin the intent so a
     future reorder can't repaint charcoal rows over the single surface. */
  /* Dark dividers ride the surface-border chain: base-dark's secondary.200
     (#2b2d2f) is byte-identical to the card face there, which made the
     dividers vanish on the base theme. */
}
[data-bs-theme=dark] .pa-toggle-input-list > .pa-toggle-input-group {
  background-color: transparent;
  border: none;
}
[data-bs-theme=dark] .pa-toggle-input-list > .pa-toggle-input-group + .pa-toggle-input-group::before {
  border-top-color: var(--pa-color-surface-border, var(--pa-color-gray-250));
}

[data-bs-theme=dark] .pa-toggle-input-list--light {
  /* One raised step above the default dark card, like the sheet's well. */
  background-color: var(--pa-color-surface-raised, var(--pa-color-gray-200));
}

/*
The design tokens that create the variables are defined in ./pa-toggle-tokens.js
 */
.pa-toggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pa-toggle {
  /* Chip metrics are EXACTLY the segmented radio group's: same paddings per
     size (lg is the default on both), same font sizing and weight. The old
     $pa-toggle font tokens stay emitted but are no longer consumed. */
}
.pa-toggle label {
  position: relative;
  z-index: 1;
  padding: var(--pa-input-radio-segment-padding-lg, 11px 22px);
  cursor: pointer;
  text-align: center;
  display: grid;
  height: 100%;
  place-items: center;
  border-radius: var(--pa-toggle-border-radius-default);
  /* Fallback matches PA-7246's token resolution: NOT page.muted (2.17:1 on
     the track in PA/MF/LR light — AA failure); secondary.750 passes >=5:1
     in every brand and mode. */
  color: var(--pa-input-radio-segment-label-color-default, var(--pa-color-secondary-750));
  transition: color var(--pa-input-radio-segment-slide-duration, 550ms) var(--pa-transition-easing-decelerate, cubic-bezier(0.16, 1, 0.3, 1));
  font-weight: var(--bs-font-weight-normal);
  font-size: var(--bs-font-size-sm);
  line-height: 1;
  white-space: nowrap;
}
.pa-toggle--md label {
  padding: var(--pa-input-radio-segment-padding-md, 8px 18px);
}
.pa-toggle--sm label {
  padding: var(--pa-input-radio-segment-padding-sm, 5px 12px);
  font-size: 12px;
}

.pa-toggle-item > input:not(:checked) + label:hover {
  color: var(--pa-input-radio-segment-label-color-selected, var(--pa-color-page-color));
}

.pa-toggle-item > input:checked + label {
  pointer-events: none;
  height: 100%;
  border-radius: var(--pa-toggle-border-radius-default);
  outline: 2px solid transparent;
  content: "";
  background-color: transparent;
  color: var(--pa-input-radio-segment-label-color-selected, var(--pa-color-page-color));
  font-weight: 500;
}

/* On the brand thumb the selected label takes the theme's own on-fill ink
   (white on PA red, black on LR teal). */
.pa-toggle--variant-primary .pa-toggle-item > input:checked + label {
  color: var(--pa-input-radio-segment-primary-thumb-text-color, var(--pa-color-primary-text-default));
}

/* Keyboard focus lands on the visually-hidden radio input; surface it with
   the theme's own focus-ring semantic (correct in light and dark). */
.pa-toggle-item > input:focus-visible + label {
  box-shadow: 0 0 0 3px var(--pa-color-focus-ring);
}

.pa-color-picker-wrapper {
  position: relative;
  display: inline-block;
}

.pa-color-picker {
  position: relative;
  height: var(--pa-button-height-md);
  width: var(--pa-button-height-md);
  border-radius: 50%;
  border: none;
}
.pa-color-picker--sm {
  height: var(--pa-button-height-sm);
  width: var(--pa-button-height-sm);
}
.pa-color-picker--lg {
  height: var(--pa-button-height-lg);
  width: var(--pa-button-height-lg);
}
.pa-color-picker::-webkit-color-swatch {
  border-radius: 50%;
  border: none;
}
.pa-color-picker::-moz-color-swatch {
  border-radius: 50%;
  border: none;
}
.pa-color-picker__placeholder {
  background-color: var(--pa-color-picker__value);
}
.pa-color-picker__input {
  height: 0;
  width: 0;
  bottom: 0;
  left: -10px;
  z-index: -10;
  position: absolute;
}

.pa-color-picker__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
  font-size: 12px;
}

.pa-address-search .pa-input-group-label {
  color: var(--pa-input-label-text-color-focus);
  top: 8px;
  max-width: 85%;
  font-size: var(--pa-input-label-font-size-focused-default);
}

.pa-address-search .multiselect-search,
.pa-address-search .multiselect-placeholder {
  top: 10px;
  background: transparent;
}

.pa-address-search.has-error {
  border: var(--pa-input-border-width-default) solid red;
}

.was-validated .address--invalid {
  border-left: 3px solid red;
  padding-left: 4px;
}

.address-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
.address-container > div:first-child {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.address-container.has-address {
  background-color: var(--bs-gray-100);
}
.address-container.has-address .address-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--bs-gray-600);
  top: 8px;
}
.address-container.has-address .address-text {
  color: var(--bs-gray-500);
  font-size: 0.8rem;
  transform: translateY(-5px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.address-container .address-text {
  font-size: 1rem;
  font-weight: 500;
  color: var(--bs-gray-700);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.address-container .address-label {
  font-size: 1rem;
  font-weight: 500;
  top: 8px;
}
.address-container.clean .address-text-container {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.address-container.clean .address-text {
  font-weight: var(--bs-body-font-weight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* PaCheckbox Button Mode - Plain CSS with Actual Values */
/* Uses .btn-check (Bootstrap) + .pa-checkbox-btn with maximum specificity to override Bootstrap */
/* Hidden checkbox input (Bootstrap's .btn-check is already hidden by Bootstrap) */
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 0;
}

/* Chip chrome (PA-7239). Tokens: pa-input-tokens.js → input.checkbox.chip.*
   Resting = outline · selected = solid brand (default) or soft tint
   (.pa-checkbox-btn--soft) · optional drawn tick (tick prop). md padding is
   the pre-restyle chip's exact footprint, so default layouts don't shift.
   Selectors keep the .btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn
   (0,5,0) shape — that is what outranks Bootstrap's .btn states. */
/* Resting: outline chip */
.btn-check:not(:checked) + .btn.pa-checkbox-btn.pa-checkbox-btn {
  background-color: transparent;
  border: 1px solid var(--pa-input-checkbox-chip-resting-border-color-default);
  color: var(--pa-input-checkbox-chip-resting-text-color-default);
}

.btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn {
  display: inline-flex;
  align-items: center;
  border-width: 1px;
  padding: var(--pa-input-checkbox-chip-padding-md);
  border-radius: var(--pa-input-checkbox-border-radius-pill);
  font-size: var(--pa-input-checkbox-chip-font-size-default);
  font-weight: var(--bs-font-weight-normal);
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
  /* Prevent stretching - chips should stay their natural size */
  flex: 0 0 auto;
  width: auto;
  white-space: nowrap;
  transition: background-color 200ms var(--pa-input-checkbox-tick-easing), border-color 200ms var(--pa-input-checkbox-tick-easing), color 200ms var(--pa-input-checkbox-tick-easing), transform 120ms ease, opacity 200ms ease;
  /* Press squash — same motion family as PaSwitch / the checkbox tick. */
}
.btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn:active, .btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn.active {
  box-shadow: none;
}
.btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn:active:not(:disabled):not(.disabled) {
  transform: scale(0.96);
}
.btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn:hover:not(:disabled):not(.disabled) {
  border-color: var(--pa-input-checkbox-chip-resting-border-color-hover);
}
.btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn:focus {
  outline: none;
  box-shadow: none;
}

/* Keyboard focus lands on the hidden input, not the label. */
.btn-check:focus-visible + .btn.pa-checkbox-btn.pa-checkbox-btn {
  box-shadow: 0 0 0 var(--pa-input-checkbox-focus-ring-width) var(--pa-input-checkbox-focus-ring-color);
}

/* Selected — solid brand (default) */
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn {
  background-color: var(--pa-input-checkbox-chip-selected-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-selected-solid-background-color);
  color: var(--pa-input-checkbox-chip-selected-solid-text-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn:active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn:focus {
  background-color: var(--pa-input-checkbox-chip-selected-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-selected-solid-background-color);
  color: var(--pa-input-checkbox-chip-selected-solid-text-color);
  box-shadow: none;
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn:hover:not(:disabled):not(.disabled) {
  opacity: 0.9;
}

/* Selected — soft tint variant */
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--soft {
  background-color: var(--pa-input-checkbox-chip-selected-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-selected-soft-border-color);
  color: var(--pa-input-checkbox-chip-selected-soft-text-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--soft:active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--soft.active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--soft:focus {
  background-color: var(--pa-input-checkbox-chip-selected-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-selected-soft-border-color);
  color: var(--pa-input-checkbox-chip-selected-soft-text-color);
}

/* Colour variations (chipColor prop). Solid uses the deep background.dark fill
   so white ink keeps AA on every ramp; soft is the badge-style tint. Sass cannot
   interpolate variable names, hence the explicit blocks. */
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-success:not(.pa-checkbox-btn--soft) {
  background-color: var(--pa-input-checkbox-chip-color-success-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-color-success-solid-background-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-success:not(.pa-checkbox-btn--soft):active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-success:not(.pa-checkbox-btn--soft).active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-success:not(.pa-checkbox-btn--soft):focus {
  background-color: var(--pa-input-checkbox-chip-color-success-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-color-success-solid-background-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-success.pa-checkbox-btn--soft {
  background-color: var(--pa-input-checkbox-chip-color-success-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-color-success-soft-border-color);
  color: var(--pa-input-checkbox-chip-color-success-soft-text-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-success.pa-checkbox-btn--soft:active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-success.pa-checkbox-btn--soft.active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-success.pa-checkbox-btn--soft:focus {
  background-color: var(--pa-input-checkbox-chip-color-success-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-color-success-soft-border-color);
  color: var(--pa-input-checkbox-chip-color-success-soft-text-color);
}

.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-danger:not(.pa-checkbox-btn--soft) {
  background-color: var(--pa-input-checkbox-chip-color-danger-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-color-danger-solid-background-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-danger:not(.pa-checkbox-btn--soft):active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-danger:not(.pa-checkbox-btn--soft).active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-danger:not(.pa-checkbox-btn--soft):focus {
  background-color: var(--pa-input-checkbox-chip-color-danger-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-color-danger-solid-background-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-danger.pa-checkbox-btn--soft {
  background-color: var(--pa-input-checkbox-chip-color-danger-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-color-danger-soft-border-color);
  color: var(--pa-input-checkbox-chip-color-danger-soft-text-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-danger.pa-checkbox-btn--soft:active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-danger.pa-checkbox-btn--soft.active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-danger.pa-checkbox-btn--soft:focus {
  background-color: var(--pa-input-checkbox-chip-color-danger-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-color-danger-soft-border-color);
  color: var(--pa-input-checkbox-chip-color-danger-soft-text-color);
}

.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-warning:not(.pa-checkbox-btn--soft) {
  background-color: var(--pa-input-checkbox-chip-color-warning-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-color-warning-solid-background-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-warning:not(.pa-checkbox-btn--soft):active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-warning:not(.pa-checkbox-btn--soft).active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-warning:not(.pa-checkbox-btn--soft):focus {
  background-color: var(--pa-input-checkbox-chip-color-warning-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-color-warning-solid-background-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-warning.pa-checkbox-btn--soft {
  background-color: var(--pa-input-checkbox-chip-color-warning-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-color-warning-soft-border-color);
  color: var(--pa-input-checkbox-chip-color-warning-soft-text-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-warning.pa-checkbox-btn--soft:active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-warning.pa-checkbox-btn--soft.active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-warning.pa-checkbox-btn--soft:focus {
  background-color: var(--pa-input-checkbox-chip-color-warning-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-color-warning-soft-border-color);
  color: var(--pa-input-checkbox-chip-color-warning-soft-text-color);
}

.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-info:not(.pa-checkbox-btn--soft) {
  background-color: var(--pa-input-checkbox-chip-color-info-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-color-info-solid-background-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-info:not(.pa-checkbox-btn--soft):active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-info:not(.pa-checkbox-btn--soft).active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-info:not(.pa-checkbox-btn--soft):focus {
  background-color: var(--pa-input-checkbox-chip-color-info-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-color-info-solid-background-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-info.pa-checkbox-btn--soft {
  background-color: var(--pa-input-checkbox-chip-color-info-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-color-info-soft-border-color);
  color: var(--pa-input-checkbox-chip-color-info-soft-text-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-info.pa-checkbox-btn--soft:active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-info.pa-checkbox-btn--soft.active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-info.pa-checkbox-btn--soft:focus {
  background-color: var(--pa-input-checkbox-chip-color-info-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-color-info-soft-border-color);
  color: var(--pa-input-checkbox-chip-color-info-soft-text-color);
}

.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-secondary:not(.pa-checkbox-btn--soft) {
  background-color: var(--pa-input-checkbox-chip-color-secondary-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-color-secondary-solid-background-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-secondary:not(.pa-checkbox-btn--soft):active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-secondary:not(.pa-checkbox-btn--soft).active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-secondary:not(.pa-checkbox-btn--soft):focus {
  background-color: var(--pa-input-checkbox-chip-color-secondary-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-color-secondary-solid-background-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-secondary.pa-checkbox-btn--soft {
  background-color: var(--pa-input-checkbox-chip-color-secondary-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-color-secondary-soft-border-color);
  color: var(--pa-input-checkbox-chip-color-secondary-soft-text-color);
}
.btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-secondary.pa-checkbox-btn--soft:active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-secondary.pa-checkbox-btn--soft.active, .btn-check:checked + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--color-secondary.pa-checkbox-btn--soft:focus {
  background-color: var(--pa-input-checkbox-chip-color-secondary-soft-background-color);
  border-color: var(--pa-input-checkbox-chip-color-secondary-soft-border-color);
  color: var(--pa-input-checkbox-chip-color-secondary-soft-text-color);
}

/* Sizes — md is the base metrics above; the modifiers come from the
   checkbox's OWN size prop only (the group's size defaults to lg). */
.btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--sm {
  padding: var(--pa-input-checkbox-chip-padding-sm);
}

.btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn.pa-checkbox-btn--lg {
  padding: var(--pa-input-checkbox-chip-padding-lg);
}

/* Optional drawn tick (tick prop). Width animates so the chip grows smoothly
   rather than jumping; the stroke then draws with the shared keyframes. */
.pa-checkbox-btn__tick {
  width: 0;
  height: 11px;
  margin-right: 0;
  overflow: visible;
  pointer-events: none;
  flex: none;
  transition: width 200ms var(--pa-input-checkbox-tick-easing), margin-right 200ms var(--pa-input-checkbox-tick-easing);
}
.pa-checkbox-btn__tick path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 12;
  stroke-dashoffset: 12;
}

.btn-check:checked + .pa-checkbox-btn .pa-checkbox-btn__tick {
  width: 11px;
  margin-right: 7px;
}

.btn-check:checked + .pa-checkbox-btn.pa-checkbox-btn--armed .pa-checkbox-btn__tick path {
  animation: pa-checkbox-tick-draw var(--pa-input-checkbox-tick-duration) var(--pa-input-checkbox-tick-easing) var(--pa-input-checkbox-tick-delay) forwards;
}

/* Before arming (first paint) a selected chip shows its tick drawn. */
.btn-check:checked + .pa-checkbox-btn:not(.pa-checkbox-btn--armed) .pa-checkbox-btn__tick path {
  stroke-dashoffset: 0;
}

/* Disabled state */
.btn-check:disabled + .btn.pa-checkbox-btn.pa-checkbox-btn,
.btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn.disabled {
  background-color: transparent;
  border-color: var(--pa-input-checkbox-chip-resting-border-color-default);
  color: var(--pa-input-label-text-color-disabled);
  cursor: not-allowed;
  opacity: 0.65;
  transform: none;
}
.btn-check:disabled + .btn.pa-checkbox-btn.pa-checkbox-btn:hover,
.btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn.disabled:hover {
  background-color: transparent;
  border-color: var(--pa-input-checkbox-chip-resting-border-color-default);
  color: var(--pa-input-label-text-color-disabled);
}

/* Disabled + checked state */
.btn-check:disabled:checked + .btn.pa-checkbox-btn.pa-checkbox-btn {
  background-color: var(--pa-input-checkbox-chip-selected-solid-background-color);
  border-color: var(--pa-input-checkbox-chip-selected-solid-background-color);
  color: var(--pa-input-checkbox-chip-selected-solid-text-color);
  opacity: 0.65;
}

@media (prefers-reduced-motion: reduce) {
  .btn-check + .btn.pa-checkbox-btn.pa-checkbox-btn,
  .pa-checkbox-btn__tick {
    transition: none;
  }
  .btn-check:checked + .pa-checkbox-btn.pa-checkbox-btn--armed .pa-checkbox-btn__tick path {
    animation: none;
    stroke-dashoffset: 0;
  }
}
/* —— Checkbox mode: token chrome + drawn tick (PA-7239) —————————————————
   Everything below is scoped under .pa-checkbox, which only PaCheckbox's
   checkbox-mode wrapper renders — raw Bootstrap checkboxes and radios in a
   host keep their existing styling untouched.

   Tokens: src/components/pa-input/pa-input-tokens.js → input.checkbox.*     */
.pa-checkbox {
  position: relative;
  /* Deterministic anchor for the tick overlay: Bootstrap's 1.5em padding and
     the input's -1.5em margin already cancel to zero — make that explicit so
     the SVG's left edge can be trusted. Net layout is identical. */
  padding-left: 0;
  --pa-checkbox-box: var(--pa-input-checkbox-size-md);
  --pa-checkbox-tick: 10px;
  /* The drawn tick — presentational only; the input carries the state. */
  /* Disabled: match Bootstrap's faded input so the tick doesn't sit crisp
     and full-strength on a 50%-faded box. */
}
.pa-checkbox--sm {
  --pa-checkbox-box: var(--pa-input-checkbox-size-sm);
  --pa-checkbox-tick: 9px;
}
.pa-checkbox--lg {
  --pa-checkbox-box: var(--pa-input-checkbox-size-lg);
  --pa-checkbox-tick: 13px;
}
.pa-checkbox .form-check-input {
  width: var(--pa-checkbox-box);
  height: var(--pa-checkbox-box);
  margin-left: 0;
  flex: none;
  /* Fill eases in slower than a plain form transition so it does not
     finish before the tick starts drawing. */
  transition: background-color var(--pa-input-checkbox-fill-duration) var(--pa-input-checkbox-tick-easing), border-color var(--pa-input-checkbox-fill-duration) var(--pa-input-checkbox-tick-easing);
}
.pa-checkbox .form-check-input:checked[type=checkbox] {
  /* !important: main's legacy :valid/:invalid override
     (overrides/_form-check.scss) forces var(--bs-primary) with
     !important on every non-disabled checked input — without matching
     it, the tokenised fill never applies. Flagged to the Dev Lead:
     that legacy rule should probably gate on .was-validated. */
  background-color: var(--pa-input-checkbox-background-color-checked) !important;
  border-color: var(--pa-input-checkbox-background-color-checked) !important;
  /* Our SVG draws the tick; Bootstrap's static glyph would double it. */
  --bs-form-check-bg-image: none;
}
.pa-checkbox .form-check-input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--pa-input-checkbox-focus-ring-width) var(--pa-input-checkbox-focus-ring-color);
}
.pa-checkbox__tick {
  position: absolute;
  top: 50%;
  left: calc((var(--pa-checkbox-box) - var(--pa-checkbox-tick)) / 2);
  width: var(--pa-checkbox-tick);
  height: var(--pa-checkbox-tick);
  margin-top: calc(var(--pa-checkbox-tick) / -2);
  overflow: visible;
  pointer-events: none;
  transform: scale(var(--pa-input-checkbox-tick-scale-start));
}
.pa-checkbox__tick path {
  fill: none;
  stroke: var(--pa-input-checkbox-tick-color-default);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  /* Path length of M2 6.5 L4.8 9.2 L10 3.2 is ~11.83 (3.89 + 7.94) — 12
     hides it fully AND means the draw spans the whole keyframe instead of
     completing ~30% early. */
  stroke-dasharray: 12;
  stroke-dashoffset: 12;
}
.pa-checkbox .form-check-input:disabled ~ .pa-checkbox__tick,
.pa-checkbox .form-check-input[disabled] ~ .pa-checkbox__tick {
  opacity: 0.5;
}

/* Bootstrap's disabled-checked glyph swap in overrides/_form-check.scss sits
   at (0,6,0) — higher than our base suppression — so without these rules a
   disabled+checked PaCheckbox rendered BOTH ticks. Same selector shape (plus
   .pa-checkbox) to outrank it, light and dark. */
.pa-checkbox.form-check:not(.form-switch) .form-check-input:checked[type=checkbox]:disabled,
.pa-checkbox.form-check:not(.form-switch) .form-check-input:checked[type=checkbox].disabled {
  --bs-form-check-bg-image: none;
}

[data-bs-theme=dark] .pa-checkbox.form-check:not(.form-switch) .form-check-input:checked[type=checkbox]:disabled,
[data-bs-theme=dark] .pa-checkbox.form-check:not(.form-switch) .form-check-input:checked[type=checkbox].disabled,
.pa-checkbox.form-check:not(.form-switch) [data-bs-theme=dark] .form-check-input:checked[type=checkbox]:disabled {
  --bs-form-check-bg-image: none;
}

/* Check animation: the stroke slices in WHILE the glyph scales up with a soft
   overshoot. Gated on --armed (set one frame after mount) so an
   already-checked checkbox renders drawn instead of animating on page load.
   Unchecking removes the animation instantly — the motion decorates the
   action, it never delays the undo. Rapid re-toggling restarts cleanly
   because :checked drops and re-adds the animation. */
.pa-checkbox--armed .form-check-input:checked ~ .pa-checkbox__tick {
  animation: pa-checkbox-tick-scale var(--pa-input-checkbox-tick-duration) var(--pa-input-checkbox-tick-easing) var(--pa-input-checkbox-tick-delay) forwards;
}

.pa-checkbox--armed .form-check-input:checked ~ .pa-checkbox__tick path {
  animation: pa-checkbox-tick-draw var(--pa-input-checkbox-tick-duration) var(--pa-input-checkbox-tick-easing) var(--pa-input-checkbox-tick-delay) forwards;
}

/* Before arming (first paint) a checked box shows its tick fully drawn. */
.pa-checkbox:not(.pa-checkbox--armed) .form-check-input:checked ~ .pa-checkbox__tick {
  transform: scale(1);
}

.pa-checkbox:not(.pa-checkbox--armed) .form-check-input:checked ~ .pa-checkbox__tick path {
  stroke-dashoffset: 0;
}

@keyframes pa-checkbox-tick-scale {
  0% {
    transform: scale(var(--pa-input-checkbox-tick-scale-start));
  }
  55% {
    transform: scale(var(--pa-input-checkbox-tick-scale-overshoot));
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pa-checkbox-tick-draw {
  to {
    stroke-dashoffset: 0;
  }
}
/* Honour a reduced-motion preference: the tick appears, it does not draw. */
@media (prefers-reduced-motion: reduce) {
  .pa-checkbox--armed .form-check-input:checked ~ .pa-checkbox__tick {
    animation: none;
    transform: scale(1);
  }
  .pa-checkbox--armed .form-check-input:checked ~ .pa-checkbox__tick path {
    animation: none;
    stroke-dashoffset: 0;
  }
  .pa-checkbox .form-check-input {
    transition: none;
  }
}
.pa-checkbox-group {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  position: relative;
}
.pa-checkbox-group--lg {
  min-height: 44px;
}
.pa-checkbox-group--md {
  min-height: 32px;
}
.pa-checkbox-group--sm {
  min-height: 28px;
}
.pa-checkbox-group--button {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pa-input-checkbox-group-gap);
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: start;
}

.pa-checkbox-group__label {
  display: block;
  color: var(--pa-input-checkbox-group-label-color-default);
  font-size: var(--pa-input-checkbox-group-label-font-size-default);
  font-weight: var(--pa-input-checkbox-group-label-font-weight-default);
  margin-bottom: var(--pa-input-checkbox-group-label-margin-bottom);
}

/*
  PaHtmlEditor — field-face styling (PA-9540).

  The container rides the shared input tokens ($pa-input-*) so it matches
  the field family today and follows PA-7242's modern face automatically on
  merge; PA-7242-only tokens are consumed as var(--pa-input-*, fallback).
  Editor-specific values come from pa-html-editor-tokens.js. Styling only —
  selectors and DOM hooks are unchanged.
*/
.pa-html-editor__file-upload-button {
  cursor: pointer;
}
.pa-html-editor__file-upload-button:hover {
  color: var(--pa-html-editor-files-link-hover);
}

.pa-html-editor__uploaded-files {
  background-color: var(--pa-html-editor-files-background-color);
  border-top: var(--pa-border-width-50, 1px) solid var(--pa-html-editor-files-border-color);
  padding: 0.375rem 0.75rem;
}

.pa-html-editor__disabled-icon {
  width: 28px;
  height: 28px;
  color: var(--pa-html-editor-toolbar-toggle-color-default);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}

.pa-html-editor {
  /* Invalid joins the family: the whole face turns danger (was a red
     left bar on the toolbar only) — same signal as every other field. */
}
.pa-html-editor .pa-html-header {
  display: flex;
  gap: 4px;
  border-bottom: var(--pa-border-width-50, 1px) solid var(--pa-html-editor-toolbar-border-color);
}
.pa-html-editor.pa-html-editor--invalid .email-container {
  border-color: var(--pa-input-border-color-invalid);
}
.pa-html-editor .ProseMirror {
  /* Family text inset (was 15px left only — right edge had none) */
  padding: 12px 16px;
  min-height: 200px;
}
.pa-html-editor .ProseMirror-focused {
  outline: none;
}
.pa-html-editor .ProseMirror a {
  color: var(--pa-html-editor-content-link-color);
  text-decoration: underline;
  cursor: pointer;
}
.pa-html-editor .ProseMirror a:hover {
  background-color: var(--pa-html-editor-content-link-background-hover);
}
.pa-html-editor .email-container {
  background-color: var(--pa-input-background-color-default);
  border: var(--pa-input-border-width-default) solid var(--pa-input-border-color-default);
  /* Field-family radius — follows PA-7242 (12px today, 18px after) */
  border-radius: var(--pa-input-border-radius-default);
  overflow: hidden;
  transition: border-color var(--pa-input-transition-duration, 200ms) var(--pa-input-transition-easing, ease-out), box-shadow var(--pa-input-transition-duration, 200ms) var(--pa-input-transition-easing, ease-out);
  /* Themed focus ring while writing — the family focus recipe.
     :has() per the family's established usage; no-ops gracefully. */
}
.pa-html-editor .email-container:has(.ProseMirror-focused) {
  border-color: var(--pa-input-border-color-focus);
  box-shadow: 0 0 0 var(--pa-input-focus-ring-width, 3px) var(--pa-color-focus-ring);
}
.pa-html-editor .html-toggle {
  width: 28px;
  height: 28px;
  /* Presence at toolbar size — the glyphs ship at stroke 1.5 (family
     treatment, same as the dropdown chevron) */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: var(--pa-html-editor-toolbar-toggle-radius);
  color: var(--pa-html-editor-toolbar-toggle-color-default);
  transition: background-color var(--pa-input-transition-duration, 200ms) var(--pa-input-transition-easing, ease-out), color var(--pa-input-transition-duration, 200ms) var(--pa-input-transition-easing, ease-out);
}
.pa-html-editor .html-toggle svg path {
  stroke-width: 2;
}
.pa-html-editor .html-toggle:hover {
  background-color: var(--pa-html-editor-toolbar-toggle-background-hover);
}
.pa-html-editor .html-toggle.active {
  background-color: var(--pa-html-editor-toolbar-toggle-background-active);
  color: var(--pa-html-editor-toolbar-toggle-color-active);
}

/* Doubled with the face rule's specificity so the disabled wash wins
   over the default field background. */
.pa-html-editor .email-container.pa-html-editor--disabled {
  background-color: var(--pa-html-editor-disabled-background-color);
}

@media (prefers-reduced-motion: reduce) {
  .pa-html-editor .email-container,
  .pa-html-editor .html-toggle {
    transition-duration: 0.01ms;
  }
}
/*
The design tokens that create the variables are defined in ./pa-slotted-layout-tokens.js
 */
.pa-slotted-layout {
  display: flex;
  justify-content: center;
}

.pa-slotted-layout-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .pa-slotted-layout-container {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.pa-slotted-layout-slot-container {
  display: flex;
  position: relative;
  justify-content: center;
}

.pa-slotted-layout-slot {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .pa-slotted-layout-slot {
    max-width: 600px;
    width: 47.5%;
  }
}
@media (min-width: 992px) {
  .pa-slotted-layout-slot {
    min-width: 430px;
  }
}
@media (min-width: 1200px) {
  .pa-slotted-layout-slot {
    min-width: 500px;
  }
}

.pa-slotted-layout-slot__block {
  width: 100%;
}

.pa-slotted-layout-slot__left {
  width: 100%;
}
@media (min-width: 768px) {
  .pa-slotted-layout-slot__left {
    padding: 25px 0 25px 0;
    margin-right: 0;
  }
}

.pa-slotted-layout-slot__right {
  width: 100%;
}
@media (min-width: 768px) {
  .pa-slotted-layout-slot__right {
    width: 47.5%;
    margin-left: 50px;
  }
}
@media (max-width: 767.98px) {
  .pa-slotted-layout-slot__right .pa-slotted-layout-form {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }
}

.pa-slotted-layout--right-visible .pa-slotted-layout-slot__left {
  display: none;
}
@media (min-width: 768px) {
  .pa-slotted-layout--right-visible .pa-slotted-layout-slot__left {
    display: block;
    width: 47.5%;
    margin-right: 50px;
  }
}
.pa-slotted-layout--right-visible .pa-slotted-layout-slot__right {
  opacity: 100%;
}

@media (min-width: 768px) {
  .pa-slotted-layout-slot__right--animate-enter-active {
    transition: width 0.3s ease, opacity 0.3s ease 0.15s, height 0.15s ease 0.15s;
  }
}

@media (min-width: 768px) {
  .pa-slotted-layout-slot__right--animate-leave-active {
    transition: width 0.3s ease 0.3s, opacity 0.3s ease, height 0.15s ease 0.3s;
  }
}

@media (min-width: 768px) {
  .pa-slotted-layout-slot__right--animate-leave-to,
  .pa-slotted-layout-slot__right--animate-enter-from,
  .pa-slotted-layout-slot__right--animate-enter {
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
  }
}

@media (min-width: 768px) {
  .pa-slotted-layout-slot__right--animate-enter-to,
  .pa-slotted-layout-slot__right--animate-leave,
  .pa-slotted-layout-slot__right--animate-leave-from {
    opacity: 100%;
    height: auto;
    width: 47.5%;
  }
}

/*
The design tokens that create the variables are defined in ./pa-slotted-layout-tokens.js
 */
@media (max-width: 767.98px) {
  .pa-slotted-layout-form .hero-header--mobile {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
  }
  .pa-slotted-layout-form .desktop-back-btn,
  .pa-slotted-layout-form :not(.hero-header--mobile).hero-header--desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .pa-slotted-layout-form :not(.hero-header--desktop).hero-header--mobile {
    display: none;
  }
  .pa-slotted-layout-form .desktop-back-btn {
    display: inline-flex;
  }
  .pa-slotted-layout-form .hero-header--desktop {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
  }
}
.pa-slotted-layout-form {
  width: 100%;
  border-radius: 30px;
  background: var(--pa-slotted-layout-form-background-color-default);
  box-shadow: 0px 4px 40px 10px rgba(0, 0, 0, 0.08);
  padding: 24px 36px 36px;
}
.pa-slotted-layout-form .pa-hero-icon {
  margin-top: -30%;
}
.pa-slotted-layout-form .hero-header__col {
  position: relative;
  width: 100%;
}
.pa-slotted-layout-form .hero-header__row.hero-header__row--margin {
  margin-bottom: 15px;
}
.pa-slotted-layout-form .btn.action-btn {
  margin-top: 15px;
}
.pa-slotted-layout-form .hero-icon__row {
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
}
.pa-slotted-layout-form .hero-icon__col {
  width: 100%;
}
.pa-slotted-layout-form .hero-icon__col-1 {
  flex-grow: 1;
}
.pa-slotted-layout-form .hero-icon__col-1:first-of-type {
  text-align: left;
}
.pa-slotted-layout-form .hero-icon__col-1:last-of-type {
  text-align: right;
}
.pa-slotted-layout-form .hero-icon__col-2 {
  flex-grow: 2;
  margin: 0 5px;
  text-align: center;
}

/*
The design tokens that create the variables are defined in ./pa-slotted-layout-tokens.js
 */
.pa-slotted-layout-header {
  align-items: center;
  border-radius: 24px;
  display: flex;
  flex: 0 0 auto;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  height: 110px;
}
@media (min-width: 768px) {
  .pa-slotted-layout-header {
    height: 130px;
  }
}

.pa-slotted-layout-header__gradient {
  background: linear-gradient(to bottom, var(--pa-slotted-layout-header-background-color-default), var(--pa-slotted-layout-header-background-color-lightened));
}

.pa-slotted-layout-header__duotone {
  background: linear-gradient(178deg, var(--pa-slotted-layout-header-background-color-default) 49%, var(--pa-slotted-layout-header-background-color-lightened) 51%);
}

.pa-slotted-layout-header__text {
  padding-top: 8px;
  color: var(--pa-slotted-layout-header-text-color-light);
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pa-slotted-layout-header__row {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  width: 100%;
}

.pa-slotted-layout-header__col {
  align-self: center;
  flex-grow: 0;
  width: 25%;
}
.pa-slotted-layout-header__col .pa-square .pa-icon {
  width: auto;
  height: 60px;
}
@media (min-width: 768px) {
  .pa-slotted-layout-header__col .pa-square .pa-icon {
    height: 70px;
  }
}
.pa-slotted-layout-header__col .pa-square img {
  max-width: 170px !important;
}
@media (min-width: 768px) {
  .pa-slotted-layout-header__col .pa-square img {
    max-width: 350px !important;
  }
}

.pa-slotted-layout-header__col--center {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
}

@media (min-width: 768px) {
  .pa-slotted-layout-header__col--back .btn {
    display: none;
  }
}

.pa-slotted-layout-header__logo {
  align-items: center;
  display: flex;
  justify-content: center;
  width: auto;
  min-width: auto;
  height: 75px;
  min-height: 75px;
  text-align: center;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .pa-slotted-layout-header__logo {
    height: 85px;
    min-height: 85px;
  }
}
.pa-slotted-layout-header__logo .pa-icon {
  margin: 8px;
}

.pa-slotted-layout-header__logo-image {
  max-height: 85px !important;
  max-width: 350px !important;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 2px;
  width: 100%;
}

@media (max-width: 767.98px) {
  .pa-slotted-layout--right-visible .pa-slotted-layout-header__text {
    color: var(--pa-slotted-layout-header-text-color-dark);
  }
}
@media (max-width: 767.98px) {
  .pa-slotted-layout--right-visible .pa-slotted-layout-header {
    background: transparent;
  }
}

/* There is alot of manual tuning in here. Don't get carried away with variables. */
.fake-form-group {
  font-weight: 500;
  position: relative;
  padding-left: 0;
}

.fake-input-group-label {
  position: absolute;
  font-size: 1rem;
  top: 18px;
  bottom: 18px;
  left: 16px;
  transition: top 0.3s;
  z-index: 5;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  right: 4px;
}

.fake-input-group-label.col-form-label {
  top: 8px;
}

.form-row .fake-input-group-label.col-form-label {
  top: 8px;
  left: 11px;
}

.fake-input-group-label--focus {
  color: var(--pa-color-gray-600);
  top: 7px;
  font-size: var(--pa-input-label-font-size-focused-default);
}

.fake-input-group-label--focus.col-form-label {
  top: 0;
}

.form-row .fake-input-group-label--focus.col-form-label {
  top: -3px;
}

input.fake-input-group-input {
  padding-top: 20px;
  padding-bottom: 7px;
  height: 56px;
}

input.fake-input-group-input::-moz-placeholder {
  color: transparent;
}

input.fake-input-group-input::placeholder {
  color: transparent;
}

input.fake-input-group-input:focus::-moz-placeholder {
  color: var(--bs-gray-500);
}

input.fake-input-group-input:focus::placeholder {
  color: var(--bs-gray-500);
}

.fake-form-group .v-select.form-control .vs__dropdown-toggle {
  margin-top: 14px;
  margin-left: 8px;
}

.was-validated .fake-input-group-input:invalid {
  border: solid 2px var(--pa-red-error);
}

.fake-form-group select.form-control {
  padding-top: 24px;
  padding-bottom: 4px;
  height: 56px;
}

.fake-form-group select.form-control:not(.form-select),
.fake-form-group select.form-control:not(.custom-select) {
  padding-left: 12px;
}

/* Safari does not support padding left and right on selects */
@supports (-webkit-appearance: none) {
  .fake-form-group select.form-control:not(.form-select),
  .fake-form-group select.form-control:not(.custom-select) {
    -webkit-appearance: initial;
    text-indent: 3px;
    padding-top: 17px;
  }
}
.fake-form-group .form-control.is-invalid {
  background-size: 8px 10px;
}

.form-row .fake-input-group-label {
  padding-left: 5px;
}

.form-row input.fake-input-group-input {
  padding-left: 16px;
}

.form-row select.fake-input-group-input {
  padding-left: 14px;
}

/* Safari does not support padding left and right on selects */
@supports (-webkit-appearance: none) {
  .form-row select.fake-input-group-input {
    -webkit-appearance: initial;
    text-indent: 5px;
    padding-top: 17px;
  }
}
.fake-form-group .form-control-feedback {
  margin-left: 6px;
}

.fake-form-group .chosen-container-single .chosen-single {
  top: 10px;
}

/* Custom Variables Output */
:root, [data-bs-theme=light] {
  --pa-font-family-default: Roboto, -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  --pa-font-size-50: 10px;
  --pa-font-size-62: 11px;
  --pa-font-size-75: 12px;
  --pa-font-size-87: 13px;
  --pa-font-size-100: 14px;
  --pa-font-size-150: 15px;
  --pa-font-size-200: 16px;
  --pa-font-size-250: 18px;
  --pa-font-size-400: 20px;
  --pa-font-size-450: 22px;
  --pa-font-size-500: 24px;
  --pa-font-size-600: 28px;
  --pa-font-size-700: 32px;
  --pa-font-size-800: 40px;
  --pa-font-size-850: 42px;
  --pa-font-size-900: 48px;
  --pa-font-size-xs: var(--pa-font-size-75);
  --pa-font-size-sm: var(--pa-font-size-100);
  --pa-font-size-md: var(--pa-font-size-200);
  --pa-font-size-lg: var(--pa-font-size-250);
  --pa-font-size-xl: var(--pa-font-size-400);
  --pa-font-weight-100: 100;
  --pa-font-weight-200: 200;
  --pa-font-weight-300: 300;
  --pa-font-weight-400: 400;
  --pa-font-weight-500: 500;
  --pa-font-weight-600: 600;
  --pa-font-weight-700: 700;
  --pa-font-weight-800: 800;
  --pa-font-weight-900: 900;
  --pa-font-weight-regular: var(--pa-font-weight-400);
  --pa-font-weight-medium: var(--pa-font-weight-500);
  --pa-font-weight-semibold: var(--pa-font-weight-600);
  --pa-font-weight-bold: var(--pa-font-weight-700);
  --pa-sizing-350: 350px;
  --pa-sizing-400: 400px;
  --pa-sizing-450: 450px;
  --pa-sizing-500: 500px;
  --pa-sizing-600: 600px;
  --pa-sizing-700: 70px;
  --pa-sizing-800: 80px;
  --pa-sizing-full: 100%;
  --pa-sizing-icon: 14px;
  --pa-sizing-very-narrow: 20px;
  --pa-sizing-narrower: 30px;
  --pa-sizing-narrow: 60px;
  --pa-sizing-date: 95px;
  --pa-sizing-phone: 120px;
  --pa-sizing-normal: 160px;
  --pa-sizing-label: 160px;
  --pa-sizing-email: 200px;
  --pa-sizing-wider: 200px;
  --pa-sizing-widest: 260px;
  --pa-sizing-file-upload: 300px;
  --pa-icon-size-xs: 12px;
  --pa-icon-size-sm: 16px;
  --pa-icon-size-md: 24px;
  --pa-icon-size-lg: 32px;
  --pa-icon-size-xl: 48px;
  --pa-icon-variant-primary-color: var(--pa-color-primary-500);
  --pa-icon-variant-secondary-color: var(--pa-color-secondary-500);
  --pa-icon-variant-tertiary-color: var(--pa-color-tertiary-500);
  --pa-icon-variant-success-color: var(--pa-color-success-500);
  --pa-icon-variant-danger-color: var(--pa-color-danger-500);
  --pa-icon-variant-warning-color: var(--pa-color-warning-500);
  --pa-icon-variant-info-color: var(--pa-color-info-500);
  --pa-icon-variant-light-color: var(--pa-color-light-500);
  --pa-icon-variant-dark-color: var(--pa-color-dark-500);
  --pa-icon-text-color-disabled: var(--pa-color-gray-400);
  --pa-icon-motion-duration: 200ms;
  --pa-border-radius-25: 2px;
  --pa-border-radius-37: 3px;
  --pa-border-radius-50: 4px;
  --pa-border-radius-100: 8px;
  --pa-border-radius-125: 10px;
  --pa-border-radius-150: 12px;
  --pa-border-radius-175: 14px;
  --pa-border-radius-200: 16px;
  --pa-border-radius-225: 18px;
  --pa-border-radius-250: 24px;
  --pa-border-radius-300: 36px;
  --pa-border-radius-400: 48px;
  --pa-border-radius-none: 0px;
  --pa-border-radius-full: 999rem;
  --pa-border-radius-sm: var(--pa-border-radius-100);
  --pa-border-radius-md: var(--pa-border-radius-150);
  --pa-border-radius-lg: var(--pa-border-radius-200);
  --pa-border-width-0: 0px;
  --pa-border-width-50: 1px;
  --pa-border-width-75: 1.5px;
  --pa-border-width-100: 2px;
  --pa-border-width-300: 3px;
  --pa-border-width-thin: var(--pa-border-width-50);
  --pa-border-width-medium: var(--pa-border-width-100);
  --pa-border-width-thick: var(--pa-border-width-300);
  --pa-border-style-solid: solid;
  --pa-border-style-dotted: dotted;
  --pa-border-style-dashed: dashed;
  --pa-shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.02), 0 8px 24px rgba(0, 0, 0, 0.04);
  --pa-shadow-sm: 0px 4px 4px 0px rgba(104, 107, 117, 0.3);
  --pa-shadow-md: 0px 12px 16px 0px rgba(104, 107, 117, 0.15);
  --pa-shadow-lg: 0px 6px 30px 0px rgba(104, 107, 117, 0.2);
  --pa-shadow-content: 0px 1px 5px rgba(104, 107, 117, 0.35);
  --pa-shadow-hover: 0px 1px 4px rgba(104, 107, 117, 0.35), 0px 4px 8px rgba(104, 107, 117, 0.15);
  --pa-shadow-fixed: 0px 8px 16px rgba(104, 107, 117, 0.24), 0px 0px 4px rgba(104, 107, 117, 0.5), 0px 4px 8px rgba(104, 107, 117, 0.1);
  --pa-z-index-base: 0;
  --pa-z-index-dropdown: 1000;
  --pa-z-index-sticky: 1020;
  --pa-z-index-fixed: 1030;
  --pa-z-index-offcanvas-backdrop: 1040p;
  --pa-z-index-offcanvas: 1045;
  --pa-z-index-modal-backdrop: 1050;
  --pa-z-index-modal: 1055;
  --pa-z-index-popover: 1070;
  --pa-z-index-tooltip: 2080;
  --pa-z-index-toast: 2090;
  --pa-z-index-notification-container: 2000001000;
  --pa-z-index-notification: 2000001010;
  --pa-transition-duration-fast: 100ms;
  --pa-transition-duration-default: 200ms;
  --pa-transition-duration-slow: 300ms;
  --pa-transition-easing-default: ease;
  --pa-transition-easing-decelerate: cubic-bezier(0.16, 1, 0.3, 1);
  --pa-transition-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --pa-transition-easing-settle: linear(0, 0.005, 0.02 2.1%, 0.081 4.7%, 0.467 15.7%, 0.563, 0.645, 0.717, 0.778 28.5%, 0.829 32%, 0.872 35.8%, 0.909 40.1%, 0.938 44.9%, 0.961 50.3%, 0.977 56.5%, 0.987 63.6%, 0.994 72.3%, 1);
  --pa-transition-easing-ease-in: ease-in;
  --pa-transition-easing-ease-out: ease-out;
  --pa-transition-easing-ease-in-out: ease-in-out;
  --pa-transition-easing-linear: linear;
  --pa-cursor-pointer: pointer;
  --pa-cursor-not-allowed: not-allowed;
  --pa-focus-ring-width-default: 2px;
  --pa-focus-ring-opacity-default: 0.25;
  --pa-focus-ring-blur-default: 0;
  --pa-focus-ring-box-shadow-default: 0 0 0 0 rgba(0,0,0,0);
  --pa-spacing-25: 2px;
  --pa-spacing-50: 4px;
  --pa-spacing-100: 8px;
  --pa-spacing-150: 12px;
  --pa-spacing-200: 16px;
  --pa-spacing-250: 18px;
  --pa-spacing-300: 24px;
  --pa-spacing-450: 36px;
  --pa-breakpoint-mobile: 576px;
  --pa-breakpoint-xs: 0;
  --pa-breakpoint-sm: 576px;
  --pa-breakpoint-md: 768px;
  --pa-breakpoint-lg: 992px;
  --pa-breakpoint-xl: 1200px;
  --pa-breakpoint-xxl: 1400px;
  --pa-color-primary-50: #fcebec;
  --pa-color-primary-100: #f8d7da;
  --pa-color-primary-150: #f5c2c7;
  --pa-color-primary-200: #f1aeb5;
  --pa-color-primary-250: #ee9aa2;
  --pa-color-primary-300: #ea868f;
  --pa-color-primary-350: #e7727d;
  --pa-color-primary-400: #e35d6a;
  --pa-color-primary-450: #e04958;
  --pa-color-primary-500: #dc3545;
  --pa-color-primary-500-rgb: 220, 53, 69;
  --pa-color-primary-550: #c6303e;
  --pa-color-primary-600: #b02a37;
  --pa-color-primary-650: #9a2530;
  --pa-color-primary-700: #842029;
  --pa-color-primary-750: #6e1b23;
  --pa-color-primary-800: #58151c;
  --pa-color-primary-850: #421015;
  --pa-color-primary-900: #2c0b0e;
  --pa-color-primary-950: #160507;
  --pa-color-primary-text-default: #ffffff;
  --pa-color-primary-text-colored: #901924;
  --pa-color-primary-text-colored-inverse: #f5c4c9;
  --pa-color-primary-border-colored: #bc2130;
  --pa-color-primary-background-default: #dc3545;
  --pa-color-primary-background-light: #f7d4d7;
  --pa-color-primary-background-dark: #821721;
  --pa-color-secondary-50: #fafbfb;
  --pa-color-secondary-100: #f5f6f8;
  --pa-color-secondary-150: #f0f2f4;
  --pa-color-secondary-200: #ebeef0;
  --pa-color-secondary-250: #e7eaed;
  --pa-color-secondary-300: #e2e5e9;
  --pa-color-secondary-350: #dde1e5;
  --pa-color-secondary-400: #d8dde1;
  --pa-color-secondary-450: #d3d8de;
  --pa-color-secondary-500: #ced4da;
  --pa-color-secondary-500-rgb: 206, 212, 218;
  --pa-color-secondary-550: #b9bfc4;
  --pa-color-secondary-600: #a5aaae;
  --pa-color-secondary-650: #909499;
  --pa-color-secondary-700: #7c7f83;
  --pa-color-secondary-750: #676a6d;
  --pa-color-secondary-800: #525557;
  --pa-color-secondary-850: #3e4041;
  --pa-color-secondary-900: #292a2c;
  --pa-color-secondary-950: #151516;
  --pa-color-secondary-text-default: #000000;
  --pa-color-secondary-text-colored: #45505b;
  --pa-color-secondary-text-colored-inverse: #dbdfe4;
  --pa-color-secondary-border-colored: #5a6977;
  --pa-color-secondary-background-default: #ced4da;
  --pa-color-secondary-background-light: #e2e6e9;
  --pa-color-secondary-background-dark: #424d57;
  --pa-color-tertiary-50: #fdfdfd;
  --pa-color-tertiary-100: #fbfbfc;
  --pa-color-tertiary-150: #f8f9fa;
  --pa-color-tertiary-200: #f6f7f9;
  --pa-color-tertiary-250: #f4f6f7;
  --pa-color-tertiary-300: #f2f4f5;
  --pa-color-tertiary-350: #f0f2f4;
  --pa-color-tertiary-400: #edf0f2;
  --pa-color-tertiary-450: #ebeef1;
  --pa-color-tertiary-500: #e9ecef;
  --pa-color-tertiary-550: #d2d4d7;
  --pa-color-tertiary-600: #babdbf;
  --pa-color-tertiary-650: #a3a5a7;
  --pa-color-tertiary-700: #8c8e8f;
  --pa-color-tertiary-750: #757678;
  --pa-color-tertiary-800: #5d5e60;
  --pa-color-tertiary-850: #464748;
  --pa-color-tertiary-900: #2f2f30;
  --pa-color-tertiary-950: #171818;
  --pa-color-tertiary-text-default: #000000;
  --pa-color-tertiary-text-colored: #475462;
  --pa-color-tertiary-text-colored-inverse: #e9ecef;
  --pa-color-tertiary-border-colored: #5c6d7e;
  --pa-color-tertiary-background-default: #e9ecef;
  --pa-color-tertiary-background-light: #e9ecef;
  --pa-color-tertiary-background-dark: #404d59;
  --pa-color-success-50: #e9f9ed;
  --pa-color-success-100: #d3f3db;
  --pa-color-success-150: #bdedc8;
  --pa-color-success-200: #a7e7b6;
  --pa-color-success-250: #91e1a4;
  --pa-color-success-300: #7bdb92;
  --pa-color-success-350: #65d580;
  --pa-color-success-400: #4fcf6d;
  --pa-color-success-450: #39c95b;
  --pa-color-success-500: #23c349;
  --pa-color-success-500-rgb: 35, 195, 73;
  --pa-color-success-550: #20b042;
  --pa-color-success-600: #1c9c3a;
  --pa-color-success-650: #198933;
  --pa-color-success-700: #15752c;
  --pa-color-success-750: #126225;
  --pa-color-success-800: #0e4e1d;
  --pa-color-success-850: #0b3b16;
  --pa-color-success-900: #07270f;
  --pa-color-success-950: #031307;
  --pa-color-success-text-default: #ffffff;
  --pa-color-success-text-colored: #126225;
  --pa-color-success-text-colored-inverse: #ffffff;
  --pa-color-success-border-colored: #177d2f;
  --pa-color-success-background-default: #23c349;
  --pa-color-success-background-light: #d4f7dc;
  --pa-color-success-background-dark: #178231;
  --pa-color-info-50: #e8f6f8;
  --pa-color-info-100: #d1ecf1;
  --pa-color-info-150: #b9e3ea;
  --pa-color-info-200: #a2dae3;
  --pa-color-info-250: #8bd1dc;
  --pa-color-info-300: #74c7d4;
  --pa-color-info-350: #5dbecd;
  --pa-color-info-400: #45b5c6;
  --pa-color-info-450: #2eabbf;
  --pa-color-info-500: #17a2b8;
  --pa-color-info-500-rgb: 23, 162, 184;
  --pa-color-info-550: #1592a6;
  --pa-color-info-600: #128293;
  --pa-color-info-650: #107181;
  --pa-color-info-700: #0e616e;
  --pa-color-info-750: #0c515c;
  --pa-color-info-800: #09414a;
  --pa-color-info-850: #073137;
  --pa-color-info-900: #052025;
  --pa-color-info-950: #021012;
  --pa-color-info-text-default: #ffffff;
  --pa-color-info-text-colored: #0d5d69;
  --pa-color-info-text-colored-inverse: #ffffff;
  --pa-color-info-border-colored: #117787;
  --pa-color-info-background-default: #17a2b8;
  --pa-color-info-background-light: #d2f4f9;
  --pa-color-info-background-dark: #117888;
  --pa-color-warning-50: #fef6e9;
  --pa-color-warning-100: #fdedd3;
  --pa-color-warning-150: #fce4bd;
  --pa-color-warning-200: #fbdba7;
  --pa-color-warning-250: #fad391;
  --pa-color-warning-300: #f9ca7b;
  --pa-color-warning-350: #f8c165;
  --pa-color-warning-400: #f7b84f;
  --pa-color-warning-450: #f6af39;
  --pa-color-warning-500: #f5a623;
  --pa-color-warning-500-rgb: 245, 166, 35;
  --pa-color-warning-550: #dd9520;
  --pa-color-warning-600: #c4851c;
  --pa-color-warning-650: #ac7419;
  --pa-color-warning-700: #936415;
  --pa-color-warning-750: #7b5312;
  --pa-color-warning-800: #62420e;
  --pa-color-warning-850: #4a320b;
  --pa-color-warning-900: #312107;
  --pa-color-warning-950: #181103;
  --pa-color-warning-text-default: #000000;
  --pa-color-warning-text-colored: #754b05;
  --pa-color-warning-text-colored-inverse: #ffffff;
  --pa-color-warning-border-colored: #966007;
  --pa-color-warning-background-default: #f5a623;
  --pa-color-warning-background-light: #fdebce;
  --pa-color-warning-background-dark: #925e07;
  --pa-color-danger-50: #ffe6e6;
  --pa-color-danger-100: #ffcccc;
  --pa-color-danger-150: #ffb3b3;
  --pa-color-danger-200: #ff9999;
  --pa-color-danger-250: #ff8080;
  --pa-color-danger-300: #ff6666;
  --pa-color-danger-350: #ff4d4d;
  --pa-color-danger-400: #ff3333;
  --pa-color-danger-450: #ff1919;
  --pa-color-danger-500: #ff0000;
  --pa-color-danger-500-rgb: 255, 0, 0;
  --pa-color-danger-550: #e60000;
  --pa-color-danger-600: #cc0000;
  --pa-color-danger-650: #b30000;
  --pa-color-danger-700: #990000;
  --pa-color-danger-750: #800000;
  --pa-color-danger-800: #660000;
  --pa-color-danger-850: #4d0000;
  --pa-color-danger-900: #330000;
  --pa-color-danger-950: #190000;
  --pa-color-danger-text-default: #ffffff;
  --pa-color-danger-text-colored: #940000;
  --pa-color-danger-text-colored-inverse: #ffd1d1;
  --pa-color-danger-border-colored: #c10000;
  --pa-color-danger-background-default: #ff0000;
  --pa-color-danger-background-light: #ffcccc;
  --pa-color-danger-background-dark: #990000;
  --pa-color-light-50: #fdfdfd;
  --pa-color-light-100: #fbfbfb;
  --pa-color-light-150: #f8f9fa;
  --pa-color-light-200: #f6f7f8;
  --pa-color-light-250: #f4f5f6;
  --pa-color-light-300: #f2f3f4;
  --pa-color-light-350: #f0f1f2;
  --pa-color-light-400: #edeff1;
  --pa-color-light-450: #ebedef;
  --pa-color-light-500: #e9ebed;
  --pa-color-light-500-rgb: 233, 235, 237;
  --pa-color-light-550: #d2d4d5;
  --pa-color-light-600: #babcbe;
  --pa-color-light-650: #a3a5a6;
  --pa-color-light-700: #8c8d8e;
  --pa-color-light-750: #757677;
  --pa-color-light-800: #5d5e5f;
  --pa-color-light-850: #464747;
  --pa-color-light-900: #2f2f2f;
  --pa-color-light-950: #171718;
  --pa-color-light-text-default: #000000;
  --pa-color-light-text-colored: #4b535c;
  --pa-color-light-text-colored-inverse: #e9ebed;
  --pa-color-light-border-colored: #616c76;
  --pa-color-light-background-default: #e9ebed;
  --pa-color-light-background-light: #e9ebed;
  --pa-color-light-background-dark: #454c54;
  --pa-color-dark-50: #ebebeb;
  --pa-color-dark-100: #d6d7d7;
  --pa-color-dark-150: #c2c3c4;
  --pa-color-dark-200: #aeafb0;
  --pa-color-dark-250: #9a9b9c;
  --pa-color-dark-300: #858688;
  --pa-color-dark-350: #717274;
  --pa-color-dark-400: #5d5e61;
  --pa-color-dark-450: #484a4d;
  --pa-color-dark-500: #343639;
  --pa-color-dark-500-rgb: 52, 54, 57;
  --pa-color-dark-550: #2f3133;
  --pa-color-dark-600: #2a2b2e;
  --pa-color-dark-650: #242628;
  --pa-color-dark-700: #1f2022;
  --pa-color-dark-750: #1a1b1d;
  --pa-color-dark-800: #151617;
  --pa-color-dark-850: #101011;
  --pa-color-dark-900: #0a0b0b;
  --pa-color-dark-950: #050506;
  --pa-color-dark-text-default: #ffffff;
  --pa-color-dark-text-colored: #343639;
  --pa-color-dark-text-colored-inverse: #bcbec1;
  --pa-color-dark-border-colored: #343639;
  --pa-color-dark-background-default: #343639;
  --pa-color-dark-background-light: #e4e5e7;
  --pa-color-dark-background-dark: #343639;
  --pa-color-gray-0: #ffffff;
  --pa-color-gray-50: #fcfcfc;
  --pa-color-gray-100: #f8f9fa;
  --pa-color-gray-150: #f0f2f3;
  --pa-color-gray-200: #e9ebed;
  --pa-color-gray-250: #e4e6e9;
  --pa-color-gray-300: #dee1e5;
  --pa-color-gray-350: #d6dade;
  --pa-color-gray-400: #ced3d7;
  --pa-color-gray-450: #bdc4ca;
  --pa-color-gray-500: #adb5bd;
  --pa-color-gray-550: #8d949a;
  --pa-color-gray-600: #6c7176;
  --pa-color-gray-650: #5a5e63;
  --pa-color-gray-700: #494c4f;
  --pa-color-gray-750: #3e4144;
  --pa-color-gray-800: #343639;
  --pa-color-gray-850: #2b2d2f;
  --pa-color-gray-900: #212324;
  --pa-color-gray-950: #111213;
  --pa-color-gray-1000: #000000;
  --pa-color-gray-text-default: #000000;
  --pa-color-gray-text-colored: #475059;
  --pa-color-gray-text-colored-inverse: #dce0e3;
  --pa-color-gray-border-colored: #5d6874;
  --pa-color-gray-background-default: #adb5bd;
  --pa-color-gray-background-light: #e3e6e8;
  --pa-color-gray-background-dark: #444c55;
  --pa-color-blue-50: #e6f2ff;
  --pa-color-blue-100: #cce5ff;
  --pa-color-blue-150: #b3d7ff;
  --pa-color-blue-200: #99caff;
  --pa-color-blue-250: #80bdff;
  --pa-color-blue-300: #66b0ff;
  --pa-color-blue-350: #4da3ff;
  --pa-color-blue-400: #3395ff;
  --pa-color-blue-450: #1988ff;
  --pa-color-blue-500: #007bff;
  --pa-color-blue-550: #006fe6;
  --pa-color-blue-600: #0062cc;
  --pa-color-blue-650: #0056b3;
  --pa-color-blue-700: #004a99;
  --pa-color-blue-750: #003e80;
  --pa-color-blue-800: #003166;
  --pa-color-blue-850: #00254d;
  --pa-color-blue-900: #001933;
  --pa-color-blue-950: #000c19;
  --pa-color-blue-text-default: #ffffff;
  --pa-color-blue-text-colored: #004b9c;
  --pa-color-blue-text-colored-inverse: #c8e2ff;
  --pa-color-blue-border-colored: #0062ca;
  --pa-color-blue-background-default: #007bff;
  --pa-color-blue-background-light: #cce5ff;
  --pa-color-blue-background-dark: #004a99;
  --pa-color-indigo-50: #f0e7fe;
  --pa-color-indigo-100: #e0cffc;
  --pa-color-indigo-150: #d1b7fb;
  --pa-color-indigo-200: #c29ffa;
  --pa-color-indigo-250: #b388f9;
  --pa-color-indigo-300: #a370f7;
  --pa-color-indigo-350: #9458f6;
  --pa-color-indigo-400: #8540f5;
  --pa-color-indigo-450: #7528f3;
  --pa-color-indigo-500: #6610f2;
  --pa-color-indigo-550: #5c0eda;
  --pa-color-indigo-600: #520dc2;
  --pa-color-indigo-650: #470ba9;
  --pa-color-indigo-700: #3d0a91;
  --pa-color-indigo-750: #330879;
  --pa-color-indigo-800: #290661;
  --pa-color-indigo-850: #1f0549;
  --pa-color-indigo-900: #140330;
  --pa-color-indigo-950: #0a0218;
  --pa-color-indigo-text-default: #ffffff;
  --pa-color-indigo-text-colored: #520bc6;
  --pa-color-indigo-text-colored-inverse: #c9abfa;
  --pa-color-indigo-border-colored: #6610f2;
  --pa-color-indigo-background-default: #6610f2;
  --pa-color-indigo-background-light: #e0cffc;
  --pa-color-indigo-background-dark: #3c0891;
  --pa-color-purple-50: #f1ecf9;
  --pa-color-purple-100: #e2d9f3;
  --pa-color-purple-150: #d4c6ec;
  --pa-color-purple-200: #c5b3e6;
  --pa-color-purple-250: #b7a1e0;
  --pa-color-purple-300: #a98eda;
  --pa-color-purple-350: #9a7bd4;
  --pa-color-purple-400: #8c68cd;
  --pa-color-purple-450: #7d55c7;
  --pa-color-purple-500: #6f42c1;
  --pa-color-purple-550: #643bae;
  --pa-color-purple-600: #59359a;
  --pa-color-purple-650: #4e2e87;
  --pa-color-purple-700: #432874;
  --pa-color-purple-750: #382161;
  --pa-color-purple-800: #2c1a4d;
  --pa-color-purple-850: #21143a;
  --pa-color-purple-900: #160d27;
  --pa-color-purple-950: #0b0713;
  --pa-color-purple-text-default: #ffffff;
  --pa-color-purple-text-colored: #58339c;
  --pa-color-purple-text-colored-inverse: #c8b7e7;
  --pa-color-purple-border-colored: #6f42c1;
  --pa-color-purple-background-default: #6f42c1;
  --pa-color-purple-background-light: #e2d9f2;
  --pa-color-purple-background-dark: #412673;
  --pa-color-pink-50: #fdecf4;
  --pa-color-pink-100: #fad8e8;
  --pa-color-pink-150: #f8c5dd;
  --pa-color-pink-200: #f6b2d1;
  --pa-color-pink-250: #f49fc6;
  --pa-color-pink-300: #f18bba;
  --pa-color-pink-350: #ef78af;
  --pa-color-pink-400: #ed65a3;
  --pa-color-pink-450: #ea5198;
  --pa-color-pink-500: #e83e8c;
  --pa-color-pink-550: #d1387e;
  --pa-color-pink-600: #ba3270;
  --pa-color-pink-650: #a22b62;
  --pa-color-pink-700: #8b2554;
  --pa-color-pink-750: #741f46;
  --pa-color-pink-800: #5d1938;
  --pa-color-pink-850: #46132a;
  --pa-color-pink-900: #2e0c1c;
  --pa-color-pink-950: #17060e;
  --pa-color-pink-text-default: #ffffff;
  --pa-color-pink-text-colored: #8f114b;
  --pa-color-pink-text-colored-inverse: #f9c9df;
  --pa-color-pink-border-colored: #bb1662;
  --pa-color-pink-background-default: #e83e8c;
  --pa-color-pink-background-light: #fad1e4;
  --pa-color-pink-background-dark: #891048;
  --pa-color-red-50: #fcebec;
  --pa-color-red-100: #f8d7da;
  --pa-color-red-150: #f5c2c7;
  --pa-color-red-200: #f1aeb5;
  --pa-color-red-250: #ee9aa2;
  --pa-color-red-300: #ea868f;
  --pa-color-red-350: #e7727d;
  --pa-color-red-400: #e35d6a;
  --pa-color-red-450: #e04958;
  --pa-color-red-500: #dc3545;
  --pa-color-red-550: #c6303e;
  --pa-color-red-600: #b02a37;
  --pa-color-red-650: #9a2530;
  --pa-color-red-700: #842029;
  --pa-color-red-750: #6e1b23;
  --pa-color-red-800: #58151c;
  --pa-color-red-850: #421015;
  --pa-color-red-900: #2c0b0e;
  --pa-color-red-950: #160507;
  --pa-color-red-text-default: #ffffff;
  --pa-color-red-text-colored: #901924;
  --pa-color-red-text-colored-inverse: #f5c4c9;
  --pa-color-red-border-colored: #bc2130;
  --pa-color-red-background-default: #dc3545;
  --pa-color-red-background-light: #f7d4d7;
  --pa-color-red-background-dark: #821721;
  --pa-color-orange-50: #fff2e8;
  --pa-color-orange-100: #ffe5d0;
  --pa-color-orange-150: #fed8b9;
  --pa-color-orange-200: #fecba1;
  --pa-color-orange-250: #febf8a;
  --pa-color-orange-300: #feb272;
  --pa-color-orange-350: #fea55b;
  --pa-color-orange-400: #fd9843;
  --pa-color-orange-450: #fd8b2b;
  --pa-color-orange-500: #fd7e14;
  --pa-color-orange-550: #e47112;
  --pa-color-orange-600: #ca6510;
  --pa-color-orange-650: #b1580e;
  --pa-color-orange-700: #984c0c;
  --pa-color-orange-750: #7f3f0a;
  --pa-color-orange-800: #653208;
  --pa-color-orange-850: #4c2606;
  --pa-color-orange-900: #331904;
  --pa-color-orange-950: #190d02;
  --pa-color-orange-text-default: #ffffff;
  --pa-color-orange-text-colored: #843c01;
  --pa-color-orange-text-colored-inverse: #fffefd;
  --pa-color-orange-border-colored: #aa4e01;
  --pa-color-orange-background-default: #fd7e14;
  --pa-color-orange-background-light: #ffe3cc;
  --pa-color-orange-background-dark: #984601;
  --pa-color-yellow-50: #fef6e9;
  --pa-color-yellow-100: #fdedd3;
  --pa-color-yellow-150: #fce4bd;
  --pa-color-yellow-200: #fbdba7;
  --pa-color-yellow-250: #fad391;
  --pa-color-yellow-300: #f9ca7b;
  --pa-color-yellow-350: #f8c165;
  --pa-color-yellow-400: #f7b84f;
  --pa-color-yellow-450: #f6af39;
  --pa-color-yellow-500: #f5a623;
  --pa-color-yellow-550: #dd9520;
  --pa-color-yellow-600: #c4851c;
  --pa-color-yellow-650: #ac7419;
  --pa-color-yellow-700: #936415;
  --pa-color-yellow-750: #7b5312;
  --pa-color-yellow-800: #62420e;
  --pa-color-yellow-850: #4a320b;
  --pa-color-yellow-900: #312107;
  --pa-color-yellow-950: #181103;
  --pa-color-yellow-text-default: #000000;
  --pa-color-yellow-text-colored: #754b05;
  --pa-color-yellow-text-colored-inverse: #ffffff;
  --pa-color-yellow-border-colored: #966007;
  --pa-color-yellow-background-default: #f5a623;
  --pa-color-yellow-background-light: #fdebce;
  --pa-color-yellow-background-dark: #925e07;
  --pa-color-green-50: #e9f9ed;
  --pa-color-green-100: #d3f3db;
  --pa-color-green-150: #bdedc8;
  --pa-color-green-200: #a7e7b6;
  --pa-color-green-250: #91e1a4;
  --pa-color-green-300: #7bdb92;
  --pa-color-green-350: #65d580;
  --pa-color-green-400: #4fcf6d;
  --pa-color-green-450: #39c95b;
  --pa-color-green-500: #23c349;
  --pa-color-green-550: #20b042;
  --pa-color-green-600: #1c9c3a;
  --pa-color-green-650: #198933;
  --pa-color-green-700: #15752c;
  --pa-color-green-750: #126225;
  --pa-color-green-800: #0e4e1d;
  --pa-color-green-850: #0b3b16;
  --pa-color-green-900: #07270f;
  --pa-color-green-950: #031307;
  --pa-color-green-text-default: #ffffff;
  --pa-color-green-text-colored: #126225;
  --pa-color-green-text-colored-inverse: #ffffff;
  --pa-color-green-border-colored: #177d2f;
  --pa-color-green-background-default: #23c349;
  --pa-color-green-background-light: #d4f7dc;
  --pa-color-green-background-dark: #178231;
  --pa-color-teal-50: #e9faf5;
  --pa-color-teal-100: #d2f4ea;
  --pa-color-teal-150: #bcefe0;
  --pa-color-teal-200: #a6e9d5;
  --pa-color-teal-250: #90e4cb;
  --pa-color-teal-300: #79dfc1;
  --pa-color-teal-350: #63d9b6;
  --pa-color-teal-400: #4dd4ac;
  --pa-color-teal-450: #36cea1;
  --pa-color-teal-500: #20c997;
  --pa-color-teal-550: #1db588;
  --pa-color-teal-600: #1aa179;
  --pa-color-teal-650: #168d6a;
  --pa-color-teal-700: #13795b;
  --pa-color-teal-750: #10654c;
  --pa-color-teal-800: #0d503c;
  --pa-color-teal-850: #0a3c2d;
  --pa-color-teal-900: #06281e;
  --pa-color-teal-950: #03140f;
  --pa-color-teal-text-default: #000000;
  --pa-color-teal-text-colored: #0f6149;
  --pa-color-teal-text-colored-inverse: #ffffff;
  --pa-color-teal-border-colored: #147c5d;
  --pa-color-teal-background-default: #20c997;
  --pa-color-teal-background-light: #d3f8ed;
  --pa-color-teal-background-dark: #158463;
  --pa-color-cyan-50: #e8f6f8;
  --pa-color-cyan-100: #d1ecf1;
  --pa-color-cyan-150: #b9e3ea;
  --pa-color-cyan-200: #a2dae3;
  --pa-color-cyan-250: #8bd1dc;
  --pa-color-cyan-300: #74c7d4;
  --pa-color-cyan-350: #5dbecd;
  --pa-color-cyan-400: #45b5c6;
  --pa-color-cyan-450: #2eabbf;
  --pa-color-cyan-500: #17a2b8;
  --pa-color-cyan-550: #1592a6;
  --pa-color-cyan-600: #128293;
  --pa-color-cyan-650: #107181;
  --pa-color-cyan-700: #0e616e;
  --pa-color-cyan-750: #0c515c;
  --pa-color-cyan-800: #09414a;
  --pa-color-cyan-850: #073137;
  --pa-color-cyan-900: #052025;
  --pa-color-cyan-950: #021012;
  --pa-color-cyan-text-default: #ffffff;
  --pa-color-cyan-text-colored: #0d5d69;
  --pa-color-cyan-text-colored-inverse: #ffffff;
  --pa-color-cyan-border-colored: #117787;
  --pa-color-cyan-background-default: #17a2b8;
  --pa-color-cyan-background-light: #d2f4f9;
  --pa-color-cyan-background-dark: #117888;
  --pa-color-transparent: rgba(0, 0, 0, 0);
  --pa-color-white: var(--pa-color-gray-0);
  --pa-color-black: var(--pa-color-gray-1000);
  --pa-color-link-text-default: var(--pa-color-black);
  --pa-color-link-text-disabled: var(--pa-color-gray-300);
  --pa-color-surface-default: var(--pa-color-white);
  --pa-color-surface-raised: var(--pa-color-gray-100);
  --pa-color-surface-border: var(--pa-color-gray-300);
  --pa-color-page-background: var(--pa-color-gray-100);
  --pa-color-page-color: var(--pa-color-gray-900);
  --pa-color-page-muted: var(--pa-color-secondary-600);
  --pa-color-page-secondary-color: var(--pa-color-gray-500);
  --pa-color-page-secondary-background: var(--pa-color-gray-200);
  --pa-color-page-tertiary-color: var(--pa-color-gray-300);
  --pa-color-page-tertiary-background: var(--pa-color-gray-100);
  --pa-color-focus-ring: rgba(220, 53, 69, 0.25);
  --pa-color-accent: var(--pa-color-primary-500);
  --pa-color-menu-surface-default: #0e0d0d;
  --pa-color-menu-surface-elevated: #1a1a1a;
  --pa-color-menu-surface-raised: #2a2c2f;
  --pa-color-menu-ink-5: rgba(255, 255, 255, 0.05);
  --pa-color-menu-ink-10: rgba(255, 255, 255, 0.1);
  --pa-color-menu-ink-20: rgba(255, 255, 255, 0.2);
  --pa-color-menu-ink-40: rgba(255, 255, 255, 0.4);
  --pa-color-menu-ink-60: rgba(255, 255, 255, 0.6);
  --pa-color-menu-ink-100: #ffffff;
  --pa-color-menu-ink-inverse: #0e0d0d;
  --pa-color-menu-create-background-default: var(--pa-color-primary-background-default);
  --pa-color-menu-create-background-hover: var(--pa-color-primary-550);
  --pa-color-menu-create-text: var(--pa-color-menu-ink-100);
  --pa-color-menu-create-subtext: var(--pa-color-menu-ink-60);
  --pa-color-menu-create-subtexthover: var(--pa-color-menu-ink-100);
  --pa-color-menu-create-subhover: var(--pa-color-menu-ink-10);
  --pa-color-menu-create-subborder: var(--pa-color-menu-ink-20);
  --pa-color-menu-create-iconbox-background: var(--pa-color-menu-ink-20);
  --pa-color-menu-create-group-background: var(--pa-color-primary-550);
  --pa-color-menu-create-group-border: var(--pa-color-menu-ink-20);
  --pa-alert-padding-x: 1.25rem;
  --pa-alert-padding-y: 0.75rem;
  --pa-alert-count-background-color-default: var(--pa-color-primary-500);
  --pa-alert-count-text-color-default: var(--pa-color-primary-text-default);
  --pa-alert-count-font-size-default: var(--pa-font-size-75);
  --pa-alert-count-font-weight-default: var(--pa-font-weight-semibold);
  --pa-alert-count-padding-x-default: 6px;
  --pa-alert-count-border-radius-default: var(--pa-border-radius-full);
  --pa-alert-count-size-default: var(--pa-font-size-450);
  --pa-alert-count-dot-size-default: var(--pa-spacing-100);
  --pa-alert-count-compact-size-default: var(--pa-font-size-200);
  --pa-alert-count-compact-font-size-default: var(--pa-font-size-50);
  --pa-alert-count-compact-padding-x-default: var(--pa-spacing-50);
  --pa-alert-count-compact-floating-offset-default: 45%;
  --pa-alert-count-compact-floating-ring-width-default: var(--pa-border-width-thin);
  --pa-alert-count-floating-offset-default: 35%;
  --pa-alert-count-floating-ring-width-default: var(--pa-border-width-100);
  --pa-alert-count-floating-ring-color-default: var(--pa-color-page-background);
  --pa-card-background-color-default: var(--pa-color-white);
  --pa-card-border-width-default: 1px;
  --pa-card-border-color-default: var(--pa-color-gray-300);
  --pa-card-border-radius-default: var(--pa-border-radius-250);
  --pa-hr-border-color-default: var(--pa-color-gray-200);
  --pa-hr-border-width-default: 1px;
  --pa-hr-opacity-default: 1;
  --pa-link-text-decoration-default: underline;
  --pa-nav-link-padding-x: 16px;
  --pa-nav-link-padding-y: 8px;
  --pa-nav-link-height-default: 28px;
  --pa-nav-button-background-color-default: var(--pa-color-white);
  --pa-nav-button-background-color-selected: var(--pa-color-black);
  --pa-nav-button-text-color-selected: var(--pa-color-light-500);
  --pa-nav-button-icon-color-disabled: var(--pa-icon-text-color-disabled);
  --pa-nav-button-icon-color-selected: var(--pa-color-dark-500);
  --pa-nav-button-square-background-color: var(--pa-color-gray-100);
  --pa-nav-button-square-label-font-size: var(--pa-font-size-md);
  --pa-nav-button-square-label-font-weight: var(--pa-font-weight-semibold);
  --pa-nav-button-square-sub-text-font-size: var(--pa-font-size-xs);
  --pa-nav-button-square-sub-text-font-weight: var(--pa-font-weight-regular);
  --pa-nav-button-square-border-color: var(--pa-color-gray-200);
  --pa-nav-button-square-border-radius: var(--pa-border-radius-125);
  --pa-nav-button-square-icon-color: var(--pa-color-gray-800);
  --pa-nav-button-square-variant-light-background-color-default: var(--pa-color-dark-500);
  --pa-nav-button-square-variant-light-text-color-default: var(--pa-color-light-500);
  --pa-nav-button-label-font-size: var(--pa-font-size-md);
  --pa-nav-button-label-font-weight: var(--pa-font-weight-semibold);
  --pa-nav-button-sub-text-font-size: var(--pa-font-size-xs);
  --pa-nav-button-sub-text-font-weight: var(--pa-font-weight-regular);
  --pa-nav-button-border-radius: var(--pa-border-radius-225);
  --pa-nav-button-variant-light-background-color: var(--pa-color-gray-100);
  --pa-nav-button-selected-primary-background-color: var(--pa-color-primary-500);
  --pa-nav-button-selected-primary-text-color: var(--pa-color-primary-text-default);
  --pa-nav-button-description-text-color: var(--pa-color-secondary-750);
  --pa-nav-button-group-label-subtle-text-color: var(--pa-color-secondary-700);
  --pa-nav-button-highlight-duration: 3000ms;
  --pa-navbar-brand-font-size-default: var(--pa-font-size-lg);
  --pa-navbar-brand-height-default: 27px;
  --pa-navbar-brand-padding-y: 0px;
  --pa-tooltip-text-color-default: var(--pa-color-gray-700);
  --pa-tooltip-background-color-default: var(--pa-color-white);
  --pa-tooltip-arrow-color-default: var(--pa-color-gray-600);
  --pa-accordion-sheet-title-color-default: var(--pa-color-gray-600);
  --pa-accordion-sheet-title-color-hover: var(--pa-color-gray-800);
  --pa-accordion-sheet-title-font-transform: uppercase;
  --pa-accordion-sheet-title-font-size: var(--pa-font-size-sm);
  --pa-accordion-sheet-title-font-weight: var(--pa-font-weight-semibold);
  --pa-accordion-sheet-title-gap: 10px;
  --pa-accordion-sheet-header-gap-open: 20px;
  --pa-accordion-sheet-panel-transition-duration: 550ms;
  --pa-action-button-border-radius-default: var(--pa-border-radius-150);
  --pa-action-button-border-radius-md: var(--pa-border-radius-125);
  --pa-action-button-border-radius-sm: var(--pa-border-radius-125);
  --pa-action-button-border-radius-xs: var(--pa-border-radius-100);
  --pa-action-button-height-xs: 36px;
  --pa-action-button-height-sm: 52px;
  --pa-action-button-height-md: 60px;
  --pa-action-button-height-lg: 68px;
  --pa-action-button-height-xl: 76px;
  --pa-action-button-height-horizontal-sm: 32px;
  --pa-action-button-height-horizontal-md: 36px;
  --pa-action-button-height-horizontal-lg: 40px;
  --pa-action-button-height-horizontal-xl: 44px;
  --pa-action-button-icon-color: var(--pa-color-secondary-700);
  --pa-action-button-label-font-size-default: var(--pa-font-size-xs);
  --pa-action-button-label-font-size-sm: var(--pa-font-size-50);
  --pa-action-button-label-font-weight: var(--pa-font-weight-regular);
  --pa-action-button-label-text-color: var(--pa-color-secondary-750);
  --pa-action-button-variant-light-background-color: var(--pa-color-gray-100);
  --pa-action-button-variant-primary-background-color: var(--pa-color-primary-500);
  --pa-action-button-variant-primary-border-color: var(--pa-color-primary-600);
  --pa-action-button-variant-primary-text-color: var(--pa-color-primary-text-default);
  --pa-action-button-variant-black-background-color: var(--pa-color-black);
  --pa-action-button-variant-black-text-color: var(--pa-color-white);
  --pa-action-button-selected-background-color: var(--pa-color-black);
  --pa-action-button-selected-text-color: var(--pa-color-light-500);
  --pa-action-button-selected-primary-background-color: var(--pa-color-primary-500);
  --pa-action-button-selected-primary-text-color: var(--pa-color-primary-text-default);
  --pa-action-button-hover-transition-duration: 220ms;
  --pa-badge-font-weight-default: var(--pa-font-weight-regular);
  --pa-badge-font-size-sm: var(--pa-font-size-sm);
  --pa-badge-font-size-md: var(--pa-font-size-md);
  --pa-badge-font-size-lg: var(--pa-font-size-lg);
  --pa-badge-padding-sm-x: var(--pa-spacing-100);
  --pa-badge-padding-sm-y: var(--pa-spacing-50);
  --pa-badge-padding-md-x: var(--pa-spacing-150);
  --pa-badge-padding-md-y: var(--pa-spacing-100);
  --pa-badge-padding-lg-x: var(--pa-spacing-200);
  --pa-badge-padding-lg-y: var(--pa-spacing-100);
  --pa-badge-border-radius-default: var(--pa-border-radius-sm);
  --pa-badge-border-width-default: var(--pa-border-width-thin);
  --pa-badge-variant-primary-background-color: var(--pa-color-primary-500);
  --pa-badge-variant-primary-text-color: var(--pa-color-primary-text-default);
  --pa-badge-variant-primary-border-color: var(--pa-color-primary-600);
  --pa-badge-variant-dark-background-color: var(--pa-color-dark-500);
  --pa-badge-variant-dark-text-color: var(--pa-color-dark-text-default);
  --pa-badge-variant-dark-border-color: var(--pa-color-dark-600);
  --pa-badge-variant-success-background-color: var(--pa-color-success-background-light);
  --pa-badge-variant-success-text-color: var(--pa-color-success-text-colored);
  --pa-badge-variant-success-border-color: var(--pa-color-success-border-colored);
  --pa-badge-variant-danger-background-color: var(--pa-color-danger-background-light);
  --pa-badge-variant-danger-text-color: var(--pa-color-danger-text-colored);
  --pa-badge-variant-danger-border-color: var(--pa-color-danger-border-colored);
  --pa-badge-variant-warning-background-color: var(--pa-color-warning-background-light);
  --pa-badge-variant-warning-text-color: var(--pa-color-warning-text-colored);
  --pa-badge-variant-warning-border-color: var(--pa-color-warning-border-colored);
  --pa-badge-variant-secondary-background-color: var(--pa-color-secondary-background-light);
  --pa-badge-variant-secondary-text-color: var(--pa-color-secondary-text-colored);
  --pa-badge-variant-secondary-border-color: var(--pa-color-secondary-border-colored);
  --pa-badge-variant-tertiary-background-color: var(--pa-color-tertiary-background-light);
  --pa-badge-variant-tertiary-text-color: var(--pa-color-tertiary-text-colored);
  --pa-badge-variant-tertiary-border-color: var(--pa-color-tertiary-border-colored);
  --pa-badge-variant-info-background-color: var(--pa-color-info-background-light);
  --pa-badge-variant-info-text-color: var(--pa-color-info-text-colored);
  --pa-badge-variant-info-border-color: var(--pa-color-info-border-colored);
  --pa-badge-variant-light-background-color: var(--pa-color-page-background);
  --pa-badge-variant-light-text-color: var(--pa-color-page-color);
  --pa-badge-variant-light-border-color: var(--pa-color-secondary-600);
  --pa-button-white-space-default: normal;
  --pa-button-box-shadow-default: none;
  --pa-button-box-shadow-active: var(--pa-shadow-hover);
  --pa-button-border-width-default: var(--pa-border-width-thin);
  --pa-button-border-color-disabled: var(--pa-color-gray-400);
  --pa-button-transition-default: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  --pa-button-transition-duration-default: transition.duration.default;
  --pa-button-transition-easing-default: var(--pa-transition-easing-default);
  --pa-button-cursor-default: var(--pa-cursor-pointer);
  --pa-button-cursor-disabled: var(--pa-cursor-not-allowed);
  --pa-button-background-color-disabled: var(--pa-color-gray-200);
  --pa-button-opacity-disabled: 0.65;
  --pa-button-text-color-disabled: var(--pa-color-gray-600);
  --pa-button-icon-gap-default: var(--pa-spacing-100);
  --pa-button-icon-dimension-md: 20px;
  --pa-button-icon-dimension-sm: 15px;
  --pa-button-icon-dimension-lg: 25px;
  --pa-button-icon-padding-md-x: 24px;
  --pa-button-icon-padding-md-y: 12px;
  --pa-button-icon-padding-md-square: 8px;
  --pa-button-icon-padding-sm-x: 20px;
  --pa-button-icon-padding-sm-y: 0;
  --pa-button-icon-padding-sm-square: 5px;
  --pa-button-icon-padding-lg-x: 40px;
  --pa-button-icon-padding-lg-y: 0;
  --pa-button-icon-padding-lg-square: 12px;
  --pa-button-icon-margin-md: 3px;
  --pa-button-icon-margin-sm: 3px;
  --pa-button-icon-margin-lg: 3px;
  --pa-button-icon-lone-padding-md: 5px;
  --pa-button-icon-lone-padding-sm: 5px;
  --pa-button-icon-lone-padding-lg: 5px;
  --pa-button-icon-lone-margin-md: 4px 5px;
  --pa-button-icon-lone-margin-sm: 4px 5px;
  --pa-button-icon-lone-margin-lg: 6px 7px;
  --pa-button-height-sm: 32px;
  --pa-button-height-md: 44px;
  --pa-button-height-lg: 56px;
  --pa-button-line-height-md: 1.5;
  --pa-button-padding-md-x: 24px;
  --pa-button-padding-md-y: 12px;
  --pa-button-padding-sm-x: 16px;
  --pa-button-padding-sm-y: 0;
  --pa-button-padding-lg-x: 32px;
  --pa-button-padding-lg-y: 20px;
  --pa-button-font-weight-default: var(--pa-font-weight-regular);
  --pa-button-font-size-sm: var(--pa-font-size-sm);
  --pa-button-font-size-md: var(--pa-font-size-md);
  --pa-button-font-size-lg: var(--pa-font-size-md);
  --pa-button-focus-width-default: 0.25rem;
  --pa-button-radius-sm: var(--pa-border-radius-150);
  --pa-button-radius-md: var(--pa-border-radius-175);
  --pa-button-radius-lg: var(--pa-border-radius-200);
  --pa-button-radius-pill-default: 100px;
  --pa-button-variant-primary-background-color-default: var(--pa-color-primary-500);
  --pa-button-variant-primary-background-color-hover: var(--pa-color-primary-450);
  --pa-button-variant-primary-background-color-active: var(--pa-color-primary-500);
  --pa-button-variant-primary-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-primary-text-color-default: var(--pa-color-primary-text-default);
  --pa-button-variant-primary-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-primary-border-color-default: var(--pa-color-primary-300);
  --pa-button-variant-primary-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-primary-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-secondary-background-color-default: var(--pa-color-secondary-500);
  --pa-button-variant-secondary-background-color-hover: var(--pa-color-secondary-450);
  --pa-button-variant-secondary-background-color-active: var(--pa-color-secondary-500);
  --pa-button-variant-secondary-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-secondary-text-color-default: var(--pa-color-secondary-text-default);
  --pa-button-variant-secondary-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-secondary-border-color-default: var(--pa-color-secondary-300);
  --pa-button-variant-secondary-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-secondary-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-tertiary-background-color-default: var(--pa-color-tertiary-500);
  --pa-button-variant-tertiary-background-color-hover: var(--pa-color-tertiary-450);
  --pa-button-variant-tertiary-background-color-active: var(--pa-color-tertiary-500);
  --pa-button-variant-tertiary-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-tertiary-text-color-default: var(--pa-color-tertiary-text-default);
  --pa-button-variant-tertiary-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-tertiary-border-color-default: var(--pa-color-tertiary-300);
  --pa-button-variant-tertiary-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-tertiary-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-success-background-color-default: var(--pa-color-success-500);
  --pa-button-variant-success-background-color-hover: var(--pa-color-success-450);
  --pa-button-variant-success-background-color-active: var(--pa-color-success-500);
  --pa-button-variant-success-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-success-text-color-default: var(--pa-color-success-text-default);
  --pa-button-variant-success-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-success-border-color-default: var(--pa-color-success-300);
  --pa-button-variant-success-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-success-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-warning-background-color-default: var(--pa-color-warning-500);
  --pa-button-variant-warning-background-color-hover: var(--pa-color-warning-450);
  --pa-button-variant-warning-background-color-active: var(--pa-color-warning-500);
  --pa-button-variant-warning-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-warning-text-color-default: var(--pa-color-warning-text-default);
  --pa-button-variant-warning-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-warning-border-color-default: var(--pa-color-warning-300);
  --pa-button-variant-warning-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-warning-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-danger-background-color-default: var(--pa-color-danger-500);
  --pa-button-variant-danger-background-color-hover: var(--pa-color-danger-450);
  --pa-button-variant-danger-background-color-active: var(--pa-color-danger-500);
  --pa-button-variant-danger-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-danger-text-color-default: var(--pa-color-danger-text-default);
  --pa-button-variant-danger-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-danger-border-color-default: var(--pa-color-danger-300);
  --pa-button-variant-danger-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-danger-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-info-background-color-default: var(--pa-color-info-500);
  --pa-button-variant-info-background-color-hover: var(--pa-color-info-450);
  --pa-button-variant-info-background-color-active: var(--pa-color-info-500);
  --pa-button-variant-info-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-info-text-color-default: var(--pa-color-info-text-default);
  --pa-button-variant-info-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-info-border-color-default: var(--pa-color-info-300);
  --pa-button-variant-info-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-info-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-light-background-color-default: var(--pa-color-light-500);
  --pa-button-variant-light-background-color-hover: var(--pa-color-light-500);
  --pa-button-variant-light-background-color-active: var(--pa-color-light-500);
  --pa-button-variant-light-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-light-text-color-default: var(--pa-color-light-text-default);
  --pa-button-variant-light-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-light-border-color-default: var(--pa-color-light-500);
  --pa-button-variant-light-border-color-focus: var(--pa-color-light-500);
  --pa-button-variant-light-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-dark-background-color-default: var(--pa-color-dark-500);
  --pa-button-variant-dark-background-color-hover: var(--pa-color-dark-500);
  --pa-button-variant-dark-background-color-active: var(--pa-color-dark-500);
  --pa-button-variant-dark-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-dark-text-color-default: var(--pa-color-dark-text-default);
  --pa-button-variant-dark-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-dark-border-color-default: var(--pa-color-dark-500);
  --pa-button-variant-dark-border-color-focus: var(--pa-color-dark-500);
  --pa-button-variant-dark-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-white-background-color-default: var(--pa-color-white);
  --pa-button-variant-white-background-color-hover: var(--pa-color-gray-200);
  --pa-button-variant-white-background-color-active: var(--pa-color-gray-200);
  --pa-button-variant-white-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-white-text-color-default: var(--pa-color-black);
  --pa-button-variant-white-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-white-border-color-default: var(--pa-color-gray-400);
  --pa-button-variant-white-border-color-focus: var(--pa-color-gray-400);
  --pa-button-variant-white-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-link-background-color-default: var(--pa-color-transparent);
  --pa-button-variant-link-background-color-hover: var(--pa-color-transparent);
  --pa-button-variant-link-background-color-active: var(--pa-color-transparent);
  --pa-button-variant-link-background-color-disabled: var(--pa-color-transparent);
  --pa-button-variant-link-text-color-default: var(--pa-color-link-text-default);
  --pa-button-variant-link-text-color-disabled: var(--pa-color-link-text-disabled);
  --pa-button-variant-link-border-color-default: var(--pa-color-transparent);
  --pa-button-variant-link-border-color-focus: var(--pa-color-transparent);
  --pa-button-variant-link-border-color-disabled: var(--pa-color-transparent);
  --pa-circle-size-xs: 24px;
  --pa-circle-size-sm: 36px;
  --pa-circle-size-md: 44px;
  --pa-circle-size-lg: 80px;
  --pa-circle-size-xl: 120px;
  --pa-circle-variant-primary-background-color: var(--pa-color-primary-500);
  --pa-circle-variant-primary-text-color: var(--pa-color-primary-text-default);
  --pa-circle-variant-primary-border-color: var(--pa-color-primary-600);
  --pa-circle-variant-dark-background-color: var(--pa-color-dark-500);
  --pa-circle-variant-dark-text-color: var(--pa-color-dark-text-default);
  --pa-circle-variant-dark-border-color: var(--pa-color-dark-600);
  --pa-circle-variant-success-background-color: var(--pa-color-success-50);
  --pa-circle-variant-success-text-color: var(--pa-color-success-700);
  --pa-circle-variant-success-border-color: var(--pa-color-success-400);
  --pa-circle-variant-danger-background-color: var(--pa-color-danger-100);
  --pa-circle-variant-danger-text-color: var(--pa-color-danger-700);
  --pa-circle-variant-danger-border-color: var(--pa-color-danger-400);
  --pa-circle-variant-warning-background-color: var(--pa-color-warning-50);
  --pa-circle-variant-warning-text-color: var(--pa-color-warning-800);
  --pa-circle-variant-warning-border-color: var(--pa-color-warning-400);
  --pa-circle-variant-tertiary-background-color: var(--pa-color-tertiary-50);
  --pa-circle-variant-tertiary-text-color: var(--pa-color-tertiary-800);
  --pa-circle-variant-tertiary-border-color: var(--pa-color-tertiary-400);
  --pa-circle-variant-info-background-color: var(--pa-color-info-50);
  --pa-circle-variant-info-text-color: var(--pa-color-info-700);
  --pa-circle-variant-info-border-color: var(--pa-color-info-500);
  --pa-circle-variant-secondary-background-color: var(--pa-color-gray-100);
  --pa-circle-variant-secondary-text-color: var(--pa-color-gray-800);
  --pa-circle-variant-secondary-border-color: var(--pa-color-gray-300);
  --pa-circle-variant-light-text-color: var(--pa-color-page-color);
  --pa-circle-variant-light-border-color: var(--pa-color-gray-200);
  --pa-container-page-sm: var(--pa-spacing-150);
  --pa-container-page-md: var(--pa-spacing-300);
  --pa-container-page-lg: var(--pa-spacing-450);
  --pa-container-form-grouped: var(--pa-spacing-150);
  --pa-container-form-sparse-grouped: var(--pa-spacing-250);
  --pa-container-form-ungrouped: var(--pa-spacing-300);
  --pa-container-text-condensed-group: 6px;
  --pa-container-text-grouped: var(--pa-spacing-100);
  --pa-container-text-ungrouped: var(--pa-spacing-150);
  --pa-container-divider-page-sm: var(--pa-spacing-150);
  --pa-container-divider-page-md: var(--pa-spacing-300);
  --pa-container-divider-page-lg: var(--pa-spacing-450);
  --pa-container-divider-form-sm: var(--pa-spacing-150);
  --pa-container-divider-form-md: var(--pa-spacing-250);
  --pa-container-divider-form-lg: var(--pa-spacing-300);
  --pa-container-divider-text-sm: 6px;
  --pa-container-divider-text-md: var(--pa-spacing-100);
  --pa-container-divider-text-lg: var(--pa-spacing-150);
  --pa-content-separator-line-width-default: var(--pa-border-width-thin);
  --pa-content-separator-variant-subtle-label-color-default: var(--pa-color-gray-600);
  --pa-content-separator-variant-subtle-line-color-default: var(--pa-color-gray-300);
  --pa-content-separator-variant-default-label-color-default: var(--pa-color-gray-700);
  --pa-content-separator-variant-default-line-color-default: var(--pa-color-gray-400);
  --pa-content-separator-variant-strong-label-color-default: var(--pa-color-gray-800);
  --pa-content-separator-variant-strong-line-color-default: var(--pa-color-gray-500);
  --pa-content-separator-label-font-size-sm: var(--pa-font-size-xs);
  --pa-content-separator-label-font-size-md: var(--pa-font-size-sm);
  --pa-content-separator-label-font-size-lg: var(--pa-font-size-md);
  --pa-content-separator-label-font-weight-default: var(--pa-font-weight-regular);
  --pa-content-separator-label-font-transform-caps: uppercase;
  --pa-content-separator-label-font-tracking-caps: 0.06em;
  --pa-content-separator-label-padding-x: 18px;
  --pa-content-separator-height-labeled: 20px;
  --pa-date-picker-background-color-weekend-default: var(--pa-color-gray-200);
  --pa-date-picker-dropdown-color-default: var(--pa-color-accent);
  --pa-date-picker-color-icon: var(--pa-color-accent);
  --pa-divider-border-width-default: var(--pa-border-width-thin);
  --pa-divider-border-color-subtle: var(--pa-color-secondary-100);
  --pa-divider-border-color-default: var(--pa-color-secondary-200);
  --pa-divider-border-color-strong: var(--pa-color-secondary-300);
  --pa-divider-spacing-sm: 8px;
  --pa-divider-spacing-md: 16px;
  --pa-divider-spacing-lg: 24px;
  --pa-divider-inset-default: 16px;
  --pa-divider-vertical-height-default: 14px;
  --pa-dropdown-link-text-color-default: var(--pa-color-secondary-500);
  --pa-dropdown-link-text-color-hover: var(--pa-color-blue-500);
  --pa-dropdown-link-text-color-active: var(--pa-color-secondary-500);
  --pa-dropdown-link-background-color-active: var(--pa-color-secondary-500);
  --pa-form-header-text-color-default: var(--pa-color-page-color);
  --pa-form-header-font-size-default: var(--pa-font-size-lg);
  --pa-form-header-font-weight-default: var(--pa-font-weight-semibold);
  --pa-form-header-margin-bottom-default: var(--pa-spacing-100);
  --pa-form-subheader-text-color-default: var(--pa-color-secondary-700);
  --pa-form-subheader-text-transform-default: uppercase;
  --pa-form-subheader-font-size-default: var(--pa-font-size-sm);
  --pa-form-subheader-font-weight-default: var(--pa-font-weight-semibold);
  --pa-form-subheader-margin-bottom-default: var(--pa-spacing-100);
  --pa-form-label-text-color-default: var(--pa-color-secondary-700);
  --pa-form-label-font-size-default: var(--pa-font-size-sm);
  --pa-form-label-font-weight-default: var(--pa-font-weight-regular);
  --pa-form-value-text-color-default: var(--pa-color-page-color);
  --pa-form-value-font-size-default: var(--pa-font-size-sm);
  --pa-form-value-font-weight-default: var(--pa-font-weight-medium);
  --pa-form-help-text-color-default: var(--pa-color-gray-600);
  --pa-form-help-text-size-default: var(--pa-font-size-sm);
  --pa-form-help-gap-default: var(--pa-spacing-50);
  --pa-hero-icon-variant-success-background-color-default: var(--pa-color-success-500);
  --pa-hero-icon-variant-success-border-color-default: var(--pa-color-success-350);
  --pa-hero-icon-variant-success-text-color-default: var(--pa-color-success-text-default);
  --pa-hero-icon-variant-info-background-color-default: var(--pa-color-blue-500);
  --pa-hero-icon-variant-info-border-color-default: var(--pa-color-blue-350);
  --pa-hero-icon-variant-info-text-color-default: var(--pa-color-blue-text-default);
  --pa-hero-icon-variant-warning-background-color-default: var(--pa-color-yellow-500);
  --pa-hero-icon-variant-warning-border-color-default: var(--pa-color-yellow-350);
  --pa-hero-icon-variant-warning-text-color-default: var(--pa-color-yellow-text-default);
  --pa-hero-icon-variant-danger-background-color-default: var(--pa-color-danger-500);
  --pa-hero-icon-variant-danger-border-color-default: var(--pa-color-danger-350);
  --pa-hero-icon-variant-danger-text-color-default: var(--pa-color-danger-text-default);
  --pa-hero-icon-variant-dark-background-color-default: var(--pa-color-gray-1000);
  --pa-hero-icon-variant-dark-border-color-default: var(--pa-color-gray-350);
  --pa-hero-icon-variant-dark-text-color-default: var(--pa-color-white);
  --pa-hero-icon-variant-dark-red-background-color-default: var(--pa-color-gray-1000);
  --pa-hero-icon-variant-dark-red-border-color-default: var(--pa-color-red-350);
  --pa-hero-icon-variant-dark-red-text-color-default: var(--pa-color-white);
  --pa-hero-icon-variant-dark-green-background-color-default: var(--pa-color-gray-1000);
  --pa-hero-icon-variant-dark-green-border-color-default: var(--pa-color-green-350);
  --pa-hero-icon-variant-dark-green-text-color-default: var(--pa-color-white);
  --pa-hero-icon-dimension-sm: 60px;
  --pa-hero-icon-dimension-md: 84px;
  --pa-hero-icon-dimension-lg: 130px;
  --pa-hero-icon-icon-dimension-sm: 34px;
  --pa-hero-icon-icon-dimension-md: 40px;
  --pa-hero-icon-icon-dimension-lg: 60px;
  --pa-hero-icon-border-sm: 6px solid;
  --pa-hero-icon-border-md: 9px solid;
  --pa-hero-icon-border-lg: 16px solid;
  --pa-html-editor-toolbar-border-color: var(--pa-color-gray-200);
  --pa-html-editor-toolbar-toggle-radius: var(--pa-border-radius-100);
  --pa-html-editor-toolbar-toggle-color-default: var(--pa-color-gray-500);
  --pa-html-editor-toolbar-toggle-color-active: var(--pa-color-gray-900);
  --pa-html-editor-toolbar-toggle-background-hover: var(--pa-color-gray-100);
  --pa-html-editor-toolbar-toggle-background-active: var(--pa-color-gray-150);
  --pa-html-editor-content-link-color: var(--pa-color-primary-500);
  --pa-html-editor-content-link-background-hover: var(--pa-color-gray-100);
  --pa-html-editor-disabled-background-color: var(--pa-color-gray-200);
  --pa-html-editor-files-background-color: var(--pa-color-white);
  --pa-html-editor-files-border-color: var(--pa-color-gray-200);
  --pa-html-editor-files-link-hover: var(--pa-color-primary-600);
  --pa-input-file-border-color-default: var(--pa-color-primary-500);
  --pa-input-placeholder-text-color-default: var(--pa-color-gray-500);
  --pa-input-background-color-default: var(--pa-color-white);
  --pa-input-border-color-default: var(--pa-color-gray-300);
  --pa-input-border-color-focus: var(--pa-color-info-500);
  --pa-input-border-color-invalid: var(--pa-color-danger-500);
  --pa-input-border-color-disabled: var(--pa-color-gray-400);
  --pa-input-border-color-hover: var(--pa-color-gray-600);
  --pa-input-border-width-default: 2px;
  --pa-input-border-radius-default: 12px;
  --pa-input-label-text-color-default: var(--pa-color-primary-500);
  --pa-input-label-text-color-disabled: var(--pa-color-gray-600);
  --pa-input-label-text-color-focus: var(--pa-color-gray-600);
  --pa-input-label-dimension-sm-default: 18px;
  --pa-input-label-dimension-lg-default: 24px;
  --pa-input-label-font-size-focused-default: 12px;
  --pa-input-label-z-index-default: 1;
  --pa-input-button-text-color-focus-default: var(--pa-color-blue-200);
  --pa-input-font-size-xs-default: var(--pa-font-size-xs);
  --pa-input-font-size-sm-default: var(--pa-font-size-sm);
  --pa-input-font-size-md-default: var(--pa-font-size-md);
  --pa-input-font-size-lg-default: var(--pa-font-size-lg);
  --pa-input-font-weight-default: 500;
  --pa-input-checkbox-border-radius-default: 50%;
  --pa-input-checkbox-border-radius-pill: 100px;
  --pa-input-checkbox-border-color-default: var(--pa-color-gray-500);
  --pa-input-checkbox-border-width-default: var(--bs-border-width) solid var(--pa-input-checkbox-border-color-default);
  --pa-input-checkbox-size-sm: 16px;
  --pa-input-checkbox-size-md: 18px;
  --pa-input-checkbox-size-lg: 24px;
  --pa-input-checkbox-background-color-checked: var(--pa-color-primary-500);
  --pa-input-checkbox-tick-color-default: var(--pa-color-primary-text-default);
  --pa-input-checkbox-tick-duration: 750ms;
  --pa-input-checkbox-tick-delay: 80ms;
  --pa-input-checkbox-tick-easing: var(--pa-transition-easing-decelerate);
  --pa-input-checkbox-tick-scale-start: 0.4;
  --pa-input-checkbox-tick-scale-overshoot: 1.12;
  --pa-input-checkbox-fill-duration: 320ms;
  --pa-input-checkbox-focus-ring-width: 3px;
  --pa-input-checkbox-focus-ring-color: var(--pa-color-focus-ring);
  --pa-input-checkbox-chip-padding-sm: 7px 10px;
  --pa-input-checkbox-chip-padding-md: 10px 12px;
  --pa-input-checkbox-chip-padding-lg: 13px 16px;
  --pa-input-checkbox-chip-font-size-default: var(--pa-font-size-sm);
  --pa-input-checkbox-chip-resting-border-color-default: var(--pa-color-secondary-300);
  --pa-input-checkbox-chip-resting-border-color-hover: var(--pa-color-primary-500);
  --pa-input-checkbox-chip-resting-text-color-default: var(--pa-color-page-color);
  --pa-input-checkbox-chip-selected-solid-background-color: var(--pa-color-primary-500);
  --pa-input-checkbox-chip-selected-solid-text-color: var(--pa-color-primary-text-default);
  --pa-input-checkbox-chip-selected-soft-background-color: var(--pa-color-primary-50);
  --pa-input-checkbox-chip-selected-soft-border-color: var(--pa-color-primary-400);
  --pa-input-checkbox-chip-selected-soft-text-color: var(--pa-color-primary-800);
  --pa-input-checkbox-chip-color-success-solid-background-color: var(--pa-color-success-background-dark);
  --pa-input-checkbox-chip-color-success-solid-text-color: var(--pa-color-success-text-coloredInverse);
  --pa-input-checkbox-chip-color-success-soft-background-color: var(--pa-color-success-background-light);
  --pa-input-checkbox-chip-color-success-soft-text-color: var(--pa-color-success-text-colored);
  --pa-input-checkbox-chip-color-success-soft-border-color: var(--pa-color-success-border-colored);
  --pa-input-checkbox-chip-color-danger-solid-background-color: var(--pa-color-danger-background-dark);
  --pa-input-checkbox-chip-color-danger-solid-text-color: var(--pa-color-danger-text-coloredInverse);
  --pa-input-checkbox-chip-color-danger-soft-background-color: var(--pa-color-danger-background-light);
  --pa-input-checkbox-chip-color-danger-soft-text-color: var(--pa-color-danger-text-colored);
  --pa-input-checkbox-chip-color-danger-soft-border-color: var(--pa-color-danger-border-colored);
  --pa-input-checkbox-chip-color-warning-solid-background-color: var(--pa-color-warning-background-dark);
  --pa-input-checkbox-chip-color-warning-solid-text-color: var(--pa-color-warning-text-coloredInverse);
  --pa-input-checkbox-chip-color-warning-soft-background-color: var(--pa-color-warning-background-light);
  --pa-input-checkbox-chip-color-warning-soft-text-color: var(--pa-color-warning-text-colored);
  --pa-input-checkbox-chip-color-warning-soft-border-color: var(--pa-color-warning-border-colored);
  --pa-input-checkbox-chip-color-info-solid-background-color: var(--pa-color-info-background-dark);
  --pa-input-checkbox-chip-color-info-solid-text-color: var(--pa-color-info-text-coloredInverse);
  --pa-input-checkbox-chip-color-info-soft-background-color: var(--pa-color-info-background-light);
  --pa-input-checkbox-chip-color-info-soft-text-color: var(--pa-color-info-text-colored);
  --pa-input-checkbox-chip-color-info-soft-border-color: var(--pa-color-info-border-colored);
  --pa-input-checkbox-chip-color-secondary-solid-background-color: var(--pa-color-secondary-background-dark);
  --pa-input-checkbox-chip-color-secondary-solid-text-color: var(--pa-color-secondary-text-coloredInverse);
  --pa-input-checkbox-chip-color-secondary-soft-background-color: var(--pa-color-secondary-background-light);
  --pa-input-checkbox-chip-color-secondary-soft-text-color: var(--pa-color-secondary-text-colored);
  --pa-input-checkbox-chip-color-secondary-soft-border-color: var(--pa-color-secondary-border-colored);
  --pa-input-checkbox-label-opacity-disabled-default: 1;
  --pa-input-checkbox-group-gap: var(--pa-spacing-100);
  --pa-input-checkbox-group-label-color-default: var(--pa-color-page-muted);
  --pa-input-checkbox-group-label-font-size-default: var(--pa-font-size-xs);
  --pa-input-checkbox-group-label-font-weight-default: var(--pa-font-weight-regular);
  --pa-input-checkbox-group-label-margin-bottom: var(--pa-spacing-100);
  --pa-input-radio-segment-track-background-color: var(--pa-color-secondary-100);
  --pa-input-radio-segment-track-border-color: var(--pa-color-secondary-200);
  --pa-input-radio-segment-thumb-background-color: var(--pa-color-gray-800);
  --pa-input-radio-segment-thumb-text-color: var(--pa-color-gray-0);
  --pa-input-radio-segment-thumb-border-color: var(--pa-color-secondary-200);
  --pa-input-radio-segment-label-color-default: var(--pa-color-secondary-750);
  --pa-input-radio-segment-label-color-selected: var(--pa-color-page-color);
  --pa-input-radio-segment-padding-sm: 5px 12px;
  --pa-input-radio-segment-padding-md: 8px 18px;
  --pa-input-radio-segment-padding-lg: 11px 22px;
  --pa-input-radio-segment-slide-duration: 550ms;
  --pa-input-radio-segment-subtle-track-background-color: var(--pa-color-white);
  --pa-input-radio-segment-subtle-thumb-background-color: var(--pa-color-secondary-200);
  --pa-input-radio-segment-subtle-thumb-border-color: var(--pa-color-secondary-300);
  --pa-input-radio-segment-primary-thumb-background-color: var(--pa-color-primary-500);
  --pa-input-radio-segment-primary-thumb-text-color: var(--pa-color-primary-text-default);
  --pa-input-switch-text-color-default: var(--pa-color-light-500);
  --pa-input-switch-text-color-focus: var(--pa-color-light-500);
  --pa-input-switch-background-color-default: var(--pa-color-gray-300);
  --pa-input-switch-background-color-hover: var(--pa-color-gray-400);
  --pa-input-switch-background-color-checked: var(--pa-color-primary-500);
  --pa-input-switch-background-color-checked-hover: var(--pa-color-primary-600);
  --pa-input-switch-background-color-disabled: var(--pa-color-gray-600);
  --pa-input-switch-background-color-checked-disabled: var(--pa-color-primary-300);
  --pa-input-switch-size-sm-track-width: 36px;
  --pa-input-switch-size-sm-track-height: 20px;
  --pa-input-switch-size-sm-knob: 20px;
  --pa-input-switch-size-md-track-width: 44px;
  --pa-input-switch-size-md-track-height: 24px;
  --pa-input-switch-size-md-knob: 24px;
  --pa-input-switch-size-lg-track-width: 52px;
  --pa-input-switch-size-lg-track-height: 28px;
  --pa-input-switch-size-lg-knob: 28px;
  --pa-input-switch-border-radius: var(--pa-border-radius-full);
  --pa-input-switch-knob-inset: 1px;
  --pa-input-switch-knob-scale-pressed: 0.94;
  --pa-input-switch-knob-scale-release: 1.02;
  --pa-input-switch-knob-settle-duration: 480ms;
  --pa-input-switch-transition-duration: 420ms;
  --pa-input-switch-transition-easing: var(--pa-transition-easing-decelerate);
  --pa-input-switch-transition-color-duration: var(--pa-transition-duration-slow);
  --pa-input-switch-transition-color-easing: var(--pa-transition-easing-ease-out);
  --pa-input-switch-focus-ring-width: 3px;
  --pa-input-switch-focus-ring-color: var(--pa-color-focus-ring);
  --pa-input-height-default: 56px;
  --pa-input-margin-default: 12px;
  --pa-input-padding-left-default: 16px;
  --pa-loader-background-color-default: var(--pa-color-primary-500);
  --pa-menu-background-color-default: var(--pa-color-menu-surface-default);
  --pa-menu-title-gap-default: 18px;
  --pa-menu-section-gap-default: 14px;
  --pa-menu-bottom-gap-default: 20px;
  --pa-menu-bottom-toggle-gap-default: -10px;
  --pa-menu-bottom-shadow-default: 0 0 20px 20px rgba(0, 0, 0, 0.8);
  --pa-menu-item-focus-offset: var(--pa-border-width-100);
  --pa-menu-item-text-color-default: var(--pa-color-menu-ink-60);
  --pa-menu-item-text-color-hover: var(--pa-color-menu-ink-60);
  --pa-menu-item-text-color-active: var(--pa-color-menu-ink-100);
  --pa-menu-item-background-color-hover: var(--pa-color-menu-ink-5);
  --pa-menu-item-background-color-selected: var(--pa-color-menu-surface-elevated);
  --pa-menu-item-border-color-default: rgba(0, 0, 0, 0);
  --pa-menu-item-border-color-hover: var(--pa-color-menu-ink-10);
  --pa-menu-item-border-color-selected: var(--pa-color-menu-ink-10);
  --pa-menu-item-border-width-default: var(--pa-border-width-50);
  --pa-menu-item-border-radius-default: var(--pa-border-radius-225);
  --pa-menu-item-height-default: 56px;
  --pa-menu-item-gap-default: 18px;
  --pa-menu-item-spacing-default: 6px;
  --pa-menu-item-font-size-default: var(--pa-font-size-150);
  --pa-menu-item-icon-height-default: 28px;
  --pa-menu-item-padding-default: 0 15px;
  --pa-menu-group-background-color-open: var(--pa-color-menu-surface-elevated);
  --pa-menu-group-border-color-open: var(--pa-color-menu-ink-10);
  --pa-menu-subitem-text-color-default: var(--pa-color-menu-ink-40);
  --pa-menu-subitem-text-color-hover: var(--pa-color-menu-ink-100);
  --pa-menu-subitem-text-color-active: var(--pa-color-menu-ink-100);
  --pa-menu-subitem-background-color-hover: var(--pa-color-menu-ink-5);
  --pa-menu-subitem-border-color-hover: var(--pa-color-menu-ink-10);
  --pa-menu-subitem-border-radius-default: var(--pa-border-radius-150);
  --pa-menu-subitem-height-default: 48px;
  --pa-menu-subitem-padding-default: 0 16px 0 15px;
  --pa-menu-submenu-padding-default: 0 8px 8px 8px;
  --pa-menu-submenu-gap-default: 2px;
  --pa-menu-submenu-appearance-gap-default: 12px;
  --pa-menu-subheader-text-color-default: var(--pa-color-gray-500);
  --pa-menu-subheader-background-color-selected-default: var(--pa-color-menu-surface-elevated);
  --pa-menu-client-background-color-default: var(--pa-color-menu-surface-elevated);
  --pa-menu-client-background-color-hover: var(--pa-color-menu-ink-5);
  --pa-menu-client-background-color-active: var(--pa-color-menu-ink-5);
  --pa-menu-client-background-color-success: var(--pa-color-success-500);
  --pa-menu-client-background-color-info: var(--pa-color-info-500);
  --pa-menu-client-border-color-default: var(--pa-color-menu-ink-10);
  --pa-menu-client-border-radius-outer: var(--pa-border-radius-225);
  --pa-menu-client-border-radius-inner: var(--pa-border-radius-150);
  --pa-menu-client-text-color-primary: var(--pa-color-menu-ink-100);
  --pa-menu-client-text-color-secondary: var(--pa-color-menu-ink-60);
  --pa-menu-client-text-color-tertiary: var(--pa-color-menu-ink-40);
  --pa-menu-client-text-color-success: var(--pa-color-menu-ink-100);
  --pa-menu-client-text-color-info: var(--pa-color-menu-ink-100);
  --pa-menu-client-height-default: 56px;
  --pa-menu-client-dropdown-background-color-default: var(--pa-color-menu-surface-elevated);
  --pa-menu-client-dropdown-shadow-default: 0 8px 24px rgba(0, 0, 0, 0.24);
  --pa-menu-mode-toggle-background-color-default: var(--pa-color-menu-surface-elevated);
  --pa-menu-mode-toggle-border-color-default: var(--pa-color-menu-ink-10);
  --pa-menu-mode-toggle-border-radius-outer: var(--pa-border-radius-225);
  --pa-menu-mode-toggle-border-radius-inner: var(--pa-border-radius-150);
  --pa-menu-mode-toggle-text-color-default: var(--pa-color-menu-ink-60);
  --pa-menu-mode-toggle-text-color-active: var(--pa-color-menu-ink-100);
  --pa-menu-mode-toggle-button-background-color-hover: var(--pa-color-menu-ink-5);
  --pa-menu-mode-toggle-button-background-color-active: var(--pa-color-menu-ink-10);
  --pa-menu-mode-toggle-button-background-color-warning: var(--pa-color-warning-500);
  --pa-menu-mode-toggle-button-text-color-warning: var(--pa-color-menu-ink-inverse);
  --pa-menu-flyout-background-color-default: var(--pa-color-menu-surface-raised);
  --pa-menu-flyout-border-color-default: var(--pa-color-menu-ink-10);
  --pa-menu-flyout-border-width-default: var(--pa-border-width-50);
  --pa-menu-flyout-border-radius-default: var(--pa-border-radius-225);
  --pa-menu-flyout-border-radius-label: var(--pa-border-radius-150);
  --pa-menu-flyout-text-color-default: var(--pa-color-menu-ink-100);
  --pa-menu-flyout-text-color-muted: var(--pa-color-menu-ink-60);
  --pa-menu-flyout-row-background-color-hover: var(--pa-color-menu-ink-5);
  --pa-menu-flyout-row-background-color-active: var(--pa-color-menu-ink-10);
  --pa-menu-flyout-row-padding-x: var(--pa-spacing-200);
  --pa-menu-flyout-motion-duration-move: 360ms;
  --pa-menu-flyout-motion-duration-fade: 160ms;
  --pa-menu-flyout-motion-duration-swap: var(--pa-transition-duration-default);
  --pa-menu-flyout-motion-duration-leave: var(--pa-transition-duration-fast);
  --pa-menu-flyout-motion-delay-swap: 60ms;
  --pa-menu-flyout-motion-easing-move: var(--pa-transition-easing-settle);
  --pa-menu-flyout-motion-easing-fade: var(--pa-transition-easing-ease-out);
  --pa-menu-flyout-motion-distance-swap: var(--pa-spacing-150);
  --pa-menu-flyout-label-overlap-default: var(--pa-spacing-150);
  --pa-menu-flyout-label-padding-x: 14px;
  --pa-menu-flyout-label-padding-y: 6px;
  --pa-menu-flyout-panel-width-min: 240px;
  --pa-menu-flyout-panel-width-max: 320px;
  --pa-menu-flyout-viewport-pad: var(--pa-spacing-200);
  --pa-menu-flyout-title-padding-top: var(--pa-spacing-250);
  --pa-menu-flyout-title-padding-x: var(--pa-spacing-300);
  --pa-menu-flyout-title-padding-bottom: 10px;
  --pa-menu-flyout-title-font-size-default: var(--pa-font-size-75);
  --pa-menu-flyout-items-padding-default: var(--pa-spacing-100);
  --pa-menu-flyout-gap-default: var(--pa-spacing-50);
  --pa-menu-divider-color-default: var(--pa-color-menu-ink-10);
  --pa-menu-quick-actions-background-color-default: var(--pa-color-menu-create-background-default);
  --pa-menu-quick-actions-background-color-hover: var(--pa-color-menu-create-background-hover);
  --pa-menu-quick-actions-text-color-default: var(--pa-color-menu-create-text);
  --pa-menu-quick-actions-border-radius-default: var(--pa-border-radius-225);
  --pa-menu-quick-actions-height-default: 56px;
  --pa-menu-quick-actions-padding-left-default: 12px;
  --pa-menu-quick-actions-padding-right-default: 40px;
  --pa-menu-quick-actions-shadow-default: 0 8px 24px rgba(0, 0, 0, 0.15);
  --pa-menu-quick-actions-iconbox-background-color-default: var(--pa-color-menu-create-iconbox-background);
  --pa-menu-quick-actions-iconbox-size-default: 36px;
  --pa-menu-quick-actions-iconbox-radius-default: var(--pa-border-radius-150);
  --pa-menu-quick-actions-group-background-color-open: var(--pa-color-menu-create-group-background);
  --pa-menu-quick-actions-group-border-color-open: var(--pa-color-menu-create-group-border);
  --pa-menu-quick-actions-subitem-text-color-default: var(--pa-color-menu-create-subtext);
  --pa-menu-quick-actions-subitem-text-color-hover: var(--pa-color-menu-create-subtexthover);
  --pa-menu-quick-actions-subitem-text-color-active: var(--pa-color-menu-create-subtexthover);
  --pa-menu-quick-actions-subitem-background-color-hover: var(--pa-color-menu-create-subhover);
  --pa-menu-quick-actions-subitem-border-color-hover: var(--pa-color-menu-create-subborder);
  --pa-menu-icon-color-default: var(--pa-color-menu-ink-60);
  --pa-menu-icon-color-active: var(--pa-color-menu-ink-100);
  --pa-menu-toggle-color-default: var(--pa-color-menu-ink-60);
  --pa-menu-toggle-color-open: var(--pa-color-menu-ink-100);
  --pa-menu-toggle-color-hover: var(--pa-color-menu-ink-100);
  --pa-menu-toggle-background-color-hover: var(--pa-color-menu-ink-10);
  --pa-menu-toggle-background-color-active: var(--pa-color-menu-ink-20);
  --pa-menu-toggle-size-default: 32px;
  --pa-menu-toggle-radius-default: var(--pa-border-radius-100);
  --pa-menu-transition-default: all 0.3s ease;
  --pa-menu-motion-collapse-duration: 380ms;
  --pa-menu-motion-collapse-easing: var(--pa-transition-easing-settle);
  --pa-menu-motion-label-fade: 120ms;
  --pa-menu-motion-label-delay: 160ms;
  --pa-menu-z-index-default: var(--pa-z-index-fixed);
  --pa-menu-inset-default: 20px;
  --pa-menu-rail-tile-size: var(--pa-sizing-narrow);
  --pa-modal-padding-inner-default: 1.5rem;
  --pa-modal-background-color-default: var(--pa-color-white);
  --pa-multi-tag-entry-color-error: var(--pa-color-danger-500);
  --pa-multi-tag-drop-background-color-default: var(--pa-color-secondary-450);
  --pa-multi-tag-drop-background-color-primary: var(--pa-color-primary-450);
  --pa-multi-tag-drop-background-color-secondary: var(--pa-color-secondary-450);
  --pa-multi-tag-drop-background-color-tertiary: var(--pa-color-tertiary-450);
  --pa-multi-tag-drop-background-color-success: var(--pa-color-success-450);
  --pa-multi-tag-drop-background-color-danger: var(--pa-color-danger-450);
  --pa-multi-tag-drop-background-color-info: var(--pa-color-info-450);
  --pa-multi-tag-drop-background-color-warning: var(--pa-color-warning-450);
  --pa-multi-tag-drop-background-color-light: var(--pa-color-light-450);
  --pa-multi-tag-drop-background-color-dark: var(--pa-color-dark-450);
  --pa-multi-tag-clear-color-default: var(--pa-color-gray-500);
  --pa-multi-tag-clear-color-hover: var(--pa-color-gray-700);
  --pa-multi-tag-chip-radius: var(--pa-border-radius-125);
  --pa-multi-tag-chip-background-color: var(--pa-color-gray-50);
  --pa-multi-tag-chip-border-color: var(--pa-color-gray-350);
  --pa-multi-tag-chip-text-color: var(--pa-color-gray-900);
  --pa-multi-tag-chip-handle-color: var(--pa-color-gray-500);
  --pa-multi-tag-chip-remove-color-default: var(--pa-color-gray-500);
  --pa-multi-tag-chip-remove-color-hover: var(--pa-color-gray-700);
  --pa-multi-tag-chip-remove-background-hover: var(--pa-color-gray-200);
  --pa-multi-tag-menu-background-color-active: var(--pa-color-gray-100);
  --pa-multi-tag-menu-background-color-default: var(--pa-color-white);
  --pa-multi-tag-menu-background-radius: var(--pa-border-radius-200);
  --pa-multi-tag-menu-border-color-default: var(--pa-color-gray-200);
  --pa-multi-tag-menu-border-color-active: var(--pa-color-gray-200);
  --pa-multi-tag-menu-shadow: var(--pa-shadow-lg);
  --pa-multiselect-panel-radius: var(--pa-border-radius-200);
  --pa-multiselect-panel-max-height: 320px;
  --pa-multiselect-panel-border-color: var(--pa-color-gray-200);
  --pa-multiselect-panel-shadow: var(--pa-shadow-lg);
  --pa-multiselect-panel-background-color: var(--pa-color-white);
  --pa-multiselect-panel-option-background-hover: var(--pa-color-gray-100);
  --pa-multiselect-panel-option-background-selected: var(--pa-color-gray-150);
  --pa-multiselect-panel-option-border-color-hover: var(--pa-color-gray-200);
  --pa-multiselect-panel-option-border-color-selected: var(--pa-color-gray-300);
  --pa-multiselect-panel-option-text-hover: var(--pa-color-gray-900);
  --pa-multiselect-tag-radius: var(--pa-border-radius-125);
  --pa-multiselect-tag-background-color: var(--pa-color-gray-50);
  --pa-multiselect-tag-border-color: var(--pa-color-gray-300);
  --pa-multiselect-tag-text-color: var(--pa-color-gray-900);
  --pa-notification-surface-background-color-default: var(--pa-color-gray-50);
  --pa-notification-surface-shadow-default: var(--pa-shadow-lg);
  --pa-notification-surface-border-color-default: var(--pa-color-gray-300);
  --pa-notification-surface-border-width-default: var(--pa-border-width-thin);
  --pa-notification-surface-radius-default: var(--pa-border-radius-250);
  --pa-notification-placement-offset-default: 16px;
  --pa-notification-size-width-min: 380px;
  --pa-notification-size-width-max: 380px;
  --pa-notification-padding-x: 16px;
  --pa-notification-padding-y: 16px;
  --pa-notification-gap-default: var(--pa-spacing-100);
  --pa-notification-gap-icon: 12px;
  --pa-notification-gap-stack: 16px;
  --pa-notification-title-text-color-default: var(--pa-color-gray-900);
  --pa-notification-title-text-size-default: var(--pa-font-size-sm);
  --pa-notification-title-text-weight-default: var(--pa-font-weight-medium);
  --pa-notification-detail-text-color-default: var(--pa-color-gray-600);
  --pa-notification-detail-text-size-default: var(--pa-font-size-sm);
  --pa-notification-icon-size-default: 22px;
  --pa-notification-icon-color-success: var(--pa-color-success-700);
  --pa-notification-icon-color-info: var(--pa-color-info-650);
  --pa-notification-icon-color-warning: var(--pa-color-warning-700);
  --pa-notification-icon-color-error: var(--pa-color-danger-650);
  --pa-notification-icon-color-loading: var(--pa-color-gray-600);
  --pa-notification-close-color-default: var(--pa-color-gray-500);
  --pa-notification-close-color-hover: var(--pa-color-gray-900);
  --pa-notification-close-background-color-hover: var(--pa-color-gray-150);
  --pa-notification-close-size-default: 18px;
  --pa-notification-motion-enter-duration: var(--pa-transition-duration-slow);
  --pa-notification-motion-enter-easing: cubic-bezier(0.22, 1.2, 0.36, 1);
  --pa-notification-motion-exit-duration: var(--pa-transition-duration-default);
  --pa-notification-motion-exit-easing: cubic-bezier(0.4, 0, 1, 1);
  --pa-notification-motion-offset-default: 16px;
  --pa-notification-motion-scale-enter: 0.96;
  --pa-option-group-background-color-default: var(--pa-color-white);
  --pa-option-group-background-color-checked: var(--pa-color-gray-100);
  --pa-option-group-variant-light-background-color-default: var(--pa-color-gray-100);
  --pa-option-group-variant-light-background-color-checked: var(--pa-color-white);
  --pa-option-group-border-radius: var(--pa-border-radius-225);
  --pa-option-group-border-color-default: var(--pa-color-gray-300);
  --pa-option-group-border-color-disabled: var(--pa-color-gray-200);
  --pa-option-group-border-color-checked: var(--pa-color-gray-600);
  --pa-option-group-border-color-hover: var(--pa-color-gray-500);
  --pa-option-group-padding-default: 20px;
  --pa-option-group-gap-default: 12px;
  --pa-option-group-stack-gap: 12px;
  --pa-option-group-content-margin-top: 16px;
  --pa-option-group-content-border-color: var(--pa-color-gray-200);
  --pa-option-group-input-size: 24px;
  --pa-option-group-input-border-radius: var(--pa-border-radius-100);
  --pa-option-group-label-text-color: var(--pa-color-page-color);
  --pa-option-group-label-font-size: var(--pa-font-size-md);
  --pa-option-group-label-font-weight: var(--pa-font-weight-semibold);
  --pa-option-group-label-font-transform: none;
  --pa-option-group-description-text-color: var(--pa-color-page-muted);
  --pa-option-group-description-font-size: var(--pa-font-size-sm);
  --pa-option-group-disabled-opacity: 0.65;
  --pa-option-group-transition-duration: 200ms;
  --pa-page-content-margin-top-default: 32px;
  --pa-page-header-height-default: var(--pa-font-size-900);
  --pa-page-header-height-mobile: var(--pa-font-size-900);
  --pa-page-header-margin-bottom-default: 24px;
  --pa-page-header-margin-bottom-mobile: var(--pa-font-size-200);
  --pa-page-header-padding-y-default: 0px;
  --pa-page-header-padding-y-mobile: 0px;
  --pa-page-header-padding-x-default: 0px;
  --pa-page-header-padding-x-mobile: 0px;
  --pa-page-header-gap-default: var(--pa-font-size-200);
  --pa-page-header-gap-mobile: var(--pa-font-size-75);
  --pa-page-header-start-gap-default: var(--pa-font-size-75);
  --pa-page-header-start-gap-mobile: var(--pa-spacing-100);
  --pa-page-header-actions-gap-default: var(--pa-spacing-100);
  --pa-page-header-border-color-default: var(--pa-color-secondary-200);
  --pa-page-header-border-width-default: 0px;
  --pa-page-header-back-size-default: var(--pa-font-size-800);
  --pa-page-header-back-icon-size-default: var(--pa-font-size-400);
  --pa-page-header-back-radius-default: var(--pa-border-radius-full);
  --pa-page-header-back-color-default: var(--pa-color-page-color);
  --pa-page-header-back-color-hover: var(--pa-color-page-color);
  --pa-page-header-back-background-default: var(--pa-color-secondary-100);
  --pa-page-header-back-background-hover: var(--pa-color-secondary-200);
  --pa-page-header-back-background-active: var(--pa-color-secondary-300);
  --pa-page-header-control-size-default: var(--pa-font-size-800);
  --pa-page-header-control-icon-size-default: var(--pa-font-size-400);
  --pa-page-header-control-icon-size-mobile: var(--pa-font-size-400);
  --pa-page-header-control-background-default: var(--pa-color-secondary-100);
  --pa-page-header-control-background-hover: var(--pa-color-secondary-200);
  --pa-page-header-control-background-active: var(--pa-color-secondary-300);
  --pa-page-header-control-radius-default: var(--pa-border-radius-full);
  --pa-page-header-motion-duration-enter: var(--pa-transition-duration-default);
  --pa-page-header-motion-duration-interact: var(--pa-transition-duration-fast);
  --pa-page-header-motion-easing-enter: var(--pa-transition-easing-ease-out);
  --pa-page-header-motion-easing-interact: var(--pa-transition-easing-ease-in-out);
  --pa-page-header-focus-color-default: var(--pa-color-primary-500);
  --pa-page-header-focus-width-default: var(--pa-border-width-100);
  --pa-page-header-focus-offset-default: var(--pa-border-width-100);
  --pa-page-header-notify-size-default: var(--pa-font-size-900);
  --pa-page-header-notify-icon-size-default: var(--pa-font-size-400);
  --pa-page-header-notify-radius-default: var(--pa-border-radius-full);
  --pa-page-header-notify-border-width-default: var(--pa-border-width-thin);
  --pa-page-header-notify-border-color-default: var(--pa-color-secondary-300);
  --pa-page-header-notify-border-color-hover: var(--pa-color-primary-500);
  --pa-page-header-notify-background-default: var(--pa-color-secondary-100);
  --pa-page-header-notify-background-hover: var(--pa-color-secondary-200);
  --pa-page-header-notify-background-active: var(--pa-color-primary-500);
  --pa-page-header-notify-background-active-hover: var(--pa-color-primary-600);
  --pa-page-header-notify-color-default: var(--pa-color-page-color);
  --pa-page-header-notify-color-active: var(--pa-color-primary-text-default);
  --pa-page-header-notify-badge-size-default: var(--pa-font-size-400);
  --pa-page-header-notify-badge-font-size-default: var(--pa-font-size-50);
  --pa-page-header-notify-badge-font-weight-default: var(--pa-font-weight-semibold);
  --pa-page-header-notify-badge-background-default: var(--pa-color-primary-text-default);
  --pa-page-header-notify-badge-color-default: var(--pa-color-primary-500);
  --pa-page-header-notify-badge-border-width-default: var(--pa-border-width-medium);
  --pa-page-header-notify-badge-border-color-default: var(--pa-color-primary-500);
  --pa-page-header-notify-badge-radius-default: var(--pa-border-radius-sm);
  --pa-page-header-notify-badge-offset-default: -4px;
  --pa-page-header-notify-badge-padding-x-default: var(--pa-spacing-50);
  --pa-page-header-notify-panel-width-default: 360px;
  --pa-page-header-notify-panel-max-height-default: 480px;
  --pa-page-header-notify-panel-radius-default: var(--pa-border-radius-md);
  --pa-page-header-notify-panel-border-color-default: var(--pa-color-secondary-200);
  --pa-page-header-notify-panel-border-width-default: var(--pa-border-width-thin);
  --pa-page-header-notify-panel-background-default: var(--pa-color-white);
  --pa-page-header-notify-panel-background-header: var(--pa-color-page-background);
  --pa-page-header-notify-panel-background-item-hover: var(--pa-color-page-background);
  --pa-page-header-notify-panel-color-default: var(--pa-color-page-color);
  --pa-page-header-notify-panel-color-muted: var(--pa-color-page-muted);
  --pa-page-header-notify-panel-color-link: var(--pa-color-primary-500);
  --pa-page-header-notify-panel-z-index-default: var(--pa-z-index-popover);
  --pa-page-header-notify-panel-gap-default: var(--pa-spacing-100);
  --pa-page-header-notify-panel-padding-header-y: var(--pa-font-size-75);
  --pa-page-header-notify-panel-padding-header-x: var(--pa-font-size-200);
  --pa-page-header-notify-panel-padding-item-y: var(--pa-font-size-75);
  --pa-page-header-notify-panel-padding-item-x: var(--pa-font-size-200);
  --pa-page-header-notify-panel-offset-default: var(--pa-spacing-100);
  --pa-page-header-messages-size-default: var(--pa-font-size-900);
  --pa-page-header-messages-icon-size-default: var(--pa-font-size-400);
  --pa-page-header-messages-radius-default: var(--pa-border-radius-full);
  --pa-page-header-messages-border-width-default: var(--pa-border-width-thin);
  --pa-page-header-messages-border-color-default: var(--pa-color-secondary-300);
  --pa-page-header-messages-border-color-hover: var(--pa-color-secondary-500);
  --pa-page-header-messages-background-default: var(--pa-color-secondary-100);
  --pa-page-header-messages-background-hover: var(--pa-color-secondary-200);
  --pa-page-header-messages-background-active: var(--pa-color-secondary-300);
  --pa-page-header-messages-color-default: var(--pa-color-page-color);
  --pa-page-header-messages-color-hover: var(--pa-color-page-color);
  --pa-page-header-title-color-default: var(--pa-color-page-color);
  --pa-page-header-title-font-size-default: var(--pa-font-size-500);
  --pa-page-header-title-font-size-mobile: var(--pa-font-size-400);
  --pa-page-header-title-font-weight-default: var(--pa-font-weight-medium);
  --pa-page-header-title-font-tracking-default: 0px;
  --pa-page-header-title-font-tracking-mobile: 0px;
  --pa-page-header-title-font-line-height-default: var(--pa-font-size-700);
  --pa-page-header-title-font-line-height-mobile: var(--pa-font-size-600);
  --pa-page-header-brand-color-default: var(--pa-color-secondary-600);
  --pa-page-header-brand-font-size-default: var(--pa-font-size-100);
  --pa-page-hero-header-font-size-default: var(--pa-font-size-700);
  --pa-page-hero-header-font-size-mobile: var(--pa-font-size-500);
  --pa-page-padding-default: 32px;
  --pa-page-padding-mobile: 20px;
  --pa-page-background-color-default: var(--pa-color-page-background);
  --pa-page-line-height-md: 1.5;
  --pa-page-line-height-sm: 1.5;
  --pa-page-line-height-lg: 1.5;
  --pa-pagination-gap-default: var(--pa-spacing-50);
  --pa-pagination-gap-section: var(--pa-font-size-200);
  --pa-pagination-padding-y: 0px;
  --pa-pagination-padding-x-default: var(--pa-spacing-100);
  --pa-pagination-padding-x-sm: 12px;
  --pa-pagination-font-size-default: var(--pa-font-size-sm);
  --pa-pagination-font-weight-default: var(--pa-font-weight-regular);
  --pa-pagination-font-line-height-default: var(--pa-font-size-400);
  --pa-pagination-text-color-default: var(--pa-color-page-muted);
  --pa-pagination-text-color-disabled: var(--pa-color-secondary-400);
  --pa-pagination-text-color-muted: var(--pa-color-page-muted);
  --pa-pagination-border-color-default: var(--pa-color-transparent);
  --pa-pagination-border-color-disabled: var(--pa-color-transparent);
  --pa-pagination-border-width-default: var(--pa-border-width-thin);
  --pa-pagination-item-size-default: var(--pa-font-size-600);
  --pa-pagination-item-min-width-default: var(--pa-font-size-600);
  --pa-pagination-item-radius-default: var(--pa-border-radius-full);
  --pa-pagination-item-padding-x: var(--pa-spacing-50);
  --pa-pagination-item-background-color-default: var(--pa-color-transparent);
  --pa-pagination-item-background-color-hover: var(--pa-color-secondary-100);
  --pa-pagination-item-background-color-disabled: var(--pa-color-transparent);
  --pa-pagination-item-background-color-current: var(--pa-color-secondary-200);
  --pa-pagination-item-text-color-default: var(--pa-color-page-muted);
  --pa-pagination-item-text-color-hover: var(--pa-color-page-color);
  --pa-pagination-item-text-color-disabled: var(--pa-color-secondary-400);
  --pa-pagination-item-text-color-current: var(--pa-color-page-color);
  --pa-pagination-item-border-color-default: var(--pa-color-transparent);
  --pa-pagination-item-border-color-hover: var(--pa-color-transparent);
  --pa-pagination-item-border-color-disabled: var(--pa-color-transparent);
  --pa-pagination-item-border-color-current: var(--pa-color-secondary-300);
  --pa-pagination-item-font-weight-current: var(--pa-font-weight-medium);
  --pa-pagination-cap-text-color-default: var(--pa-color-page-muted);
  --pa-pagination-cap-text-color-hover: var(--pa-color-page-color);
  --pa-pagination-cap-text-color-active: var(--pa-color-page-color);
  --pa-pagination-cap-text-color-disabled: var(--pa-color-secondary-400);
  --pa-pagination-cap-background-color-default: var(--pa-color-transparent);
  --pa-pagination-cap-background-color-hover: var(--pa-color-secondary-200);
  --pa-pagination-cap-background-color-active: var(--pa-color-secondary-300);
  --pa-pagination-cap-background-color-disabled: var(--pa-color-transparent);
  --pa-pagination-cap-border-color-default: var(--pa-color-transparent);
  --pa-pagination-cap-border-color-hover: var(--pa-color-transparent);
  --pa-pagination-cap-border-color-active: var(--pa-color-transparent);
  --pa-pagination-cap-border-color-disabled: var(--pa-color-transparent);
  --pa-pagination-cap-gap-default: var(--pa-spacing-50);
  --pa-pagination-cap-padding-x: 12px;
  --pa-pagination-cap-radius-default: var(--pa-border-radius-full);
  --pa-pagination-cap-icon-size-default: var(--pa-font-size-sm);
  --pa-pagination-cap-font-weight-default: var(--pa-font-weight-medium);
  --pa-pagination-focus-color-default: var(--pa-color-primary-500);
  --pa-pagination-focus-width-default: var(--pa-border-width-thin);
  --pa-pagination-focus-offset-default: 1px;
  --pa-pagination-motion-duration-interact: var(--pa-transition-duration-fast);
  --pa-pagination-motion-easing-interact: var(--pa-transition-easing-ease-in-out);
  --pa-pagination-info-gap-default: var(--pa-font-size-200);
  --pa-pagination-info-font-size-default: var(--pa-font-size-sm);
  --pa-pagination-info-font-weight-default: var(--pa-font-weight-regular);
  --pa-placeholder-background-color: var(--pa-color-gray-300);
  --pa-placeholder-shimmer-color: var(--pa-color-gray-100);
  --pa-placeholder-shimmer-duration: 1600ms;
  --pa-placeholder-border-radius-default: var(--pa-border-radius-50);
  --pa-placeholder-height-default: var(--pa-font-size-200);
  --pa-placeholder-height-sm: var(--pa-font-size-75);
  --pa-placeholder-height-lg: var(--pa-font-size-500);
  --pa-progress-track-background-color: var(--pa-color-gray-200);
  --pa-progress-track-border-radius: var(--pa-border-radius-full);
  --pa-progress-height-sm: 4px;
  --pa-progress-height-md: 8px;
  --pa-progress-height-lg: 12px;
  --pa-progress-bar-color-primary: var(--pa-color-primary-500);
  --pa-progress-bar-color-secondary: var(--pa-color-secondary-500);
  --pa-progress-bar-color-success: var(--pa-color-success-500);
  --pa-progress-bar-color-danger: var(--pa-color-danger-500);
  --pa-progress-bar-color-warning: var(--pa-color-warning-500);
  --pa-progress-bar-color-info: var(--pa-color-info-500);
  --pa-progress-bar-color-light: var(--pa-color-gray-500);
  --pa-progress-bar-color-dark: var(--pa-color-gray-1000);
  --pa-progress-bar-transition-duration: 550ms;
  --pa-progress-bar-transition-fast: 150ms;
  --pa-progress-label-color: var(--pa-color-secondary-750);
  --pa-progress-label-font-size: var(--pa-font-size-sm);
  --pa-promo-badge-skim-duration: 3200ms;
  --pa-promo-badge-font-transform: uppercase;
  --pa-promo-badge-font-weight: var(--pa-font-weight-bold);
  --pa-promo-badge-font-size-sm: var(--pa-font-size-xs);
  --pa-promo-badge-font-size-md: var(--pa-font-size-sm);
  --pa-promo-badge-font-size-lg: var(--pa-font-size-md);
  --pa-promo-badge-padding-y: var(--pa-spacing-50);
  --pa-promo-badge-padding-x: 6px;
  --pa-sheet-background-color-default: var(--pa-color-surface-default);
  --pa-sheet-background-color-light: var(--pa-color-surface-raised);
  --pa-sheet-border-color-default: var(--pa-color-surface-border);
  --pa-sheet-border-width-default: var(--pa-border-width-thin);
  --pa-sheet-border-radius-lg-default: var(--pa-border-radius-250);
  --pa-sheet-border-radius-md-default: var(--pa-border-radius-225);
  --pa-sheet-border-radius-sm-default: var(--pa-border-radius-150);
  --pa-sheet-padding-sm-default: 16px;
  --pa-sheet-padding-md-default: 24px;
  --pa-sheet-padding-lg-default: 32px;
  --pa-sheet-elevate-shadow-default: var(--pa-shadow-soft);
  --pa-slider-card-border-radius: var(--pa-border-radius-150);
  --pa-slider-card-padding: 16px;
  --pa-slider-rail-background-color: var(--pa-color-secondary-200);
  --pa-slider-rail-border-radius: var(--pa-border-radius-full);
  --pa-slider-dot-background-color-disabled: var(--pa-color-gray-200);
  --pa-slider-dot-border-color: var(--pa-color-gray-300);
  --pa-slider-dot-transition-duration: 150ms;
  --pa-slider-tooltip-background-color: var(--pa-color-gray-1000);
  --pa-slider-tooltip-text-color: var(--pa-color-gray-0);
  --pa-slider-tooltip-border-radius: var(--pa-border-radius-100);
  --pa-slider-tooltip-font-size: var(--pa-font-size-sm);
  --pa-slider-tooltip-padding: 5px 10px;
  --pa-slider-tooltip-transition-duration: 220ms;
  --pa-slider-process-color-primary: var(--pa-color-primary-500);
  --pa-slider-process-color-secondary: var(--pa-color-secondary-500);
  --pa-slider-process-color-success: var(--pa-color-success-500);
  --pa-slider-process-color-danger: var(--pa-color-danger-500);
  --pa-slider-process-color-warning: var(--pa-color-warning-500);
  --pa-slider-process-color-info: var(--pa-color-info-500);
  --pa-slider-process-color-light: var(--pa-color-gray-500);
  --pa-slider-process-color-dark: var(--pa-color-gray-1000);
  --pa-slotted-layout-form-background-color-default: var(--pa-color-white);
  --pa-slotted-layout-header-text-color-light: var(--pa-color-white);
  --pa-slotted-layout-header-text-color-dark: var(--pa-color-gray-900);
  --pa-slotted-layout-header-background-color-default: var(--pa-color-gray-900);
  --pa-slotted-layout-header-background-color-lightened: var(--pa-color-gray-650);
  --pa-slotted-layout-header-background-color-light: var(--pa-color-white);
  --pa-slotted-layout-header-background-color-secondary: var(--pa-color-gray-100);
  --pa-square-size-xs: 24px;
  --pa-square-size-sm: 36px;
  --pa-square-size-md: 44px;
  --pa-square-size-lg: 80px;
  --pa-square-size-xl: 120px;
  --pa-square-border-radius-xs: var(--pa-border-radius-100);
  --pa-square-border-radius-sm: var(--pa-border-radius-125);
  --pa-square-border-radius-md: var(--pa-border-radius-150);
  --pa-square-border-radius-lg: var(--pa-border-radius-225);
  --pa-square-border-radius-xl: var(--pa-border-radius-250);
  --pa-square-variant-primary-background-color: var(--pa-color-primary-500);
  --pa-square-variant-primary-text-color: var(--pa-color-primary-text-default);
  --pa-square-variant-primary-border-color: var(--pa-color-primary-600);
  --pa-square-variant-dark-background-color: var(--pa-color-dark-500);
  --pa-square-variant-dark-text-color: var(--pa-color-dark-text-default);
  --pa-square-variant-dark-border-color: var(--pa-color-dark-600);
  --pa-square-variant-success-background-color: var(--pa-color-success-50);
  --pa-square-variant-success-text-color: var(--pa-color-success-700);
  --pa-square-variant-success-border-color: var(--pa-color-success-400);
  --pa-square-variant-danger-background-color: var(--pa-color-danger-100);
  --pa-square-variant-danger-text-color: var(--pa-color-danger-700);
  --pa-square-variant-danger-border-color: var(--pa-color-danger-400);
  --pa-square-variant-warning-background-color: var(--pa-color-warning-50);
  --pa-square-variant-warning-text-color: var(--pa-color-warning-800);
  --pa-square-variant-warning-border-color: var(--pa-color-warning-400);
  --pa-square-variant-tertiary-background-color: var(--pa-color-tertiary-50);
  --pa-square-variant-tertiary-text-color: var(--pa-color-tertiary-800);
  --pa-square-variant-tertiary-border-color: var(--pa-color-tertiary-400);
  --pa-square-variant-info-background-color: var(--pa-color-info-50);
  --pa-square-variant-info-text-color: var(--pa-color-info-700);
  --pa-square-variant-info-border-color: var(--pa-color-info-500);
  --pa-square-variant-secondary-background-color: var(--pa-color-gray-100);
  --pa-square-variant-secondary-text-color: var(--pa-color-gray-800);
  --pa-square-variant-secondary-border-color: var(--pa-color-gray-300);
  --pa-square-variant-light-text-color: var(--pa-color-page-color);
  --pa-square-variant-light-border-color: var(--pa-color-gray-200);
  --pa-table-font-size-md: var(--pa-font-size-sm);
  --pa-table-font-size-header: var(--pa-font-size-87);
  --pa-table-font-weight-default: var(--pa-font-weight-regular);
  --pa-table-font-weight-header: var(--pa-font-weight-regular);
  --pa-table-font-weight-emphasis: var(--pa-font-weight-medium);
  --pa-table-line-height-default: var(--pa-font-size-400);
  --pa-table-line-height-header: var(--pa-font-size-400);
  --pa-table-shell-background-color-default: var(--pa-color-secondary-100);
  --pa-table-shell-border-color-default: var(--pa-color-secondary-200);
  --pa-table-shell-border-width-default: var(--pa-border-width-thin);
  --pa-table-shell-radius-default: var(--pa-border-radius-250);
  --pa-table-shell-padding-top: var(--pa-spacing-100);
  --pa-table-shell-padding-top-mobile: var(--pa-spacing-50);
  --pa-table-shell-padding-bottom: var(--pa-spacing-100);
  --pa-table-shell-padding-x: var(--pa-spacing-50);
  --pa-table-shell-padding-default: var(--pa-spacing-50);
  --pa-table-footer-padding-top: 12px;
  --pa-table-footer-padding-bottom: 16px;
  --pa-table-footer-padding-x: var(--pa-spacing-50);
  --pa-table-footer-gap-default: var(--pa-spacing-100);
  --pa-table-header-text-color-default: var(--pa-color-page-muted);
  --pa-table-header-background-color-default: var(--pa-color-transparent);
  --pa-table-header-border-color-default: var(--pa-color-secondary-200);
  --pa-table-header-border-width-default: var(--pa-border-width-thin);
  --pa-table-header-padding-y: 16px;
  --pa-table-header-padding-x: 16px;
  --pa-table-header-font-weight-default: var(--pa-font-weight-regular);
  --pa-table-cell-text-color-default: var(--pa-color-page-color);
  --pa-table-cell-padding-default: 16px;
  --pa-table-cell-padding-y-sm: 16px;
  --pa-table-cell-padding-x-sm: 16px;
  --pa-table-cell-padding-tight-y: var(--pa-spacing-50);
  --pa-table-cell-padding-tight-x: var(--pa-spacing-100);
  --pa-table-mobile-gap-default: var(--pa-spacing-100);
  --pa-table-mobile-gap-row: var(--pa-spacing-100);
  --pa-table-mobile-gap-field: var(--pa-spacing-25);
  --pa-table-mobile-gap-field-inline: var(--pa-spacing-100);
  --pa-table-mobile-card-gap: var(--pa-spacing-50);
  --pa-table-mobile-card-radius: 16px;
  --pa-table-mobile-divider-inset: var(--pa-spacing-100);
  --pa-table-mobile-divider-gap: var(--pa-spacing-100);
  --pa-table-mobile-font-size-primary: var(--pa-font-size-sm);
  --pa-table-mobile-font-size-secondary: var(--pa-font-size-xs);
  --pa-table-mobile-font-size-label: var(--pa-font-size-xs);
  --pa-table-mobile-font-weight-primary: var(--pa-font-weight-medium);
  --pa-table-mobile-font-weight-secondary: var(--pa-font-weight-regular);
  --pa-table-mobile-font-weight-label: var(--pa-font-weight-medium);
  --pa-table-mobile-text-color-primary: var(--pa-color-page-color);
  --pa-table-mobile-text-color-secondary: var(--pa-color-page-muted);
  --pa-table-mobile-text-color-meta: var(--pa-color-page-muted);
  --pa-table-mobile-text-color-label: var(--pa-color-page-muted);
  --pa-table-row-border-color-default: var(--pa-color-secondary-200);
  --pa-table-row-border-width-default: var(--pa-border-width-thin);
  --pa-table-row-background-default: var(--pa-color-white);
  --pa-table-row-background-hover: var(--pa-color-secondary-50);
  --pa-table-row-background-highlighted: var(--pa-color-secondary-100);
  --pa-table-body-background-color-default: var(--pa-color-white);
  --pa-table-body-radius-default: 20px;
  --pa-table-body-border-color-default: var(--pa-color-secondary-200);
  --pa-table-body-border-width-default: var(--pa-border-width-thin);
  --pa-table-sort-arrow-size: var(--pa-font-size-200);
  --pa-table-sort-arrow-gap: var(--pa-spacing-50);
  --pa-table-sort-color-default: var(--pa-color-secondary-500);
  --pa-table-sort-color-active: var(--pa-color-secondary-700);
  --pa-table-sort-opacity-rest: 0.35;
  --pa-table-sort-opacity-hover: 0.7;
  --pa-table-sort-opacity-active: 1;
  --pa-table-motion-duration-interact: var(--pa-transition-duration-fast);
  --pa-table-motion-easing-interact: var(--pa-transition-easing-ease-in-out);
  --pa-table-bordered-radius-default: var(--pa-border-radius-250);
  --pa-table-bordered-width: var(--pa-border-width-thin);
  --pa-table-bordered-color-default: var(--pa-color-secondary-200);
  --pa-table-bordered-background-color-default: var(--pa-color-secondary-100);
  --pa-table-bordered-padding-default: var(--pa-spacing-100);
  --pa-table-bordered-header-background-color-default: var(--pa-color-transparent);
  --pa-table-bordered-header-color-default: var(--pa-color-page-muted);
  --pa-toggle-input-group-text-color-default: var(--pa-color-gray-600);
  --pa-toggle-input-group-font-size-default: var(--pa-font-size-md);
  --pa-toggle-input-group-font-weight-default: var(--pa-font-weight-regular);
  --pa-toggle-input-group-padding-default: 0 20px;
  --pa-toggle-input-group-border-radius-default: var(--pa-border-radius-225);
  --pa-toggle-input-group-height-sm: 44px;
  --pa-toggle-input-group-height-md: 56px;
  --pa-toggle-background-color-default: var(--pa-color-white);
  --pa-toggle-background-color-hover: var(--pa-color-light-500);
  --pa-toggle-font-weight-default: 600;
  --pa-toggle-font-size-md: 14px;
  --pa-toggle-font-size-sm: 12px;
  --pa-toggle-font-size-lg: 16px;
  --pa-toggle-border-radius-default: 100px;
  --pa-toggle-border-size-md: 6px;
  --pa-toggle-border-size-sm: 4px;
  --pa-toggle-border-size-lg: 6px;
  --pa-toggle-height-md: 32px;
  --pa-toggle-height-sm: 26px;
  --pa-toggle-height-lg: 44px;
}

/* Custom Variables Output */
[data-bs-theme=dark] {
  --pa-icon-variant-primary-color: var(--pa-color-primary-500);
  --pa-icon-variant-secondary-color: var(--pa-color-secondary-500);
  --pa-icon-variant-tertiary-color: var(--pa-color-tertiary-500);
  --pa-icon-variant-success-color: var(--pa-color-success-500);
  --pa-icon-variant-danger-color: var(--pa-color-danger-500);
  --pa-icon-variant-warning-color: var(--pa-color-warning-500);
  --pa-icon-variant-info-color: var(--pa-color-info-500);
  --pa-icon-variant-light-color: var(--pa-color-light-500);
  --pa-icon-variant-dark-color: var(--pa-color-dark-500);
  --pa-icon-text-color-disabled: var(--pa-color-gray-400);
  --pa-color-primary-50: #160507;
  --pa-color-primary-100: #2c0b0e;
  --pa-color-primary-150: #421015;
  --pa-color-primary-200: #58151c;
  --pa-color-primary-250: #6e1b23;
  --pa-color-primary-300: #842029;
  --pa-color-primary-350: #9a2530;
  --pa-color-primary-400: #b02a37;
  --pa-color-primary-450: #c6303e;
  --pa-color-primary-500: #dc3545;
  --pa-color-primary-500-rgb: 220, 53, 69;
  --pa-color-primary-550: #e04958;
  --pa-color-primary-600: #e35d6a;
  --pa-color-primary-650: #e7727d;
  --pa-color-primary-700: #ea868f;
  --pa-color-primary-750: #ee9aa2;
  --pa-color-primary-800: #f1aeb5;
  --pa-color-primary-850: #f5c2c7;
  --pa-color-primary-900: #f8d7da;
  --pa-color-primary-950: #fcebec;
  --pa-color-primary-text-default: #ffffff;
  --pa-color-primary-text-colored: #e87883;
  --pa-color-primary-text-colored-inverse: #901924;
  --pa-color-primary-border-colored: #df4655;
  --pa-color-primary-background-default: #dc3545;
  --pa-color-primary-background-light: #2b080b;
  --pa-color-primary-background-dark: #f7d4d7;
  --pa-color-secondary-50: #151516;
  --pa-color-secondary-100: #292a2c;
  --pa-color-secondary-150: #3e4041;
  --pa-color-secondary-200: #525557;
  --pa-color-secondary-250: #676a6d;
  --pa-color-secondary-300: #7c7f83;
  --pa-color-secondary-350: #909499;
  --pa-color-secondary-400: #a5aaae;
  --pa-color-secondary-450: #b9bfc4;
  --pa-color-secondary-500: #ced4da;
  --pa-color-secondary-500-rgb: 206, 212, 218;
  --pa-color-secondary-550: #d3d8de;
  --pa-color-secondary-600: #d8dde1;
  --pa-color-secondary-650: #dde1e5;
  --pa-color-secondary-700: #e2e5e9;
  --pa-color-secondary-750: #e7eaed;
  --pa-color-secondary-800: #ebeef0;
  --pa-color-secondary-850: #f0f2f4;
  --pa-color-secondary-900: #f5f6f8;
  --pa-color-secondary-950: #fafbfb;
  --pa-color-secondary-text-default: #000000;
  --pa-color-secondary-text-colored: #ced4da;
  --pa-color-secondary-text-colored-inverse: #45505b;
  --pa-color-secondary-border-colored: #ced4da;
  --pa-color-secondary-background-default: #ced4da;
  --pa-color-secondary-background-light: #161a1d;
  --pa-color-secondary-background-dark: #e2e6e9;
  --pa-color-tertiary-50: #171818;
  --pa-color-tertiary-100: #2f2f30;
  --pa-color-tertiary-150: #464748;
  --pa-color-tertiary-200: #5d5e60;
  --pa-color-tertiary-250: #757678;
  --pa-color-tertiary-300: #8c8e8f;
  --pa-color-tertiary-350: #a3a5a7;
  --pa-color-tertiary-400: #babdbf;
  --pa-color-tertiary-450: #d2d4d7;
  --pa-color-tertiary-500: #e9ecef;
  --pa-color-tertiary-550: #ebeef1;
  --pa-color-tertiary-600: #edf0f2;
  --pa-color-tertiary-650: #f0f2f4;
  --pa-color-tertiary-700: #f2f4f5;
  --pa-color-tertiary-750: #f4f6f7;
  --pa-color-tertiary-800: #f6f7f9;
  --pa-color-tertiary-850: #f8f9fa;
  --pa-color-tertiary-900: #fbfbfc;
  --pa-color-tertiary-950: #fdfdfd;
  --pa-color-tertiary-text-default: #000000;
  --pa-color-tertiary-text-colored: #e9ecef;
  --pa-color-tertiary-text-colored-inverse: #475462;
  --pa-color-tertiary-border-colored: #e9ecef;
  --pa-color-tertiary-background-default: #e9ecef;
  --pa-color-tertiary-background-light: #151a1e;
  --pa-color-tertiary-background-dark: #e9ecef;
  --pa-color-success-50: #031307;
  --pa-color-success-100: #07270f;
  --pa-color-success-150: #0b3b16;
  --pa-color-success-200: #0e4e1d;
  --pa-color-success-250: #126225;
  --pa-color-success-300: #15752c;
  --pa-color-success-350: #198933;
  --pa-color-success-400: #1c9c3a;
  --pa-color-success-450: #20b042;
  --pa-color-success-500: #23c349;
  --pa-color-success-500-rgb: 35, 195, 73;
  --pa-color-success-550: #39c95b;
  --pa-color-success-600: #4fcf6d;
  --pa-color-success-650: #65d580;
  --pa-color-success-700: #7bdb92;
  --pa-color-success-750: #91e1a4;
  --pa-color-success-800: #a7e7b6;
  --pa-color-success-850: #bdedc8;
  --pa-color-success-900: #d3f3db;
  --pa-color-success-950: #e9f9ed;
  --pa-color-success-text-default: #ffffff;
  --pa-color-success-text-colored: #23c349;
  --pa-color-success-text-colored-inverse: #126225;
  --pa-color-success-border-colored: #23c349;
  --pa-color-success-background-default: #23c349;
  --pa-color-success-background-light: #082b10;
  --pa-color-success-background-dark: #d4f7dc;
  --pa-color-info-50: #021012;
  --pa-color-info-100: #052025;
  --pa-color-info-150: #073137;
  --pa-color-info-200: #09414a;
  --pa-color-info-250: #0c515c;
  --pa-color-info-300: #0e616e;
  --pa-color-info-350: #107181;
  --pa-color-info-400: #128293;
  --pa-color-info-450: #1592a6;
  --pa-color-info-500: #17a2b8;
  --pa-color-info-500-rgb: 23, 162, 184;
  --pa-color-info-550: #2eabbf;
  --pa-color-info-600: #45b5c6;
  --pa-color-info-650: #5dbecd;
  --pa-color-info-700: #74c7d4;
  --pa-color-info-750: #8bd1dc;
  --pa-color-info-800: #a2dae3;
  --pa-color-info-850: #b9e3ea;
  --pa-color-info-900: #d1ecf1;
  --pa-color-info-950: #e8f6f8;
  --pa-color-info-text-default: #ffffff;
  --pa-color-info-text-colored: #1ab8d0;
  --pa-color-info-text-colored-inverse: #0d5d69;
  --pa-color-info-border-colored: #17a2b8;
  --pa-color-info-background-default: #17a2b8;
  --pa-color-info-background-light: #06282d;
  --pa-color-info-background-dark: #d2f4f9;
  --pa-color-warning-50: #181103;
  --pa-color-warning-100: #312107;
  --pa-color-warning-150: #4a320b;
  --pa-color-warning-200: #62420e;
  --pa-color-warning-250: #7b5312;
  --pa-color-warning-300: #936415;
  --pa-color-warning-350: #ac7419;
  --pa-color-warning-400: #c4851c;
  --pa-color-warning-450: #dd9520;
  --pa-color-warning-500: #f5a623;
  --pa-color-warning-500-rgb: 245, 166, 35;
  --pa-color-warning-550: #f6af39;
  --pa-color-warning-600: #f7b84f;
  --pa-color-warning-650: #f8c165;
  --pa-color-warning-700: #f9ca7b;
  --pa-color-warning-750: #fad391;
  --pa-color-warning-800: #fbdba7;
  --pa-color-warning-850: #fce4bd;
  --pa-color-warning-900: #fdedd3;
  --pa-color-warning-950: #fef6e9;
  --pa-color-warning-text-default: #000000;
  --pa-color-warning-text-colored: #f5a623;
  --pa-color-warning-text-colored-inverse: #754b05;
  --pa-color-warning-border-colored: #f5a623;
  --pa-color-warning-background-default: #f5a623;
  --pa-color-warning-background-light: #311f02;
  --pa-color-warning-background-dark: #fdebce;
  --pa-color-danger-50: #190000;
  --pa-color-danger-100: #330000;
  --pa-color-danger-150: #4d0000;
  --pa-color-danger-200: #660000;
  --pa-color-danger-250: #800000;
  --pa-color-danger-300: #990000;
  --pa-color-danger-350: #b30000;
  --pa-color-danger-400: #cc0000;
  --pa-color-danger-450: #e60000;
  --pa-color-danger-500: #ff0000;
  --pa-color-danger-500-rgb: 255, 0, 0;
  --pa-color-danger-550: #ff1919;
  --pa-color-danger-600: #ff3333;
  --pa-color-danger-650: #ff4d4d;
  --pa-color-danger-700: #ff6666;
  --pa-color-danger-750: #ff8080;
  --pa-color-danger-800: #ff9999;
  --pa-color-danger-850: #ffb3b3;
  --pa-color-danger-900: #ffcccc;
  --pa-color-danger-950: #ffe6e6;
  --pa-color-danger-text-default: #ffffff;
  --pa-color-danger-text-colored: #ff6868;
  --pa-color-danger-text-colored-inverse: #940000;
  --pa-color-danger-border-colored: #ff0000;
  --pa-color-danger-background-default: #ff0000;
  --pa-color-danger-background-light: #330000;
  --pa-color-danger-background-dark: #ffcccc;
  --pa-color-light-50: #171718;
  --pa-color-light-100: #2f2f2f;
  --pa-color-light-150: #464747;
  --pa-color-light-200: #5d5e5f;
  --pa-color-light-250: #757677;
  --pa-color-light-300: #8c8d8e;
  --pa-color-light-350: #a3a5a6;
  --pa-color-light-400: #babcbe;
  --pa-color-light-450: #d2d4d5;
  --pa-color-light-500: #e9ebed;
  --pa-color-light-500-rgb: 233, 235, 237;
  --pa-color-light-550: #ebedef;
  --pa-color-light-600: #edeff1;
  --pa-color-light-650: #f0f1f2;
  --pa-color-light-700: #f2f3f4;
  --pa-color-light-750: #f4f5f6;
  --pa-color-light-800: #f6f7f8;
  --pa-color-light-850: #f8f9fa;
  --pa-color-light-900: #fbfbfb;
  --pa-color-light-950: #fdfdfd;
  --pa-color-light-text-default: #000000;
  --pa-color-light-text-colored: #e9ebed;
  --pa-color-light-text-colored-inverse: #4b535c;
  --pa-color-light-border-colored: #e9ebed;
  --pa-color-light-background-default: #e9ebed;
  --pa-color-light-background-light: #17191c;
  --pa-color-light-background-dark: #e9ebed;
  --pa-color-dark-50: #050506;
  --pa-color-dark-100: #0a0b0b;
  --pa-color-dark-150: #101011;
  --pa-color-dark-200: #151617;
  --pa-color-dark-250: #1a1b1d;
  --pa-color-dark-300: #1f2022;
  --pa-color-dark-350: #242628;
  --pa-color-dark-400: #2a2b2e;
  --pa-color-dark-450: #2f3133;
  --pa-color-dark-500: #343639;
  --pa-color-dark-500-rgb: 52, 54, 57;
  --pa-color-dark-550: #484a4d;
  --pa-color-dark-600: #5d5e61;
  --pa-color-dark-650: #717274;
  --pa-color-dark-700: #858688;
  --pa-color-dark-750: #9a9b9c;
  --pa-color-dark-800: #aeafb0;
  --pa-color-dark-850: #c2c3c4;
  --pa-color-dark-900: #d6d7d7;
  --pa-color-dark-950: #ebebeb;
  --pa-color-dark-text-default: #ffffff;
  --pa-color-dark-text-colored: #9a9ea3;
  --pa-color-dark-text-colored-inverse: #343639;
  --pa-color-dark-border-colored: #7d8188;
  --pa-color-dark-background-default: #343639;
  --pa-color-dark-background-light: #18191b;
  --pa-color-dark-background-dark: #e4e5e7;
  --pa-color-gray-0: #000000;
  --pa-color-gray-50: #111213;
  --pa-color-gray-100: #212324;
  --pa-color-gray-150: #2b2d2f;
  --pa-color-gray-200: #343639;
  --pa-color-gray-250: #3e4144;
  --pa-color-gray-300: #494c4f;
  --pa-color-gray-350: #5a5e63;
  --pa-color-gray-400: #6c7176;
  --pa-color-gray-450: #8d949a;
  --pa-color-gray-500: #adb5bd;
  --pa-color-gray-550: #bdc4ca;
  --pa-color-gray-600: #ced3d7;
  --pa-color-gray-650: #d6dade;
  --pa-color-gray-700: #dee1e5;
  --pa-color-gray-750: #e4e6e9;
  --pa-color-gray-800: #e9ebed;
  --pa-color-gray-850: #f0f2f3;
  --pa-color-gray-900: #f8f9fa;
  --pa-color-gray-950: #fcfcfc;
  --pa-color-gray-1000: #ffffff;
  --pa-color-gray-text-default: #000000;
  --pa-color-gray-text-colored: #adb5bd;
  --pa-color-gray-text-colored-inverse: #475059;
  --pa-color-gray-border-colored: #adb5bd;
  --pa-color-gray-background-default: #adb5bd;
  --pa-color-gray-background-light: #17191c;
  --pa-color-gray-background-dark: #e3e6e8;
  --pa-color-blue-50: #000c19;
  --pa-color-blue-100: #001933;
  --pa-color-blue-150: #00254d;
  --pa-color-blue-200: #003166;
  --pa-color-blue-250: #003e80;
  --pa-color-blue-300: #004a99;
  --pa-color-blue-350: #0056b3;
  --pa-color-blue-400: #0062cc;
  --pa-color-blue-450: #006fe6;
  --pa-color-blue-500: #007bff;
  --pa-color-blue-550: #1988ff;
  --pa-color-blue-600: #3395ff;
  --pa-color-blue-650: #4da3ff;
  --pa-color-blue-700: #66b0ff;
  --pa-color-blue-750: #80bdff;
  --pa-color-blue-800: #99caff;
  --pa-color-blue-850: #b3d7ff;
  --pa-color-blue-900: #cce5ff;
  --pa-color-blue-950: #e6f2ff;
  --pa-color-blue-text-default: #ffffff;
  --pa-color-blue-text-colored: #469fff;
  --pa-color-blue-text-colored-inverse: #004b9c;
  --pa-color-blue-border-colored: #027cff;
  --pa-color-blue-background-default: #007bff;
  --pa-color-blue-background-light: #001933;
  --pa-color-blue-background-dark: #cce5ff;
  --pa-color-indigo-50: #0a0218;
  --pa-color-indigo-100: #140330;
  --pa-color-indigo-150: #1f0549;
  --pa-color-indigo-200: #290661;
  --pa-color-indigo-250: #330879;
  --pa-color-indigo-300: #3d0a91;
  --pa-color-indigo-350: #470ba9;
  --pa-color-indigo-400: #520dc2;
  --pa-color-indigo-450: #5c0eda;
  --pa-color-indigo-500: #6610f2;
  --pa-color-indigo-550: #7528f3;
  --pa-color-indigo-600: #8540f5;
  --pa-color-indigo-650: #9458f6;
  --pa-color-indigo-700: #a370f7;
  --pa-color-indigo-750: #b388f9;
  --pa-color-indigo-800: #c29ffa;
  --pa-color-indigo-850: #d1b7fb;
  --pa-color-indigo-900: #e0cffc;
  --pa-color-indigo-950: #f0e7fe;
  --pa-color-indigo-text-default: #ffffff;
  --pa-color-indigo-text-colored: #ac7df8;
  --pa-color-indigo-text-colored-inverse: #520bc6;
  --pa-color-indigo-border-colored: #9356f6;
  --pa-color-indigo-background-default: #6610f2;
  --pa-color-indigo-background-light: #140330;
  --pa-color-indigo-background-dark: #e0cffc;
  --pa-color-purple-50: #0b0713;
  --pa-color-purple-100: #160d27;
  --pa-color-purple-150: #21143a;
  --pa-color-purple-200: #2c1a4d;
  --pa-color-purple-250: #382161;
  --pa-color-purple-300: #432874;
  --pa-color-purple-350: #4e2e87;
  --pa-color-purple-400: #59359a;
  --pa-color-purple-450: #643bae;
  --pa-color-purple-500: #6f42c1;
  --pa-color-purple-550: #7d55c7;
  --pa-color-purple-600: #8c68cd;
  --pa-color-purple-650: #9a7bd4;
  --pa-color-purple-700: #a98eda;
  --pa-color-purple-750: #b7a1e0;
  --pa-color-purple-800: #c5b3e6;
  --pa-color-purple-850: #d4c6ec;
  --pa-color-purple-900: #e2d9f3;
  --pa-color-purple-950: #f1ecf9;
  --pa-color-purple-text-default: #ffffff;
  --pa-color-purple-text-colored: #a68ad9;
  --pa-color-purple-text-colored-inverse: #58339c;
  --pa-color-purple-border-colored: #8d69ce;
  --pa-color-purple-background-default: #6f42c1;
  --pa-color-purple-background-light: #160d26;
  --pa-color-purple-background-dark: #e2d9f2;
  --pa-color-pink-50: #17060e;
  --pa-color-pink-100: #2e0c1c;
  --pa-color-pink-150: #46132a;
  --pa-color-pink-200: #5d1938;
  --pa-color-pink-250: #741f46;
  --pa-color-pink-300: #8b2554;
  --pa-color-pink-350: #a22b62;
  --pa-color-pink-400: #ba3270;
  --pa-color-pink-450: #d1387e;
  --pa-color-pink-500: #e83e8c;
  --pa-color-pink-550: #ea5198;
  --pa-color-pink-600: #ed65a3;
  --pa-color-pink-650: #ef78af;
  --pa-color-pink-700: #f18bba;
  --pa-color-pink-750: #f49fc6;
  --pa-color-pink-800: #f6b2d1;
  --pa-color-pink-850: #f8c5dd;
  --pa-color-pink-900: #fad8e8;
  --pa-color-pink-950: #fdecf4;
  --pa-color-pink-text-default: #ffffff;
  --pa-color-pink-text-colored: #ee6fa9;
  --pa-color-pink-text-colored-inverse: #8f114b;
  --pa-color-pink-border-colored: #e83e8c;
  --pa-color-pink-background-default: #e83e8c;
  --pa-color-pink-background-light: #2e0518;
  --pa-color-pink-background-dark: #fad1e4;
  --pa-color-red-50: #160507;
  --pa-color-red-100: #2c0b0e;
  --pa-color-red-150: #421015;
  --pa-color-red-200: #58151c;
  --pa-color-red-250: #6e1b23;
  --pa-color-red-300: #842029;
  --pa-color-red-350: #9a2530;
  --pa-color-red-400: #b02a37;
  --pa-color-red-450: #c6303e;
  --pa-color-red-500: #dc3545;
  --pa-color-red-550: #e04958;
  --pa-color-red-600: #e35d6a;
  --pa-color-red-650: #e7727d;
  --pa-color-red-700: #ea868f;
  --pa-color-red-750: #ee9aa2;
  --pa-color-red-800: #f1aeb5;
  --pa-color-red-850: #f5c2c7;
  --pa-color-red-900: #f8d7da;
  --pa-color-red-950: #fcebec;
  --pa-color-red-text-default: #ffffff;
  --pa-color-red-text-colored: #e87883;
  --pa-color-red-text-colored-inverse: #901924;
  --pa-color-red-border-colored: #df4655;
  --pa-color-red-background-default: #dc3545;
  --pa-color-red-background-light: #2b080b;
  --pa-color-red-background-dark: #f7d4d7;
  --pa-color-orange-50: #190d02;
  --pa-color-orange-100: #331904;
  --pa-color-orange-150: #4c2606;
  --pa-color-orange-200: #653208;
  --pa-color-orange-250: #7f3f0a;
  --pa-color-orange-300: #984c0c;
  --pa-color-orange-350: #b1580e;
  --pa-color-orange-400: #ca6510;
  --pa-color-orange-450: #e47112;
  --pa-color-orange-500: #fd7e14;
  --pa-color-orange-550: #fd8b2b;
  --pa-color-orange-600: #fd9843;
  --pa-color-orange-650: #fea55b;
  --pa-color-orange-700: #feb272;
  --pa-color-orange-750: #febf8a;
  --pa-color-orange-800: #fecba1;
  --pa-color-orange-850: #fed8b9;
  --pa-color-orange-900: #ffe5d0;
  --pa-color-orange-950: #fff2e8;
  --pa-color-orange-text-default: #ffffff;
  --pa-color-orange-text-colored: #fd7f16;
  --pa-color-orange-text-colored-inverse: #843c01;
  --pa-color-orange-border-colored: #fd7e14;
  --pa-color-orange-background-default: #fd7e14;
  --pa-color-orange-background-light: #331700;
  --pa-color-orange-background-dark: #ffe3cc;
  --pa-color-yellow-50: #181103;
  --pa-color-yellow-100: #312107;
  --pa-color-yellow-150: #4a320b;
  --pa-color-yellow-200: #62420e;
  --pa-color-yellow-250: #7b5312;
  --pa-color-yellow-300: #936415;
  --pa-color-yellow-350: #ac7419;
  --pa-color-yellow-400: #c4851c;
  --pa-color-yellow-450: #dd9520;
  --pa-color-yellow-500: #f5a623;
  --pa-color-yellow-550: #f6af39;
  --pa-color-yellow-600: #f7b84f;
  --pa-color-yellow-650: #f8c165;
  --pa-color-yellow-700: #f9ca7b;
  --pa-color-yellow-750: #fad391;
  --pa-color-yellow-800: #fbdba7;
  --pa-color-yellow-850: #fce4bd;
  --pa-color-yellow-900: #fdedd3;
  --pa-color-yellow-950: #fef6e9;
  --pa-color-yellow-text-default: #000000;
  --pa-color-yellow-text-colored: #f5a623;
  --pa-color-yellow-text-colored-inverse: #754b05;
  --pa-color-yellow-border-colored: #f5a623;
  --pa-color-yellow-background-default: #f5a623;
  --pa-color-yellow-background-light: #311f02;
  --pa-color-yellow-background-dark: #fdebce;
  --pa-color-green-50: #031307;
  --pa-color-green-100: #07270f;
  --pa-color-green-150: #0b3b16;
  --pa-color-green-200: #0e4e1d;
  --pa-color-green-250: #126225;
  --pa-color-green-300: #15752c;
  --pa-color-green-350: #198933;
  --pa-color-green-400: #1c9c3a;
  --pa-color-green-450: #20b042;
  --pa-color-green-500: #23c349;
  --pa-color-green-550: #39c95b;
  --pa-color-green-600: #4fcf6d;
  --pa-color-green-650: #65d580;
  --pa-color-green-700: #7bdb92;
  --pa-color-green-750: #91e1a4;
  --pa-color-green-800: #a7e7b6;
  --pa-color-green-850: #bdedc8;
  --pa-color-green-900: #d3f3db;
  --pa-color-green-950: #e9f9ed;
  --pa-color-green-text-default: #ffffff;
  --pa-color-green-text-colored: #23c349;
  --pa-color-green-text-colored-inverse: #126225;
  --pa-color-green-border-colored: #23c349;
  --pa-color-green-background-default: #23c349;
  --pa-color-green-background-light: #082b10;
  --pa-color-green-background-dark: #d4f7dc;
  --pa-color-teal-50: #03140f;
  --pa-color-teal-100: #06281e;
  --pa-color-teal-150: #0a3c2d;
  --pa-color-teal-200: #0d503c;
  --pa-color-teal-250: #10654c;
  --pa-color-teal-300: #13795b;
  --pa-color-teal-350: #168d6a;
  --pa-color-teal-400: #1aa179;
  --pa-color-teal-450: #1db588;
  --pa-color-teal-500: #20c997;
  --pa-color-teal-550: #36cea1;
  --pa-color-teal-600: #4dd4ac;
  --pa-color-teal-650: #63d9b6;
  --pa-color-teal-700: #79dfc1;
  --pa-color-teal-750: #90e4cb;
  --pa-color-teal-800: #a6e9d5;
  --pa-color-teal-850: #bcefe0;
  --pa-color-teal-900: #d2f4ea;
  --pa-color-teal-950: #e9faf5;
  --pa-color-teal-text-default: #000000;
  --pa-color-teal-text-colored: #20c997;
  --pa-color-teal-text-colored-inverse: #0f6149;
  --pa-color-teal-border-colored: #20c997;
  --pa-color-teal-background-default: #20c997;
  --pa-color-teal-background-light: #072c21;
  --pa-color-teal-background-dark: #d3f8ed;
  --pa-color-cyan-50: #021012;
  --pa-color-cyan-100: #052025;
  --pa-color-cyan-150: #073137;
  --pa-color-cyan-200: #09414a;
  --pa-color-cyan-250: #0c515c;
  --pa-color-cyan-300: #0e616e;
  --pa-color-cyan-350: #107181;
  --pa-color-cyan-400: #128293;
  --pa-color-cyan-450: #1592a6;
  --pa-color-cyan-500: #17a2b8;
  --pa-color-cyan-550: #2eabbf;
  --pa-color-cyan-600: #45b5c6;
  --pa-color-cyan-650: #5dbecd;
  --pa-color-cyan-700: #74c7d4;
  --pa-color-cyan-750: #8bd1dc;
  --pa-color-cyan-800: #a2dae3;
  --pa-color-cyan-850: #b9e3ea;
  --pa-color-cyan-900: #d1ecf1;
  --pa-color-cyan-950: #e8f6f8;
  --pa-color-cyan-text-default: #ffffff;
  --pa-color-cyan-text-colored: #1ab8d0;
  --pa-color-cyan-text-colored-inverse: #0d5d69;
  --pa-color-cyan-border-colored: #17a2b8;
  --pa-color-cyan-background-default: #17a2b8;
  --pa-color-cyan-background-light: #06282d;
  --pa-color-cyan-background-dark: #d2f4f9;
  --pa-color-menu-surface-default: #0e0d0d;
  --pa-color-menu-surface-elevated: #1a1a1a;
  --pa-color-menu-surface-raised: #2a2c2f;
  --pa-color-menu-ink-5: rgba(255, 255, 255, 0.05);
  --pa-color-menu-ink-10: rgba(255, 255, 255, 0.1);
  --pa-color-menu-ink-20: rgba(255, 255, 255, 0.2);
  --pa-color-menu-ink-40: rgba(255, 255, 255, 0.4);
  --pa-color-menu-ink-60: rgba(255, 255, 255, 0.6);
  --pa-color-menu-ink-100: #ffffff;
  --pa-color-menu-ink-inverse: #0e0d0d;
  --pa-color-menu-create-background-default: var(--pa-color-primary-background-default);
  --pa-color-menu-create-background-hover: var(--pa-color-primary-550);
  --pa-color-menu-create-text: var(--pa-color-menu-ink-100);
  --pa-color-menu-create-subtext: var(--pa-color-menu-ink-60);
  --pa-color-menu-create-subtexthover: var(--pa-color-menu-ink-100);
  --pa-color-menu-create-subhover: var(--pa-color-menu-ink-10);
  --pa-color-menu-create-subborder: var(--pa-color-menu-ink-20);
  --pa-color-menu-create-iconbox-background: var(--pa-color-menu-ink-20);
  --pa-color-menu-create-group-background: var(--pa-color-primary-550);
  --pa-color-menu-create-group-border: var(--pa-color-menu-ink-20);
  --pa-color-transparent: rgba(0, 0, 0, 0);
  --pa-color-white: var(--pa-color-gray-0);
  --pa-color-black: var(--pa-color-gray-1000);
  --pa-color-link-text-default: var(--pa-color-black);
  --pa-color-link-text-disabled: var(--pa-color-gray-300);
  --pa-color-surface-default: #1e1e1e;
  --pa-color-surface-raised: #2a2a2a;
  --pa-color-surface-border: #3a3a3a;
  --pa-color-page-background: var(--pa-color-gray-100);
  --pa-color-page-color: var(--pa-color-gray-900);
  --pa-color-page-muted: var(--pa-color-secondary-600);
  --pa-color-page-secondary-color: var(--pa-color-gray-500);
  --pa-color-page-secondary-background: var(--pa-color-gray-200);
  --pa-color-page-tertiary-color: var(--pa-color-gray-300);
  --pa-color-page-tertiary-background: var(--pa-color-gray-100);
  --pa-color-focus-ring: rgba(220, 53, 69, 0.25);
  --pa-color-accent: var(--pa-color-primary-500);
  --pa-alert-count-background-color-default: var(--pa-color-primary-500);
  --pa-alert-count-text-color-default: var(--pa-color-primary-text-default);
  --pa-alert-count-floating-ring-color-default: var(--pa-color-page-background);
  --pa-card-background-color-default: var(--pa-color-white);
  --pa-card-border-color-default: var(--pa-color-gray-300);
  --pa-hr-border-color-default: var(--pa-color-gray-200);
  --pa-nav-button-background-color-default: var(--pa-color-white);
  --pa-nav-button-background-color-selected: var(--pa-color-black);
  --pa-nav-button-text-color-selected: var(--pa-color-light-500);
  --pa-nav-button-icon-color-disabled: var(--pa-icon-text-color-disabled);
  --pa-nav-button-icon-color-selected: var(--pa-color-dark-500);
  --pa-nav-button-square-background-color: var(--pa-color-gray-100);
  --pa-nav-button-square-border-color: var(--pa-color-gray-200);
  --pa-nav-button-square-icon-color: var(--pa-color-gray-800);
  --pa-nav-button-square-variant-light-background-color-default: var(--pa-color-dark-500);
  --pa-nav-button-square-variant-light-text-color-default: var(--pa-color-light-500);
  --pa-nav-button-variant-light-background-color: var(--pa-color-gray-100);
  --pa-nav-button-selected-primary-background-color: var(--pa-color-primary-500);
  --pa-nav-button-selected-primary-text-color: var(--pa-color-primary-text-default);
  --pa-nav-button-description-text-color: var(--pa-color-secondary-750);
  --pa-nav-button-group-label-subtle-text-color: var(--pa-color-secondary-700);
  --pa-tooltip-text-color-default: var(--pa-color-gray-700);
  --pa-tooltip-background-color-default: var(--pa-color-white);
  --pa-tooltip-arrow-color-default: var(--pa-color-gray-600);
  --pa-accordion-sheet-title-color-default: var(--pa-color-gray-600);
  --pa-accordion-sheet-title-color-hover: var(--pa-color-gray-800);
  --pa-action-button-icon-color: var(--pa-color-secondary-700);
  --pa-action-button-label-text-color: var(--pa-color-secondary-750);
  --pa-action-button-variant-light-background-color: var(--pa-color-gray-100);
  --pa-action-button-variant-primary-background-color: var(--pa-color-primary-500);
  --pa-action-button-variant-primary-border-color: var(--pa-color-primary-600);
  --pa-action-button-variant-primary-text-color: var(--pa-color-primary-text-default);
  --pa-action-button-variant-black-background-color: var(--pa-color-black);
  --pa-action-button-variant-black-text-color: var(--pa-color-white);
  --pa-action-button-selected-background-color: var(--pa-color-black);
  --pa-action-button-selected-text-color: var(--pa-color-light-500);
  --pa-action-button-selected-primary-background-color: var(--pa-color-primary-500);
  --pa-action-button-selected-primary-text-color: var(--pa-color-primary-text-default);
  --pa-badge-variant-primary-background-color: var(--pa-color-primary-500);
  --pa-badge-variant-primary-text-color: var(--pa-color-primary-text-default);
  --pa-badge-variant-primary-border-color: var(--pa-color-primary-600);
  --pa-badge-variant-dark-background-color: var(--pa-color-dark-500);
  --pa-badge-variant-dark-text-color: var(--pa-color-dark-text-default);
  --pa-badge-variant-dark-border-color: var(--pa-color-dark-600);
  --pa-badge-variant-success-background-color: var(--pa-color-success-background-light);
  --pa-badge-variant-success-text-color: var(--pa-color-success-text-colored);
  --pa-badge-variant-success-border-color: var(--pa-color-success-border-colored);
  --pa-badge-variant-danger-background-color: var(--pa-color-danger-background-light);
  --pa-badge-variant-danger-text-color: var(--pa-color-danger-text-colored);
  --pa-badge-variant-danger-border-color: var(--pa-color-danger-border-colored);
  --pa-badge-variant-warning-background-color: var(--pa-color-warning-background-light);
  --pa-badge-variant-warning-text-color: var(--pa-color-warning-text-colored);
  --pa-badge-variant-warning-border-color: var(--pa-color-warning-border-colored);
  --pa-badge-variant-secondary-background-color: var(--pa-color-secondary-background-light);
  --pa-badge-variant-secondary-text-color: var(--pa-color-secondary-text-colored);
  --pa-badge-variant-secondary-border-color: var(--pa-color-secondary-border-colored);
  --pa-badge-variant-tertiary-background-color: var(--pa-color-tertiary-background-light);
  --pa-badge-variant-tertiary-text-color: var(--pa-color-tertiary-text-colored);
  --pa-badge-variant-tertiary-border-color: var(--pa-color-tertiary-border-colored);
  --pa-badge-variant-info-background-color: var(--pa-color-info-background-light);
  --pa-badge-variant-info-text-color: var(--pa-color-info-text-colored);
  --pa-badge-variant-info-border-color: var(--pa-color-info-border-colored);
  --pa-badge-variant-light-background-color: var(--pa-color-page-background);
  --pa-badge-variant-light-text-color: var(--pa-color-page-color);
  --pa-badge-variant-light-border-color: var(--pa-color-secondary-600);
  --pa-button-border-color-disabled: var(--pa-color-gray-400);
  --pa-button-background-color-disabled: var(--pa-color-gray-200);
  --pa-button-text-color-disabled: var(--pa-color-gray-600);
  --pa-button-variant-primary-background-color-default: var(--pa-color-primary-500);
  --pa-button-variant-primary-background-color-hover: var(--pa-color-primary-450);
  --pa-button-variant-primary-background-color-active: var(--pa-color-primary-500);
  --pa-button-variant-primary-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-primary-text-color-default: var(--pa-color-primary-text-default);
  --pa-button-variant-primary-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-primary-border-color-default: var(--pa-color-primary-300);
  --pa-button-variant-primary-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-primary-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-secondary-background-color-default: var(--pa-color-secondary-500);
  --pa-button-variant-secondary-background-color-hover: var(--pa-color-secondary-450);
  --pa-button-variant-secondary-background-color-active: var(--pa-color-secondary-500);
  --pa-button-variant-secondary-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-secondary-text-color-default: var(--pa-color-secondary-text-default);
  --pa-button-variant-secondary-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-secondary-border-color-default: var(--pa-color-secondary-300);
  --pa-button-variant-secondary-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-secondary-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-tertiary-background-color-default: var(--pa-color-tertiary-500);
  --pa-button-variant-tertiary-background-color-hover: var(--pa-color-tertiary-450);
  --pa-button-variant-tertiary-background-color-active: var(--pa-color-tertiary-500);
  --pa-button-variant-tertiary-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-tertiary-text-color-default: var(--pa-color-tertiary-text-default);
  --pa-button-variant-tertiary-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-tertiary-border-color-default: var(--pa-color-tertiary-300);
  --pa-button-variant-tertiary-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-tertiary-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-success-background-color-default: var(--pa-color-success-500);
  --pa-button-variant-success-background-color-hover: var(--pa-color-success-450);
  --pa-button-variant-success-background-color-active: var(--pa-color-success-500);
  --pa-button-variant-success-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-success-text-color-default: var(--pa-color-success-text-default);
  --pa-button-variant-success-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-success-border-color-default: var(--pa-color-success-300);
  --pa-button-variant-success-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-success-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-warning-background-color-default: var(--pa-color-warning-500);
  --pa-button-variant-warning-background-color-hover: var(--pa-color-warning-450);
  --pa-button-variant-warning-background-color-active: var(--pa-color-warning-500);
  --pa-button-variant-warning-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-warning-text-color-default: var(--pa-color-warning-text-default);
  --pa-button-variant-warning-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-warning-border-color-default: var(--pa-color-warning-300);
  --pa-button-variant-warning-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-warning-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-danger-background-color-default: var(--pa-color-danger-500);
  --pa-button-variant-danger-background-color-hover: var(--pa-color-danger-450);
  --pa-button-variant-danger-background-color-active: var(--pa-color-danger-500);
  --pa-button-variant-danger-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-danger-text-color-default: var(--pa-color-danger-text-default);
  --pa-button-variant-danger-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-danger-border-color-default: var(--pa-color-danger-300);
  --pa-button-variant-danger-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-danger-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-info-background-color-default: var(--pa-color-info-500);
  --pa-button-variant-info-background-color-hover: var(--pa-color-info-450);
  --pa-button-variant-info-background-color-active: var(--pa-color-info-500);
  --pa-button-variant-info-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-info-text-color-default: var(--pa-color-info-text-default);
  --pa-button-variant-info-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-info-border-color-default: var(--pa-color-info-300);
  --pa-button-variant-info-border-color-focus: var(--pa-color-gray-300);
  --pa-button-variant-info-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-light-background-color-default: var(--pa-color-light-500);
  --pa-button-variant-light-background-color-hover: var(--pa-color-light-500);
  --pa-button-variant-light-background-color-active: var(--pa-color-light-500);
  --pa-button-variant-light-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-light-text-color-default: var(--pa-color-light-text-default);
  --pa-button-variant-light-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-light-border-color-default: var(--pa-color-light-500);
  --pa-button-variant-light-border-color-focus: var(--pa-color-light-500);
  --pa-button-variant-light-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-dark-background-color-default: var(--pa-color-dark-500);
  --pa-button-variant-dark-background-color-hover: var(--pa-color-dark-500);
  --pa-button-variant-dark-background-color-active: var(--pa-color-dark-500);
  --pa-button-variant-dark-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-dark-text-color-default: var(--pa-color-dark-text-default);
  --pa-button-variant-dark-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-dark-border-color-default: var(--pa-color-dark-500);
  --pa-button-variant-dark-border-color-focus: var(--pa-color-dark-500);
  --pa-button-variant-dark-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-white-background-color-default: var(--pa-color-white);
  --pa-button-variant-white-background-color-hover: var(--pa-color-gray-200);
  --pa-button-variant-white-background-color-active: var(--pa-color-gray-200);
  --pa-button-variant-white-background-color-disabled: var(--pa-button-background-color-disabled);
  --pa-button-variant-white-text-color-default: var(--pa-color-black);
  --pa-button-variant-white-text-color-disabled: var(--pa-button-text-color-disabled);
  --pa-button-variant-white-border-color-default: var(--pa-color-gray-400);
  --pa-button-variant-white-border-color-focus: var(--pa-color-gray-400);
  --pa-button-variant-white-border-color-disabled: var(--pa-button-border-color-disabled);
  --pa-button-variant-link-background-color-default: var(--pa-color-transparent);
  --pa-button-variant-link-background-color-hover: var(--pa-color-transparent);
  --pa-button-variant-link-background-color-active: var(--pa-color-transparent);
  --pa-button-variant-link-background-color-disabled: var(--pa-color-transparent);
  --pa-button-variant-link-text-color-default: var(--pa-color-link-text-default);
  --pa-button-variant-link-text-color-disabled: var(--pa-color-link-text-disabled);
  --pa-button-variant-link-border-color-default: var(--pa-color-transparent);
  --pa-button-variant-link-border-color-focus: var(--pa-color-transparent);
  --pa-button-variant-link-border-color-disabled: var(--pa-color-transparent);
  --pa-circle-variant-primary-background-color: var(--pa-color-primary-500);
  --pa-circle-variant-primary-text-color: var(--pa-color-primary-text-default);
  --pa-circle-variant-primary-border-color: var(--pa-color-primary-600);
  --pa-circle-variant-dark-background-color: var(--pa-color-dark-500);
  --pa-circle-variant-dark-text-color: var(--pa-color-dark-text-default);
  --pa-circle-variant-dark-border-color: var(--pa-color-dark-600);
  --pa-circle-variant-success-background-color: var(--pa-color-success-50);
  --pa-circle-variant-success-text-color: var(--pa-color-success-700);
  --pa-circle-variant-success-border-color: var(--pa-color-success-400);
  --pa-circle-variant-danger-background-color: var(--pa-color-danger-100);
  --pa-circle-variant-danger-text-color: var(--pa-color-danger-700);
  --pa-circle-variant-danger-border-color: var(--pa-color-danger-400);
  --pa-circle-variant-warning-background-color: var(--pa-color-warning-50);
  --pa-circle-variant-warning-text-color: var(--pa-color-warning-800);
  --pa-circle-variant-warning-border-color: var(--pa-color-warning-400);
  --pa-circle-variant-tertiary-background-color: var(--pa-color-tertiary-50);
  --pa-circle-variant-tertiary-text-color: var(--pa-color-tertiary-800);
  --pa-circle-variant-tertiary-border-color: var(--pa-color-tertiary-400);
  --pa-circle-variant-info-background-color: var(--pa-color-info-50);
  --pa-circle-variant-info-text-color: var(--pa-color-info-700);
  --pa-circle-variant-info-border-color: var(--pa-color-info-500);
  --pa-circle-variant-secondary-background-color: var(--pa-color-gray-100);
  --pa-circle-variant-secondary-text-color: var(--pa-color-gray-800);
  --pa-circle-variant-secondary-border-color: var(--pa-color-gray-300);
  --pa-circle-variant-light-text-color: var(--pa-color-page-color);
  --pa-circle-variant-light-border-color: var(--pa-color-gray-200);
  --pa-content-separator-variant-subtle-label-color-default: var(--pa-color-gray-600);
  --pa-content-separator-variant-subtle-line-color-default: var(--pa-color-gray-300);
  --pa-content-separator-variant-default-label-color-default: var(--pa-color-gray-700);
  --pa-content-separator-variant-default-line-color-default: var(--pa-color-gray-400);
  --pa-content-separator-variant-strong-label-color-default: var(--pa-color-gray-800);
  --pa-content-separator-variant-strong-line-color-default: var(--pa-color-gray-500);
  --pa-date-picker-background-color-weekend-default: var(--pa-color-gray-200);
  --pa-date-picker-dropdown-color-default: var(--pa-color-accent);
  --pa-date-picker-color-icon: var(--pa-color-accent);
  --pa-divider-border-color-subtle: var(--pa-color-secondary-100);
  --pa-divider-border-color-default: var(--pa-color-secondary-200);
  --pa-divider-border-color-strong: var(--pa-color-secondary-300);
  --pa-dropdown-link-text-color-default: var(--pa-color-secondary-500);
  --pa-dropdown-link-text-color-hover: var(--pa-color-blue-500);
  --pa-dropdown-link-text-color-active: var(--pa-color-secondary-500);
  --pa-dropdown-link-background-color-active: var(--pa-color-secondary-500);
  --pa-form-header-text-color-default: var(--pa-color-page-color);
  --pa-form-subheader-text-color-default: var(--pa-color-secondary-700);
  --pa-form-label-text-color-default: var(--pa-color-secondary-700);
  --pa-form-value-text-color-default: var(--pa-color-page-color);
  --pa-form-help-text-color-default: var(--pa-color-gray-600);
  --pa-hero-icon-variant-success-background-color-default: var(--pa-color-success-500);
  --pa-hero-icon-variant-success-border-color-default: var(--pa-color-success-350);
  --pa-hero-icon-variant-success-text-color-default: var(--pa-color-success-text-default);
  --pa-hero-icon-variant-info-background-color-default: var(--pa-color-blue-500);
  --pa-hero-icon-variant-info-border-color-default: var(--pa-color-blue-350);
  --pa-hero-icon-variant-info-text-color-default: var(--pa-color-blue-text-default);
  --pa-hero-icon-variant-warning-background-color-default: var(--pa-color-yellow-500);
  --pa-hero-icon-variant-warning-border-color-default: var(--pa-color-yellow-350);
  --pa-hero-icon-variant-warning-text-color-default: var(--pa-color-yellow-text-default);
  --pa-hero-icon-variant-danger-background-color-default: var(--pa-color-danger-500);
  --pa-hero-icon-variant-danger-border-color-default: var(--pa-color-danger-350);
  --pa-hero-icon-variant-danger-text-color-default: var(--pa-color-danger-text-default);
  --pa-hero-icon-variant-dark-background-color-default: var(--pa-color-gray-1000);
  --pa-hero-icon-variant-dark-border-color-default: var(--pa-color-gray-350);
  --pa-hero-icon-variant-dark-text-color-default: var(--pa-color-white);
  --pa-hero-icon-variant-dark-red-background-color-default: var(--pa-color-gray-1000);
  --pa-hero-icon-variant-dark-red-border-color-default: var(--pa-color-red-350);
  --pa-hero-icon-variant-dark-red-text-color-default: var(--pa-color-white);
  --pa-hero-icon-variant-dark-green-background-color-default: var(--pa-color-gray-1000);
  --pa-hero-icon-variant-dark-green-border-color-default: var(--pa-color-green-350);
  --pa-hero-icon-variant-dark-green-text-color-default: var(--pa-color-white);
  --pa-html-editor-toolbar-border-color: var(--pa-color-gray-200);
  --pa-html-editor-toolbar-toggle-color-default: var(--pa-color-gray-500);
  --pa-html-editor-toolbar-toggle-color-active: var(--pa-color-gray-900);
  --pa-html-editor-content-link-color: var(--pa-color-primary-500);
  --pa-html-editor-disabled-background-color: var(--pa-color-gray-200);
  --pa-html-editor-files-background-color: var(--pa-color-white);
  --pa-html-editor-files-border-color: var(--pa-color-gray-200);
  --pa-input-file-border-color-default: var(--pa-color-primary-500);
  --pa-input-placeholder-text-color-default: var(--pa-color-gray-500);
  --pa-input-background-color-default: var(--pa-color-white);
  --pa-input-border-color-default: var(--pa-color-gray-300);
  --pa-input-border-color-focus: var(--pa-color-info-500);
  --pa-input-border-color-invalid: var(--pa-color-danger-500);
  --pa-input-border-color-disabled: var(--pa-color-gray-400);
  --pa-input-border-color-hover: var(--pa-color-gray-600);
  --pa-input-label-text-color-default: var(--pa-color-primary-500);
  --pa-input-label-text-color-disabled: var(--pa-color-gray-600);
  --pa-input-label-text-color-focus: var(--pa-color-gray-600);
  --pa-input-button-text-color-focus-default: var(--pa-color-blue-200);
  --pa-input-checkbox-border-color-default: var(--pa-color-gray-500);
  --pa-input-checkbox-background-color-checked: var(--pa-color-primary-500);
  --pa-input-checkbox-tick-color-default: var(--pa-color-primary-text-default);
  --pa-input-checkbox-focus-ring-color: var(--pa-color-focus-ring);
  --pa-input-checkbox-chip-resting-border-color-default: var(--pa-color-secondary-300);
  --pa-input-checkbox-chip-resting-border-color-hover: var(--pa-color-primary-500);
  --pa-input-checkbox-chip-resting-text-color-default: var(--pa-color-page-color);
  --pa-input-checkbox-chip-selected-solid-background-color: var(--pa-color-primary-500);
  --pa-input-checkbox-chip-selected-solid-text-color: var(--pa-color-primary-text-default);
  --pa-input-checkbox-chip-selected-soft-background-color: var(--pa-color-primary-50);
  --pa-input-checkbox-chip-selected-soft-border-color: var(--pa-color-primary-400);
  --pa-input-checkbox-chip-selected-soft-text-color: var(--pa-color-primary-800);
  --pa-input-checkbox-chip-color-success-solid-background-color: var(--pa-color-success-background-dark);
  --pa-input-checkbox-chip-color-success-solid-text-color: var(--pa-color-success-text-coloredInverse);
  --pa-input-checkbox-chip-color-success-soft-background-color: var(--pa-color-success-background-light);
  --pa-input-checkbox-chip-color-success-soft-text-color: var(--pa-color-success-text-colored);
  --pa-input-checkbox-chip-color-success-soft-border-color: var(--pa-color-success-border-colored);
  --pa-input-checkbox-chip-color-danger-solid-background-color: var(--pa-color-danger-background-dark);
  --pa-input-checkbox-chip-color-danger-solid-text-color: var(--pa-color-danger-text-coloredInverse);
  --pa-input-checkbox-chip-color-danger-soft-background-color: var(--pa-color-danger-background-light);
  --pa-input-checkbox-chip-color-danger-soft-text-color: var(--pa-color-danger-text-colored);
  --pa-input-checkbox-chip-color-danger-soft-border-color: var(--pa-color-danger-border-colored);
  --pa-input-checkbox-chip-color-warning-solid-background-color: var(--pa-color-warning-background-dark);
  --pa-input-checkbox-chip-color-warning-solid-text-color: var(--pa-color-warning-text-coloredInverse);
  --pa-input-checkbox-chip-color-warning-soft-background-color: var(--pa-color-warning-background-light);
  --pa-input-checkbox-chip-color-warning-soft-text-color: var(--pa-color-warning-text-colored);
  --pa-input-checkbox-chip-color-warning-soft-border-color: var(--pa-color-warning-border-colored);
  --pa-input-checkbox-chip-color-info-solid-background-color: var(--pa-color-info-background-dark);
  --pa-input-checkbox-chip-color-info-solid-text-color: var(--pa-color-info-text-coloredInverse);
  --pa-input-checkbox-chip-color-info-soft-background-color: var(--pa-color-info-background-light);
  --pa-input-checkbox-chip-color-info-soft-text-color: var(--pa-color-info-text-colored);
  --pa-input-checkbox-chip-color-info-soft-border-color: var(--pa-color-info-border-colored);
  --pa-input-checkbox-chip-color-secondary-solid-background-color: var(--pa-color-secondary-background-dark);
  --pa-input-checkbox-chip-color-secondary-solid-text-color: var(--pa-color-secondary-text-coloredInverse);
  --pa-input-checkbox-chip-color-secondary-soft-background-color: var(--pa-color-secondary-background-light);
  --pa-input-checkbox-chip-color-secondary-soft-text-color: var(--pa-color-secondary-text-colored);
  --pa-input-checkbox-chip-color-secondary-soft-border-color: var(--pa-color-secondary-border-colored);
  --pa-input-checkbox-group-label-color-default: var(--pa-color-page-muted);
  --pa-input-radio-segment-track-background-color: var(--pa-color-secondary-100);
  --pa-input-radio-segment-track-border-color: var(--pa-color-secondary-200);
  --pa-input-radio-segment-thumb-background-color: var(--pa-color-gray-800);
  --pa-input-radio-segment-thumb-text-color: var(--pa-color-gray-0);
  --pa-input-radio-segment-thumb-border-color: var(--pa-color-secondary-200);
  --pa-input-radio-segment-label-color-default: var(--pa-color-secondary-750);
  --pa-input-radio-segment-label-color-selected: var(--pa-color-page-color);
  --pa-input-radio-segment-subtle-track-background-color: var(--pa-color-white);
  --pa-input-radio-segment-subtle-thumb-background-color: var(--pa-color-secondary-200);
  --pa-input-radio-segment-subtle-thumb-border-color: var(--pa-color-secondary-300);
  --pa-input-radio-segment-primary-thumb-background-color: var(--pa-color-primary-500);
  --pa-input-radio-segment-primary-thumb-text-color: var(--pa-color-primary-text-default);
  --pa-input-switch-text-color-default: var(--pa-color-light-500);
  --pa-input-switch-text-color-focus: var(--pa-color-light-500);
  --pa-input-switch-background-color-default: var(--pa-color-gray-300);
  --pa-input-switch-background-color-hover: var(--pa-color-gray-400);
  --pa-input-switch-background-color-checked: var(--pa-color-primary-500);
  --pa-input-switch-background-color-checked-hover: var(--pa-color-primary-600);
  --pa-input-switch-background-color-disabled: var(--pa-color-gray-600);
  --pa-input-switch-background-color-checked-disabled: var(--pa-color-primary-300);
  --pa-input-switch-transition-color-duration: var(--pa-transition-duration-slow);
  --pa-input-switch-transition-color-easing: var(--pa-transition-easing-ease-out);
  --pa-input-switch-focus-ring-color: var(--pa-color-focus-ring);
  --pa-loader-background-color-default: var(--pa-color-primary-500);
  --pa-menu-background-color-default: var(--pa-color-menu-surface-default);
  --pa-menu-item-text-color-default: var(--pa-color-menu-ink-60);
  --pa-menu-item-text-color-hover: var(--pa-color-menu-ink-60);
  --pa-menu-item-text-color-active: var(--pa-color-menu-ink-100);
  --pa-menu-item-background-color-hover: var(--pa-color-menu-ink-5);
  --pa-menu-item-background-color-selected: var(--pa-color-menu-surface-elevated);
  --pa-menu-item-border-color-default: rgba(0, 0, 0, 0);
  --pa-menu-item-border-color-hover: var(--pa-color-menu-ink-10);
  --pa-menu-item-border-color-selected: var(--pa-color-menu-ink-10);
  --pa-menu-group-background-color-open: var(--pa-color-menu-surface-elevated);
  --pa-menu-group-border-color-open: var(--pa-color-menu-ink-10);
  --pa-menu-subitem-text-color-default: var(--pa-color-menu-ink-40);
  --pa-menu-subitem-text-color-hover: var(--pa-color-menu-ink-100);
  --pa-menu-subitem-text-color-active: var(--pa-color-menu-ink-100);
  --pa-menu-subitem-background-color-hover: var(--pa-color-menu-ink-5);
  --pa-menu-subitem-border-color-hover: var(--pa-color-menu-ink-10);
  --pa-menu-subheader-text-color-default: var(--pa-color-gray-500);
  --pa-menu-subheader-background-color-selected-default: var(--pa-color-menu-surface-elevated);
  --pa-menu-client-background-color-default: var(--pa-color-menu-surface-elevated);
  --pa-menu-client-background-color-hover: var(--pa-color-menu-ink-5);
  --pa-menu-client-background-color-active: var(--pa-color-menu-ink-5);
  --pa-menu-client-background-color-success: var(--pa-color-success-500);
  --pa-menu-client-background-color-info: var(--pa-color-info-500);
  --pa-menu-client-border-color-default: var(--pa-color-menu-ink-10);
  --pa-menu-client-text-color-primary: var(--pa-color-menu-ink-100);
  --pa-menu-client-text-color-secondary: var(--pa-color-menu-ink-60);
  --pa-menu-client-text-color-tertiary: var(--pa-color-menu-ink-40);
  --pa-menu-client-text-color-success: var(--pa-color-menu-ink-100);
  --pa-menu-client-text-color-info: var(--pa-color-menu-ink-100);
  --pa-menu-client-dropdown-background-color-default: var(--pa-color-menu-surface-elevated);
  --pa-menu-mode-toggle-background-color-default: var(--pa-color-menu-surface-elevated);
  --pa-menu-mode-toggle-border-color-default: var(--pa-color-menu-ink-10);
  --pa-menu-mode-toggle-text-color-default: var(--pa-color-menu-ink-60);
  --pa-menu-mode-toggle-text-color-active: var(--pa-color-menu-ink-100);
  --pa-menu-mode-toggle-button-background-color-hover: var(--pa-color-menu-ink-5);
  --pa-menu-mode-toggle-button-background-color-active: var(--pa-color-menu-ink-10);
  --pa-menu-mode-toggle-button-background-color-warning: var(--pa-color-warning-500);
  --pa-menu-mode-toggle-button-text-color-warning: var(--pa-color-menu-ink-inverse);
  --pa-menu-flyout-background-color-default: var(--pa-color-menu-surface-raised);
  --pa-menu-flyout-border-color-default: var(--pa-color-menu-ink-10);
  --pa-menu-flyout-text-color-default: var(--pa-color-menu-ink-100);
  --pa-menu-flyout-text-color-muted: var(--pa-color-menu-ink-60);
  --pa-menu-flyout-row-background-color-hover: var(--pa-color-menu-ink-5);
  --pa-menu-flyout-row-background-color-active: var(--pa-color-menu-ink-10);
  --pa-menu-divider-color-default: var(--pa-color-menu-ink-10);
  --pa-menu-quick-actions-background-color-default: var(--pa-color-menu-create-background-default);
  --pa-menu-quick-actions-background-color-hover: var(--pa-color-menu-create-background-hover);
  --pa-menu-quick-actions-text-color-default: var(--pa-color-menu-create-text);
  --pa-menu-quick-actions-iconbox-background-color-default: var(--pa-color-menu-create-iconbox-background);
  --pa-menu-quick-actions-group-background-color-open: var(--pa-color-menu-create-group-background);
  --pa-menu-quick-actions-group-border-color-open: var(--pa-color-menu-create-group-border);
  --pa-menu-quick-actions-subitem-text-color-default: var(--pa-color-menu-create-subtext);
  --pa-menu-quick-actions-subitem-text-color-hover: var(--pa-color-menu-create-subtexthover);
  --pa-menu-quick-actions-subitem-text-color-active: var(--pa-color-menu-create-subtexthover);
  --pa-menu-quick-actions-subitem-background-color-hover: var(--pa-color-menu-create-subhover);
  --pa-menu-quick-actions-subitem-border-color-hover: var(--pa-color-menu-create-subborder);
  --pa-menu-icon-color-default: var(--pa-color-menu-ink-60);
  --pa-menu-icon-color-active: var(--pa-color-menu-ink-100);
  --pa-menu-toggle-color-default: var(--pa-color-menu-ink-60);
  --pa-menu-toggle-color-open: var(--pa-color-menu-ink-100);
  --pa-menu-toggle-color-hover: var(--pa-color-menu-ink-100);
  --pa-menu-toggle-background-color-hover: var(--pa-color-menu-ink-10);
  --pa-menu-toggle-background-color-active: var(--pa-color-menu-ink-20);
  --pa-modal-background-color-default: var(--pa-color-white);
  --pa-multi-tag-entry-color-error: var(--pa-color-danger-500);
  --pa-multi-tag-drop-background-color-default: var(--pa-color-secondary-450);
  --pa-multi-tag-drop-background-color-primary: var(--pa-color-primary-450);
  --pa-multi-tag-drop-background-color-secondary: var(--pa-color-secondary-450);
  --pa-multi-tag-drop-background-color-tertiary: var(--pa-color-tertiary-450);
  --pa-multi-tag-drop-background-color-success: var(--pa-color-success-450);
  --pa-multi-tag-drop-background-color-danger: var(--pa-color-danger-450);
  --pa-multi-tag-drop-background-color-info: var(--pa-color-info-450);
  --pa-multi-tag-drop-background-color-warning: var(--pa-color-warning-450);
  --pa-multi-tag-drop-background-color-light: var(--pa-color-light-450);
  --pa-multi-tag-drop-background-color-dark: var(--pa-color-dark-450);
  --pa-multi-tag-clear-color-default: var(--pa-color-gray-500);
  --pa-multi-tag-clear-color-hover: var(--pa-color-gray-700);
  --pa-multi-tag-chip-background-color: var(--pa-color-gray-50);
  --pa-multi-tag-chip-border-color: var(--pa-color-gray-350);
  --pa-multi-tag-chip-text-color: var(--pa-color-gray-900);
  --pa-multi-tag-chip-handle-color: var(--pa-color-gray-500);
  --pa-multi-tag-chip-remove-color-default: var(--pa-color-gray-500);
  --pa-multi-tag-chip-remove-color-hover: var(--pa-color-gray-700);
  --pa-multi-tag-menu-background-color-active: var(--pa-color-gray-100);
  --pa-multi-tag-menu-background-color-default: var(--pa-color-white);
  --pa-multi-tag-menu-border-color-default: var(--pa-color-gray-200);
  --pa-multi-tag-menu-border-color-active: var(--pa-color-gray-200);
  --pa-multiselect-panel-border-color: var(--pa-color-gray-200);
  --pa-multiselect-panel-background-color: var(--pa-color-white);
  --pa-multiselect-panel-option-border-color-hover: var(--pa-color-gray-200);
  --pa-multiselect-panel-option-border-color-selected: var(--pa-color-gray-300);
  --pa-multiselect-tag-background-color: var(--pa-color-gray-50);
  --pa-multiselect-tag-border-color: var(--pa-color-gray-300);
  --pa-multiselect-tag-text-color: var(--pa-color-gray-900);
  --pa-notification-surface-background-color-default: var(--pa-color-gray-50);
  --pa-notification-surface-border-color-default: var(--pa-color-gray-300);
  --pa-notification-title-text-color-default: var(--pa-color-gray-900);
  --pa-notification-detail-text-color-default: var(--pa-color-gray-600);
  --pa-notification-icon-color-success: var(--pa-color-success-700);
  --pa-notification-icon-color-info: var(--pa-color-info-650);
  --pa-notification-icon-color-warning: var(--pa-color-warning-700);
  --pa-notification-icon-color-error: var(--pa-color-danger-650);
  --pa-notification-icon-color-loading: var(--pa-color-gray-600);
  --pa-notification-close-color-default: var(--pa-color-gray-500);
  --pa-notification-close-color-hover: var(--pa-color-gray-900);
  --pa-notification-close-background-color-hover: var(--pa-color-gray-150);
  --pa-option-group-background-color-default: var(--pa-color-white);
  --pa-option-group-background-color-checked: var(--pa-color-gray-100);
  --pa-option-group-variant-light-background-color-default: var(--pa-color-gray-100);
  --pa-option-group-variant-light-background-color-checked: var(--pa-color-white);
  --pa-option-group-border-color-default: var(--pa-color-gray-300);
  --pa-option-group-border-color-disabled: var(--pa-color-gray-200);
  --pa-option-group-border-color-checked: var(--pa-color-gray-600);
  --pa-option-group-border-color-hover: var(--pa-color-gray-500);
  --pa-option-group-content-border-color: var(--pa-color-gray-200);
  --pa-option-group-label-text-color: var(--pa-color-page-color);
  --pa-option-group-description-text-color: var(--pa-color-page-muted);
  --pa-page-header-border-color-default: var(--pa-color-secondary-200);
  --pa-page-header-back-color-default: var(--pa-color-page-color);
  --pa-page-header-back-color-hover: var(--pa-color-page-color);
  --pa-page-header-focus-color-default: var(--pa-color-primary-500);
  --pa-page-header-notify-border-color-default: var(--pa-color-secondary-300);
  --pa-page-header-notify-border-color-hover: var(--pa-color-primary-500);
  --pa-page-header-notify-color-default: var(--pa-color-page-color);
  --pa-page-header-notify-color-active: var(--pa-color-primary-text-default);
  --pa-page-header-notify-badge-color-default: var(--pa-color-primary-500);
  --pa-page-header-notify-badge-border-color-default: var(--pa-color-primary-500);
  --pa-page-header-notify-panel-border-color-default: var(--pa-color-secondary-200);
  --pa-page-header-notify-panel-color-default: var(--pa-color-page-color);
  --pa-page-header-notify-panel-color-muted: var(--pa-color-page-muted);
  --pa-page-header-notify-panel-color-link: var(--pa-color-primary-500);
  --pa-page-header-messages-border-color-default: var(--pa-color-secondary-300);
  --pa-page-header-messages-border-color-hover: var(--pa-color-secondary-500);
  --pa-page-header-messages-color-default: var(--pa-color-page-color);
  --pa-page-header-messages-color-hover: var(--pa-color-page-color);
  --pa-page-header-title-color-default: var(--pa-color-page-color);
  --pa-page-header-brand-color-default: var(--pa-color-secondary-600);
  --pa-page-background-color-default: var(--pa-color-page-background);
  --pa-pagination-text-color-default: var(--pa-color-page-muted);
  --pa-pagination-text-color-disabled: var(--pa-color-secondary-400);
  --pa-pagination-text-color-muted: var(--pa-color-page-muted);
  --pa-pagination-border-color-default: var(--pa-color-transparent);
  --pa-pagination-border-color-disabled: var(--pa-color-transparent);
  --pa-pagination-item-background-color-default: var(--pa-color-transparent);
  --pa-pagination-item-background-color-hover: var(--pa-color-secondary-100);
  --pa-pagination-item-background-color-disabled: var(--pa-color-transparent);
  --pa-pagination-item-background-color-current: var(--pa-color-secondary-200);
  --pa-pagination-item-text-color-default: var(--pa-color-page-muted);
  --pa-pagination-item-text-color-hover: var(--pa-color-page-color);
  --pa-pagination-item-text-color-disabled: var(--pa-color-secondary-400);
  --pa-pagination-item-text-color-current: var(--pa-color-page-color);
  --pa-pagination-item-border-color-default: var(--pa-color-transparent);
  --pa-pagination-item-border-color-hover: var(--pa-color-transparent);
  --pa-pagination-item-border-color-disabled: var(--pa-color-transparent);
  --pa-pagination-item-border-color-current: var(--pa-color-secondary-300);
  --pa-pagination-cap-text-color-default: var(--pa-color-page-muted);
  --pa-pagination-cap-text-color-hover: var(--pa-color-page-color);
  --pa-pagination-cap-text-color-active: var(--pa-color-page-color);
  --pa-pagination-cap-text-color-disabled: var(--pa-color-secondary-400);
  --pa-pagination-cap-background-color-default: var(--pa-color-transparent);
  --pa-pagination-cap-background-color-hover: var(--pa-color-secondary-200);
  --pa-pagination-cap-background-color-active: var(--pa-color-secondary-300);
  --pa-pagination-cap-background-color-disabled: var(--pa-color-transparent);
  --pa-pagination-cap-border-color-default: var(--pa-color-transparent);
  --pa-pagination-cap-border-color-hover: var(--pa-color-transparent);
  --pa-pagination-cap-border-color-active: var(--pa-color-transparent);
  --pa-pagination-cap-border-color-disabled: var(--pa-color-transparent);
  --pa-pagination-focus-color-default: var(--pa-color-primary-500);
  --pa-placeholder-background-color: var(--pa-color-gray-300);
  --pa-placeholder-shimmer-color: var(--pa-color-gray-100);
  --pa-progress-track-background-color: var(--pa-color-gray-200);
  --pa-progress-bar-color-primary: var(--pa-color-primary-500);
  --pa-progress-bar-color-secondary: var(--pa-color-secondary-500);
  --pa-progress-bar-color-success: var(--pa-color-success-500);
  --pa-progress-bar-color-danger: var(--pa-color-danger-500);
  --pa-progress-bar-color-warning: var(--pa-color-warning-500);
  --pa-progress-bar-color-info: var(--pa-color-info-500);
  --pa-progress-bar-color-light: var(--pa-color-gray-500);
  --pa-progress-bar-color-dark: var(--pa-color-gray-1000);
  --pa-progress-label-color: var(--pa-color-secondary-750);
  --pa-sheet-background-color-default: var(--pa-color-surface-default);
  --pa-sheet-background-color-light: var(--pa-color-surface-raised);
  --pa-sheet-border-color-default: var(--pa-color-surface-border);
  --pa-slider-rail-background-color: var(--pa-color-secondary-200);
  --pa-slider-dot-background-color-disabled: var(--pa-color-gray-200);
  --pa-slider-dot-border-color: var(--pa-color-gray-300);
  --pa-slider-tooltip-background-color: var(--pa-color-gray-1000);
  --pa-slider-tooltip-text-color: var(--pa-color-gray-0);
  --pa-slider-process-color-primary: var(--pa-color-primary-500);
  --pa-slider-process-color-secondary: var(--pa-color-secondary-500);
  --pa-slider-process-color-success: var(--pa-color-success-500);
  --pa-slider-process-color-danger: var(--pa-color-danger-500);
  --pa-slider-process-color-warning: var(--pa-color-warning-500);
  --pa-slider-process-color-info: var(--pa-color-info-500);
  --pa-slider-process-color-light: var(--pa-color-gray-500);
  --pa-slider-process-color-dark: var(--pa-color-gray-1000);
  --pa-slotted-layout-form-background-color-default: var(--pa-color-white);
  --pa-slotted-layout-header-text-color-light: var(--pa-color-white);
  --pa-slotted-layout-header-text-color-dark: var(--pa-color-gray-900);
  --pa-slotted-layout-header-background-color-default: var(--pa-color-gray-900);
  --pa-slotted-layout-header-background-color-lightened: var(--pa-color-gray-650);
  --pa-slotted-layout-header-background-color-light: var(--pa-color-white);
  --pa-slotted-layout-header-background-color-secondary: var(--pa-color-gray-100);
  --pa-square-variant-primary-background-color: var(--pa-color-primary-500);
  --pa-square-variant-primary-text-color: var(--pa-color-primary-text-default);
  --pa-square-variant-primary-border-color: var(--pa-color-primary-600);
  --pa-square-variant-dark-background-color: var(--pa-color-dark-500);
  --pa-square-variant-dark-text-color: var(--pa-color-dark-text-default);
  --pa-square-variant-dark-border-color: var(--pa-color-dark-600);
  --pa-square-variant-success-background-color: var(--pa-color-success-50);
  --pa-square-variant-success-text-color: var(--pa-color-success-700);
  --pa-square-variant-success-border-color: var(--pa-color-success-400);
  --pa-square-variant-danger-background-color: var(--pa-color-danger-100);
  --pa-square-variant-danger-text-color: var(--pa-color-danger-700);
  --pa-square-variant-danger-border-color: var(--pa-color-danger-400);
  --pa-square-variant-warning-background-color: var(--pa-color-warning-50);
  --pa-square-variant-warning-text-color: var(--pa-color-warning-800);
  --pa-square-variant-warning-border-color: var(--pa-color-warning-400);
  --pa-square-variant-tertiary-background-color: var(--pa-color-tertiary-50);
  --pa-square-variant-tertiary-text-color: var(--pa-color-tertiary-800);
  --pa-square-variant-tertiary-border-color: var(--pa-color-tertiary-400);
  --pa-square-variant-info-background-color: var(--pa-color-info-50);
  --pa-square-variant-info-text-color: var(--pa-color-info-700);
  --pa-square-variant-info-border-color: var(--pa-color-info-500);
  --pa-square-variant-secondary-background-color: var(--pa-color-gray-100);
  --pa-square-variant-secondary-text-color: var(--pa-color-gray-800);
  --pa-square-variant-secondary-border-color: var(--pa-color-gray-300);
  --pa-square-variant-light-text-color: var(--pa-color-page-color);
  --pa-square-variant-light-border-color: var(--pa-color-gray-200);
  --pa-table-shell-background-color-default: var(--pa-color-secondary-100);
  --pa-table-shell-border-color-default: var(--pa-color-secondary-200);
  --pa-table-header-text-color-default: var(--pa-color-page-muted);
  --pa-table-header-background-color-default: var(--pa-color-transparent);
  --pa-table-header-border-color-default: var(--pa-color-secondary-200);
  --pa-table-cell-text-color-default: var(--pa-color-page-color);
  --pa-table-mobile-text-color-primary: var(--pa-color-page-color);
  --pa-table-mobile-text-color-secondary: var(--pa-color-page-muted);
  --pa-table-mobile-text-color-meta: var(--pa-color-page-muted);
  --pa-table-mobile-text-color-label: var(--pa-color-page-muted);
  --pa-table-row-border-color-default: var(--pa-color-secondary-200);
  --pa-table-body-background-color-default: var(--pa-color-white);
  --pa-table-body-border-color-default: var(--pa-color-secondary-200);
  --pa-table-sort-color-default: var(--pa-color-secondary-500);
  --pa-table-sort-color-active: var(--pa-color-secondary-700);
  --pa-table-bordered-color-default: var(--pa-color-secondary-200);
  --pa-table-bordered-background-color-default: var(--pa-color-secondary-100);
  --pa-table-bordered-header-background-color-default: var(--pa-color-transparent);
  --pa-table-bordered-header-color-default: var(--pa-color-page-muted);
  --pa-toggle-input-group-text-color-default: var(--pa-color-gray-600);
  --pa-toggle-background-color-default: var(--pa-color-white);
  --pa-toggle-background-color-hover: var(--pa-color-light-500);
}

:root {
  --pa-theme-name: payadvantage;
}