zuii 1.4.16 → 1.4.18

package/dist/components/Form/style/index.css

@@ -1 +1 @@
-@layer vendor{.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:hover,.choices[data-type*=select-one] .choices__button:focus{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #005f75}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]:after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #003642;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=text] .choices__button:hover,.choices[data-type*=text] .choices__button:focus{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#005f75;border:1px solid #004a5c;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#004a5c;border:1px solid #003642}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media(min-width:640px){.choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable[data-select-text]:after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]:after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus{outline:none}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input:focus{outline:0}.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}}@layer vendor;@layer components{.form__input{--form-placeholder-color: color-mix(in srgb, var(--body-color), transparent 70%)}.form__input:not(:has(.choices)){padding:var(--spacing-xs) var(--spacing-sm)}.choices__inner{padding:var(--spacing-xs) var(--spacing-sm)}.form__input{background-color:var(--white);border-radius:var(--radius-base);border:var(--border-width) solid var(--border-color);margin:var(--spacing-sm) 0;display:flex;gap:var(--spacing-xs);transition:all .2s cubic-bezier(.455,.03,.515,.955);flex:1}.form__input[type=checkbox],.form__input[type=radio]{appearance:none;width:1.25rem;height:1.25rem;background-color:var(--white);border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);vertical-align:middle;margin-top:-2px}.form__input[type=checkbox]:after,.form__input[type=radio]:after{content:"";position:absolute;top:50%;left:50%;width:.75rem;height:.75rem;background-color:var(--white);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:translate(-50%,-50%) scale(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.form__input[type=checkbox]:checked,.form__input[type=radio]:checked{background-color:var(--primary);border-color:var(--primary)}.form__input[type=checkbox]:checked:after,.form__input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}.form__input[type=checkbox]:focus,.form__input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 80%);border-color:var(--primary)}.form__input[type=checkbox]:hover:not(:checked):not(:disabled),.form__input[type=radio]:hover:not(:checked):not(:disabled){border-color:var(--primary);background-color:color-mix(in srgb,var(--primary),transparent 95%)}.form__input[type=checkbox]:disabled,.form__input[type=radio]:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-200);cursor:not-allowed;opacity:.7}.form__input[type=radio]{border-radius:var(--radius-pill)}.form__input[type=radio]:after{-webkit-mask-image:none;mask-image:none;border-radius:var(--radius-pill);width:.5rem;height:.5rem}.form__input .form-control:not([type=checkbox]):not([type=radio]){padding:0;background-color:transparent;border-radius:var(--radius-none);border:none;line-height:1.3}.form__input .form-control:not([type=checkbox]):not([type=radio]):focus{border:none;box-shadow:none}.form__input:has(.form-control:focus){border-color:var(--accent)}.group--vertical .form__input{width:100%}input[type=checkbox],input[type=radio]{--border-color: var(--primary)}.form__input:has(.form-control:disabled){border-color:var(--gray-200);background-color:var(--gray-100)}.form__input:has(.form-control:disabled) .form-control,.form__input:has(.form-control:disabled) .form-control::placeholder,.form__input:has(.form-control:disabled) .icon{color:var(--form-placeholder-color)}input::placeholder{color:var(--form-placeholder-color)}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.choices{width:100%;display:flex}.choices__placeholder{opacity:1;color:var(--form-placeholder-color)}.choices__inner,.choices__input{background-color:transparent;border:none;border-radius:0;min-height:initial;margin:0}.choices:not([data-type=select-multiple]) .choices__inner{display:flex;align-items:center;gap:var(--spacing-xs)}.choices__list--single{padding:0}.choices[data-type*=select-one]:after{content:"";-webkit-mask-image:var(--icons-chevron-down);mask-image:var(--icons-chevron-down);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;width:24px;height:24px;background:currentColor;border:none;display:block;top:0;position:relative;right:0;margin-top:0}.choices__list--multiple .choices__item{border-radius:var(--radius-pill);background-color:var(--accent);border:var(--border-width) solid var(--accent-dark)}.choices__list--dropdown{--menu-border-radius: var(--border-radius-sm, .375rem);position:fixed;z-index:1000;min-width:160px;background-color:var(--white, #fff);border:1px solid var(--gray-200, #e2e8f0);border-radius:var(--menu-border-radius);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));outline:none;animation:menu-fade-in .1s ease-out;position:absolute;width:100%;margin-top:4px;padding:4px}.select__flag{margin-right:var(--spacing-xs);width:20px;height:15px;display:inline-block}.shadow{display:flex;justify-content:center;align-items:center;padding:1rem}.shadow--xs{box-shadow:0 1px 2px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--sm{box-shadow:0 1px 3px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--md{box-shadow:0 4px 6px -1px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--lg{box-shadow:0 10px 15px -3px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--xl{box-shadow:0 20px 25px -5px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--2xl{box-shadow:0 25px 50px -12px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--outline,.form-check-input:focus{box-shadow:0 0 2px 4px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--inset{box-shadow:inset 0 0 6px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--none{box-shadow:0 0 color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.form-check-input:checked{background-color:var(--accent);border-color:var(--accent)}.form-control::-webkit-outer-spin-button,.form-control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-control[type=number]{-moz-appearance:textfield;appearance:textfield}.form__addon{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.form__addon:hover{background-color:var(--bs-gray-200)}.form__addon:active{background-color:var(--bs-gray-300)}}
+@layer vendor{.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:hover,.choices[data-type*=select-one] .choices__button:focus{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #005f75}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]:after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #003642;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=text] .choices__button:hover,.choices[data-type*=text] .choices__button:focus{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#005f75;border:1px solid #004a5c;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#004a5c;border:1px solid #003642}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media(min-width:640px){.choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable[data-select-text]:after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]:after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus{outline:none}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input:focus{outline:0}.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}}@layer vendor{.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}}@layer vendor{.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button:before{z-index:initial}.pickr .pcr-button:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #00000040}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em #0000001a,0 0 1em #00000008;left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:#0000;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #4285f4bf}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #f44250bf}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right,transparent,black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,.25em}}@layer vendor;@layer components{.form__input[type=checkbox]:after,.pcr-app .pcr-interaction [type=checkbox].pcr-result:after,.form__input[type=radio]:after,.pcr-app .pcr-interaction [type=radio].pcr-result:after{content:"";position:absolute;top:50%;left:50%;width:.75rem;height:.75rem;background-color:var(--white);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:translate(-50%,-50%) scale(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.choices{width:100%;display:flex}.choices__placeholder{opacity:1;color:var(--form-placeholder-color)}.choices__inner,.choices__input{background-color:transparent;border:none;border-radius:0;min-height:initial;margin:0}.choices:not([data-type=select-multiple]) .choices__inner{display:flex;align-items:center;gap:var(--spacing-xs)}.choices__list--single{padding:0}.choices[data-type*=select-one]:after{content:"";-webkit-mask-image:var(--icons-chevron-down);mask-image:var(--icons-chevron-down);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;width:24px;height:24px;background:currentColor;border:none;display:block;top:0;position:relative;right:0;margin-top:0}.choices__list--multiple .choices__item{border-radius:var(--radius-pill);background-color:var(--accent);border:var(--border-width) solid var(--accent-dark)}.choices__list--dropdown{--menu-border-radius: var(--border-radius-sm, .375rem);position:fixed;z-index:1000;min-width:160px;background-color:var(--white, #fff);border:1px solid var(--gray-200, #e2e8f0);border-radius:var(--menu-border-radius);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));outline:none;animation:menu-fade-in .1s ease-out;position:absolute;width:100%;margin-top:4px;padding:4px}.select__flag{margin-right:var(--spacing-xs);width:20px;height:15px;display:inline-block}.shadow{display:flex;justify-content:center;align-items:center;padding:1rem}.shadow--xs{box-shadow:0 1px 2px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--sm{box-shadow:0 1px 3px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--md{box-shadow:0 4px 6px -1px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--lg{box-shadow:0 10px 15px -3px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--xl{box-shadow:0 20px 25px -5px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--2xl{box-shadow:0 25px 50px -12px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--outline,.form-check-input:focus{box-shadow:0 0 2px 4px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--inset{box-shadow:inset 0 0 6px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--none{box-shadow:0 0 color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.form-check-input:checked{background-color:var(--accent);border-color:var(--accent)}.form-control::-webkit-outer-spin-button,.form-control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-control[type=number]{-moz-appearance:textfield;appearance:textfield}.form__addon{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.form__addon:hover{background-color:var(--bs-gray-200)}.form__addon:active{background-color:var(--bs-gray-300)}@layer components{.btn{background-color:var(--primary);color:var(--primary-contrast);--btn-border-color: var(--primary);--btn-hover-bg: var(--primary-dark);--btn-hover-border-color: var(--primary-dark);--btn-active-bg: var(--primary-dark);--btn-active-border-color: var(--primary-dark);--btn-disabled-bg: var(--gray-300);--btn-disabled-border-color: var(--gray-300);height:fit-content;display:flex;gap:.3rem}.btn:hover,.btn:focus{box-shadow:var(--box-shadow-md)}.btn-content{display:flex;line-height:initial;gap:.3rem;align-items:center}.btn-icon{display:flex;line-height:initial;justify-content:center;align-items:center;padding:.4rem}.btn-icon .btn-content{flex-direction:column}.btn-reverse{flex-direction:row-reverse}.btn-primary,.pcr-app .pcr-interaction input[type=button]{--color: color-mix(in srgb, var(--primary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--primary-contrast);--btn-border-color: var(--primary);--btn-hover-border-color: var(--primary);--btn-active-border-color: var(--primary)}.btn-primary-light{--color: color-mix(in srgb, var(--primary-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--primary-light-contrast);--btn-border-color: var(--primary-light);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary)}.btn-primary-dark{--color: color-mix(in srgb, var(--primary-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--primary-dark-contrast);--btn-border-color: var(--primary-dark);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary-dark)}.btn-outline-primary{--color: color-mix(in srgb, var(--primary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--primary-contrast);background:transparent;color:var(--primary);--btn-border-color: var(--primary);--btn-hover-border-color: var(--primary)}.btn-outline-primary-light{--color: color-mix(in srgb, var(--primary-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--primary-light-contrast);background:transparent;color:var(--primary);--btn-border-color: var(--primary-light);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary)}.btn-outline-primary-dark{--color: color-mix(in srgb, var(--primary-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--primary-dark-contrast);background:transparent;color:var(--primary-dark);--btn-border-color: var(--primary-dark);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary-dark)}.btn-secondary{--color: color-mix(in srgb, var(--secondary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--secondary-contrast);--btn-border-color: var(--secondary);--btn-hover-border-color: var(--secondary);--btn-active-border-color: var(--secondary)}.btn-secondary-light{--color: color-mix(in srgb, var(--secondary-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--secondary-light-contrast);--btn-border-color: var(--secondary-light);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-secondary-dark{--color: color-mix(in srgb, var(--secondary-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--secondary-dark-contrast);--btn-border-color: var(--secondary-dark);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary-dark)}.btn-outline-secondary{--color: color-mix(in srgb, var(--secondary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--secondary-contrast);background:transparent;color:var(--secondary);--btn-border-color: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-outline-secondary-light{--color: color-mix(in srgb, var(--secondary-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--secondary-light-contrast);background:transparent;color:var(--secondary);--btn-border-color: var(--secondary-light);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-outline-secondary-dark{--color: color-mix(in srgb, var(--secondary-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--secondary-dark-contrast);background:transparent;color:var(--secondary-dark);--btn-border-color: var(--secondary-dark);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary-dark)}.btn-accent{--color: color-mix(in srgb, var(--accent), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--accent-contrast);--btn-border-color: var(--accent);--btn-hover-border-color: var(--accent);--btn-active-border-color: var(--accent)}.btn-accent-light{--color: color-mix(in srgb, var(--accent-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--accent-light-contrast);--btn-border-color: var(--accent-light);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent)}.btn-accent-dark{--color: color-mix(in srgb, var(--accent-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--accent-dark-contrast);--btn-border-color: var(--accent-dark);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent-dark)}.btn-outline-accent{--color: color-mix(in srgb, var(--accent), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--accent-contrast);background:transparent;color:var(--accent);--btn-border-color: var(--accent);--btn-hover-border-color: var(--accent)}.btn-outline-accent-light{--color: color-mix(in srgb, var(--accent-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--accent-light-contrast);background:transparent;color:var(--accent);--btn-border-color: var(--accent-light);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent)}.btn-outline-accent-dark{--color: color-mix(in srgb, var(--accent-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--accent-dark-contrast);background:transparent;color:var(--accent-dark);--btn-border-color: var(--accent-dark);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent-dark)}.btn-tertiary{--color: color-mix(in srgb, var(--tertiary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--tertiary-contrast);--btn-border-color: var(--tertiary);--btn-hover-border-color: var(--tertiary);--btn-active-border-color: var(--tertiary)}.btn-tertiary-light{--color: color-mix(in srgb, var(--tertiary-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--tertiary-light-contrast);--btn-border-color: var(--tertiary-light);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-tertiary-dark{--color: color-mix(in srgb, var(--tertiary-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--tertiary-dark-contrast);--btn-border-color: var(--tertiary-dark);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary-dark)}.btn-outline-tertiary{--color: color-mix(in srgb, var(--tertiary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--tertiary-contrast);background:transparent;color:var(--tertiary);--btn-border-color: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-outline-tertiary-light{--color: color-mix(in srgb, var(--tertiary-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--tertiary-light-contrast);background:transparent;color:var(--tertiary);--btn-border-color: var(--tertiary-light);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-outline-tertiary-dark{--color: color-mix(in srgb, var(--tertiary-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--tertiary-dark-contrast);background:transparent;color:var(--tertiary-dark);--btn-border-color: var(--tertiary-dark);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary-dark)}.btn-success{--color: color-mix(in srgb, var(--success), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--success-contrast);--btn-border-color: var(--success);--btn-hover-border-color: var(--success);--btn-active-border-color: var(--success)}.btn-success-light{--color: color-mix(in srgb, var(--success-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--success-light-contrast);--btn-border-color: var(--success-light);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success)}.btn-success-dark{--color: color-mix(in srgb, var(--success-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--success-dark-contrast);--btn-border-color: var(--success-dark);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success-dark)}.btn-outline-success{--color: color-mix(in srgb, var(--success), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--success-contrast);background:transparent;color:var(--success);--btn-border-color: var(--success);--btn-hover-border-color: var(--success)}.btn-outline-success-light{--color: color-mix(in srgb, var(--success-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--success-light-contrast);background:transparent;color:var(--success);--btn-border-color: var(--success-light);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success)}.btn-outline-success-dark{--color: color-mix(in srgb, var(--success-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--success-dark-contrast);background:transparent;color:var(--success-dark);--btn-border-color: var(--success-dark);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success-dark)}.btn-danger{--color: color-mix(in srgb, var(--danger), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--danger-contrast);--btn-border-color: var(--danger);--btn-hover-border-color: var(--danger);--btn-active-border-color: var(--danger)}.btn-danger-light{--color: color-mix(in srgb, var(--danger-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--danger-light-contrast);--btn-border-color: var(--danger-light);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger)}.btn-danger-dark{--color: color-mix(in srgb, var(--danger-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--danger-dark-contrast);--btn-border-color: var(--danger-dark);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger-dark)}.btn-outline-danger{--color: color-mix(in srgb, var(--danger), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--danger-contrast);background:transparent;color:var(--danger);--btn-border-color: var(--danger);--btn-hover-border-color: var(--danger)}.btn-outline-danger-light{--color: color-mix(in srgb, var(--danger-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--danger-light-contrast);background:transparent;color:var(--danger);--btn-border-color: var(--danger-light);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger)}.btn-outline-danger-dark{--color: color-mix(in srgb, var(--danger-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--danger-dark-contrast);background:transparent;color:var(--danger-dark);--btn-border-color: var(--danger-dark);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger-dark)}.btn-warning{--color: color-mix(in srgb, var(--warning), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--warning-contrast);--btn-border-color: var(--warning);--btn-hover-border-color: var(--warning);--btn-active-border-color: var(--warning)}.btn-warning-light{--color: color-mix(in srgb, var(--warning-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--warning-light-contrast);--btn-border-color: var(--warning-light);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning)}.btn-warning-dark{--color: color-mix(in srgb, var(--warning-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--warning-dark-contrast);--btn-border-color: var(--warning-dark);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning-dark)}.btn-outline-warning{--color: color-mix(in srgb, var(--warning), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--warning-contrast);background:transparent;color:var(--warning);--btn-border-color: var(--warning);--btn-hover-border-color: var(--warning)}.btn-outline-warning-light{--color: color-mix(in srgb, var(--warning-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--warning-light-contrast);background:transparent;color:var(--warning);--btn-border-color: var(--warning-light);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning)}.btn-outline-warning-dark{--color: color-mix(in srgb, var(--warning-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--warning-dark-contrast);background:transparent;color:var(--warning-dark);--btn-border-color: var(--warning-dark);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning-dark)}.btn-info{--color: color-mix(in srgb, var(--info), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--info-contrast);--btn-border-color: var(--info);--btn-hover-border-color: var(--info);--btn-active-border-color: var(--info)}.btn-info-light{--color: color-mix(in srgb, var(--info-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--info-light-contrast);--btn-border-color: var(--info-light);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info)}.btn-info-dark{--color: color-mix(in srgb, var(--info-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--info-dark-contrast);--btn-border-color: var(--info-dark);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info-dark)}.btn-outline-info{--color: color-mix(in srgb, var(--info), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--info-contrast);background:transparent;color:var(--info);--btn-border-color: var(--info);--btn-hover-border-color: var(--info)}.btn-outline-info-light{--color: color-mix(in srgb, var(--info-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--info-light-contrast);background:transparent;color:var(--info);--btn-border-color: var(--info-light);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info)}.btn-outline-info-dark{--color: color-mix(in srgb, var(--info-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--info-dark-contrast);background:transparent;color:var(--info-dark);--btn-border-color: var(--info-dark);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info-dark)}.btn-light{--color: color-mix(in srgb, var(--light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--light-contrast);--btn-border-color: var(--light);--btn-hover-border-color: var(--light);--btn-active-border-color: var(--light)}.btn-light-light{--color: color-mix(in srgb, var(--light-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--light-light-contrast);--btn-border-color: var(--light-light);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light)}.btn-light-dark{--color: color-mix(in srgb, var(--light-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--light-dark-contrast);--btn-border-color: var(--light-dark);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light-dark)}.btn-outline-light{--color: color-mix(in srgb, var(--light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--light-contrast);background:transparent;color:var(--light);--btn-border-color: var(--light);--btn-hover-border-color: var(--light)}.btn-outline-light-light{--color: color-mix(in srgb, var(--light-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--light-light-contrast);background:transparent;color:var(--light);--btn-border-color: var(--light-light);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light)}.btn-outline-light-dark{--color: color-mix(in srgb, var(--light-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--light-dark-contrast);background:transparent;color:var(--light-dark);--btn-border-color: var(--light-dark);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light-dark)}.btn-dark{--color: color-mix(in srgb, var(--dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--dark-contrast);--btn-border-color: var(--dark);--btn-hover-border-color: var(--dark);--btn-active-border-color: var(--dark)}.btn-dark-light{--color: color-mix(in srgb, var(--dark-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--dark-light-contrast);--btn-border-color: var(--dark-light);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark)}.btn-dark-dark{--color: color-mix(in srgb, var(--dark-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--dark-dark-contrast);--btn-border-color: var(--dark-dark);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark-dark)}.btn-outline-dark{--color: color-mix(in srgb, var(--dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--dark-contrast);background:transparent;color:var(--dark);--btn-border-color: var(--dark);--btn-hover-border-color: var(--dark)}.btn-outline-dark-light{--color: color-mix(in srgb, var(--dark-light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--dark-light-contrast);background:transparent;color:var(--dark);--btn-border-color: var(--dark-light);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark)}.btn-outline-dark-dark{--color: color-mix(in srgb, var(--dark-dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--dark-dark-contrast);background:transparent;color:var(--dark-dark);--btn-border-color: var(--dark-dark);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark-dark)}.btn-transparent{background:transparent;border:none;color:currentColor}.btn-transparent:hover,.btn-transparent:focus{box-shadow:none}.btn-transparent:hover{color:var(--accent)}.btn-none{--btn-font-size: calc(var(--spacing-none) * 0);--btn-padding-y: calc(var(--spacing-none) * 0 * .5);--btn-padding-x: calc(var(--spacing-none) * 0);--btn-border-radius: var(--border-radius)}.btn-xs{--btn-font-size: calc(var(--spacing-xs) * 3);--btn-padding-y: calc(var(--spacing-xs) * 3 * .5);--btn-padding-x: calc(var(--spacing-xs) * 3);--btn-border-radius: var(--border-radius)}.btn-sm{--btn-font-size: calc(var(--spacing-sm) * 1.75);--btn-padding-y: calc(var(--spacing-sm) * 1.75 * .5);--btn-padding-x: calc(var(--spacing-sm) * 1.75);--btn-border-radius: var(--border-radius)}.btn-md{--btn-font-size: calc(var(--spacing-md) * 1);--btn-padding-y: calc(var(--spacing-md) * 1 * .5);--btn-padding-x: calc(var(--spacing-md) * 1);--btn-border-radius: var(--border-radius)}.btn-lg{--btn-font-size: calc(var(--spacing-lg) * .625);--btn-padding-y: calc(var(--spacing-lg) * .625 * .5);--btn-padding-x: calc(var(--spacing-lg) * .625);--btn-border-radius: var(--border-radius)}.btn-xl{--btn-font-size: calc(var(--spacing-xl) * .375);--btn-padding-y: calc(var(--spacing-xl) * .375 * .5);--btn-padding-x: calc(var(--spacing-xl) * .375);--btn-border-radius: var(--border-radius)}.btn-2xl{--btn-font-size: calc(var(--spacing-2xl) * .25);--btn-padding-y: calc(var(--spacing-2xl) * .25 * .5);--btn-padding-x: calc(var(--spacing-2xl) * .25);--btn-border-radius: var(--border-radius)}.btn-3xl{--btn-font-size: calc(var(--spacing-3xl) * .15);--btn-padding-y: calc(var(--spacing-3xl) * .15 * .5);--btn-padding-x: calc(var(--spacing-3xl) * .15);--btn-border-radius: var(--border-radius)}.btn-4xl{--btn-font-size: calc(var(--spacing-4xl) * .14);--btn-padding-y: calc(var(--spacing-4xl) * .14 * .5);--btn-padding-x: calc(var(--spacing-4xl) * .14);--btn-border-radius: var(--border-radius)}.btn-close{--btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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.414'/%3e%3c/svg%3e");--btn-close-opacity: .5;--btn-close-hover-opacity: .75;--btn-close-focus-shadow: 0 0 0 .1rem var(--primary);--btn-close-focus-opacity: 1;--btn-close-disabled-opacity: .25;-webkit-mask-image:var(--btn-close-bg);mask-image:var(--btn-close-bg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.btn:disabled{background-color:color-mix(in srgb,var(--primary),white 85%);border-color:color-mix(in srgb,var(--primary),white 85%);color:color-mix(in srgb,var(--primary),white 60%)}}.form__input,.pcr-app .pcr-interaction .pcr-result{--form-placeholder-color: color-mix(in srgb, var(--body-color), transparent 70%);--form-border: var(--border-width) solid var(--border-color)}.form__input:not(:has(.choices)),.pcr-app .pcr-interaction .pcr-result:not(:has(.choices)){padding:var(--spacing-xs) var(--spacing-sm)}.choices__inner{padding:var(--spacing-xs) var(--spacing-sm)}.form__input,.pcr-app .pcr-interaction .pcr-result{background-color:var(--white);border-radius:var(--radius-base);border:var(--form-border);margin:var(--spacing-sm) 0;display:flex;gap:var(--spacing-xs);transition:all .2s cubic-bezier(.455,.03,.515,.955);flex:1}.form__input[type=checkbox],.pcr-app .pcr-interaction [type=checkbox].pcr-result,.form__input[type=radio],.pcr-app .pcr-interaction [type=radio].pcr-result{appearance:none;width:1.25rem;height:1.25rem;background-color:var(--white);border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);vertical-align:middle;margin-top:-2px}.form__input[type=checkbox]:after,.pcr-app .pcr-interaction [type=checkbox].pcr-result:after,.form__input[type=radio]:after,.pcr-app .pcr-interaction [type=radio].pcr-result:after{content:"";position:absolute;top:50%;left:50%;width:.75rem;height:.75rem;background-color:var(--white);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:translate(-50%,-50%) scale(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.form__input[type=checkbox]:checked,.pcr-app .pcr-interaction [type=checkbox].pcr-result:checked,.form__input[type=radio]:checked,.pcr-app .pcr-interaction [type=radio].pcr-result:checked{background-color:var(--primary);border-color:var(--primary)}.form__input[type=checkbox]:checked:after,.pcr-app .pcr-interaction [type=checkbox].pcr-result:checked:after,.form__input[type=radio]:checked:after,.pcr-app .pcr-interaction [type=radio].pcr-result:checked:after{transform:translate(-50%,-50%) scale(1)}.form__input[type=checkbox]:focus,.pcr-app .pcr-interaction [type=checkbox].pcr-result:focus,.form__input[type=radio]:focus,.pcr-app .pcr-interaction [type=radio].pcr-result:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 80%);border-color:var(--primary)}.form__input[type=checkbox]:hover:not(:checked):not(:disabled),.pcr-app .pcr-interaction [type=checkbox].pcr-result:hover:not(:checked):not(:disabled),.form__input[type=radio]:hover:not(:checked):not(:disabled),.pcr-app .pcr-interaction [type=radio].pcr-result:hover:not(:checked):not(:disabled){border-color:var(--primary);background-color:color-mix(in srgb,var(--primary),transparent 95%)}.form__input[type=checkbox]:disabled,.pcr-app .pcr-interaction [type=checkbox].pcr-result:disabled,.form__input[type=radio]:disabled,.pcr-app .pcr-interaction [type=radio].pcr-result:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-200);cursor:not-allowed;opacity:.7}.form__input[type=radio],.pcr-app .pcr-interaction [type=radio].pcr-result{border-radius:var(--radius-pill)}.form__input[type=radio]:after,.pcr-app .pcr-interaction [type=radio].pcr-result:after{-webkit-mask-image:none;mask-image:none;border-radius:var(--radius-pill);width:.5rem;height:.5rem}.form__input .form-control:not([type=checkbox]):not([type=radio]),.pcr-app .pcr-interaction .pcr-result .form-control:not([type=checkbox]):not([type=radio]){padding:0;background-color:transparent;border-radius:var(--radius-none);border:none;line-height:1.3}.form__input .form-control:not([type=checkbox]):not([type=radio]):focus,.pcr-app .pcr-interaction .pcr-result .form-control:not([type=checkbox]):not([type=radio]):focus{border:none;box-shadow:none}.form__input:has(.form-control:focus),.pcr-app .pcr-interaction .pcr-result:has(.form-control:focus){border-color:var(--accent)}.group--vertical .form__input,.group--vertical .pcr-app .pcr-interaction .pcr-result,.pcr-app .pcr-interaction .group--vertical .pcr-result{width:100%}input[type=checkbox],input[type=radio]{--border-color: var(--primary)}.form__input:has(.form-control:disabled),.pcr-app .pcr-interaction .pcr-result:has(.form-control:disabled){border-color:var(--gray-200);background-color:var(--gray-100)}.form__input:has(.form-control:disabled) .form-control,.pcr-app .pcr-interaction .pcr-result:has(.form-control:disabled) .form-control,.form__input:has(.form-control:disabled) .form-control::placeholder,.pcr-app .pcr-interaction .pcr-result:has(.form-control:disabled) .form-control::placeholder,.form__input:has(.form-control:disabled) .icon,.pcr-app .pcr-interaction .pcr-result:has(.form-control:disabled) .icon{color:var(--form-placeholder-color)}input::placeholder{color:var(--form-placeholder-color)}.form__input.form__input--color,.pcr-app .pcr-interaction .form__input--color.pcr-result{--form-border: none;padding:0;min-height:33px}.form__input.form__input--color[disabled] .color-selection,.pcr-app .pcr-interaction .form__input--color[disabled].pcr-result .color-selection{cursor:default}.form__input.form__input--color .color-selection,.pcr-app .pcr-interaction .form__input--color.pcr-result .color-selection{cursor:pointer;border:1px dashed color-mix(in srgb,var(--primary),transparent 60%);padding:.6rem;width:100%;border-radius:var(--radius-base)}.pcr-app .pcr-interaction .pcr-result{margin:0;margin-top:.5rem}.pcr-app .pcr-interaction .pcr-result:focus{box-shadow:none;border-color:var(--accent)}.pcr-app .pcr-interaction input[type=button]{margin-top:.5rem;margin-left:.2rem}.pcr-app .pcr-interaction input[type=button].active{box-shadow:none}.form__input:has([class^=flatpickr]),.pcr-app .pcr-interaction .pcr-result:has([class^=flatpickr]){flex-direction:column;gap:0}.form-date-control{width:10ch;text-align:center}.flatpickr-day{color:currentcolor;border-radius:var(--radius-base)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:color-mix(in srgb,currentcolor,transparent 60%)}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background-color:var(--primary);border-color:var(--primary);color:var(--white)}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--secondary)}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{background-color:var(--primary-light);border-color:var(--primary-light);color:var(--white)}.form__input:has(.is-invalid)~.invalid-feedback,.pcr-app .pcr-interaction .pcr-result:has(.is-invalid)~.invalid-feedback{display:block}.form-control.is-valid,.form-control.is-invalid{background:none}}

package/dist/components/Grid/react/index.d.ts

@@ -30,6 +30,9 @@ interface GridProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Gaps responsives.
      */
+    xsGap?: GapSize;
+    xsGapX?: GapSize;
+    xsGapY?: GapSize;
     smGap?: GapSize;
     smGapX?: GapSize;
     smGapY?: GapSize;
@@ -49,7 +52,7 @@ interface GridProps extends HTMLAttributes<HTMLDivElement> {
  * @param {GridProps} props - Les propriétés du composant.
  * @returns {JSX.Element} Le rendu du composant.
  */
-export declare const Grid: ({ children, gap, gapX, gapY, smGap, smGapX, smGapY, mdGap, mdGapX, mdGapY, lgGap, lgGapX, lgGapY, xlGap, xlGapX, xlGapY, className, ...props }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid: ({ children, gap, gapX, gapY, xsGap, xsGapX, xsGapY, smGap, smGapX, smGapY, mdGap, mdGapX, mdGapY, lgGap, lgGapX, lgGapY, xlGap, xlGapX, xlGapY, className, ...props }: GridProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Propriétés du composant GridItem.
  */
@@ -62,6 +65,10 @@ interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
      * Nombre de colonnes occupées par défaut (1-24).
      */
     span?: GridSpan;
+    /**
+     * Nombre de colonnes occupées sur très petit écran (xs).
+     */
+    xs?: GridSpan;
     /**
      * Nombre de colonnes occupées sur petit écran (sm).
      */
@@ -78,6 +85,10 @@ interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
      * Nombre de colonnes occupées sur très grand écran (xl).
      */
     xl?: GridSpan;
+    /**
+     * Alignement vertical de l'item.
+     */
+    align?: 'top' | 'bottom' | 'center';
 }
 /**
  * Composant GridItem permettant de gérer le positionnement dans la grille.
@@ -85,7 +96,7 @@ interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
  * @param {GridItemProps} props - Les propriétés de l'item.
  * @returns {JSX.Element} Le rendu de l'item.
  */
-export declare const GridItem: ({ children, span, sm, md, lg, xl, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GridItem: ({ children, span, xs, sm, md, lg, xl, align, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Composant Spacer permettant de générer un espace vide contrôlé par le système de grille.
  *

package/dist/components/Grid/react/index.js

@@ -1,56 +1,61 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import '../style/index.css';/* empty css                  */
-const _ = ({
+const S = ({
   children: d,
   gap: p = 2,
   gapX: u,
   gapY: f,
-  smGap: h,
-  smGapX: v,
-  smGapY: r,
-  mdGap: t,
-  mdGapX: o,
-  mdGapY: $,
-  lgGap: e,
-  lgGapX: n,
-  lgGapY: c,
-  xlGap: a,
-  xlGapX: m,
-  xlGapY: x,
-  className: l = "",
-  ...y
+  xsGap: h,
+  xsGapX: v,
+  xsGapY: r,
+  smGap: t,
+  smGapX: g,
+  smGapY: e,
+  mdGap: o,
+  mdGapX: s,
+  mdGapY: n,
+  lgGap: m,
+  lgGapX: a,
+  lgGapY: x,
+  xlGap: y,
+  xlGapX: l,
+  xlGapY: b,
+  className: j = "",
+  ...C
 }) => {
-  const s = "grid", i = [s];
-  return p !== void 0 && i.push(`${s}--gap-${p}`), u !== void 0 && i.push(`${s}--gap-x-${u}`), f !== void 0 && i.push(`${s}--gap-y-${f}`), h !== void 0 && i.push(`${s}--gap-sm-${h}`), v !== void 0 && i.push(`${s}--gap-x-sm-${v}`), r !== void 0 && i.push(`${s}--gap-y-sm-${r}`), t !== void 0 && i.push(`${s}--gap-md-${t}`), o !== void 0 && i.push(`${s}--gap-x-md-${o}`), $ !== void 0 && i.push(`${s}--gap-y-md-${$}`), e !== void 0 && i.push(`${s}--gap-lg-${e}`), n !== void 0 && i.push(`${s}--gap-x-lg-${n}`), c !== void 0 && i.push(`${s}--gap-y-lg-${c}`), a !== void 0 && i.push(`${s}--gap-xl-${a}`), m !== void 0 && i.push(`${s}--gap-x-xl-${m}`), x !== void 0 && i.push(`${s}--gap-y-xl-${x}`), l && i.push(l), /* @__PURE__ */ g("div", { className: "grid-container", children: /* @__PURE__ */ g(
+  const $ = "grid", i = [$];
+  return p !== void 0 && i.push(`${$}--gap-${p}`), u !== void 0 && i.push(`${$}--gap-x-${u}`), f !== void 0 && i.push(`${$}--gap-y-${f}`), h !== void 0 && i.push(`${$}--gap-xs-${h}`), v !== void 0 && i.push(`${$}--gap-x-xs-${v}`), r !== void 0 && i.push(`${$}--gap-y-xs-${r}`), t !== void 0 && i.push(`${$}--gap-sm-${t}`), g !== void 0 && i.push(`${$}--gap-x-sm-${g}`), e !== void 0 && i.push(`${$}--gap-y-sm-${e}`), o !== void 0 && i.push(`${$}--gap-md-${o}`), s !== void 0 && i.push(`${$}--gap-x-md-${s}`), n !== void 0 && i.push(`${$}--gap-y-md-${n}`), m !== void 0 && i.push(`${$}--gap-lg-${m}`), a !== void 0 && i.push(`${$}--gap-x-lg-${a}`), x !== void 0 && i.push(`${$}--gap-y-lg-${x}`), y !== void 0 && i.push(`${$}--gap-xl-${y}`), l !== void 0 && i.push(`${$}--gap-x-xl-${l}`), b !== void 0 && i.push(`${$}--gap-y-xl-${b}`), j && i.push(j), /* @__PURE__ */ c("div", { className: "grid-container", children: /* @__PURE__ */ c(
     "div",
     {
       className: i.join(" ").trim(),
-      ...y,
+      ...C,
       children: d
     }
   ) });
-}, j = ({
+}, _ = ({
   children: d,
   span: p = 24,
-  sm: u,
-  md: f,
-  lg: h,
-  xl: v,
-  className: r = "",
-  ...t
+  xs: u,
+  sm: f,
+  md: h,
+  lg: v,
+  xl: r,
+  align: t = "bottom",
+  className: g = "",
+  ...e
 }) => {
-  const o = "grid__item", $ = [o];
-  return p !== void 0 && $.push(`${o}--${p}`), u !== void 0 && $.push(`${o}--sm-${u}`), f !== void 0 && $.push(`${o}--md-${f}`), h !== void 0 && $.push(`${o}--lg-${h}`), v !== void 0 && $.push(`${o}--xl-${v}`), r && $.push(r), /* @__PURE__ */ g(
+  const o = "grid__item", s = [o];
+  return p !== void 0 && s.push(`${o}--${p}`), u !== void 0 && s.push(`${o}--xs-${u}`), f !== void 0 && s.push(`${o}--sm-${f}`), h !== void 0 && s.push(`${o}--md-${h}`), v !== void 0 && s.push(`${o}--lg-${v}`), r !== void 0 && s.push(`${o}--xl-${r}`), t !== void 0 && s.push(`${o}-${t}`), g && s.push(g), /* @__PURE__ */ c(
     "div",
     {
-      className: $.join(" ").trim(),
-      ...t,
+      className: s.join(" ").trim(),
+      ...e,
       children: d
     }
   );
-}, I = (d) => /* @__PURE__ */ g(j, { ...d });
+}, k = (d) => /* @__PURE__ */ c(_, { ...d });
 export {
-  _ as Grid,
-  j as GridItem,
-  I as GridSpacer
+  S as Grid,
+  _ as GridItem,
+  k as GridSpacer
 };

package/dist/components/Grid/style/index.css

@@ -1 +1 @@
-@charset "UTF-8";@layer components{.grid-container{container-type:inline-size;width:100%}.grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));width:100%;box-sizing:border-box}.grid__item{min-width:0;box-sizing:border-box;display:block}.grid__item--0{display:none}.grid__item--1{display:block;grid-column:span 1}.grid__item--2{display:block;grid-column:span 2}.grid__item--3{display:block;grid-column:span 3}.grid__item--4{display:block;grid-column:span 4}.grid__item--5{display:block;grid-column:span 5}.grid__item--6{display:block;grid-column:span 6}.grid__item--7{display:block;grid-column:span 7}.grid__item--8{display:block;grid-column:span 8}.grid__item--9{display:block;grid-column:span 9}.grid__item--10{display:block;grid-column:span 10}.grid__item--11{display:block;grid-column:span 11}.grid__item--12{display:block;grid-column:span 12}.grid__item--13{display:block;grid-column:span 13}.grid__item--14{display:block;grid-column:span 14}.grid__item--15{display:block;grid-column:span 15}.grid__item--16{display:block;grid-column:span 16}.grid__item--17{display:block;grid-column:span 17}.grid__item--18{display:block;grid-column:span 18}.grid__item--19{display:block;grid-column:span 19}.grid__item--20{display:block;grid-column:span 20}.grid__item--21{display:block;grid-column:span 21}.grid__item--22{display:block;grid-column:span 22}.grid__item--23{display:block;grid-column:span 23}.grid__item--24{display:block;grid-column:span 24}.grid--gap-0{gap:var(--size-0)}.grid--gap-x-0{column-gap:var(--size-0)}.grid--gap-y-0{row-gap:var(--size-0)}.grid--gap-1{gap:var(--size-1)}.grid--gap-x-1{column-gap:var(--size-1)}.grid--gap-y-1{row-gap:var(--size-1)}.grid--gap-2{gap:var(--size-2)}.grid--gap-x-2{column-gap:var(--size-2)}.grid--gap-y-2{row-gap:var(--size-2)}.grid--gap-3{gap:var(--size-3)}.grid--gap-x-3{column-gap:var(--size-3)}.grid--gap-y-3{row-gap:var(--size-3)}.grid--gap-4{gap:var(--size-4)}.grid--gap-x-4{column-gap:var(--size-4)}.grid--gap-y-4{row-gap:var(--size-4)}.grid--gap-5{gap:var(--size-5)}.grid--gap-x-5{column-gap:var(--size-5)}.grid--gap-y-5{row-gap:var(--size-5)}.grid--gap-6{gap:var(--size-6)}.grid--gap-x-6{column-gap:var(--size-6)}.grid--gap-y-6{row-gap:var(--size-6)}.grid--gap-8{gap:var(--size-8)}.grid--gap-x-8{column-gap:var(--size-8)}.grid--gap-y-8{row-gap:var(--size-8)}.grid--gap-10{gap:var(--size-10)}.grid--gap-x-10{column-gap:var(--size-10)}.grid--gap-y-10{row-gap:var(--size-10)}.grid--gap-12{gap:var(--size-12)}.grid--gap-x-12{column-gap:var(--size-12)}.grid--gap-y-12{row-gap:var(--size-12)}.grid--gap-16{gap:var(--size-16)}.grid--gap-x-16{column-gap:var(--size-16)}.grid--gap-y-16{row-gap:var(--size-16)}.grid--gap-20{gap:var(--size-20)}.grid--gap-x-20{column-gap:var(--size-20)}.grid--gap-y-20{row-gap:var(--size-20)}.grid--gap-24{gap:var(--size-24)}.grid--gap-x-24{column-gap:var(--size-24)}.grid--gap-y-24{row-gap:var(--size-24)}.grid--gap-32{gap:var(--size-32)}.grid--gap-x-32{column-gap:var(--size-32)}.grid--gap-y-32{row-gap:var(--size-32)}.grid--gap-40{gap:var(--size-40)}.grid--gap-x-40{column-gap:var(--size-40)}.grid--gap-y-40{row-gap:var(--size-40)}.grid--gap-48{gap:var(--size-48)}.grid--gap-x-48{column-gap:var(--size-48)}.grid--gap-y-48{row-gap:var(--size-48)}.grid--gap-64{gap:var(--size-64)}.grid--gap-x-64{column-gap:var(--size-64)}.grid--gap-y-64{row-gap:var(--size-64)}@container (min-width: 640px){.grid__item--sm-0{display:none}.grid__item--sm-1{display:block;grid-column:span 1}.grid__item--sm-2{display:block;grid-column:span 2}.grid__item--sm-3{display:block;grid-column:span 3}.grid__item--sm-4{display:block;grid-column:span 4}.grid__item--sm-5{display:block;grid-column:span 5}.grid__item--sm-6{display:block;grid-column:span 6}.grid__item--sm-7{display:block;grid-column:span 7}.grid__item--sm-8{display:block;grid-column:span 8}.grid__item--sm-9{display:block;grid-column:span 9}.grid__item--sm-10{display:block;grid-column:span 10}.grid__item--sm-11{display:block;grid-column:span 11}.grid__item--sm-12{display:block;grid-column:span 12}.grid__item--sm-13{display:block;grid-column:span 13}.grid__item--sm-14{display:block;grid-column:span 14}.grid__item--sm-15{display:block;grid-column:span 15}.grid__item--sm-16{display:block;grid-column:span 16}.grid__item--sm-17{display:block;grid-column:span 17}.grid__item--sm-18{display:block;grid-column:span 18}.grid__item--sm-19{display:block;grid-column:span 19}.grid__item--sm-20{display:block;grid-column:span 20}.grid__item--sm-21{display:block;grid-column:span 21}.grid__item--sm-22{display:block;grid-column:span 22}.grid__item--sm-23{display:block;grid-column:span 23}.grid__item--sm-24{display:block;grid-column:span 24}.grid--gap-sm-0{gap:var(--size-0)}.grid--gap-x-sm-0{column-gap:var(--size-0)}.grid--gap-y-sm-0{row-gap:var(--size-0)}.grid--gap-sm-1{gap:var(--size-1)}.grid--gap-x-sm-1{column-gap:var(--size-1)}.grid--gap-y-sm-1{row-gap:var(--size-1)}.grid--gap-sm-2{gap:var(--size-2)}.grid--gap-x-sm-2{column-gap:var(--size-2)}.grid--gap-y-sm-2{row-gap:var(--size-2)}.grid--gap-sm-3{gap:var(--size-3)}.grid--gap-x-sm-3{column-gap:var(--size-3)}.grid--gap-y-sm-3{row-gap:var(--size-3)}.grid--gap-sm-4{gap:var(--size-4)}.grid--gap-x-sm-4{column-gap:var(--size-4)}.grid--gap-y-sm-4{row-gap:var(--size-4)}.grid--gap-sm-5{gap:var(--size-5)}.grid--gap-x-sm-5{column-gap:var(--size-5)}.grid--gap-y-sm-5{row-gap:var(--size-5)}.grid--gap-sm-6{gap:var(--size-6)}.grid--gap-x-sm-6{column-gap:var(--size-6)}.grid--gap-y-sm-6{row-gap:var(--size-6)}.grid--gap-sm-8{gap:var(--size-8)}.grid--gap-x-sm-8{column-gap:var(--size-8)}.grid--gap-y-sm-8{row-gap:var(--size-8)}.grid--gap-sm-10{gap:var(--size-10)}.grid--gap-x-sm-10{column-gap:var(--size-10)}.grid--gap-y-sm-10{row-gap:var(--size-10)}.grid--gap-sm-12{gap:var(--size-12)}.grid--gap-x-sm-12{column-gap:var(--size-12)}.grid--gap-y-sm-12{row-gap:var(--size-12)}.grid--gap-sm-16{gap:var(--size-16)}.grid--gap-x-sm-16{column-gap:var(--size-16)}.grid--gap-y-sm-16{row-gap:var(--size-16)}.grid--gap-sm-20{gap:var(--size-20)}.grid--gap-x-sm-20{column-gap:var(--size-20)}.grid--gap-y-sm-20{row-gap:var(--size-20)}.grid--gap-sm-24{gap:var(--size-24)}.grid--gap-x-sm-24{column-gap:var(--size-24)}.grid--gap-y-sm-24{row-gap:var(--size-24)}.grid--gap-sm-32{gap:var(--size-32)}.grid--gap-x-sm-32{column-gap:var(--size-32)}.grid--gap-y-sm-32{row-gap:var(--size-32)}.grid--gap-sm-40{gap:var(--size-40)}.grid--gap-x-sm-40{column-gap:var(--size-40)}.grid--gap-y-sm-40{row-gap:var(--size-40)}.grid--gap-sm-48{gap:var(--size-48)}.grid--gap-x-sm-48{column-gap:var(--size-48)}.grid--gap-y-sm-48{row-gap:var(--size-48)}.grid--gap-sm-64{gap:var(--size-64)}.grid--gap-x-sm-64{column-gap:var(--size-64)}.grid--gap-y-sm-64{row-gap:var(--size-64)}}@container (min-width: 768px){.grid__item--md-0{display:none}.grid__item--md-1{display:block;grid-column:span 1}.grid__item--md-2{display:block;grid-column:span 2}.grid__item--md-3{display:block;grid-column:span 3}.grid__item--md-4{display:block;grid-column:span 4}.grid__item--md-5{display:block;grid-column:span 5}.grid__item--md-6{display:block;grid-column:span 6}.grid__item--md-7{display:block;grid-column:span 7}.grid__item--md-8{display:block;grid-column:span 8}.grid__item--md-9{display:block;grid-column:span 9}.grid__item--md-10{display:block;grid-column:span 10}.grid__item--md-11{display:block;grid-column:span 11}.grid__item--md-12{display:block;grid-column:span 12}.grid__item--md-13{display:block;grid-column:span 13}.grid__item--md-14{display:block;grid-column:span 14}.grid__item--md-15{display:block;grid-column:span 15}.grid__item--md-16{display:block;grid-column:span 16}.grid__item--md-17{display:block;grid-column:span 17}.grid__item--md-18{display:block;grid-column:span 18}.grid__item--md-19{display:block;grid-column:span 19}.grid__item--md-20{display:block;grid-column:span 20}.grid__item--md-21{display:block;grid-column:span 21}.grid__item--md-22{display:block;grid-column:span 22}.grid__item--md-23{display:block;grid-column:span 23}.grid__item--md-24{display:block;grid-column:span 24}.grid--gap-md-0{gap:var(--size-0)}.grid--gap-x-md-0{column-gap:var(--size-0)}.grid--gap-y-md-0{row-gap:var(--size-0)}.grid--gap-md-1{gap:var(--size-1)}.grid--gap-x-md-1{column-gap:var(--size-1)}.grid--gap-y-md-1{row-gap:var(--size-1)}.grid--gap-md-2{gap:var(--size-2)}.grid--gap-x-md-2{column-gap:var(--size-2)}.grid--gap-y-md-2{row-gap:var(--size-2)}.grid--gap-md-3{gap:var(--size-3)}.grid--gap-x-md-3{column-gap:var(--size-3)}.grid--gap-y-md-3{row-gap:var(--size-3)}.grid--gap-md-4{gap:var(--size-4)}.grid--gap-x-md-4{column-gap:var(--size-4)}.grid--gap-y-md-4{row-gap:var(--size-4)}.grid--gap-md-5{gap:var(--size-5)}.grid--gap-x-md-5{column-gap:var(--size-5)}.grid--gap-y-md-5{row-gap:var(--size-5)}.grid--gap-md-6{gap:var(--size-6)}.grid--gap-x-md-6{column-gap:var(--size-6)}.grid--gap-y-md-6{row-gap:var(--size-6)}.grid--gap-md-8{gap:var(--size-8)}.grid--gap-x-md-8{column-gap:var(--size-8)}.grid--gap-y-md-8{row-gap:var(--size-8)}.grid--gap-md-10{gap:var(--size-10)}.grid--gap-x-md-10{column-gap:var(--size-10)}.grid--gap-y-md-10{row-gap:var(--size-10)}.grid--gap-md-12{gap:var(--size-12)}.grid--gap-x-md-12{column-gap:var(--size-12)}.grid--gap-y-md-12{row-gap:var(--size-12)}.grid--gap-md-16{gap:var(--size-16)}.grid--gap-x-md-16{column-gap:var(--size-16)}.grid--gap-y-md-16{row-gap:var(--size-16)}.grid--gap-md-20{gap:var(--size-20)}.grid--gap-x-md-20{column-gap:var(--size-20)}.grid--gap-y-md-20{row-gap:var(--size-20)}.grid--gap-md-24{gap:var(--size-24)}.grid--gap-x-md-24{column-gap:var(--size-24)}.grid--gap-y-md-24{row-gap:var(--size-24)}.grid--gap-md-32{gap:var(--size-32)}.grid--gap-x-md-32{column-gap:var(--size-32)}.grid--gap-y-md-32{row-gap:var(--size-32)}.grid--gap-md-40{gap:var(--size-40)}.grid--gap-x-md-40{column-gap:var(--size-40)}.grid--gap-y-md-40{row-gap:var(--size-40)}.grid--gap-md-48{gap:var(--size-48)}.grid--gap-x-md-48{column-gap:var(--size-48)}.grid--gap-y-md-48{row-gap:var(--size-48)}.grid--gap-md-64{gap:var(--size-64)}.grid--gap-x-md-64{column-gap:var(--size-64)}.grid--gap-y-md-64{row-gap:var(--size-64)}}@container (min-width: 1024px){.grid__item--lg-0{display:none}.grid__item--lg-1{display:block;grid-column:span 1}.grid__item--lg-2{display:block;grid-column:span 2}.grid__item--lg-3{display:block;grid-column:span 3}.grid__item--lg-4{display:block;grid-column:span 4}.grid__item--lg-5{display:block;grid-column:span 5}.grid__item--lg-6{display:block;grid-column:span 6}.grid__item--lg-7{display:block;grid-column:span 7}.grid__item--lg-8{display:block;grid-column:span 8}.grid__item--lg-9{display:block;grid-column:span 9}.grid__item--lg-10{display:block;grid-column:span 10}.grid__item--lg-11{display:block;grid-column:span 11}.grid__item--lg-12{display:block;grid-column:span 12}.grid__item--lg-13{display:block;grid-column:span 13}.grid__item--lg-14{display:block;grid-column:span 14}.grid__item--lg-15{display:block;grid-column:span 15}.grid__item--lg-16{display:block;grid-column:span 16}.grid__item--lg-17{display:block;grid-column:span 17}.grid__item--lg-18{display:block;grid-column:span 18}.grid__item--lg-19{display:block;grid-column:span 19}.grid__item--lg-20{display:block;grid-column:span 20}.grid__item--lg-21{display:block;grid-column:span 21}.grid__item--lg-22{display:block;grid-column:span 22}.grid__item--lg-23{display:block;grid-column:span 23}.grid__item--lg-24{display:block;grid-column:span 24}.grid--gap-lg-0{gap:var(--size-0)}.grid--gap-x-lg-0{column-gap:var(--size-0)}.grid--gap-y-lg-0{row-gap:var(--size-0)}.grid--gap-lg-1{gap:var(--size-1)}.grid--gap-x-lg-1{column-gap:var(--size-1)}.grid--gap-y-lg-1{row-gap:var(--size-1)}.grid--gap-lg-2{gap:var(--size-2)}.grid--gap-x-lg-2{column-gap:var(--size-2)}.grid--gap-y-lg-2{row-gap:var(--size-2)}.grid--gap-lg-3{gap:var(--size-3)}.grid--gap-x-lg-3{column-gap:var(--size-3)}.grid--gap-y-lg-3{row-gap:var(--size-3)}.grid--gap-lg-4{gap:var(--size-4)}.grid--gap-x-lg-4{column-gap:var(--size-4)}.grid--gap-y-lg-4{row-gap:var(--size-4)}.grid--gap-lg-5{gap:var(--size-5)}.grid--gap-x-lg-5{column-gap:var(--size-5)}.grid--gap-y-lg-5{row-gap:var(--size-5)}.grid--gap-lg-6{gap:var(--size-6)}.grid--gap-x-lg-6{column-gap:var(--size-6)}.grid--gap-y-lg-6{row-gap:var(--size-6)}.grid--gap-lg-8{gap:var(--size-8)}.grid--gap-x-lg-8{column-gap:var(--size-8)}.grid--gap-y-lg-8{row-gap:var(--size-8)}.grid--gap-lg-10{gap:var(--size-10)}.grid--gap-x-lg-10{column-gap:var(--size-10)}.grid--gap-y-lg-10{row-gap:var(--size-10)}.grid--gap-lg-12{gap:var(--size-12)}.grid--gap-x-lg-12{column-gap:var(--size-12)}.grid--gap-y-lg-12{row-gap:var(--size-12)}.grid--gap-lg-16{gap:var(--size-16)}.grid--gap-x-lg-16{column-gap:var(--size-16)}.grid--gap-y-lg-16{row-gap:var(--size-16)}.grid--gap-lg-20{gap:var(--size-20)}.grid--gap-x-lg-20{column-gap:var(--size-20)}.grid--gap-y-lg-20{row-gap:var(--size-20)}.grid--gap-lg-24{gap:var(--size-24)}.grid--gap-x-lg-24{column-gap:var(--size-24)}.grid--gap-y-lg-24{row-gap:var(--size-24)}.grid--gap-lg-32{gap:var(--size-32)}.grid--gap-x-lg-32{column-gap:var(--size-32)}.grid--gap-y-lg-32{row-gap:var(--size-32)}.grid--gap-lg-40{gap:var(--size-40)}.grid--gap-x-lg-40{column-gap:var(--size-40)}.grid--gap-y-lg-40{row-gap:var(--size-40)}.grid--gap-lg-48{gap:var(--size-48)}.grid--gap-x-lg-48{column-gap:var(--size-48)}.grid--gap-y-lg-48{row-gap:var(--size-48)}.grid--gap-lg-64{gap:var(--size-64)}.grid--gap-x-lg-64{column-gap:var(--size-64)}.grid--gap-y-lg-64{row-gap:var(--size-64)}}@container (min-width: 1280px){.grid__item--xl-0{display:none}.grid__item--xl-1{display:block;grid-column:span 1}.grid__item--xl-2{display:block;grid-column:span 2}.grid__item--xl-3{display:block;grid-column:span 3}.grid__item--xl-4{display:block;grid-column:span 4}.grid__item--xl-5{display:block;grid-column:span 5}.grid__item--xl-6{display:block;grid-column:span 6}.grid__item--xl-7{display:block;grid-column:span 7}.grid__item--xl-8{display:block;grid-column:span 8}.grid__item--xl-9{display:block;grid-column:span 9}.grid__item--xl-10{display:block;grid-column:span 10}.grid__item--xl-11{display:block;grid-column:span 11}.grid__item--xl-12{display:block;grid-column:span 12}.grid__item--xl-13{display:block;grid-column:span 13}.grid__item--xl-14{display:block;grid-column:span 14}.grid__item--xl-15{display:block;grid-column:span 15}.grid__item--xl-16{display:block;grid-column:span 16}.grid__item--xl-17{display:block;grid-column:span 17}.grid__item--xl-18{display:block;grid-column:span 18}.grid__item--xl-19{display:block;grid-column:span 19}.grid__item--xl-20{display:block;grid-column:span 20}.grid__item--xl-21{display:block;grid-column:span 21}.grid__item--xl-22{display:block;grid-column:span 22}.grid__item--xl-23{display:block;grid-column:span 23}.grid__item--xl-24{display:block;grid-column:span 24}.grid--gap-xl-0{gap:var(--size-0)}.grid--gap-x-xl-0{column-gap:var(--size-0)}.grid--gap-y-xl-0{row-gap:var(--size-0)}.grid--gap-xl-1{gap:var(--size-1)}.grid--gap-x-xl-1{column-gap:var(--size-1)}.grid--gap-y-xl-1{row-gap:var(--size-1)}.grid--gap-xl-2{gap:var(--size-2)}.grid--gap-x-xl-2{column-gap:var(--size-2)}.grid--gap-y-xl-2{row-gap:var(--size-2)}.grid--gap-xl-3{gap:var(--size-3)}.grid--gap-x-xl-3{column-gap:var(--size-3)}.grid--gap-y-xl-3{row-gap:var(--size-3)}.grid--gap-xl-4{gap:var(--size-4)}.grid--gap-x-xl-4{column-gap:var(--size-4)}.grid--gap-y-xl-4{row-gap:var(--size-4)}.grid--gap-xl-5{gap:var(--size-5)}.grid--gap-x-xl-5{column-gap:var(--size-5)}.grid--gap-y-xl-5{row-gap:var(--size-5)}.grid--gap-xl-6{gap:var(--size-6)}.grid--gap-x-xl-6{column-gap:var(--size-6)}.grid--gap-y-xl-6{row-gap:var(--size-6)}.grid--gap-xl-8{gap:var(--size-8)}.grid--gap-x-xl-8{column-gap:var(--size-8)}.grid--gap-y-xl-8{row-gap:var(--size-8)}.grid--gap-xl-10{gap:var(--size-10)}.grid--gap-x-xl-10{column-gap:var(--size-10)}.grid--gap-y-xl-10{row-gap:var(--size-10)}.grid--gap-xl-12{gap:var(--size-12)}.grid--gap-x-xl-12{column-gap:var(--size-12)}.grid--gap-y-xl-12{row-gap:var(--size-12)}.grid--gap-xl-16{gap:var(--size-16)}.grid--gap-x-xl-16{column-gap:var(--size-16)}.grid--gap-y-xl-16{row-gap:var(--size-16)}.grid--gap-xl-20{gap:var(--size-20)}.grid--gap-x-xl-20{column-gap:var(--size-20)}.grid--gap-y-xl-20{row-gap:var(--size-20)}.grid--gap-xl-24{gap:var(--size-24)}.grid--gap-x-xl-24{column-gap:var(--size-24)}.grid--gap-y-xl-24{row-gap:var(--size-24)}.grid--gap-xl-32{gap:var(--size-32)}.grid--gap-x-xl-32{column-gap:var(--size-32)}.grid--gap-y-xl-32{row-gap:var(--size-32)}.grid--gap-xl-40{gap:var(--size-40)}.grid--gap-x-xl-40{column-gap:var(--size-40)}.grid--gap-y-xl-40{row-gap:var(--size-40)}.grid--gap-xl-48{gap:var(--size-48)}.grid--gap-x-xl-48{column-gap:var(--size-48)}.grid--gap-y-xl-48{row-gap:var(--size-48)}.grid--gap-xl-64{gap:var(--size-64)}.grid--gap-x-xl-64{column-gap:var(--size-64)}.grid--gap-y-xl-64{row-gap:var(--size-64)}}}
+@charset "UTF-8";@layer components{.grid-container{container-type:inline-size;container-name:grid;width:100%}.grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));width:100%;box-sizing:border-box}.grid__item{min-width:0;box-sizing:border-box;display:block}.grid__item--0{display:none}.grid__item--1{display:block;grid-column:span 1}.grid__item--2{display:block;grid-column:span 2}.grid__item--3{display:block;grid-column:span 3}.grid__item--4{display:block;grid-column:span 4}.grid__item--5{display:block;grid-column:span 5}.grid__item--6{display:block;grid-column:span 6}.grid__item--7{display:block;grid-column:span 7}.grid__item--8{display:block;grid-column:span 8}.grid__item--9{display:block;grid-column:span 9}.grid__item--10{display:block;grid-column:span 10}.grid__item--11{display:block;grid-column:span 11}.grid__item--12{display:block;grid-column:span 12}.grid__item--13{display:block;grid-column:span 13}.grid__item--14{display:block;grid-column:span 14}.grid__item--15{display:block;grid-column:span 15}.grid__item--16{display:block;grid-column:span 16}.grid__item--17{display:block;grid-column:span 17}.grid__item--18{display:block;grid-column:span 18}.grid__item--19{display:block;grid-column:span 19}.grid__item--20{display:block;grid-column:span 20}.grid__item--21{display:block;grid-column:span 21}.grid__item--22{display:block;grid-column:span 22}.grid__item--23{display:block;grid-column:span 23}.grid__item--24{display:block;grid-column:span 24}.grid--gap-0{gap:var(--size-0)}.grid--gap-x-0{column-gap:var(--size-0)}.grid--gap-y-0{row-gap:var(--size-0)}.grid--gap-1{gap:var(--size-1)}.grid--gap-x-1{column-gap:var(--size-1)}.grid--gap-y-1{row-gap:var(--size-1)}.grid--gap-2{gap:var(--size-2)}.grid--gap-x-2{column-gap:var(--size-2)}.grid--gap-y-2{row-gap:var(--size-2)}.grid--gap-3{gap:var(--size-3)}.grid--gap-x-3{column-gap:var(--size-3)}.grid--gap-y-3{row-gap:var(--size-3)}.grid--gap-4{gap:var(--size-4)}.grid--gap-x-4{column-gap:var(--size-4)}.grid--gap-y-4{row-gap:var(--size-4)}.grid--gap-5{gap:var(--size-5)}.grid--gap-x-5{column-gap:var(--size-5)}.grid--gap-y-5{row-gap:var(--size-5)}.grid--gap-6{gap:var(--size-6)}.grid--gap-x-6{column-gap:var(--size-6)}.grid--gap-y-6{row-gap:var(--size-6)}.grid--gap-8{gap:var(--size-8)}.grid--gap-x-8{column-gap:var(--size-8)}.grid--gap-y-8{row-gap:var(--size-8)}.grid--gap-10{gap:var(--size-10)}.grid--gap-x-10{column-gap:var(--size-10)}.grid--gap-y-10{row-gap:var(--size-10)}.grid--gap-12{gap:var(--size-12)}.grid--gap-x-12{column-gap:var(--size-12)}.grid--gap-y-12{row-gap:var(--size-12)}.grid--gap-16{gap:var(--size-16)}.grid--gap-x-16{column-gap:var(--size-16)}.grid--gap-y-16{row-gap:var(--size-16)}.grid--gap-20{gap:var(--size-20)}.grid--gap-x-20{column-gap:var(--size-20)}.grid--gap-y-20{row-gap:var(--size-20)}.grid--gap-24{gap:var(--size-24)}.grid--gap-x-24{column-gap:var(--size-24)}.grid--gap-y-24{row-gap:var(--size-24)}.grid--gap-32{gap:var(--size-32)}.grid--gap-x-32{column-gap:var(--size-32)}.grid--gap-y-32{row-gap:var(--size-32)}.grid--gap-40{gap:var(--size-40)}.grid--gap-x-40{column-gap:var(--size-40)}.grid--gap-y-40{row-gap:var(--size-40)}.grid--gap-48{gap:var(--size-48)}.grid--gap-x-48{column-gap:var(--size-48)}.grid--gap-y-48{row-gap:var(--size-48)}.grid--gap-64{gap:var(--size-64)}.grid--gap-x-64{column-gap:var(--size-64)}.grid--gap-y-64{row-gap:var(--size-64)}@container grid (min-width: 450px){.grid__item--xs-0{display:none}.grid__item--xs-1{display:block;grid-column:span 1}.grid__item--xs-2{display:block;grid-column:span 2}.grid__item--xs-3{display:block;grid-column:span 3}.grid__item--xs-4{display:block;grid-column:span 4}.grid__item--xs-5{display:block;grid-column:span 5}.grid__item--xs-6{display:block;grid-column:span 6}.grid__item--xs-7{display:block;grid-column:span 7}.grid__item--xs-8{display:block;grid-column:span 8}.grid__item--xs-9{display:block;grid-column:span 9}.grid__item--xs-10{display:block;grid-column:span 10}.grid__item--xs-11{display:block;grid-column:span 11}.grid__item--xs-12{display:block;grid-column:span 12}.grid__item--xs-13{display:block;grid-column:span 13}.grid__item--xs-14{display:block;grid-column:span 14}.grid__item--xs-15{display:block;grid-column:span 15}.grid__item--xs-16{display:block;grid-column:span 16}.grid__item--xs-17{display:block;grid-column:span 17}.grid__item--xs-18{display:block;grid-column:span 18}.grid__item--xs-19{display:block;grid-column:span 19}.grid__item--xs-20{display:block;grid-column:span 20}.grid__item--xs-21{display:block;grid-column:span 21}.grid__item--xs-22{display:block;grid-column:span 22}.grid__item--xs-23{display:block;grid-column:span 23}.grid__item--xs-24{display:block;grid-column:span 24}.grid--gap-xs-0{gap:var(--size-0)}.grid--gap-x-xs-0{column-gap:var(--size-0)}.grid--gap-y-xs-0{row-gap:var(--size-0)}.grid--gap-xs-1{gap:var(--size-1)}.grid--gap-x-xs-1{column-gap:var(--size-1)}.grid--gap-y-xs-1{row-gap:var(--size-1)}.grid--gap-xs-2{gap:var(--size-2)}.grid--gap-x-xs-2{column-gap:var(--size-2)}.grid--gap-y-xs-2{row-gap:var(--size-2)}.grid--gap-xs-3{gap:var(--size-3)}.grid--gap-x-xs-3{column-gap:var(--size-3)}.grid--gap-y-xs-3{row-gap:var(--size-3)}.grid--gap-xs-4{gap:var(--size-4)}.grid--gap-x-xs-4{column-gap:var(--size-4)}.grid--gap-y-xs-4{row-gap:var(--size-4)}.grid--gap-xs-5{gap:var(--size-5)}.grid--gap-x-xs-5{column-gap:var(--size-5)}.grid--gap-y-xs-5{row-gap:var(--size-5)}.grid--gap-xs-6{gap:var(--size-6)}.grid--gap-x-xs-6{column-gap:var(--size-6)}.grid--gap-y-xs-6{row-gap:var(--size-6)}.grid--gap-xs-8{gap:var(--size-8)}.grid--gap-x-xs-8{column-gap:var(--size-8)}.grid--gap-y-xs-8{row-gap:var(--size-8)}.grid--gap-xs-10{gap:var(--size-10)}.grid--gap-x-xs-10{column-gap:var(--size-10)}.grid--gap-y-xs-10{row-gap:var(--size-10)}.grid--gap-xs-12{gap:var(--size-12)}.grid--gap-x-xs-12{column-gap:var(--size-12)}.grid--gap-y-xs-12{row-gap:var(--size-12)}.grid--gap-xs-16{gap:var(--size-16)}.grid--gap-x-xs-16{column-gap:var(--size-16)}.grid--gap-y-xs-16{row-gap:var(--size-16)}.grid--gap-xs-20{gap:var(--size-20)}.grid--gap-x-xs-20{column-gap:var(--size-20)}.grid--gap-y-xs-20{row-gap:var(--size-20)}.grid--gap-xs-24{gap:var(--size-24)}.grid--gap-x-xs-24{column-gap:var(--size-24)}.grid--gap-y-xs-24{row-gap:var(--size-24)}.grid--gap-xs-32{gap:var(--size-32)}.grid--gap-x-xs-32{column-gap:var(--size-32)}.grid--gap-y-xs-32{row-gap:var(--size-32)}.grid--gap-xs-40{gap:var(--size-40)}.grid--gap-x-xs-40{column-gap:var(--size-40)}.grid--gap-y-xs-40{row-gap:var(--size-40)}.grid--gap-xs-48{gap:var(--size-48)}.grid--gap-x-xs-48{column-gap:var(--size-48)}.grid--gap-y-xs-48{row-gap:var(--size-48)}.grid--gap-xs-64{gap:var(--size-64)}.grid--gap-x-xs-64{column-gap:var(--size-64)}.grid--gap-y-xs-64{row-gap:var(--size-64)}}@container grid (min-width: 640px){.grid__item--sm-0{display:none}.grid__item--sm-1{display:block;grid-column:span 1}.grid__item--sm-2{display:block;grid-column:span 2}.grid__item--sm-3{display:block;grid-column:span 3}.grid__item--sm-4{display:block;grid-column:span 4}.grid__item--sm-5{display:block;grid-column:span 5}.grid__item--sm-6{display:block;grid-column:span 6}.grid__item--sm-7{display:block;grid-column:span 7}.grid__item--sm-8{display:block;grid-column:span 8}.grid__item--sm-9{display:block;grid-column:span 9}.grid__item--sm-10{display:block;grid-column:span 10}.grid__item--sm-11{display:block;grid-column:span 11}.grid__item--sm-12{display:block;grid-column:span 12}.grid__item--sm-13{display:block;grid-column:span 13}.grid__item--sm-14{display:block;grid-column:span 14}.grid__item--sm-15{display:block;grid-column:span 15}.grid__item--sm-16{display:block;grid-column:span 16}.grid__item--sm-17{display:block;grid-column:span 17}.grid__item--sm-18{display:block;grid-column:span 18}.grid__item--sm-19{display:block;grid-column:span 19}.grid__item--sm-20{display:block;grid-column:span 20}.grid__item--sm-21{display:block;grid-column:span 21}.grid__item--sm-22{display:block;grid-column:span 22}.grid__item--sm-23{display:block;grid-column:span 23}.grid__item--sm-24{display:block;grid-column:span 24}.grid--gap-sm-0{gap:var(--size-0)}.grid--gap-x-sm-0{column-gap:var(--size-0)}.grid--gap-y-sm-0{row-gap:var(--size-0)}.grid--gap-sm-1{gap:var(--size-1)}.grid--gap-x-sm-1{column-gap:var(--size-1)}.grid--gap-y-sm-1{row-gap:var(--size-1)}.grid--gap-sm-2{gap:var(--size-2)}.grid--gap-x-sm-2{column-gap:var(--size-2)}.grid--gap-y-sm-2{row-gap:var(--size-2)}.grid--gap-sm-3{gap:var(--size-3)}.grid--gap-x-sm-3{column-gap:var(--size-3)}.grid--gap-y-sm-3{row-gap:var(--size-3)}.grid--gap-sm-4{gap:var(--size-4)}.grid--gap-x-sm-4{column-gap:var(--size-4)}.grid--gap-y-sm-4{row-gap:var(--size-4)}.grid--gap-sm-5{gap:var(--size-5)}.grid--gap-x-sm-5{column-gap:var(--size-5)}.grid--gap-y-sm-5{row-gap:var(--size-5)}.grid--gap-sm-6{gap:var(--size-6)}.grid--gap-x-sm-6{column-gap:var(--size-6)}.grid--gap-y-sm-6{row-gap:var(--size-6)}.grid--gap-sm-8{gap:var(--size-8)}.grid--gap-x-sm-8{column-gap:var(--size-8)}.grid--gap-y-sm-8{row-gap:var(--size-8)}.grid--gap-sm-10{gap:var(--size-10)}.grid--gap-x-sm-10{column-gap:var(--size-10)}.grid--gap-y-sm-10{row-gap:var(--size-10)}.grid--gap-sm-12{gap:var(--size-12)}.grid--gap-x-sm-12{column-gap:var(--size-12)}.grid--gap-y-sm-12{row-gap:var(--size-12)}.grid--gap-sm-16{gap:var(--size-16)}.grid--gap-x-sm-16{column-gap:var(--size-16)}.grid--gap-y-sm-16{row-gap:var(--size-16)}.grid--gap-sm-20{gap:var(--size-20)}.grid--gap-x-sm-20{column-gap:var(--size-20)}.grid--gap-y-sm-20{row-gap:var(--size-20)}.grid--gap-sm-24{gap:var(--size-24)}.grid--gap-x-sm-24{column-gap:var(--size-24)}.grid--gap-y-sm-24{row-gap:var(--size-24)}.grid--gap-sm-32{gap:var(--size-32)}.grid--gap-x-sm-32{column-gap:var(--size-32)}.grid--gap-y-sm-32{row-gap:var(--size-32)}.grid--gap-sm-40{gap:var(--size-40)}.grid--gap-x-sm-40{column-gap:var(--size-40)}.grid--gap-y-sm-40{row-gap:var(--size-40)}.grid--gap-sm-48{gap:var(--size-48)}.grid--gap-x-sm-48{column-gap:var(--size-48)}.grid--gap-y-sm-48{row-gap:var(--size-48)}.grid--gap-sm-64{gap:var(--size-64)}.grid--gap-x-sm-64{column-gap:var(--size-64)}.grid--gap-y-sm-64{row-gap:var(--size-64)}}@container grid (min-width: 768px){.grid__item--md-0{display:none}.grid__item--md-1{display:block;grid-column:span 1}.grid__item--md-2{display:block;grid-column:span 2}.grid__item--md-3{display:block;grid-column:span 3}.grid__item--md-4{display:block;grid-column:span 4}.grid__item--md-5{display:block;grid-column:span 5}.grid__item--md-6{display:block;grid-column:span 6}.grid__item--md-7{display:block;grid-column:span 7}.grid__item--md-8{display:block;grid-column:span 8}.grid__item--md-9{display:block;grid-column:span 9}.grid__item--md-10{display:block;grid-column:span 10}.grid__item--md-11{display:block;grid-column:span 11}.grid__item--md-12{display:block;grid-column:span 12}.grid__item--md-13{display:block;grid-column:span 13}.grid__item--md-14{display:block;grid-column:span 14}.grid__item--md-15{display:block;grid-column:span 15}.grid__item--md-16{display:block;grid-column:span 16}.grid__item--md-17{display:block;grid-column:span 17}.grid__item--md-18{display:block;grid-column:span 18}.grid__item--md-19{display:block;grid-column:span 19}.grid__item--md-20{display:block;grid-column:span 20}.grid__item--md-21{display:block;grid-column:span 21}.grid__item--md-22{display:block;grid-column:span 22}.grid__item--md-23{display:block;grid-column:span 23}.grid__item--md-24{display:block;grid-column:span 24}.grid--gap-md-0{gap:var(--size-0)}.grid--gap-x-md-0{column-gap:var(--size-0)}.grid--gap-y-md-0{row-gap:var(--size-0)}.grid--gap-md-1{gap:var(--size-1)}.grid--gap-x-md-1{column-gap:var(--size-1)}.grid--gap-y-md-1{row-gap:var(--size-1)}.grid--gap-md-2{gap:var(--size-2)}.grid--gap-x-md-2{column-gap:var(--size-2)}.grid--gap-y-md-2{row-gap:var(--size-2)}.grid--gap-md-3{gap:var(--size-3)}.grid--gap-x-md-3{column-gap:var(--size-3)}.grid--gap-y-md-3{row-gap:var(--size-3)}.grid--gap-md-4{gap:var(--size-4)}.grid--gap-x-md-4{column-gap:var(--size-4)}.grid--gap-y-md-4{row-gap:var(--size-4)}.grid--gap-md-5{gap:var(--size-5)}.grid--gap-x-md-5{column-gap:var(--size-5)}.grid--gap-y-md-5{row-gap:var(--size-5)}.grid--gap-md-6{gap:var(--size-6)}.grid--gap-x-md-6{column-gap:var(--size-6)}.grid--gap-y-md-6{row-gap:var(--size-6)}.grid--gap-md-8{gap:var(--size-8)}.grid--gap-x-md-8{column-gap:var(--size-8)}.grid--gap-y-md-8{row-gap:var(--size-8)}.grid--gap-md-10{gap:var(--size-10)}.grid--gap-x-md-10{column-gap:var(--size-10)}.grid--gap-y-md-10{row-gap:var(--size-10)}.grid--gap-md-12{gap:var(--size-12)}.grid--gap-x-md-12{column-gap:var(--size-12)}.grid--gap-y-md-12{row-gap:var(--size-12)}.grid--gap-md-16{gap:var(--size-16)}.grid--gap-x-md-16{column-gap:var(--size-16)}.grid--gap-y-md-16{row-gap:var(--size-16)}.grid--gap-md-20{gap:var(--size-20)}.grid--gap-x-md-20{column-gap:var(--size-20)}.grid--gap-y-md-20{row-gap:var(--size-20)}.grid--gap-md-24{gap:var(--size-24)}.grid--gap-x-md-24{column-gap:var(--size-24)}.grid--gap-y-md-24{row-gap:var(--size-24)}.grid--gap-md-32{gap:var(--size-32)}.grid--gap-x-md-32{column-gap:var(--size-32)}.grid--gap-y-md-32{row-gap:var(--size-32)}.grid--gap-md-40{gap:var(--size-40)}.grid--gap-x-md-40{column-gap:var(--size-40)}.grid--gap-y-md-40{row-gap:var(--size-40)}.grid--gap-md-48{gap:var(--size-48)}.grid--gap-x-md-48{column-gap:var(--size-48)}.grid--gap-y-md-48{row-gap:var(--size-48)}.grid--gap-md-64{gap:var(--size-64)}.grid--gap-x-md-64{column-gap:var(--size-64)}.grid--gap-y-md-64{row-gap:var(--size-64)}}@container grid (min-width: 1024px){.grid__item--lg-0{display:none}.grid__item--lg-1{display:block;grid-column:span 1}.grid__item--lg-2{display:block;grid-column:span 2}.grid__item--lg-3{display:block;grid-column:span 3}.grid__item--lg-4{display:block;grid-column:span 4}.grid__item--lg-5{display:block;grid-column:span 5}.grid__item--lg-6{display:block;grid-column:span 6}.grid__item--lg-7{display:block;grid-column:span 7}.grid__item--lg-8{display:block;grid-column:span 8}.grid__item--lg-9{display:block;grid-column:span 9}.grid__item--lg-10{display:block;grid-column:span 10}.grid__item--lg-11{display:block;grid-column:span 11}.grid__item--lg-12{display:block;grid-column:span 12}.grid__item--lg-13{display:block;grid-column:span 13}.grid__item--lg-14{display:block;grid-column:span 14}.grid__item--lg-15{display:block;grid-column:span 15}.grid__item--lg-16{display:block;grid-column:span 16}.grid__item--lg-17{display:block;grid-column:span 17}.grid__item--lg-18{display:block;grid-column:span 18}.grid__item--lg-19{display:block;grid-column:span 19}.grid__item--lg-20{display:block;grid-column:span 20}.grid__item--lg-21{display:block;grid-column:span 21}.grid__item--lg-22{display:block;grid-column:span 22}.grid__item--lg-23{display:block;grid-column:span 23}.grid__item--lg-24{display:block;grid-column:span 24}.grid--gap-lg-0{gap:var(--size-0)}.grid--gap-x-lg-0{column-gap:var(--size-0)}.grid--gap-y-lg-0{row-gap:var(--size-0)}.grid--gap-lg-1{gap:var(--size-1)}.grid--gap-x-lg-1{column-gap:var(--size-1)}.grid--gap-y-lg-1{row-gap:var(--size-1)}.grid--gap-lg-2{gap:var(--size-2)}.grid--gap-x-lg-2{column-gap:var(--size-2)}.grid--gap-y-lg-2{row-gap:var(--size-2)}.grid--gap-lg-3{gap:var(--size-3)}.grid--gap-x-lg-3{column-gap:var(--size-3)}.grid--gap-y-lg-3{row-gap:var(--size-3)}.grid--gap-lg-4{gap:var(--size-4)}.grid--gap-x-lg-4{column-gap:var(--size-4)}.grid--gap-y-lg-4{row-gap:var(--size-4)}.grid--gap-lg-5{gap:var(--size-5)}.grid--gap-x-lg-5{column-gap:var(--size-5)}.grid--gap-y-lg-5{row-gap:var(--size-5)}.grid--gap-lg-6{gap:var(--size-6)}.grid--gap-x-lg-6{column-gap:var(--size-6)}.grid--gap-y-lg-6{row-gap:var(--size-6)}.grid--gap-lg-8{gap:var(--size-8)}.grid--gap-x-lg-8{column-gap:var(--size-8)}.grid--gap-y-lg-8{row-gap:var(--size-8)}.grid--gap-lg-10{gap:var(--size-10)}.grid--gap-x-lg-10{column-gap:var(--size-10)}.grid--gap-y-lg-10{row-gap:var(--size-10)}.grid--gap-lg-12{gap:var(--size-12)}.grid--gap-x-lg-12{column-gap:var(--size-12)}.grid--gap-y-lg-12{row-gap:var(--size-12)}.grid--gap-lg-16{gap:var(--size-16)}.grid--gap-x-lg-16{column-gap:var(--size-16)}.grid--gap-y-lg-16{row-gap:var(--size-16)}.grid--gap-lg-20{gap:var(--size-20)}.grid--gap-x-lg-20{column-gap:var(--size-20)}.grid--gap-y-lg-20{row-gap:var(--size-20)}.grid--gap-lg-24{gap:var(--size-24)}.grid--gap-x-lg-24{column-gap:var(--size-24)}.grid--gap-y-lg-24{row-gap:var(--size-24)}.grid--gap-lg-32{gap:var(--size-32)}.grid--gap-x-lg-32{column-gap:var(--size-32)}.grid--gap-y-lg-32{row-gap:var(--size-32)}.grid--gap-lg-40{gap:var(--size-40)}.grid--gap-x-lg-40{column-gap:var(--size-40)}.grid--gap-y-lg-40{row-gap:var(--size-40)}.grid--gap-lg-48{gap:var(--size-48)}.grid--gap-x-lg-48{column-gap:var(--size-48)}.grid--gap-y-lg-48{row-gap:var(--size-48)}.grid--gap-lg-64{gap:var(--size-64)}.grid--gap-x-lg-64{column-gap:var(--size-64)}.grid--gap-y-lg-64{row-gap:var(--size-64)}}@container grid (min-width: 1280px){.grid__item--xl-0{display:none}.grid__item--xl-1{display:block;grid-column:span 1}.grid__item--xl-2{display:block;grid-column:span 2}.grid__item--xl-3{display:block;grid-column:span 3}.grid__item--xl-4{display:block;grid-column:span 4}.grid__item--xl-5{display:block;grid-column:span 5}.grid__item--xl-6{display:block;grid-column:span 6}.grid__item--xl-7{display:block;grid-column:span 7}.grid__item--xl-8{display:block;grid-column:span 8}.grid__item--xl-9{display:block;grid-column:span 9}.grid__item--xl-10{display:block;grid-column:span 10}.grid__item--xl-11{display:block;grid-column:span 11}.grid__item--xl-12{display:block;grid-column:span 12}.grid__item--xl-13{display:block;grid-column:span 13}.grid__item--xl-14{display:block;grid-column:span 14}.grid__item--xl-15{display:block;grid-column:span 15}.grid__item--xl-16{display:block;grid-column:span 16}.grid__item--xl-17{display:block;grid-column:span 17}.grid__item--xl-18{display:block;grid-column:span 18}.grid__item--xl-19{display:block;grid-column:span 19}.grid__item--xl-20{display:block;grid-column:span 20}.grid__item--xl-21{display:block;grid-column:span 21}.grid__item--xl-22{display:block;grid-column:span 22}.grid__item--xl-23{display:block;grid-column:span 23}.grid__item--xl-24{display:block;grid-column:span 24}.grid--gap-xl-0{gap:var(--size-0)}.grid--gap-x-xl-0{column-gap:var(--size-0)}.grid--gap-y-xl-0{row-gap:var(--size-0)}.grid--gap-xl-1{gap:var(--size-1)}.grid--gap-x-xl-1{column-gap:var(--size-1)}.grid--gap-y-xl-1{row-gap:var(--size-1)}.grid--gap-xl-2{gap:var(--size-2)}.grid--gap-x-xl-2{column-gap:var(--size-2)}.grid--gap-y-xl-2{row-gap:var(--size-2)}.grid--gap-xl-3{gap:var(--size-3)}.grid--gap-x-xl-3{column-gap:var(--size-3)}.grid--gap-y-xl-3{row-gap:var(--size-3)}.grid--gap-xl-4{gap:var(--size-4)}.grid--gap-x-xl-4{column-gap:var(--size-4)}.grid--gap-y-xl-4{row-gap:var(--size-4)}.grid--gap-xl-5{gap:var(--size-5)}.grid--gap-x-xl-5{column-gap:var(--size-5)}.grid--gap-y-xl-5{row-gap:var(--size-5)}.grid--gap-xl-6{gap:var(--size-6)}.grid--gap-x-xl-6{column-gap:var(--size-6)}.grid--gap-y-xl-6{row-gap:var(--size-6)}.grid--gap-xl-8{gap:var(--size-8)}.grid--gap-x-xl-8{column-gap:var(--size-8)}.grid--gap-y-xl-8{row-gap:var(--size-8)}.grid--gap-xl-10{gap:var(--size-10)}.grid--gap-x-xl-10{column-gap:var(--size-10)}.grid--gap-y-xl-10{row-gap:var(--size-10)}.grid--gap-xl-12{gap:var(--size-12)}.grid--gap-x-xl-12{column-gap:var(--size-12)}.grid--gap-y-xl-12{row-gap:var(--size-12)}.grid--gap-xl-16{gap:var(--size-16)}.grid--gap-x-xl-16{column-gap:var(--size-16)}.grid--gap-y-xl-16{row-gap:var(--size-16)}.grid--gap-xl-20{gap:var(--size-20)}.grid--gap-x-xl-20{column-gap:var(--size-20)}.grid--gap-y-xl-20{row-gap:var(--size-20)}.grid--gap-xl-24{gap:var(--size-24)}.grid--gap-x-xl-24{column-gap:var(--size-24)}.grid--gap-y-xl-24{row-gap:var(--size-24)}.grid--gap-xl-32{gap:var(--size-32)}.grid--gap-x-xl-32{column-gap:var(--size-32)}.grid--gap-y-xl-32{row-gap:var(--size-32)}.grid--gap-xl-40{gap:var(--size-40)}.grid--gap-x-xl-40{column-gap:var(--size-40)}.grid--gap-y-xl-40{row-gap:var(--size-40)}.grid--gap-xl-48{gap:var(--size-48)}.grid--gap-x-xl-48{column-gap:var(--size-48)}.grid--gap-y-xl-48{row-gap:var(--size-48)}.grid--gap-xl-64{gap:var(--size-64)}.grid--gap-x-xl-64{column-gap:var(--size-64)}.grid--gap-y-xl-64{row-gap:var(--size-64)}}.grid__item-bottom{align-content:end}}

package/dist/components/Loader/js/loader.d.ts

@@ -13,7 +13,11 @@ export interface LoaderOptions {
     /**
      * Variante de style du loader.
      */
-    variant?: 'dots' | 'spinner' | 'pulse' | 'quad';
+    variant?: 'dots' | 'spinner' | 'pulse' | 'quad' | 'svg';
+    /**
+     * Source du SVG (chaîne SVG ou chemin).
+     */
+    src?: string;
 }
 /**
  * Logique JavaScript pour le composant Loader.

package/dist/components/Loader/react/index.d.ts

@@ -16,6 +16,10 @@ interface Props extends LoaderOptions {
      * Couleur du loader.
      */
     color?: string;
+    /**
+     * Styles additionnels.
+     */
+    style?: React.CSSProperties;
 }
 /**
  * Composant Loader.
@@ -23,5 +27,5 @@ interface Props extends LoaderOptions {
  * @param {Props} props - Les propriétés du composant.
  * @returns {JSX.Element} Le rendu du composant.
  */
-export declare const Loader: ({ className, size, variant, message, children, color, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Loader: ({ className, size, variant, message, children, color, style, src, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Loader/react/index.js

@@ -1,38 +1,42 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { useRef as u, useEffect as p } from "react";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useRef as _, useEffect as p } from "react";
 import '../style/index.css';/* empty css                  */
-import { initLoader as _ } from "../js/loader.js";
-const x = ({
+import { initLoader as v } from "../js/loader.js";
+const j = ({
   className: l = "",
   size: r = "md",
   variant: a = "dots",
   message: t,
-  children: c,
-  color: d = "primary"
+  children: n,
+  color: d = "primary",
+  style: o,
+  src: f
 }) => {
-  const n = u(null), e = "loader", o = r ? `${e}--${r}` : "", $ = a ? `${e}--${a}` : "", m = `${e} ${o} ${$} ${d ? `loader--${d}` : ""} ${l}`.trim();
+  const c = _(null), s = "loader", $ = r ? `${s}--${r}` : "", m = a ? `${s}--${a}` : "", u = `${s} ${$} ${m} ${d ? `loader--${d}` : ""} ${l}`.trim();
   return p(() => {
-    n.current && _(n.current, { size: r });
-  }, [r, a, t]), /* @__PURE__ */ i("div", { ref: n, className: m, "aria-live": "polite", "aria-busy": "true", children: [
+    c.current && v(c.current, { size: r });
+  }, [r, a, t]), /* @__PURE__ */ i("div", { ref: c, className: u, "aria-live": "polite", "aria-busy": "true", children: [
     (() => {
       switch (a) {
         case "quad":
-          return /* @__PURE__ */ s("div", { className: `${e}__quad` });
+          return /* @__PURE__ */ e("div", { className: `${s}__quad` });
         case "spinner":
-          return /* @__PURE__ */ s("div", { className: `${e}__spinner-circle` });
+          return /* @__PURE__ */ e("div", { className: `${s}__spinner-circle` });
         case "pulse":
-          return /* @__PURE__ */ s("div", { className: `${e}__pulse` });
+          return /* @__PURE__ */ e("div", { className: `${s}__pulse` });
+        case "svg":
+          return /* @__PURE__ */ e("div", { className: `${s}__svg`, style: o });
         default:
-          return /* @__PURE__ */ i("div", { className: `${e}__spinner`, children: [
-            /* @__PURE__ */ s("div", { className: `${e}__dot` }),
-            /* @__PURE__ */ s("div", { className: `${e}__dot` }),
-            /* @__PURE__ */ s("div", { className: `${e}__dot` })
+          return /* @__PURE__ */ i("div", { className: `${s}__spinner`, children: [
+            /* @__PURE__ */ e("div", { className: `${s}__dot` }),
+            /* @__PURE__ */ e("div", { className: `${s}__dot` }),
+            /* @__PURE__ */ e("div", { className: `${s}__dot` })
           ] });
       }
     })(),
-    (t || c) && /* @__PURE__ */ s("div", { className: `${e}__content`, children: t || c })
+    (t || n) && /* @__PURE__ */ e("div", { className: `${s}__content`, children: t || n })
   ] });
 };
 export {
-  x as Loader
+  j as Loader
 };

package/dist/components/Loader/style/index.css

@@ -1 +1 @@
-@layer components{.page-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:color-mix(in srgb,var(--primary),var(--dark) 80%);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loader,.loader.loader--primary{--loader-color: var(--primary)}.loader.loader--secondary{--loader-color: var(--secondary)}.loader.loader--accent{--loader-color: var(--accent)}.loader.loader--tertiary{--loader-color: var(--tertiary)}.loader.loader--success{--loader-color: var(--success)}.loader.loader--danger{--loader-color: var(--danger)}.loader.loader--warning{--loader-color: var(--warning)}.loader.loader--info{--loader-color: var(--info)}.loader.loader--light{--loader-color: var(--light)}.loader.loader--dark{--loader-color: var(--dark)}.loader{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;vertical-align:middle}.loader__spinner,.loader__spinner-circle,.loader__pulse{flex-shrink:0}.loader--sm .loader__spinner,.loader--sm .loader__spinner-circle,.loader--sm .loader__pulse{width:20px;height:20px}.loader--sm .loader__dot{width:6px;height:6px}.loader--md .loader__spinner,.loader--md .loader__spinner-circle,.loader--md .loader__pulse{width:36px;height:36px}.loader--md .loader__dot{width:10px;height:10px}.loader--lg .loader__spinner,.loader--lg .loader__spinner-circle,.loader--lg .loader__pulse{width:56px;height:56px}.loader--lg .loader__dot{width:16px;height:16px}.loader--dots .loader__spinner{width:auto;height:auto;display:flex;flex-wrap:nowrap;gap:4px}.loader--dots .loader__dot{width:8px;height:8px;margin:0;background-color:var(--loader-color);border-radius:50%;animation:loader-dots-wave 1.2s infinite ease-in-out}.loader--dots .loader__dot:nth-child(2){animation-delay:.2s}.loader--dots .loader__dot:nth-child(3){animation-delay:.4s}.loader--dots .loader__dot:nth-child(4){animation-delay:.6s}.loader--dots.loader--sm .loader__dot{width:4px;height:4px;gap:2px}.loader--dots.loader--lg .loader__dot{width:12px;height:12px;gap:6px}.loader__spinner{position:relative;display:flex;align-items:center;justify-content:center}.loader--spinner .loader__spinner-circle{border:3px solid rgba(var(--primary-rgb, 0, 123, 255),.1);border-radius:50%;border-top-color:var(--loader-color);animation:loader-rotate .8s infinite linear}.loader--spinner.loader--sm .loader__spinner-circle{border-width:2px}.loader--spinner.loader--lg .loader__spinner-circle{border-width:4px}.loader--pulse .loader__pulse{background-color:var(--loader-color);border-radius:50%;animation:loader-pulse 1.2s infinite ease-in-out}.loader--quad .loader__quad{width:36px;aspect-ratio:1;--_c: no-repeat radial-gradient(farthest-side, var(--loader-color) 92%, #0000);background:var(--_c) top,var(--_c) left,var(--_c) right,var(--_c) bottom;background-size:12px 12px;animation:loader-quad-rotate 1s infinite}.loader__content{font-family:var(--font-family-base, sans-serif);font-size:.875rem;color:var(--text-muted, #6c757d);font-weight:500;text-align:center;line-height:1.4}@keyframes loader-rotate{to{transform:rotate(360deg)}}@keyframes loader-dot-bounce{0%,to{transform:scale(.5)}50%{transform:scale(1)}}@keyframes loader-pulse{0%,to{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:.5}}@keyframes loader-dots-wave{0%,60%,to{transform:translateY(0);opacity:.6}35%{transform:translateY(-8px);opacity:1}}@keyframes loader-quad-rotate{to{transform:rotate(.5turn)}}}
+@layer components{.page-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:color-mix(in srgb,var(--primary),var(--dark) 80%);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loader,.loader.loader--primary{--loader-color: var(--primary)}.loader.loader--secondary{--loader-color: var(--secondary)}.loader.loader--accent{--loader-color: var(--accent)}.loader.loader--tertiary{--loader-color: var(--tertiary)}.loader.loader--success{--loader-color: var(--success)}.loader.loader--danger{--loader-color: var(--danger)}.loader.loader--warning{--loader-color: var(--warning)}.loader.loader--info{--loader-color: var(--info)}.loader.loader--light{--loader-color: var(--light)}.loader.loader--dark{--loader-color: var(--dark)}.loader{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;vertical-align:middle}.loader__spinner,.loader__spinner-circle,.loader__pulse{flex-shrink:0}.loader--sm .loader__spinner,.loader--sm .loader__spinner-circle,.loader--sm .loader__pulse{width:20px;height:20px}.loader--sm .loader__dot{width:6px;height:6px}.loader--md .loader__spinner,.loader--md .loader__spinner-circle,.loader--md .loader__pulse{width:36px;height:36px}.loader--md .loader__dot{width:10px;height:10px}.loader--lg .loader__spinner,.loader--lg .loader__spinner-circle,.loader--lg .loader__pulse{width:56px;height:56px}.loader--lg .loader__dot{width:16px;height:16px}.loader--dots .loader__spinner{width:auto;height:auto;display:flex;flex-wrap:nowrap;gap:4px}.loader--dots .loader__dot{width:8px;height:8px;margin:0;background-color:var(--loader-color);border-radius:50%;animation:loader-dots-wave 1.2s infinite ease-in-out}.loader--dots .loader__dot:nth-child(2){animation-delay:.2s}.loader--dots .loader__dot:nth-child(3){animation-delay:.4s}.loader--dots .loader__dot:nth-child(4){animation-delay:.6s}.loader--dots.loader--sm .loader__dot{width:4px;height:4px;gap:2px}.loader--dots.loader--lg .loader__dot{width:12px;height:12px;gap:6px}.loader__spinner{position:relative;display:flex;align-items:center;justify-content:center}.loader--spinner .loader__spinner-circle{border:3px solid rgba(var(--primary-rgb, 0, 123, 255),.1);border-radius:50%;border-top-color:var(--loader-color);animation:loader-rotate .8s infinite linear}.loader--spinner.loader--sm .loader__spinner-circle{border-width:2px}.loader--spinner.loader--lg .loader__spinner-circle{border-width:4px}.loader--pulse .loader__pulse{background-color:var(--loader-color);border-radius:50%;animation:loader-pulse 1.2s infinite ease-in-out}.loader--quad .loader__quad{width:36px;aspect-ratio:1;--_c: no-repeat radial-gradient(farthest-side, var(--loader-color) 92%, #0000);background:var(--_c) top,var(--_c) left,var(--_c) right,var(--_c) bottom;background-size:12px 12px;animation:loader-quad-rotate 1s infinite}.loader--svg .loader__svg{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--loader-color),transparent 80%);position:relative;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.loader--svg .loader__svg:before{background:var(--loader-color);content:"";inset:-5px 100% -5px -5px;margin:auto;position:absolute;left:initial;width:100%;animation:diamondLoader 3s cubic-bezier(0,.02,.27,1.01) infinite}.loader__content{font-family:var(--font-family-base, sans-serif);font-size:.875rem;color:var(--text-muted, #6c757d);font-weight:500;text-align:center;line-height:1.4}@keyframes loader-rotate{to{transform:rotate(360deg)}}@keyframes loader-dot-bounce{0%,to{transform:scale(.5)}50%{transform:scale(1)}}@keyframes loader-pulse{0%,to{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:.5}}@keyframes loader-dots-wave{0%,60%,to{transform:translateY(0);opacity:.6}35%{transform:translateY(-8px);opacity:1}}@keyframes loader-quad-rotate{to{transform:rotate(.5turn)}}@keyframes diamondLoader{0%{opacity:1}0%,20%{right:100%;opacity:1}60%,to{right:0%;opacity:1}to{opacity:0}}}

package/dist/components/Menu/js/menu.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Initialise le menu mobile : gestion du toggle burger, overlay et fermeture clavier.
+ *
+ * @param {HTMLElement} menuElement - L'élément racine `.menu`.
+ */
+export declare const initMenu: (menuElement: HTMLElement) => (() => void);

package/dist/components/Menu/js/menu.js

@@ -0,0 +1,19 @@
+const o = "menu", u = (s) => {
+  const n = s.querySelector(`.${o}__toggle`), l = s.querySelector(`.${o}__mobile-nav`);
+  let e = null, t = !1;
+  const i = () => {
+    !n || !l || (n.classList.toggle(`${o}__toggle--open`, t), n.setAttribute("aria-expanded", String(t)), n.setAttribute("aria-label", t ? "close menu" : "open menu"), l.classList.toggle(`${o}__mobile-nav--open`, t), document.body.style.overflow = t ? "hidden" : "", t && !e ? (e = document.createElement("div"), e.className = `${o}__overlay`, e.setAttribute("aria-hidden", "true"), e.addEventListener("click", r), s.insertBefore(e, l)) : !t && e && (e.removeEventListener("click", r), e.remove(), e = null));
+  }, c = () => {
+    t = !t, i();
+  }, r = () => {
+    t = !1, i();
+  }, a = (d) => {
+    d.key === "Escape" && r();
+  };
+  return n?.addEventListener("click", c), document.addEventListener("keydown", a), () => {
+    n?.removeEventListener("click", c), document.removeEventListener("keydown", a), e && (e.removeEventListener("click", r), e.remove()), document.body.style.overflow = "";
+  };
+};
+export {
+  u as initMenu
+};

package/dist/components/Menu/react/index.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+/**
+ * Propriétés du composant Menu.
+ */
+interface Props {
+    /** Enfants (sous-composants Menu.Left, Center, Right) */
+    children?: React.ReactNode;
+    /** Classe CSS additionnelle. */
+    className?: string;
+    /** Breakpoint en pixels à partir duquel le menu passe en mode mobile. Par défaut 768. */
+    breakpoint?: number;
+}
+/**
+ * Interface pour les sous-composants du Menu.
+ */
+interface SubProps {
+    /** Contenu de la section */
+    children: React.ReactNode;
+    /** Classe CSS additionnelle */
+    className?: string;
+}
+/**
+ * Composant Menu responsive fonctionnant comme un layout.
+ * Inclut un bouton burger automatique pour le mode mobile.
+ *
+ * @param {Props} props - Les propriétés du composant.
+ * @returns {JSX.Element} Le rendu du composant.
+ */
+export declare const Menu: {
+    ({ children, className, breakpoint }: Props): import("react/jsx-runtime").JSX.Element;
+    Left({ children, className }: SubProps): import("react/jsx-runtime").JSX.Element;
+    Right({ children, className }: SubProps): import("react/jsx-runtime").JSX.Element;
+};
+export {};