smart-webcomponents
Version:
Web Components & Custom Elements for Professional Web Applications
2 lines • 1.62 MB
JavaScript
/*! For license information please see smart.ui.table.js.LICENSE.txt */
(()=>{var t={2989:(t,e,n)=>{"use strict";n.d(e,{A:()=>s});var r=n(1601),a=n.n(r),o=n(6314),i=n.n(o)()(a());i.push([t.id,"/* smart-button, smart-repeat-button, smart-toggle-button */\nsmart-button,\nsmart-toggle-button,\nsmart-repeat-button,\n.smart-button-element {\n --smart-button-flat-color: var(--smart-background-color);\n text-align: center;\n display: inline-flex;\n vertical-align: middle;\n cursor: pointer;\n text-transform: var(--smart-button-text-transform);\n letter-spacing: 0.08929em;\n overflow: hidden;\n border-color: var(--smart-border);\n border-top-left-radius: var(--smart-border-top-left-radius);\n border-top-right-radius: var(--smart-border-top-right-radius);\n border-bottom-left-radius: var(--smart-border-bottom-left-radius);\n border-bottom-right-radius: var(--smart-border-bottom-right-radius);\n border-width: var(--smart-border-width);\n border-style: solid;\n visibility: hidden;\n font-weight: 500;\n}\nsmart-button.smart-element,\nsmart-toggle-button.smart-element,\nsmart-repeat-button.smart-element,\n.smart-button-element.smart-element {\n display: inline-flex;\n visibility: inherit;\n}\nsmart-button button::-moz-focus-inner,\nsmart-toggle-button button::-moz-focus-inner,\nsmart-repeat-button button::-moz-focus-inner,\n.smart-button-element button::-moz-focus-inner {\n border: 0;\n}\nsmart-button.primary,\nsmart-toggle-button.primary,\nsmart-repeat-button.primary,\n.smart-button-element.primary {\n --smart-button-opacity-hover: 0.75;\n --smart-button-opacity-focus: 0.7;\n --smart-button-opacity-active: 0.65;\n --smart-background: var(--smart-primary);\n --smart-border: var(--smart-primary);\n --smart-border-rgb: var(--smart-primary-rgb);\n --smart-background-color: var(--smart-primary-color);\n --smart-ui-state-hover: var(--smart-primary);\n --smart-ui-state-border-hover: var(--smart-primary);\n --smart-ui-state-color-hover: var(--smart-primary-color);\n --smart-ui-state-active: var(--smart-primary);\n --smart-ui-state-border-active: var(--smart-primary);\n --smart-ui-state-color-active: var(--smart-primary-color);\n --smart-ui-state-focus: var(--smart-primary);\n --smart-ui-state-border-focus: var(--smart-primary);\n --smart-ui-state-color-focus: var(--smart-primary-color);\n --smart-button-flat-color: var(--smart-primary);\n --smart-button-outlined-color: var(--smart-primary);\n --smart-button-outlined-border: var(--smart-primary);\n}\nsmart-button.secondary,\nsmart-toggle-button.secondary,\nsmart-repeat-button.secondary,\n.smart-button-element.secondary {\n --smart-button-opacity-hover: 0.75;\n --smart-button-opacity-focus: 0.7;\n --smart-button-opacity-active: 0.65;\n --smart-background: var(--smart-secondary);\n --smart-border: var(--smart-secondary);\n --smart-border-rgb: var(--smart-secondary-rgb);\n --smart-background-color: var(--smart-secondary-color);\n --smart-ui-state-hover: var(--smart-secondary);\n --smart-ui-state-border-hover: var(--smart-secondary);\n --smart-ui-state-color-hover: var(--smart-secondary-color);\n --smart-ui-state-active: var(--smart-secondary);\n --smart-ui-state-border-active: var(--smart-secondary);\n --smart-ui-state-color-active: var(--smart-secondary-color);\n --smart-ui-state-focus: var(--smart-secondary);\n --smart-ui-state-border-focus: var(--smart-secondary);\n --smart-ui-state-color-focus: var(--smart-secondary-color);\n --smart-button-flat-color: var(--smart-secondary);\n --smart-button-outlined-color: var(--smart-secondary);\n --smart-button-outlined-border: var(--smart-secondary);\n}\nsmart-button.success,\nsmart-toggle-button.success,\nsmart-repeat-button.success,\n.smart-button-element.success {\n --smart-button-opacity-hover: 0.75;\n --smart-button-opacity-focus: 0.7;\n --smart-button-opacity-active: 0.65;\n --smart-background: var(--smart-success);\n --smart-border: var(--smart-success);\n --smart-border-rgb: var(--smart-success-rgb);\n --smart-background-color: var(--smart-success-color);\n --smart-ui-state-hover: var(--smart-success);\n --smart-ui-state-border-hover: var(--smart-success);\n --smart-ui-state-color-hover: var(--smart-success-color);\n --smart-ui-state-active: var(--smart-success);\n --smart-ui-state-border-active: var(--smart-success);\n --smart-ui-state-color-active: var(--smart-success-color);\n --smart-ui-state-focus: var(--smart-success);\n --smart-ui-state-border-focus: var(--smart-success);\n --smart-ui-state-color-focus: var(--smart-success-color);\n --smart-button-flat-color: var(--smart-success);\n --smart-button-outlined-color: var(--smart-success);\n --smart-button-outlined-border: var(--smart-success);\n}\nsmart-button.error,\nsmart-toggle-button.error,\nsmart-repeat-button.error,\n.smart-button-element.error {\n --smart-button-opacity-hover: 0.75;\n --smart-button-opacity-focus: 0.7;\n --smart-button-opacity-active: 0.65;\n --smart-background: var(--smart-error);\n --smart-border: var(--smart-error);\n --smart-border-rgb: var(--smart-error-rgb);\n --smart-background-color: var(--smart-error-color);\n --smart-ui-state-hover: var(--smart-error);\n --smart-ui-state-border-hover: var(--smart-error);\n --smart-ui-state-color-hover: var(--smart-error-color);\n --smart-ui-state-active: var(--smart-error);\n --smart-ui-state-border-active: var(--smart-error);\n --smart-ui-state-color-active: var(--smart-error-color);\n --smart-ui-state-focus: var(--smart-error);\n --smart-ui-state-border-focus: var(--smart-error);\n --smart-ui-state-color-focus: var(--smart-error-color);\n --smart-button-flat-color: var(--smart-error);\n --smart-button-outlined-color: var(--smart-error);\n --smart-button-outlined-border: var(--smart-error);\n}\nsmart-button.info,\nsmart-toggle-button.info,\nsmart-repeat-button.info,\n.smart-button-element.info {\n --smart-button-opacity-hover: 0.75;\n --smart-button-opacity-focus: 0.7;\n --smart-button-opacity-active: 0.65;\n --smart-background: var(--smart-info);\n --smart-border: var(--smart-info);\n --smart-border-rgb: var(--smart-info-rgb);\n --smart-background-color: var(--smart-info-color);\n --smart-ui-state-hover: var(--smart-info);\n --smart-ui-state-border-hover: var(--smart-info);\n --smart-ui-state-color-hover: var(--smart-info-color);\n --smart-ui-state-active: var(--smart-info);\n --smart-ui-state-border-active: var(--smart-info);\n --smart-ui-state-color-active: var(--smart-info-color);\n --smart-ui-state-focus: var(--smart-info);\n --smart-ui-state-border-focus: var(--smart-info);\n --smart-ui-state-color-focus: var(--smart-info-color);\n --smart-button-flat-color: var(--smart-info);\n --smart-button-outlined-color: var(--smart-info);\n --smart-button-outlined-border: var(--smart-info);\n}\nsmart-button.warning,\nsmart-toggle-button.warning,\nsmart-repeat-button.warning,\n.smart-button-element.warning {\n --smart-button-opacity-hover: 0.75;\n --smart-button-opacity-focus: 0.7;\n --smart-button-opacity-active: 0.65;\n --smart-background: var(--smart-warning);\n --smart-border: var(--smart-warning);\n --smart-border-rgb: var(--smart-warning-rgb);\n --smart-background-color: var(--smart-warning-color);\n --smart-ui-state-hover: var(--smart-warning);\n --smart-ui-state-border-hover: var(--smart-warning);\n --smart-ui-state-color-hover: var(--smart-warning-color);\n --smart-ui-state-active: var(--smart-warning);\n --smart-ui-state-border-active: var(--smart-warning);\n --smart-ui-state-color-active: var(--smart-warning-color);\n --smart-ui-state-focus: var(--smart-warning);\n --smart-ui-state-border-focus: var(--smart-warning);\n --smart-ui-state-color-focus: var(--smart-warning-color);\n --smart-button-flat-color: var(--smart-warning);\n --smart-button-outlined-color: var(--smart-warning);\n --smart-button-outlined-border: var(--smart-warning);\n}\nsmart-button.light,\nsmart-toggle-button.light,\nsmart-repeat-button.light,\n.smart-button-element.light {\n --smart-button-opacity-hover: 0.75;\n --smart-button-opacity-focus: 0.7;\n --smart-button-opacity-active: 0.65;\n --smart-background: var(--smart-light);\n --smart-border: var(--smart-light);\n --smart-border-rgb: var(--smart-light-rgb);\n --smart-background-color: var(--smart-light-color);\n --smart-ui-state-hover: var(--smart-light);\n --smart-ui-state-border-hover: var(--smart-light);\n --smart-ui-state-color-hover: var(--smart-light-color);\n --smart-ui-state-active: var(--smart-light);\n --smart-ui-state-border-active: var(--smart-light);\n --smart-ui-state-color-active: var(--smart-light-color);\n --smart-ui-state-focus: var(--smart-light);\n --smart-ui-state-border-focus: var(--smart-light);\n --smart-ui-state-color-focus: var(--smart-light-color);\n --smart-button-flat-color: var(--smart-light);\n --smart-button-outlined-color: var(--smart-light);\n --smart-button-outlined-border: var(--smart-light);\n}\nsmart-button.dark,\nsmart-toggle-button.dark,\nsmart-repeat-button.dark,\n.smart-button-element.dark {\n --smart-button-opacity-hover: 0.75;\n --smart-button-opacity-focus: 0.7;\n --smart-button-opacity-active: 0.65;\n --smart-background: var(--smart-dark);\n --smart-border: var(--smart-dark);\n --smart-border-rgb: var(--smart-dark-rgb);\n --smart-background-color: var(--smart-dark-color);\n --smart-ui-state-hover: var(--smart-dark);\n --smart-ui-state-border-hover: var(--smart-dark);\n --smart-ui-state-color-hover: var(--smart-dark-color);\n --smart-ui-state-active: var(--smart-dark);\n --smart-ui-state-border-active: var(--smart-dark);\n --smart-ui-state-color-active: var(--smart-dark-color);\n --smart-ui-state-focus: var(--smart-dark);\n --smart-ui-state-border-focus: var(--smart-dark);\n --smart-ui-state-color-focus: var(--smart-dark-color);\n --smart-button-flat-color: var(--smart-dark);\n --smart-button-outlined-color: var(--smart-dark);\n --smart-button-outlined-border: var(--smart-dark);\n}\nsmart-button[hover],\nsmart-toggle-button[hover],\nsmart-repeat-button[hover],\n.smart-button-element[hover] {\n color: var(--smart-ui-state-color-hover);\n border-color: var(--smart-ui-state-border-hover);\n background-color: var(--smart-ui-state-hover);\n transition: background-color 100ms linear, box-shadow 280ms ease-in-out;\n opacity: var(--smart-button-opacity-hover);\n}\nsmart-button[focus],\nsmart-toggle-button[focus],\nsmart-repeat-button[focus],\n.smart-button-element[focus] {\n color: var(--smart-ui-state-color-focus);\n border-color: var(--smart-ui-state-border-focus);\n background-color: var(--smart-ui-state-focus);\n opacity: var(--smart-button-opacity-focus);\n}\nsmart-button[active],\nsmart-toggle-button[active],\nsmart-repeat-button[active],\n.smart-button-element[active] {\n color: var(--smart-ui-state-color-active);\n border-color: var(--smart-ui-state-border-active);\n background-color: var(--smart-ui-state-active);\n transition: background-color 100ms linear, box-shadow 280ms ease-in-out;\n opacity: var(--smart-button-opacity-active);\n}\nsmart-button[disabled],\nsmart-toggle-button[disabled],\nsmart-repeat-button[disabled],\n.smart-button-element[disabled] {\n color: var(--smart-disabled-color);\n border-color: var(--smart-disabled);\n background-color: var(--smart-disabled);\n cursor: default;\n --smart-background: var(--smart-disabled);\n --smart-border: var(--smart-disabled);\n --smart-background-color: var(--smart-disabled-color);\n}\nsmart-button.large button,\nsmart-toggle-button.large button,\nsmart-repeat-button.large button,\n.smart-button-element.large button {\n padding: var(--smart-button-large-padding);\n font-size: var(--smart-button-large-font-size);\n}\nsmart-button.small button,\nsmart-toggle-button.small button,\nsmart-repeat-button.small button,\n.smart-button-element.small button {\n padding: var(--smart-button-small-padding);\n font-size: var(--smart-button-small-font-size);\n}\nsmart-button.very-small button,\nsmart-toggle-button.very-small button,\nsmart-repeat-button.very-small button,\n.smart-button-element.very-small button {\n padding: var(--smart-button-very-small-padding);\n font-size: var(--smart-button-very-small-font-size);\n}\nsmart-button.rounded,\nsmart-toggle-button.rounded,\nsmart-repeat-button.rounded,\n.smart-button-element.rounded {\n --smart-border-top-left-radius: 50px;\n --smart-border-top-right-radius: 50px;\n --smart-border-bottom-left-radius: 50px;\n --smart-border-bottom-right-radius: 50px;\n border-radius: var(--smart-border-bottom-left-radius) !important;\n}\nsmart-button.squared,\nsmart-toggle-button.squared,\nsmart-repeat-button.squared,\n.smart-button-element.squared {\n --smart-border-top-left-radius: 0;\n --smart-border-top-right-radius: 0;\n --smart-border-bottom-left-radius: 0;\n --smart-border-bottom-right-radius: 0;\n}\nsmart-button.flat,\nsmart-toggle-button.flat,\nsmart-repeat-button.flat,\n.smart-button-element.flat {\n color: var(--smart-button-flat-color);\n background: transparent;\n border-color: transparent;\n}\nsmart-button.flat[hover],\nsmart-toggle-button.flat[hover],\nsmart-repeat-button.flat[hover],\n.smart-button-element.flat[hover] {\n color: var(--smart-button-flat-color);\n background: transparent;\n border-color: transparent;\n}\nsmart-button.flat[active],\nsmart-toggle-button.flat[active],\nsmart-repeat-button.flat[active],\n.smart-button-element.flat[active] {\n color: var(--smart-button-flat-color);\n background: transparent;\n border-color: transparent;\n}\nsmart-button.flat[focus],\nsmart-toggle-button.flat[focus],\nsmart-repeat-button.flat[focus],\n.smart-button-element.flat[focus] {\n border-color: var(--smart-ui-state-focus);\n}\nsmart-button.flat[checked],\nsmart-toggle-button.flat[checked],\nsmart-repeat-button.flat[checked],\n.smart-button-element.flat[checked] {\n text-decoration: underline;\n background: var(--smart-ui-state-active);\n}\nsmart-button.flat .smart-ripple,\nsmart-toggle-button.flat .smart-ripple,\nsmart-repeat-button.flat .smart-ripple,\n.smart-button-element.flat .smart-ripple {\n background-color: var(--smart-button-flat-color);\n}\nsmart-button.outlined,\nsmart-toggle-button.outlined,\nsmart-repeat-button.outlined,\n.smart-button-element.outlined {\n color: var(--smart-button-outlined-color);\n border-color: var(--smart-button-outlined-border);\n background: transparent;\n border-width: calc(2 * var(--smart-border-width));\n}\nsmart-button.outlined[hover],\nsmart-toggle-button.outlined[hover],\nsmart-repeat-button.outlined[hover],\n.smart-button-element.outlined[hover] {\n color: var(--smart-button-outlined-color);\n border-color: var(--smart-button-outlined-border);\n background: transparent;\n}\nsmart-button.outlined[active],\nsmart-toggle-button.outlined[active],\nsmart-repeat-button.outlined[active],\n.smart-button-element.outlined[active] {\n color: var(--smart-button-outlined-color);\n border-color: var(--smart-button-outlined-border);\n background: transparent;\n}\nsmart-button.outlined[focus],\nsmart-toggle-button.outlined[focus],\nsmart-repeat-button.outlined[focus],\n.smart-button-element.outlined[focus] {\n color: var(--smart-button-outlined-color);\n border-color: var(--smart-ui-state-focus);\n background: transparent;\n}\nsmart-button.outlined[checked],\nsmart-toggle-button.outlined[checked],\nsmart-repeat-button.outlined[checked],\n.smart-button-element.outlined[checked] {\n color: var(--smart-ui-state-color-active);\n border-color: var(--smart-ui-state-active);\n background: var(--smart-ui-state-active);\n}\nsmart-button.outlined .smart-ripple,\nsmart-toggle-button.outlined .smart-ripple,\nsmart-repeat-button.outlined .smart-ripple,\n.smart-button-element.outlined .smart-ripple {\n background-color: var(--smart-button-outlined-color);\n}\nsmart-button.outlined button.smart-button,\nsmart-toggle-button.outlined button.smart-button,\nsmart-repeat-button.outlined button.smart-button,\n.smart-button-element.outlined button.smart-button {\n border-radius: initial;\n}\nsmart-button.raised,\nsmart-toggle-button.raised,\nsmart-repeat-button.raised,\n.smart-button-element.raised {\n box-shadow: var(--smart-elevation-2);\n transition: background-color 100ms linear, box-shadow 280ms ease-in-out;\n}\nsmart-button.raised[hover],\nsmart-toggle-button.raised[hover],\nsmart-repeat-button.raised[hover],\n.smart-button-element.raised[hover] {\n box-shadow: var(--smart-elevation-4);\n}\nsmart-button.raised[active], smart-button.raised[checked], smart-button.raised[active],\nsmart-button.raised button[active],\nsmart-toggle-button.raised[active],\nsmart-toggle-button.raised[checked],\nsmart-toggle-button.raised[active],\nsmart-toggle-button.raised button[active],\nsmart-repeat-button.raised[active],\nsmart-repeat-button.raised[checked],\nsmart-repeat-button.raised[active],\nsmart-repeat-button.raised button[active],\n.smart-button-element.raised[active],\n.smart-button-element.raised[checked],\n.smart-button-element.raised[active],\n.smart-button-element.raised button[active] {\n box-shadow: var(--smart-elevation-8);\n}\nsmart-button.raised[focus], smart-button.raised[focus]:not([checked]),\nsmart-toggle-button.raised[focus],\nsmart-toggle-button.raised[focus]:not([checked]),\nsmart-repeat-button.raised[focus],\nsmart-repeat-button.raised[focus]:not([checked]),\n.smart-button-element.raised[focus],\n.smart-button-element.raised[focus]:not([checked]) {\n box-shadow: var(--smart-elevation-6);\n}\nsmart-button.floating,\nsmart-toggle-button.floating,\nsmart-repeat-button.floating,\n.smart-button-element.floating {\n border-radius: 50%;\n width: 48px;\n height: 48px;\n box-shadow: var(--smart-elevation-4);\n transition: background-color 100ms linear, box-shadow 280ms ease-in-out;\n}\nsmart-button.floating[hover],\nsmart-toggle-button.floating[hover],\nsmart-repeat-button.floating[hover],\n.smart-button-element.floating[hover] {\n box-shadow: var(--smart-elevation-6);\n}\nsmart-button.floating[active], smart-button.floating[checked],\nsmart-toggle-button.floating[active],\nsmart-toggle-button.floating[checked],\nsmart-repeat-button.floating[active],\nsmart-repeat-button.floating[checked],\n.smart-button-element.floating[active],\n.smart-button-element.floating[checked] {\n box-shadow: var(--smart-elevation-12);\n}\nsmart-button.floating[focus], smart-button.floating[focus]:not([checked]),\nsmart-toggle-button.floating[focus],\nsmart-toggle-button.floating[focus]:not([checked]),\nsmart-repeat-button.floating[focus],\nsmart-repeat-button.floating[focus]:not([checked]),\n.smart-button-element.floating[focus],\n.smart-button-element.floating[focus]:not([checked]) {\n box-shadow: var(--smart-elevation-6);\n}\n\nbutton.smart-button {\n position: relative;\n padding: var(--smart-button-padding);\n text-align: inherit;\n vertical-align: inherit;\n cursor: inherit;\n text-transform: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n background: inherit;\n color: inherit;\n border: none;\n -webkit-font-smoothing: antialiased;\n opacity: var(--smart-button-opacity);\n white-space: nowrap;\n border-radius: inherit;\n}\n\n.smart-button .smart-ripple {\n background: var(--smart-background-color);\n}\n\nsmart-toggle-button .smart-container,\n[smart-toggle-button] .smart-container {\n font-weight: inherit;\n font-style: inherit;\n}\nsmart-toggle-button[checked],\n[smart-toggle-button][checked] {\n color: var(--smart-ui-state-color-selected);\n border-color: var(--smart-ui-state-border-selected);\n background-color: var(--smart-ui-state-selected);\n}\n\n.smart-scroll-button .smart-button {\n padding: 0px;\n}\n\n:host(.smart-button.flat) .smart-ripple {\n background-color: var(--smart-button-flat-color);\n}\n\n:host(.smart-button.outlined) .smart-ripple {\n background-color: var(--smart-button-outlined-color);\n}\n\nbutton.smart-button[type]:not(.smart-container) {\n border-color: var(--smart-border);\n border-top-left-radius: var(--smart-border-top-left-radius);\n border-top-right-radius: var(--smart-border-top-right-radius);\n border-bottom-left-radius: var(--smart-border-bottom-left-radius);\n border-bottom-right-radius: var(--smart-border-bottom-right-radius);\n border-width: var(--smart-border-width);\n border-style: solid;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n text-transform: var(--smart-button-text-transform);\n font-weight: 500;\n letter-spacing: 0.08929em;\n overflow: hidden;\n font-style: var(--smart-font-style);\n font-size: var(--smart-font-size);\n background: var(--smart-background);\n outline: none;\n}\n\nbutton.smart-button[type]:hover {\n color: var(--smart-ui-state-color-hover);\n border-color: var(--smart-ui-state-border-hover);\n background-color: var(--smart-ui-state-hover);\n}\n\nbutton.smart-button[type]:not([disabled]):active {\n color: var(--smart-ui-state-color-active);\n border-color: var(--smart-ui-state-border-active);\n background-color: var(--smart-ui-state-active);\n}\n\n/* smart-button, smart-repeat-button, smart-toggle-button */\nsmart-button[right-to-left],\nsmart-toggle-button[right-to-left],\nsmart-repeat-button[right-to-left] {\n direction: rtl;\n}",""]);const s=i},5531:(t,e,n)=>{"use strict";n.d(e,{A:()=>s});var r=n(1601),a=n.n(r),o=n(6314),i=n.n(o)()(a());i.push([t.id,'/* smart-calendar */\n.smart-calendar {\n width: var(--smart-calendar-default-width);\n height: var(--smart-calendar-default-height);\n min-width: var(--smart-calendar-default-width);\n min-height: var(--smart-calendar-default-height);\n}\n.smart-calendar:focus {\n border-color: var(--smart-outline);\n}\n.smart-calendar > .smart-container {\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n}\n.smart-calendar > .smart-container, .smart-calendar.smart-container {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n.smart-calendar smart-drop-down-list {\n --smart-drop-down-list-default-min-height: initial;\n}\n.smart-calendar smart-tooltip {\n top: 0;\n}\n.smart-calendar smart-tooltip .smart-tooltip-content {\n border-top-left-radius: var(--smart-border-top-left-radius);\n border-top-right-radius: var(--smart-border-top-right-radius);\n border-bottom-left-radius: var(--smart-border-bottom-left-radius);\n border-bottom-right-radius: var(--smart-border-bottom-right-radius);\n}\n.smart-calendar input {\n background: inherit;\n color: inherit;\n}\n.smart-calendar button:focus {\n border: 1px solid var(--smart-outline);\n outline: none;\n}\n.smart-calendar .smart-calendar-container {\n width: 100%;\n height: 100%;\n border: initial;\n padding: 0px;\n}\n.smart-calendar .smart-calendar-container > .smart-calendar-body {\n position: relative;\n width: 96%;\n height: calc(100% - var(--smart-calendar-header-height));\n display: flex;\n padding: 2px;\n padding-left: initial;\n padding-right: initial;\n margin-left: 2%;\n margin-right: 2%;\n cursor: default;\n overflow: hidden;\n outline: initial;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n touch-action: none;\n}\n.smart-calendar .smart-calendar-container > .smart-calendar-body:focus .smart-calendar-date-view-container .smart-calendar-cell[focus], .smart-calendar .smart-calendar-container > .smart-calendar-body:focus .smart-calendar-date-view-container .smart-calendar-cell:focus {\n background-color: var(--smart-background);\n color: var(--smart-primary);\n border-color: var(--smart-primary);\n}\n.smart-calendar .smart-calendar-container > .smart-calendar-body > div {\n display: flex;\n flex-shrink: 0;\n flex-wrap: wrap;\n font-size: inherit;\n}\n.smart-calendar .smart-calendar-container > .smart-calendar-body .smart-hidden {\n display: none;\n}\n.smart-calendar .smart-calendar-header {\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--smart-surface);\n color: var(--smart-surface-color);\n border: var(--smart-border-width) solid var(--smart-border);\n height: var(--smart-calendar-header-height);\n border-left-width: 0px;\n border-right-width: 0px;\n border-top-width: 0px;\n box-sizing: border-box;\n width: 100%;\n outline: initial;\n text-transform: var(--smart-calendar-header-text-transform);\n}\n.smart-calendar .smart-calendar-header.smart-hidden {\n display: none;\n}\n.smart-calendar .smart-calendar-footer {\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--smart-surface);\n color: var(--smart-surface-color);\n border: var(--smart-border-width) solid var(--smart-border);\n height: var(--smart-calendar-footer-height);\n border-left-width: 0px;\n border-right-width: 0px;\n border-top-width: 0px;\n box-sizing: border-box;\n width: 100%;\n outline: initial;\n text-transform: var(--smart-calendar-footer-text-transform);\n}\n.smart-calendar .smart-calendar-footer.smart-hidden {\n display: none;\n}\n.smart-calendar .smart-calendar-title {\n width: 100%;\n padding: var(--smart-calendar-title-padding);\n font-size: inherit;\n font-family: inherit;\n background: var(--smart-primary);\n border: none;\n color: var(--smart-primary-color);\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n overflow: hidden;\n display: flex;\n justify-content: center;\n flex-direction: column;\n text-transform: var(--smart-calendar-title-text-transform);\n height: calc(var(--smart-calendar-title-height));\n}\n.smart-calendar .smart-calendar-title.smart-hidden {\n display: none;\n}\n.smart-calendar .smart-calendar-title div:first-of-type {\n font-size: 70%;\n}\n.smart-calendar .smart-calendar-title .smart-calendar-selected {\n opacity: 1;\n}\n.smart-calendar .smart-calendar-title div {\n position: relative;\n opacity: 0.5;\n font-size: 125%;\n cursor: pointer;\n display: table;\n border: 1px solid transparent;\n}\n.smart-calendar .smart-calendar-cell[other-month] {\n background: var(--smart-background);\n color: var(--smart-background-color);\n border-color: var(--smart-border);\n opacity: 0.5;\n}\n.smart-calendar .smart-calendar-cell[focus] {\n border-color: var(--smart-outline);\n}\n.smart-calendar .smart-calendar-date-element {\n cursor: default;\n align-items: center;\n border: 1px solid transparent;\n position: relative;\n display: flex;\n width: 74%;\n height: 100%;\n outline: initial;\n overflow: hidden;\n text-align: center;\n}\n.smart-calendar .smart-calendar-date-element:focus {\n border-color: var(--smart-outline);\n}\n.smart-calendar .smart-calendar-date-element > div {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n outline: initial;\n font-size: inherit;\n}\n.smart-calendar .smart-calendar-date-element > div:first-of-type {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n.smart-calendar .smart-calendar-date-element div.smart-hidden {\n display: none;\n}\n.smart-calendar .smart-calendar-date-element .smart-ripple {\n background-color: var(--smart-button-color);\n opacity: 0.2;\n}\n.smart-calendar .smart-calendar-button .smart-button {\n font-family: var(--smart-font-family-icon);\n padding: 0px;\n border-radius: 0px;\n border: none;\n background: transparent;\n min-height: initial;\n}\n.smart-calendar .smart-calendar-button[prev-month], .smart-calendar .smart-calendar-button[next-month] {\n width: var(--smart-calendar-navigation-button-size);\n min-width: var(--smart-calendar-navigation-button-size);\n height: var(--smart-calendar-navigation-button-size);\n position: relative;\n font-size: initial;\n display: inline-block;\n font-weight: inherit;\n font-family: var(--smart-font-family-icon);\n border-radius: 100%;\n background: transparent;\n border: none;\n color: inherit;\n}\n.smart-calendar .smart-calendar-button[prev-month][active] button, .smart-calendar .smart-calendar-button[next-month][active] button {\n border: 1px solid var(--smart-ui-state-hover);\n background-color: var(--smart-ui-state-hover);\n color: var(--smart-primary);\n}\n.smart-calendar .smart-calendar-button[next-year], .smart-calendar .smart-calendar-button[prev-year] {\n position: relative;\n display: block;\n cursor: default;\n font-size: 10px;\n padding: 0px;\n margin: 0px;\n border-radius: 0px;\n border-color: var(--smart-border);\n border-left: none;\n}\n.smart-calendar .smart-calendar-button[next-year] span:after {\n content: var(--smart-icon-arrow-up);\n}\n.smart-calendar .smart-calendar-button[prev-year] {\n border-top-color: transparent;\n}\n.smart-calendar .smart-calendar-button[prev-year] span:after {\n content: var(--smart-icon-arrow-down);\n}\n.smart-calendar [next-month][focus] button,\n.smart-calendar [prev-month][focus] button,\n.smart-calendar [next-year][focus] button,\n.smart-calendar [prev-year][focus] button {\n border: 1px solid var(--smart-border-focus);\n background-color: var(--smart-background-focus);\n outline: none;\n}\n.smart-calendar .smart-calendar-list-view.smart-scroll-viewer {\n --smart-input-drop-down-menu-height: 100%;\n --smart-input-drop-down-menu-width: 100%;\n width: 100%;\n height: 100%;\n border: initial;\n position: absolute;\n color: inherit;\n text-align: center;\n top: 0;\n left: 0;\n opacity: initial;\n z-index: initial;\n padding: initial;\n float: initial;\n transform: initial;\n margin: initial;\n transition: initial;\n box-shadow: initial;\n}\n.smart-calendar .smart-calendar-list-view.smart-scroll-viewer > .smart-container {\n max-height: initial;\n}\n.smart-calendar .smart-calendar-list-view.smart-scroll-viewer a {\n pointer-events: none;\n}\n.smart-calendar .smart-calendar-week {\n display: flex;\n overflow: hidden;\n text-align: center;\n justify-content: center;\n}\n.smart-calendar .smart-calendar-week .smart-calendar-cell {\n text-overflow: ellipsis;\n overflow: hidden;\n border: 1px solid transparent;\n padding: 0px;\n border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);\n border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);\n border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);\n border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);\n width: var(--smart-calendar-cell-size);\n height: var(--smart-calendar-cell-size);\n line-height: calc(var(--smart-calendar-cell-size) - 2px);\n margin-right: var(--smart-calendar-cell-spacing);\n margin-bottom: var(--smart-calendar-cell-spacing);\n position: relative;\n}\n.smart-calendar .smart-calendar-week .smart-calendar-cell[selected] {\n background-color: var(--smart-primary);\n color: var(--smart-primary-color);\n border-color: var(--smart-primary);\n}\n.smart-calendar .smart-calendar-week .smart-calendar-cell[selected][hover] {\n background-color: var(--smart-primary);\n color: var(--smart-primary-color);\n border-color: var(--smart-primary);\n}\n.smart-calendar .smart-calendar-week .smart-calendar-cell[today] {\n background: var(--smart-secondary);\n color: var(--smart-secondary-color);\n border-color: var(--smart-secondary);\n}\n.smart-calendar .smart-calendar-week .smart-calendar-cell[today][hover] {\n background: var(--smart-secondary);\n color: var(--smart-secondary-color);\n border-color: var(--smart-secondary);\n}\n.smart-calendar .smart-calendar-week .smart-calendar-cell[selected][today] {\n background-color: var(--smart-primary);\n color: var(--smart-primary-color);\n border-color: var(--smart-primary);\n}\n.smart-calendar .smart-calendar-week .smart-calendar-cell[focus]:not([selected]), .smart-calendar .smart-calendar-week .smart-calendar-cell:focus:not([selected]) {\n background-color: var(--smart-background);\n color: var(--smart-primary);\n border-color: var(--smart-primary);\n}\n.smart-calendar .smart-calendar-week .smart-calendar-cell .smart-ripple {\n background-color: var(--smart-primary-color);\n opacity: 0.5;\n}\n.smart-calendar .smart-calendar-week .smart-calendar-week-number {\n text-overflow: ellipsis;\n overflow: hidden;\n border: 1px solid transparent;\n padding: 0px;\n border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);\n border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);\n border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);\n border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);\n width: var(--smart-calendar-cell-size);\n height: var(--smart-calendar-cell-size);\n line-height: calc(var(--smart-calendar-cell-size) - 2px);\n margin-right: var(--smart-calendar-cell-spacing);\n margin-bottom: var(--smart-calendar-cell-spacing);\n position: relative;\n margin: 0;\n}\n.smart-calendar .smart-calendar-week.smart-hidden {\n display: none;\n}\n.smart-calendar .smart-calendar-week div[restricted] {\n cursor: not-allowed;\n opacity: 0.55;\n text-decoration: line-through;\n}\n.smart-calendar .smart-calendar-week div[hover]:not([restricted]) {\n background-color: var(--smart-ui-state-hover);\n color: var(--smart-ui-state-color-hover);\n border-color: var(--smart-ui-state-border-hover);\n}\n.smart-calendar .smart-calendar-week div[important] {\n background: var(--smart-calendar-important-date-background);\n color: var(--smart-calendar-important-date-color);\n border-color: var(--smart-calendar-important-date-border-color);\n}\n@-moz-document url-prefix() {\n .smart-calendar .smart-calendar-week div {\n padding: initial;\n }\n}\n.smart-calendar .smart-calendar-week-number {\n display: none;\n margin: auto;\n}\n.smart-calendar .smart-calendar-week-titles {\n display: flex;\n overflow: hidden;\n text-align: center;\n justify-content: center;\n}\n.smart-calendar .smart-calendar-week-titles div:first-child {\n display: none;\n margin: auto;\n}\n.smart-calendar .smart-calendar-week-titles .smart-calendar-week-title {\n text-overflow: ellipsis;\n overflow: hidden;\n border: 1px solid transparent;\n padding: 0px;\n border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);\n border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);\n border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);\n border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);\n width: var(--smart-calendar-cell-size);\n height: var(--smart-calendar-cell-size);\n line-height: calc(var(--smart-calendar-cell-size) - 2px);\n margin-right: var(--smart-calendar-cell-spacing);\n margin-bottom: var(--smart-calendar-cell-spacing);\n position: relative;\n text-transform: var(--smart-calendar-week-title-text-transform);\n}\n.smart-calendar .smart-calendar-months-container {\n order: 1;\n width: 100%;\n height: 100%;\n align-items: center;\n}\n@-moz-document url-prefix() {\n .smart-calendar .smart-calendar-months-container {\n line-height: initial;\n }\n}\n.smart-calendar .smart-calendar-month {\n display: flex;\n overflow: hidden;\n text-align: center;\n justify-content: center;\n flex-direction: column;\n max-width: var(--smart-calendar-default-width);\n margin: auto;\n}\n.smart-calendar .smart-calendar-month-name {\n display: none;\n}\n.smart-calendar .smart-calendar-month-separator {\n display: flex;\n overflow: hidden;\n text-align: center;\n justify-content: center;\n width: 50%;\n order: 2;\n}\n.smart-calendar .smart-calendar-month-element {\n position: relative;\n width: 70%;\n height: 80%;\n margin: 5% 0;\n text-align: center;\n font-size: inherit;\n}\n.smart-calendar .smart-calendar-year-container:focus {\n border: 1px solid var(--smart-outline);\n outline: none;\n}\n.smart-calendar .smart-calendar-year-element {\n outline: none;\n width: 25%;\n height: 80%;\n margin-left: 5%;\n padding: 2px;\n text-align: center;\n font-size: inherit;\n border-style: solid;\n border-width: 1px;\n border-color: var(--smart-border);\n border-top-left-radius: var(--smart-border-top-left-radius);\n border-top-right-radius: 0px;\n border-bottom-left-radius: var(--smart-border-bottom-left-radius);\n border-bottom-right-radius: 0px;\n background: var(--smart-background);\n}\n.smart-calendar .smart-calendar-year-element:focus {\n border-color: var(--smart-outline);\n}\n.smart-calendar .smart-calendar-year-elements {\n display: flex;\n width: 10%;\n height: 80%;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n}\n.smart-calendar .smart-calendar-year-elements > smart-repeat-button {\n height: 50%;\n width: 100%;\n}\n.smart-calendar .smart-calendar-year-selector {\n display: inline-block;\n}\n.smart-calendar .smart-calendar-next-months-container {\n order: 3;\n width: 100%;\n height: 100%;\n align-items: center;\n}\n@-moz-document url-prefix() {\n .smart-calendar .smart-calendar-next-months-container {\n line-height: initial;\n }\n}\n.smart-calendar .smart-calendar-date-container:focus {\n border: 1px solid var(--smart-outline);\n outline: none;\n}\n.smart-calendar .smart-calendar-date-view-container {\n width: 100%;\n height: 100%;\n text-align: center;\n flex-direction: row;\n align-items: center;\n}\n.smart-calendar .smart-calendar-date-view-container.smart-list-display-mode-view {\n flex-direction: column;\n}\n.smart-calendar .smart-calendar-date-view-container .smart-calendar-cell {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 23%;\n margin: 0 1%;\n height: 23%;\n /*height: 3vw;*/\n border: 1px solid transparent;\n border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);\n border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);\n border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);\n border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);\n}\n.smart-calendar .smart-calendar-date-view-container .smart-calendar-cell[focus] {\n border-color: var(--smart-outline);\n}\n.smart-calendar .smart-calendar-date-view-container .smart-calendar-cell[other-month] {\n background: var(--smart-background);\n color: var(--smart-background-color);\n border-color: var(--smart-border);\n opacity: 0.5;\n}\n.smart-calendar .smart-calendar-date-view-container .smart-visibility-hidden {\n visibility: visible;\n opacity: 0.55;\n}\n.smart-calendar .smart-calendar-animation-panel {\n position: absolute;\n background-color: var(--smart-background);\n justify-content: center;\n align-items: center;\n pointer-events: none;\n}\n.smart-calendar[months] .smart-calendar-month {\n width: 50%;\n}\n.smart-calendar[months] .smart-calendar-month-name {\n display: initial;\n}\n.smart-calendar[months]:not([months="1"]) {\n width: calc(2 * var(--smart-calendar-default-width) + var(--smart-calendar-cell-size));\n height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));\n}\n.smart-calendar[months="1"] {\n width: var(--smart-calendar-default-width);\n height: var(--smart-calendar-default-height);\n min-width: var(--smart-calendar-default-width);\n min-height: var(--smart-calendar-default-height);\n}\n.smart-calendar[months="1"] .smart-calendar-month {\n width: 100%;\n font-size: 100%;\n}\n.smart-calendar[months="1"] .smart-calendar-month-name {\n display: none;\n}\n.smart-calendar[months="3"], .smart-calendar[months="4"] {\n --smart-calendar-default-height: calc(2 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;\n}\n.smart-calendar[months="5"], .smart-calendar[months="6"] {\n --smart-calendar-default-height: calc(3 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;\n}\n.smart-calendar[months="7"], .smart-calendar[months="8"] {\n --smart-calendar-default-height: calc(4 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;\n}\n.smart-calendar[months="9"], .smart-calendar[months="10"] {\n --smart-calendar-default-height: calc(5 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;\n}\n.smart-calendar[months="11"], .smart-calendar[months="12"] {\n --smart-calendar-default-height: calc(6 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;\n}\n@media only screen and (max-width: 768px) {\n .smart-calendar[months] .smart-calendar-month {\n width: 100%;\n }\n .smart-calendar[months="2"] {\n height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));\n }\n .smart-calendar[months="3"] {\n --smart-calendar-default-height: calc(3 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));\n }\n .smart-calendar[months="4"] {\n --smart-calendar-default-height: calc(4 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));\n }\n .smart-calendar[months="5"] {\n --smart-calendar-default-height: calc(5 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));\n }\n .smart-calendar[months="6"] {\n --smart-calendar-default-height: calc(6 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));\n }\n .smart-calendar[months="7"] {\n --smart-calendar-default-height: calc(7 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));\n }\n .smart-calendar[months="8"] {\n --smart-calendar-default-height: calc(8 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));\n }\n .smart-calendar[months="9"] {\n --smart-calendar-default-height: calc(9 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));\n }\n .smart-calendar[months="10"] {\n --smart-calendar-default-height: calc(10 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));\n }\n .smart-calendar[months="11"] {\n --smart-calendar-default-height: calc(11 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));\n }\n .smart-calendar[months="12"] {\n --smart-calendar-default-height: calc(12 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));\n }\n}\n.smart-calendar[view-sections*=footer] {\n --smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));\n}\n.smart-calendar[view-sections*=footer][view-sections*=header] .smart-calendar-container > .smart-calendar-body {\n height: calc(100% - var(--smart-calendar-header-height) - var(--smart-calendar-footer-height));\n}\n.smart-calendar[view-sections*=title] {\n --smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));\n}\n.smart-calendar[view-sections*=title] .smart-calendar-container {\n width: 100%;\n height: calc(100% - (var(--smart-calendar-title-height)));\n}\n.smart-calendar[view-sections*=title][view-sections*=footer] {\n --smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));\n}\n.smart-calendar[scroll-buttons-position=near] .smart-calendar-button[prev-month] {\n order: 1;\n}\n.smart-calendar[scroll-buttons-position=near] .smart-calendar-button[next-month] {\n order: 2;\n}\n.smart-calendar[scroll-buttons-position=near] .smart-calendar-date-element {\n order: 3;\n}\n.smart-calendar[scroll-buttons-position=far] .smart-calendar-date-element {\n order: 1;\n}\n.smart-calendar[scroll-buttons-position=far] .smart-calendar-button[prev-month] {\n order: 2;\n}\n.smart-calendar[scroll-buttons-position=far] .smart-calendar-button[next-month] {\n order: 3;\n}\n.smart-calendar[scroll-buttons-navigation-mode=portrait] .smart-calendar-month-separator {\n width: 100%;\n height: 50%;\n}\n.smart-calendar[scroll-buttons-navigation-mode=portrait] .smart-calendar-container > .smart-calendar-body {\n flex-direction: column;\n}\n.smart-calendar[calendar-mode=classic] .smart-calendar-title div {\n cursor: initial;\n}\n.smart-calendar[calendar-mode=classic] .smart-calendar-date-element {\n align-items: initial;\n overflow: initial;\n}\n.smart-calendar[display-mode-view=list][display-mode=year] .smart-calendar-container > .smart-calendar-body, .smart-calendar[display-mode-view=list][display-mode=decade] .smart-calendar-container > .smart-calendar-body {\n touch-action: auto;\n}\n.smart-calendar[hide-other-month-days] .smart-calendar-cell[other-month] {\n visibility: hidden;\n}\n.smart-calendar[hide-day-names] .smart-calendar-week-titles {\n display: none;\n}\n.smart-calendar[week-numbers] {\n --smart-calendar-default-width: calc(var(--smart-calendar-cell-spacing) + 8 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));\n}\n.smart-calendar[week-numbers][view-sections*=title][view=landscape] {\n --smart-calendar-default-width: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 8 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));\n}\n.smart-calendar[week-numbers] .smart-calendar-week-number {\n display: initial;\n}\n.smart-calendar[week-numbers] .smart-calendar-week-titles div:first-child {\n display: initial;\n}\n.smart-calendar[view=portrait] > .smart-container, .smart-calendar[view=portrait].smart-container {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n.smart-calendar[view=landscape] {\n --smart-calendar-default-width: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));\n --smart-calendar-default-height: calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));\n}\n.smart-calendar[view=landscape] > .smart-container, .smart-calendar[view=landscape].smart-container {\n flex-direction: row;\n}\n.smart-calendar[view=landscape] .smart-calendar-container {\n width: calc(100% - (var(--smart-calendar-title-height)));\n height: 100%;\n}\n.smart-calendar[view=landscape] .smart-calendar-title {\n width: calc(var(--smart-calendar-title-height));\n height: 100%;\n justify-content: flex-start;\n}\n.smart-calendar[view=landscape][view-sections*=footer] {\n --smart-calendar-default-height: calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));\n}\n.smart-calendar[animation=none] .smart-calendar-body .smart-calendar-month-separator,\n.smart-calendar[animation=none] .smart-calendar-body .smart-calendar-next-months-container {\n display: none;\n}\n\n/* smart-calendar */\n.smart-calendar[right-to-left] .smart-calendar-date-element > div,\n.smart-calendar[right-to-left] .smart-calendar-date-view-container,\n.smart-calendar[right-to-left] .smart-calendar-week-titles .smart-calendar-week-title,\n.smart-calendar[right-to-left] .smart-calendar-date-view-container .smart-calendar-cell,\n.smart-calendar[right-to-left] .smart-calendar-week .smart-calendar-cell,