@prefabs.tech/vue3-ui 0.12.0

package/dist/vue3-ui.css

@@ -0,0 +1 @@
+:root{--background-color: #f9f8fa;--border-color: #dee2e6;--border-radius: .5em;--button-alternate-color: var(--dz-alternate-color);--button-border-radius: .375rem;--button-danger-color: var(--dz-danger-color);--button-large-padding: .6125rem 1.75rem;--button-medium-padding: .5rem 1.25rem;--button-primary-color: var(--dz-primary-color);--button-secondary-color: var(--dz-secondary-color);--button-small-padding: .375rem .75rem;--button-success-color: var(--dz-success-color);--button-transition-duration: var(--transition-duration, .15s);--button-warning-color: var(--dz-warning-color);--color: #555;--color-alert-danger: #ff0000;--color-primary: green;--dz-primary-color: #007aff;--dz-secondary-color: #475569;--dz-alternate-color: #0284c7;--dz-danger-color: #dc3545;--dz-success-color: #22c55e;--dz-warning-color: #ea580c;--font-size-max: 1rem;--font-size-min: 1rem;--font-size-val: 2.5vw;--form-input-border-color: #555;--form-input-border-color-highlight: #555;--form-input-error-font-size: .8em;--form-input-margin-bottom: 1em;--form-input-padding-h: .5em;--form-input-padding-v: .5em;--loading-button-bg-color: #1c4786;--loading-button-color: #ffffff;--message-danger-color: var(--dz-danger-color);--message-info-color: var(--dz-primary-color);--message-success-color: var(--dz-success-color);--message-warning-color: var(--dz-warning-color);--page-max-width: 550px;--menu-border-color: #555}.accordion{--_background-color: var(--background-color);--_border-color: var(--border-color);--_border-radius: var(--border-radius);--_gap: .5rem;--_header-font-size: 1rem;--_header-height: calc((2 * var(--_padding)) + var(--_icon-height));--_padding: 1rem;--_icon-height: 1.5rem ;border:1px solid var(--_border-color);border-radius:var(--_border-radius);display:flex;flex-direction:column;padding:0}.accordion>section{display:flex;flex-direction:column;gap:0;min-height:100%;overflow:hidden}.accordion>section:not(:last-of-type){border:none;border-bottom:1px solid var(--_border-color)}.accordion>section>header{background-color:var(--_background-color);margin:0;padding:0}.accordion.vertical>section>header:not(:last-of-type),.accordion.vertical>section[data-expanded=true]>header{border:none;border-bottom:1px solid var(--_border-color)}.accordion>section>header>button{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:row;gap:var(--_gap);min-height:var(--_header-height);padding:var(--_padding);text-align:left;width:100%}.accordion>section>header>button:focus{box-shadow:none}.accordion header img.icon{aspect-ratio:1 / 1;height:var(--_icon-height)}.accordion>section>header>button>span{text-align:left}.accordion>section>.pane{padding:var(--_padding)}.accordion.horizontal{align-items:stretch;flex-direction:row}.accordion.horizontal>section{flex-direction:row;min-width:var(--_header-height)}.accordion.horizontal>section:not(:last-of-type){border-right:1px solid var(--_border-color)}.accordion.horizontal>section>header{min-width:var(--_header-height)}.accordion.horizontal>section>header:not(:last-of-type),.accordion.horizontal>section[data-expanded=true]>header{border:none;border-right:1px solid var(--_border-color)}.accordion.horizontal>section>header>button{flex-direction:column;height:100%}.accordion.horizontal>section>header>button>span{text-orientation:sideways;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-lr}.accordion.horizontal>section[data-expanded=true]>header>button>.toggle{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle/%3e%3cg%20id='Complete'%3e%3cg%20id='F-Chevron'%3e%3cpolyline%20fill='none'%20id='Left'%20points='15.5%205%208.5%2012%2015.5%2019'%20stroke='%23000000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.accordion.show-toggle-icon>section>header>button{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle/%3e%3cg%20id='Complete'%3e%3cg%20id='F-Chevron'%3e%3cpolyline%20fill='none'%20id='Down'%20points='5%208.5%2012%2015.5%2019%208.5'%20stroke='%23000000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-position:calc(100% - var(--_gap)) center;background-repeat:no-repeat;background-size:var(--_icon-height);padding-right:calc(var(--_padding) + var(--_icon-height) + var(--_gap));padding-top:var(--_padding)}.accordion.show-toggle-icon>section[data-expanded=true]>header>button{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Arrow%20/%20Chevron_Up'%3e%3cpath%20id='Vector'%20d='M5%2016L12%209L19%2016'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.accordion.horizontal.show-toggle-icon>section>header>button{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle/%3e%3cg%20id='Complete'%3e%3cg%20id='F-Chevron'%3e%3cpolyline%20fill='none'%20id='Right'%20points='8.5%205%2015.5%2012%208.5%2019'%20stroke='%23000000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-position:center var(--_gap);padding-right:var(--_padding);padding-top:calc(var(--_padding) + var(--_icon-height) + var(--_gap))}.accordion.horizontal.show-toggle-icon>section[data-expanded=true]>header>button{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle/%3e%3cg%20id='Complete'%3e%3cg%20id='F-Chevron'%3e%3cpolyline%20fill='none'%20id='Left'%20points='15.5%205%208.5%2012%2015.5%2019'%20stroke='%23000000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.accordion.separate{border:none;gap:var(--_gap)}.accordion.separate>section{border:1px solid var(--_border-color);border-radius:var(--_border-radius)}.expand-enter-active{overflow:hidden;transition:max-height 1s ease-in-out}.expand-leave-active{overflow:hidden}.expand-enter-from,.expand-leave-to{max-height:0}.expand-enter-to,.expand-leave-from{max-height:1000px}.button{--_button-border-radius: var(--button-border-radius);--_button-color: var(--button-color, #0284c7);--_button-font-size: 1rem;--_button-padding: var(--button-padding, 1rem);--_button-width: var(--button-width);align-items:center;background-color:var(--_button-color);border-radius:var(--_button-border-radius);border:none;color:#fff;cursor:pointer;display:flex;font-size:var(--_button-font-size);font-weight:500;gap:.5rem;justify-content:center;padding:var(--_button-padding);position:relative;text-align:center;transition:all var(--button-transition-duration) ease;user-select:none;vertical-align:bottom}.button:focus{outline:2px solid var(--_button-color);outline-offset:2px}.button.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.button.alternate{--_button-color: var(--button-alternate-color)}.button.danger{--_button-color: var(--button-danger-color)}.button.icon-only{height:2.625rem;padding:0;width:2.625rem}.button.icon-only.small{height:2rem;width:2rem}.button.icon-only.large{height:3.5rem;width:3.5rem}.button.icon-only.rounded{border-radius:50%}.button.rounded{border-radius:2rem}.button.filled{border:1px solid var(--_button-color)}.button.filled:hover:not(:disabled){background-color:color-mix(in srgb,var(--_button-color) 75%,black)}.button.filled:focus:not(:disabled){background-color:color-mix(in srgb,var(--_button-color) 75%,black)}.button.filled:active:not(:disabled){background-color:color-mix(in srgb,var(--_button-color) 50%,black)}.button.large{--_button-font-size: 1.25rem;--_button-padding: var(--button-large-padding)}.button.loading .label,.button.loading .icon-left,.button.loading .icon-right{visibility:hidden}.button.medium{--_button-font-size: 1rem;--_button-padding: var(--button-medium-padding)}.button.outlined{background-color:transparent;border:1px solid var(--_button-color);color:var(--_button-color)}.button.outlined:hover:not(:disabled){background-color:color-mix(in srgb,var(--_button-color) 10%,white)}.button.outlined:focus:not(:disabled){background-color:color-mix(in srgb,var(--_button-color) 10%,white)}.button.outlined:active:not(:disabled){background-color:color-mix(in srgb,var(--_button-color) 20%,white)}.button.primary{--_button-color: var(--button-primary-color)}.button.secondary{--_button-color: var(--button-secondary-color)}.button.small{--_button-font-size: .875rem;--_button-padding: var(--button-small-padding)}.button.success{--_button-color: var(--button-success-color)}.button.text-only{background-color:transparent;border:1px solid transparent;color:var(--_button-color);font-weight:400}.button.text-only:active:not(:disabled){background-color:color-mix(in srgb,var(--_button-color) 20%,white);border:1px solid color-mix(in srgb,var(--_button-color) 20%,white)}.button.text-only:hover:not(:disabled){background-color:color-mix(in srgb,var(--_button-color) 10%,white);border:1px solid color-mix(in srgb,var(--_button-color) 10%,white)}.button.text-only:focus:not(:disabled){background-color:color-mix(in srgb,var(--_button-color) 10%,white);border:1px solid color-mix(in srgb,var(--_button-color) 10%,white)}.button.text-only.disabled:hover{background:none;filter:none}.button.warning{--_button-color: var(--button-warning-color)}.button>span>i{font-size:var(--_button-icon-size)}:root{--badge-color: var(--dz-primary-color, #007aff);--badge-alternate-color: var(--dz-alternate-color, #0284c7);--badge-danger-color: var(--dz-danger-color, #dc3545);--badge-primary-color: var(--dz-primary-color, #007aff);--badge-secondary-color: var(--dz-secondary-color, #475569);--badge-success-color: var(--dz-success-color, #22c55e);--badge-text-color: white;--badge-warning-color: var(--dz-warning-color, #ea580c);--badge-font-size: .875rem;--badge-font-weight: 400;--badge-padding: .25rem .5rem}.badge{--_badge-color: var(--badge-color);--_badge-font-size: var(--badge-font-size);--_badge-font-weight: var(--badge-font-weight);--_badge-padding: var(--badge-padding, .625rem);--_badge-text-color: var(--badge-text-color);align-items:center;background-color:var(--_badge-color);border-radius:5px;color:var(--_badge-text-color);display:inline-flex;font-size:var(--_badge-font-size);font-weight:var(--_badge-font-weight);gap:.25rem;justify-content:center;padding:var(--_badge-padding);width:max-content}.badge.alternate{--badge-color: var(--badge-alternate-color)}.badge.danger{--badge-color: var(--badge-danger-color)}.badge.primary{--badge-color: var(--badge-primary-color)}.badge.rounded{border-radius:25px;padding:.25rem .6rem}.badge.secondary{--badge-color: var(--badge-secondary-color)}.badge.success{--badge-color: var(--badge-success-color)}.badge.warning{--badge-color: var(--badge-warning-color)}.modal.divided-modal .modal-body,.modal.divided-modal .modal-header{border-bottom:1px solid var(--border-color, #dee2e6)}.modal{background-color:#00000080;display:table;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1}.modal .modal-body{padding:1em}.modal .modal-container{--_border-radius: var(--modal-border-radius, .3rem);background-color:#fff;border-radius:var(--_border-radius);box-shadow:0 .125rem .5rem #00000054;display:flex;flex-direction:column;margin:0 auto;overflow-x:hidden;transition:all .3s ease;width:max-content;max-height:80vh;min-width:23em}.modal .modal-footer{display:flex;gap:1em;margin-left:auto;padding:1em}.modal .modal-header.disabled-header{padding-bottom:.1rem}.modal .modal-header{--_background-color: var(--bg-color, #ffffff);--_text-color: var(--modal-text-color, #000000);align-items:center;background-color:var(--_background-color);color:var(--_text-color);display:flex;font-size:1.5em;font-weight:700;gap:1em;justify-content:space-between;padding:.5em}.modal .modal-header svg{--_icon-color: var(--icon-color, #000000);color:var(--_icon-color);cursor:pointer;margin-left:auto}.modal .modal-wrapper{display:table-cell;vertical-align:middle}main:has(.modal .modal-wrapper){z-index:999}:root{--card-border-color: #ddd;--card-border-radius: .5rem;--card-box-shadow-color: rgba(0, 0, 0, .1);--card-footer-bg-color: #fff;--card-header-bg-color: #fff;--card-footer-font-size: 1rem;--card-footer-text-color: #000;--card-header-margin-top: .25rem;--card-padding: .625rem}.card{--_border-color: var(--card-border-color, #ddd);--_border-radius: var(--card-border-radius, .5rem);--_box-shadow-color: var(--card-box-shadow-color, rgba(0, 0, 0, .1));--_padding: var(--card-padding, .625rem);border:1px solid var(--_border-color);border-radius:var(--_border-radius);box-shadow:0 2px 8px var(--_box-shadow-color);overflow:hidden;padding:var(--_padding)}.card-footer{--_bg-color: var(--card-footer-bg-color, #fff);--_font-size: var(--card-footer-font-size, 1rem);--_padding: var(--card-padding, .625rem);--_text-color: var(--card-text-color, #000);background-color:var(--_bg-color);color:var(--_text-color);font-size:var(--_font-size);padding:var(--_padding)}.card-header{--_bg-color: var(--card-header-bg-color, #fff);--_margin-top: var(--card-header-margin-top, .25rem);--_padding: var(--card-padding, .625rem);background-color:var(--_bg-color);font-weight:600;margin-top:var(--_margin-top);padding:var(--_padding)}.card-body{--_padding: var(--card-padding, .625rem);padding:var(--_padding)}.dropdown-menu{--_width: var(--dropdown-menu-width, 100%);width:var(--_width)}.dropdown-menu-trigger{align-items:center;display:flex;justify-content:space-between;padding:.65rem;transition:all var(--transition-duration) ease 0s}.dropdown-menu .dropdown-menu-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu-trigger .dropdown-icon{display:inline-block;transition:transform .3s ease;transform-origin:center;margin-left:.5rem;min-width:fit-content}.popup-content:has(.dropdown-menu){padding:0}.popup-trigger[aria-expanded=true] .dropdown-menu-trigger .dropdown-icon{transform:rotate(180deg)}.popup-trigger[aria-expanded=true] .dropdown-menu-trigger{background-color:var(--dropdown-container-bg-color, #e5e5e5);border-radius:5px}ul.dropdown-menu{background-color:var(--dropdown-bg-color, #fff);border-radius:var(--dropdown-border-radius, inherit);list-style:none;min-width:160px;overflow:hidden;padding-inline-start:0;width:max-content}ul.dropdown-menu li{padding:.7rem 1.25rem;cursor:pointer;background-color:#fff;transition:all var(--transition-duration) ease 0s}ul.dropdown-menu li.danger{color:var(--dz-danger-color, #dc3545)}ul.dropdown-menu li[aria-disabled=true]{opacity:.6;cursor:default!important;user-select:none;pointer-events:none}ul.dropdown-menu li:hover{background-color:var(--dropdown-bg-color-hover, #e5e5e5)}ul.dropdown-menu li .menu-item>i{margin-right:.5rem}@media screen and (min-width: 576px){.dropdown-menu-trigger:hover{background-color:var(--dropdown-container-bg-color-hover, #e5e5e5);border-radius:5px}}.message{background-color:color-mix(in srgb,var(--_background-color) 10%,#fff);border-radius:.5rem;border:1px solid var(--_color);color:var(--_color);display:flex;font-weight:500;gap:1rem;padding:.5rem 1rem}.message>.icon.default{background-color:var(--_background-color);height:24px;mask-image:var(--_svg);mask-repeat:no-repeat;mask-size:100% 100%;width:24px}.message>.message-content{flex:1}.message>.message-content>ul{display:flex;flex-direction:column;gap:.5rem;list-style:disc;margin-inline:1rem}.message.danger{--_background-color: var(--message-danger-color);--_color: var(--message-danger-color)}.message.danger>.icon.default{--_background-color: var(--message-danger-color);--_svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 21a9 9 0 1 1 9-9a9 9 0 0 1-9 9m0-16.5a7.5 7.5 0 1 0 7.5 7.5A7.5 7.5 0 0 0 12 4.5'/%3E%3Cpath fill='%23000' d='M9 15.75a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l6-6a.75.75 0 0 1 1.06 1.06l-6 6a.74.74 0 0 1-.53.22'/%3E%3Cpath fill='%23000' d='M15 15.75a.74.74 0 0 1-.53-.22l-6-6a.75.75 0 0 1 1.06-1.06l6 6a.75.75 0 0 1 0 1.06a.74.74 0 0 1-.53.22'/%3E%3C/svg%3E")}.message.info{--_background-color: var(--message-info-color);--_color: var(--message-info-color)}.message.info>.icon.default{--_background-color: var(--message-info-color);--_svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 16.75a.76.76 0 0 1-.75-.75v-5a.75.75 0 0 1 1.5 0v5a.76.76 0 0 1-.75.75m0-7.5a.76.76 0 0 1-.75-.75V8a.75.75 0 0 1 1.5 0v.5a.76.76 0 0 1-.75.75'/%3E%3Cpath fill='%23000' d='M12 21a9 9 0 1 1 9-9a9 9 0 0 1-9 9m0-16.5a7.5 7.5 0 1 0 7.5 7.5A7.5 7.5 0 0 0 12 4.5'/%3E%3C/svg%3E")}.message.success{--_background-color: var(--message-success-color);--_color: var(--message-success-color)}.message.success>.icon.default{--_background-color: var(--message-success-color);--_svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.5 15.25A.74.74 0 0 1 10 15l-3-3a.75.75 0 0 1 1-1l2.47 2.47L19 5a.75.75 0 0 1 1 1l-9 9a.74.74 0 0 1-.5.25'/%3E%3Cpath fill='%23000' d='M12 21a9 9 0 0 1-7.87-4.66a8.7 8.7 0 0 1-1.07-3.41a9 9 0 0 1 4.6-8.81a8.7 8.7 0 0 1 3.41-1.07a8.9 8.9 0 0 1 3.55.34a.75.75 0 1 1-.43 1.43a7.6 7.6 0 0 0-3-.28a7.4 7.4 0 0 0-2.84.89a7.5 7.5 0 0 0-2.2 1.84a7.42 7.42 0 0 0-1.64 5.51a7.4 7.4 0 0 0 .89 2.84a7.5 7.5 0 0 0 1.84 2.2a7.42 7.42 0 0 0 5.51 1.64a7.4 7.4 0 0 0 2.84-.89a7.5 7.5 0 0 0 2.2-1.84a7.42 7.42 0 0 0 1.64-5.51a.75.75 0 1 1 1.57-.15a9 9 0 0 1-4.61 8.81A8.7 8.7 0 0 1 12.93 21z'/%3E%3C/svg%3E")}.message.warning{--_background-color: var(--message-warning-color);--_color: var(--message-warning-color)}.message.warning>.icon.default{--_background-color: var(--message-warning-color);--_svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 18.75H4a.76.76 0 0 1-.65-.37a.77.77 0 0 1 0-.75l8-14a.78.78 0 0 1 1.3 0l8 14a.77.77 0 0 1 0 .75a.76.76 0 0 1-.65.37m-14.71-1.5h13.42L12 5.51Z'/%3E%3Cpath fill='%23000' d='M12 13.25a.76.76 0 0 1-.75-.75V9a.75.75 0 0 1 1.5 0v3.5a.76.76 0 0 1-.75.75m0 3a.76.76 0 0 1-.75-.75V15a.75.75 0 0 1 1.5 0v.5a.76.76 0 0 1-.75.75'/%3E%3C/svg%3E")}.message .close-message{background-color:var(--_background-color);cursor:pointer;height:24px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m13.06 12l4.42-4.42a.75.75 0 1 0-1.06-1.06L12 10.94L7.58 6.52a.75.75 0 0 0-1.06 1.06L10.94 12l-4.42 4.42a.75.75 0 0 0 0 1.06a.75.75 0 0 0 1.06 0L12 13.06l4.42 4.42a.75.75 0 0 0 1.06 0a.75.75 0 0 0 0-1.06Z'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-size:100% 100%;width:24px}.page{--_page-gap: var(--page-gap, .5rem);display:flex;flex-direction:column;gap:var(--_page-gap)}.page[data-centered=true]{justify-items:center;margin:auto;max-width:var(--page-max-width)}.page>.page-content{margin-top:1rem}.page>.page-header{display:grid;gap:var(--_page-gap);grid-template-columns:100%}.page>.page-header>.page-title-wrapper{display:flex;flex-direction:column;gap:var(--page-gap, .5rem);overflow-wrap:break-word}.page>.page-header>.page-title-wrapper>.title{align-items:flex-start;display:flex;gap:.5rem}.page>.page-header>.page-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--page-gap, .5rem);justify-content:flex-start}@media (min-width: 576px){.page>.page-header{grid-template-columns:repeat(2,minmax(0,auto))}.page>.page-header>.page-toolbar{height:fit-content;justify-content:flex-end;margin-left:auto}}:root{--popup-bg-color: #fff;--popup-border-radius: .25rem;--popup-text-color: #000}.popup-container{position:relative;display:inline-block}.popup-trigger{cursor:pointer;width:max-content}.popup-content{--_bg-color: var(--popup-bg-color, #fff);--_border-radius: var(--popup-border-radius. .25rem);--_text-color: var(--popup-text-color, #000);background-color:var(--_bg-color);border:1px solid #e5e5e5;border-radius:var(--_border-radius);box-shadow:0 2px 5px #0000001a;color:var(--_text-color);padding:1rem;position:fixed;z-index:9999}*,*:before,*:after{box-sizing:border-box}*,body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{font-size:inherit;margin:0}input[type=checkbox],input[type=radio]{margin:3px 3px 0 6px}html{color-scheme:light}html:focus-within{scroll-behavior:smooth}body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,Oxygen,Ubuntu;line-height:1.5;min-height:100dvh;text-rendering:optimizeSpeed}a{color:inherit;text-decoration:none}a[target=_blank]:after{content:url(https://api.iconify.design/tabler/external-link.svg);padding-left:.25rem;padding-right:0;padding-top:.1rem;top:.1rem}img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{background-color:transparent;font:inherit;outline-color:transparent}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ul:not([role=list]),ol:not([role=list]){list-style:none;margin:0;padding:0}.sortable-list li{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.sortable-list li>div{align-items:center;border-left:1px solid #ececec;display:flex;gap:.5rem;justify-content:center;margin:2px 0;padding:.5rem}.sortable-list li .grab-icon{color:#e6e6e6;cursor:grab;font-size:1.25rem}.tabbed-panel{--_border-color: var(--border-color, #dee2e6);--_border-color_selected: var(--color-primary, #007aff);--_border-radius: var(--border-radius, .25rem);--_border-width: 3px;--_border-width-colorized: 3px;--_button-gap: .5em;--_button-padding: .5em;--_gap: .5em;--_icon-height: 1.5rem ;align-items:flex-start;display:grid;gap:var(--_gap) 0;grid-template-areas:"tabs" "pane";grid-template-columns:1fr;grid-template-rows:auto 1fr;width:100%}.tabbed-panel>nav{align-self:start;grid-area:tabs}.tabbed-panel ul[role=tablist]{align-items:center;display:flex;flex-direction:row;gap:var(--_gap);justify-items:flex-start;justify-self:center}.tabbed-panel ul[role=tablist] li{border-color:var(--_border-color);border-style:solid;border-width:0 0 1px 0}.tabbed-panel ul[role=tablist] button{align-items:center;border-color:transparent;border-radius:var(--_border-radius) var(--_border-radius) 0 0;border-style:solid;border-width:0 0 var(--_border-width) 0;cursor:pointer;display:flex;flex-direction:row;gap:var(--_button-gap);justify-content:center;padding:var(--_button-padding);width:max-content}.tabbed-panel ul[role=tablist] li[data-selected=true] button:focus{box-shadow:none}.tabbed-panel ul[role=tablist] li[data-selected=true] button{border-color:var(--_border-color)}.tabbed-panel ul[role=tablist] img.icon{aspect-ratio:1 / 1;height:var(--_icon-height)}.tabbed-panel .active{background-color:var(--tab-active-background-color, #ffffff)}.tabbed-panel .tabbed-pane{grid-area:pane;height:100%;width:100%}.tabbed-panel[data-position=bottom]{grid-template-areas:"pane" "tabs";grid-template-rows:1fr auto}.tabbed-panel[data-position=bottom] ul[role=tablist] li{border-width:1px 0 0 0}.tabbed-panel[data-position=bottom] ul[role=tablist] button{border-radius:0 0 var(--_border-radius) var(--_border-radius);border-width:var(--_border-width) 0 0 0}.tabbed-panel[data-position=left]{gap:0 var(--_gap);grid-template-areas:"tabs pane";grid-template-columns:auto 1fr;grid-template-rows:1fr}.tabbed-panel[data-position=left]>nav{justify-self:end}.tabbed-panel[data-position=left] ul[role=tablist]{flex-direction:column}.tabbed-panel[data-position=left] ul[role=tablist] li{border-width:0 1px 0 0;width:100%}.tabbed-panel[data-position=left] ul[role=tablist] button{border-radius:var(--_border-radius) 0 0 var(--_border-radius);border-width:0 var(--_border-width) 0 0;justify-content:flex-end;width:100%}.tabbed-panel[data-position=right]{gap:0 var(--_gap);grid-template-areas:"pane tabs";grid-template-columns:1fr auto;grid-template-rows:1fr}.tabbed-panel[data-position=right]>nav{justify-self:end}.tabbed-panel[data-position=right] ul[role=tablist]{flex-direction:column}.tabbed-panel[data-position=right] ul[role=tablist] li{border-width:0 0 0 1px;width:100%}.tabbed-panel[data-position=right] ul[role=tablist] button{align-items:left;border-radius:0 var(--_border-radius) var(--_border-radius) 0;border-width:0 0 0 var(--_border-width);justify-content:flex-start;width:100%}.tabbed-panel.colorized>nav>ul[role=tablist] button{border-width:var(--_border-width-colorized) 0 0 0}.tabbed-panel.colorized[data-position=bottom]>nav>ul[role=tablist] button{border-width:0 0 var(--_border-width-colorized) 0}.tabbed-panel.colorized[data-position=left]>nav>ul[role=tablist] button{border-width:0 0 0 var(--_border-width-colorized)}.tabbed-panel.colorized[data-position=right]>nav>ul[role=tablist] button{border-width:0 var(--_border-width-colorized) 0 0}.tabbed-panel.colorized>nav>ul[role=tablist] li[data-selected=true] button{border-color:var(--color-primary)}.tabbed-panel.shadow>nav>ul[role=tablist] li[data-selected=true] button{box-shadow:0 1px 1px #00000026,0 2px 2px #00000026,0 4px 4px #00000026,0 8px 8px #00000026}:root{--tooltip-color: #fff;--tooltip-bg-color: #555}.tooltip-content{--_bg-color: var(--tooltip-bg-color, #555);--_max-width: var(--tooltip-max-width, 300px);--_text-color: var(--tooltip-color, #fff);background-color:var(--_bg-color);border-radius:.25rem;color:var(--_text-color);max-width:var(--_max-width);padding:.25rem;position:fixed;white-space:normal;word-wrap:break-word;word-break:break-word;z-index:999}.tooltip-content:after{border-style:solid;border-width:.25rem;content:" ";position:absolute}.tooltip-content.bottom:after{border-color:transparent transparent var(--_bg-color) transparent;bottom:100%;left:50%}.tooltip-content.left:after{border-color:transparent transparent transparent var(--_bg-color);left:100%;top:calc(50% - .25rem)}.tooltip-content.right:after{border-color:transparent var(--_bg-color) transparent transparent;right:100%;top:calc(50% - .25rem)}.tooltip-content.top:after{border-color:var(--_bg-color) transparent transparent transparent;left:50%;top:100%}.tooltip-container{display:inline-block;position:relative;width:max-content}.tooltip-trigger{position:relative;cursor:default}.tooltip-trigger.clickable{cursor:pointer}:root{--font-size: clamp(var(--font-size-min), var(--font-size-val), var(--font-size-max));--system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}html{font-size:var(--font-size)}body{font-family:var(--system-ui);line-height:1.5}h1{font-size:calc(1.8 * var(--font-size))}h2{font-size:calc(1.5 * var(--font-size))}h3{font-size:calc(1.2 * var(--font-size))}h4{font-size:calc(1.1 * var(--font-size))}h5{font-size:var(--font-size);text-transform:uppercase}h6{font-size:calc(.9 * var(--font-size))}.youtube-facade{--_margin: var(--youtube-facade-margin, 0);--_width: var(--youtube-facade-width, 100%);background-position:center;background-size:contain;background-repeat:no-repeat;cursor:pointer;margin:var(--_margin);width:var(--_width)}.youtube-facade div{display:flex;position:relative;width:100%}.videoEmbed,.youtube-facade img{border:none;height:auto;width:100%}.youtube-facade div a{text-decoration:none}.youtube-facade div a:first-child:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 234.67 165.33'%3E%3Cpath d='M229.763 25.817c-2.699-10.162-10.65-18.165-20.748-20.881C190.716 0 117.333 0 117.333 0S43.951 0 25.651 4.936C15.553 7.652 7.6 15.655 4.903 25.817 0 44.236 0 82.667 0 82.667s0 38.429 4.903 56.85C7.6 149.68 15.553 157.681 25.65 160.4c18.3 4.934 91.682 4.934 91.682 4.934s73.383 0 91.682-4.934c10.098-2.718 18.049-10.72 20.748-20.882 4.904-18.421 4.904-56.85 4.904-56.85s0-38.431-4.904-56.85' fill='red'%3E%3C/path%3E%3Cpath d='M93.333 117.559l61.333-34.89-61.333-34.894z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E") center no-repeat;background-size:4rem;content:"";height:4rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4rem}.youtube-facade div a:last-child{background:#333;bottom:1rem;color:#fff;font-family:arial,helvetica,sans-serif;left:0;padding:1rem;position:absolute}.youtube-facade div a:last-child:after{content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="white" d="M6.01 10.49a.47.47 0 0 1-.35-.15c-.2-.2-.2-.51 0-.71l8.49-8.48c.2-.2.51-.2.71 0c.2.2.2.51 0 .71l-8.5 8.48c-.1.1-.23.15-.35.15Z"%2F%3E%3Cpath fill="white" d="M14.5 7c-.28 0-.5-.22-.5-.5V2H9.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h5c.28 0 .5.22.5.5v5c0 .28-.22.5-.5.5Zm-3 8H2.49C1.67 15 1 14.33 1 13.51V4.49C1 3.67 1.67 3 2.49 3H7.5c.28 0 .5.22.5.5s-.22.5-.5.5H2.49a.49.49 0 0 0-.49.49v9.02c0 .27.22.49.49.49h9.01c.27 0 .49-.22.49-.49V8.5c0-.28.22-.5.5-.5s.5.22.5.5v5.01c0 .82-.67 1.49-1.49 1.49Z"%2F%3E%3C%2Fsvg%3E')}.youtube-facade div a:last-child b{background-size:5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 507.9 113.39'%3E%3Cg fill='%23fff'%3E%3Cpath d='M64.792 80.99V32.396l42.082 24.297zm93.803-63.285a20.285 20.285 0 00-14.32-14.32C131.642 0 80.99 0 80.99 0S30.337 0 17.705 3.385a20.286 20.286 0 00-14.32 14.32C0 30.338 0 56.693 0 56.693S0 83.049 3.385 95.68A20.285 20.285 0 0017.705 110c12.632 3.386 63.285 3.386 63.285 3.386s50.652 0 63.285-3.386a20.284 20.284 0 0014.32-14.32c3.385-12.632 3.385-38.988 3.385-38.988s0-26.355-3.385-38.988m94.473 74.326c.887-2.314 1.332-6.098 1.332-11.35V58.556c0-5.097-.445-8.822-1.332-11.178-.888-2.355-2.452-3.533-4.69-3.533-2.163 0-3.69 1.178-4.577 3.533-.888 2.356-1.332 6.081-1.332 11.178V80.68c0 5.25.424 9.035 1.275 11.35.848 2.318 2.392 3.475 4.633 3.475 2.239 0 3.803-1.157 4.691-3.475zm-17.953 11.122c-3.207-2.16-5.486-5.52-6.835-10.079-1.352-4.554-2.027-10.617-2.027-18.185v-10.31c0-7.644.771-13.784 2.316-18.417 1.544-4.633 3.956-8.011 7.24-10.135 3.282-2.123 7.587-3.186 12.916-3.186 5.251 0 9.459 1.082 12.626 3.243 3.165 2.162 5.482 5.542 6.95 10.136 1.466 4.595 2.2 10.715 2.2 18.36v10.31c0 7.567-.714 13.65-2.142 18.243-1.43 4.595-3.747 7.955-6.951 10.077-3.205 2.124-7.548 3.186-13.03 3.186-5.64 0-10.06-1.082-13.263-3.243m248.053-57.981c-.81 1.005-1.352 2.646-1.621 4.923-.272 2.278-.404 5.734-.404 10.367v5.097h11.697V60.46c0-4.555-.155-8.011-.463-10.367-.309-2.355-.868-4.014-1.678-4.98-.812-.966-2.067-1.449-3.766-1.449-1.7 0-2.954.503-3.765 1.506zm-2.025 29.886v3.591c0 4.557.132 7.974.404 10.251.269 2.279.828 3.94 1.68 4.982.849 1.041 2.16 1.564 3.938 1.564 2.392 0 4.035-.927 4.923-2.781.887-1.853 1.37-4.942 1.447-9.268l13.785.812c.077.62.116 1.469.116 2.548 0 6.565-1.795 11.47-5.387 14.712-3.589 3.242-8.669 4.865-15.232 4.865-7.876 0-13.398-2.47-16.564-7.414-3.168-4.94-4.75-12.586-4.75-22.935V63.589c0-10.657 1.641-18.436 4.924-23.342 3.281-4.903 8.9-7.355 16.854-7.355 5.482 0 9.691 1.004 12.626 3.012 2.933 2.01 5 5.137 6.197 9.383 1.197 4.247 1.796 10.117 1.796 17.607v12.163h-26.757m-284.953-1.33l-18.187-65.68h15.869l6.37 29.77c1.623 7.339 2.82 13.594 3.591 18.766h.464c.54-3.706 1.738-9.922 3.591-18.65l6.603-29.886h15.869l-18.417 65.68v31.51h-15.754v-31.51M322.115 34.23v71.007h-12.511l-1.39-8.688h-.347c-3.399 6.564-8.496 9.845-15.291 9.845-4.71 0-8.185-1.543-10.425-4.633-2.24-3.087-3.359-7.915-3.359-14.48V34.23h15.985v52.126c0 3.168.348 5.426 1.043 6.776.695 1.353 1.853 2.027 3.475 2.027 1.39 0 2.722-.423 3.996-1.275 1.274-.849 2.22-1.928 2.838-3.241V34.229h15.986m81.995.001v71.007h-12.511l-1.391-8.688h-.345c-3.402 6.564-8.498 9.845-15.292 9.845-4.711 0-8.186-1.543-10.426-4.633-2.24-3.087-3.358-7.915-3.358-14.48V34.23h15.985v52.126c0 3.168.347 5.426 1.041 6.776.696 1.353 1.855 2.027 3.476 2.027 1.391 0 2.723-.423 3.996-1.275 1.275-.849 2.22-1.928 2.839-3.241V34.229h15.985'%3E%3C/path%3E%3Cpath d='M365.552 20.908h-15.87v84.329h-15.637v-84.33h-15.869V8.05h47.376v12.858m76.811 53.636c0 5.174-.215 9.229-.639 12.162-.424 2.937-1.139 5.021-2.143 6.255-1.004 1.236-2.357 1.854-4.053 1.854a7.404 7.404 0 01-3.65-.927c-1.12-.618-2.026-1.544-2.722-2.78V50.796c.54-1.93 1.467-3.513 2.78-4.749 1.313-1.234 2.74-1.853 4.285-1.853 1.623 0 2.876.637 3.766 1.91.886 1.275 1.505 3.418 1.853 6.43.348 3.011.523 7.297.523 12.857zm14.652-28.964c-.967-4.478-2.531-7.721-4.692-9.73-2.163-2.007-5.136-3.011-8.919-3.011-2.935 0-5.676.83-8.224 2.49a16.926 16.926 0 00-5.908 6.545h-.117l.001-37.416h-15.405v100.777h13.204l1.622-6.717h.347c1.235 2.393 3.088 4.285 5.56 5.675 2.47 1.39 5.213 2.085 8.225 2.085 5.404 0 9.382-2.491 11.931-7.471 2.548-4.982 3.823-12.76 3.823-23.341V64.23c0-7.953-.484-14.17-1.448-18.65'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") center no-repeat;color:transparent;display:inline-block;font-size:1.2rem;line-height:1.2rem;margin-left:.25rem;width:5rem}.youtube-facade div img{display:block}.youtube-facade .videoEmbed+a:last-child{display:none}p{padding-bottom:.5rem}.loading[data-v-4c97cef5]{color:var(--loading-icon-color, #ffffff);font-size:5px;margin:0 1rem;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load4-4c97cef5 1.3s infinite linear;animation:load4-4c97cef5 1.3s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes load4-4c97cef5{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em -2em 2em 0 0 -3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}@keyframes load4-4c97cef5{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em -3em 0 0 -1em -2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}.button .loading-button{font-size:4px;position:absolute;z-index:999}.data{--_min-width: 0;--_padding-block: 0;--_padding-inline: 0;--_width: max-content;background-color:transparent;display:flex;flex-direction:column;gap:.25rem;min-width:var(--_min-width);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);width:var(--_width)}.data.direction-horizontal>.label{--_width: var(--data-horizontal-label-width, 8rem);overflow-x:hidden;text-overflow:ellipsis}.data.data-stat{--_min-width: var(--data-stat-min-width, 13rem);--_padding-block: var(--data-stat-padding-block, .5rem);--_padding-inline: var(--data-stat-padding-inline, .75rem);border:1px solid #555;border-radius:.5rem}.data.data-stat .value{display:flex;font-size:2rem;justify-content:flex-end}.data>.label{--_caption-color: var(--data-caption-color, #333333);color:var(--_caption-color);font-size:.875rem}@media screen and (min-width: 576px){.data.direction-horizontal{align-items:center;flex-direction:row;gap:1rem}}.loading-button[data-v-3fdbc7b3]{align-items:center;background:var(--loading-button-bg-color, #1c4786);border-radius:6px;border:none;color:var(--loading-button-color, #ffffff);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:1rem .625rem}.loading-button[data-v-3fdbc7b3]:disabled{background:#ddd}.sub-pane[data-v-bf8003ec]{flex-grow:1}.divider[role=separator]{--_border: var(--divider-border, 1px solid #d0d0d0)}.divider[role=separator][data-aria-orientation=horizontal]{border-top:var(--_border);height:0;margin:1rem 0;width:100%}.divider[role=separator][data-aria-orientation=vertical]{border-left:var(--_border);height:100%;margin:0 1rem;width:0}.error{margin:0 0 .5rem}.error .code{font-style:italic;font-size:85%;opacity:.8}.errors{background-color:var(--error-bg-color, #f8d7da);border-color:var(--error-border-color, #f5c2c7);border-radius:.25rem;color:var(--error-color, #842029);margin:0 0 .75rem;padding:.5rem .75rem}.file-card{box-shadow:-1px -1px 29px -14px #00000047;max-width:100%}.file-card button .icon-left>svg{width:1rem}.file-thumbnail-details-wrapper{display:flex;padding:1rem;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:1rem}.file-card .file-thumbnail{align-items:center;display:flex;justify-content:center;min-height:6rem;min-width:6rem}.file-card .file-thumbnail>i{font-size:5rem}.file-card .details-wrapper{display:flex;flex:1;flex-direction:column;gap:1rem;justify-content:flex-start;min-width:15rem}.file-card .name-description-details-wrapper{display:flex;flex-direction:column}.file-card .name{font-size:1.5rem;font-weight:700}.file-card .file-size{font-size:1.3rem;margin-left:1rem}.file-card .description-wrapper-details{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.file-card .description-wrapper-details>button{width:max-content}.file-card .file-upload-download-details-wrapper{display:flex;gap:1rem;flex-wrap:wrap}.file-card .file-upload-details{display:flex;gap:1rem}.file-card .uploaded-by,.file-card .uploaded-at{display:flex;flex-direction:column}.file-card .uploaded-by>span:first-child,.file-card .uploaded-at>span:first-child,.file-card .download-count>span:first-child,.file-card .last-downloaded-at>span:first-child{font-size:1rem;font-weight:700;margin-bottom:.3rem}.file-card .download-count{margin-bottom:.3rem}.file-card .download-count>span:last-child,.file-card.last-downloaded-at>span:last-child{margin-left:.4rem}.file-card .file-download-details{display:flex;flex-direction:column}.file-card .file-actions{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap;padding:0rem 1rem 1rem}.file-list-wrapper{display:flex;gap:1rem;flex-direction:column}.debounce-input{width:100%}.debounce-input>input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-container{display:grid;gap:1rem;grid-template-columns:1fr}@media screen and (min-width: 60rem){.grid-container{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}}.loading-page{align-items:center;background:#fff9;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.loading-page .loading-icon{color:var(--loading-icon-color, #000000);font-size:.5rem}.modal .content{padding:1em}.modal .dialog{background-color:var(--modal-bg-color, #fff);border-radius:5px;box-shadow:0 0 10px #0003;color:var(--modal-color, inherit);max-width:var(--modal-max-width, 80%);max-height:var(--modal-max-height, 80%);min-width:var(--modal-min-width, 300px);left:50%;overflow-y:auto;padding:var(--modal-padding-v, 1rem) var(--modal-padding-h, 1rem);position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.modal .footer{display:flex;gap:1em;margin-left:auto;padding:1em}.modal .header.disabled-header{padding-bottom:.1rem}.modal .header{align-items:center;display:flex;margin-bottom:.5rem;justify-content:var(--modal-header-justify, space-between);padding:.7rem}.modal .header>span[role=heading]{font-size:var(--modal-header-font-size, 1.5rem);font-weight:var(--modal-header-font-weight, 700)}.modal .header svg{--_icon-color: var(--modal-icon-color, #000000);color:var(--_icon-color);cursor:pointer;margin-left:auto}.modal .overlay{background-color:#00000080;inset:0;position:fixed;transition:opacity .3s ease;z-index:1000}main:has(.modal>.overlay>.dialog.active){z-index:999}nav.menu>ul{align-items:stretch;display:flex;flex-direction:column;gap:var(--menu-gap, 0);justify-content:flex-start;list-style:none;margin-left:var(--menu-margin-left, .25em);padding:0}nav.menu li>a{padding:.5rem 0}nav.menu li.active{background-color:var(--menu-bg-color, #e5e5e5)}nav.menu li:hover{background-color:var(--menu-highlight-color, #e5e5e5)}nav.menu a{color:inherit;display:block;text-decoration:none}@media screen and (min-width: 768px){nav.menu>ul{align-items:center;flex-direction:row;gap:var(--menu-gap, .25rem)}nav.menu li{--_menu-item-border-radius: var(--menu-item-border-radius, .325rem);border-radius:var(--_menu-item-border-radius)}nav.menu li>a{--_menu-item-padding-h: var(--menu-item-padding-h, 1rem);--_menu-item-padding-v: var(--menu-item-padding-v, .625rem);padding:var(--_menu-item-padding-v) var(--_menu-item-padding-h)}}.sso-button{align-items:center;background-image:none;border-radius:6px;border:1px solid #dadce0;box-sizing:border-box;color:#3c4043;cursor:pointer;display:flex;flex:1;flex-direction:row;font-family:Roboto,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;transition:all .218s ease-in-out;vertical-align:middle;white-space:nowrap;width:100%}.sso-button.light.center{justify-content:center}.sso-button.dark:hover,.sso-button.dark:focus,.sso-button.dark:active{box-shadow:none;border-color:#d2e3fc;opacity:.9}.sso-button.light:active,.sso-button.light:focus,.sso-button.light:hover{background-color:#4285f40a}.sso-button.pill{border-radius:20px}.sso-button>img{align-items:center;background-color:#fff;border-bottom-left-radius:3px;border-top-left-radius:3px;display:flex;height:36px;justify-content:center;min-width:36px;width:36px}.sso-button.pill>img{border-radius:18px}.sso-button>span{flex-grow:1;font-weight:500;overflow:inherit;text-overflow:ellipsis;vertical-align:top}.sso-button.light.center>span{flex-grow:unset}.facebook.dark{background-color:#1877f2!important;border:none;color:#fff!important;padding:6px 8px;width:100%}.facebook.sso-button>img{background-color:#1877f2;height:30px;min-width:30px;width:30px}.google.dark{background-color:#fff!important;border:1px solid #747775;color:#1f1f1f!important;width:100%}.google.sso-button>img{margin-left:-10px;margin-right:12px}.stepper[data-v-75d55d88]{position:relative}.stepper .actions[data-v-75d55d88]{--_margin-top: var(--stepper-margin-top, 2rem);display:flex;gap:1rem;margin-top:var(--_margin-top)}.step[data-v-75d55d88]{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin-right:20px}.steps[data-v-75d55d88]{--_margin-top: var(--stepper-margin-top, 2rem);display:flex;justify-content:space-between;margin-bottom:var(--_margin-top)}.steps[data-v-75d55d88]:after{--_border-color: var(--stepper-border-color, #b5b5b5);border-top:1px solid var(--_border-color);content:" ";display:block;position:absolute;margin-inline:2rem;top:12%;width:95%;z-index:0}.step-number[data-v-75d55d88]{--_bg-color: var(--stepper-bg-color, #fff);--_border-color: var(--stepper-border-color, #b5b5b5);background-color:var(--_bg-color);border:1px solid var(--_border-color);border-radius:2rem;display:inline-block;margin:.25rem .25rem .8rem;padding:.9rem 1.4rem;z-index:1}.step-number.active[data-v-75d55d88]{--_bg-color: var(--stepper-active-bg-color, #007aff);background-color:var(--_bg-color);color:#fff}.step-label.active[data-v-75d55d88]{font-weight:700}.step-number.completed[data-v-75d55d88]{--_border-color: var(--stepper-completed-border-color, #007aff);border-color:var(--_border-color);padding:.9rem}.step.active .step-number[data-v-75d55d88]{font-weight:700}.tabbed-panel{--tab-active-border: 1px solid var(--dz-primary-color);--tab-hover-border: 1px solid var(--dz-primary-color)}.tabbed-panel>div[role=tabpanel]{padding:1rem 0;width:100%}.tabbed-panel>div>button{align-items:center;background:none;border:none;border:var(--tab-border, 1px solid transparent);cursor:pointer;display:flex;outline:0;padding:var(--tab-padding, 1rem);transition:border-color .2s ease;width:100%}.tabbed-panel>div>button:focus-visible{outline:var(--tab-focus-outline, 1px solid #1c4786);outline-offset:-1px}.tabbed-panel>div>button span{color:var(--dz-secondary-color);width:max-content}.tabbed-panel>div>button img{height:var(--tab-icon-height, 16px);margin:var(--tab-icon-margin, 0 5px 0 0);object-fit:contain;width:var(--tab-icon-width, 16px)}.tabbed-panel>div>button.active>span{color:var(--dz-primary-color);font-weight:500}.tabbed-panel{--_tab-border: var(--tab-border, 1px solid #ddd);--_tab-active-border: var(--tab-active-border, 1px solid #000000);--_tab-hover-border: var(--tab-hover-border, 1px solid #000000);display:flex;flex-direction:column;overflow:hidden;width:100%}.tabbed-panel.bottom{flex-direction:column-reverse}.tabbed-panel.left{flex-direction:row}.tabbed-panel.right{flex-direction:row-reverse}.tabbed-panel>div[role=tablist]{display:flex;flex-direction:column;height:max-content;list-style:none;margin:0;padding:0}.tabbed-panel.bottom>div[role=tablist],.tabbed-panel.top>div[role=tablist]{flex-direction:row;overflow-x:auto;width:100%}.tabbed-panel.top>div[role=tablist]{border-bottom:var(--_tab-border)}.tabbed-panel.bottom>div[role=tablist]{border-top:var(--_tab-border)}.tabbed-panel.left>div[role=tablist]{border-right:var(--_tab-border);margin-right:1rem}.tabbed-panel.right>div[role=tablist]{border-left:var(--_tab-border)}.tabbed-panel>div[role=tablist]>button{width:max-content}.tabbed-panel.left>div[role=tablist]{align-items:flex-start}.tabbed-panel.left>div[role=tablist]>button,.tabbed-panel.right>div[role=tablist]>button{width:100%}.tabbed-panel.top>div[role=tablist]>button.active{border-bottom:var(--_tab-active-border)}.tabbed-panel.bottom>div[role=tablist]>button.active{border-top:var(--_tab-active-border)}.tabbed-panel.left>div[role=tablist]>button.active{border-right:var(--_tab-active-border)}.tabbed-panel.right>div[role=tablist]>button.active{border-left:var(--_tab-active-border)}.tabbed-panel.top>div[role=tablist]>button:not(.active):hover{border-bottom:var(--_tab-hover-border)}.tabbed-panel.bottom>div[role=tablist]>button:not(.active):hover{border-top:var(--_tab-hover-border)}.tabbed-panel.left>div[role=tablist]>button:not(.active):hover{border-right:var(--_tab-hover-border)}.tabbed-panel.right>div[role=tablist]>button:not(.active):hover{border-left:var(--_tab-hover-border)}.tabbed-panel>div[role=tablist]>button{align-items:center;display:flex;gap:1rem;max-width:250px}.tabbed-panel>div[role=tablist]>button span{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.tabbed-panel>div[role=tablist]>button i{color:var(--dz-secondary-color);font-size:14px;font-weight:500}.tabbed-panel>div>button.active i{color:var(--dz-primary-color)}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@prefabs.tech/vue3-ui",
+  "version": "0.12.0",
+  "description": "Vue3 UI Component Library",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/PrefabsTechVue3UI.es.js",
+      "require": "./dist/PrefabsTechVue3UI.umd.js"
+    },
+    "./dist/PrefabsTechVue3UI.css": "./dist/vue3-ui.css"
+  },
+  "main": "./dist/PrefabsTechVue3UI.umd.js",
+  "module": "./dist/PrefabsTechVue3UI.es.js",
+  "types": "./dist/src/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@prefabs.tech/eslint-config": "0.2.0",
+    "@prefabs.tech/tsconfig": "0.2.0",
+    "@types/node": "22.13.5",
+    "@typescript-eslint/eslint-plugin": "8.24.1",
+    "@typescript-eslint/parser": "8.24.1",
+    "@vitejs/plugin-vue": "5.2.1",
+    "@vitejs/plugin-vue-jsx": "4.1.1",
+    "@vitest/coverage-istanbul": "3.0.6",
+    "@vue/test-utils": "2.4.6",
+    "@vueuse/core": "12.7.0",
+    "eslint": "8.57.1",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-import-resolver-alias": "1.1.2",
+    "eslint-import-resolver-typescript": "3.8.3",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-prettier": "5.2.3",
+    "eslint-plugin-unicorn": "56.0.1",
+    "eslint-plugin-vue": "9.32.0",
+    "prettier": "3.5.2",
+    "typescript": "5.5.4",
+    "vite": "6.1.1",
+    "vitest": "3.0.6",
+    "vue": "3.5.13",
+    "vue-draggable-next": "2.2.1",
+    "vue-eslint-parser": "9.4.3",
+    "vue-tsc": "1.2.0"
+  },
+  "peerDependencies": {
+    "vue": ">=3.2"
+  },
+  "engines": {
+    "node": ">=18",
+    "pnpm": ">=9"
+  },
+  "scripts": {
+    "build": "vite build && vue-tsc --emitDeclarationOnly",
+    "lint": "eslint . --ext .vue",
+    "lint:fix": "eslint . --ext .vue --fix",
+    "sort-package": "npx sort-package-json",
+    "test": "vitest --environment jsdom run --coverage",
+    "test:component": "vitest --environment jsdom run component/",
+    "test:snapshot": "vitest --environment jsdom run snapshot/",
+    "test:unit": "vitest --environment jsdom run unit/",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json --composite false"
+  }
+}