@oruga-ui/theme-oruga 0.0.1 → 0.2.0

package/dist/oruga-full.css

@@ -1,4 +1,4 @@
-/*! Oruga v0.0.1 | MIT License | github.com/oruga-ui/oruga */
+/*! Oruga v0.2.0 | MIT License | github.com/oruga-ui/oruga */
 
 /************************************
 *   Oruga Default Theme Full Style
@@ -281,25 +281,6 @@ body {
 .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, #ffffff);
-  border-radius: var(--oruga-autocomplete-menu-border-radius, 4px);
-  box-shadow: var(--oruga-autocomplete-menu-box-shadow, 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02));
-  padding: var(--oruga-autocomplete-menu-padding, 0.5rem 0 0.5rem 0);
-  margin: var(--oruga-autocomplete-menu-margin, 0);
-  max-height: var(--oruga-autocomplete-menu-max-height, 200px);
-}
-.o-acp__menu--top {
-  top: auto;
-  bottom: 100%;
-}
 .o-acp__item {
   display: block;
   position: relative;
@@ -320,9 +301,6 @@ body {
   background: var(--oruga-autocomplete-item-hover-background-color, #f5f5f5);
   color: var(--oruga-autocomplete-item-hover-color, #000000);
 }
-.o-acp--expanded {
-  width: 100%;
-}
 
 /* @docs */
 /* @docs */
@@ -618,7 +596,7 @@ body {
   background-color: var(--oruga-carousel-overlay-background, hsla(0, 0%, 4%, 0.86));
   z-index: var(--oruga-carousel-overlay-zindex, 40);
 }
-.o-car__scene {
+.o-car__wrapper {
   position: relative;
   width: 100%;
 }
@@ -633,6 +611,9 @@ body {
   border: var(--oruga-carousel-item-border, 2px solid transparent);
   flex-shrink: 0;
 }
+.o-car__item--clickable {
+  cursor: pointer;
+}
 .o-car__indicators {
   width: 100%;
   display: flex;
@@ -673,9 +654,9 @@ body {
   width: var(--oruga-carousel-indicator-size, 10px);
   height: var(--oruga-carousel-indicator-size, 10px);
 }
-.o-car__indicator__item---lines {
-  width: var(--oruga-carousel-indicator-lines-height, 5px);
-  height: var(--oruga-carousel-indicator-lines-width, 25px);
+.o-car__indicator__item--lines {
+  width: var(--oruga-carousel-indicator-lines-width, 25px);
+  height: var(--oruga-carousel-indicator-lines-height, 5px);
 }
 .o-car__arrow__icon {
   cursor: pointer;
@@ -715,7 +696,7 @@ body {
   line-height: var(--oruga-checkbox-line-height, 1.5);
   margin-right: var(--oruga-checkbox-margin-sibiling, 0.5em);
 }
-.o-chk__check {
+.o-chk__input {
   width: var(--oruga-checkbox-size, 1rem);
   height: var(--oruga-checkbox-size, 1rem);
   outline: none;
@@ -740,12 +721,12 @@ body {
   transition-duration: var(--oruga-transition-duration, 150ms);
   transition-timing-function: var(--oruga-transition-timing, ease-out);
 }
-.o-chk__check--checked {
+.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__check--indeterminate {
+.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");
@@ -765,64 +746,64 @@ body {
 .o-chk--large {
   font-size: var(--oruga-checkbox-font-size-large, 1.5rem);
 }
-.o-chk--primary .o-chk__check {
+.o-chk--primary .o-chk__input {
   border-color: var(--oruga-variant-primary, #445e00);
   background-color: var(--oruga-variant-primary, #445e00);
 }
-.o-chk--primary .o-chk__check--checked {
+.o-chk--primary .o-chk__input--checked {
   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-variant-invert-primary, %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--primary .o-chk__check--indeterminate {
+.o-chk--primary .o-chk__input--indeterminate {
   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-variant-invert-primary, %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--secondary .o-chk__check {
+.o-chk--secondary .o-chk__input {
   border-color: var(--oruga-variant-secondary, #6c757d);
   background-color: var(--oruga-variant-secondary, #6c757d);
 }
-.o-chk--secondary .o-chk__check--checked {
+.o-chk--secondary .o-chk__input--checked {
   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-variant-invert-secondary, %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--secondary .o-chk__check--indeterminate {
+.o-chk--secondary .o-chk__input--indeterminate {
   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-variant-invert-secondary, %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--success .o-chk__check {
+.o-chk--success .o-chk__input {
   border-color: var(--oruga-variant-success, #006724);
   background-color: var(--oruga-variant-success, #006724);
 }
-.o-chk--success .o-chk__check--checked {
+.o-chk--success .o-chk__input--checked {
   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-variant-invert-success, %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--success .o-chk__check--indeterminate {
+.o-chk--success .o-chk__input--indeterminate {
   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-variant-invert-success, %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--info .o-chk__check {
+.o-chk--info .o-chk__input {
   border-color: var(--oruga-variant-info, #005c98);
   background-color: var(--oruga-variant-info, #005c98);
 }
-.o-chk--info .o-chk__check--checked {
+.o-chk--info .o-chk__input--checked {
   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-variant-invert-info, %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--info .o-chk__check--indeterminate {
+.o-chk--info .o-chk__input--indeterminate {
   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-variant-invert-info, %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--warning .o-chk__check {
+.o-chk--warning .o-chk__input {
   border-color: var(--oruga-variant-warning, #f4c300);
   background-color: var(--oruga-variant-warning, #f4c300);
 }
-.o-chk--warning .o-chk__check--checked {
+.o-chk--warning .o-chk__input--checked {
   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-variant-invert-warning, %23000000)' 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--warning .o-chk__check--indeterminate {
+.o-chk--warning .o-chk__input--indeterminate {
   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-variant-invert-warning, %23000000)' 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--danger .o-chk__check {
+.o-chk--danger .o-chk__input {
   border-color: var(--oruga-variant-danger, #b60000);
   background-color: var(--oruga-variant-danger, #b60000);
 }
-.o-chk--danger .o-chk__check--checked {
+.o-chk--danger .o-chk__input--checked {
   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-variant-invert-danger, %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--danger .o-chk__check--indeterminate {
+.o-chk--danger .o-chk__input--indeterminate {
   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-variant-invert-danger, %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");
 }
 
@@ -878,6 +859,12 @@ body {
 .o-dpck__header__buttons--large {
   font-size: var(--oruga-datepicker-font-size-large, 1.5rem);
 }
+.o-dpck__header__previous {
+  order: 1;
+}
+.o-dpck__header__next {
+  order: 3;
+}
 .o-dpck__header__previous, .o-dpck__header__next {
   justify-content: center;
   text-align: center;
@@ -910,12 +897,6 @@ body {
   border-color: var(--oruga-datepicker-btn-hover-border-color, #b5b5b5);
   color: var(--oruga-datepicker-btn-hover-color, #363636);
 }
-.o-dpck__header__previous {
-  order: 1;
-}
-.o-dpck__header__next {
-  order: 3;
-}
 .o-dpck__header__list {
   order: 2;
   align-items: center;
@@ -938,27 +919,27 @@ body {
   margin: var(--oruga-datepicker-header-margin, 0.875rem 0 0.875rem 0);
   border-top: var(--oruga-datepicker-header-border-top, 1px solid #dbdbdb);
 }
-.o-dpck__table, .o-dpck__molist.nth {
+.o-dpck__table, .o-dpck__month {
   display: table;
   margin: 0 auto 0 auto;
 }
-.o-dpck__table__head, .o-dpck__molist.nth__head {
+.o-dpck__table__head, .o-dpck__month__head {
   display: table-header-group;
   padding: var(--oruga-datepicker-table-head-padding, 0 0 0.875rem 0);
   margin: var(--oruga-datepicker-table-head-margin, 0 0 0.875rem 0);
   border-bottom: var(--oruga-datepicker-table-head-border-bottom, 1px solid #dbdbdb);
 }
-.o-dpck__table__body, .o-dpck__molist.nth__body {
+.o-dpck__table__body, .o-dpck__month__body {
   display: table-row-group;
 }
-.o-dpck__table__row, .o-dpck__molist.nth__row {
+.o-dpck__table__row, .o-dpck__month__row {
   display: table-row;
 }
-.o-dpck__table__head-cell, .o-dpck__molist.nth__head-cell {
+.o-dpck__table__head-cell, .o-dpck__month__head-cell {
   padding: var(--oruga-datepicker-table-head-item-padding, #7a7a7a);
   font-weight: var(--oruga-datepicker-table-head-item-font-weight, 600);
 }
-.o-dpck__table__cell, .o-dpck__molist.nth__cell {
+.o-dpck__table__cell, .o-dpck__month__cell {
   text-align: center;
   vertical-align: middle;
   display: table-cell;
@@ -966,63 +947,63 @@ body {
   border-radius: var(--oruga-datepicker-item-border-radius, 4px);
   padding: var(--oruga-datepicker-item-padding, 0.5rem 0.75rem);
 }
-.o-dpck__table__cell--unselectable, .o-dpck__molist.nth__cell--unselectable {
+.o-dpck__table__cell--unselectable, .o-dpck__month__cell--unselectable {
   color: var(--oruga-datepicker-item-disabled-color, #b5b5b5);
 }
-.o-dpck__table__cell--today, .o-dpck__molist.nth__cell--today {
+.o-dpck__table__cell--today, .o-dpck__month__cell--today {
   border: var(--oruga-datepicker-item-today-border, solid 1px rgba(68, 94, 0, 0.5));
 }
-.o-dpck__table__cell--selectable, .o-dpck__molist.nth__cell--selectable {
+.o-dpck__table__cell--selectable, .o-dpck__month__cell--selectable {
   color: var(--oruga-datepicker-item-selectable-color, #4a4a4a);
 }
-.o-dpck__table__cell--first-hovered, .o-dpck__molist.nth__cell--first-hovered {
+.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered {
   background-color: var(--oruga-datepicker-item-hovered-background-color, #7a7a7a);
   color: var(--oruga-datepicker-item-hovered-color, #dbdbdb);
   border-bottom-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
   border-top-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
 }
-.o-dpck__table__cell--within-hovered, .o-dpck__molist.nth__cell--within-hovered {
+.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered {
   background-color: var(--oruga-datepicker-item-hovered-within-background-color, rgba(122, 122, 122, 0.5));
   color: var(--oruga-datepicker-item-hovered-color, #dbdbdb);
   border-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
 }
-.o-dpck__table__cell--last-hovered, .o-dpck__molist.nth__cell--last-hovered {
+.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered {
   background-color: var(--oruga-datepicker-item-hovered-background-color, #7a7a7a);
   color: var(--oruga-datepicker-item-hovered-color, #dbdbdb);
   border-bottom-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
   border-top-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
 }
-.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), .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__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__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) {
   background-color: var(--oruga-datepicker-item-selected-background-color, #445e00);
   color: var(--oruga-datepicker-item-selected-color, #ffffff);
 }
-.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), .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__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__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) {
   background-color: var(--oruga-datepicker-item-selected-background-color, #445e00);
   color: var(--oruga-datepicker-item-selected-color, #ffffff);
   border-bottom-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
   border-top-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
 }
-.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), .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__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__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) {
   background-color: var(--oruga-datepicker-item-selected-within-background-color, rgba(68, 94, 0, 0.5));
   border-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
 }
-.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), .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__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__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) {
   background-color: var(--oruga-datepicker-item-selected-background-color, #445e00);
   color: var(--oruga-datepicker-item-selected-color, #ffffff);
   border-bottom-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
   border-top-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
 }
-.o-dpck__table__cell--nearby:not(.o-dpck__table__cell--selected, .o-dpck__molist.nth__cell--selected), .o-dpck__molist.nth__cell--nearby:not(.o-dpck__table__cell--selected, .o-dpck__molist.nth__cell--selected) {
+.o-dpck__table__cell--nearby:not(.o-dpck__table__cell--selected, .o-dpck__month__cell--selected), .o-dpck__month__cell--nearby:not(.o-dpck__table__cell--selected, .o-dpck__month__cell--selected) {
   color: var(--oruga-datepicker-item-nearby-color, #b5b5b5);
 }
-.o-dpck__table__cell--invisible, .o-dpck__molist.nth__cell--invisible {
+.o-dpck__table__cell--invisible, .o-dpck__month__cell--invisible {
   visibility: hidden;
 }
-.o-dpck__table__cell--events, .o-dpck__molist.nth__cell--events {
+.o-dpck__table__cell--events, .o-dpck__month__cell--events {
   padding: var(--oruga-datepicker-events-item-padding, 0.3rem 0.75rem 0.75rem);
   position: relative;
 }
-.o-dpck__table__events, .o-dpck__molist.nth__events {
+.o-dpck__table__events, .o-dpck__month__events {
   display: flex;
   justify-content: center;
   position: absolute;
@@ -1030,50 +1011,50 @@ body {
   left: 0;
   bottom: 15%;
 }
-.o-dpck__table__event, .o-dpck__molist.nth__event {
+.o-dpck__table__event, .o-dpck__month__event {
   background-color: var(--oruga-datepicker-event-background-color, #b5b5b5);
 }
-.o-dpck__table__event--primary, .o-dpck__molist.nth__event--primary {
+.o-dpck__table__event--primary, .o-dpck__month__event--primary {
   background-color: #445e00;
   background-color: var(--oruga-variant-primary, #445e00);
 }
-.o-dpck__table__event--secondary, .o-dpck__molist.nth__event--secondary {
+.o-dpck__table__event--secondary, .o-dpck__month__event--secondary {
   background-color: #6c757d;
   background-color: var(--oruga-variant-secondary, #6c757d);
 }
-.o-dpck__table__event--success, .o-dpck__molist.nth__event--success {
+.o-dpck__table__event--success, .o-dpck__month__event--success {
   background-color: #006724;
   background-color: var(--oruga-variant-success, #006724);
 }
-.o-dpck__table__event--info, .o-dpck__molist.nth__event--info {
+.o-dpck__table__event--info, .o-dpck__month__event--info {
   background-color: #005c98;
   background-color: var(--oruga-variant-info, #005c98);
 }
-.o-dpck__table__event--warning, .o-dpck__molist.nth__event--warning {
+.o-dpck__table__event--warning, .o-dpck__month__event--warning {
   background-color: #f4c300;
   background-color: var(--oruga-variant-warning, #f4c300);
 }
-.o-dpck__table__event--danger, .o-dpck__molist.nth__event--danger {
+.o-dpck__table__event--danger, .o-dpck__month__event--danger {
   background-color: #b60000;
   background-color: var(--oruga-variant-danger, #b60000);
 }
-.o-dpck__table__event--dots, .o-dpck__molist.nth__event--dots {
+.o-dpck__table__event--dots, .o-dpck__month__event--dots {
   border-radius: 50%;
   margin: var(--oruga-datepicker-event-dots-margin, 0 0.1em);
   height: var(--oruga-datepicker-event-dots-size, 0.35em);
   width: var(--oruga-datepicker-event-dots-size, 0.35em);
 }
-.o-dpck__table__event--bars, .o-dpck__molist.nth__event--bars {
+.o-dpck__table__event--bars, .o-dpck__month__event--bars {
   height: var(--oruga-datepicker-event-bars-height, 0.25em);
   width: 100%;
 }
-.o-dpck__molist.nth__table {
+.o-dpck__month__table {
   display: inline-flex;
   flex-wrap: wrap;
   flex-direction: row;
   width: 17rem;
 }
-.o-dpck__molist.nth__cell {
+.o-dpck__month__cell {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1111,14 +1092,6 @@ body {
   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;
@@ -1135,8 +1108,6 @@ body {
 }
 .o-drop__menu {
   position: absolute;
-  left: 0;
-  top: 100%;
   display: block;
   min-width: var(--oruga-dropdown-menu-width, 12rem);
   z-index: var(--oruga-dropdown-menu-zindex, 20);
@@ -1146,24 +1117,61 @@ body {
   padding: var(--oruga-dropdown-menu-padding, 0.5rem 0 0.5rem 0);
   margin: var(--oruga-dropdown-menu-margin, 0);
 }
-.o-drop__menu--top-left {
+.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: 100%;
-  right: 0;
+  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--bottom-left {
+.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-right {
+.o-drop__menu--top-left {
+  right: auto;
+  left: 0;
   top: auto;
-  bottom: 100%;
+  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;
-  cursor: pointer;
   color: var(--oruga-dropdown-item-color, #000000);
   font-size: var(--oruga-dropdown-item-font-size, 1rem);
   font-weight: var(--oruga-dropdown-item-font-weight, 400);
@@ -1178,10 +1186,21 @@ body {
   background-color: var(--oruga-dropdown-item-active-background-color, #445e00);
   color: var(--oruga-dropdown-item-active-color, #ffffff);
 }
-.o-drop__item:hover:not(.o-drop__item--active) {
+.o-drop__item--clickable {
+  cursor: pointer;
+}
+.o-drop__item--clickable:hover:not(.o-drop__item--clickable--active) {
   background-color: var(--oruga-dropdown-item-hover-background-color, #f5f5f5);
   color: var(--oruga-dropdown-item-hover-color, #000000);
 }
+.o-drop--inline {
+  display: inline;
+}
+.o-drop--inline .o-drop__menu {
+  position: static;
+  display: inline-block;
+  padding: 0;
+}
 .o-drop--expanded {
   width: 100%;
 }
@@ -1208,6 +1227,9 @@ body {
 .o-drop--mobile > .o-drop__overlay {
   display: block;
 }
+.o-drop--teleport {
+  width: unset;
+}
 
 /* @docs */
 /* @docs */
@@ -1259,21 +1281,21 @@ body {
   display: flex;
   justify-content: flex-start;
 }
-.o-field--addons > *:first-child:not(:only-child) button,
 .o-field--addons > button:first-child,
-.o-field--addons > *:first-child:not(:only-child) input,
+.o-field--addons > *:first-child:not(:only-child) button,
 .o-field--addons > input:first-child,
-.o-field--addons > *:first-child:not(:only-child) select,
-.o-field--addons > select:first-child {
+.o-field--addons > *:first-child:not(:only-child) input,
+.o-field--addons > select:first-child,
+.o-field--addons > *:first-child:not(:only-child) select {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-.o-field--addons > *:last-child:not(:only-child) button,
 .o-field--addons > button:last-child,
-.o-field--addons > *:last-child:not(:only-child) input,
+.o-field--addons > *:last-child:not(:only-child) button,
 .o-field--addons > input:last-child,
-.o-field--addons > *:last-child:not(:only-child) select,
-.o-field--addons > select:last-child {
+.o-field--addons > *:last-child:not(:only-child) input,
+.o-field--addons > select:last-child,
+.o-field--addons > *:last-child:not(:only-child) select {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
@@ -1390,25 +1412,13 @@ body {
 
 /* @docs */
 /* @docs */
-.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%;
   box-shadow: var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
-  max-width: var(--oruga-input-max-width, 100%);
   background-color: var(--oruga-input-background-color, #ffffff);
   border-color: var(--oruga-input-border-color, #dbdbdb);
   border-style: var(--oruga-input-border-style, solid);
@@ -1421,41 +1431,17 @@ body {
   padding: var(--oruga-input-padding, calc(0.375em - 1px) calc(0.625em - 1px));
   margin: var(--oruga-input-margin, 0);
 }
-.o-input-iconspace-left {
-  padding-left: var(--oruga-input-height, 2.25em);
-}
-.o-input-iconspace-right {
-  padding-right: var(--oruga-input-height, 2.25em);
-}
-.o-input--rounded {
-  border-radius: var(--oruga-input-rounded-border-radius, 9999px);
-}
-.o-input--small {
-  font-size: var(--oruga-input-font-size-small, 0.75rem);
-}
-.o-input--medium {
-  font-size: var(--oruga-input-font-size-medium, 1.25rem);
-}
-.o-input--large {
-  font-size: var(--oruga-input-font-size-large, 1.5rem);
-}
-.o-input--primary {
-  border-color: var(--oruga-variant-primary, #445e00);
-}
-.o-input--secondary {
-  border-color: var(--oruga-variant-secondary, #6c757d);
-}
-.o-input--success {
-  border-color: var(--oruga-variant-success, #006724);
-}
-.o-input--info {
-  border-color: var(--oruga-variant-info, #005c98);
+.o-input__wrapper {
+  display: inline-block;
+  position: relative;
 }
-.o-input--warning {
-  border-color: var(--oruga-variant-warning, #f4c300);
+.o-input__wrapper--expanded {
+  width: 100%;
+  flex-grow: 1;
+  flex-shrink: 1;
 }
-.o-input--danger {
-  border-color: var(--oruga-variant-danger, #b60000);
+.o-input__wrapper--expanded .o-input {
+  width: 100%;
 }
 .o-input__textarea {
   display: block;
@@ -1488,103 +1474,41 @@ body {
 .o-input__icon-left {
   left: 0;
 }
-
-/* @docs */
-/* @docs */
-.o-inputit {
-  display: block;
-}
-.o-inputit__container {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  position: relative;
-  vertical-align: top;
-  flex-wrap: wrap;
-  max-width: var(--oruga-inputitems-max-width, 100%);
-  width: var(--oruga-inputitems-width, 100%);
-  padding: var(--oruga-inputitems-padding, calc(0.275em - 1px) 0 0);
-  background-color: var(--oruga-inputitems-background-color, #ffffff);
-  border-color: var(--oruga-inputitems-border-color, #dbdbdb);
-  border-style: var(--oruga-inputitems-border-style, solid);
-  border-width: var(--oruga-inputitems-border-width, 1px);
-  border-radius: var(--oruga-inputitems-border-radius, 4px);
-  color: var(--oruga-inputitems-color, #363636);
-  font-size: var(--oruga-base-font-size, 1rem);
-  line-height: var(--oruga-inputitems-line-height, 1.5);
-  box-shadow: var(--oruga-inputitems-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
-}
-.o-inputit__container--small {
-  font-size: var(--oruga-inputitems-font-size-small, 0.75rem);
-}
-.o-inputit__container--medium {
-  font-size: var(--oruga-inputitems-font-size-medium, 1.25rem);
-}
-.o-inputit__container--large {
-  font-size: var(--oruga-inputitems-font-size-large, 1.5rem);
-}
-.o-inputit__autocomplete {
-  position: static;
-  flex: 1;
-}
-.o-inputit__input {
-  border: none;
-  box-shadow: none;
+.o-input--iconspace-left {
+  padding-left: var(--oruga-input-height, 2.25em);
 }
-.o-inputit__input:focus {
-  box-shadow: none;
+.o-input--iconspace-right {
+  padding-right: var(--oruga-input-height, 2.25em);
 }
-.o-inputit__item {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  margin-left: -0.1875em;
-  margin-right: -0.1875em;
-  background-color: var(--oruga-inputitems-item-background-color, #445e00);
-  color: var(--oruga-inputitems-item-color, #ffffff);
-  border-radius: var(--oruga-inputitems-item-border-radius, 4px);
-  margin: var(--oruga-inputitems-item-margin, 0 0 0 0.275em);
-  padding: var(--oruga-inputitems-item-padding, 0 0.75em 0 0.75em);
+.o-input--rounded {
+  border-radius: var(--oruga-input-rounded-border-radius, 9999px);
 }
-.o-inputit__item > * {
-  margin-left: 0.1875em;
-  margin-right: 0.1875em;
+.o-input--small {
+  font-size: var(--oruga-input-font-size-small, 0.75rem);
 }
-.o-inputit__item--primary {
-  background-color: var(--oruga-variant-primary, #445e00);
-  color: var(--oruga-variant-invert-primary, #ffffff);
+.o-input--medium {
+  font-size: var(--oruga-input-font-size-medium, 1.25rem);
 }
-.o-inputit__item--secondary {
-  background-color: var(--oruga-variant-secondary, #6c757d);
-  color: var(--oruga-variant-invert-secondary, #ffffff);
+.o-input--large {
+  font-size: var(--oruga-input-font-size-large, 1.5rem);
 }
-.o-inputit__item--success {
-  background-color: var(--oruga-variant-success, #006724);
-  color: var(--oruga-variant-invert-success, #ffffff);
+.o-input--primary {
+  border-color: var(--oruga-variant-primary, #445e00);
 }
-.o-inputit__item--info {
-  background-color: var(--oruga-variant-info, #005c98);
-  color: var(--oruga-variant-invert-info, #ffffff);
+.o-input--secondary {
+  border-color: var(--oruga-variant-secondary, #6c757d);
 }
-.o-inputit__item--warning {
-  background-color: var(--oruga-variant-warning, #f4c300);
-  color: var(--oruga-variant-invert-warning, #000000);
+.o-input--success {
+  border-color: var(--oruga-variant-success, #006724);
 }
-.o-inputit__item--danger {
-  background-color: var(--oruga-variant-danger, #b60000);
-  color: var(--oruga-variant-invert-danger, #ffffff);
+.o-input--info {
+  border-color: var(--oruga-variant-info, #005c98);
 }
-.o-inputit__counter {
-  display: block;
-  float: right;
-  font-size: var(--oruga-inputitems-counter-font-size, 0.75rem);
-  margin: var(--oruga-inputitems-counter-margin, 0.25rem 0 0 0.5rem);
+.o-input--warning {
+  border-color: var(--oruga-variant-warning, #f4c300);
 }
-.o-inputit--expanded {
-  width: 100%;
-  flex-grow: 1;
-  flex-shrink: 1;
+.o-input--danger {
+  border-color: var(--oruga-variant-danger, #b60000);
 }
 
 /* @docs */
@@ -1629,47 +1553,43 @@ body {
 .o-menu--large {
   font-size: var(--oruga-menu-font-size-large, 1.5rem);
 }
-
-.o-menu-list {
-  line-height: var(--oruga-menu-list-line-height, 1.25em);
-}
-.o-menu-list .o-menu-list,
-.o-menu-list .o-menu-item__wrapper {
+.o-menu__list, .o-menu__item__wrapper {
   list-style: none;
 }
-.o-menu-list .o-menu-item__submenu {
+.o-menu__list {
+  line-height: var(--oruga-menu-list-line-height, 1.25em);
+}
+.o-menu__item__submenu {
   border-left: var(--oruga-menu-list-border-left, 1px solid #445e00);
   padding-left: var(--oruga-menu-nested-list-padding-left, 0.75em);
   margin: var(--oruga-menu-nested-list-margin, 0.75em);
 }
-
-.o-menu-label {
+.o-menu__label {
   color: var(--oruga-menu-label-color, #7a7a7a);
   font-size: var(--oruga-menu-label-font-size, 0.75em);
   text-transform: uppercase;
 }
-.o-menu-label:not(:first-child) {
+.o-menu__label:not(:first-child) {
   margin-top: var(--oruga-menu-label-spacing, 1em);
 }
-.o-menu-label:not(:last-child) {
+.o-menu__label:not(:last-child) {
   margin-bottom: var(--oruga-menu-label-spacing, 1em);
 }
-
-.o-menu-item {
+.o-menu__item {
   color: var(--oruga-menu-item-color, #4a4a4a);
   padding: var(--oruga-menu-item-padding, 0.5em 0.75em);
   display: block;
   list-style: none;
 }
-.o-menu-item:hover:not(.o-menu-item--active):not(.o-menu-item--disabled) {
+.o-menu__item:hover:not(.o-menu__item--active):not(.o-menu__item--disabled) {
   color: var(--oruga-menu-item-hover-color, #000000);
   background-color: var(--oruga-menu-item-hover-background-color, #b5b5b5);
 }
-.o-menu-item--active {
+.o-menu__item--active {
   color: var(--oruga-menu-item-active-color, #ffffff);
   background-color: var(--oruga-menu-item-active-background-color, #445e00);
 }
-.o-menu-item--disabled {
+.o-menu__item--disabled {
   color: var(--oruga-menu-item-disabled-color, #b5b5b5);
 }
 
@@ -1940,6 +1860,25 @@ body {
   margin: var(--oruga-pagination-link-margin, 0.25rem);
   color: var(--oruga-pagination-ellipsis-color, #b5b5b5);
 }
+.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;
 }
@@ -1969,25 +1908,6 @@ body {
   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;
@@ -2028,7 +1948,7 @@ body {
   line-height: var(--oruga-radio-line-height, 1.25);
   margin-right: var(--oruga-radio-margin-sibiling, 0.5em);
 }
-.o-radio__check {
+.o-radio__input {
   width: var(--oruga-radio-size, 1rem);
   height: var(--oruga-radio-size, 1rem);
   margin: 0;
@@ -2048,7 +1968,7 @@ body {
   transition-timing-function: var(--oruga-transition-timing, ease-out);
   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 {
+.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__label {
@@ -2066,40 +1986,40 @@ body {
 .o-radio--large {
   font-size: var(--oruga-radio-font-size-large, 1.5rem);
 }
-.o-radio--primary .o-radio__check {
+.o-radio--primary .o-radio__input {
   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-variant-primary, %23445e00);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--primary .o-radio__check--checked {
+.o-radio--primary .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-variant-primary, %23445e00);'/%3E%3Ccircle cx='32.84' cy='24.8' r='7.9' style='fill:var(--oruga-variant-invert-primary, %23ffffff);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--secondary .o-radio__check {
+.o-radio--secondary .o-radio__input {
   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-variant-secondary, %236c757d);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--secondary .o-radio__check--checked {
+.o-radio--secondary .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-variant-secondary, %236c757d);'/%3E%3Ccircle cx='32.84' cy='24.8' r='7.9' style='fill:var(--oruga-variant-invert-secondary, %23ffffff);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--success .o-radio__check {
+.o-radio--success .o-radio__input {
   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-variant-success, %23006724);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--success .o-radio__check--checked {
+.o-radio--success .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-variant-success, %23006724);'/%3E%3Ccircle cx='32.84' cy='24.8' r='7.9' style='fill:var(--oruga-variant-invert-success, %23ffffff);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--info .o-radio__check {
+.o-radio--info .o-radio__input {
   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-variant-info, %23005c98);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--info .o-radio__check--checked {
+.o-radio--info .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-variant-info, %23005c98);'/%3E%3Ccircle cx='32.84' cy='24.8' r='7.9' style='fill:var(--oruga-variant-invert-info, %23ffffff);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--warning .o-radio__check {
+.o-radio--warning .o-radio__input {
   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-variant-warning, %23f4c300);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--warning .o-radio__check--checked {
+.o-radio--warning .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-variant-warning, %23f4c300);'/%3E%3Ccircle cx='32.84' cy='24.8' r='7.9' style='fill:var(--oruga-variant-invert-warning, %23000000);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--danger .o-radio__check {
+.o-radio--danger .o-radio__input {
   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-variant-danger, %23b60000);'/%3E%3C/g%3E%3C/svg%3E");
 }
-.o-radio--danger .o-radio__check--checked {
+.o-radio--danger .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-variant-danger, %23b60000);'/%3E%3Ccircle cx='32.84' cy='24.8' r='7.9' style='fill:var(--oruga-variant-invert-danger, %23ffffff);'/%3E%3C/g%3E%3C/svg%3E");
 }
 
@@ -2256,11 +2176,20 @@ body {
 
 /* @docs */
 /* @docs */
-.o-side__content {
-  background-color: var(--oruga-sidebar-content-background-color, #dbdbdb);
-  box-shadow: var(--oruga-sidebar-box-shadow, 5px 0px 13px 3px rgba(0, 0, 0, 0.1));
-  width: var(--oruga-sidebar-width, 260px);
-  z-index: calc(var(--oruga-sidebar-zindex, 38) + 1);
+.o-side {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+}
+.o-side__content {
+  position: absolute;
+  background-color: var(--oruga-sidebar-content-background-color, #dbdbdb);
+  border-radius: var(--oruga-sidebar-border-radius, 4px);
+  box-shadow: var(--oruga-sidebar-box-shadow, 5px 0px 13px 3px rgba(0, 0, 0, 0.1));
+  z-index: calc(var(--oruga-sidebar-zindex, 100) + 1);
 }
 .o-side__content--primary {
   background-color: var(--oruga-variant-primary, #445e00);
@@ -2280,34 +2209,46 @@ body {
 .o-side__content--danger {
   background-color: var(--oruga-variant-danger, #b60000);
 }
-.o-side__content--fixed {
-  position: fixed;
-  left: 0;
-  top: 0;
+.o-side__content--right, .o-side__content--left {
+  transition-duration: var(--oruga-transition-duration, 150ms);
+  transition-timing-function: var(--oruga-transition-timing, ease-out);
+  width: var(--oruga-sidebar-width, 260px);
+  transition: width;
 }
-.o-side__content--absolute {
-  position: absolute;
-  left: 0;
-  top: 0;
+.o-side__content--top, .o-side__content--bottom {
+  transition-duration: var(--oruga-transition-duration, 150ms);
+  transition-timing-function: var(--oruga-transition-timing, ease-out);
+  height: var(--oruga-sidebar-width, 260px);
+  transition: height;
 }
 .o-side__content--right {
   left: auto;
   right: 0;
+  border-left: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
+}
+.o-side__content--left {
+  left: 0;
+  right: auto;
+  border-right: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
 }
-.o-side__content--mini {
-  width: var(--oruga-sidebar-mobile-width, 80px);
+.o-side__content--top {
+  top: 0;
+  bottom: auto;
+  border-bottom: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
 }
-.o-side__content--mini-expand:hover {
-  transition: width;
+.o-side__content--bottom {
+  top: auto;
+  bottom: 0;
+  border-top: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
+}
+.o-side__content--reduced {
+  width: var(--oruga-sidebar-reduced-width, 80px);
+}
+.o-side__content--reduced-expand:hover {
   transition-duration: var(--oruga-transition-duration, 150ms);
   transition-timing-function: var(--oruga-transition-timing, ease-out);
   width: var(--oruga-sidebar-width, 260px);
-}
-.o-side__content--static {
-  position: static;
-}
-.o-side__content--absolute, .o-side__content--static {
-  transition: width 150ms ease-out;
+  transition: width;
 }
 .o-side__content--fullwidth {
   width: 100%;
@@ -2316,11 +2257,6 @@ body {
 .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;
@@ -2329,7 +2265,19 @@ body {
   top: 0;
   position: fixed;
   background: var(--oruga-sidebar-overlay, hsla(0, 0%, 4%, 0.86));
-  z-index: var(--oruga-sidebar-zindex, 38);
+  z-index: var(--oruga-sidebar-zindex, 100);
+}
+.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;
 }
 
 /* @docs */
@@ -3268,6 +3216,11 @@ body {
   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;
@@ -3284,11 +3237,6 @@ body {
   flex-shrink: 0;
   justify-content: center;
 }
-.o-table__pagination > div {
-  flex-basis: auto;
-  flex-grow: 0;
-  flex-shrink: 0;
-}
 
 /* @docs */
 /* @docs */
@@ -3505,6 +3453,104 @@ body {
   margin-bottom: var(--oruga-tabs-margin-bottom, 1.5rem);
 }
 
+/* @docs */
+/* @docs */
+.o-taginput {
+  display: block;
+}
+.o-taginput__container {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+  vertical-align: top;
+  flex-wrap: wrap;
+  max-width: var(--oruga-taginput-max-width, 100%);
+  width: var(--oruga-taginput-width, 100%);
+  padding: var(--oruga-taginput-padding, calc(0.275em - 1px) 0 0);
+  background-color: var(--oruga-taginput-background-color, #ffffff);
+  border-color: var(--oruga-taginput-border-color, #dbdbdb);
+  border-style: var(--oruga-taginput-border-style, solid);
+  border-width: var(--oruga-taginput-border-width, 1px);
+  border-radius: var(--oruga-taginput-border-radius, 4px);
+  color: var(--oruga-taginput-color, #363636);
+  font-size: var(--oruga-base-font-size, 1rem);
+  line-height: var(--oruga-taginput-line-height, 1.5);
+  box-shadow: var(--oruga-taginput-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
+}
+.o-taginput__container--small {
+  font-size: var(--oruga-taginput-font-size-small, 0.75rem);
+}
+.o-taginput__container--medium {
+  font-size: var(--oruga-taginput-font-size-medium, 1.25rem);
+}
+.o-taginput__container--large {
+  font-size: var(--oruga-taginput-font-size-large, 1.5rem);
+}
+.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: -0.1875em;
+  margin-right: -0.1875em;
+  background-color: var(--oruga-taginput-item-background-color, #445e00);
+  color: var(--oruga-taginput-item-color, #ffffff);
+  border-radius: var(--oruga-taginput-item-border-radius, 4px);
+  margin: var(--oruga-taginput-item-margin, 0 0 0 0.275em);
+  padding: var(--oruga-taginput-item-padding, 0 0.75em 0 0.75em);
+}
+.o-taginput__item > * {
+  margin-left: 0.1875em;
+  margin-right: 0.1875em;
+}
+.o-taginput__item--primary {
+  background-color: var(--oruga-variant-primary, #445e00);
+  color: var(--oruga-variant-invert-primary, #ffffff);
+}
+.o-taginput__item--secondary {
+  background-color: var(--oruga-variant-secondary, #6c757d);
+  color: var(--oruga-variant-invert-secondary, #ffffff);
+}
+.o-taginput__item--success {
+  background-color: var(--oruga-variant-success, #006724);
+  color: var(--oruga-variant-invert-success, #ffffff);
+}
+.o-taginput__item--info {
+  background-color: var(--oruga-variant-info, #005c98);
+  color: var(--oruga-variant-invert-info, #ffffff);
+}
+.o-taginput__item--warning {
+  background-color: var(--oruga-variant-warning, #f4c300);
+  color: var(--oruga-variant-invert-warning, #000000);
+}
+.o-taginput__item--danger {
+  background-color: var(--oruga-variant-danger, #b60000);
+  color: var(--oruga-variant-invert-danger, #ffffff);
+}
+.o-taginput__counter {
+  display: block;
+  float: right;
+  font-size: var(--oruga-taginput-counter-font-size, 0.75rem);
+  margin: var(--oruga-taginput-counter-margin, 0.25rem 0 0 0.5rem);
+}
+.o-taginput--expanded {
+  width: 100%;
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+
 /* @docs */
 /* @docs */
 .o-tpck {
@@ -3562,6 +3608,46 @@ body {
   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--primary {
+  color: var(--oruga-variant-primary, #445e00);
+}
+.o-tip__arrow--secondary {
+  color: var(--oruga-variant-secondary, #6c757d);
+}
+.o-tip__arrow--success {
+  color: var(--oruga-variant-success, #006724);
+}
+.o-tip__arrow--info {
+  color: var(--oruga-variant-info, #005c98);
+}
+.o-tip__arrow--warning {
+  color: var(--oruga-variant-warning, #f4c300);
+}
+.o-tip__arrow--danger {
+  color: var(--oruga-variant-danger, #b60000);
+}
+.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;
@@ -3569,20 +3655,28 @@ body {
   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-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__content--top {
-  top: auto;
+.o-tip__arrow--left {
+  top: 50%;
   right: auto;
-  bottom: calc((var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)) + 100%);
-  left: 50%;
-  transform: translateX(-50%);
+  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%;
@@ -3591,89 +3685,73 @@ body {
   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-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__content--right {
-  top: 50%;
+.o-tip__arrow--top-right {
+  top: 100%;
   right: auto;
   bottom: auto;
-  left: calc((var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)) + 100%);
-  transform: translateY(-50%);
+  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--bottom {
+.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-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);
+  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__content--bottom {
-  top: calc((var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)) + 100%);
+.o-tip__arrow--bottom-right {
+  top: auto;
   right: auto;
-  bottom: auto;
+  bottom: 100%;
   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-right-style: solid;
+  border-right-color: transparent;
+  border-left-style: solid;
+  border-left-color: transparent;
   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__arrow--primary {
-  color: var(--oruga-variant-primary, #445e00);
-}
-.o-tip__arrow--secondary {
-  color: var(--oruga-variant-secondary, #6c757d);
-}
-.o-tip__arrow--success {
-  color: var(--oruga-variant-success, #006724);
-}
-.o-tip__arrow--info {
-  color: var(--oruga-variant-info, #005c98);
-}
-.o-tip__arrow--warning {
-  color: var(--oruga-variant-warning, #f4c300);
-}
-.o-tip__arrow--danger {
-  color: var(--oruga-variant-danger, #b60000);
+  border-right-width: calc(var(--oruga-tooltip-arrow-size, 5px) *2);
+  border-left-width: 0;
 }
 .o-tip__content {
   position: absolute;
@@ -3712,6 +3790,58 @@ body {
   background: var(--oruga-variant-danger, #b60000);
   color: var(--oruga-variant-invert-danger, #ffffff);
 }
+.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;
@@ -3721,6 +3851,18 @@ body {
   white-space: normal;
   width: var(--oruga-tooltip-content-multiline-width, 300px);
 }
+.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%;
 }