@baloise/ds-styles 0.0.5-nightly.20240301

package/css/utilities/layout.css

@@ -0,0 +1,1055 @@
+.hidden {
+  display: none !important;
+}
+
+.block {
+  display: block !important;
+}
+
+.inline {
+  display: inline !important;
+}
+
+.inline-block {
+  display: inline-block !important;
+}
+
+.flex {
+  display: flex !important;
+}
+
+.inline-flex {
+  display: inline-flex !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:hidden {
+    display: none !important;
+  }
+  .mobile\:block {
+    display: block !important;
+  }
+  .mobile\:inline {
+    display: inline !important;
+  }
+  .mobile\:inline-block {
+    display: inline-block !important;
+  }
+  .mobile\:flex {
+    display: flex !important;
+  }
+  .mobile\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:hidden {
+    display: none !important;
+  }
+  .tablet\:block {
+    display: block !important;
+  }
+  .tablet\:inline {
+    display: inline !important;
+  }
+  .tablet\:inline-block {
+    display: inline-block !important;
+  }
+  .tablet\:flex {
+    display: flex !important;
+  }
+  .tablet\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .tablet-only\:hidden {
+    display: none !important;
+  }
+  .tablet-only\:block {
+    display: block !important;
+  }
+  .tablet-only\:inline {
+    display: inline !important;
+  }
+  .tablet-only\:inline-block {
+    display: inline-block !important;
+  }
+  .tablet-only\:flex {
+    display: flex !important;
+  }
+  .tablet-only\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media screen and (max-width: 1023px) {
+  .touch\:hidden {
+    display: none !important;
+  }
+  .touch\:block {
+    display: block !important;
+  }
+  .touch\:inline {
+    display: inline !important;
+  }
+  .touch\:inline-block {
+    display: inline-block !important;
+  }
+  .touch\:flex {
+    display: flex !important;
+  }
+  .touch\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:hidden {
+    display: none !important;
+  }
+  .desktop\:block {
+    display: block !important;
+  }
+  .desktop\:inline {
+    display: inline !important;
+  }
+  .desktop\:inline-block {
+    display: inline-block !important;
+  }
+  .desktop\:flex {
+    display: flex !important;
+  }
+  .desktop\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1279px) {
+  .desktop-only\:hidden {
+    display: none !important;
+  }
+  .desktop-only\:block {
+    display: block !important;
+  }
+  .desktop-only\:inline {
+    display: inline !important;
+  }
+  .desktop-only\:inline-block {
+    display: inline-block !important;
+  }
+  .desktop-only\:flex {
+    display: flex !important;
+  }
+  .desktop-only\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media screen and (min-width: 1280px) {
+  .high-definition\:hidden {
+    display: none !important;
+  }
+  .high-definition\:block {
+    display: block !important;
+  }
+  .high-definition\:inline {
+    display: inline !important;
+  }
+  .high-definition\:inline-block {
+    display: inline-block !important;
+  }
+  .high-definition\:flex {
+    display: flex !important;
+  }
+  .high-definition\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media screen and (min-width: 1280px) and (max-width: 1439px) {
+  .high-definition-only\:hidden {
+    display: none !important;
+  }
+  .high-definition-only\:block {
+    display: block !important;
+  }
+  .high-definition-only\:inline {
+    display: inline !important;
+  }
+  .high-definition-only\:inline-block {
+    display: inline-block !important;
+  }
+  .high-definition-only\:flex {
+    display: flex !important;
+  }
+  .high-definition-only\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:hidden {
+    display: none !important;
+  }
+  .widescreen\:block {
+    display: block !important;
+  }
+  .widescreen\:inline {
+    display: inline !important;
+  }
+  .widescreen\:inline-block {
+    display: inline-block !important;
+  }
+  .widescreen\:flex {
+    display: flex !important;
+  }
+  .widescreen\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 1919px) {
+  .widescreen-only\:hidden {
+    display: none !important;
+  }
+  .widescreen-only\:block {
+    display: block !important;
+  }
+  .widescreen-only\:inline {
+    display: inline !important;
+  }
+  .widescreen-only\:inline-block {
+    display: inline-block !important;
+  }
+  .widescreen-only\:flex {
+    display: flex !important;
+  }
+  .widescreen-only\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+@media screen and (min-width: 1920px) {
+  .fullhd\:hidden {
+    display: none !important;
+  }
+  .fullhd\:block {
+    display: block !important;
+  }
+  .fullhd\:inline {
+    display: inline !important;
+  }
+  .fullhd\:inline-block {
+    display: inline-block !important;
+  }
+  .fullhd\:flex {
+    display: flex !important;
+  }
+  .fullhd\:inline-flex {
+    display: inline-flex !important;
+  }
+}
+.overflow-auto {
+  overflow: auto !important;
+}
+
+.overflow-hidden {
+  overflow: hidden !important;
+}
+
+.overflow-visible {
+  overflow: visible !important;
+}
+
+.overflow-scroll {
+  overflow: scroll !important;
+}
+
+.overflow-x-auto {
+  overflow: auto !important;
+}
+
+.overflow-x-hidden {
+  overflow: hidden !important;
+}
+
+.overflow-x-visible {
+  overflow: visible !important;
+}
+
+.overflow-x-scroll {
+  overflow: scroll !important;
+}
+
+.overflow-y-auto {
+  overflow: auto !important;
+}
+
+.overflow-y-hidden {
+  overflow: hidden !important;
+}
+
+.overflow-y-visible {
+  overflow: visible !important;
+}
+
+.overflow-y-scroll {
+  overflow: scroll !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:overflow-auto {
+    overflow: auto !important;
+  }
+  .mobile\:overflow-hidden {
+    overflow: hidden !important;
+  }
+  .mobile\:overflow-visible {
+    overflow: visible !important;
+  }
+  .mobile\:overflow-scroll {
+    overflow: scroll !important;
+  }
+  .mobile\:overflow-x-auto {
+    overflow: auto !important;
+  }
+  .mobile\:overflow-x-hidden {
+    overflow: hidden !important;
+  }
+  .mobile\:overflow-x-visible {
+    overflow: visible !important;
+  }
+  .mobile\:overflow-x-scroll {
+    overflow: scroll !important;
+  }
+  .mobile\:overflow-y-auto {
+    overflow: auto !important;
+  }
+  .mobile\:overflow-y-hidden {
+    overflow: hidden !important;
+  }
+  .mobile\:overflow-y-visible {
+    overflow: visible !important;
+  }
+  .mobile\:overflow-y-scroll {
+    overflow: scroll !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:overflow-auto {
+    overflow: auto !important;
+  }
+  .tablet\:overflow-hidden {
+    overflow: hidden !important;
+  }
+  .tablet\:overflow-visible {
+    overflow: visible !important;
+  }
+  .tablet\:overflow-scroll {
+    overflow: scroll !important;
+  }
+  .tablet\:overflow-x-auto {
+    overflow: auto !important;
+  }
+  .tablet\:overflow-x-hidden {
+    overflow: hidden !important;
+  }
+  .tablet\:overflow-x-visible {
+    overflow: visible !important;
+  }
+  .tablet\:overflow-x-scroll {
+    overflow: scroll !important;
+  }
+  .tablet\:overflow-y-auto {
+    overflow: auto !important;
+  }
+  .tablet\:overflow-y-hidden {
+    overflow: hidden !important;
+  }
+  .tablet\:overflow-y-visible {
+    overflow: visible !important;
+  }
+  .tablet\:overflow-y-scroll {
+    overflow: scroll !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:overflow-auto {
+    overflow: auto !important;
+  }
+  .desktop\:overflow-hidden {
+    overflow: hidden !important;
+  }
+  .desktop\:overflow-visible {
+    overflow: visible !important;
+  }
+  .desktop\:overflow-scroll {
+    overflow: scroll !important;
+  }
+  .desktop\:overflow-x-auto {
+    overflow: auto !important;
+  }
+  .desktop\:overflow-x-hidden {
+    overflow: hidden !important;
+  }
+  .desktop\:overflow-x-visible {
+    overflow: visible !important;
+  }
+  .desktop\:overflow-x-scroll {
+    overflow: scroll !important;
+  }
+  .desktop\:overflow-y-auto {
+    overflow: auto !important;
+  }
+  .desktop\:overflow-y-hidden {
+    overflow: hidden !important;
+  }
+  .desktop\:overflow-y-visible {
+    overflow: visible !important;
+  }
+  .desktop\:overflow-y-scroll {
+    overflow: scroll !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:overflow-auto {
+    overflow: auto !important;
+  }
+  .widescreen\:overflow-hidden {
+    overflow: hidden !important;
+  }
+  .widescreen\:overflow-visible {
+    overflow: visible !important;
+  }
+  .widescreen\:overflow-scroll {
+    overflow: scroll !important;
+  }
+  .widescreen\:overflow-x-auto {
+    overflow: auto !important;
+  }
+  .widescreen\:overflow-x-hidden {
+    overflow: hidden !important;
+  }
+  .widescreen\:overflow-x-visible {
+    overflow: visible !important;
+  }
+  .widescreen\:overflow-x-scroll {
+    overflow: scroll !important;
+  }
+  .widescreen\:overflow-y-auto {
+    overflow: auto !important;
+  }
+  .widescreen\:overflow-y-hidden {
+    overflow: hidden !important;
+  }
+  .widescreen\:overflow-y-visible {
+    overflow: visible !important;
+  }
+  .widescreen\:overflow-y-scroll {
+    overflow: scroll !important;
+  }
+}
+.static {
+  position: static !important;
+}
+
+.fixed {
+  position: fixed !important;
+}
+
+.relative {
+  position: relative !important;
+}
+
+.absolute {
+  position: absolute !important;
+}
+
+.sticky {
+  position: sticky !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:static {
+    position: static !important;
+  }
+  .mobile\:fixed {
+    position: fixed !important;
+  }
+  .mobile\:relative {
+    position: relative !important;
+  }
+  .mobile\:absolute {
+    position: absolute !important;
+  }
+  .mobile\:sticky {
+    position: sticky !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:static {
+    position: static !important;
+  }
+  .tablet\:fixed {
+    position: fixed !important;
+  }
+  .tablet\:relative {
+    position: relative !important;
+  }
+  .tablet\:absolute {
+    position: absolute !important;
+  }
+  .tablet\:sticky {
+    position: sticky !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:static {
+    position: static !important;
+  }
+  .desktop\:fixed {
+    position: fixed !important;
+  }
+  .desktop\:relative {
+    position: relative !important;
+  }
+  .desktop\:absolute {
+    position: absolute !important;
+  }
+  .desktop\:sticky {
+    position: sticky !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:static {
+    position: static !important;
+  }
+  .widescreen\:fixed {
+    position: fixed !important;
+  }
+  .widescreen\:relative {
+    position: relative !important;
+  }
+  .widescreen\:absolute {
+    position: absolute !important;
+  }
+  .widescreen\:sticky {
+    position: sticky !important;
+  }
+}
+.top-auto {
+  top: auto !important;
+}
+
+.top-0 {
+  top: 0 !important;
+}
+
+.top-50 {
+  top: 50% !important;
+}
+
+.top-100 {
+  top: 100% !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:top-auto {
+    top: auto !important;
+  }
+  .mobile\:top-0 {
+    top: 0 !important;
+  }
+  .mobile\:top-50 {
+    top: 50% !important;
+  }
+  .mobile\:top-100 {
+    top: 100% !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:top-auto {
+    top: auto !important;
+  }
+  .tablet\:top-0 {
+    top: 0 !important;
+  }
+  .tablet\:top-50 {
+    top: 50% !important;
+  }
+  .tablet\:top-100 {
+    top: 100% !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:top-auto {
+    top: auto !important;
+  }
+  .desktop\:top-0 {
+    top: 0 !important;
+  }
+  .desktop\:top-50 {
+    top: 50% !important;
+  }
+  .desktop\:top-100 {
+    top: 100% !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:top-auto {
+    top: auto !important;
+  }
+  .widescreen\:top-0 {
+    top: 0 !important;
+  }
+  .widescreen\:top-50 {
+    top: 50% !important;
+  }
+  .widescreen\:top-100 {
+    top: 100% !important;
+  }
+}
+.right-auto {
+  right: auto !important;
+}
+
+.right-0 {
+  right: 0 !important;
+}
+
+.right-50 {
+  right: 50% !important;
+}
+
+.right-100 {
+  right: 100% !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:right-auto {
+    right: auto !important;
+  }
+  .mobile\:right-0 {
+    right: 0 !important;
+  }
+  .mobile\:right-50 {
+    right: 50% !important;
+  }
+  .mobile\:right-100 {
+    right: 100% !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:right-auto {
+    right: auto !important;
+  }
+  .tablet\:right-0 {
+    right: 0 !important;
+  }
+  .tablet\:right-50 {
+    right: 50% !important;
+  }
+  .tablet\:right-100 {
+    right: 100% !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:right-auto {
+    right: auto !important;
+  }
+  .desktop\:right-0 {
+    right: 0 !important;
+  }
+  .desktop\:right-50 {
+    right: 50% !important;
+  }
+  .desktop\:right-100 {
+    right: 100% !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:right-auto {
+    right: auto !important;
+  }
+  .widescreen\:right-0 {
+    right: 0 !important;
+  }
+  .widescreen\:right-50 {
+    right: 50% !important;
+  }
+  .widescreen\:right-100 {
+    right: 100% !important;
+  }
+}
+.bottom-auto {
+  bottom: auto !important;
+}
+
+.bottom-0 {
+  bottom: 0 !important;
+}
+
+.bottom-50 {
+  bottom: 50% !important;
+}
+
+.bottom-100 {
+  bottom: 100% !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:bottom-auto {
+    bottom: auto !important;
+  }
+  .mobile\:bottom-0 {
+    bottom: 0 !important;
+  }
+  .mobile\:bottom-50 {
+    bottom: 50% !important;
+  }
+  .mobile\:bottom-100 {
+    bottom: 100% !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:bottom-auto {
+    bottom: auto !important;
+  }
+  .tablet\:bottom-0 {
+    bottom: 0 !important;
+  }
+  .tablet\:bottom-50 {
+    bottom: 50% !important;
+  }
+  .tablet\:bottom-100 {
+    bottom: 100% !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:bottom-auto {
+    bottom: auto !important;
+  }
+  .desktop\:bottom-0 {
+    bottom: 0 !important;
+  }
+  .desktop\:bottom-50 {
+    bottom: 50% !important;
+  }
+  .desktop\:bottom-100 {
+    bottom: 100% !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:bottom-auto {
+    bottom: auto !important;
+  }
+  .widescreen\:bottom-0 {
+    bottom: 0 !important;
+  }
+  .widescreen\:bottom-50 {
+    bottom: 50% !important;
+  }
+  .widescreen\:bottom-100 {
+    bottom: 100% !important;
+  }
+}
+.left-auto {
+  left: auto !important;
+}
+
+.left-0 {
+  left: 0 !important;
+}
+
+.left-50 {
+  left: 50% !important;
+}
+
+.left-100 {
+  left: 100% !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:left-auto {
+    left: auto !important;
+  }
+  .mobile\:left-0 {
+    left: 0 !important;
+  }
+  .mobile\:left-50 {
+    left: 50% !important;
+  }
+  .mobile\:left-100 {
+    left: 100% !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:left-auto {
+    left: auto !important;
+  }
+  .tablet\:left-0 {
+    left: 0 !important;
+  }
+  .tablet\:left-50 {
+    left: 50% !important;
+  }
+  .tablet\:left-100 {
+    left: 100% !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:left-auto {
+    left: auto !important;
+  }
+  .desktop\:left-0 {
+    left: 0 !important;
+  }
+  .desktop\:left-50 {
+    left: 50% !important;
+  }
+  .desktop\:left-100 {
+    left: 100% !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:left-auto {
+    left: auto !important;
+  }
+  .widescreen\:left-0 {
+    left: 0 !important;
+  }
+  .widescreen\:left-50 {
+    left: 50% !important;
+  }
+  .widescreen\:left-100 {
+    left: 100% !important;
+  }
+}
+.z-index-deep {
+  z-index: var(--bal-z-index-deep) !important;
+}
+
+.z-index {
+  z-index: var(--bal-z-index) !important;
+}
+
+.z-index-masked {
+  z-index: var(--bal-z-index-masked) !important;
+}
+
+.z-index-mask {
+  z-index: var(--bal-z-index-mask) !important;
+}
+
+.z-index-sticky {
+  z-index: var(--bal-z-index-sticky) !important;
+}
+
+.z-index-navigation {
+  z-index: var(--bal-z-index-navigation) !important;
+}
+
+.z-index-popup {
+  z-index: var(--bal-z-index-popup) !important;
+}
+
+.z-index-modal {
+  z-index: var(--bal-z-index-modal) !important;
+}
+
+.z-index-toast {
+  z-index: var(--bal-z-index-toast) !important;
+}
+
+.z-index-tooltip {
+  z-index: var(--bal-z-index-tooltip) !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:z-index-deep {
+    z-index: var(--bal-z-index-deep) !important;
+  }
+  .mobile\:z-index {
+    z-index: var(--bal-z-index) !important;
+  }
+  .mobile\:z-index-masked {
+    z-index: var(--bal-z-index-masked) !important;
+  }
+  .mobile\:z-index-mask {
+    z-index: var(--bal-z-index-mask) !important;
+  }
+  .mobile\:z-index-sticky {
+    z-index: var(--bal-z-index-sticky) !important;
+  }
+  .mobile\:z-index-navigation {
+    z-index: var(--bal-z-index-navigation) !important;
+  }
+  .mobile\:z-index-popup {
+    z-index: var(--bal-z-index-popup) !important;
+  }
+  .mobile\:z-index-modal {
+    z-index: var(--bal-z-index-modal) !important;
+  }
+  .mobile\:z-index-toast {
+    z-index: var(--bal-z-index-toast) !important;
+  }
+  .mobile\:z-index-tooltip {
+    z-index: var(--bal-z-index-tooltip) !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:z-index-deep {
+    z-index: var(--bal-z-index-deep) !important;
+  }
+  .tablet\:z-index {
+    z-index: var(--bal-z-index) !important;
+  }
+  .tablet\:z-index-masked {
+    z-index: var(--bal-z-index-masked) !important;
+  }
+  .tablet\:z-index-mask {
+    z-index: var(--bal-z-index-mask) !important;
+  }
+  .tablet\:z-index-sticky {
+    z-index: var(--bal-z-index-sticky) !important;
+  }
+  .tablet\:z-index-navigation {
+    z-index: var(--bal-z-index-navigation) !important;
+  }
+  .tablet\:z-index-popup {
+    z-index: var(--bal-z-index-popup) !important;
+  }
+  .tablet\:z-index-modal {
+    z-index: var(--bal-z-index-modal) !important;
+  }
+  .tablet\:z-index-toast {
+    z-index: var(--bal-z-index-toast) !important;
+  }
+  .tablet\:z-index-tooltip {
+    z-index: var(--bal-z-index-tooltip) !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:z-index-deep {
+    z-index: var(--bal-z-index-deep) !important;
+  }
+  .desktop\:z-index {
+    z-index: var(--bal-z-index) !important;
+  }
+  .desktop\:z-index-masked {
+    z-index: var(--bal-z-index-masked) !important;
+  }
+  .desktop\:z-index-mask {
+    z-index: var(--bal-z-index-mask) !important;
+  }
+  .desktop\:z-index-sticky {
+    z-index: var(--bal-z-index-sticky) !important;
+  }
+  .desktop\:z-index-navigation {
+    z-index: var(--bal-z-index-navigation) !important;
+  }
+  .desktop\:z-index-popup {
+    z-index: var(--bal-z-index-popup) !important;
+  }
+  .desktop\:z-index-modal {
+    z-index: var(--bal-z-index-modal) !important;
+  }
+  .desktop\:z-index-toast {
+    z-index: var(--bal-z-index-toast) !important;
+  }
+  .desktop\:z-index-tooltip {
+    z-index: var(--bal-z-index-tooltip) !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:z-index-deep {
+    z-index: var(--bal-z-index-deep) !important;
+  }
+  .widescreen\:z-index {
+    z-index: var(--bal-z-index) !important;
+  }
+  .widescreen\:z-index-masked {
+    z-index: var(--bal-z-index-masked) !important;
+  }
+  .widescreen\:z-index-mask {
+    z-index: var(--bal-z-index-mask) !important;
+  }
+  .widescreen\:z-index-sticky {
+    z-index: var(--bal-z-index-sticky) !important;
+  }
+  .widescreen\:z-index-navigation {
+    z-index: var(--bal-z-index-navigation) !important;
+  }
+  .widescreen\:z-index-popup {
+    z-index: var(--bal-z-index-popup) !important;
+  }
+  .widescreen\:z-index-modal {
+    z-index: var(--bal-z-index-modal) !important;
+  }
+  .widescreen\:z-index-toast {
+    z-index: var(--bal-z-index-toast) !important;
+  }
+  .widescreen\:z-index-tooltip {
+    z-index: var(--bal-z-index-tooltip) !important;
+  }
+}
+.vertical-align-top {
+  vertical-align: top !important;
+}
+
+.vertical-align-middle {
+  vertical-align: middle !important;
+}
+
+.vertical-align-bottom {
+  vertical-align: bottom !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:vertical-align-top {
+    vertical-align: top !important;
+  }
+  .mobile\:vertical-align-middle {
+    vertical-align: middle !important;
+  }
+  .mobile\:vertical-align-bottom {
+    vertical-align: bottom !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:vertical-align-top {
+    vertical-align: top !important;
+  }
+  .tablet\:vertical-align-middle {
+    vertical-align: middle !important;
+  }
+  .tablet\:vertical-align-bottom {
+    vertical-align: bottom !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:vertical-align-top {
+    vertical-align: top !important;
+  }
+  .desktop\:vertical-align-middle {
+    vertical-align: middle !important;
+  }
+  .desktop\:vertical-align-bottom {
+    vertical-align: bottom !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:vertical-align-top {
+    vertical-align: top !important;
+  }
+  .widescreen\:vertical-align-middle {
+    vertical-align: middle !important;
+  }
+  .widescreen\:vertical-align-bottom {
+    vertical-align: bottom !important;
+  }
+}
+.is-sr-only {
+  border: none !important;
+  clip: rect(0, 0, 0, 0) !important;
+  height: 0.01em !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  position: absolute !important;
+  white-space: nowrap !important;
+  width: 0.01em !important;
+}
+/*# sourceMappingURL=/utilities/layout.css.map */