@oruga-ui/theme-oruga 0.0.1 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/dist/oruga-full.css +530 -389
  2. package/dist/oruga-full.min.css +1 -1
  3. package/dist/oruga.css +364 -226
  4. package/dist/oruga.min.css +1 -1
  5. package/dist/scss/components/_autocomplete.scss +0 -62
  6. package/dist/scss/components/_carousel.scss +10 -6
  7. package/dist/scss/components/_checkbox.scss +4 -4
  8. package/dist/scss/components/_datepicker.scss +11 -11
  9. package/dist/scss/components/_dropdown.scss +144 -31
  10. package/dist/scss/components/_field.scss +8 -8
  11. package/dist/scss/components/_icon.scss +3 -1
  12. package/dist/scss/components/_input.scss +38 -40
  13. package/dist/scss/components/_menu.scss +68 -68
  14. package/dist/scss/components/_pagination.scss +22 -22
  15. package/dist/scss/components/_radio.scss +8 -10
  16. package/dist/scss/components/_sidebar.scss +150 -49
  17. package/dist/scss/components/_switch.scss +4 -2
  18. package/dist/scss/components/_table.scss +14 -10
  19. package/dist/scss/components/_taginput.scss +163 -0
  20. package/dist/scss/components/_tooltip.scss +422 -218
  21. package/dist/scss/oruga-common.scss +1 -1
  22. package/dist/scss/oruga.scss +15 -20
  23. package/dist/scss/utils/_helpers.scss +3 -7
  24. package/dist/scss/utils/_variables.scss +0 -1
  25. package/package.json +28 -28
  26. package/src/App.vue +1 -0
  27. package/src/assets/scss/components/_autocomplete.scss +0 -62
  28. package/src/assets/scss/components/_carousel.scss +10 -6
  29. package/src/assets/scss/components/_checkbox.scss +4 -4
  30. package/src/assets/scss/components/_datepicker.scss +11 -11
  31. package/src/assets/scss/components/_dropdown.scss +144 -31
  32. package/src/assets/scss/components/_field.scss +8 -8
  33. package/src/assets/scss/components/_icon.scss +3 -1
  34. package/src/assets/scss/components/_input.scss +38 -40
  35. package/src/assets/scss/components/_menu.scss +68 -68
  36. package/src/assets/scss/components/_pagination.scss +22 -22
  37. package/src/assets/scss/components/_radio.scss +8 -10
  38. package/src/assets/scss/components/_sidebar.scss +150 -49
  39. package/src/assets/scss/components/_switch.scss +4 -2
  40. package/src/assets/scss/components/_table.scss +14 -10
  41. package/src/assets/scss/components/_taginput.scss +163 -0
  42. package/src/assets/scss/components/_tooltip.scss +422 -218
  43. package/src/assets/scss/oruga-common.scss +1 -1
  44. package/src/assets/scss/oruga.scss +15 -20
  45. package/src/assets/scss/utils/_helpers.scss +3 -7
  46. package/src/assets/scss/utils/_variables.scss +0 -1
  47. package/src/components/Autocomplete.vue +7 -7
  48. package/src/components/Button.vue +28 -28
  49. package/src/components/Carousel.vue +19 -20
  50. package/src/components/Checkbox.vue +43 -42
  51. package/src/components/Collapse.vue +3 -1
  52. package/src/components/Datepicker.vue +7 -10
  53. package/src/components/Datetimepicker.vue +4 -4
  54. package/src/components/Dropdown.vue +146 -101
  55. package/src/components/Field.vue +35 -43
  56. package/src/components/Icon.vue +1 -1
  57. package/src/components/Input.vue +9 -1
  58. package/src/components/Loading.vue +13 -14
  59. package/src/components/Menu.vue +42 -0
  60. package/src/components/Modal.vue +59 -0
  61. package/src/components/Notification.vue +6 -6
  62. package/src/components/Pagination.vue +5 -6
  63. package/src/components/Radio.vue +55 -39
  64. package/src/components/Sidebar.vue +34 -17
  65. package/src/components/Skeleton.vue +43 -25
  66. package/src/components/Slider.vue +2 -2
  67. package/src/components/Steps.vue +13 -14
  68. package/src/components/Switch.vue +22 -19
  69. package/src/components/Table.vue +30 -37
  70. package/src/components/Tabs.vue +3 -2
  71. package/src/components/Taginput.vue +14 -14
  72. package/src/components/Timepicker.vue +4 -6
  73. package/src/components/Tooltip.vue +54 -16
  74. package/dist/scss/components/_inputitems.scss +0 -175
  75. package/src/assets/scss/components/_inputitems.scss +0 -175
package/dist/oruga.min.css CHANGED
@@ -1 +1 @@
1
- /*! Oruga v0.0.1 | MIT License | github.com/oruga-ui/oruga */@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes append-animate{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity 150ms ease-out}.fade-enter,.fade-enter-from,.fade-leave-to{opacity:0}.zoom-in-enter-active,.zoom-in-leave-active{transition:opacity 150ms ease-out}.zoom-in-enter-active .animation-content,.zoom-in-leave-active .animation-content{transition:transform 150ms ease-out}.zoom-in-enter,.zoom-in-enter-from,.zoom-in-leave-active{opacity:0}.zoom-in-enter .animation-content,.zoom-in-enter-from .animation-content,.zoom-in-leave-active .animation-content{transform:scale(.95)}.zoom-out-enter-active,.zoom-out-leave-active{transition:opacity 150ms ease-out}.zoom-out-enter-active .animation-content,.zoom-out-leave-active .animation-content{transition:transform 150ms ease-out}.zoom-out-enter,.zoom-out-enter-from,.zoom-out-leave-active{opacity:0}.zoom-out-enter .animation-content,.zoom-out-enter-from .animation-content,.zoom-out-leave-active .animation-content{transform:scale(1.05)}.slide-next-enter-active,.slide-next-leave-active,.slide-prev-enter-active,.slide-prev-leave-active{transition:transform 250ms cubic-bezier(.785, .135, .15, .86)}.slide-next-enter,.slide-next-enter-from,.slide-prev-leave-to{transform:translate3d(-100%,0,0);position:absolute;width:100%}.slide-next-leave-to,.slide-prev-enter,.slide-prev-enter-from{transform:translate3d(100%,0,0);position:absolute;width:100%}.slide-down-enter-active,.slide-down-leave-active,.slide-up-enter-active,.slide-up-leave-active{transition:transform 250ms cubic-bezier(.785, .135, .15, .86)}.slide-down-enter,.slide-down-enter-from,.slide-up-leave-to{transform:translate3d(0,-100%,0);position:absolute;height:100%}.slide-down-leave-to,.slide-up-enter,.slide-up-enter-from{transform:translate3d(0,100%,0);position:absolute;height:100%}.slide-enter-active{transition:150ms ease-out}.slide-leave-active{transition:150ms ease-out;transition-timing-function:cubic-bezier(0,1,0.5,1)}.slide-enter-to,.slide-leave,.slide-leave-from{max-height:100px;overflow:hidden}.slide-enter,.slide-enter-from,.slide-leave-to{overflow:hidden;max-height:0}:root{--oruga-white:#ffffff;--oruga-black:#000000;--oruga-grey:#7a7a7a;--oruga-grey-light:#b5b5b5;--oruga-grey-lighter:#dbdbdb;--oruga-grey-dark:#4a4a4a;--oruga-base-font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif;--oruga-base-font-size:1rem;--oruga-base-font-weight:400;--oruga-base-line-height:1.5}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}body{margin:0;padding:0}.o-noscroll{position:fixed;width:100%;bottom:0;overflow-x:hidden;overflow-y:scroll}.o-clipped{overflow:hidden}.o-acp{position:relative}.o-acp__menu{display:block;width:100%;position:absolute;left:0;top:100%;overflow:auto;z-index:var(--oruga-autocomplete-menu-zindex,20);background-color:var(--oruga-autocomplete-menu-background,#fff)}.o-acp__menu--top{top:auto;bottom:100%}.o-acp__item{display:block;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.o-acp__item--empty,.o-acp__item-group-title{pointer-events:none}.o-acp--expanded{width:100%}@keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}.o-btn{-moz-appearance:none;-webkit-appearance:none;position:relative;display:inline-flex;cursor:pointer;text-align:center;white-space:nowrap;align-items:center;justify-content:center;vertical-align:top;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--oruga-button-background-color,#445e00);color:var(--oruga-button-color,#fff)}.o-btn__wrapper{margin-left:-.1875em;margin-right:-.1875em;display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%}.o-btn__wrapper>*{margin-left:.1875em;margin-right:.1875em}.o-btn__label{width:100%}.o-btn--expanded{width:100%}.o-btn--disabled{opacity:var(--oruga-button-disabled-opacity, .5);cursor:not-allowed;pointer-events:none}.o-btn--outlined{background-color:var(--oruga-button-outlined-background-color,transparent);border-color:var(--oruga-button-background-color,#445e00);color:var(--oruga-button-background-color,#445e00)}.o-btn--outlined:hover{border-color:transparent;background-color:var(--oruga-button-background-color,#445e00);color:var(--oruga-button-color,#fff)}.o-btn--loading{color:transparent!important;pointer-events:none}.o-btn--loading::after{-webkit-animation:spinAround .5s infinite linear;left:calc(50% - .5em);top:calc(50% - .5em);position:absolute!important;border:2px solid #dbdbdb;border-radius:9999px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;width:1em}.o-btn--inverted{background-color:var(--oruga-button-color,#fff);border-color:var(--oruga-button-color,#fff);color:var(--oruga-button-background-color,#445e00)}.o-btn--inverted:hover{filter:brightness(95%)}.o-car{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;overflow:hidden;width:100%}.o-car__overlay{bottom:0;left:0;right:0;top:0;align-items:center;flex-direction:column;justify-content:center;display:flex;max-height:100vh;position:fixed;z-index:var(--oruga-carousel-overlay-zindex,40)}.o-car__scene{position:relative;width:100%}.o-car__items{display:flex;width:100%}.o-car__item{flex-shrink:0}.o-car__indicators{width:100%;display:flex;align-items:center;justify-content:center}.o-car__indicators--inside{position:absolute}.o-car__indicators--inside--bottom{bottom:0}.o-car__indicators--inside--top{top:0}.o-car__indicator__item{display:block;border:var(--oruga-carousel-indicator-border,1px solid #445e00);background:var(--oruga-carousel-indicator-background,#fff)}.o-car__indicator__item :hover,.o-car__indicator__item--active{background:var(--oruga-carousel-indicator-active-background,#445e00);border:var(--oruga-carousel-indicator-active-border,1px solid #445e00)}.o-car__indicator__item--boxes{width:var(--oruga-carousel-indicator-size,10px);height:var(--oruga-carousel-indicator-size,10px)}.o-car__indicator__item--dots{border-radius:var(--oruga-carousel-indicator-dots-border-radius,4px);width:var(--oruga-carousel-indicator-size,10px);height:var(--oruga-carousel-indicator-size,10px)}.o-car__arrow__icon{cursor:pointer;background:var(--oruga-carousel-arrow-background,#fff);color:var(--oruga-carousel-arrow-color,#445e00);width:var(--oruga-carousel-arrow-size,1.5rem);height:var(--oruga-carousel-arrow-size,1.5rem)}.o-car__arrow__icon-next,.o-car__arrow__icon-prev{position:absolute;top:var(--oruga-carousel-arrow-top,50%);transform:translateY(var(--oruga-carousel-arrow-top,-50%));z-index:1}.o-car__arrow__icon-prev{left:var(--oruga-carousel-arrow-icon-spaced,1.5rem)}.o-car__arrow__icon-next{right:var(--oruga-carousel-arrow-icon-spaced,1.5rem)}.o-chk{display:inline-flex;align-items:center;cursor:pointer;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-chk__check{width:var(--oruga-checkbox-size,1rem);height:var(--oruga-checkbox-size,1rem);outline:0;margin:0;vertical-align:top;background-position:center;background-size:contain;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;flex-shrink:0;cursor:pointer;background-repeat:no-repeat;border-color:var(--oruga-checkbox-border-color,#445e00);border-style:solid;transition-property:background}.o-chk__check--checked{background-color:var(--oruga-checkbox-active-background-color,#445e00);border-color:var(--oruga-checkbox-active-background-color,#445e00);background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:var(--oruga-checkbox-checkmark-color, %23ffffff)' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk__check--indeterminate{background-color:var(--oruga-checkbox-active-background-color,#445e00);border-color:var(--oruga-checkbox-active-background-color,#445e00);background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:var(--oruga-checkbox-checkmark-color, %23ffffff)' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--disabled{opacity:var(--oruga-checkbox-disabled-opacity, .5)}.o-clps__trigger{cursor:pointer}.o-clps__content{display:inherit}.o-dpck__dropdown{width:100%}.o-dpck__box{display:block;position:relative}.o-dpck__header__buttons{align-items:center;display:flex;justify-content:center;text-align:center}.o-dpck__header__next,.o-dpck__header__previous{justify-content:center;text-align:center;text-decoration:none;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;align-items:center;box-shadow:none;display:inline-flex;position:relative;vertical-align:top;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-color:var(--oruga-datepicker-btn-border-color,#dbdbdb);color:var(--oruga-datepicker-btn-color,#363636)}.o-dpck__header__next:hover,.o-dpck__header__previous:hover{text-decoration:none}.o-dpck__header__previous{order:1}.o-dpck__header__next{order:3}.o-dpck__header__list{order:2;align-items:center;display:flex;justify-content:center;text-align:center;list-style:none;flex-wrap:wrap;margin:0;padding:0;margin-left:-.125rem;margin-right:-.125rem}.o-dpck__header__list>*{margin-left:.125rem;margin-right:.125rem}.o-dpck__molist.nth,.o-dpck__table{display:table;margin:0 auto 0 auto}.o-dpck__molist.nth__head,.o-dpck__table__head{display:table-header-group}.o-dpck__molist.nth__body,.o-dpck__table__body{display:table-row-group}.o-dpck__molist.nth__row,.o-dpck__table__row{display:table-row}.o-dpck__molist.nth__cell,.o-dpck__table__cell{text-align:center;vertical-align:middle;display:table-cell;text-decoration:none}.o-dpck__molist.nth__cell--unselectable,.o-dpck__table__cell--unselectable{color:var(--oruga-datepicker-item-disabled-color,#b5b5b5)}.o-dpck__molist.nth__cell--selectable,.o-dpck__table__cell--selectable{color:var(--oruga-datepicker-item-selectable-color,#4a4a4a)}.o-dpck__molist.nth__cell--first-hovered,.o-dpck__table__cell--first-hovered{background-color:var(--oruga-datepicker-item-hovered-background-color,#7a7a7a);color:var(--oruga-datepicker-item-hovered-color,#dbdbdb)}.o-dpck__molist.nth__cell--within-hovered,.o-dpck__table__cell--within-hovered{color:var(--oruga-datepicker-item-hovered-color,#dbdbdb)}.o-dpck__molist.nth__cell--last-hovered,.o-dpck__table__cell--last-hovered{background-color:var(--oruga-datepicker-item-hovered-background-color,#7a7a7a);color:var(--oruga-datepicker-item-hovered-color,#dbdbdb)}.o-dpck__molist.nth__cell--selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__molist.nth__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__molist.nth__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__molist.nth__cell--last-hovered),.o-dpck__table__cell--selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__molist.nth__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__molist.nth__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__molist.nth__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-background-color,#445e00);color:var(--oruga-datepicker-item-selected-color,#fff)}.o-dpck__molist.nth__cell--first-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__molist.nth__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__molist.nth__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__molist.nth__cell--last-hovered),.o-dpck__table__cell--first-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__molist.nth__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__molist.nth__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__molist.nth__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-background-color,#445e00);color:var(--oruga-datepicker-item-selected-color,#fff)}.o-dpck__molist.nth__cell--within-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__molist.nth__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__molist.nth__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__molist.nth__cell--last-hovered),.o-dpck__table__cell--within-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__molist.nth__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__molist.nth__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__molist.nth__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-within-background-color,rgba(68,94,0,.5))}.o-dpck__molist.nth__cell--last-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__molist.nth__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__molist.nth__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__molist.nth__cell--last-hovered),.o-dpck__table__cell--last-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__molist.nth__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__molist.nth__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__molist.nth__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-background-color,#445e00);color:var(--oruga-datepicker-item-selected-color,#fff)}.o-dpck__molist.nth__cell--invisible,.o-dpck__table__cell--invisible{visibility:hidden}.o-dpck__molist.nth__cell--events,.o-dpck__table__cell--events{position:relative}.o-dpck__molist.nth__events,.o-dpck__table__events{display:flex;justify-content:center;position:absolute;width:100%;left:0;bottom:15%}.o-dpck__molist.nth__event,.o-dpck__table__event{background-color:var(--oruga-datepicker-event-background-color,#b5b5b5)}.o-dpck__molist.nth__event--dots,.o-dpck__table__event--dots{border-radius:50%}.o-dpck__molist.nth__event--bars,.o-dpck__table__event--bars{width:100%}.o-dpck__molist.nth__table{display:inline-flex;flex-wrap:wrap;flex-direction:row;width:17rem}.o-dpck__molist.nth__cell{display:flex;align-items:center;justify-content:center;width:33.33%;height:2.5rem}.o-dpck--mobile .o-dpck__header__previous{order:1;flex-grow:1;flex-shrink:1}.o-dpck--mobile .o-dpck__header__next{order:3;flex-grow:1;flex-shrink:1}.o-dpck--mobile .o-dpck__header__list{order:2;flex-grow:1;flex-shrink:1}.o-dtpck__time{display:flex;justify-content:center;align-items:center}.o-drop{display:inline-flex;position:relative;vertical-align:top}.o-drop--inline{display:inline}.o-drop--inline .o-drop__menu{position:static;display:inline-block;padding:0}.o-drop__overlay{position:fixed;bottom:0;left:0;right:0;top:0;cursor:pointer;display:none;background-color:var(--oruga-dropdown-mobile-overlay-color,rgba(0,0,0,.86));z-index:var(--oruga-dropdown-mobile-overlay-zindex,40)}.o-drop__trigger{width:100%}.o-drop__menu{position:absolute;left:0;top:100%;display:block;z-index:var(--oruga-dropdown-menu-zindex,20);background-color:var(--oruga-dropdown-menu-background,#fff)}.o-drop__menu--top-left{top:auto;bottom:100%;right:0;left:auto}.o-drop__menu--bottom-left{right:0;left:auto}.o-drop__menu--top-right{top:auto;bottom:100%}.o-drop__item{display:block;position:relative;cursor:pointer}.o-drop__item--disabled{opacity:var(--oruga-dropdown-item-disabled-opacity, .5);pointer-events:none}.o-drop__item--active{background-color:var(--oruga-dropdown-item-active-background-color,#445e00);color:var(--oruga-dropdown-item-active-color,#fff)}.o-drop--expanded{width:100%}.o-drop--expanded .o-drop__menu{width:100%}.o-drop--disabled{opacity:var(--oruga-dropdown-disabled-opacity, .5);pointer-events:none}.o-drop--mobile>.o-drop__menu{position:fixed;top:25%;left:50%;bottom:auto;right:auto;transform:translate3d(-50%,-25%,0);overflow-y:auto;z-index:var(--oruga-dropdown-mobile-zindex,50)}.o-drop--mobile>.o-drop__overlay{display:block}.o-field{flex-grow:1}.o-field__label{display:block}.o-field__message{display:block}.o-field--addons{display:flex;justify-content:flex-start}.o-field--addons>:first-child:not(:only-child) button,.o-field--addons>:first-child:not(:only-child) input,.o-field--addons>:first-child:not(:only-child) select,.o-field--addons>button:first-child,.o-field--addons>input:first-child,.o-field--addons>select:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.o-field--addons>:last-child:not(:only-child) button,.o-field--addons>:last-child:not(:only-child) input,.o-field--addons>:last-child:not(:only-child) select,.o-field--addons>button:last-child,.o-field--addons>input:last-child,.o-field--addons>select:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.o-field--addons>:not(:first-child):not(:last-child) button,.o-field--addons>:not(:first-child):not(:last-child) input,.o-field--addons>:not(:first-child):not(:last-child) select,.o-field--addons>button:not(:first-child):not(:last-child),.o-field--addons>input:not(:first-child):not(:last-child),.o-field--addons>select:not(:first-child):not(:last-child){border-radius:0}.o-field--grouped{display:flex;margin-left:-.37rem;margin-right:-.37rem}.o-field--grouped>*{margin-left:.37rem;margin-right:.37rem}.o-field--grouped-multiline{flex-wrap:wrap}.o-field__horizontal-body{display:flex;flex-basis:0;flex-grow:5;flex-shrink:1;margin-left:-.37rem;margin-right:-.37rem}.o-field__horizontal-body>*{margin-left:.37rem;margin-right:.37rem}.o-field--horizontal{display:flex}.o-field__horizontal-label{flex-basis:0;flex-grow:1;flex-shrink:0;margin:0 1.5rem 0 0;text-align:right}.o-field--mobile .o-field__horizontal-body{all:unset}.o-field--mobile.o-field--horizontal{all:unset}.o-field--mobile .o-field__horizontal-label{all:unset}@keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.o-icon{align-items:center;display:inline-flex;justify-content:center;transition:transform 150ms ease-out,opacity .3s ease-out}.o-icon--clickable{pointer-events:auto;cursor:pointer}.o-icon--spin{animation-name:icon-spin;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--oruga-icon-spin-duration, 2s)}.o-ctrl-input{display:block;position:relative}.o-ctrl-input--expanded{width:100%;flex-grow:1;flex-shrink:1}.o-input{-moz-appearance:none;-webkit-appearance:none;display:inline-flex;position:relative;vertical-align:top;width:100%}.o-input__textarea{display:block;max-width:100%;min-width:100%;height:auto;resize:vertical}.o-input__counter{display:block;float:right}.o-input__icon-left,.o-input__icon-right{position:absolute;top:0;height:100%}.o-input__icon-right{right:0}.o-input__icon-left{left:0}.o-inputit{display:block}.o-inputit__container{display:flex;align-items:center;justify-content:flex-start;position:relative;vertical-align:top;flex-wrap:wrap;border-color:var(--oruga-inputitems-border-color,#dbdbdb);border-style:var(--oruga-inputitems-border-style,solid);border-width:var(--oruga-inputitems-border-width,1px);color:var(--oruga-inputitems-color,#363636)}.o-inputit__autocomplete{position:static;flex:1}.o-inputit__input{border:none;box-shadow:none}.o-inputit__input:focus{box-shadow:none}.o-inputit__item{display:inline-flex;justify-content:center;align-items:center;position:relative;margin-left:-.1875em;margin-right:-.1875em;background-color:var(--oruga-inputitems-item-background-color,#445e00);color:var(--oruga-inputitems-item-color,#fff)}.o-inputit__item>*{margin-left:.1875em;margin-right:.1875em}.o-inputit__counter{display:block;float:right}.o-inputit--expanded{width:100%;flex-grow:1;flex-shrink:1}.o-load{position:absolute;bottom:0;left:0;right:0;top:0;align-items:center;display:flex;justify-content:center;overflow:hidden}.o-load--fullpage{position:fixed}.o-load__overlay{position:absolute;bottom:0;left:0;right:0;top:0}.o-menu-list .o-menu-item__wrapper,.o-menu-list .o-menu-list{list-style:none}.o-menu-label{text-transform:uppercase}.o-menu-item{display:block;list-style:none}.o-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:fixed;bottom:0;left:0;right:0;top:0;z-index:var(--oruga-modal-zindex,40)}.o-modal__overlay{bottom:0;left:0;position:absolute;right:0;top:0;background-color:var(--oruga-modal-overlay-background-color,hsla(0,0%,4%,.86))}.o-modal__content{overflow:auto;position:relative;background-color:var(--oruga-modal-content-background-color,#fff)}.o-modal__content--full-screen{width:100%;height:100%;max-height:100vh;margin:0}.o-modal__close{background:0 0;position:fixed;border:none;display:inline-block;vertical-align:top;right:var(--oruga-modal-close-right,20px);top:var(--oruga-modal-close-top,20px)}.o-modal--mobile .o-modal__content{width:100%}.o-notification{background-color:var(--oruga-notification-background-color,#445e00);color:var(--oruga-notification-color,#fff);position:relative;transform-origin:50% 0}.o-notification__content{flex-basis:auto;flex-grow:1;flex-shrink:1;text-align:inherit;overflow-y:hidden;overflow-x:auto}.o-notification__wrapper{align-items:flex-start;display:flex;text-align:inherit;padding-top:0;border:0}.o-notification__icon{flex-basis:auto;flex-grow:0;flex-shrink:0}.o-notification__close{position:absolute;border:none;cursor:pointer;pointer-events:auto;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;vertical-align:top;right:var(--oruga-notification-close-right,.5rem);top:var(--oruga-notification-close-top,.5rem)}.o-notices{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none;padding:var(--oruga-notification-notices-padding,2em);z-index:var(--oruga-notification-notices-zindex,1000)}.o-notices .o-notification{pointer-events:stroke;max-width:600px}.o-notices .o-notification--bottom,.o-notices .o-notification--top{align-self:center}.o-notices .o-notification--bottom-right,.o-notices .o-notification--top-right{align-self:flex-end}.o-notices .o-notification--bottom-left,.o-notices .o-notification--top-left{align-self:flex-start}.o-notices--top{flex-direction:column}.o-notices--bottom{flex-direction:column-reverse}.o-notices--bottom .o-notification{margin-bottom:0}.o-notices--bottom .o-notification:not(:first-child){margin-bottom:1.5rem}.o-notices__custom-container{position:absolute}.o-pag{align-items:center;display:flex;text-align:center;justify-content:space-between}.o-pag__link{-moz-appearance:none;-webkit-appearance:none;align-items:center;box-shadow:none;display:inline-flex;position:relative;vertical-align:top;justify-content:center;text-align:center;text-decoration:none;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-pag__link:hover{text-decoration:none}.o-pag__link--disabled{pointer-events:none}.o-pag__link--current{pointer-events:none;background-color:var(--oruga-pagination-link-current-background-color,#445e00);border-color:var(--oruga-pagination-link-current-border-color,#445e00);color:var(--oruga-pagination-link-current-color,#fff)}.o-pag__ellipsis{justify-content:center;text-align:center;pointer-events:none}.o-pag--simple{justify-content:normal}.o-pag--centered{justify-content:center}.o-pag--centered .o-pag__previous{order:1}.o-pag--centered .o-pag__next{order:3}.o-pag--centered .o-pag__list{justify-content:center;order:2}.o-pag--right{justify-content:flex-end}.o-pag--right .o-pag__previous{order:1}.o-pag--right .o-pag__next{order:2}.o-pag--right .o-pag__list{justify-content:flex-end;order:2}.o-pag__next{order:3}.o-pag__previous{order:2}.o-pag__list{align-items:center;display:flex;text-align:center;list-style:none;flex-wrap:wrap;margin:0;padding:0;flex-grow:1;flex-shrink:1;justify-content:flex-start;order:1}.o-pag--mobile{justify-content:flex-start;flex-wrap:wrap}.o-pag--mobile .o-pag__link{flex-grow:1;flex-shrink:1}.o-pag--mobile .o-pag__previous{flex-grow:1;flex-shrink:1;order:0}.o-pag--mobile .o-pag__next{flex-grow:1;flex-shrink:1;order:0}.o-pag--mobile .o-pag__ellipsis{flex-grow:1;flex-shrink:1}.o-pag--mobile .o-pag__list{order:0}.o-radio{display:inline-flex;align-items:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-radio__check{width:var(--oruga-radio-size,1rem);height:var(--oruga-radio-size,1rem);margin:0;vertical-align:top;background-position:center;background-size:contain;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:50%;cursor:pointer;background-repeat:no-repeat;transition-property:background;background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(10.1032,0,0,10.1032,-255.068,-313.298)'%3E%3Ccircle cx='30.195' cy='35.959' r='4.85' style='fill:var(--oruga-radio-active-background-color, %23445e00);'/%3E%3C/g%3E%3C/svg%3E")}.o-radio__check--checked{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.38544,0,0,4.38544,-94.4336,-58.9876)'%3E%3Cpath d='M32.935,13.679C39.102,13.679 44.108,18.685 44.108,24.852C44.108,31.019 39.102,36.025 32.935,36.025C26.768,36.025 21.761,31.019 21.761,24.852C21.761,18.685 26.768,13.679 32.935,13.679ZM32.798,17.05C37.105,17.05 40.601,20.546 40.601,24.852C40.601,29.158 37.105,32.655 32.798,32.655C28.492,32.655 24.996,29.158 24.996,24.852C24.996,20.546 28.492,17.05 32.798,17.05Z' style='fill:var(--oruga-radio-active-background-color, %23445e00);'/%3E%3Ccircle cx='32.84' cy='24.8' r='7.9' style='fill:transparent;'/%3E%3C/g%3E%3C/svg%3E")}.o-radio--disabled{opacity:var(--oruga-radio-disabled-opacity, .5)}.o-ctrl-sel{display:inline-flex;position:relative}.o-ctrl-sel--expanded{width:100%;flex-grow:1;flex-shrink:1}.o-sel{-moz-appearance:none;-webkit-appearance:none;display:inline-block;position:relative;vertical-align:top;cursor:pointer;justify-content:flex-start;align-items:center}.o-sel-arrow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(5.70052,0,0,5.70052,-1329.79,-547.054)'%3E%3Cpath d='M233.451,101.749L235.617,99.422L242.013,105.565L248.463,99.422L250.642,101.749L242.013,110.052L233.451,101.749Z' style='fill:;stroke:white;stroke-width:0.18px;'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:var(--oruga-select-arrow-size,1rem);background-position:calc(100% - var(--oruga-select-arrow-size,1rem) * .5) center;padding-right:calc(var(--oruga-select-arrow-size,1rem) * 2)}.o-sel--multiple{height:auto;padding:0}.o-sel__icon-left,.o-sel__icon-right{position:absolute;top:0;height:100%}.o-sel__icon-right{right:0}.o-sel__icon-left{left:0}@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.o-sklt{display:inline-flex;flex-direction:column;vertical-align:middle;width:100%}.o-sklt__item{width:100%;background:var(--oruga-skeleton-background,linear-gradient(90deg,#dbdbdb 25%,rgba(219,219,219,.5) 50%,#dbdbdb 75%))}.o-sklt__item--animated{background-size:400% 100%;animation-name:skeleton-loading;animation-iteration-count:infinite;animation-duration:var(--oruga-skeleton-duration, 1.5s)}.o-sklt__item::after{content:" "}.o-sklt--centered{align-items:center}.o-sklt--right{align-items:flex-end}.o-side__content{background-color:var(--oruga-sidebar-content-background-color,#dbdbdb);z-index:calc(var(--oruga-sidebar-zindex,38) + 1)}.o-side__content--fixed{position:fixed;left:0;top:0}.o-side__content--absolute{position:absolute;left:0;top:0}.o-side__content--right{left:auto;right:0}.o-side__content--mini-expand:hover{transition:width}.o-side__content--static{position:static}.o-side__content--absolute,.o-side__content--static{transition:width 150ms ease-out}.o-side__content--fullwidth{width:100%;max-width:100%}.o-side__content--fullheight{height:100%;max-height:100%;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;align-content:stretch}.o-side__overlay{bottom:0;left:0;right:0;top:0;position:fixed;background:var(--oruga-sidebar-overlay,hsla(0,0%,4%,.86));z-index:var(--oruga-sidebar-zindex,38)}.o-slide{background:var(--oruga-slider-background,transparent);width:100%}.o-slide__thumb{border:var(--oruga-slider-thumb-border,1px solid #b5b5b5);background:var(--oruga-slider-thumb-background,#fff)}.o-slide__thumb--dragging{cursor:grabbing;filter:brightness(.8)}.o-slide__track{display:flex;align-items:center;position:relative;cursor:pointer;background:var(--oruga-slider-track-background,#dbdbdb)}.o-slide__fill{position:absolute;height:100%;background:var(--oruga-slider-fill-background,#445e00);top:50%;transform:translateY(-50%)}.o-slide .o-slide__track{height:var(--oruga-slider-track-height,.5rem)}.o-slide .o-slide__thumb{height:var(--oruga-slider-thumb-size,1rem);width:var(--oruga-slider-thumb-size,1rem)}.o-slide .o-slide__tick-label{position:absolute;left:50%;transform:translateX(-50%)}.o-slide__tick{position:absolute;transform:translate(-50%,-50%);top:50%;width:var(--oruga-slider-tick-width,3px);background:var(--oruga-slider-tick-background,#445e00)}.o-slide__tick--hidden{background:0 0}.o-slide__thumb-wrapper{display:inline-flex;align-items:center;position:absolute;cursor:grab;transform:translate(-50%,-50%);top:50%;flex-direction:column}.o-slide--disabled{cursor:not-allowed;pointer-events:none}.o-steps{display:flex;flex-wrap:wrap;margin:0;padding:0}.o-steps .o-steps__title{background-color:var(--oruga-steps-details-background-color,#fff);text-align:center;z-index:1}.o-steps .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider{left:auto}.o-steps .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider{left:auto}.o-steps__nav-item{margin:0;padding:0;margin-top:0;position:relative;flex-grow:1;flex-basis:1em}.o-steps__divider{background:linear-gradient(to left,50%,50%);background-size:200% 100%;background-position:right bottom;content:" ";display:block;position:absolute;bottom:0;left:-50%;width:100%}.o-steps__content{position:relative;overflow:visible;display:flex;flex-direction:column}.o-steps__content-transitioning{overflow:hidden}.o-steps--animated .o-steps__divider{transition-property:background}.o-steps__link{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;text-decoration:none}.o-steps__link-label-right{flex-direction:row}.o-steps__link-label-left{flex-direction:row-reverse}.o-steps__link:hover{text-decoration:none}.o-steps__link:not(.o-steps__link-clickable){cursor:not-allowed}.o-steps__marker{align-items:center;display:flex;justify-content:center;background:var(--oruga-steps-marker-background,#b5b5b5);color:var(--oruga-steps-marker-color,#fff);border:var(--oruga-steps-marker-border,.2em solid #fff);z-index:1;overflow:hidden}.o-steps__details{background-color:var(--oruga-steps-details-background-color,#fff);text-align:center;z-index:1}.o-steps__nav-item-active .o-steps__link{cursor:default}.o-steps__nav-item-active .o-steps__marker{background-color:var(--oruga-steps-marker-color,#fff);border-color:var(--oruga-steps-active-color,#445e00);color:var(--oruga-steps-active-color,#445e00)}.o-steps__nav-item-active .o-steps__divider{background-position:left bottom}.o-steps__nav-item-previous .o-steps__marker{color:var(--oruga-steps-marker-color,#fff);background-color:var(--oruga-steps-previous-color,#445e00)}.o-steps__nav-item-previous .o-steps__divider{background-position:left bottom}.o-steps__item{flex-shrink:0;flex-basis:auto}.o-steps__wrapper-vertical{display:flex;flex-direction:row;flex-wrap:wrap}.o-steps__wrapper-vertical .o-steps{height:100%;flex-direction:column}.o-steps__wrapper-vertical .o-steps__divider{height:100%;top:-50%;left:calc(50% - .1em)}.o-steps__wrapper-vertical .o-steps__item-active .o-steps__divider,.o-steps__wrapper-vertical .o-steps__item-previous .o-steps__divider{background-position:right top}.o-steps__wrapper-vertical .o-steps__nav-item{width:100%;display:flex;align-items:center;justify-content:center}.o-steps__wrapper-vertical .o-steps__content{flex-grow:1;flex-basis:70%}.o-steps__wrapper-vertical .o-steps__navigation{flex-basis:100%}.o-steps__wrapper-vertical.o-steps__wrapper-position-right{flex-direction:row-reverse}.o-steps--mobile .o-steps__title{display:none;padding:0}.o-switch{cursor:pointer;display:inline-flex;align-items:center;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-switch--left{flex-direction:row-reverse}.o-switch--left .o-switch__label{margin-left:0}.o-switch__check-switch{content:"";display:block;height:calc((var(--oruga-switch-width,2.75em) - var(--oruga-switch-padding,.2em) * 2) * .5);width:calc((var(--oruga-switch-width,2.75em) - var(--oruga-switch-padding,.2em) * 2) * .5);background:var(--oruga-switch-action-background,#f5f5f5);transition-property:transform;will-change:transform;transform-origin:left}.o-switch__check{display:flex;align-items:center;flex-shrink:0;width:var(--oruga-switch-width,2.75em);height:calc(var(--oruga-switch-width,2.75em) * .5 + var(--oruga-switch-padding,.2em));padding:var(--oruga-switch-padding,.2em);background:var(--oruga-switch-background,#b5b5b5);transition-property:background}.o-switch__check--checked{background:var(--oruga-switch-active-background-color,#445e00)}.o-switch__check--checked .o-switch__check-switch{transform:translate3d(100%,0,0)}.o-switch__input{position:absolute;left:0;opacity:0;z-index:-1}.o-switch--rounded{border-radius:var(--oruga-switch-rounded-border-radius,9999px)}.o-switch--disabled{opacity:var(--oruga-switch-disabled-opacity, .5)}.o-table{display:table;width:100%;border-collapse:separate;border-spacing:0}.o-table__root{position:relative}.o-table__wrapper{transition:opacity .3s ease-out;position:relative}.o-table__wrapper--sticky-header{overflow-y:auto}.o-table__wrapper--sticky-header th{position:-webkit-sticky;position:sticky;left:0;top:0}.o-table__wrapper--scrollable{-webkit-overflow-scrolling:touch;overflow-x:auto;max-width:100%}.o-table__wrapper--mobile{overflow-x:auto}.o-table__wrapper--mobile .o-table__mobile-sort{display:block}.o-table__wrapper--mobile .o-table{background-color:transparent}.o-table__wrapper--mobile thead tr{box-shadow:none;border-width:0}.o-table__wrapper--mobile thead tr th{display:none}.o-table__wrapper--mobile thead tr .o-table-th-checkbox{display:block;width:100%;text-align:right;border:0}.o-table__wrapper--mobile tfoot th{border:0;display:inherit}.o-table__wrapper--mobile tr{max-width:100%;position:relative;display:block}.o-table__wrapper--mobile tr td{border:0;display:inherit}.o-table__wrapper--mobile tr td:last-child{border-bottom:0}.o-table__wrapper--mobile tr:not(.o-table__tr--selected){background:inherit;background:#fff}.o-table__wrapper--mobile tr:not(.o-table__tr--selected):hover{background-color:inherit;background-color:#fff}.o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td{display:flex;width:auto;justify-content:space-between;text-align:right}.o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td:before{content:attr(data-label)}.o-table__mobile-sort{display:none}.o-table__th{vertical-align:top;text-align:left;position:relative}.o-table__th--centered{text-align:center}.o-table__th--right{text-align:right}.o-table__th__sort-icon{position:absolute;right:0}.o-table__th--sortable{cursor:pointer}.o-table__th--sticky{position:-webkit-sticky;position:sticky;left:0;top:0}.o-table__th--unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-table__td{vertical-align:top;text-align:left}.o-table__td--sticky{position:-webkit-sticky;position:sticky;left:0}.o-table__td--right{text-align:right}.o-table__td--centered{text-align:center}.o-table__td-chevron{vertical-align:middle}.o-table__tr--selected{background-color:#445e00;color:#fff}.o-table__pagination{align-items:center;justify-content:space-between;display:flex}.o-table__pagination>div:first-child{align-items:center;justify-content:flex-start}.o-table__pagination>div:last-child{align-items:center;justify-content:flex-end}.o-table__pagination>div:last-child>div{align-items:center;display:flex;flex-basis:auto;flex-grow:0;flex-shrink:0;justify-content:center}.o-table__pagination>div{flex-basis:auto;flex-grow:0;flex-shrink:0}.o-tabs--fullwidth{width:100%}.o-tabs--fullwidth .o-tabs__nav-item-wrapper{flex-grow:1;flex-shrink:0}.o-tabs--fullwidth .o-tabs__nav-item-boxed,.o-tabs--fullwidth .o-tabs__nav-item-default,.o-tabs--fullwidth .o-tabs__nav-item-toggle{height:100%}.o-tabs--vertical{display:flex;flex-direction:row}.o-tabs--vertical .o-tabs__nav{flex-direction:column;align-items:stretch;flex-grow:0;border-bottom:none}.o-tabs--vertical .o-tabs__nav-item-boxed{border-bottom-color:transparent}.o-tabs--vertical .o-tabs__nav-item-boxed--active{border-right-color:transparent}.o-tabs--right{flex-direction:row-reverse}.o-tabs--right .o-tabs__nav-item-boxed{border-bottom-color:transparent;border-right-color:transparent}.o-tabs--right .o-tabs__nav-item-boxed--active{border-left-color:transparent}.o-tabs__nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;align-items:center;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start;overflow-x:auto}.o-tabs__nav--centered{justify-content:center}.o-tabs__nav--right{justify-content:flex-end}.o-tabs__nav-item-default{-moz-appearance:none;-webkit-appearance:none;width:100%;margin:0;padding:0;border:1px solid transparent;background-color:transparent;align-items:center;line-height:1.5;color:var(--oruga-tabs-link-color,#494949);display:flex;justify-content:center;margin-bottom:-1px;vertical-align:top;cursor:pointer;text-decoration:none}.o-tabs__nav-item-default--active{border-bottom-color:var(--oruga-tabs-link-active-border-bottom-color,#445e00);color:var(--oruga-tabs-link-active-color,#445e00)}.o-tabs__nav-item-default--disabled{pointer-events:none;cursor:not-allowed;opacity:var(--oruga-tabs-disabled-opacity, .5)}.o-tabs__nav-item-boxed{-moz-appearance:none;-webkit-appearance:none;width:100%;margin:0;padding:0;border:1px solid transparent;background-color:transparent;align-items:center;line-height:1.5;color:var(--oruga-tabs-link-color,#494949);display:flex;justify-content:center;margin-bottom:-1px;vertical-align:top;cursor:pointer;text-decoration:none;border-bottom-color:transparent}.o-tabs__nav-item-boxed--active{border-bottom-color:var(--oruga-tabs-link-active-border-bottom-color,#445e00);color:var(--oruga-tabs-link-active-color,#445e00)}.o-tabs__nav-item-boxed--disabled{pointer-events:none;cursor:not-allowed;opacity:var(--oruga-tabs-disabled-opacity, .5)}.o-tabs__nav-item-toggle{-moz-appearance:none;-webkit-appearance:none;width:100%;margin:0;padding:0;border:1px solid transparent;background-color:transparent;align-items:center;line-height:1.5;color:var(--oruga-tabs-link-color,#494949);display:flex;justify-content:center;margin-bottom:-1px;vertical-align:top;cursor:pointer;text-decoration:none;margin-bottom:0;position:relative}.o-tabs__nav-item-toggle--disabled{pointer-events:none;cursor:not-allowed;opacity:var(--oruga-tabs-disabled-opacity, .5)}.o-tabs__content{position:relative;overflow:visible;display:flex;flex-direction:column;flex-grow:1}.o-tabs__content--transitioning{overflow:hidden}.o-tpck__dropdown{width:100%}.o-tpck__box{display:flex;justify-content:center;align-items:center}.o-tpck__select{-moz-appearance:none;-webkit-appearance:none;display:inline-block;position:relative;vertical-align:top;cursor:pointer;justify-content:flex-start;align-items:center;border:0;font-size:inherit}.o-tpck__select-placeholder{opacity:var(--oruga-timepicker-select-placeholder-opacity, .5)}.o-tip{position:relative;display:inline-flex}.o-tip__arrow--top{top:100%;right:auto;bottom:auto;left:50%;transform:translateX(-50%);border-top-style:solid;border-top-width:var(--oruga-tooltip-arrow-size,5px);border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-right-width:var(--oruga-tooltip-arrow-size,5px);border-left-width:var(--oruga-tooltip-arrow-size,5px)}.o-tip__content--top{top:auto;right:auto;bottom:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);left:50%;transform:translateX(-50%)}.o-tip__arrow--right{top:50%;right:100%;bottom:auto;left:auto;transform:translateY(-50%);border-right-style:solid;border-right-width:var(--oruga-tooltip-arrow-size,5px);border-top-style:solid;border-top-color:transparent;border-bottom-style:solid;border-bottom-color:transparent;border-top-width:var(--oruga-tooltip-arrow-size,5px);border-bottom-width:var(--oruga-tooltip-arrow-size,5px)}.o-tip__content--right{top:50%;right:auto;bottom:auto;left:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);transform:translateY(-50%)}.o-tip__arrow--bottom{top:auto;right:auto;bottom:100%;left:50%;transform:translateX(-50%);border-bottom-style:solid;border-bottom-width:var(--oruga-tooltip-arrow-size,5px);border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-right-width:var(--oruga-tooltip-arrow-size,5px);border-left-width:var(--oruga-tooltip-arrow-size,5px)}.o-tip__content--bottom{top:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);right:auto;bottom:auto;left:50%;transform:translateX(-50%)}.o-tip__arrow--left{top:50%;right:auto;bottom:auto;left:100%;transform:translateY(-50%);border-left-style:solid;border-left-width:var(--oruga-tooltip-arrow-size,5px);border-top-style:solid;border-top-color:transparent;border-bottom-style:solid;border-bottom-color:transparent;border-top-width:var(--oruga-tooltip-arrow-size,5px);border-bottom-width:var(--oruga-tooltip-arrow-size,5px)}.o-tip__content--left{top:50%;right:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);bottom:auto;left:auto;transform:translateY(-50%)}.o-tip__arrow{position:absolute;content:"";pointer-events:none;z-index:var(--oruga-tooltip-content-zindex,38);color:var(--oruga-tooltip-background-color,#445e00)}.o-tip__content{position:absolute;white-space:nowrap;z-index:var(--oruga-tooltip-content-zindex,38);background-color:var(--oruga-tooltip-background-color,#445e00)}.o-tip__content--always{opacity:1;visibility:visible}.o-tip__content--multiline{text-align:center;white-space:normal}.o-tip__trigger{width:100%}.o-upl{position:relative;display:inline-flex}.o-upl--disabled{cursor:not-allowed}.o-upl--expanded{width:100%}.o-upl__draggable{cursor:pointer;width:100%}.o-upl input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:-1}
1
+ /*! Oruga v0.2.1 | MIT License | github.com/oruga-ui/oruga */@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes append-animate{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity 150ms ease-out}.fade-enter,.fade-enter-from,.fade-leave-to{opacity:0}.zoom-in-enter-active,.zoom-in-leave-active{transition:opacity 150ms ease-out}.zoom-in-enter-active .animation-content,.zoom-in-leave-active .animation-content{transition:transform 150ms ease-out}.zoom-in-enter,.zoom-in-enter-from,.zoom-in-leave-active{opacity:0}.zoom-in-enter .animation-content,.zoom-in-enter-from .animation-content,.zoom-in-leave-active .animation-content{transform:scale(.95)}.zoom-out-enter-active,.zoom-out-leave-active{transition:opacity 150ms ease-out}.zoom-out-enter-active .animation-content,.zoom-out-leave-active .animation-content{transition:transform 150ms ease-out}.zoom-out-enter,.zoom-out-enter-from,.zoom-out-leave-active{opacity:0}.zoom-out-enter .animation-content,.zoom-out-enter-from .animation-content,.zoom-out-leave-active .animation-content{transform:scale(1.05)}.slide-next-enter-active,.slide-next-leave-active,.slide-prev-enter-active,.slide-prev-leave-active{transition:transform 250ms cubic-bezier(.785, .135, .15, .86)}.slide-next-enter,.slide-next-enter-from,.slide-prev-leave-to{transform:translate3d(-100%,0,0);position:absolute;width:100%}.slide-next-leave-to,.slide-prev-enter,.slide-prev-enter-from{transform:translate3d(100%,0,0);position:absolute;width:100%}.slide-down-enter-active,.slide-down-leave-active,.slide-up-enter-active,.slide-up-leave-active{transition:transform 250ms cubic-bezier(.785, .135, .15, .86)}.slide-down-enter,.slide-down-enter-from,.slide-up-leave-to{transform:translate3d(0,-100%,0);position:absolute;height:100%}.slide-down-leave-to,.slide-up-enter,.slide-up-enter-from{transform:translate3d(0,100%,0);position:absolute;height:100%}.slide-enter-active{transition:150ms ease-out}.slide-leave-active{transition:150ms ease-out;transition-timing-function:cubic-bezier(0,1,0.5,1)}.slide-enter-to,.slide-leave,.slide-leave-from{max-height:100px;overflow:hidden}.slide-enter,.slide-enter-from,.slide-leave-to{overflow:hidden;max-height:0}:root{--oruga-white:#ffffff;--oruga-black:#000000;--oruga-grey:#7a7a7a;--oruga-grey-light:#b5b5b5;--oruga-grey-lighter:#dbdbdb;--oruga-grey-dark:#4a4a4a;--oruga-base-font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif;--oruga-base-font-size:1rem;--oruga-base-font-weight:400;--oruga-base-line-height:1.5}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}body{margin:0;padding:0}.o-noscroll{position:fixed;width:100%;bottom:0;overflow-x:hidden;overflow-y:scroll}.o-clipped{overflow:hidden}.o-acp{position:relative}.o-acp__item{display:block;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.o-acp__item--empty,.o-acp__item-group-title{pointer-events:none}@keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}.o-btn{-moz-appearance:none;-webkit-appearance:none;position:relative;display:inline-flex;cursor:pointer;text-align:center;white-space:nowrap;align-items:center;justify-content:center;vertical-align:top;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--oruga-button-background-color,#445e00);color:var(--oruga-button-color,#fff)}.o-btn__wrapper{margin-left:-.1875em;margin-right:-.1875em;display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%}.o-btn__wrapper>*{margin-left:.1875em;margin-right:.1875em}.o-btn__label{width:100%}.o-btn--expanded{width:100%}.o-btn--disabled{opacity:var(--oruga-button-disabled-opacity, .5);cursor:not-allowed;pointer-events:none}.o-btn--outlined{background-color:var(--oruga-button-outlined-background-color,transparent);border-color:var(--oruga-button-background-color,#445e00);color:var(--oruga-button-background-color,#445e00)}.o-btn--outlined:hover{border-color:transparent;background-color:var(--oruga-button-background-color,#445e00);color:var(--oruga-button-color,#fff)}.o-btn--loading{color:transparent!important;pointer-events:none}.o-btn--loading::after{-webkit-animation:spinAround .5s infinite linear;left:calc(50% - .5em);top:calc(50% - .5em);position:absolute!important;border:2px solid #dbdbdb;border-radius:9999px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;width:1em}.o-btn--inverted{background-color:var(--oruga-button-color,#fff);border-color:var(--oruga-button-color,#fff);color:var(--oruga-button-background-color,#445e00)}.o-btn--inverted:hover{filter:brightness(95%)}.o-car{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;overflow:hidden;width:100%}.o-car__overlay{bottom:0;left:0;right:0;top:0;align-items:center;flex-direction:column;justify-content:center;display:flex;max-height:100vh;position:fixed;z-index:var(--oruga-carousel-overlay-zindex,40)}.o-car__wrapper{position:relative;width:100%}.o-car__items{display:flex;width:100%}.o-car__item{flex-shrink:0}.o-car__item--clickable{cursor:pointer}.o-car__indicators{width:100%;display:flex;align-items:center;justify-content:center}.o-car__indicators--inside{position:absolute}.o-car__indicators--inside--bottom{bottom:0}.o-car__indicators--inside--top{top:0}.o-car__indicator__item{display:block;border:var(--oruga-carousel-indicator-border,1px solid #445e00);background:var(--oruga-carousel-indicator-background,#fff)}.o-car__indicator__item :hover,.o-car__indicator__item--active{background:var(--oruga-carousel-indicator-active-background,#445e00);border:var(--oruga-carousel-indicator-active-border,1px solid #445e00)}.o-car__indicator__item--boxes{width:var(--oruga-carousel-indicator-size,10px);height:var(--oruga-carousel-indicator-size,10px)}.o-car__indicator__item--dots{border-radius:var(--oruga-carousel-indicator-dots-border-radius,4px);width:var(--oruga-carousel-indicator-size,10px);height:var(--oruga-carousel-indicator-size,10px)}.o-car__arrow__icon{cursor:pointer;background:var(--oruga-carousel-arrow-background,#fff);color:var(--oruga-carousel-arrow-color,#445e00);width:var(--oruga-carousel-arrow-size,1.5rem);height:var(--oruga-carousel-arrow-size,1.5rem)}.o-car__arrow__icon-next,.o-car__arrow__icon-prev{position:absolute;top:var(--oruga-carousel-arrow-top,50%);transform:translateY(var(--oruga-carousel-arrow-top,-50%));z-index:1}.o-car__arrow__icon-prev{left:var(--oruga-carousel-arrow-icon-spaced,1.5rem)}.o-car__arrow__icon-next{right:var(--oruga-carousel-arrow-icon-spaced,1.5rem)}.o-chk{display:inline-flex;align-items:center;cursor:pointer;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-chk__input{width:var(--oruga-checkbox-size,1rem);height:var(--oruga-checkbox-size,1rem);outline:0;margin:0;vertical-align:top;background-position:center;background-size:contain;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;flex-shrink:0;cursor:pointer;background-repeat:no-repeat;border-color:var(--oruga-checkbox-border-color,#445e00);border-style:solid;transition-property:background}.o-chk__input--checked{background-color:var(--oruga-checkbox-active-background-color,#445e00);border-color:var(--oruga-checkbox-active-background-color,#445e00);background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:var(--oruga-checkbox-checkmark-color, %23ffffff)' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk__input--indeterminate{background-color:var(--oruga-checkbox-active-background-color,#445e00);border-color:var(--oruga-checkbox-active-background-color,#445e00);background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:var(--oruga-checkbox-checkmark-color, %23ffffff)' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--disabled{opacity:var(--oruga-checkbox-disabled-opacity, .5)}.o-clps__trigger{cursor:pointer}.o-clps__content{display:inherit}.o-dpck__dropdown{width:100%}.o-dpck__box{display:block;position:relative}.o-dpck__header__buttons{align-items:center;display:flex;justify-content:center;text-align:center}.o-dpck__header__previous{order:1}.o-dpck__header__next{order:3}.o-dpck__header__next,.o-dpck__header__previous{justify-content:center;text-align:center;text-decoration:none;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;align-items:center;box-shadow:none;display:inline-flex;position:relative;vertical-align:top;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-color:var(--oruga-datepicker-btn-border-color,#dbdbdb);color:var(--oruga-datepicker-btn-color,#363636)}.o-dpck__header__next:hover,.o-dpck__header__previous:hover{text-decoration:none}.o-dpck__header__list{order:2;align-items:center;display:flex;justify-content:center;text-align:center;list-style:none;flex-wrap:wrap;margin:0;padding:0;margin-left:-.125rem;margin-right:-.125rem}.o-dpck__header__list>*{margin-left:.125rem;margin-right:.125rem}.o-dpck__month,.o-dpck__table{display:table;margin:0 auto 0 auto}.o-dpck__month__head,.o-dpck__table__head{display:table-header-group}.o-dpck__month__body,.o-dpck__table__body{display:table-row-group}.o-dpck__month__row,.o-dpck__table__row{display:table-row}.o-dpck__month__cell,.o-dpck__table__cell{text-align:center;vertical-align:middle;display:table-cell;text-decoration:none}.o-dpck__month__cell--unselectable,.o-dpck__table__cell--unselectable{color:var(--oruga-datepicker-item-disabled-color,#b5b5b5)}.o-dpck__month__cell--selectable,.o-dpck__table__cell--selectable{color:var(--oruga-datepicker-item-selectable-color,#4a4a4a)}.o-dpck__month__cell--first-hovered,.o-dpck__table__cell--first-hovered{background-color:var(--oruga-datepicker-item-hovered-background-color,#7a7a7a);color:var(--oruga-datepicker-item-hovered-color,#dbdbdb)}.o-dpck__month__cell--within-hovered,.o-dpck__table__cell--within-hovered{color:var(--oruga-datepicker-item-hovered-color,#dbdbdb)}.o-dpck__month__cell--last-hovered,.o-dpck__table__cell--last-hovered{background-color:var(--oruga-datepicker-item-hovered-background-color,#7a7a7a);color:var(--oruga-datepicker-item-hovered-color,#dbdbdb)}.o-dpck__month__cell--selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered),.o-dpck__table__cell--selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-background-color,#445e00);color:var(--oruga-datepicker-item-selected-color,#fff)}.o-dpck__month__cell--first-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered),.o-dpck__table__cell--first-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-background-color,#445e00);color:var(--oruga-datepicker-item-selected-color,#fff)}.o-dpck__month__cell--within-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered),.o-dpck__table__cell--within-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-within-background-color,rgba(68,94,0,.5))}.o-dpck__month__cell--last-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered),.o-dpck__table__cell--last-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-background-color,#445e00);color:var(--oruga-datepicker-item-selected-color,#fff)}.o-dpck__month__cell--invisible,.o-dpck__table__cell--invisible{visibility:hidden}.o-dpck__month__cell--events,.o-dpck__table__cell--events{position:relative}.o-dpck__month__events,.o-dpck__table__events{display:flex;justify-content:center;position:absolute;width:100%;left:0;bottom:15%}.o-dpck__month__event,.o-dpck__table__event{background-color:var(--oruga-datepicker-event-background-color,#b5b5b5)}.o-dpck__month__event--dots,.o-dpck__table__event--dots{border-radius:50%}.o-dpck__month__event--bars,.o-dpck__table__event--bars{width:100%}.o-dpck__month__table{display:inline-flex;flex-wrap:wrap;flex-direction:row;width:17rem}.o-dpck__month__cell{display:flex;align-items:center;justify-content:center;width:33.33%;height:2.5rem}.o-dpck--mobile .o-dpck__header__previous{order:1;flex-grow:1;flex-shrink:1}.o-dpck--mobile .o-dpck__header__next{order:3;flex-grow:1;flex-shrink:1}.o-dpck--mobile .o-dpck__header__list{order:2;flex-grow:1;flex-shrink:1}.o-dtpck__time{display:flex;justify-content:center;align-items:center}.o-drop{display:inline-flex;position:relative;vertical-align:top}.o-drop__overlay{position:fixed;bottom:0;left:0;right:0;top:0;cursor:pointer;display:none;background-color:var(--oruga-dropdown-mobile-overlay-color,rgba(0,0,0,.86));z-index:var(--oruga-dropdown-mobile-overlay-zindex,40)}.o-drop__trigger{width:100%}.o-drop__menu{position:absolute;display:block;z-index:var(--oruga-dropdown-menu-zindex,20);background-color:var(--oruga-dropdown-menu-background,#fff)}.o-drop__menu--bottom{left:50%;right:auto;top:calc(100% + var(--oruga-dropdown-menu-spacer,0px));bottom:auto;transform:translateX(-50%)}.o-drop__menu--top{left:50%;right:auto;top:auto;bottom:calc(100% + var(--oruga-dropdown-menu-spacer,0px));transform:translateX(-50%)}.o-drop__menu--left{right:calc(100% + var(--oruga-dropdown-menu-spacer,0px));left:auto;top:50%;bottom:auto;transform:translateY(-50%)}.o-drop__menu--right{right:auto;left:calc(100% + var(--oruga-dropdown-menu-spacer,0px));top:50%;bottom:auto;transform:translateY(-50%)}.o-drop__menu--top-right{right:0;left:auto;top:auto;bottom:calc(100% + var(--oruga-dropdown-menu-spacer,0px))}.o-drop__menu--top-left{right:auto;left:0;top:auto;bottom:calc(100% + var(--oruga-dropdown-menu-spacer,0px))}.o-drop__menu--bottom-right{right:0;left:auto;top:calc(100% + var(--oruga-dropdown-menu-spacer,0px));bottom:auto}.o-drop__menu--bottom-left{right:auto;left:0;top:calc(100% + var(--oruga-dropdown-menu-spacer,0px));bottom:auto}.o-drop__item{display:block;position:relative}.o-drop__item--disabled{opacity:var(--oruga-dropdown-item-disabled-opacity, .5);pointer-events:none}.o-drop__item--active{background-color:var(--oruga-dropdown-item-active-background-color,#445e00);color:var(--oruga-dropdown-item-active-color,#fff)}.o-drop__item--clickable{cursor:pointer}.o-drop--inline{display:inline}.o-drop--inline .o-drop__menu{position:static;display:inline-block;padding:0}.o-drop--expanded{width:100%}.o-drop--expanded .o-drop__menu{width:100%}.o-drop--disabled{opacity:var(--oruga-dropdown-disabled-opacity, .5);pointer-events:none}.o-drop--mobile>.o-drop__menu{position:fixed;top:25%;left:50%;bottom:auto;right:auto;transform:translate3d(-50%,-25%,0);overflow-y:auto;z-index:var(--oruga-dropdown-mobile-zindex,50)}.o-drop--mobile>.o-drop__overlay{display:block}.o-drop--teleport{width:unset}.o-field{flex-grow:1}.o-field__label{display:block}.o-field__message{display:block}.o-field--addons{display:flex;justify-content:flex-start}.o-field--addons>:first-child:not(:only-child) button,.o-field--addons>:first-child:not(:only-child) input,.o-field--addons>:first-child:not(:only-child) select,.o-field--addons>button:first-child,.o-field--addons>input:first-child,.o-field--addons>select:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.o-field--addons>:last-child:not(:only-child) button,.o-field--addons>:last-child:not(:only-child) input,.o-field--addons>:last-child:not(:only-child) select,.o-field--addons>button:last-child,.o-field--addons>input:last-child,.o-field--addons>select:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.o-field--addons>:not(:first-child):not(:last-child) button,.o-field--addons>:not(:first-child):not(:last-child) input,.o-field--addons>:not(:first-child):not(:last-child) select,.o-field--addons>button:not(:first-child):not(:last-child),.o-field--addons>input:not(:first-child):not(:last-child),.o-field--addons>select:not(:first-child):not(:last-child){border-radius:0}.o-field--grouped{display:flex;margin-left:-.37rem;margin-right:-.37rem}.o-field--grouped>*{margin-left:.37rem;margin-right:.37rem}.o-field--grouped-multiline{flex-wrap:wrap}.o-field__horizontal-body{display:flex;flex-basis:0;flex-grow:5;flex-shrink:1;margin-left:-.37rem;margin-right:-.37rem}.o-field__horizontal-body>*{margin-left:.37rem;margin-right:.37rem}.o-field--horizontal{display:flex}.o-field__horizontal-label{flex-basis:0;flex-grow:1;flex-shrink:0;margin:0 1.5rem 0 0;text-align:right}.o-field--mobile .o-field__horizontal-body{all:unset}.o-field--mobile.o-field--horizontal{all:unset}.o-field--mobile .o-field__horizontal-label{all:unset}@keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.o-icon{align-items:center;display:inline-flex;justify-content:center;transition:transform 150ms ease-out,opacity .3s ease-out}.o-icon--clickable{pointer-events:auto;cursor:pointer}.o-icon--spin{animation-name:icon-spin;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--oruga-icon-spin-duration, 2s)}.o-input{-moz-appearance:none;-webkit-appearance:none;display:inline-flex;position:relative;vertical-align:top}.o-input__wrapper{display:inline-block;position:relative}.o-input__wrapper--expanded{width:100%;flex-grow:1;flex-shrink:1}.o-input__wrapper--expanded .o-input{width:100%}.o-input__textarea{display:block;max-width:100%;min-width:100%;height:auto;resize:vertical}.o-input__counter{display:block;float:right}.o-input__icon-left,.o-input__icon-right{position:absolute;top:0;height:100%}.o-input__icon-right{right:0}.o-input__icon-left{left:0}.o-load{position:absolute;bottom:0;left:0;right:0;top:0;align-items:center;display:flex;justify-content:center;overflow:hidden}.o-load--fullpage{position:fixed}.o-load__overlay{position:absolute;bottom:0;left:0;right:0;top:0}.o-menu__item__wrapper,.o-menu__list{list-style:none}.o-menu__label{text-transform:uppercase}.o-menu__item{display:block;list-style:none}.o-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:fixed;bottom:0;left:0;right:0;top:0;z-index:var(--oruga-modal-zindex,40)}.o-modal__overlay{bottom:0;left:0;position:absolute;right:0;top:0;background-color:var(--oruga-modal-overlay-background-color,hsla(0,0%,4%,.86))}.o-modal__content{overflow:auto;position:relative;background-color:var(--oruga-modal-content-background-color,#fff)}.o-modal__content--full-screen{width:100%;height:100%;max-height:100vh;margin:0}.o-modal__close{background:0 0;position:fixed;border:none;display:inline-block;vertical-align:top;right:var(--oruga-modal-close-right,20px);top:var(--oruga-modal-close-top,20px)}.o-modal--mobile .o-modal__content{width:100%}.o-notification{background-color:var(--oruga-notification-background-color,#445e00);color:var(--oruga-notification-color,#fff);position:relative;transform-origin:50% 0}.o-notification__content{flex-basis:auto;flex-grow:1;flex-shrink:1;text-align:inherit;overflow-y:hidden;overflow-x:auto}.o-notification__wrapper{align-items:flex-start;display:flex;text-align:inherit;padding-top:0;border:0}.o-notification__icon{flex-basis:auto;flex-grow:0;flex-shrink:0}.o-notification__close{position:absolute;border:none;cursor:pointer;pointer-events:auto;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;vertical-align:top;right:var(--oruga-notification-close-right,.5rem);top:var(--oruga-notification-close-top,.5rem)}.o-notices{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none;padding:var(--oruga-notification-notices-padding,2em);z-index:var(--oruga-notification-notices-zindex,1000)}.o-notices .o-notification{pointer-events:stroke;max-width:600px}.o-notices .o-notification--bottom,.o-notices .o-notification--top{align-self:center}.o-notices .o-notification--bottom-right,.o-notices .o-notification--top-right{align-self:flex-end}.o-notices .o-notification--bottom-left,.o-notices .o-notification--top-left{align-self:flex-start}.o-notices--top{flex-direction:column}.o-notices--bottom{flex-direction:column-reverse}.o-notices--bottom .o-notification{margin-bottom:0}.o-notices--bottom .o-notification:not(:first-child){margin-bottom:1.5rem}.o-notices__custom-container{position:absolute}.o-pag{align-items:center;display:flex;text-align:center;justify-content:space-between}.o-pag__link{-moz-appearance:none;-webkit-appearance:none;align-items:center;box-shadow:none;display:inline-flex;position:relative;vertical-align:top;justify-content:center;text-align:center;text-decoration:none;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-pag__link:hover{text-decoration:none}.o-pag__link--disabled{pointer-events:none}.o-pag__link--current{pointer-events:none;background-color:var(--oruga-pagination-link-current-background-color,#445e00);border-color:var(--oruga-pagination-link-current-border-color,#445e00);color:var(--oruga-pagination-link-current-color,#fff)}.o-pag__ellipsis{justify-content:center;text-align:center;pointer-events:none}.o-pag__next{order:3}.o-pag__previous{order:2}.o-pag__list{align-items:center;display:flex;text-align:center;list-style:none;flex-wrap:wrap;margin:0;padding:0;flex-grow:1;flex-shrink:1;justify-content:flex-start;order:1}.o-pag--simple{justify-content:normal}.o-pag--centered{justify-content:center}.o-pag--centered .o-pag__previous{order:1}.o-pag--centered .o-pag__next{order:3}.o-pag--centered .o-pag__list{justify-content:center;order:2}.o-pag--right{justify-content:flex-end}.o-pag--right .o-pag__previous{order:1}.o-pag--right .o-pag__next{order:2}.o-pag--right .o-pag__list{justify-content:flex-end;order:2}.o-pag--mobile{justify-content:flex-start;flex-wrap:wrap}.o-pag--mobile .o-pag__link{flex-grow:1;flex-shrink:1}.o-pag--mobile .o-pag__previous{flex-grow:1;flex-shrink:1;order:0}.o-pag--mobile .o-pag__next{flex-grow:1;flex-shrink:1;order:0}.o-pag--mobile .o-pag__ellipsis{flex-grow:1;flex-shrink:1}.o-pag--mobile .o-pag__list{order:0}.o-radio{display:inline-flex;align-items:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-radio__input{width:var(--oruga-radio-size,1rem);height:var(--oruga-radio-size,1rem);margin:0;vertical-align:top;background-position:center;background-size:contain;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:50%;cursor:pointer;background-repeat:no-repeat;transition-property:background;background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(10.1032,0,0,10.1032,-255.068,-313.298)'%3E%3Ccircle cx='30.195' cy='35.959' r='4.85' style='fill:var(--oruga-radio-active-background-color, %23445e00);'/%3E%3C/g%3E%3C/svg%3E")}.o-radio__input--checked{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.38544,0,0,4.38544,-94.4336,-58.9876)'%3E%3Cpath d='M32.935,13.679C39.102,13.679 44.108,18.685 44.108,24.852C44.108,31.019 39.102,36.025 32.935,36.025C26.768,36.025 21.761,31.019 21.761,24.852C21.761,18.685 26.768,13.679 32.935,13.679ZM32.798,17.05C37.105,17.05 40.601,20.546 40.601,24.852C40.601,29.158 37.105,32.655 32.798,32.655C28.492,32.655 24.996,29.158 24.996,24.852C24.996,20.546 28.492,17.05 32.798,17.05Z' style='fill:var(--oruga-radio-active-background-color, %23445e00);'/%3E%3Ccircle cx='32.84' cy='24.8' r='7.9' style='fill:transparent;'/%3E%3C/g%3E%3C/svg%3E")}.o-radio--disabled{opacity:var(--oruga-radio-disabled-opacity, .5)}.o-ctrl-sel{display:inline-flex;position:relative}.o-ctrl-sel--expanded{width:100%;flex-grow:1;flex-shrink:1}.o-sel{-moz-appearance:none;-webkit-appearance:none;display:inline-block;position:relative;vertical-align:top;cursor:pointer;justify-content:flex-start;align-items:center}.o-sel-arrow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(5.70052,0,0,5.70052,-1329.79,-547.054)'%3E%3Cpath d='M233.451,101.749L235.617,99.422L242.013,105.565L248.463,99.422L250.642,101.749L242.013,110.052L233.451,101.749Z' style='fill:;stroke:white;stroke-width:0.18px;'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:var(--oruga-select-arrow-size,1rem);background-position:calc(100% - var(--oruga-select-arrow-size,1rem) * .5) center;padding-right:calc(var(--oruga-select-arrow-size,1rem) * 2)}.o-sel--multiple{height:auto;padding:0}.o-sel__icon-left,.o-sel__icon-right{position:absolute;top:0;height:100%}.o-sel__icon-right{right:0}.o-sel__icon-left{left:0}@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.o-sklt{display:inline-flex;flex-direction:column;vertical-align:middle;width:100%}.o-sklt__item{width:100%;background:var(--oruga-skeleton-background,linear-gradient(90deg,#dbdbdb 25%,rgba(219,219,219,.5) 50%,#dbdbdb 75%))}.o-sklt__item--animated{background-size:400% 100%;animation-name:skeleton-loading;animation-iteration-count:infinite;animation-duration:var(--oruga-skeleton-duration, 1.5s)}.o-sklt__item::after{content:" "}.o-sklt--centered{align-items:center}.o-sklt--right{align-items:flex-end}.o-side{position:fixed;top:0;left:0;height:100%;width:100%;display:none;z-index:var(--oruga-sidebar-zindex,100)}.o-side__content{position:absolute;background-color:var(--oruga-sidebar-content-background-color,#dbdbdb)}.o-side__content--left,.o-side__content--right{transition:width}.o-side__content--bottom,.o-side__content--top{transition:height}.o-side__content--right{left:auto;right:0}.o-side__content--left{left:0;right:auto}.o-side__content--top{top:0;bottom:auto}.o-side__content--bottom{top:auto;bottom:0}.o-side__content--reduced-expand:hover{transition:width}.o-side__content--fullwidth{width:100%;max-width:100%}.o-side__content--fullheight{height:100%;max-height:100%}.o-side__overlay{position:absolute;bottom:0;left:0;right:0;top:0;background:var(--oruga-sidebar-overlay,hsla(0,0%,4%,.86))}.o-side--active{display:block}.o-side--inline{position:relative}.o-side--inline .o-side__overlay{position:absolute}.o-side--inline .o-side__content{position:relative}.o-slide{background:var(--oruga-slider-background,transparent);width:100%}.o-slide__thumb{border:var(--oruga-slider-thumb-border,1px solid #b5b5b5);background:var(--oruga-slider-thumb-background,#fff)}.o-slide__thumb--dragging{cursor:grabbing;filter:brightness(.8)}.o-slide__track{display:flex;align-items:center;position:relative;cursor:pointer;background:var(--oruga-slider-track-background,#dbdbdb)}.o-slide__fill{position:absolute;height:100%;background:var(--oruga-slider-fill-background,#445e00);top:50%;transform:translateY(-50%)}.o-slide .o-slide__track{height:var(--oruga-slider-track-height,.5rem)}.o-slide .o-slide__thumb{height:var(--oruga-slider-thumb-size,1rem);width:var(--oruga-slider-thumb-size,1rem)}.o-slide .o-slide__tick-label{position:absolute;left:50%;transform:translateX(-50%)}.o-slide__tick{position:absolute;transform:translate(-50%,-50%);top:50%;width:var(--oruga-slider-tick-width,3px);background:var(--oruga-slider-tick-background,#445e00)}.o-slide__tick--hidden{background:0 0}.o-slide__thumb-wrapper{display:inline-flex;align-items:center;position:absolute;cursor:grab;transform:translate(-50%,-50%);top:50%;flex-direction:column}.o-slide--disabled{cursor:not-allowed;pointer-events:none}.o-steps{display:flex;flex-wrap:wrap;margin:0;padding:0}.o-steps .o-steps__title{background-color:var(--oruga-steps-details-background-color,#fff);text-align:center;z-index:1}.o-steps .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider{left:auto}.o-steps .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider{left:auto}.o-steps__nav-item{margin:0;padding:0;margin-top:0;position:relative;flex-grow:1;flex-basis:1em}.o-steps__divider{background:linear-gradient(to left,50%,50%);background-size:200% 100%;background-position:right bottom;content:" ";display:block;position:absolute;bottom:0;left:-50%;width:100%}.o-steps__content{position:relative;overflow:visible;display:flex;flex-direction:column}.o-steps__content-transitioning{overflow:hidden}.o-steps--animated .o-steps__divider{transition-property:background}.o-steps__link{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;text-decoration:none}.o-steps__link-label-right{flex-direction:row}.o-steps__link-label-left{flex-direction:row-reverse}.o-steps__link:hover{text-decoration:none}.o-steps__link:not(.o-steps__link-clickable){cursor:not-allowed}.o-steps__marker{align-items:center;display:flex;justify-content:center;background:var(--oruga-steps-marker-background,#b5b5b5);color:var(--oruga-steps-marker-color,#fff);border:var(--oruga-steps-marker-border,.2em solid #fff);z-index:1;overflow:hidden}.o-steps__details{background-color:var(--oruga-steps-details-background-color,#fff);text-align:center;z-index:1}.o-steps__nav-item-active .o-steps__link{cursor:default}.o-steps__nav-item-active .o-steps__marker{background-color:var(--oruga-steps-marker-color,#fff);border-color:var(--oruga-steps-active-color,#445e00);color:var(--oruga-steps-active-color,#445e00)}.o-steps__nav-item-active .o-steps__divider{background-position:left bottom}.o-steps__nav-item-previous .o-steps__marker{color:var(--oruga-steps-marker-color,#fff);background-color:var(--oruga-steps-previous-color,#445e00)}.o-steps__nav-item-previous .o-steps__divider{background-position:left bottom}.o-steps__item{flex-shrink:0;flex-basis:auto}.o-steps__wrapper-vertical{display:flex;flex-direction:row;flex-wrap:wrap}.o-steps__wrapper-vertical .o-steps{height:100%;flex-direction:column}.o-steps__wrapper-vertical .o-steps__divider{height:100%;top:-50%;left:calc(50% - .1em)}.o-steps__wrapper-vertical .o-steps__item-active .o-steps__divider,.o-steps__wrapper-vertical .o-steps__item-previous .o-steps__divider{background-position:right top}.o-steps__wrapper-vertical .o-steps__nav-item{width:100%;display:flex;align-items:center;justify-content:center}.o-steps__wrapper-vertical .o-steps__content{flex-grow:1;flex-basis:70%}.o-steps__wrapper-vertical .o-steps__navigation{flex-basis:100%}.o-steps__wrapper-vertical.o-steps__wrapper-position-right{flex-direction:row-reverse}.o-steps--mobile .o-steps__title{display:none;padding:0}.o-switch{cursor:pointer;display:inline-flex;align-items:center;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-switch--left{flex-direction:row-reverse}.o-switch--left .o-switch__label{margin-left:0}.o-switch__check-switch{content:"";display:block;height:calc((var(--oruga-switch-width,2.75em) - var(--oruga-switch-padding,.2em) * 2) * .5);width:calc((var(--oruga-switch-width,2.75em) - var(--oruga-switch-padding,.2em) * 2) * .5);background:var(--oruga-switch-action-background,#f5f5f5);transition-property:transform;will-change:transform;transform-origin:left}.o-switch__check{display:flex;align-items:center;flex-shrink:0;width:var(--oruga-switch-width,2.75em);height:calc(var(--oruga-switch-width,2.75em) * .5 + var(--oruga-switch-padding,.2em));padding:var(--oruga-switch-padding,.2em);background:var(--oruga-switch-background,#b5b5b5);transition-property:background}.o-switch__check--checked{background:var(--oruga-switch-active-background-color,#445e00)}.o-switch__check--checked .o-switch__check-switch{transform:translate3d(100%,0,0)}.o-switch__input{position:absolute;left:0;opacity:0;z-index:-1}.o-switch--rounded{border-radius:var(--oruga-switch-rounded-border-radius,9999px)}.o-switch--disabled{opacity:var(--oruga-switch-disabled-opacity, .5)}.o-table{display:table;width:100%;border-collapse:separate;border-spacing:0}.o-table__root{position:relative}.o-table__wrapper{transition:opacity .3s ease-out;position:relative}.o-table__wrapper--sticky-header{overflow-y:auto}.o-table__wrapper--sticky-header th{position:-webkit-sticky;position:sticky;left:0;top:0}.o-table__wrapper--scrollable{-webkit-overflow-scrolling:touch;overflow-x:auto;max-width:100%}.o-table__wrapper--mobile{overflow-x:auto}.o-table__wrapper--mobile .o-table__mobile-sort{display:block}.o-table__wrapper--mobile .o-table{background-color:transparent}.o-table__wrapper--mobile thead tr{box-shadow:none;border-width:0}.o-table__wrapper--mobile thead tr th{display:none}.o-table__wrapper--mobile thead tr .o-table-th-checkbox{display:block;width:100%;text-align:right;border:0}.o-table__wrapper--mobile tfoot th{border:0;display:inherit}.o-table__wrapper--mobile tr{max-width:100%;position:relative;display:block}.o-table__wrapper--mobile tr td{border:0;display:inherit}.o-table__wrapper--mobile tr td:last-child{border-bottom:0}.o-table__wrapper--mobile tr:not(.o-table__tr--selected){background:inherit;background:#fff}.o-table__wrapper--mobile tr:not(.o-table__tr--selected):hover{background-color:inherit;background-color:#fff}.o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td{display:flex;width:auto;justify-content:space-between;text-align:right}.o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td:before{content:attr(data-label)}.o-table__mobile-sort{display:none}.o-table__th{vertical-align:top;text-align:left;position:relative}.o-table__th--centered{text-align:center}.o-table__th--right{text-align:right}.o-table__th__sort-icon{position:absolute;right:0}.o-table__th--sortable{cursor:pointer}.o-table__th--sticky{position:-webkit-sticky;position:sticky;left:0;top:0}.o-table__th--unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-table__td{vertical-align:top;text-align:left}.o-table__td--sticky{position:-webkit-sticky;position:sticky;left:0}.o-table__td--right{text-align:right}.o-table__td--centered{text-align:center}.o-table__td-chevron{vertical-align:middle}.o-table__tr--selected{background-color:#445e00;color:#fff}.o-table__pagination{align-items:center;justify-content:space-between;display:flex}.o-table__pagination>div{flex-basis:auto;flex-grow:0;flex-shrink:0}.o-table__pagination>div:first-child{align-items:center;justify-content:flex-start}.o-table__pagination>div:last-child{align-items:center;justify-content:flex-end}.o-table__pagination>div:last-child>div{align-items:center;display:flex;flex-basis:auto;flex-grow:0;flex-shrink:0;justify-content:center}.o-tabs--fullwidth{width:100%}.o-tabs--fullwidth .o-tabs__nav-item-wrapper{flex-grow:1;flex-shrink:0}.o-tabs--fullwidth .o-tabs__nav-item-boxed,.o-tabs--fullwidth .o-tabs__nav-item-default,.o-tabs--fullwidth .o-tabs__nav-item-toggle{height:100%}.o-tabs--vertical{display:flex;flex-direction:row}.o-tabs--vertical .o-tabs__nav{flex-direction:column;align-items:stretch;flex-grow:0;border-bottom:none}.o-tabs--vertical .o-tabs__nav-item-boxed{border-bottom-color:transparent}.o-tabs--vertical .o-tabs__nav-item-boxed--active{border-right-color:transparent}.o-tabs--right{flex-direction:row-reverse}.o-tabs--right .o-tabs__nav-item-boxed{border-bottom-color:transparent;border-right-color:transparent}.o-tabs--right .o-tabs__nav-item-boxed--active{border-left-color:transparent}.o-tabs__nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;align-items:center;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start;overflow-x:auto}.o-tabs__nav--centered{justify-content:center}.o-tabs__nav--right{justify-content:flex-end}.o-tabs__nav-item-default{-moz-appearance:none;-webkit-appearance:none;width:100%;margin:0;padding:0;border:1px solid transparent;background-color:transparent;align-items:center;line-height:1.5;color:var(--oruga-tabs-link-color,#494949);display:flex;justify-content:center;margin-bottom:-1px;vertical-align:top;cursor:pointer;text-decoration:none}.o-tabs__nav-item-default--active{border-bottom-color:var(--oruga-tabs-link-active-border-bottom-color,#445e00);color:var(--oruga-tabs-link-active-color,#445e00)}.o-tabs__nav-item-default--disabled{pointer-events:none;cursor:not-allowed;opacity:var(--oruga-tabs-disabled-opacity, .5)}.o-tabs__nav-item-boxed{-moz-appearance:none;-webkit-appearance:none;width:100%;margin:0;padding:0;border:1px solid transparent;background-color:transparent;align-items:center;line-height:1.5;color:var(--oruga-tabs-link-color,#494949);display:flex;justify-content:center;margin-bottom:-1px;vertical-align:top;cursor:pointer;text-decoration:none;border-bottom-color:transparent}.o-tabs__nav-item-boxed--active{border-bottom-color:var(--oruga-tabs-link-active-border-bottom-color,#445e00);color:var(--oruga-tabs-link-active-color,#445e00)}.o-tabs__nav-item-boxed--disabled{pointer-events:none;cursor:not-allowed;opacity:var(--oruga-tabs-disabled-opacity, .5)}.o-tabs__nav-item-toggle{-moz-appearance:none;-webkit-appearance:none;width:100%;margin:0;padding:0;border:1px solid transparent;background-color:transparent;align-items:center;line-height:1.5;color:var(--oruga-tabs-link-color,#494949);display:flex;justify-content:center;margin-bottom:-1px;vertical-align:top;cursor:pointer;text-decoration:none;margin-bottom:0;position:relative}.o-tabs__nav-item-toggle--disabled{pointer-events:none;cursor:not-allowed;opacity:var(--oruga-tabs-disabled-opacity, .5)}.o-tabs__content{position:relative;overflow:visible;display:flex;flex-direction:column;flex-grow:1}.o-tabs__content--transitioning{overflow:hidden}.o-taginput{display:block}.o-taginput__container{display:flex;align-items:center;justify-content:flex-start;position:relative;vertical-align:top;flex-wrap:wrap;border-color:var(--oruga-taginput-border-color,#dbdbdb);border-style:var(--oruga-taginput-border-style,solid);border-width:var(--oruga-taginput-border-width,1px);color:var(--oruga-taginput-color,#363636)}.o-taginput__autocomplete{position:static;flex:1}.o-taginput__input{border:none;box-shadow:none}.o-taginput__input:focus{box-shadow:none}.o-taginput__item{display:inline-flex;justify-content:center;align-items:center;position:relative;margin-left:-.1875em;margin-right:-.1875em;background-color:var(--oruga-taginput-item-background-color,#445e00);color:var(--oruga-taginput-item-color,#fff)}.o-taginput__item>*{margin-left:.1875em;margin-right:.1875em}.o-taginput__counter{display:block;float:right}.o-taginput--expanded{width:100%;flex-grow:1;flex-shrink:1}.o-tpck__dropdown{width:100%}.o-tpck__box{display:flex;justify-content:center;align-items:center}.o-tpck__select{-moz-appearance:none;-webkit-appearance:none;display:inline-block;position:relative;vertical-align:top;cursor:pointer;justify-content:flex-start;align-items:center;border:0;font-size:inherit}.o-tpck__select-placeholder{opacity:var(--oruga-timepicker-select-placeholder-opacity, .5)}.o-tip{position:relative;display:inline-flex}.o-tip__arrow{position:absolute;content:"";pointer-events:none;z-index:var(--oruga-tooltip-content-zindex,38);color:var(--oruga-tooltip-background-color,#445e00)}.o-tip__arrow--bottom{top:auto;right:auto;bottom:100%;left:50%;transform:translateX(-50%);border-bottom-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-bottom-width:var(--oruga-tooltip-arrow-size,5px);border-right-width:var(--oruga-tooltip-arrow-size,5px);border-left-width:var(--oruga-tooltip-arrow-size,5px)}.o-tip__arrow--top{top:100%;right:auto;bottom:auto;left:50%;transform:translateX(-50%);border-top-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-top-width:var(--oruga-tooltip-arrow-size,5px);border-right-width:var(--oruga-tooltip-arrow-size,5px);border-left-width:var(--oruga-tooltip-arrow-size,5px)}.o-tip__arrow--left{top:50%;right:auto;bottom:auto;left:100%;transform:translateY(-50%);border-left-style:solid;border-top-style:solid;border-top-color:transparent;border-bottom-style:solid;border-bottom-color:transparent;border-left-width:var(--oruga-tooltip-arrow-size,5px);border-top-width:var(--oruga-tooltip-arrow-size,5px);border-bottom-width:var(--oruga-tooltip-arrow-size,5px)}.o-tip__arrow--right{top:50%;right:100%;bottom:auto;left:auto;transform:translateY(-50%);border-right-style:solid;border-top-style:solid;border-top-color:transparent;border-bottom-style:solid;border-bottom-color:transparent;border-right-width:var(--oruga-tooltip-arrow-size,5px);border-top-width:var(--oruga-tooltip-arrow-size,5px);border-bottom-width:var(--oruga-tooltip-arrow-size,5px)}.o-tip__arrow--top-right{top:100%;right:auto;bottom:auto;left:50%;transform:translateX(-50%);border-top-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-top-width:var(--oruga-tooltip-arrow-size,5px);border-right-width:calc(var(--oruga-tooltip-arrow-size,5px) *2);border-left-width:0}.o-tip__arrow--top-left{top:100%;right:auto;bottom:auto;left:50%;transform:translateX(-50%);border-top-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-top-width:var(--oruga-tooltip-arrow-size,5px);border-left-width:calc(var(--oruga-tooltip-arrow-size,5px) *2);border-right-width:0}.o-tip__arrow--bottom-left{top:auto;right:auto;bottom:100%;left:50%;transform:translateX(-50%);border-bottom-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-bottom-width:var(--oruga-tooltip-arrow-size,5px);border-left-width:calc(var(--oruga-tooltip-arrow-size,5px) *2);border-right-width:0}.o-tip__arrow--bottom-right{top:auto;right:auto;bottom:100%;left:50%;transform:translateX(-50%);border-bottom-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-bottom-width:var(--oruga-tooltip-arrow-size,5px);border-right-width:calc(var(--oruga-tooltip-arrow-size,5px) *2);border-left-width:0}.o-tip__content{position:absolute;white-space:nowrap;z-index:var(--oruga-tooltip-content-zindex,38);background-color:var(--oruga-tooltip-background-color,#445e00)}.o-tip__content--top{top:auto;right:auto;bottom:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);left:50%;transform:translateX(-50%)}.o-tip__content--bottom{top:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);right:auto;bottom:auto;left:50%;transform:translateX(-50%)}.o-tip__content--right{top:50%;right:auto;bottom:auto;left:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);transform:translateY(-50%)}.o-tip__content--left{top:50%;right:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);bottom:auto;left:auto;transform:translateY(-50%)}.o-tip__content--top-right{left:auto;top:auto;bottom:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);transform:translateX(50%)}.o-tip__content--top-left{right:auto;top:auto;bottom:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);transform:translateX(-50%)}.o-tip__content--bottom-right{left:auto;bottom:auto;top:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);transform:translateX(50%)}.o-tip__content--bottom-left{left:auto;bottom:auto;top:calc((var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)) + 100%);transform:translateX(-50%)}.o-tip__content--always{opacity:1;visibility:visible}.o-tip__content--multiline{text-align:center;white-space:normal}.o-tip--teleport .o-tip__content--top,.o-tip--teleport .o-tip__content--top-left,.o-tip--teleport .o-tip__content--top-right{margin-top:calc(-1 * (var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)))}.o-tip--teleport .o-tip__content--bottom,.o-tip--teleport .o-tip__content--bottom-left,.o-tip--teleport .o-tip__content--bottom-right{margin-top:calc(var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px))}.o-tip--teleport .o-tip__content--right{margin-left:calc(var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px))}.o-tip--teleport .o-tip__content--left{margin-left:calc(-1 * (var(--oruga-tooltip-arrow-size,5px) + var(--oruga-tooltip-arrow-margin,2px)))}.o-tip__trigger{width:100%}.o-upl{position:relative;display:inline-flex}.o-upl--disabled{cursor:not-allowed}.o-upl--expanded{width:100%}.o-upl__draggable{cursor:pointer;width:100%}.o-upl input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:-1}
package/dist/scss/components/_autocomplete.scss CHANGED
@@ -6,69 +6,11 @@ $autocomplete-item-hover-background-color: #f5f5f5 !default;
6
6
  $autocomplete-item-hover-color: #000000 !default;
7
7
  $autocomplete-item-line-height: $base-line-height !default;
8
8
  $autocomplete-item-padding: 0.375rem 1rem !default;
9
- $autocomplete-menu-background: #ffffff !default;
10
- $autocomplete-menu-border-radius: $base-border-radius !default;
11
- $autocomplete-menu-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1),
12
- 0 0 0 1px rgba(10, 10, 10, 0.02) !default;
13
- $autocomplete-menu-margin: 0 !default;
14
- $autocomplete-menu-max-height: 200px !default;
15
- $autocomplete-menu-padding: 0.5rem 0 0.5rem 0 !default;
16
- $autocomplete-menu-zindex: 20 !default;
17
9
  /* @docs */
18
10
 
19
11
  .o-acp {
20
12
  position: relative;
21
13
 
22
- &__menu {
23
- display: block;
24
- width: 100%;
25
- position: absolute;
26
- left: 0;
27
- top: 100%;
28
- overflow: auto;
29
-
30
- @include avariable(
31
- "z-index",
32
- "autocomplete-menu-zindex",
33
- $autocomplete-menu-zindex
34
- );
35
- @include avariable(
36
- "background-color",
37
- "autocomplete-menu-background",
38
- $autocomplete-menu-background
39
- );
40
- @include avariable(
41
- "border-radius",
42
- "autocomplete-menu-border-radius",
43
- $autocomplete-menu-border-radius
44
- );
45
- @include avariable(
46
- "box-shadow",
47
- "autocomplete-menu-box-shadow",
48
- $autocomplete-menu-box-shadow
49
- );
50
- @include avariable(
51
- "padding",
52
- "autocomplete-menu-padding",
53
- $autocomplete-menu-padding
54
- );
55
- @include avariable(
56
- "margin",
57
- "autocomplete-menu-margin",
58
- $autocomplete-menu-margin
59
- );
60
- @include avariable(
61
- "max-height",
62
- "autocomplete-menu-max-height",
63
- $autocomplete-menu-max-height
64
- );
65
-
66
- &--top {
67
- top: auto;
68
- bottom: 100%;
69
- }
70
- }
71
-
72
14
  &__item {
73
15
  display: block;
74
16
  position: relative;
@@ -123,8 +65,4 @@ $autocomplete-menu-zindex: 20 !default;
123
65
  );
124
66
  }
125
67
  }
126
-
127
- &--expanded {
128
- width: 100%;
129
- }
130
68
  }
package/dist/scss/components/_carousel.scss CHANGED
@@ -56,7 +56,7 @@ $carousel-overlay-zindex: 40 !default;
56
56
  );
57
57
  }
58
58
 
59
- &__scene {
59
+ &__wrapper {
60
60
  position: relative;
61
61
  width: 100%;
62
62
  }
@@ -77,6 +77,10 @@ $carousel-overlay-zindex: 40 !default;
77
77
  &__item {
78
78
  @include avariable("border", "carousel-item-border", $carousel-item-border);
79
79
  flex-shrink: 0;
80
+
81
+ &--clickable {
82
+ cursor: pointer;
83
+ }
80
84
  }
81
85
 
82
86
  &__indicators {
@@ -182,16 +186,16 @@ $carousel-overlay-zindex: 40 !default;
182
186
  );
183
187
  }
184
188
 
185
- &---lines {
189
+ &--lines {
186
190
  @include avariable(
187
191
  "width",
188
- "carousel-indicator-lines-height",
189
- $carousel-indicator-lines-height
192
+ "carousel-indicator-lines-width",
193
+ $carousel-indicator-lines-width
190
194
  );
191
195
  @include avariable(
192
196
  "height",
193
- "carousel-indicator-lines-width",
194
- $carousel-indicator-lines-width
197
+ "carousel-indicator-lines-height",
198
+ $carousel-indicator-lines-height
195
199
  );
196
200
  }
197
201
  }
package/dist/scss/components/_checkbox.scss CHANGED
@@ -49,7 +49,7 @@ $checkbox-line-height: 1.5 !default;
49
49
  $checkbox-margin-sibiling
50
50
  );
51
51
 
52
- &__check {
52
+ &__input {
53
53
  @include avariable("width", "checkbox-size", $checkbox-size);
54
54
  @include avariable("height", "checkbox-size", $checkbox-size);
55
55
  outline: none;
@@ -162,18 +162,18 @@ $checkbox-line-height: 1.5 !default;
162
162
  $color: list.nth($pair, 1);
163
163
  $color-invert: list.nth($pair, 2);
164
164
  &--#{$name} {
165
- .o-chk__check {
165
+ .o-chk__input {
166
166
  @include avariable("border-color", ("variant-" + #{$name}), $color);
167
167
  @include avariable("background-color", ("variant-" + #{$name}), $color);
168
168
  }
169
169
 
170
- .o-chk__check--checked {
170
+ .o-chk__input--checked {
171
171
  background-image: url(svg_checkmark(
172
172
  variable(("variant-invert-" + #{$name}), $color-invert)
173
173
  ));
174
174
  }
175
175
 
176
- .o-chk__check--indeterminate {
176
+ .o-chk__input--indeterminate {
177
177
  background-image: url(svg_indeterminate(
178
178
  variable(("variant-invert-" + #{$name}), $color-invert)
179
179
  ));
package/dist/scss/components/_datepicker.scss CHANGED
@@ -124,6 +124,14 @@ $datepicker-btn-padding: 0.5em 0.5em !default;
124
124
  }
125
125
  }
126
126
 
127
+ &__previous {
128
+ order: 1;
129
+ }
130
+
131
+ &__next {
132
+ order: 3;
133
+ }
134
+
127
135
  &__previous,
128
136
  &__next {
129
137
  justify-content: center;
@@ -201,14 +209,6 @@ $datepicker-btn-padding: 0.5em 0.5em !default;
201
209
  }
202
210
  }
203
211
 
204
- &__previous {
205
- order: 1;
206
- }
207
-
208
- &__next {
209
- order: 3;
210
- }
211
-
212
212
  &__list {
213
213
  order: 2;
214
214
  align-items: center;
@@ -243,7 +243,7 @@ $datepicker-btn-padding: 0.5em 0.5em !default;
243
243
  }
244
244
 
245
245
  &__table,
246
- &__molist.nth {
246
+ &__month {
247
247
  display: table;
248
248
  margin: 0 auto 0 auto;
249
249
 
@@ -555,14 +555,14 @@ $datepicker-btn-padding: 0.5em 0.5em !default;
555
555
  }
556
556
  }
557
557
 
558
- &__molist.nth__table {
558
+ &__month__table {
559
559
  display: inline-flex;
560
560
  flex-wrap: wrap;
561
561
  flex-direction: row;
562
562
  width: 17rem;
563
563
  }
564
564
 
565
- &__molist.nth__cell {
565
+ &__month__cell {
566
566
  display: flex;
567
567
  align-items: center;
568
568
  justify-content: center;
package/dist/scss/components/_dropdown.scss CHANGED
@@ -12,8 +12,10 @@ $dropdown-item-padding: 0.375rem 1rem !default;
12
12
  $dropdown-item-font-weight: 400 !default;
13
13
  $dropdown-menu-background: #ffffff !default;
14
14
  $dropdown-menu-border-radius: $base-border-radius !default;
15
- $dropdown-menu-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1),
15
+ $dropdown-menu-box-shadow:
16
+ 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1),
16
17
  0 0 0 1px rgba(10, 10, 10, 0.02) !default;
18
+ $dropdown-menu-spacer: 0px !default;
17
19
  $dropdown-menu-margin: 0 !default;
18
20
  $dropdown-menu-padding: 0.5rem 0 0.5rem 0 !default;
19
21
  $dropdown-menu-width: 12rem !default;
@@ -31,16 +33,6 @@ $dropdown-mobile-zindex: 50 !default;
31
33
  position: relative;
32
34
  vertical-align: top;
33
35
 
34
- &--inline {
35
- display: inline;
36
-
37
- .o-drop__menu {
38
- position: static;
39
- display: inline-block;
40
- padding: 0;
41
- }
42
- }
43
-
44
36
  &__overlay {
45
37
  position: fixed;
46
38
  bottom: 0;
@@ -68,8 +60,6 @@ $dropdown-mobile-zindex: 50 !default;
68
60
 
69
61
  &__menu {
70
62
  position: absolute;
71
- left: 0;
72
- top: 100%;
73
63
  display: block;
74
64
 
75
65
  @include avariable(
@@ -104,28 +94,133 @@ $dropdown-mobile-zindex: 50 !default;
104
94
  );
105
95
  @include avariable("margin", "dropdown-menu-margin", $dropdown-menu-margin);
106
96
 
107
- &--top-left {
97
+ &--bottom {
98
+ left: 50%;
99
+ right: auto;
100
+
101
+ @include evariable(
102
+ "top",
103
+ "calc(100% + $param)",
104
+ eparam(
105
+ "$param",
106
+ variable("dropdown-menu-spacer", $dropdown-menu-spacer)
107
+ )
108
+ );
109
+ bottom: auto;
110
+ transform: translateX(-50%);
111
+ }
112
+
113
+ &--top {
114
+ left: 50%;
115
+ right: auto;
108
116
  top: auto;
109
- bottom: 100%;
110
- right: 0;
117
+
118
+ @include evariable(
119
+ "bottom",
120
+ "calc(100% + $param)",
121
+ eparam(
122
+ "$param",
123
+ variable("dropdown-menu-spacer", $dropdown-menu-spacer)
124
+ )
125
+ );
126
+ transform: translateX(-50%);
127
+ }
128
+
129
+ &--left {
130
+ @include evariable(
131
+ "right",
132
+ "calc(100% + $param)",
133
+ eparam(
134
+ "$param",
135
+ variable("dropdown-menu-spacer", $dropdown-menu-spacer)
136
+ )
137
+ );
111
138
  left: auto;
139
+ top: 50%;
140
+ bottom: auto;
141
+ transform: translateY(-50%);
112
142
  }
113
143
 
114
- &--bottom-left {
144
+ &--right {
145
+ right: auto;
146
+
147
+ @include evariable(
148
+ "left",
149
+ "calc(100% + $param)",
150
+ eparam(
151
+ "$param",
152
+ variable("dropdown-menu-spacer", $dropdown-menu-spacer)
153
+ )
154
+ );
155
+ top: 50%;
156
+ bottom: auto;
157
+ transform: translateY(-50%);
158
+ }
159
+
160
+ &--top-right {
115
161
  right: 0;
116
162
  left: auto;
163
+ top: auto;
164
+
165
+ @include evariable(
166
+ "bottom",
167
+ "calc(100% + $param)",
168
+ eparam(
169
+ "$param",
170
+ variable("dropdown-menu-spacer", $dropdown-menu-spacer)
171
+ )
172
+ );
117
173
  }
118
174
 
119
- &--top-right {
175
+ &--top-left {
176
+ right: auto;
177
+ left: 0;
120
178
  top: auto;
121
- bottom: 100%;
179
+
180
+ @include evariable(
181
+ "bottom",
182
+ "calc(100% + $param)",
183
+ eparam(
184
+ "$param",
185
+ variable("dropdown-menu-spacer", $dropdown-menu-spacer)
186
+ )
187
+ );
188
+ }
189
+
190
+ &--bottom-right {
191
+ right: 0;
192
+ left: auto;
193
+
194
+ @include evariable(
195
+ "top",
196
+ "calc(100% + $param)",
197
+ eparam(
198
+ "$param",
199
+ variable("dropdown-menu-spacer", $dropdown-menu-spacer)
200
+ )
201
+ );
202
+ bottom: auto;
203
+ }
204
+
205
+ &--bottom-left {
206
+ right: auto;
207
+ left: 0;
208
+
209
+ @include evariable(
210
+ "top",
211
+ "calc(100% + $param)",
212
+ eparam(
213
+ "$param",
214
+ variable("dropdown-menu-spacer", $dropdown-menu-spacer)
215
+ )
216
+ );
217
+ bottom: auto;
122
218
  }
123
219
  }
124
220
 
125
221
  &__item {
126
222
  display: block;
127
223
  position: relative;
128
- cursor: pointer;
129
224
 
130
225
  @include avariable("color", "dropdown-item-color", $dropdown-item-color);
131
226
  @include avariable(
@@ -171,17 +266,31 @@ $dropdown-mobile-zindex: 50 !default;
171
266
  );
172
267
  }
173
268
 
174
- &:hover:not(&--active) {
175
- @include avariable(
176
- "background-color",
177
- "dropdown-item-hover-background-color",
178
- $dropdown-item-hover-background-color
179
- );
180
- @include avariable(
181
- "color",
182
- "dropdown-item-hover-color",
183
- $dropdown-item-hover-color
184
- );
269
+ &--clickable {
270
+ cursor: pointer;
271
+
272
+ &:hover:not(&--active) {
273
+ @include avariable(
274
+ "background-color",
275
+ "dropdown-item-hover-background-color",
276
+ $dropdown-item-hover-background-color
277
+ );
278
+ @include avariable(
279
+ "color",
280
+ "dropdown-item-hover-color",
281
+ $dropdown-item-hover-color
282
+ );
283
+ }
284
+ }
285
+ }
286
+
287
+ &--inline {
288
+ display: inline;
289
+
290
+ .o-drop__menu {
291
+ position: static;
292
+ display: inline-block;
293
+ padding: 0;
185
294
  }
186
295
  }
187
296
 
@@ -238,4 +347,8 @@ $dropdown-mobile-zindex: 50 !default;
238
347
  display: block;
239
348
  }
240
349
  }
350
+
351
+ &--teleport {
352
+ width: unset;
353
+ }
241
354
  }