smart-webcomponents
Version:
Web Components & Custom Elements for Professional Web Applications
1 lines • 84.5 kB
CSS
.smart-input-drop-down-menu,input.smart-input{font-size:var(--smart-font-size);font-family:var(--smart-font-family)}input.smart-input{border-width:var(--smart-border-width);background:var(--smart-background);border-style:solid;border-color:var(--smart-border);color:var(--smart-background-color);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);padding-left:var(--smart-editor-label-padding);padding-right:var(--smart-editor-label-padding);padding-top:0;padding-bottom:0;height:var(--smart-editor-height);outline:0;text-align:var(--smart-text-box-text-align);box-sizing:border-box}input.smart-input:focus{border-color:var(--smart-outline)}input.smart-input:hover{border-color:var(--smart-ui-state-border-hover)}input.smart-input:disabled{border-color:var(--smart-disabled);outline:0}input.smart-input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}textarea.smart-input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}.smart-input-drop-down-menu,.smart-text-area-mention-menu{background-color:var(--smart-background);box-shadow:var(--smart-elevation-8)}.smart-input-drop-down-menu{display:block;transform:scaleY(0);transform-origin:top left;opacity:0;position:absolute;top:100%;left:0;z-index:var(--smart-editor-drop-down-z-index);float:left;padding:2px;margin:var(--smart-list-item-vertical-offset) var(--smart-list-item-horizontal-offset);color:var(--smart-background-color);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);overflow:hidden;width:auto;height:auto;--smart-input-drop-down-menu-width:auto;--smart-input-drop-down-menu-height:200px;min-height:0}.smart-input-drop-down-menu[top]{transform-origin:bottom}.smart-input-drop-down-menu:not([animation=none]){transition:opacity .2s,transform .2s ease-out}.smart-input-drop-down-menu.smart-container{box-shadow:none;padding:0;margin:0}.smart-input-drop-down-menu .smart-scroll-viewer-container,.smart-input-drop-down-menu .smart-scroll-viewer-content-container,.smart-input-drop-down-menu>.smart-container{width:var(--smart-input-drop-down-menu-width);max-height:calc(var(--smart-input-drop-down-menu-height) - 6px)}.smart-input-drop-down-menu .smart-scroll-viewer-content-container{padding:0;max-height:initial}.smart-input-drop-down-menu ul{list-style:none;padding:0;margin:0;width:100%;height:auto}.smart-input-drop-down-menu ul[allow-add-new] .add-new-item{display:flex;justify-content:space-between}.smart-input-drop-down-menu ul[allow-add-new] input{border:none;border-bottom:1px solid var(--smart-border);border-radius:0;width:100%}.smart-input-drop-down-menu ul[allow-add-new] input:focus,.smart-input-drop-down-menu ul[allow-add-new] input:hover{border-bottom-color:var(--smart-primary)}.smart-input-drop-down-menu ul[allow-add-new] smart-button{border-radius:50px;min-width:30px;width:30px}.smart-input-drop-down-menu ul[allow-add-new] li{padding-right:10px}.smart-input-drop-down-menu ul[allow-add-new] li.selected a span[data-content]{text-decoration:line-through}.smart-input-drop-down-menu ul[allow-add-new] li.selected a span.close-button{text-decoration:none!important}.smart-input-drop-down-menu ul[allow-add-new] li a{white-space:pre-wrap;display:flex;justify-content:space-between}.smart-input-drop-down-menu ul.scroll{width:calc(100% - var(--smart-scroll-bar-size) - 2px)}.smart-input-drop-down-menu ul li{padding-bottom:1px}.smart-input-drop-down-menu ul li:last-child{padding-bottom:0}.smart-input-drop-down-menu ul li a{display:block;padding:8px 12px;border-top-left-radius:var(--smart-item-border-top-left-radius);border-top-right-radius:var(--smart-item-border-top-right-radius);border-bottom-left-radius:var(--smart-item-border-bottom-left-radius);border-bottom-right-radius:var(--smart-item-border-bottom-right-radius);clear:both;font-weight:400;white-space:nowrap;color:var(--smart-background-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.smart-input-drop-down-menu ul li a:hover{color:var(--smart-ui-state-color-hover);background:var(--smart-ui-state-hover)}.smart-input-drop-down-menu ul li a.icon{position:relative;padding-left:var(--smart-column-icon-size)}.smart-input-drop-down-menu ul li a.icon:after{content:"";position:absolute;left:0;top:0;width:var(--smart-column-icon-size);height:100%;background-repeat:no-repeat;background-position:center}smart-input,smart-text-box{height:var(--smart-text-box-default-height)}.smart-input-drop-down-menu:not(.smart-check-input-drop-down-menu) li.active a{color:var(--smart-ui-state-color-focus);background:var(--smart-ui-state-focus);text-decoration:none;outline:0}.smart-input-drop-down-menu[open]{transform:scale(1);opacity:1}.smart-multi-combo-input-scroll-viewer .smart-scroll-viewer-content-container{width:var(--smart-input-drop-down-menu-width);max-height:initial}.smart-multi-combo-input-scroll-viewer .smart-scroll-viewer-container,.smart-multi-combo-input-scroll-viewer>.smart-container{width:var(--smart-input-drop-down-menu-width);max-height:calc(var(--smart-input-drop-down-menu-height) - 6px)}.smart-drop-down smart-list-item[focus] .smart-overlay{background-color:var(--smart-ui-state-focus)}.smart-drop-down smart-list-item[focus] .smart-content{color:var(--smart-ui-state-color-focus);border-color:var(--smart-ui-state-border-focus)}.smart-drop-down smart-list-item[focus][selected] .smart-overlay{background-color:var(--smart-ui-state-selected)}.smart-drop-down smart-list-item[focus][selected] .smart-content{color:var(--smart-ui-state-color-selected);border-color:var(--smart-ui-state-border-selected)}.smart-text-box:focus.hovered input,smart-text-box input:hover,smart-text-box:focus input.hovered,smart-text-box[hover] input{border-color:var(--smart-ui-state-border-hover)}smart-text-box{--smart-outline:var(--smart-primary);display:inline-block;border:none;width:var(--smart-text-box-default-width);overflow:visible;background:var(--smart-background)}smart-text-box input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-text-box.smart-element{background:var(--smart-background)}smart-text-box[disabled]{border-color:var(--smart-disabled);outline:0}smart-text-box input:focus{border-color:var(--smart-outline)}.smart-text-box .smart-container,.smart-text-box input,.smart-text-box.smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-text-box>.smart-container>.smart-content{height:100%}.smart-text-box>.smart-container>.smart-content>div{width:100%;height:100%;outline:0;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);padding:var(--smart-editor-label-padding);color:inherit;font-family:inherit;font-size:inherit;background-color:transparent;font-weight:inherit;font-style:inherit;overflow:hidden}.smart-text-box>.smart-container>.smart-content>div>label{color:transparent}.smart-text-box>.smart-container>.smart-content>div:first-of-type{position:absolute;display:flex;width:initial;height:initial;user-select:none;pointer-events:none;min-height:initial;max-height:initial;align-items:center;padding-top:1px;padding-bottom:1px;opacity:.5;text-overflow:ellipsis;white-space:nowrap;border:var(--smart-border-width) solid transparent}.smart-text-box[hint] .smart-hint,.smart-text-box[label] .smart-label{position:absolute;font-size:12px;width:100%;padding:var(--smart-editor-label-padding);text-align:initial;line-height:initial;vertical-align:initial;left:0;pointer-events:none}.smart-text-box[disabled] input,.smart-text-box[readonly] input{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.smart-text-box .smart-hint,.smart-text-box .smart-label{display:none;position:absolute}.smart-text-box[label] .smart-label{bottom:100%;display:block;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.smart-text-box[hint] .smart-hint{display:block;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.6,1);top:100%;bottom:initial}smart-input,smart-text-area{width:var(--smart-text-box-default-width);overflow:visible}.smart-text-box[hint][focus] .smart-hint{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.smart-text-box .smart-drop-down{font-family:inherit}.smart-text-box[right-to-left] .smart-hint,.smart-text-box[right-to-left] .smart-label,.smart-text-box[right-to-left]>.smart-container>.smart-content{direction:rtl}smart-text-area{--smart-outline:var(--smart-primary);display:inline-block;background:var(--smart-background);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);height:calc(1.5 * var(--smart-text-box-default-height))}smart-text-area textarea{margin:0;resize:none}smart-text-area textarea.smart-input{border:none;text-overflow:ellipsis}.smart-text-area .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-text-area textarea.smart-input,.smart-text-area-mention-menu{color:var(--smart-background-color);font-size:var(--smart-font-size)}.smart-text-area textarea.smart-input{font-family:var(--smart-font-family);background:var(--smart-background);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);padding-top:0;padding-bottom:0;padding:var(--smart-editor-label-padding);outline:0;text-align:var(--smart-text-box-text-align);box-sizing:border-box;border:none;height:100%;width:100%}.smart-text-area-mention-menu{padding:2px;margin:var(--smart-list-item-vertical-offset) var(--smart-list-item-horizontal-offset);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);font-family:var(--smart-font-family);position:absolute;z-index:999999}.smart-text-area-mention-menu .smart-text-area-mention-menu-item{padding:5px}.smart-text-area-mention-menu .smart-text-area-mention-menu-item.selected,.smart-text-area-mention-menu .smart-text-area-mention-menu-item:hover{cursor:pointer;color:var(--smart-ui-state-color-hover);background:var(--smart-ui-state-hover)}.smart-mention-trigger{font-size:12px;opacity:.8}.smart-rich-textarea{position:absolute;top:0;height:100%;width:100%;background:var(--smart-background)}.smart-rich-textarea .smart-container[toolbar-on-focus]{display:block}.smart-editor-toolbar-float.show{opacity:1}.smart-editor-toolbar-float{display:flex;background:var(--smart-surface);width:auto;position:absolute;border:1px solid var(--smart-border);border-radius:var(--smart-border-radius);height:auto;min-height:0;padding:0;box-shadow:var(--smart-elevation-4);z-index:999;margin-top:3px;opacity:0;transition:opacity ease-in-out .2s}.smart-rich-textarea ol,.smart-rich-textarea ul{padding-inline-start:1em;margin-top:0}.smart-rich-textarea ul[checklist]{position:relative;left:-10px}.smart-rich-textarea a.ctrl{cursor:pointer}.smart-rich-textarea .smart-editor-editable{padding:10px 5px!important}.smart-editor-toolbar-item-center{display:flex;align-items:center;justify-content:center;width:auto!important;min-width:24px}.smart-editor-tooltip{font-family:var(--smart-font-family);position:absolute;cursor:default;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out;z-index:999999}.smart-editor-tooltip.open{visibility:visible;opacity:.9}.smart-editor-tooltip::before{content:attr(hover-tooltip);font-size:13px;text-align:center;position:absolute;display:block;left:50%;min-width:50px;max-width:150px;bottom:calc(100% + 10px);transform:translate(-50%);animation:fade-in .3s ease;background:#272727;border-radius:4px;padding:6px;color:#fff;z-index:1}smart-input,smart-input.smart-element{background:var(--smart-background)}.smart-editor-tooltip[tooltip-position=bottom]::before{bottom:auto;top:calc(100% + 10px)}smart-input{--smart-outline:var(--smart-primary);display:inline-block;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-input>option{display:none}.smart-input.smart-container,smart-input>.smart-container{display:flex}smart-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-input input.smart-input{border:none;text-overflow:ellipsis}smart-input:focus{border-color:var(--smart-outline)}smart-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-input .smart-container,.smart-input.smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-input .smart-drop-down-button,.smart-input[readonly]:not(.underlined):not(.outlined):not([opened]):not(:active) input.smart-input,.smart-input[readonly]:not(.underlined):not(.outlined):not([opened]):not(:active) textarea.smart-input{background:var(--smart-surface);color:var(--smart-surface-color)}.smart-input .smart-drop-down-button{display:none;width:var(--smart-editor-addon-width);height:100%;flex-direction:column;border-left:1px solid var(--smart-border);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);outline:0}.smart-input .smart-drop-down-button .arrow{display:flex;height:100%;overflow:hidden;cursor:pointer;font-family:var(--smart-font-family-icon);justify-content:center;align-items:center;font-size:var(--smart-arrow-size);outline:0}.smart-input .smart-drop-down-button .arrow:after{content:var(--smart-icon-arrow-down);transition:opacity .2s,transform .2s ease-out}.smart-input .smart-drop-down-button[open] .arrow:after{transform:rotate(-180deg)}.smart-input .smart-input{border:none;padding:var(--smart-editor-label-padding);height:100%;width:100%}.smart-input[drop-down-button-position=left] .smart-drop-down-button,.smart-input[drop-down-button-position=right] .smart-drop-down-button{display:flex}.smart-input[drop-down-button-position=left] .smart-input,.smart-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-input[drop-down-button-position=left][disabled] .smart-drop-down-button,.smart-input[drop-down-button-position=right][disabled] .smart-drop-down-button{opacity:.5}.smart-input[drop-down-button-position=left] .smart-drop-down-button{order:-1;border-right:1px solid var(--smart-border);border-left:none;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius)}.smart-input[drop-down-button-position=left] .smart-input,.smart-input[right-to-left][drop-down-button-position=right] .smart-input{border-top-left-radius:0;border-bottom-left-radius:0}.smart-input[drop-down-button-position=left][readonly] .smart-drop-down-button{border-right:none}.smart-input[drop-down-button-position=right] .smart-input{border-top-right-radius:0;border-bottom-right-radius:0}.smart-input[focus],.smart-input[focus]:not([disabled]) .smart-drop-down-button{border-color:var(--smart-outline)}.smart-input[readonly] .smart-drop-down-button{border-left:none}.smart-input[readonly]:not(.underlined):not(.outlined) input.smart-input,.smart-input[readonly]:not(.underlined):not(.outlined) textarea.smart-input{padding:0;cursor:pointer;padding-left:var(--smart-editor-label-padding);outline:0}.smart-input:not([disabled]) .smart-drop-down-button:hover,.smart-input:not([disabled])[readonly]:hover .smart-drop-down-button,.smart-input:not([disabled])[readonly]:hover .smart-input{background:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-input:not([disabled]) .smart-drop-down-button:active,.smart-input:not([disabled]) .smart-drop-down-button[open],.smart-input:not([disabled])[readonly]:active .smart-drop-down-button,.smart-input:not([disabled])[readonly]:active .smart-input,.smart-input:not([disabled])[readonly][open] .smart-drop-down-button,.smart-input:not([disabled])[readonly][open] .smart-input{background:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}smart-number-input,smart-number-input.smart-element{background:var(--smart-background)}.smart-input:not([disabled])[readonly]:active .smart-input::-webkit-input-placeholder,.smart-input:not([disabled])[readonly][open] .smart-input::-webkit-input-placeholder{color:var(--smart-ui-state-color-active)}.smart-input:not([disabled])[readonly]:active .smart-input::-moz-placeholder,.smart-input:not([disabled])[readonly][open] .smart-input::-moz-placeholder{color:var(--smart-ui-state-color-active)}.smart-input[disabled] .smart-drop-down-button .arrow{cursor:initial}.smart-input[right-to-left] .smart-input{direction:rtl}.smart-input[right-to-left][readonly] .smart-drop-down-button{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.smart-input[right-to-left][readonly] .smart-input,.smart-input[right-to-left][readonly]:not(.underlined):not(.outlined) .smart-input{padding-left:initial;padding-right:var(--smart-editor-label-padding)}.smart-input-drop-down-menu[right-to-left] ul.scroll{width:100%}.smart-input-drop-down-menu[right-to-left] li a.icon{padding-left:initial;padding-right:var(--smart-column-icon-size)}.smart-input-drop-down-menu[right-to-left] li a.icon:after{left:initial;right:0}smart-number-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);text-align:right}smart-number-input>.smart-container{display:flex}.smart-number-input .nav,.smart-number-input .nav.smart-drop-down-button:active,.smart-number-input .nav.smart-drop-down-button:hover,.smart-number-input .nav:active,.smart-number-input .nav:hover{background:var(--smart-surface);color:var(--smart-surface-color)}smart-number-input input.smart-input{border:none;text-overflow:ellipsis}.smart-multi-combo-input-drop-down-menu .smart-select-all,.smart-number-input .nav .up{border-bottom:var(--smart-border-width) solid var(--smart-border)}smart-number-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-number-input .nav{display:flex;width:var(--smart-editor-addon-width);height:100%;flex-direction:column;border-left:1px solid var(--smart-border)}smart-multi-input,smart-password-input{width:var(--smart-text-box-default-width)}.smart-number-input .nav .down,.smart-number-input .nav .up{display:flex;height:50%;overflow:hidden;cursor:pointer;font-family:var(--smart-font-family-icon);justify-content:center;align-items:center;outline:0}.smart-number-input .nav .down:hover,.smart-number-input .nav .up:hover{background:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-number-input .nav .down:active,.smart-number-input .nav .down[active],.smart-number-input .nav .up:active,.smart-number-input .nav .up[active]{background:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}smart-password-input,smart-password-input.smart-element{background:var(--smart-background)}.smart-number-input .nav .up:after{content:var(--smart-icon-arrow-up)}.smart-number-input .nav .down:after{content:var(--smart-icon-arrow-down)}.smart-number-input[disabled] .nav .down,.smart-number-input[disabled] .nav .up{pointer-events:none}.smart-number-input[right-to-left]>.smart-container{direction:rtl}.smart-number-input[right-to-left] .nav{border-left:initial;border-right:var(--smart-border-width) solid var(--smart-border);border-top-left-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-right-radius);border-top-right-radius:initial;border-bottom-right-radius:initial;order:initial}.smart-number-input[right-to-left] .smart-input{border-top-left-radius:initial;border-bottom-left-radius:initial;border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}.smart-number-input[right-to-left][focus] .nav{border-color:var(--smart-outline)}smart-password-input{--smart-outline:var(--smart-primary);display:inline-block;height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-password-input>.smart-container{display:flex}smart-password-input input.smart-input{border:none;text-overflow:ellipsis}.smart-password-input input::-ms-clear,.smart-password-input input::-ms-reveal{display:none}.smart-password-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-password-input .smart-drop-down-button{background:0 0;border-color:transparent;display:block;border-left:none}.smart-password-input .smart-drop-down-button:active,.smart-password-input .smart-drop-down-button:hover,.smart-password-input .smart-drop-down-button[active]{color:var(--smart-primary)!important;background:0 0!important;border-color:transparent!important}smart-multi-input,smart-multi-input.smart-element{background:var(--smart-background)}.smart-password-input .smart-drop-down-button .arrow:after{color:var(--smart-background-color);content:var(--smart-icon-visibility)}.smart-password-input .smart-drop-down-button .arrow.off:after{color:var(--smart-background-color);content:var(--smart-icon-visibility-off)}smart-multi-input{--smart-outline:var(--smart-primary);display:inline-block;height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-multi-input>option{display:none}smart-multi-input>.smart-container{display:flex}smart-multi-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-multi-input input.smart-input{border:none;text-overflow:ellipsis}smart-multi-input:focus,smart-multi-input[focus]{border-color:var(--smart-outline)}smart-multi-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-multi-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-multi-input[drop-down-button-position=left] .smart-input,smart-multi-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-multi-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-multi-input-drop-down-menu li a{border-left:var(--smart-border-width) solid transparent}.smart-multi-input-drop-down-menu:not(.smart-check-input-drop-down-menu) li.active a{border-left:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:0;border-bottom-left-radius:0;color:var(--smart-ui-state-color-selected);background:var(--smart-ui-state-selected)}smart-multi-combo-input,smart-multi-combo-input.smart-element{background:var(--smart-background)}.smart-multi-input-drop-down-menu[right-to-left] li a{border-left:none;border-right:var(--smart-border-width) solid transparent}.smart-multi-input-drop-down-menu[right-to-left]:not(.smart-check-input-drop-down-menu) li.active a{border-left:var(--smart-border-width) solid transparent;border-right:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:0}smart-multi-combo-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-multi-combo-input>option{display:none}smart-multi-combo-input>.smart-container{display:flex}smart-multi-combo-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-multi-combo-input input.smart-input{border:none;text-overflow:ellipsis}smart-multi-combo-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-multi-combo-input[focus]{border-color:var(--smart-outline)}.smart-multi-combo-input{height:var(--smart-editor-height);min-height:var(--smart-editor-height)}.smart-multi-combo-input:not([input-tags-mode=one]):not(.smart-grid-cell-editor){height:auto!important}.smart-multi-combo-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-multi-combo-input .smart-drop-down-button,.smart-multi-combo-input .smart-drop-down-button .arrow,.smart-multi-combo-input>.smart-container{min-height:var(--smart-editor-height)}.smart-multi-combo-input .smart-tokens-container{grid-row-gap:3px;padding:3px}.smart-multi-combo-input .smart-token{position:relative;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;user-select:none;display:flex;align-items:center;padding:1px 6px;border-radius:20px;background-color:var(--smart-primary);color:var(--smart-primary-color);margin:0;height:22px}.smart-multi-combo-input .smart-token .smart-drop-down-list-selection-label{text-overflow:ellipsis;overflow:hidden}.smart-multi-combo-input .smart-token .smart-drop-down-list-selection-label.dots::before{content:"\a";width:8px;height:8px;border-radius:50%;background:var(--smart-primary-color);display:inline-block;margin-right:4px}.smart-multi-combo-input .smart-token .smart-drop-down-list-selection-image{display:flex;justify-content:center;align-items:center;border-radius:50%;width:20px;height:20px;min-width:20px;background-position:center;background-repeat:no-repeat;background-size:cover;margin-right:4px;transform:scale(1.3);left:-3px;position:relative}.smart-multi-combo-input .smart-token .smart-drop-down-list-selection-image:hover{transform:scale(1.5)}.smart-multi-combo-input .smart-action-button{display:flex;outline:transparent solid 1px;height:100%;width:100%;flex-wrap:wrap;overflow:hidden;position:relative;user-select:none;border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);min-height:var(--smart-editor-height);align-items:center}.smart-multi-combo-input .smart-drop-down-list-unselect-button{position:relative;margin-left:2px;margin-right:-2px}.smart-multi-combo-input .smart-drop-down-list-unselect-button:after{content:var(--smart-icon-close);display:flex;justify-content:center;align-items:center;transform-origin:center;font-family:var(--smart-font-family-icon);background:rgba(var(--smart-primary-rgb),.2);border-radius:50%;width:20px;height:20px}.smart-multi-combo-input.smart-input .smart-input{flex-grow:1;align-self:center;width:var(--smart-editor-addon-width);min-width:var(--smart-editor-addon-width);min-height:100%;max-height:1rem;vertical-align:middle;margin:0}.smart-multi-combo-input.smart-input .smart-drop-down-button{height:initial}.smart-multi-combo-input[drop-down-button-position=left] .smart-action-button,.smart-multi-combo-input[drop-down-button-position=right] .smart-action-button{width:calc(100% - var(--smart-editor-addon-width))}.smart-multi-combo-input[input-tags-mode=one] .smart-action-button{align-items:center}.smart-multi-combo-input[readonly] .smart-input{visibility:hidden}.smart-multi-combo-input[readonly] .smart-action-button{background:var(--smart-surface);color:var(--smart-surface-color)}.smart-multi-combo-input[readonly][open] .smart-action-button,.smart-multi-combo-input[readonly][open] .smart-drop-down-button{background:var(--smart-ui-state-hover)!important;color:var(--smart-ui-state-color-hover)!important}.smart-multi-combo-input[readonly]:hover .smart-action-button{background:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-multi-combo-input[hide-input-tags-close-button] .smart-drop-down-list-unselect-button:after{display:none}.smart-multi-combo-input[right-to-left] .smart-token{margin:var(--smart-editor-label-padding) var(--smart-editor-label-padding) 0 0;padding:1px 6px 1px 2px}.smart-multi-combo-input[right-to-left] .smart-token:last-of-type{margin:var(--smart-editor-label-padding) var(--smart-editor-label-padding) var(--smart-editor-label-padding) 0}.smart-multi-combo-input[right-to-left] .smart-action-button{direction:rtl}.smart-multi-combo-input[right-to-left] .smart-drop-down-list-unselect-button{margin:0 5px 0 0}.smart-multi-combo-input-drop-down-menu .smart-scroll-viewer{width:inherit;height:inherit;padding:initial;min-height:inherit;border:initial}.smart-multi-combo-input-drop-down-menu .close-button:after{font-family:var(--smart-font-family-icon);content:var(--smart-icon-close);margin-left:5px}.smart-multi-combo-input-drop-down-menu .add-new-item{display:grid;grid-template-columns:1fr var(--smart-text-box-default-height);grid-column-gap:5px;margin-left:7px;margin-right:7px;height:36px}.smart-multi-combo-input-drop-down-menu .add-new-item input{height:30px}.smart-multi-combo-input-drop-down-menu .add-new-item smart-button{justify-content:center;align-content:center;height:30px}.smart-multi-combo-input-drop-down-menu .add-new-item button{padding:0;display:flex;align-items:center;justify-content:center}.smart-multi-combo-input-drop-down-menu .add-new-item button:after{font-family:var(--smart-font-family-icon);content:var(--smart-icon-plus)}.smart-multi-combo-input-drop-down-menu .smart-select-all{height:auto}.smart-multi-combo-input-drop-down-menu[right-to-left]>ul{direction:rtl}.smart-multi-combo-input-drop-down-menu ul li a{display:flex;align-items:center}.smart-multi-combo-input-drop-down-menu ul li a .smart-drop-down-list-selection-image{display:flex;justify-content:center;align-items:center;width:25px;height:25px;background-position:center;background-repeat:no-repeat;background-size:cover;margin-right:4px;border-radius:50%;border:1px solid var(--smart-border)}.smart-multi-combo-input-drop-down-menu[pills] ul li:after,.smart-multi-combo-input-drop-down-menu[pills] ul li:before,.smart-multi-combo-input-drop-down-menu[single-select] ul li.selected:after,.smart-multi-combo-input-drop-down-menu[single-select] ul li::after,.smart-multi-combo-input-drop-down-menu[single-select] ul li:hover:after{display:none}.smart-multi-combo-input-drop-down-menu[single-select] ul li{height:36px;margin-top:1px;cursor:pointer}.smart-multi-combo-input-drop-down-menu[single-select] ul li a{padding:0 0 0 6px;height:100%}.smart-multi-combo-input-drop-down-menu[single-select] ul li.selected,.smart-multi-combo-input-drop-down-menu[single-select] ul li:hover{background:var(--smart-ui-state-hover);border-color:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-multi-combo-input-drop-down-menu[pills] .smart-custom-item,.smart-multi-combo-input-drop-down-menu[pills] .smart-custom-item a{white-space:nowrap!important}.smart-multi-combo-input-drop-down-menu[pills] .smart-custom-item a::before{border-radius:50%;background:var(--smart-primary-color);content:"+"!important;width:12px!important;height:12px!important;color:var(--smart-primary);margin-right:4px;align-content:center;justify-content:center;justify-items:center;align-items:center;display:flex!important}.smart-multi-combo-input-drop-down-menu[pills][dots] ul li a::before{content:"\a";width:8px;height:8px;border-radius:50%;background:var(--smart-primary-color);display:inline-block;margin-right:4px}.smart-multi-combo-input-drop-down-menu[pills] ul li{height:30px;margin-top:1px}.smart-multi-combo-input-drop-down-menu[pills] ul li a{padding:2px 10px;color:inherit;display:inline-flex;align-items:center;border-radius:15px!important;margin-top:5px;margin-left:5px;height:auto;background:var(--smart-primary);border-color:var(--smart-primary);color:var(--smart-primary-color);white-space:nowrap}.smart-multi-combo-input-drop-down-menu[pills] ul li a .smart-drop-down-list-selection-image{height:20px;width:20px}.smart-multi-combo-input-drop-down-menu[pills] ul li.focused a{background:var(--smart-primary)!important;border-color:var(--smart-primary)!important;color:var(--smart-primary-color)!important}.smart-multi-combo-input-drop-down-menu[pills] ul li.focused,.smart-multi-combo-input-drop-down-menu[pills] ul li.selected,.smart-multi-combo-input-drop-down-menu[pills] ul li:hover{background:var(--smart-ui-state-hover);border-color:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}smart-check-input,smart-check-input.smart-element{background:var(--smart-background)}.smart-multi-combo-input-drop-down-menu[pills] ul li.active.selected:before,.smart-multi-combo-input-drop-down-menu[pills] ul li.focused:after,.smart-multi-combo-input-drop-down-menu[pills] ul li.selected:after,.smart-multi-combo-input-drop-down-menu[pills] ul li:hover:after{display:none}smart-check-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-check-input>option{display:none}smart-check-input>.smart-container{display:flex}smart-check-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-check-input input.smart-input{border:none;text-overflow:ellipsis}smart-check-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-check-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-check-input:focus,smart-check-input[focus]{border-color:var(--smart-outline)}smart-check-input[drop-down-button-position=left] .smart-input,smart-check-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-check-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-check-input-drop-down-menu ul li{position:relative}.smart-check-input-drop-down-menu ul li:before{content:"";transform:scale(0);background-color:#fff}.smart-check-input-drop-down-menu ul li:after{content:"";position:absolute;border:var(--smart-border-width) solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);width:var(--smart-check-box-default-size);height:var(--smart-check-box-default-size);padding:1px;margin-left:10px;font-family:var(--smart-font-family-icon);justify-content:center;align-items:center;display:flex;top:50%;transform:translateY(-50%);pointer-events:none;box-sizing:content-box}.smart-check-input-drop-down-menu ul li a{padding-left:calc(var(--smart-tree-indent) + 25px)}.smart-check-input-drop-down-menu ul li.selected:after{content:var(--smart-icon-check);background:var(--smart-primary);border-color:var(--smart-primary);color:var(--smart-primary-color)}.smart-check-input-drop-down-menu ul li.selected.color:after{content:""}.smart-check-input-drop-down-menu ul li.active.selected:before{position:absolute;content:"";border-radius:50%;width:calc(var(--smart-check-box-default-size) + 16px);height:calc(var(--smart-check-box-default-size) + 16px);background:var(--smart-primary);opacity:.3;margin-left:4px;top:50%;transform:scale(1) translateY(-50%);transform-origin:top}smart-color-input,smart-date-input,smart-date-range-input,smart-time-input{width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);display:inline-block}.smart-check-input-drop-down-menu ul li.active.focused a{border-left:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:0;border-bottom-left-radius:0;color:var(--smart-ui-state-color-selected);background:var(--smart-ui-state-selected)}.smart-check-input-drop-down-menu ul li[indeterminate]:after{background-color:var(--smart-ui-state-selected);padding:2px;background-clip:content-box}.smart-check-input-drop-down-menu[inverted] ul li a,.smart-check-input-drop-down-menu[right-to-left] ul li a{padding-left:10px;padding-right:calc(var(--smart-tree-indent) + 25px)}.smart-check-input-drop-down-menu[inverted] ul li:after{margin-left:initial;margin-right:10px;right:0}.smart-check-input-drop-down-menu[inverted] ul li.selected:before{right:0}.smart-check-input-drop-down-menu[inverted] ul li.active.selected:before{margin-left:initial;margin-right:4px}.smart-check-input-drop-down-menu:not([animation=none]) ul li:before{transition:transform .25s ease-in-out}.smart-check-input-drop-down-menu[right-to-left] ul li:after{margin-left:initial;margin-right:10px}.smart-check-input-drop-down-menu[right-to-left] ul li.active.focused a{border-left:var(--smart-border-width) solid transparent;border-right:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:0}.smart-check-input-drop-down-menu[right-to-left] ul li.active.selected:before{margin-left:initial;margin-right:4px}.smart-check-input-drop-down-menu[right-to-left][pills] ul li a{padding-right:initial}smart-color-input{--smart-outline:var(--smart-primary);border:none;overflow:visible;background:var(--smart-background)}smart-color-input[value-display-mode=colorBox] .smart-action-button{cursor:pointer}smart-date-input,smart-date-range-input,smart-time-input{--smart-outline:var(--smart-primary);background:var(--smart-background);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);overflow:hidden}smart-date-input>.smart-container,smart-date-range-input>.smart-container,smart-time-input>.smart-container{display:flex}smart-date-input.smart-element,smart-date-range-input.smart-element,smart-time-input.smart-element{background:var(--smart-background)}smart-date-input[drop-down-button-position=left] .smart-input,smart-date-input[drop-down-button-position=right] .smart-input,smart-date-range-input[drop-down-button-position=left] .smart-input,smart-date-range-input[drop-down-button-position=right] .smart-input,smart-time-input[drop-down-button-position=left] .smart-input,smart-time-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}smart-date-range-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-date-range-input input.smart-input{border:none;text-overflow:ellipsis}smart-date-range-input:focus,smart-date-range-input[focus]{border-color:var(--smart-outline)}.smart-time-box{display:block;height:auto;width:300px;overflow:hidden}.smart-time-box .smart-timepicker{display:grid;grid-template-columns:60% 35%;grid-column-gap:5%;background:var(--smart-background);padding:10px;border-color:var(--smart-border)}.smart-time-box[right-to-left] .smart-timepicker{direction:rtl}.smart-time-input.smart-input .smart-drop-down-button .arrow:after,.smart-time-input.smart-input .smart-drop-down-button[open] .arrow:after{content:var(--smart-icon-clock);transform:rotate(0)}.smart-timepicker .hour-selection,.smart-timepicker .minute-selection{display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:repeat(6,auto);justify-content:center;align-items:center;justify-items:center;position:relative;cursor:default}.smart-timepicker .hour-selection .smart-calendar-cell,.smart-timepicker .minute-selection .smart-calendar-cell{margin:initial;line-height:var(--smart-calendar-cell-size);display:flex;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:100%}.smart-date-range-input-drop-down-menu .smart-done-button,.smart-date-range-input-drop-down-menu .smart-today-button,.smart-date-range-input-drop-down-menu smart-button:last-of-type{margin-right:5px}.smart-timepicker .hour-selection .header,.smart-timepicker .minute-selection .header{content:attr(header-label);width:100%;display:flex;justify-content:center;align-items:center;grid-row:1/3;grid-column:1/6;font-weight:600;height:var(--smart-calendar-cell-size);line-height:calc(var(--smart-calendar-cell-size) - 2px)}.smart-timepicker .minute-selection{border-right:var(--smart-border-width) solid var(--smart-border);grid-template-columns:repeat(2,50%);border-left:var(--smart-border-width) solid var(--smart-border)}.smart-timepicker .minute-selection .header{grid-column:span 2}.smart-timepicker .hour-selection:after,.smart-timepicker .hour-selection:before{content:attr(am-label);width:100%;display:flex;justify-content:center;grid-column:1;font-weight:600;height:var(--smart-calendar-cell-size);line-height:calc(var(--smart-calendar-cell-size) - 2px)}.smart-date-range-input-drop-down-menu .smart-button-controls,.smart-date-range-input-drop-down-menu .smart-timepicker-button:empty,.smart-date-range-input-drop-down-menu .smart-timepicker-buttons{display:none}.smart-timepicker .hour-selection:after{content:attr(pm-label);grid-row:4/9}.smart-date-input.smart-input .smart-drop-down-button .arrow:after,.smart-date-input.smart-input .smart-drop-down-button[open] .arrow:after,.smart-date-range-input.smart-input .smart-drop-down-button .arrow:after,.smart-date-range-input.smart-input .smart-drop-down-button[open] .arrow:after{content:var(--smart-icon-calendar);transform:rotate(0)}.smart-date-range-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-date-range-input-drop-down-menu smart-button:first-of-type{margin-left:5px}.smart-date-range-input-drop-down-menu .smart-calendar{height:100%;min-width:100%;--smart-calendar-default-height:auto;--smart-calendar-footer-height:0px}.smart-date-range-input-drop-down-menu .smart-clear-button,.smart-date-range-input-drop-down-menu .smart-done-button,.smart-date-range-input-drop-down-menu .smart-today-button{height:auto;--smart-button-padding:5px}.smart-date-range-input-drop-down-menu .smart-calendar-footer{flex-direction:column}.smart-date-range-input-drop-down-menu .smart-date-range-input-footer-controls{width:100%;height:100%}.smart-date-range-input-drop-down-menu .smart-timepicker-button{position:relative;white-space:nowrap}.smart-date-range-input-drop-down-menu .smart-timepicker-button:before{content:var(--smart-icon-clock);height:100%;font-family:var(--smart-font-family-icon);font-weight:var(--smart-font-weight);font-size:var(--smart-arrow-size);margin:0 var(--smart-editor-label-padding)}.smart-date-range-input-drop-down-menu .smart-timepicker-button:hover{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-hover);background-color:var(--smart-ui-state-hover);transition:background-color .1s linear,color .1s ease-in-out;opacity:var(--smart-button-opacity-hover);cursor:pointer}.smart-date-range-input-drop-down-menu .smart-timepicker-button[selected]{color:var(--smart-ui-state-color-selected)}.smart-date-range-input-drop-down-menu .smart-icon-today:before{content:var(--smart-icon-calendar)}.smart-date-range-input-drop-down-menu .smart-icon-clear:before{content:var(--smart-icon-cancel)}.smart-date-range-input-drop-down-menu .smart-timepicker{position:absolute;top:0;display:grid;grid-template-columns:60% 35%;height:calc(100% - var(--smart-calendar-footer-height));width:100%;grid-column-gap:5%;background:var(--smart-background);box-sizing:border-box;padding:10px;border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);border-width:var(--smart-border-width);border-style:solid;border-bottom:none}.smart-date-range-input-drop-down-menu[icons] smart-calendar,.smart-date-range-input-drop-down-menu[timepicker] smart-calendar{--smart-calendar-footer-height:30px}.smart-date-range-input-drop-down-menu[icons] .smart-timepicker-buttons,.smart-date-range-input-drop-down-menu[timepicker] .smart-timepicker-buttons{display:flex;justify-content:space-around;width:100%;height:100%;align-items:center}.smart-date-range-input-drop-down-menu[timepicker][icons] .smart-date-range-input-footer-controls{display:grid;grid-template-columns:60% 38%;grid-column-gap:2%;justify-items:center}.smart-date-range-input-drop-down-menu.smart-input-drop-down-menu{height:auto;width:var(--smart-input-drop-down-menu-width)}.smart-date-range-input-drop-down-menu.smart-input-drop-down-menu.smart-date-input-drop-down-menu{height:250px}.smart-date-range-input-drop-down-menu.smart-input-drop-down-menu.smart-date-range-input-drop-down-menu{min-height:250px;height:auto!important}.smart-date-range-input-drop-down-menu.smart-input-drop-down-menu.smart-date-range-input-drop-down-menu .smart-calendar-date-view-container{min-height:250px}.smart-date-range-input-drop-down-menu:not([timepicker]) .smart-timepicker-buttons{display:none}.smart-date-range-input-drop-down-menu:not([animation=none]) .smart-timepicker{transition:transform .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);transform:scale(1)}.smart-date-range-input-drop-down-menu:not([animation=none]) .smart-timepicker.smart-visibility-hidden{transition:visibility .2s cubic-bezier(.4,0,.6,1),transform .2s cubic-bezier(.4,0,.6,1);transform:scale(0)}.smart-date-range-input-drop-down-menu[right-to-left] .smart-timepicker{direction:rtl}smart-country-input,smart-phone-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;background:var(--smart-background);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-country-input>.smart-container,smart-phone-input>.smart-container{display:flex}smart-country-input.smart-element,smart-phone-input.smart-element{background:var(--smart-background)}smart-country-input input::selection,smart-phone-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-country-input input.smart-input,smart-phone-input input.smart-input{border:none;text-overflow:ellipsis}smart-country-input:focus,smart-country-input[focus],smart-phone-input:focus,smart-phone-input[focus]{border-color:var(--smart-outline)}smart-country-input:hover,smart-phone-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-country-input[disabled],smart-phone-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-country-input[drop-down-button-position=left] .smart-input,smart-country-input[drop-down-button-position=right] .smart-input,smart-phone-input[drop-down-button-position=left] .smart-input,smart-phone-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-country-input .smart-container,.smart-phone-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:re