npm - @helvetia-design/core - Versions diffs - 0.0.6 → 0.1.0 - Mend

@helvetia-design/core 0.0.6 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (197) hide show

package/dist/collection/components/forms/phone-input/phone-input.host.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background: var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border: var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius: var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background: var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background: var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background: var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border: var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border: var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border: var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color: var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family: var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight: var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height: var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size: var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_phone-input-family: var(--phone-input-family, var(--mod-phone-input-family, var(--ds-form-default-control-typo-font-family)));--_phone-input-weight: var(--phone-input-weight, var(--mod-phone-input-weight, var(--ds-form-default-control-typo-font-weight)));--_phone-input-line-height: var(--phone-input-line-height, var(--mod-phone-input-line-height, var(--ds-form-default-control-typo-line-height)));--_phone-input-size: var(--phone-input-size, var(--mod-phone-input-size, var(--ds-form-default-control-typo-font-size)));--_phone-input-color: var(--phone-input-color, var(--mod-phone-input-color, var(--ds-form-default-control-value-color)));--_phone-input-placeholder: var(--phone-input-placeholder, var(--mod-phone-input-placeholder, var(--ds-form-default-control-placeholder-color)));--_phone-input-flag-width: var(--phone-input-flag-width, var(--mod-phone-input-flag-width, calc(var(--ds-device-space-base) * 1.5)));--_phone-input-flag-height: var(--phone-input-flag-height, var(--mod-phone-input-flag-height, var(--ds-device-space-base)));--_phone-input-flag-empty-background: var(--phone-input-flag-empty-background, var(--mod-phone-input-flag-empty-background, var(--ds-phone-input-flag-background-color-empty)));--_phone-input-flag-empty-radius: var(--phone-input-flag-empty-radius, var(--mod-phone-input-flag-empty-radius, var(--ds-phone-input-flag-radius-empty)));--_phone-input-popup-width: var(--phone-input-popup-width, var(--mod-phone-input-popup-width, 18.75rem));--_phone-input-popup-background: var(--phone-input-popup-background, var(--mod-phone-input-popup-background, var(--ds-phone-input-popup-color-background)));--_phone-input-popup-shadow: var(--phone-input-popup-shadow, var(--mod-phone-input-popup-shadow, var(--ds-select-content-shadow)));--_phone-input-popup-padding: var(--phone-input-popup-padding, var(--mod-phone-input-popup-padding, var(--ds-phone-input-popup-padding)));--_phone-input-popup-radius: var(--phone-input-popup-radius, var(--mod-phone-input-popup-radius, var(--ds-phone-input-popup-radius)));--_phone-input-popup-border: var(--phone-input-popup-border, var(--mod-phone-input-popup-border, var(--ds-phone-input-popup-border)));--_phone-input-filter-placeholder-color: var(--phone-input-filter-placeholder-color, var(--mod-phone-input-filter-placeholder-color, var(--ds-phone-input-filter-color-placeholder)));--_phone-input-scrollbar-color: var(--phone-input-scrollbar-color, var(--mod-phone-input-scrollbar-color, var(--ds-phone-input-scrollbar-color)));--_phone-input-scrollbar-radius: var(--phone-input-scrollbar-radius, var(--mod-phone-input-scrollbar-radius, var(--ds-phone-input-scrollbar-radius)));--_phone-input-scrollbar-border-width: var(--phone-input-scrollbar-border-width, var(--mod-phone-input-scrollbar-border-width, var(--ds-phone-input-scrollbar-border-width)));--_phone-input-option-color: var(--phone-input-option-color, var(--mod-phone-input-option-color, var(--ds-select-option-color-text-base)));--_phone-input-option-background: var(--phone-input-option-background, var(--mod-phone-input-option-background, var(--ds-select-option-color-background-base)));--_phone-input-option-hover-background: var(--phone-input-option-hover-background, var(--mod-phone-input-option-hover-background, var(--ds-select-option-color-background-highlight)));--_phone-input-option-selected-background: var(--phone-input-option-selected-background, var(--mod-phone-input-option-selected-background, var(--ds-select-option-color-background-selected)));--_phone-input-option-border: var(--phone-input-option-border, var(--mod-phone-input-option-border, var(--ds-select-option-color-border)));--_phone-input-option-radius: var(--phone-input-option-radius, var(--mod-phone-input-option-radius, var(--ds-phone-input-option-radius)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{box-sizing:border-box;clear:both;display:flex;width:100%;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host #input{border:none;outline:none;box-shadow:none;position:relative;background:inherit;flex:1;color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-weight:var(--_phone-input-weight);font-size:var(--_phone-input-size);line-height:var(--_phone-input-line-height);border-radius:var(--_phone-input-container-radius)}:host #input::placeholder{color:var(--_phone-input-placeholder)}:host #input::-moz-placeholder{color:var(--_phone-input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_phone-input-placeholder)}:host #input:-moz-placeholder{color:var(--_phone-input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_phone-input-placeholder)}:host{min-width:0}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap);min-width:0}:host #container{position:relative;min-width:0;gap:0;padding-inline:0}:host #input-segment{box-sizing:border-box;min-width:0;flex:1 1 0%;align-self:stretch;display:flex;align-items:center;padding-inline:.5rem}:host #country-trigger{position:relative;display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;align-self:stretch;margin:0;padding-inline:calc(.5rem + 2px);border:none;border-inline-end:var(--_form-container-border);border-radius:0;outline:none;background:rgba(0,0,0,0);color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-weight:var(--_phone-input-weight);font-size:var(--_phone-input-size);line-height:var(--_phone-input-line-height);cursor:pointer}:host #country-trigger:disabled{cursor:default}:host #input-segment{position:relative}:host #country-trigger:focus-visible::after,:host #input-segment:has(#input:focus-visible)::after{content:"";position:absolute;z-index:1;inset-block:calc(var(--ds-alias-border-width-base, 1px)-1);pointer-events:none;border:var(--_form-container-focus-border)}:host #country-trigger:focus-visible::after{inset-inline:calc(var(--ds-alias-border-width-base, 1px)-1) 0;border-start-start-radius:var(--_form-container-radius);border-end-start-radius:var(--_form-container-radius);width:100%}:host #input-segment:has(#input:focus-visible)::after{inset-inline:calc(var(--ds-alias-border-width-base, 1px)-1);border-start-end-radius:var(--_form-container-radius);border-end-end-radius:var(--_form-container-radius)}:host .flag{display:block;width:var(--_phone-input-flag-width);height:var(--_phone-input-flag-height);border-radius:.125rem;flex-shrink:0;overflow:hidden;background:var(--_form-container-background)}:host .flag svg{display:block;width:100%;height:100%}:host .flag.is-empty{background:var(--_phone-input-flag-empty-background);border-radius:var(--_phone-input-flag-empty-radius)}:host .calling-code{white-space:nowrap}:host .chevron{display:block;width:.75rem;height:.75rem;flex-shrink:0;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_phone-input-color);transition:transform .2s ease-in-out}:host(.is-open){z-index:var(--ds-alias-z-index-popup)}:host(.is-open) .chevron{transform:rotate(180deg)}:host(.is-open) #country-trigger::after{content:"";position:absolute;z-index:1;inset-block:calc(var(--ds-alias-border-width-base, 1px)-1);inset-inline:calc(var(--ds-alias-border-width-base, 1px)*-1) 0;pointer-events:none;border:var(--_form-container-focus-border);border-start-start-radius:var(--_form-container-radius);border-end-start-radius:var(--_form-container-radius);width:100%}:host #popup{position:absolute;top:100%;left:0;z-index:var(--ds-alias-z-index-popup);display:flex;flex-direction:column;box-sizing:border-box;width:min(var(--_phone-input-popup-width),100%);max-height:18.75rem;background:var(--_phone-input-popup-background);box-shadow:var(--_phone-input-popup-shadow);overflow:hidden;margin:var(--_phone-input-popup-padding) 0 0 0;border-radius:var(--_phone-input-popup-radius);padding:var(--_phone-input-popup-padding) 0;border:var(--_phone-input-popup-border);transition:transform .2s,opacity .2s,-webkit-transform .2s;opacity:1;transform:scaleY(1);transform-origin:center top}:host #popup[aria-hidden=true]{opacity:0;transform:scaleY(0)}@media(prefers-reduced-motion: reduce){:host #popup{transition:none !important;animation:none !important}}:host .filter{position:relative;flex-shrink:0;border-bottom:var(--_form-container-border)}:host .filter::before{content:"";position:absolute;top:50%;left:.5rem;width:14px;height:14px;transform:translateY(-50%);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_phone-input-filter-placeholder-color);pointer-events:none}:host .filter input{box-sizing:border-box;width:100%;margin:0;padding:.5rem .5rem .5rem calc(.5rem + 14px + .5rem);border:none;border-radius:0;outline:none;box-shadow:none;background:rgba(0,0,0,0);color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-size:var(--_phone-input-size)}:host .filter input::placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-moz-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-webkit-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input:-moz-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input:-ms-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .sr-only{border:none !important;clip:rect(0, 0, 0, 0) !important;height:.01em !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:.01em !important}:host #country-list{flex:1;overflow:auto;padding-top:var(--_phone-input-popup-padding);scrollbar-width:thin;scrollbar-color:var(--_phone-input-scrollbar-color) rgba(0,0,0,0)}:host #country-list::-webkit-scrollbar{width:8px}:host #country-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host #country-list::-webkit-scrollbar-thumb{background-color:var(--_phone-input-scrollbar-color);background-clip:padding-box;border:var(--_phone-input-scrollbar-border-width) solid rgba(0,0,0,0);border-radius:var(--_phone-input-scrollbar-radius)}:host .option{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--_phone-input-option-background);color:var(--_phone-input-option-color);cursor:pointer;border-radius:var(--_phone-input-option-radius);margin:0 var(--_phone-input-popup-padding)}:host .option:last-child{border-bottom:none}:host .option.is-selected{background:var(--_phone-input-option-selected-background)}:host .option.is-active{background:var(--_phone-input-option-hover-background)}:host .option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .option-code{flex-shrink:0;color:var(--_phone-input-placeholder)}:host .no-results{padding:.5rem;color:var(--_phone-input-placeholder)}:host(.is-danger){--mod-form-container-border: var(--ds-form-danger-container-border);--mod-form-description-color: var(--ds-form-danger-description-color);--mod-form-container-hover-border: var(--ds-form-danger-container-border);--mod-form-container-active-border: var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border: var(--ds-form-success-container-border);--mod-form-description-color: var(--ds-form-success-description-color);--mod-form-container-hover-border: var(--ds-form-success-container-border);--mod-form-container-active-border: var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border: var(--ds-form-warning-container-border);--mod-form-description-color: var(--ds-form-warning-description-color);--mod-form-container-hover-border: var(--ds-form-warning-container-border);--mod-form-container-active-border: var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input,:host(.is-disabled) #country-trigger{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background: var(--ds-form-disabled-container-background);--mod-form-container-border: var(--ds-form-disabled-container-border);--mod-form-label-color: var(--ds-form-disabled-label-color);--mod-form-description-color: var(--ds-form-disabled-description-color);--mod-phone-input-color: var(--ds-form-disabled-control-value-color);--mod-phone-input-placeholder: var(--ds-form-disabled-control-placeholder-color)}@media(prefers-reduced-motion: reduce){:host .chevron{transition:none}}
1	+ :host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background: var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border: var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius: var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background: var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background: var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background: var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border: var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border: var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border: var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color: var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family: var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight: var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height: var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size: var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_phone-input-family: var(--phone-input-family, var(--mod-phone-input-family, var(--ds-form-default-control-typo-font-family)));--_phone-input-weight: var(--phone-input-weight, var(--mod-phone-input-weight, var(--ds-form-default-control-typo-font-weight)));--_phone-input-line-height: var(--phone-input-line-height, var(--mod-phone-input-line-height, var(--ds-form-default-control-typo-line-height)));--_phone-input-size: var(--phone-input-size, var(--mod-phone-input-size, var(--ds-form-default-control-typo-font-size)));--_phone-input-color: var(--phone-input-color, var(--mod-phone-input-color, var(--ds-form-default-control-value-color)));--_phone-input-placeholder: var(--phone-input-placeholder, var(--mod-phone-input-placeholder, var(--ds-form-default-control-placeholder-color)));--_phone-input-flag-width: var(--phone-input-flag-width, var(--mod-phone-input-flag-width, calc(var(--ds-device-space-base) * 1.5)));--_phone-input-flag-height: var(--phone-input-flag-height, var(--mod-phone-input-flag-height, var(--ds-device-space-base)));--_phone-input-flag-empty-background: var(--phone-input-flag-empty-background, var(--mod-phone-input-flag-empty-background, var(--ds-phone-input-flag-background-color-empty)));--_phone-input-flag-empty-radius: var(--phone-input-flag-empty-radius, var(--mod-phone-input-flag-empty-radius, var(--ds-phone-input-flag-radius-empty)));--_phone-input-popup-width: var(--phone-input-popup-width, var(--mod-phone-input-popup-width, 18.75rem));--_phone-input-popup-background: var(--phone-input-popup-background, var(--mod-phone-input-popup-background, var(--ds-phone-input-popup-color-background)));--_phone-input-popup-shadow: var(--phone-input-popup-shadow, var(--mod-phone-input-popup-shadow, var(--ds-select-content-shadow)));--_phone-input-popup-padding: var(--phone-input-popup-padding, var(--mod-phone-input-popup-padding, var(--ds-phone-input-popup-padding)));--_phone-input-popup-radius: var(--phone-input-popup-radius, var(--mod-phone-input-popup-radius, var(--ds-phone-input-popup-radius)));--_phone-input-popup-border: var(--phone-input-popup-border, var(--mod-phone-input-popup-border, var(--ds-phone-input-popup-border)));--_phone-input-filter-placeholder-color: var(--phone-input-filter-placeholder-color, var(--mod-phone-input-filter-placeholder-color, var(--ds-phone-input-filter-color-placeholder)));--_phone-input-scrollbar-color: var(--phone-input-scrollbar-color, var(--mod-phone-input-scrollbar-color, var(--ds-phone-input-scrollbar-color)));--_phone-input-scrollbar-radius: var(--phone-input-scrollbar-radius, var(--mod-phone-input-scrollbar-radius, var(--ds-phone-input-scrollbar-radius)));--_phone-input-scrollbar-border-width: var(--phone-input-scrollbar-border-width, var(--mod-phone-input-scrollbar-border-width, var(--ds-phone-input-scrollbar-border-width)));--_phone-input-option-color: var(--phone-input-option-color, var(--mod-phone-input-option-color, var(--ds-select-option-color-text-base)));--_phone-input-option-background: var(--phone-input-option-background, var(--mod-phone-input-option-background, var(--ds-select-option-color-background-base)));--_phone-input-option-hover-background: var(--phone-input-option-hover-background, var(--mod-phone-input-option-hover-background, var(--ds-select-option-color-background-highlight)));--_phone-input-option-selected-background: var(--phone-input-option-selected-background, var(--mod-phone-input-option-selected-background, var(--ds-select-option-color-background-selected)));--_phone-input-option-border: var(--phone-input-option-border, var(--mod-phone-input-option-border, var(--ds-select-option-color-border)));--_phone-input-option-radius: var(--phone-input-option-radius, var(--mod-phone-input-option-radius, var(--ds-phone-input-option-radius)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{box-sizing:border-box;clear:both;display:flex;width:100%;min-width:0;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host #input{border:none;outline:none;box-shadow:none;position:relative;background:inherit;flex:1;min-width:0;color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-weight:var(--_phone-input-weight);font-size:var(--_phone-input-size);line-height:var(--_phone-input-line-height);border-radius:var(--_phone-input-container-radius)}:host #input::placeholder{color:var(--_phone-input-placeholder)}:host #input::-moz-placeholder{color:var(--_phone-input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_phone-input-placeholder)}:host #input:-moz-placeholder{color:var(--_phone-input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_phone-input-placeholder)}:host{min-width:0}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap);min-width:0}:host #container{position:relative;min-width:0;gap:0;padding-inline:0}:host #input-segment{box-sizing:border-box;min-width:0;flex:1 1 0%;align-self:stretch;display:flex;align-items:center;padding-inline:.5rem}:host #country-trigger{position:relative;display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;align-self:stretch;margin:0;padding-inline:calc(.5rem + 2px);border:none;border-inline-end:var(--_form-container-border);border-radius:0;outline:none;background:rgba(0,0,0,0);color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-weight:var(--_phone-input-weight);font-size:var(--_phone-input-size);line-height:var(--_phone-input-line-height);cursor:pointer}:host #country-trigger:disabled{cursor:default}:host #input-segment{position:relative}:host #country-trigger:focus-visible::after,:host #input-segment:has(#input:focus-visible)::after{content:"";position:absolute;z-index:1;inset-block:calc(var(--ds-alias-border-width-base, 1px)-1);pointer-events:none;border:var(--_form-container-focus-border)}:host #country-trigger:focus-visible::after{inset-inline:calc(var(--ds-alias-border-width-base, 1px)-1) 0;border-start-start-radius:var(--_form-container-radius);border-end-start-radius:var(--_form-container-radius);width:100%}:host #input-segment:has(#input:focus-visible)::after{inset-inline:calc(var(--ds-alias-border-width-base, 1px)-1);border-start-end-radius:var(--_form-container-radius);border-end-end-radius:var(--_form-container-radius)}:host .flag{display:block;width:var(--_phone-input-flag-width);height:var(--_phone-input-flag-height);border-radius:.125rem;flex-shrink:0;overflow:hidden;background:var(--_form-container-background)}:host .flag svg{display:block;width:100%;height:100%}:host .flag.is-empty{background:var(--_phone-input-flag-empty-background);border-radius:var(--_phone-input-flag-empty-radius)}:host .calling-code{white-space:nowrap}:host .chevron{display:block;width:.75rem;height:.75rem;flex-shrink:0;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_phone-input-color);transition:transform .2s ease-in-out}:host(.is-open){z-index:var(--ds-alias-z-index-popup)}:host(.is-open) .chevron{transform:rotate(180deg)}:host(.is-open) #country-trigger::after{content:"";position:absolute;z-index:1;inset-block:calc(var(--ds-alias-border-width-base, 1px)-1);inset-inline:calc(var(--ds-alias-border-width-base, 1px)*-1) 0;pointer-events:none;border:var(--_form-container-focus-border);border-start-start-radius:var(--_form-container-radius);border-end-start-radius:var(--_form-container-radius);width:100%}:host #popup{position:absolute;top:100%;left:0;z-index:var(--ds-alias-z-index-popup);display:flex;flex-direction:column;box-sizing:border-box;width:min(var(--_phone-input-popup-width),100%);max-height:18.75rem;background:var(--_phone-input-popup-background);box-shadow:var(--_phone-input-popup-shadow);overflow:hidden;margin:var(--_phone-input-popup-padding) 0 0 0;border-radius:var(--_phone-input-popup-radius);padding:var(--_phone-input-popup-padding) 0;border:var(--_phone-input-popup-border);transition:transform .2s,opacity .2s,-webkit-transform .2s;opacity:1;transform:scaleY(1);transform-origin:center top}:host #popup[aria-hidden=true]{opacity:0;transform:scaleY(0)}@media(prefers-reduced-motion: reduce){:host #popup{transition:none !important;animation:none !important}}:host .filter{position:relative;flex-shrink:0;border-bottom:var(--_form-container-border)}:host .filter::before{content:"";position:absolute;top:50%;left:.5rem;width:14px;height:14px;transform:translateY(-50%);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_phone-input-filter-placeholder-color);pointer-events:none}:host .filter input{box-sizing:border-box;width:100%;margin:0;padding:.5rem .5rem .5rem calc(.5rem + 14px + .5rem);border:none;border-radius:0;outline:none;box-shadow:none;background:rgba(0,0,0,0);color:var(--_phone-input-color);font-family:var(--_phone-input-family);font-size:var(--_phone-input-size)}:host .filter input::placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-moz-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input::-webkit-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input:-moz-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .filter input:-ms-input-placeholder{color:var(--_phone-input-filter-placeholder-color)}:host .sr-only{border:none !important;clip:rect(0, 0, 0, 0) !important;height:.01em !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:.01em !important}:host #country-list{flex:1;overflow:auto;padding-top:var(--_phone-input-popup-padding);scrollbar-width:thin;scrollbar-color:var(--_phone-input-scrollbar-color) rgba(0,0,0,0)}:host #country-list::-webkit-scrollbar{width:8px}:host #country-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host #country-list::-webkit-scrollbar-thumb{background-color:var(--_phone-input-scrollbar-color);background-clip:padding-box;border:var(--_phone-input-scrollbar-border-width) solid rgba(0,0,0,0);border-radius:var(--_phone-input-scrollbar-radius)}:host .option{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--_phone-input-option-background);color:var(--_phone-input-option-color);cursor:pointer;border-radius:var(--_phone-input-option-radius);margin:0 var(--_phone-input-popup-padding)}:host .option:last-child{border-bottom:none}:host .option.is-selected{background:var(--_phone-input-option-selected-background)}:host .option.is-active{background:var(--_phone-input-option-hover-background)}:host .option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .option-code{flex-shrink:0;color:var(--_phone-input-placeholder)}:host .no-results{padding:.5rem;color:var(--_phone-input-placeholder)}:host(.is-danger){--mod-form-container-border: var(--ds-form-danger-container-border);--mod-form-description-color: var(--ds-form-danger-description-color);--mod-form-container-hover-border: var(--ds-form-danger-container-border);--mod-form-container-active-border: var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border: var(--ds-form-success-container-border);--mod-form-description-color: var(--ds-form-success-description-color);--mod-form-container-hover-border: var(--ds-form-success-container-border);--mod-form-container-active-border: var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border: var(--ds-form-warning-container-border);--mod-form-description-color: var(--ds-form-warning-description-color);--mod-form-container-hover-border: var(--ds-form-warning-container-border);--mod-form-container-active-border: var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input,:host(.is-disabled) #country-trigger{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background: var(--ds-form-disabled-container-background);--mod-form-container-border: var(--ds-form-disabled-container-border);--mod-form-label-color: var(--ds-form-disabled-label-color);--mod-form-description-color: var(--ds-form-disabled-description-color);--mod-phone-input-color: var(--ds-form-disabled-control-value-color);--mod-phone-input-placeholder: var(--ds-form-disabled-control-placeholder-color)}@media(prefers-reduced-motion: reduce){:host .chevron{transition:none}}

package/dist/collection/components/forms/select/select.host.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-focus-color: var(--ss-primary-color);--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-main-height: 40px;--ss-content-height: 300px;--ss-modal-height: 85vh;--ss-modal-width: min(90vw, 400px);--ss-search-height: var(--ss-main-height);--ss-option-height: var(--ss-main-height);--ss-spacing-l: 9px;--ss-spacing-m: 7px;--ss-spacing-s: 5px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px;--ss-modal-z-index: 1000001}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;align-items:center;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-main{transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:flex;flex-wrap:wrap;align-items:center;align-content:center;align-self:stretch;gap:var(--ss-spacing-m);flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}@media(prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{animation:none}}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value.ss-highlighted{box-shadow:inset 0 0 0 2px var(--ss-bg-color);outline:2px solid var(--ss-font-color);outline-offset:-2px}.ss-main .ss-values .ss-value .ss-value-text{flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);overflow:hidden;z-index:10000}@media(prefers-reduced-motion: reduce){.ss-content{transition:none}}.ss-content.ss-relative{position:relative;height:100%;z-index:auto}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{transform-origin:center bottom;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;transform:scaleY(1)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:none}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-search .ss-selectall{margin-left:auto}.ss-content .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;cursor:pointer;user-select:none;gap:var(--ss-spacing-s);transition:opacity var(--ss-animation-timing)}.ss-content .ss-selectall:hover{opacity:.7}.ss-content .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:65%;color:var(--ss-font-color);text-align:center;white-space:nowrap}.ss-content .ss-selectall svg{flex:0 0 auto;width:15px;height:15px;border-radius:calc(var(--ss-border-radius).5)}.ss-content .ss-selectall svg path{stroke-linecap:round;stroke-linejoin:round;transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing)}.ss-content .ss-selectall svg path:first-child{fill:var(--ss-bg-color);stroke:var(--ss-border-color);stroke-width:8}.ss-content .ss-selectall svg path:last-child{fill:none;stroke:rgba(0,0,0,0);stroke-width:10}.ss-content .ss-selectall.ss-selected svg{animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}@media(prefers-reduced-motion: reduce){.ss-content .ss-selectall.ss-selected svg{animation:none}}.ss-content .ss-selectall.ss-selected svg path:first-child{fill:var(--ss-primary-color);stroke:var(--ss-primary-color)}.ss-content .ss-selectall.ss-selected svg path:last-child{stroke:var(--ss-bg-color)}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)3)}.ss-content .ss-list .ss-option{display:flex;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:flex;flex-direction:row;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:flex;align-items:center;justify-content:center;padding:var(--ss-spacing-l);box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-modal-overlay{transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;box-shadow:0 1px 4px rgba(0,0,0,.5);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{flex-direction:column;transform-origin:center center}:host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background: var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border: var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius: var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background: var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background: var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background: var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border: var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border: var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border: var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color: var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family: var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight: var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height: var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size: var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_select-family: var(--select-family, var(--mod-select-family, var(--ds-form-default-control-typo-font-family)));--_select-weight: var(--select-weight, var(--mod-select-weight, var(--ds-form-default-control-typo-font-weight)));--_select-line-height: var(--select-line-height, var(--mod-select-line-height, var(--ds-form-default-control-typo-line-height)));--_select-size: var(--select-size, var(--mod-select-size, var(--ds-form-default-control-typo-font-size)));--_select-color: var(--select-color, var(--mod-select-color, var(--ds-form-default-control-value-color)));--_select-placeholder: var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-default-control-placeholder-color)));--_select-background-color: var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background)));--_select-text-color: var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text)));--_select-primary-color: var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary)));--_select-placeholder-color: var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder)));--_select-disabled-color: var(--select-disabled-color, var(--mod-select-disabled-color, var(--ds-select-color-disabled)));--_select-border-color: var(--select-border-color, var(--mod-select-border-color, var(--ds-select-color-border)));--_select-highlight-color: var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight)));--_select-focus-color: var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus)));--_select-success-color: var(--select-success-color, var(--mod-select-success-color, var(--ds-select-color-success)));--_select-error-color: var(--select-error-color, var(--mod-select-error-color, var(--ds-select-color-error)));--_select-radius: var(--select-radius, var(--mod-select-radius, var(--ds-select-radius)));--_select-content-family: var(--select-content-family, var(--mod-select-content-family, var(--ds-select-content-family)));--_select-content-background-color: var(--select-content-background-color, var(--mod-select-content-background-color, var(--ds-select-content-color-background)));--_select-content-shadow: var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-content-border: var(--select-content-border, var(--mod-select-content-border, var(--ds-select-content-border)));--_select-content-radius: var(--select-content-radius, var(--mod-select-content-radius, var(--ds-select-content-radius)));--_select-content-padding: var(--select-content-padding, var(--mod-select-content-padding, var(--ds-select-content-padding)));--_select-search-text-color: var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text)));--_select-option-text-color: var(--select-option-text-color, var(--mod-select-option-text-color, var(--ds-select-option-color-text-base)));--_select-option-background-color: var(--select-option-background-color, var(--mod-select-option-background-color, var(--ds-select-option-color-background-base)));--_select-option-border-color: var(--select-option-border-color, var(--mod-select-option-border-color, var(--ds-select-option-color-border)));--_select-option-selected-weight: var(--select-option-selected-weight, var(--mod-select-option-selected-weight, var(--ds-select-option-weight-selected)));--_select-option-selected-icon-color: var(--select-option-selected-icon-color, var(--mod-select-option-selected-icon-color, var(--ds-select-option-color-icon-selected)));--_select-option-selected-text-color: var(--select-option-selected-text-color, var(--mod-select-option-selected-text-color, var(--ds-select-option-color-text-selected)));--_select-option-selected-background-color: var(--select-option-selected-background-color, var(--mod-select-option-selected-background-color, var(--ds-select-option-color-background-selected)));--_select-option-hover-text-color: var(--select-option-hover-text-color, var(--mod-select-option-hover-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-hover-background-color: var(--select-option-hover-background-color, var(--mod-select-option-hover-background-color, var(--ds-select-option-color-background-hover)));--_select-option-highlight-text-color: var(--select-option-highlight-text-color, var(--mod-select-option-highlight-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-highlight-background-color: var(--select-option-highlight-background-color, var(--mod-select-option-highlight-background-color, var(--ds-select-option-color-background-highlight)));--_select-option-disabled-text-color: var(--select-option-disabled-text-color, var(--mod-select-option-disabled-text-color, var(--ds-select-option-color-text-disabled)));--_select-option-disabled-background-color: var(--select-option-disabled-background-color, var(--mod-select-option-disabled-background-color, var(--ds-select-option-color-background-disabled)));--_select-optgroup-background-color: var(--select-optgroup-background-color, var(--mod-select-optgroup-background-color, var(--ds-select-optgroup-color-background)));--_select-optgroup-text-color: var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text)));--_select-optgroup-weight: var(--select-optgroup-weight, var(--mod-select-optgroup-weight, var(--ds-select-optgroup-weight)));--_select-icon-color: var(--select-icon-color, var(--mod-select-icon-color, var(--ds-select-icon-color-base)));--_select-icon-hover-color: var(--select-icon-hover-color, var(--mod-select-icon-hover-color, var(--ds-select-icon-color-hover)));--_select-icon-active-color: var(--select-icon-active-color, var(--mod-select-icon-active-color, var(--ds-select-icon-color-active)));--_select-tag-background-color: var(--select-tag-background-color, var(--mod-select-tag-background-color, var(--ds-select-chip-color-background)));--_select-tag-text-color: var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-text)));--_select-tag-family: var(--select-tag-family, var(--mod-select-tag-family, var(--ds-select-chip-family)));--_select-checkbox-border-color: var(--select-checkbox-border-color, var(--mod-select-checkbox-border-color, var(--ds-select-checkbox-color-border-base)));--_select-checkbox-selected-background-color: var(--select-checkbox-selected-background-color, var(--mod-select-checkbox-selected-background-color, var(--ds-select-checkbox-color-background-selected)));--_select-checkbox-selected-border-color: var(--select-checkbox-selected-border-color, var(--mod-select-checkbox-selected-border-color, var(--ds-select-checkbox-color-border-selected)));--_select-focus-ring-color: var(--select-focus-ring-color, var(--mod-select-focus-ring-color, var(--ds-select-color-focus-ring)));--ss-bg-color: var(--_select-background-color);--ss-font-color: var(--_select-text-color);--ss-primary-color: var(--_select-primary-color);--ss-placeholder-color: var(--_select-placeholder-color);--ss-disabled-color: var(--_select-disabled-color);--ss-border-color: var(--_select-border-color);--ss-highlight-color: var(--_select-highlight-color);--ss-focus-color: var(--_select-focus-color);--ss-success-color: var(--_select-success-color);--ss-error-color: var(--_select-error-color);--ss-main-height: 40px;--ss-content-height: 300px;--ss-modal-height: 85vh;--ss-modal-width: min(90vw, 400px);--ss-search-height: var(--ss-main-height);--ss-option-height: var(--ss-main-height);--ss-spacing-l: 8px;--ss-spacing-m: 4px;--ss-spacing-s: 2px;--ss-icon-spacing: 10px;--ss-animation-timing: 0.2s;--ss-border-radius: var(--_select-radius);--ss-modal-z-index: 1000001}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{box-sizing:border-box;clear:both;display:flex;width:100%;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media(hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host select{display:none}:host #container{position:relative;padding-inline:0;cursor:pointer}:host(.is-danger){--mod-form-container-border: var(--ds-form-danger-container-border);--mod-form-description-color: var(--ds-form-danger-description-color);--mod-form-container-hover-border: var(--ds-form-danger-container-border);--mod-form-container-active-border: var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border: var(--ds-form-success-container-border);--mod-form-description-color: var(--ds-form-success-description-color);--mod-form-container-hover-border: var(--ds-form-success-container-border);--mod-form-container-active-border: var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border: var(--ds-form-warning-container-border);--mod-form-description-color: var(--ds-form-warning-description-color);--mod-form-container-hover-border: var(--ds-form-warning-container-border);--mod-form-container-active-border: var(--ds-form-warning-container-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background: var(--ds-form-disabled-container-background);--mod-form-container-border: var(--ds-form-disabled-container-border);--mod-form-label-color: var(--ds-form-disabled-label-color);--mod-form-description-color: var(--ds-form-disabled-description-color);--mod-select-text-color: var(--ds-form-disabled-control-value-color);--mod-select-placeholder-color: var(--ds-form-disabled-control-placeholder-color)}:host(.is-disabled) .ss-main.ss-disabled{background:none}:host(.is-disabled) .ss-main.ss-disabled .ss-arrow{background-color:var(--ds-form-disabled-control-value-color)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value{background-color:var(--ds-tag-disabled-color-background)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-text{color:var(--ds-tag-disabled-color-text)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{display:none}:host #container{position:relative}:host #popup{display:block}:host .ss-main{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main{display:none !important}}:host .ss-main{padding:0;margin:0;border:none;box-shadow:none;background:none;font-family:var(--_select-content-family)}:host .ss-content{background-color:var(--_select-content-background-color);box-shadow:var(--_select-content-shadow);border-radius:var(--_select-content-radius);padding:var(--_select-content-padding) 0;border:var(--_select-content-border);margin:0 !important;position:absolute;top:calc(100% + 4px);left:-4px;width:calc(100% + 8px);z-index:var(--ds-alias-z-index-popup);min-height:0;max-height:300px;height:auto}@media(prefers-reduced-motion: reduce){:host .ss-content{transition:none !important;animation:none !important}}:host .ss-content .ss-list{scrollbar-width:thin;scrollbar-color:var(--_select-option-border-color) rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar{width:8px}:host .ss-content .ss-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar-thumb{background-color:var(--_select-option-border-color);background-clip:padding-box;border:2px solid rgba(0,0,0,0);border-radius:9999px}:host .ss-content>.ss-search{position:relative;border-bottom:var(--_select-content-border);margin-bottom:var(--_select-content-padding);padding:0 var(--_select-content-padding)}:host .ss-content>.ss-search::before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;content:"";position:absolute;top:50%;left:calc(var(--_select-content-padding)3);width:14px;height:14px;transform:translateY(-50%);background-color:var(--_select-placeholder-color);pointer-events:none}:host .ss-content>.ss-search input{color:var(--_select-search-text-color);padding-left:calc(var(--_select-content-padding) + var(--_select-content-padding) + 14px + var(--ss-spacing-l))}:host .ss-content>.ss-search input[type=search]::-ms-clear{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-ms-reveal{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-webkit-search-decoration,:host .ss-content>.ss-search input[type=search]::-webkit-search-cancel-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-decoration{display:none}:host .ss-list .ss-search{padding:0 calc(var(--_select-content-padding)2);color:var(--_select-placeholder-color);border:none}:host .ss-content .ss-list .ss-option .ss-search-highlight{font-weight:var(--_select-option-selected-weight);color:var(--_select-option-highlight-text-color);border-radius:var(--_select-radius)}:host .ss-content .ss-list .ss-option{color:var(--_select-option-text-color);background-color:var(--_select-option-background-color);border-left:none !important;border-radius:var(--ds-alias-radius-base);margin:0 var(--_select-content-padding)}:host .ss-content .ss-list .ss-option::after{display:block;content:"";width:14px;height:14px;mask-size:100%;mask-repeat:no-repeat;mask-position:center;margin-left:auto}:host .ss-content .ss-list .ss-option:hover:not(.ss-disabled):not(.ss-highlighted){color:var(--_select-option-text-color);background-color:var(--_select-option-background-color)}:host .ss-content .ss-list .ss-option.ss-selected{font-weight:var(--_select-option-selected-weight);background-color:var(--_select-option-selected-background-color);color:var(--_select-option-selected-text-color)}:host .ss-content .ss-list .ss-option.ss-selected::after{mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_select-option-selected-icon-color)}:host .ss-content .ss-list .ss-option:active:not(.ss-disabled){background-color:var(--_select-option-hover-background-color);color:var(--_select-option-hover-text-color)}:host .ss-content .ss-list .ss-option.ss-highlighted{background-color:var(--_select-option-highlight-background-color);color:var(--_select-option-highlight-text-color)}:host .ss-content .ss-list .ss-option.ss-disabled{background-color:var(--_select-option-disabled-background-color);color:var(--_select-option-disabled-text-color)}:host .ss-main .ss-deselect{--_close-color-background: var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover: var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active: var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon: var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus: var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius: var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon: var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p: var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon: var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{position:relative;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);appearance:none;outline:none;touch-action:manipulation;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);justify-content:center;align-items:center}:host .ss-main .ss-deselect::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));mask-image:var(--_close-icon);mask-repeat:no-repeat;mask-position:center;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-deselect:not(:disabled){cursor:pointer}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-deselect:not(:disabled).is-focused:not(:active){box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-deselect{--close-color-icon: var(--_select-icon-color);--close-color-focus: var(--_select-focus-ring-color)}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--close-color-icon: var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--close-color-icon: var(--_select-icon-active-color)}:host .ss-main .ss-deselect svg{display:none}:host .ss-main .ss-arrow{display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_select-icon-color);transition:transform var(--ss-animation-timing) ease-in-out}:host .ss-main .ss-arrow path{display:none}:host .ss-main.ss-dir-below .ss-arrow{transform:rotate(180deg)}:host .ss-main .ss-values{padding-inline:var(--ss-icon-spacing)}:host .ss-main .ss-values .ss-single{padding-inline:0}:host .ss-main .ss-values .ss-value{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;min-height:1.5rem;padding-block:var(--ds-tag-size-sm-padding-y);padding-inline:var(--ds-tag-size-sm-padding-x);border-radius:var(--ds-tag-radius);background-color:var(--_select-tag-background-color)}:host .ss-main .ss-values .ss-value .ss-value-text{color:var(--_select-tag-text-color);font-family:var(--_select-tag-family);line-height:1;font-size:var(--ds-tag-size-sm-font-size);font-weight:var(--ds-tag-size-sm-font-weight);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{--_close-color-background: var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover: var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active: var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon: var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus: var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius: var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon: var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p: var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon: var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-values .ss-value .ss-value-delete{display:none !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;display:inline-flex;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);appearance:none;outline:none;touch-action:manipulation;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);justify-content:center;align-items:center}:host .ss-main .ss-values .ss-value .ss-value-delete::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));mask-image:var(--_close-icon);mask-repeat:no-repeat;mask-position:center;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled){cursor:pointer}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):hover{background:var(--_close-color-background-hover)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):active{background:var(--_close-color-background-active)}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled).is-focused:not(:active){box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{--close-size-icon: 20px;--close-color-focus: var(--_select-focus-ring-color);margin:0 -0.5rem 0 .25rem;padding:0;box-sizing:border-box}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}:host .ss-content .ss-list .ss-optgroup .ss-optgroup-label{background-color:var(--_select-optgroup-background-color);color:var(--_select-optgroup-text-color);font-weight:var(--_select-optgroup-weight)}:host #popup.is-multiple .ss-content .ss-list .ss-option::after{display:none}:host #popup.is-multiple .ss-content .ss-list .ss-option::before{width:16px;height:16px;content:"";border:2px solid var(--_select-checkbox-border-color);border-radius:var(--_select-radius);margin-right:.5rem;flex-shrink:0}:host #popup.is-multiple .ss-content .ss-list .ss-option.ss-selected::before{background-color:var(--_select-checkbox-selected-background-color);border-color:var(--_select-checkbox-selected-border-color);background-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");background-size:75%;background-repeat:no-repeat;background-position:center}
1	+ :root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-focus-color: var(--ss-primary-color);--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-main-height: 40px;--ss-content-height: 300px;--ss-modal-height: 85vh;--ss-modal-width: min(90vw, 400px);--ss-search-height: var(--ss-main-height);--ss-option-height: var(--ss-main-height);--ss-spacing-l: 9px;--ss-spacing-m: 7px;--ss-spacing-s: 5px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px;--ss-modal-z-index: 1000001}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;align-items:center;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-main{transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:flex;flex-wrap:wrap;align-items:center;align-content:center;align-self:stretch;gap:var(--ss-spacing-m);flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}@media(prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{animation:none}}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value.ss-highlighted{box-shadow:inset 0 0 0 2px var(--ss-bg-color);outline:2px solid var(--ss-font-color);outline-offset:-2px}.ss-main .ss-values .ss-value .ss-value-text{flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);overflow:hidden;z-index:10000}@media(prefers-reduced-motion: reduce){.ss-content{transition:none}}.ss-content.ss-relative{position:relative;height:100%;z-index:auto}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{transform-origin:center bottom;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;transform:scaleY(1)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:none}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-search .ss-selectall{margin-left:auto}.ss-content .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;cursor:pointer;user-select:none;gap:var(--ss-spacing-s);transition:opacity var(--ss-animation-timing)}.ss-content .ss-selectall:hover{opacity:.7}.ss-content .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:65%;color:var(--ss-font-color);text-align:center;white-space:nowrap}.ss-content .ss-selectall svg{flex:0 0 auto;width:15px;height:15px;border-radius:calc(var(--ss-border-radius).5)}.ss-content .ss-selectall svg path{stroke-linecap:round;stroke-linejoin:round;transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing)}.ss-content .ss-selectall svg path:first-child{fill:var(--ss-bg-color);stroke:var(--ss-border-color);stroke-width:8}.ss-content .ss-selectall svg path:last-child{fill:none;stroke:rgba(0,0,0,0);stroke-width:10}.ss-content .ss-selectall.ss-selected svg{animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}@media(prefers-reduced-motion: reduce){.ss-content .ss-selectall.ss-selected svg{animation:none}}.ss-content .ss-selectall.ss-selected svg path:first-child{fill:var(--ss-primary-color);stroke:var(--ss-primary-color)}.ss-content .ss-selectall.ss-selected svg path:last-child{stroke:var(--ss-bg-color)}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)3)}.ss-content .ss-list .ss-option{display:flex;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:flex;flex-direction:row;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:flex;align-items:center;justify-content:center;padding:var(--ss-spacing-l);box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-modal-overlay{transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;box-shadow:0 1px 4px rgba(0,0,0,.5);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{flex-direction:column;transform-origin:center center}:host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background: var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border: var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius: var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background: var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background: var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background: var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border: var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border: var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border: var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color: var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family: var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight: var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height: var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size: var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_select-family: var(--select-family, var(--mod-select-family, var(--ds-form-default-control-typo-font-family)));--_select-weight: var(--select-weight, var(--mod-select-weight, var(--ds-form-default-control-typo-font-weight)));--_select-line-height: var(--select-line-height, var(--mod-select-line-height, var(--ds-form-default-control-typo-line-height)));--_select-size: var(--select-size, var(--mod-select-size, var(--ds-form-default-control-typo-font-size)));--_select-color: var(--select-color, var(--mod-select-color, var(--ds-form-default-control-value-color)));--_select-placeholder: var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-default-control-placeholder-color)));--_select-background-color: var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background)));--_select-text-color: var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text)));--_select-primary-color: var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary)));--_select-placeholder-color: var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder)));--_select-disabled-color: var(--select-disabled-color, var(--mod-select-disabled-color, var(--ds-select-color-disabled)));--_select-border-color: var(--select-border-color, var(--mod-select-border-color, var(--ds-select-color-border)));--_select-highlight-color: var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight)));--_select-focus-color: var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus)));--_select-success-color: var(--select-success-color, var(--mod-select-success-color, var(--ds-select-color-success)));--_select-error-color: var(--select-error-color, var(--mod-select-error-color, var(--ds-select-color-error)));--_select-radius: var(--select-radius, var(--mod-select-radius, var(--ds-select-radius)));--_select-content-family: var(--select-content-family, var(--mod-select-content-family, var(--ds-select-content-family)));--_select-content-background-color: var(--select-content-background-color, var(--mod-select-content-background-color, var(--ds-select-content-color-background)));--_select-content-shadow: var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-content-border: var(--select-content-border, var(--mod-select-content-border, var(--ds-select-content-border)));--_select-content-radius: var(--select-content-radius, var(--mod-select-content-radius, var(--ds-select-content-radius)));--_select-content-padding: var(--select-content-padding, var(--mod-select-content-padding, var(--ds-select-content-padding)));--_select-search-text-color: var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text)));--_select-option-text-color: var(--select-option-text-color, var(--mod-select-option-text-color, var(--ds-select-option-color-text-base)));--_select-option-background-color: var(--select-option-background-color, var(--mod-select-option-background-color, var(--ds-select-option-color-background-base)));--_select-option-border-color: var(--select-option-border-color, var(--mod-select-option-border-color, var(--ds-select-option-color-border)));--_select-option-selected-weight: var(--select-option-selected-weight, var(--mod-select-option-selected-weight, var(--ds-select-option-weight-selected)));--_select-option-selected-icon-color: var(--select-option-selected-icon-color, var(--mod-select-option-selected-icon-color, var(--ds-select-option-color-icon-selected)));--_select-option-selected-text-color: var(--select-option-selected-text-color, var(--mod-select-option-selected-text-color, var(--ds-select-option-color-text-selected)));--_select-option-selected-background-color: var(--select-option-selected-background-color, var(--mod-select-option-selected-background-color, var(--ds-select-option-color-background-selected)));--_select-option-hover-text-color: var(--select-option-hover-text-color, var(--mod-select-option-hover-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-hover-background-color: var(--select-option-hover-background-color, var(--mod-select-option-hover-background-color, var(--ds-select-option-color-background-hover)));--_select-option-highlight-text-color: var(--select-option-highlight-text-color, var(--mod-select-option-highlight-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-highlight-background-color: var(--select-option-highlight-background-color, var(--mod-select-option-highlight-background-color, var(--ds-select-option-color-background-highlight)));--_select-option-disabled-text-color: var(--select-option-disabled-text-color, var(--mod-select-option-disabled-text-color, var(--ds-select-option-color-text-disabled)));--_select-option-disabled-background-color: var(--select-option-disabled-background-color, var(--mod-select-option-disabled-background-color, var(--ds-select-option-color-background-disabled)));--_select-optgroup-background-color: var(--select-optgroup-background-color, var(--mod-select-optgroup-background-color, var(--ds-select-optgroup-color-background)));--_select-optgroup-text-color: var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text)));--_select-optgroup-weight: var(--select-optgroup-weight, var(--mod-select-optgroup-weight, var(--ds-select-optgroup-weight)));--_select-icon-color: var(--select-icon-color, var(--mod-select-icon-color, var(--ds-select-icon-color-base)));--_select-icon-hover-color: var(--select-icon-hover-color, var(--mod-select-icon-hover-color, var(--ds-select-icon-color-hover)));--_select-icon-active-color: var(--select-icon-active-color, var(--mod-select-icon-active-color, var(--ds-select-icon-color-active)));--_select-tag-background-color: var(--select-tag-background-color, var(--mod-select-tag-background-color, var(--ds-select-chip-color-background)));--_select-tag-text-color: var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-text)));--_select-tag-family: var(--select-tag-family, var(--mod-select-tag-family, var(--ds-select-chip-family)));--_select-checkbox-border-color: var(--select-checkbox-border-color, var(--mod-select-checkbox-border-color, var(--ds-select-checkbox-color-border-base)));--_select-checkbox-selected-background-color: var(--select-checkbox-selected-background-color, var(--mod-select-checkbox-selected-background-color, var(--ds-select-checkbox-color-background-selected)));--_select-checkbox-selected-border-color: var(--select-checkbox-selected-border-color, var(--mod-select-checkbox-selected-border-color, var(--ds-select-checkbox-color-border-selected)));--_select-focus-ring-color: var(--select-focus-ring-color, var(--mod-select-focus-ring-color, var(--ds-select-color-focus-ring)));--ss-bg-color: var(--_select-background-color);--ss-font-color: var(--_select-text-color);--ss-primary-color: var(--_select-primary-color);--ss-placeholder-color: var(--_select-placeholder-color);--ss-disabled-color: var(--_select-disabled-color);--ss-border-color: var(--_select-border-color);--ss-highlight-color: var(--_select-highlight-color);--ss-focus-color: var(--_select-focus-color);--ss-success-color: var(--_select-success-color);--ss-error-color: var(--_select-error-color);--ss-main-height: 40px;--ss-content-height: 300px;--ss-modal-height: 85vh;--ss-modal-width: min(90vw, 400px);--ss-search-height: var(--ss-main-height);--ss-option-height: var(--ss-main-height);--ss-spacing-l: 8px;--ss-spacing-m: 4px;--ss-spacing-s: 2px;--ss-icon-spacing: 10px;--ss-animation-timing: 0.2s;--ss-border-radius: var(--_select-radius);--ss-modal-z-index: 1000001}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{box-sizing:border-box;clear:both;display:flex;width:100%;min-width:0;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media(hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host select{display:none}:host #container{position:relative;padding-inline:0;cursor:pointer}:host(.is-danger){--mod-form-container-border: var(--ds-form-danger-container-border);--mod-form-description-color: var(--ds-form-danger-description-color);--mod-form-container-hover-border: var(--ds-form-danger-container-border);--mod-form-container-active-border: var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border: var(--ds-form-success-container-border);--mod-form-description-color: var(--ds-form-success-description-color);--mod-form-container-hover-border: var(--ds-form-success-container-border);--mod-form-container-active-border: var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border: var(--ds-form-warning-container-border);--mod-form-description-color: var(--ds-form-warning-description-color);--mod-form-container-hover-border: var(--ds-form-warning-container-border);--mod-form-container-active-border: var(--ds-form-warning-container-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background: var(--ds-form-disabled-container-background);--mod-form-container-border: var(--ds-form-disabled-container-border);--mod-form-label-color: var(--ds-form-disabled-label-color);--mod-form-description-color: var(--ds-form-disabled-description-color);--mod-select-text-color: var(--ds-form-disabled-control-value-color);--mod-select-placeholder-color: var(--ds-form-disabled-control-placeholder-color)}:host(.is-disabled) .ss-main.ss-disabled{background:none}:host(.is-disabled) .ss-main.ss-disabled .ss-arrow{background-color:var(--ds-form-disabled-control-value-color)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value{background-color:var(--ds-tag-disabled-color-background)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-text{color:var(--ds-tag-disabled-color-text)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{display:none}:host #container{position:relative}:host #popup{display:block}:host .ss-main{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main{display:none !important}}:host .ss-main{padding:0;margin:0;border:none;box-shadow:none;background:none;font-family:var(--_select-content-family)}:host .ss-content{background-color:var(--_select-content-background-color);box-shadow:var(--_select-content-shadow);border-radius:var(--_select-content-radius);padding:var(--_select-content-padding) 0;border:var(--_select-content-border);margin:0 !important;position:absolute;top:calc(100% + 4px);left:-4px;width:calc(100% + 8px);z-index:var(--ds-alias-z-index-popup);min-height:0;max-height:300px;height:auto}@media(prefers-reduced-motion: reduce){:host .ss-content{transition:none !important;animation:none !important}}:host .ss-content .ss-list{scrollbar-width:thin;scrollbar-color:var(--_select-option-border-color) rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar{width:8px}:host .ss-content .ss-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar-thumb{background-color:var(--_select-option-border-color);background-clip:padding-box;border:2px solid rgba(0,0,0,0);border-radius:9999px}:host .ss-content>.ss-search{position:relative;border-bottom:var(--_select-content-border);margin-bottom:var(--_select-content-padding);padding:0 var(--_select-content-padding)}:host .ss-content>.ss-search::before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;content:"";position:absolute;top:50%;left:calc(var(--_select-content-padding)3);width:14px;height:14px;transform:translateY(-50%);background-color:var(--_select-placeholder-color);pointer-events:none}:host .ss-content>.ss-search input{color:var(--_select-search-text-color);padding-left:calc(var(--_select-content-padding) + var(--_select-content-padding) + 14px + var(--ss-spacing-l))}:host .ss-content>.ss-search input[type=search]::-ms-clear{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-ms-reveal{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-webkit-search-decoration,:host .ss-content>.ss-search input[type=search]::-webkit-search-cancel-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-decoration{display:none}:host .ss-list .ss-search{padding:0 calc(var(--_select-content-padding)2);color:var(--_select-placeholder-color);border:none}:host .ss-content .ss-list .ss-option .ss-search-highlight{font-weight:var(--_select-option-selected-weight);color:var(--_select-option-highlight-text-color);border-radius:var(--_select-radius)}:host .ss-content .ss-list .ss-option{color:var(--_select-option-text-color);background-color:var(--_select-option-background-color);border-left:none !important;border-radius:var(--ds-alias-radius-base);margin:0 var(--_select-content-padding)}:host .ss-content .ss-list .ss-option::after{display:block;content:"";width:14px;height:14px;mask-size:100%;mask-repeat:no-repeat;mask-position:center;margin-left:auto}:host .ss-content .ss-list .ss-option:hover:not(.ss-disabled):not(.ss-highlighted){color:var(--_select-option-text-color);background-color:var(--_select-option-background-color)}:host .ss-content .ss-list .ss-option.ss-selected{font-weight:var(--_select-option-selected-weight);background-color:var(--_select-option-selected-background-color);color:var(--_select-option-selected-text-color)}:host .ss-content .ss-list .ss-option.ss-selected::after{mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_select-option-selected-icon-color)}:host .ss-content .ss-list .ss-option:active:not(.ss-disabled){background-color:var(--_select-option-hover-background-color);color:var(--_select-option-hover-text-color)}:host .ss-content .ss-list .ss-option.ss-highlighted{background-color:var(--_select-option-highlight-background-color);color:var(--_select-option-highlight-text-color)}:host .ss-content .ss-list .ss-option.ss-disabled{background-color:var(--_select-option-disabled-background-color);color:var(--_select-option-disabled-text-color)}:host .ss-main .ss-deselect{--_close-color-background: var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover: var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active: var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon: var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus: var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius: var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon: var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p: var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon: var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{position:relative;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);appearance:none;outline:none;touch-action:manipulation;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);justify-content:center;align-items:center}:host .ss-main .ss-deselect::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));mask-image:var(--_close-icon);mask-repeat:no-repeat;mask-position:center;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-deselect:not(:disabled){cursor:pointer}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-deselect:not(:disabled).is-focused:not(:active){box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-deselect{--close-color-icon: var(--_select-icon-color);--close-color-focus: var(--_select-focus-ring-color)}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--close-color-icon: var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--close-color-icon: var(--_select-icon-active-color)}:host .ss-main .ss-deselect svg{display:none}:host .ss-main .ss-arrow{display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_select-icon-color);transition:transform var(--ss-animation-timing) ease-in-out}:host .ss-main .ss-arrow path{display:none}:host .ss-main.ss-dir-below .ss-arrow{transform:rotate(180deg)}:host .ss-main .ss-values{padding-inline:var(--ss-icon-spacing)}:host .ss-main .ss-values .ss-single{padding-inline:0}:host .ss-main .ss-values .ss-value{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;min-height:1.5rem;padding-block:var(--ds-tag-size-sm-padding-y);padding-inline:var(--ds-tag-size-sm-padding-x);border-radius:var(--ds-tag-radius);background-color:var(--_select-tag-background-color)}:host .ss-main .ss-values .ss-value .ss-value-text{color:var(--_select-tag-text-color);font-family:var(--_select-tag-family);line-height:1;font-size:var(--ds-tag-size-sm-font-size);font-weight:var(--ds-tag-size-sm-font-weight);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{--_close-color-background: var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover: var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active: var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon: var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus: var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius: var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon: var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p: var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon: var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-values .ss-value .ss-value-delete{display:none !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;display:inline-flex;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);appearance:none;outline:none;touch-action:manipulation;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);justify-content:center;align-items:center}:host .ss-main .ss-values .ss-value .ss-value-delete::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));mask-image:var(--_close-icon);mask-repeat:no-repeat;mask-position:center;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled){cursor:pointer}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):hover{background:var(--_close-color-background-hover)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):active{background:var(--_close-color-background-active)}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled).is-focused:not(:active){box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{--close-size-icon: 20px;--close-color-focus: var(--_select-focus-ring-color);margin:0 -0.5rem 0 .25rem;padding:0;box-sizing:border-box}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}:host .ss-content .ss-list .ss-optgroup .ss-optgroup-label{background-color:var(--_select-optgroup-background-color);color:var(--_select-optgroup-text-color);font-weight:var(--_select-optgroup-weight)}:host #popup.is-multiple .ss-content .ss-list .ss-option::after{display:none}:host #popup.is-multiple .ss-content .ss-list .ss-option::before{width:16px;height:16px;content:"";border:2px solid var(--_select-checkbox-border-color);border-radius:var(--_select-radius);margin-right:.5rem;flex-shrink:0}:host #popup.is-multiple .ss-content .ss-list .ss-option.ss-selected::before{background-color:var(--_select-checkbox-selected-background-color);border-color:var(--_select-checkbox-selected-border-color);background-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");background-size:75%;background-repeat:no-repeat;background-position:center}

package/dist/collection/components/forms/slider/slider.host.css CHANGED Viewed

	@@ -1 +1 @@
1	- .noUi-target,.noUi-target {-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag {cursor:inherit !important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%, 0);transform:translate(50%, 0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0, -18px);transform:translate(0, -18px);top:auto;right:28px}:host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-label-color: var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family: var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight: var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height: var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size: var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_slider-track-height: var(--slider-track-height, var(--mod-slider-track-height, 0.75rem));--_slider-track-radius: var(--slider-track-radius, var(--mod-slider-track-radius, var(--ds-alias-radius-rounded)));--_slider-track-color: var(--slider-track-color, var(--mod-slider-track-color, var(--ds-global-color-grey-2)));--_slider-connect-color: var(--slider-connect-color, var(--mod-slider-connect-color, var(--ds-global-color-primary-5)));--_slider-thumb-size: var(--slider-thumb-size, var(--mod-slider-thumb-size, 1.5rem));--_slider-thumb-radius: var(--slider-thumb-radius, var(--mod-slider-thumb-radius, var(--ds-alias-radius-rounded)));--_slider-thumb-color: var(--slider-thumb-color, var(--mod-slider-thumb-color, var(--ds-global-color-white)));--_slider-thumb-hover-color: var(--slider-thumb-hover-color, var(--mod-slider-thumb-hover-color, var(--ds-global-color-sky-1)));--_slider-thumb-active-color: var(--slider-thumb-active-color, var(--mod-slider-thumb-active-color, var(--ds-global-color-sky-1)));--_slider-thumb-border-color: var(--slider-thumb-border-color, var(--mod-slider-thumb-border-color, var(--ds-global-color-primary-5)));--_slider-thumb-border-color-hover: var(--slider-thumb-border-color-hover, var(--mod-slider-thumb-border-color-hover, var(--ds-global-color-sky-5)));--_slider-thumb-border-color-active: var(--slider-thumb-border-color-active, var(--mod-slider-thumb-border-color-active, var(--ds-global-color-primary-6)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{box-sizing:border-box;clear:both;display:flex;width:100%;align-items:center;min-height:3rem;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host #container{padding-inline:calc(var(--_slider-thumb-size)/2)}:host #slider{width:100%;cursor:pointer;height:var(--_slider-track-height);background:var(--_slider-track-color);border:none;border-radius:var(--_slider-track-radius);box-shadow:none}:host .noUi-connects{border-radius:var(--_slider-track-radius)}:host .noUi-connect{background:var(--_slider-connect-color)}:host .noUi-handle{width:var(--_slider-thumb-size);height:var(--_slider-thumb-size);top:calc((var(--_slider-track-height) - var(--_slider-thumb-size))/2);right:calc(var(--_slider-thumb-size)/-2);background:var(--_slider-thumb-color);border:2px solid var(--_slider-thumb-border-color);border-radius:var(--_slider-thumb-radius);box-shadow:#fff 0 0 0 2px;cursor:grab}:host .noUi-handle::before,:host .noUi-handle::after{display:none}@media(hover: hover)and (pointer: fine){:host .noUi-handle:hover{background:var(--_slider-thumb-hover-color);border-color:var(--_slider-thumb-border-color-hover)}}:host .noUi-handle:active,:host .noUi-handle.noUi-active{background:var(--_slider-thumb-active-color);border-color:var(--_slider-thumb-border-color-active);cursor:grabbing}:host .noUi-handle:focus-visible{outline:none}@media(hover: hover)and (pointer: fine){:host .noUi-handle:focus-visible{box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .noUi-tooltip{background:var(--ds-global-color-primary-5);color:var(--ds-global-color-white);font-size:var(--ds-alias-text-size-sm);font-weight:var(--ds-alias-text-weight-bold);font-family:var(--ds-alias-text-family-text);border-radius:var(--ds-alias-radius-rounded);line-height:1;padding:.4rem .4rem;bottom:130%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%, 4px);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;will-change:opacity,transform}:host .noUi-handle.noUi-active .noUi-tooltip,:host .noUi-handle:hover .noUi-tooltip,:host .noUi-handle:active .noUi-tooltip,:host .noUi-handle:focus-visible .noUi-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%, 0);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms}@media(prefers-reduced-motion: reduce){:host .noUi-tooltip{transition:none !important}}:host(.is-danger){--mod-form-description-color: var(--ds-form-danger-description-color);--mod-slider-connect-color: var(--ds-alias-text-color-danger);--mod-slider-thumb-border-color: var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color: var(--ds-form-success-description-color);--mod-slider-connect-color: var(--ds-alias-text-color-success);--mod-slider-thumb-border-color: var(--ds-alias-text-color-success)}:host(.is-warning){--mod-form-description-color: var(--ds-form-warning-description-color);--mod-slider-connect-color: var(--ds-alias-text-color-warning);--mod-slider-thumb-border-color: var(--ds-alias-text-color-warning)}:host(.is-brand-yellow){--mod-slider-track-color: var(--ds-global-color-yellow-2);--mod-slider-connect-color: var(--ds-global-color-yellow-4)}:host(.is-brand-purple){--mod-slider-track-color: var(--ds-global-color-purple-2);--mod-slider-connect-color: var(--ds-global-color-purple-4)}:host(.is-brand-red){--mod-slider-track-color: var(--ds-global-color-red-2);--mod-slider-connect-color: var(--ds-global-color-red-4)}:host(.is-brand-green){--mod-slider-track-color: var(--ds-global-color-green-2);--mod-slider-connect-color: var(--ds-global-color-green-4)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #slider{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-label-color: var(--ds-form-disabled-label-color);--mod-form-description-color: var(--ds-form-disabled-description-color);--mod-slider-track-color: var(--ds-global-color-grey-1);--mod-slider-connect-color: var(--ds-global-color-grey-3);--mod-slider-thumb-color: var(--ds-global-color-grey-3);--mod-slider-thumb-border-color: var(--ds-global-color-grey-3)}:host(.is-disabled) .noUi-handle{cursor:default}
1	+ .noUi-target,.noUi-target {-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag {cursor:inherit !important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%, 0);transform:translate(50%, 0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0, -18px);transform:translate(0, -18px);top:auto;right:28px}:host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-label-color: var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family: var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight: var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height: var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size: var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_slider-track-height: var(--slider-track-height, var(--mod-slider-track-height, 0.75rem));--_slider-track-radius: var(--slider-track-radius, var(--mod-slider-track-radius, var(--ds-alias-radius-rounded)));--_slider-track-color: var(--slider-track-color, var(--mod-slider-track-color, var(--ds-global-color-grey-2)));--_slider-connect-color: var(--slider-connect-color, var(--mod-slider-connect-color, var(--ds-global-color-primary-5)));--_slider-thumb-size: var(--slider-thumb-size, var(--mod-slider-thumb-size, 1.5rem));--_slider-thumb-radius: var(--slider-thumb-radius, var(--mod-slider-thumb-radius, var(--ds-alias-radius-rounded)));--_slider-thumb-color: var(--slider-thumb-color, var(--mod-slider-thumb-color, var(--ds-global-color-white)));--_slider-thumb-hover-color: var(--slider-thumb-hover-color, var(--mod-slider-thumb-hover-color, var(--ds-global-color-sky-1)));--_slider-thumb-active-color: var(--slider-thumb-active-color, var(--mod-slider-thumb-active-color, var(--ds-global-color-sky-1)));--_slider-thumb-border-color: var(--slider-thumb-border-color, var(--mod-slider-thumb-border-color, var(--ds-global-color-primary-5)));--_slider-thumb-border-color-hover: var(--slider-thumb-border-color-hover, var(--mod-slider-thumb-border-color-hover, var(--ds-global-color-sky-5)));--_slider-thumb-border-color-active: var(--slider-thumb-border-color-active, var(--mod-slider-thumb-border-color-active, var(--ds-global-color-primary-6)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{box-sizing:border-box;clear:both;display:flex;width:100%;min-width:0;align-items:center;min-height:3rem;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host #container{padding-inline:calc(var(--_slider-thumb-size)/2)}:host #slider{width:100%;cursor:pointer;height:var(--_slider-track-height);background:var(--_slider-track-color);border:none;border-radius:var(--_slider-track-radius);box-shadow:none}:host .noUi-connects{border-radius:var(--_slider-track-radius)}:host .noUi-connect{background:var(--_slider-connect-color)}:host .noUi-handle{width:var(--_slider-thumb-size);height:var(--_slider-thumb-size);top:calc((var(--_slider-track-height) - var(--_slider-thumb-size))/2);right:calc(var(--_slider-thumb-size)/-2);background:var(--_slider-thumb-color);border:2px solid var(--_slider-thumb-border-color);border-radius:var(--_slider-thumb-radius);box-shadow:#fff 0 0 0 2px;cursor:grab}:host .noUi-handle::before,:host .noUi-handle::after{display:none}@media(hover: hover)and (pointer: fine){:host .noUi-handle:hover{background:var(--_slider-thumb-hover-color);border-color:var(--_slider-thumb-border-color-hover)}}:host .noUi-handle:active,:host .noUi-handle.noUi-active{background:var(--_slider-thumb-active-color);border-color:var(--_slider-thumb-border-color-active);cursor:grabbing}:host .noUi-handle:focus-visible{outline:none}@media(hover: hover)and (pointer: fine){:host .noUi-handle:focus-visible{box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .noUi-tooltip{background:var(--ds-global-color-primary-5);color:var(--ds-global-color-white);font-size:var(--ds-alias-text-size-sm);font-weight:var(--ds-alias-text-weight-bold);font-family:var(--ds-alias-text-family-text);border-radius:var(--ds-alias-radius-rounded);line-height:1;padding:.4rem .4rem;bottom:130%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%, 4px);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;will-change:opacity,transform}:host .noUi-handle.noUi-active .noUi-tooltip,:host .noUi-handle:hover .noUi-tooltip,:host .noUi-handle:active .noUi-tooltip,:host .noUi-handle:focus-visible .noUi-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%, 0);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms}@media(prefers-reduced-motion: reduce){:host .noUi-tooltip{transition:none !important}}:host(.is-danger){--mod-form-description-color: var(--ds-form-danger-description-color);--mod-slider-connect-color: var(--ds-alias-text-color-danger);--mod-slider-thumb-border-color: var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color: var(--ds-form-success-description-color);--mod-slider-connect-color: var(--ds-alias-text-color-success);--mod-slider-thumb-border-color: var(--ds-alias-text-color-success)}:host(.is-warning){--mod-form-description-color: var(--ds-form-warning-description-color);--mod-slider-connect-color: var(--ds-alias-text-color-warning);--mod-slider-thumb-border-color: var(--ds-alias-text-color-warning)}:host(.is-brand-yellow){--mod-slider-track-color: var(--ds-global-color-yellow-2);--mod-slider-connect-color: var(--ds-global-color-yellow-4)}:host(.is-brand-purple){--mod-slider-track-color: var(--ds-global-color-purple-2);--mod-slider-connect-color: var(--ds-global-color-purple-4)}:host(.is-brand-red){--mod-slider-track-color: var(--ds-global-color-red-2);--mod-slider-connect-color: var(--ds-global-color-red-4)}:host(.is-brand-green){--mod-slider-track-color: var(--ds-global-color-green-2);--mod-slider-connect-color: var(--ds-global-color-green-4)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #slider{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-label-color: var(--ds-form-disabled-label-color);--mod-form-description-color: var(--ds-form-disabled-description-color);--mod-slider-track-color: var(--ds-global-color-grey-1);--mod-slider-connect-color: var(--ds-global-color-grey-3);--mod-slider-thumb-color: var(--ds-global-color-grey-3);--mod-slider-thumb-border-color: var(--ds-global-color-grey-3)}:host(.is-disabled) .noUi-handle{cursor:default}

package/dist/collection/components/forms/textarea/textarea.host.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background: var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border: var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius: var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background: var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background: var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background: var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border: var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border: var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border: var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color: var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family: var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight: var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height: var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size: var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_textarea-family: var(--textarea-family, var(--mod-textarea-family, var(--ds-form-default-control-typo-font-family)));--_textarea-weight: var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-default-control-typo-font-weight)));--_textarea-line-height: var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-default-control-typo-line-height)));--_textarea-size: var(--textarea-size, var(--mod-textarea-size, var(--ds-form-default-control-typo-font-size)));--_textarea-color: var(--textarea-color, var(--mod-textarea-color, var(--ds-form-default-control-value-color)));--_textarea-placeholder: var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{box-sizing:border-box;clear:both;display:flex;width:100%;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media(hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host #textarea{border:none;outline:none;box-shadow:none;position:relative;background:inherit;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host textarea{padding:0}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{align-items:center;padding-block:.5rem}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border: var(--ds-form-danger-container-border);--mod-form-description-color: var(--ds-form-danger-description-color);--mod-form-container-hover-border: var(--ds-form-danger-container-border);--mod-form-container-active-border: var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border: var(--ds-form-success-container-border);--mod-form-description-color: var(--ds-form-success-description-color);--mod-form-container-hover-border: var(--ds-form-success-container-border);--mod-form-container-active-border: var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border: var(--ds-form-warning-container-border);--mod-form-description-color: var(--ds-form-warning-description-color);--mod-form-container-hover-border: var(--ds-form-warning-container-border);--mod-form-container-active-border: var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background: var(--ds-form-disabled-container-background);--mod-form-container-border: var(--ds-form-disabled-container-border);--mod-form-label-color: var(--ds-form-disabled-label-color);--mod-form-description-color: var(--ds-form-disabled-description-color);--mod-textarea-color: var(--ds-form-disabled-control-value-color);--mod-textarea-placeholder: var(--ds-form-disabled-control-placeholder-color)}
1	+ :host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background: var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border: var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius: var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background: var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background: var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background: var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border: var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border: var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border: var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color: var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family: var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight: var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height: var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size: var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_textarea-family: var(--textarea-family, var(--mod-textarea-family, var(--ds-form-default-control-typo-font-family)));--_textarea-weight: var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-default-control-typo-font-weight)));--_textarea-line-height: var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-default-control-typo-line-height)));--_textarea-size: var(--textarea-size, var(--mod-textarea-size, var(--ds-form-default-control-typo-font-size)));--_textarea-color: var(--textarea-color, var(--mod-textarea-color, var(--ds-form-default-control-value-color)));--_textarea-placeholder: var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{box-sizing:border-box;clear:both;display:flex;width:100%;min-width:0;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media(hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host #textarea{border:none;outline:none;box-shadow:none;position:relative;background:inherit;flex:1;min-width:0;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host textarea{padding:0}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{align-items:center;padding-block:.5rem}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border: var(--ds-form-danger-container-border);--mod-form-description-color: var(--ds-form-danger-description-color);--mod-form-container-hover-border: var(--ds-form-danger-container-border);--mod-form-container-active-border: var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border: var(--ds-form-success-container-border);--mod-form-description-color: var(--ds-form-success-description-color);--mod-form-container-hover-border: var(--ds-form-success-container-border);--mod-form-container-active-border: var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border: var(--ds-form-warning-container-border);--mod-form-description-color: var(--ds-form-warning-description-color);--mod-form-container-hover-border: var(--ds-form-warning-container-border);--mod-form-container-active-border: var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background: var(--ds-form-disabled-container-background);--mod-form-container-border: var(--ds-form-disabled-container-border);--mod-form-label-color: var(--ds-form-disabled-label-color);--mod-form-description-color: var(--ds-form-disabled-description-color);--mod-textarea-color: var(--ds-form-disabled-control-value-color);--mod-textarea-placeholder: var(--ds-form-disabled-control-placeholder-color)}

package/dist/collection/components/forms/toggle/toggle.host.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{--_toggle-gap: var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color: var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color: var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-toggle-label-color-hover)));--_toggle-label-active-color: var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-toggle-label-color-active)));--_toggle-label-disabled-color: var(--toggle-label-disabled-color, var(--mod-toggle-label-disabled-color, var(--ds-toggle-label-color-disabled)));--_toggle-height: var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width: var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width: var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-toggle-border-width)));--_toggle-radius: var(--toggle-radius, var(--mod-toggle-radius, var(--ds-toggle-radius)));--_toggle-py: var(--toggle-py, var(--mod-toggle-py, 0.25rem));--_toggle-min-height: var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-unchecked-base-color-background: var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-toggle-unchecked-color-base-background)));--_toggle-unchecked-base-color-tick: var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-toggle-unchecked-color-base-tick)));--_toggle-unchecked-hover-color-background: var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-toggle-unchecked-color-hover-background)));--_toggle-unchecked-hover-color-tick: var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-toggle-unchecked-color-hover-tick)));--_toggle-unchecked-active-color-background: var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-toggle-unchecked-color-active-background)));--_toggle-unchecked-active-color-tick: var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-toggle-unchecked-color-active-tick)));--_toggle-unchecked-disabled-color-background: var(--toggle-unchecked-disabled-color-background, var(--mod-toggle-unchecked-disabled-color-background, var(--ds-toggle-unchecked-color-disabled-background)));--_toggle-unchecked-disabled-color-tick: var(--toggle-unchecked-disabled-color-tick, var(--mod-toggle-unchecked-disabled-color-tick, var(--ds-toggle-unchecked-color-disabled-tick)));--_toggle-checked-base-color-background: var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-toggle-checked-color-base-background)));--_toggle-checked-base-color-tick: var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-toggle-checked-color-base-tick)));--_toggle-checked-base-color-icon: var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-toggle-checked-color-base-icon)));--_toggle-checked-hover-color-background: var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-toggle-checked-color-hover-background)));--_toggle-checked-hover-color-tick: var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-toggle-checked-color-hover-tick)));--_toggle-checked-active-color-background: var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-toggle-checked-color-active-background)));--_toggle-checked-active-color-tick: var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-toggle-checked-color-active-tick)));--_toggle-checked-disabled-color-background: var(--toggle-checked-disabled-color-background, var(--mod-toggle-checked-disabled-color-background, var(--ds-toggle-checked-color-disabled-background)));--_toggle-checked-disabled-color-tick: var(--toggle-checked-disabled-color-tick, var(--mod-toggle-checked-disabled-color-tick, var(--ds-toggle-checked-color-disabled-tick)))}:host{display:inline-block;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:inline-flex;align-items:center;gap:var(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:var(--_toggle-py);padding-bottom:var(--_toggle-py);min-height:var(--_toggle-min-height)}@media(hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;justify-content:flex-start;align-items:center;padding:4px;appearance:none;flex:none;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;outline:none;cursor:pointer}:host input[type=checkbox]:disabled{cursor:default}@media(hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:"";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);transition:transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:"";mask-size:100%;mask-repeat:no-repeat;mask-position:center;left:5px;width:12px;height:12px;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>")}:host(.is-dense){--mod-toggle-min-height: 2rem;--mod-toggle-py: 0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color: var(--ds-global-color-danger-4);--mod-toggle-label-hover-color: var(--ds-global-color-danger-5);--mod-toggle-label-active-color: var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background: var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick: var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background: var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick: var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background: var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick: var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background: var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick: var(--ds-global-color-white);--mod-toggle-checked-hover-color-background: var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick: var(--ds-global-color-white);--mod-toggle-checked-active-color-background: var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick: var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color: var(--_toggle-label-disabled-color);--mod-toggle-label-hover-color: var(--_toggle-label-disabled-color);--mod-toggle-label-active-color: var(--_toggle-label-disabled-color);--mod-toggle-unchecked-base-color-background: var(--_toggle-unchecked-disabled-color-background);--mod-toggle-unchecked-base-color-tick: var(--_toggle-unchecked-disabled-color-tick);--mod-toggle-checked-base-color-background: var(--_toggle-checked-disabled-color-background);--mod-toggle-checked-base-color-tick: var(--_toggle-checked-disabled-color-tick)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{display:contents}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host(.is-invalid){--mod-form-description-color: var(--ds-form-danger-description-color)}:host(.ds-field){display:inline-block !important;width:auto !important;flex:none !important;margin-top:0 !important;margin-bottom:0 !important}:host(.has-label-left) label{flex-direction:row-reverse}:host(.has-label-top) label{flex-direction:column-reverse}
1	+ :host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{--_toggle-gap: var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color: var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color: var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-toggle-label-color-hover)));--_toggle-label-active-color: var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-toggle-label-color-active)));--_toggle-label-disabled-color: var(--toggle-label-disabled-color, var(--mod-toggle-label-disabled-color, var(--ds-toggle-label-color-disabled)));--_toggle-height: var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width: var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width: var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-toggle-border-width)));--_toggle-radius: var(--toggle-radius, var(--mod-toggle-radius, var(--ds-toggle-radius)));--_toggle-py: var(--toggle-py, var(--mod-toggle-py, 0.25rem));--_toggle-min-height: var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-unchecked-base-color-background: var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-toggle-unchecked-color-base-background)));--_toggle-unchecked-base-color-tick: var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-toggle-unchecked-color-base-tick)));--_toggle-unchecked-hover-color-background: var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-toggle-unchecked-color-hover-background)));--_toggle-unchecked-hover-color-tick: var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-toggle-unchecked-color-hover-tick)));--_toggle-unchecked-active-color-background: var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-toggle-unchecked-color-active-background)));--_toggle-unchecked-active-color-tick: var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-toggle-unchecked-color-active-tick)));--_toggle-unchecked-disabled-color-background: var(--toggle-unchecked-disabled-color-background, var(--mod-toggle-unchecked-disabled-color-background, var(--ds-toggle-unchecked-color-disabled-background)));--_toggle-unchecked-disabled-color-tick: var(--toggle-unchecked-disabled-color-tick, var(--mod-toggle-unchecked-disabled-color-tick, var(--ds-toggle-unchecked-color-disabled-tick)));--_toggle-checked-base-color-background: var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-toggle-checked-color-base-background)));--_toggle-checked-base-color-tick: var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-toggle-checked-color-base-tick)));--_toggle-checked-base-color-icon: var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-toggle-checked-color-base-icon)));--_toggle-checked-hover-color-background: var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-toggle-checked-color-hover-background)));--_toggle-checked-hover-color-tick: var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-toggle-checked-color-hover-tick)));--_toggle-checked-active-color-background: var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-toggle-checked-color-active-background)));--_toggle-checked-active-color-tick: var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-toggle-checked-color-active-tick)));--_toggle-checked-disabled-color-background: var(--toggle-checked-disabled-color-background, var(--mod-toggle-checked-disabled-color-background, var(--ds-toggle-checked-color-disabled-background)));--_toggle-checked-disabled-color-tick: var(--toggle-checked-disabled-color-tick, var(--mod-toggle-checked-disabled-color-tick, var(--ds-toggle-checked-color-disabled-tick)))}:host{display:inline-block;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:inline-flex;align-items:center;gap:var(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:var(--_toggle-py);padding-bottom:var(--_toggle-py);min-height:var(--_toggle-min-height)}@media(hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;justify-content:flex-start;align-items:center;padding:4px;appearance:none;flex:none;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;outline:none;cursor:pointer}:host input[type=checkbox]:disabled{cursor:default}@media(hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:"";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);transition:transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:"";mask-size:100%;mask-repeat:no-repeat;mask-position:center;left:5px;width:12px;height:12px;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>")}:host(.is-dense){--mod-toggle-min-height: 2rem;--mod-toggle-py: 0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color: var(--ds-global-color-danger-4);--mod-toggle-label-hover-color: var(--ds-global-color-danger-5);--mod-toggle-label-active-color: var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background: var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick: var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background: var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick: var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background: var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick: var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background: var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick: var(--ds-global-color-white);--mod-toggle-checked-hover-color-background: var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick: var(--ds-global-color-white);--mod-toggle-checked-active-color-background: var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick: var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color: var(--_toggle-label-disabled-color);--mod-toggle-label-hover-color: var(--_toggle-label-disabled-color);--mod-toggle-label-active-color: var(--_toggle-label-disabled-color);--mod-toggle-unchecked-base-color-background: var(--_toggle-unchecked-disabled-color-background);--mod-toggle-unchecked-base-color-tick: var(--_toggle-unchecked-disabled-color-tick);--mod-toggle-checked-base-color-background: var(--_toggle-checked-disabled-color-background);--mod-toggle-checked-base-color-tick: var(--_toggle-checked-disabled-color-tick)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{display:contents}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host(.is-invalid){--mod-form-description-color: var(--ds-form-danger-description-color)}:host(.ds-field){display:inline-block !important;width:auto !important;flex:none !important;margin-top:0 !important;margin-bottom:0 !important}:host(.has-label-left) label{flex-direction:row-reverse}:host(.has-label-top) label{flex-direction:column-reverse}

package/dist/collection/components/structure/card/card-subtitle/card-subtitle.js CHANGED Viewed

@@ -3,10 +3,9 @@
  */
 import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
-import { Logger, hasValue, OneOf, Type } from "../../../../utils/index";
-import { HEADING_COLORS } from "../../heading/heading.interfaces";
+import { Logger, Type } from "../../../../utils/index";
 /**
- * Card subtitle renders a subtitle heading for cards with customizable color and styling.
+ * Card subtitle renders a subtitle heading for cards with an optional inverted style.
  *
  * @slot - The subtitle text.
  * @part card-subtitle - The card subtitle element.
@@ -34,14 +33,13 @@ export class CardSubtitle {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: 'd83be30191ce9a74ab17f0c477780984296c056c', class: {
+        return (h(Host, { key: '40b48a9ec2447bee033560813be6eb74d1829a89', class: {
                 'ds-card-header': true,
-            } }, h("span", { key: 'e9987cb8c3cc4f309e7da6a95dd5e1a6756aabb3', class: {
+            } }, h("span", { key: 'de9044fc58428a9209a6a7c349fb90921ae3d368', class: {
                 'ds-text': true,
                 'is-bold': this.bold,
-                [`is-${this.color}`]: hasValue(this.color) && !this.inverted,
                 'is-inverted': this.inverted,
-            } }, h("slot", { key: 'a71f62b0939612064bfef861fa60239195479356' }))));
+            } }, h("slot", { key: '7ae5d8dc2db26e3fdacb1aea81b87750613f809b' }))));
     }
     static get is() { return "ds-card-subtitle"; }
     static get encapsulation() { return "shadow"; }
@@ -96,32 +94,6 @@ export class CardSubtitle {
                 "reflect": false,
                 "attribute": "bold",
                 "defaultValue": "false"
-            },
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "HeadingColor",
-                    "resolved": "\"inverted\" | \"primary\" | undefined",
-                    "references": {
-                        "HeadingColor": {
-                            "location": "import",
-                            "path": "../../heading/heading.interfaces",
-                            "id": "src/components/structure/heading/heading.interfaces.ts::HeadingColor",
-                            "referenceLocation": "HeadingColor"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true` the card text color becomes white."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "color"
             }
         };
     }
@@ -141,7 +113,3 @@ __decorate([
     Type('boolean'),
     __metadata("design:type", Boolean)
 ], CardSubtitle.prototype, "bold", void 0);
-__decorate([
-    OneOf(HEADING_COLORS),
-    __metadata("design:type", String)
-], CardSubtitle.prototype, "color", void 0);

package/dist/collection/components/structure/content/content.js CHANGED Viewed

@@ -43,14 +43,14 @@ export class Content {
                 direction = 'row-reverse';
             }
         }
-        return (h(Host, { key: '9db1ada951bdf32a045b624204f528d9b815b402', class: {
+        return (h(Host, { key: '9050c16b949a60cf619b4663b6d71a1c78758e03', class: {
                 'ds-stack-content': true,
                 'as-row': direction === 'row',
                 'as-col': direction === 'column',
                 [`align-${alignValue}`]: align || alignment,
                 [`text-${this.textAlign}`]: hasValue(this.textAlign),
                 [`has-space-${this.space}`]: hasValue(this.space),
-            } }, h("slot", { key: 'abc5e0b224522a742635ce58f701c55b8bf2f65a' })));
+            } }, h("slot", { key: '72ff568267cde0af61c11dd297d58ed7ef8331c4' })));
     }
     static get is() { return "ds-content"; }
     static get originalStyleUrls() {
@@ -188,7 +188,7 @@ export class Content {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Defines the space between the child elements. Default is xx-small."
+                    "text": "Defines the space between the child elements."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/structure/divider/divider.js CHANGED Viewed

@@ -22,7 +22,7 @@ export class Divider {
          */
         this.layout = 'horizontal';
         /**
-         * Defines the space between the child elements. Default is xx-small.
+         * Defines the space between the child elements. Default is none.
          */
         this.space = 'none';
         /**
@@ -43,7 +43,7 @@ export class Divider {
      */
     render() {
         const space = normalizeDeprecatedTShirtSize(this.space) || '';
-        return (h(Host, { key: '5990e6d2937498c9dc20b3e606d3068c1deb3f65', role: "separator", class: {
+        return (h(Host, { key: 'cfa7a80d514d569d162515d21d79c7083cd903d8', role: "separator", class: {
                 [`is-${this.layout}`]: hasValue(this.layout),
                 [`is-${this.color}`]: hasValue(this.color),
                 [`has-space-${space}`]: hasValue(this.space),
@@ -110,7 +110,7 @@ export class Divider {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Defines the space between the child elements. Default is xx-small."
+                    "text": "Defines the space between the child elements. Default is none."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/structure/heading/heading.const.js CHANGED Viewed

@@ -40,11 +40,3 @@ export const HEADING_SIZES = {
     'md': 'md',
     'base': 'base',
 };
-export const HEADING_COLOR_MAP = {
-    primary: 'primary',
-    info: 'info',
-    success: 'success',
-    warning: 'warning',
-    danger: 'danger',
-    white: 'white',
-};