Файловый менеджер - Редактировать - /home/vspaqvrt/public_html/wp-content/plugins/borderless/assets/styles/borderless.css
Назад
@charset "UTF-8"; /*! * Borderless - https://wpborderless.com * Copyright 2010-2022 Visualmodo, An Internet Company * Licensed under MIT (https://wpborderless.com) */ .borderless-transition-faster { transition: all 0.1s linear; } .borderless-transition-fast { transition: all 0.15s linear; } .borderless-transition { transition: all 0.2s linear; } .borderless-transition-slow { transition: all 0.4s linear; } .borderless-transition-slower { transition: all 0.6s linear; } :root { --borderless-viewport-xs: 32rem; --borderless-viewport-sm: 48rem; --borderless-viewport-md: 64rem; --borderless-viewport-lg: 80rem; --borderless-viewport-xl: 90rem; --borderless-viewport-xxl: 100rem; --borderless-viewport-xxxl: 150rem; } .borderless-btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .borderless-btn:hover { text-decoration: none !important; } .borderless-btn.borderless-btn--primary.borderless-btn--contained { color: #fff !important; background-color: var(--borderless-color-primary); border-color: var(--borderless-color-primary); } .borderless-btn.borderless-btn--primary.borderless-btn--contained:hover { color: #fff; background-color: var(--borderless-color-primary-dark); border-color: var(--borderless-color-primary-darker); } .borderless-btn.borderless-btn--primary.borderless-btn--outline { color: var(--borderless-color-primary); border-color: var(--borderless-color-primary); } .borderless-btn.borderless-btn--primary.borderless-btn--outline:hover { color: #fff; background-color: var(--borderless-color-primary); border-color: var(--borderless-color-primary); } .borderless-btn.borderless-btn--primary.borderless-btn--text { color: var(--borderless-color-primary); } .borderless-btn.borderless-btn--primary.borderless-btn--text:hover { color: var(--borderless-color-primary-dark); } .borderless-btn.borderless-btn--secondary.borderless-btn--contained { color: #fff !important; background-color: var(--borderless-color-secondary); border-color: var(--borderless-color-secondary); } .borderless-btn.borderless-btn--secondary.borderless-btn--contained:hover { color: #fff; background-color: var(--borderless-color-secondary-dark); border-color: var(--borderless-color-secondary-darker); } .borderless-btn.borderless-btn--secondary.borderless-btn--outline { color: var(--borderless-color-secondary); border-color: var(--borderless-color-secondary); } .borderless-btn.borderless-btn--secondary.borderless-btn--outline:hover { color: #fff; background-color: var(--borderless-color-secondary); border-color: var(--borderless-color-secondary); } .borderless-btn.borderless-btn--secondary.borderless-btn--text { color: var(--borderless-color-secondary); } .borderless-btn.borderless-btn--secondary.borderless-btn--text:hover { color: var(--borderless-color-secondary-dark); } .borderless-btn.borderless-btn--tertiary.borderless-btn--contained { color: #fff !important; background-color: var(--borderless-color-tertiary); border-color: var(--borderless-color-tertiary); } .borderless-btn.borderless-btn--tertiary.borderless-btn--contained:hover { color: #fff; background-color: var(--borderless-color-tertiary-dark); border-color: var(--borderless-color-tertiary-darker); } .borderless-btn.borderless-btn--tertiary.borderless-btn--outline { color: var(--borderless-color-tertiary); border-color: var(--borderless-color-tertiary); } .borderless-btn.borderless-btn--tertiary.borderless-btn--outline:hover { color: #fff; background-color: var(--borderless-color-tertiary); border-color: var(--borderless-color-tertiary); } .borderless-btn.borderless-btn--tertiary.borderless-btn--text { color: var(--borderless-color-tertiary); } .borderless-btn.borderless-btn--tertiary.borderless-btn--text:hover { color: var(--borderless-color-tertiary-dark); } .borderless-btn.borderless-btn--light.borderless-btn--contained { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .borderless-btn.borderless-btn--light.borderless-btn--contained:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .borderless-btn.borderless-btn--light.borderless-btn--outline { color: #f8f9fa; border-color: #f8f9fa; } .borderless-btn.borderless-btn--light.borderless-btn--outline:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .borderless-btn.borderless-btn--light.borderless-btn--text { color: #222; } .borderless-btn.borderless-btn--light.borderless-btn--text:hover { color: #000; } .borderless-btn.borderless-btn--dark.borderless-btn--contained { color: #fff; background-color: #212529; border-color: #212529; } .borderless-btn.borderless-btn--dark.borderless-btn--contained:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21; } .borderless-btn.borderless-btn--dark.borderless-btn--outline { color: #212529; border-color: #212529; } .borderless-btn.borderless-btn--dark.borderless-btn--outline:hover { color: #fff; background-color: #212529; border-color: #212529; } .borderless-btn.borderless-btn--dark.borderless-btn--text { color: #ccc; } .borderless-btn.borderless-btn--dark.borderless-btn--text:hover { color: #fff; } .borderless-btn.borderless-btn--sm { padding: .25rem .5rem !important; font-size: .875rem !important; border-radius: .2rem !important; } .borderless-btn.borderless-btn--lg { padding: .5rem 1rem !important; font-size: 1.25rem !important; border-radius: .3rem !important; } .borderless-btn.borderless-btn--block { width: 100% !important; } .borderless-btn.borderless-btn--square { border-radius: 0 !important; } .borderless-btn.borderless-btn--round { border-radius: 999px !important; } :root, [data-theme="default"] { --borderless-black: hsl(100, 100%, 0%); --borderless-black-h: 100; --borderless-black-s: 100%; --borderless-black-l: 0%; --borderless-white: hsl(0, 0%, 100%); --borderless-white-h: 0; --borderless-white-s: 0%; --borderless-white-l: 100%; --borderless-warning-darker: hsl(56, 99%, 26%); --borderless-warning-darker-h: 56; --borderless-warning-darker-s: 99%; --borderless-warning-darker-l: 26%; --borderless-warning-dark: hsl(56, 99%, 36%); --borderless-warning-dark-h: 56; --borderless-warning-dark-s: 99%; --borderless-warning-dark-l: 36%; --borderless-warning: hsl(56, 99%, 46%); --borderless-warning-h: 56; --borderless-warning-s: 99%; --borderless-warning-l: 46%; --borderless-warning-light: hsl(56, 99%, 56%); --borderless-warning-light-h: 56; --borderless-warning-light-s: 99%; --borderless-warning-light-l: 56%; --borderless-warning-lighter: hsl(56, 99%, 66%); --borderless-warning-lighter-h: 56; --borderless-warning-lighter-s: 99%; --borderless-warning-lighter-l: 66%; --borderless-success-darker: hsl(129, 100%, 30%); --borderless-success-darker-h: 129; --borderless-success-darker-s: 100%; --borderless-success-darker-l: 30%; --borderless-success-dark: hsl(129, 100%, 40%); --borderless-success-dark-h: 129; --borderless-success-dark-s: 100%; --borderless-success-dark-l: 40%; --borderless-success: hsl(129, 100%, 50%); --borderless-success-h: 129; --borderless-success-s: 100%; --borderless-success-l: 50%; --borderless-success-light: hsl(129, 100%, 60%); --borderless-success-light-h: 129; --borderless-success-light-s: 100%; --borderless-success-light-l: 60%; --borderless-success-lighter: hsl(129, 100%, 70%); --borderless-success-lighter-h: 129; --borderless-success-lighter-s: 100%; --borderless-success-lighter-l: 70%; --borderless-error-darker: hsl(342, 100%, 26%); --borderless-error-darker-h: 342; --borderless-error-darker-s: 100%; --borderless-error-darker-l: 26%; --borderless-error-dark: hsl(342, 100%, 36%); --borderless-error-dark-h: 342; --borderless-error-dark-s: 100%; --borderless-error-dark-l: 36%; --borderless-error: hsl(342, 100%, 46%); --borderless-error-h: 342; --borderless-error-s: 100%; --borderless-error-l: 46%; --borderless-error-light: hsl(342, 100%, 56%); --borderless-error-light-h: 342; --borderless-error-light-s: 100%; --borderless-error-light-l: 56%; --borderless-error-lighter: hsl(342, 100%, 66%); --borderless-error-lighter-h: 342; --borderless-error-lighter-s: 100%; --borderless-error-lighter-l: 66%; --borderless-gray-100: hsl(210, 17%, 98%); --borderless-gray-100-h: 210; --borderless-gray-100-s: 17%; --borderless-gray-100-l: 98%; --borderless-gray-200: hsl(210, 16%, 93%); --borderless-gray-200-h: 210; --borderless-gray-200-s: 16%; --borderless-gray-200-l: 93%; --borderless-gray-300: hsl(210, 14%, 89%); --borderless-gray-300-h: 210; --borderless-gray-300-s: 14%; --borderless-gray-300-l: 89%; --borderless-gray-400: hsl(210, 14%, 83%); --borderless-gray-400-h: 210; --borderless-gray-400-s: 14%; --borderless-gray-400-l: 83%; --borderless-gray-500: hsl(210, 11%, 71%); --borderless-gray-500-h: 210; --borderless-gray-500-s: 11%; --borderless-gray-500-l: 71%; --borderless-gray-600: hsl(208, 7%, 46%); --borderless-gray-600-h: 208; --borderless-gray-600-s: 7%; --borderless-gray-600-l: 46%; --borderless-gray-700: hsl(210, 9%, 31%); --borderless-gray-700-h: 210; --borderless-gray-700-s: 9%; --borderless-gray-700-l: 31%; --borderless-gray-800: hsl(210, 10%, 23%); --borderless-gray-800-h: 210; --borderless-gray-800-s: 10%; --borderless-gray-800-l: 23%; --borderless-gray-900: hsl(210, 11%, 15%); --borderless-gray-900-h: 210; --borderless-gray-900-s: 11%; --borderless-gray-900-l: 15%; } :root { --borderless-corner-square: 0px; --borderless-corner-rounded: 3px; --borderless-corner-round: 9999px; } .borderless-corner-square { border-radius: var(--borderless-corner-square); } .borderless-corner-square-top-left { border-top-left-radius: var(--borderless-corner-square); } .borderless-corner-square-top-right { border-top-right-radius: var(--borderless-corner-square); } .borderless-corner-square-bottom-left { border-bottom-left-radius: var(--borderless-corner-square); } .borderless-corner-square-bottom-right { border-bottom-right-radius: var(--borderless-corner-square); } .borderless-corner-rounded { border-radius: var(--borderless-corner-rounded); } .borderless-corner-rounded-top-left { border-top-left-radius: var(--borderless-corner-rounded); } .borderless-corner-rounded-top-right { border-top-right-radius: var(--borderless-corner-rounded); } .borderless-corner-rounded-bottom-left { border-bottom-left-radius: var(--borderless-corner-rounded); } .borderless-corner-rounded-bottom-right { border-bottom-right-radius: var(--borderless-corner-rounded); } .borderless-corner-round { border-radius: var(--borderless-corner-round); } .borderless-corner-round-top-left { border-top-left-radius: var(--borderless-corner-round); } .borderless-corner-round-top-right { border-top-right-radius: var(--borderless-corner-round); } .borderless-corner-round-bottom-left { border-bottom-left-radius: var(--borderless-corner-round); } .borderless-corner-round-bottom-right { border-bottom-right-radius: var(--borderless-corner-round); } :root { --borderless-form-padding-x: var(--borderless-unit-sm); --borderless-form-padding-y: var(--borderless-unit-xs); --borderless-form-radius: 0.25em; } .borderless-form-control { background-color: var(--borderless-color-bg); padding: var(--borderless-unit-xs) var(--borderless-unit-sm); border-radius: var(--borderless-form-radius); border: 2px solid var(--borderless-gray-400); } .borderless-form-control::-webkit-input-placeholder { color: var(--borderless-gray-600); } .borderless-form-control::-moz-placeholder { color: var(--borderless-gray-600); } .borderless-form-control:-moz-placeholder { color: var(--borderless-gray-600); } .borderless-form-control:focus { border-color: var(--borderless-primary); box-shadow: 0px 0px 0px 3px hsla(var(--borderless-primary-h), var(--borderless-primary-s), var(--borderless-primary-l), 0.2); outline: none; } .borderless-form-control[disabled], .borderless-form-control[readonly] { cursor: not-allowed; } .borderless-form-control[aria-invalid="true"] { border-color: var(--borderless-error); } .borderless-form-control[aria-invalid="true"]:focus { box-shadow: 0px 0px 0px 3px hsla(var(--borderless-error-h), var(--borderless-error-s), var(--borderless-error-l), 0.2); } .borderless-form-legend { color: var(--borderless-gray-900); font-size: var(--borderless-font-size-md); line-height: 1.2; margin-bottom: var(--borderless-unit-xxs); } .borderless-form-label { font-size: var(--borderless-font-size-sm); display: inline-block; } .borderless-form-error-msg { color: var(--borderless-error, #eb0046); font-size: var(--borderless-font-size-sm, 0.833em); margin-top: var(--borderless-unit-xxs); position: absolute; clip: rect(1px, 1px, 1px, 1px); } .borderless-form-error-msg--borderless-is-visible { position: relative; clip: auto; } .borderless-radio-list > *, .borderless-checkbox-list > * { position: relative; display: flex; align-items: baseline; } .borderless-radio-list label, .borderless-checkbox-list label { line-height: var(--borderless-body-line-height); } .borderless-radio-list input, .borderless-checkbox-list input { margin-right: var(--borderless-unit-xxxs); flex-shrink: 0; } .borderless-container { width: calc(100% - 2*var(--borderless-component-padding)); margin-left: auto; margin-right: auto; } .borderless-container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .borderless-container-full { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } .borderless-grid, .borderless-flex, .borderless-inline-flex { --borderless-gap: 0px; --borderless-gap-x: var(--borderless-gap); --borderless-gap-y: var(--borderless-gap); gap: var(--borderless-gap-y) var(--borderless-gap-x); } .borderless-grid > *, .borderless-flex > *, .borderless-inline-flex > * { --borderless-sub-gap: 0px; --borderless-sub-gap-x: var(--borderless-sub-gap); --borderless-sub-gap-y: var(--borderless-sub-gap); } .borderless-grid { --borderless-grid-columns: 12; display: flex; flex-wrap: wrap; } .borderless-grid > * { flex-basis: 100%; max-width: 100%; min-width: 0; } /* #region (Safari < 14.1 fallback) */ @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { @supports not (translate: none) { .borderless-grid, .borderless-flex[class*="gap-"], .borderless-inline-flex[class*="gap-"] { gap: 0px; margin-bottom: calc(-1 * var(--borderless-gap-y)); margin-left: calc(-1 * var(--borderless-gap-x)); } .borderless-grid > *, .borderless-flex[class*="gap-"] > *, .borderless-inline-flex[class*="gap-"] > * { margin-bottom: var(--borderless-gap-y); } .borderless-grid { --borderless-offset: var(--borderless-gap-x); --borderless-gap-modifier: 0; --borderless-offset-modifier: 1; } .borderless-grid > * { margin-left: var(--borderless-offset); } .borderless-flex[class*="gap-"] > *, .borderless-inline-flex[class*="gap-"] > * { margin-left: var(--borderless-gap-x); } } } /* #endregion */ .borderless-gap-xxxxs { --borderless-gap-x: var(--borderless-space-xxxxs); --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxxs > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxs { --borderless-gap-x: var(--borderless-space-xxxs); --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxxs > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxs { --borderless-gap-x: var(--borderless-space-xxs); --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-xxs > * { --borderless-sub-gap-x: var(--borderless-space-xxs); --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-xs { --borderless-gap-x: var(--borderless-space-xs); --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-xs > * { --borderless-sub-gap-x: var(--borderless-space-xs); --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-sm { --borderless-gap-x: var(--borderless-space-sm); --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-sm > * { --borderless-sub-gap-x: var(--borderless-space-sm); --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-md { --borderless-gap-x: var(--borderless-space-md); --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-md > * { --borderless-sub-gap-x: var(--borderless-space-md); --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-lg { --borderless-gap-x: var(--borderless-space-lg); --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-lg > * { --borderless-sub-gap-x: var(--borderless-space-lg); --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-xl { --borderless-gap-x: var(--borderless-space-xl); --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-xl > * { --borderless-sub-gap-x: var(--borderless-space-xl); --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-xxl { --borderless-gap-x: var(--borderless-space-xxl); --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxl); --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxxl { --borderless-gap-x: var(--borderless-space-xxxl); --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxxl { --borderless-gap-x: var(--borderless-space-xxxxl); --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-xxxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-0 { --borderless-gap-x: 0; --borderless-gap-y: 0; } .borderless-gap-0 > * { --borderless-sub-gap-x: 0; --borderless-sub-gap-y: 0; } .borderless-gap-x-xxxxs { --borderless-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxxs > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxs { --borderless-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxxs > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxs { --borderless-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xxs > * { --borderless-sub-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xs { --borderless-gap-x: var(--borderless-space-xs); } .borderless-gap-x-xs > * { --borderless-sub-gap-x: var(--borderless-space-xs); } .borderless-gap-x-sm { --borderless-gap-x: var(--borderless-space-sm); } .borderless-gap-x-sm > * { --borderless-sub-gap-x: var(--borderless-space-sm); } .borderless-gap-x-md { --borderless-gap-x: var(--borderless-space-md); } .borderless-gap-x-md > * { --borderless-sub-gap-x: var(--borderless-space-md); } .borderless-gap-x-lg { --borderless-gap-x: var(--borderless-space-lg); } .borderless-gap-x-lg > * { --borderless-sub-gap-x: var(--borderless-space-lg); } .borderless-gap-x-xl { --borderless-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xl > * { --borderless-sub-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xxl { --borderless-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxxl { --borderless-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxxl { --borderless-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-xxxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-0 { --borderless-gap-x: 0; } .borderless-gap-x-0 > * { --borderless-sub-gap-x: 0; } .borderless-gap-y-xxxxs { --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxxs > * { --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxs { --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxxs > * { --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxs { --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xxs > * { --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xs { --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-y-xs > * { --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-y-sm { --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-y-sm > * { --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-y-md { --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-y-md > * { --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-y-lg { --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-y-lg > * { --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-y-xl { --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xl > * { --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xxl { --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxl > * { --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxxl { --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxl > * { --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxxl { --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-xxxxl > * { --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-0 { --borderless-gap-y: 0; } .borderless-gap-y-0 > * { --borderless-sub-gap-y: 0; } .borderless-grid-cell-1 { --borderless-grid-columns: 1; } .borderless-cell-1 { --borderless-span: 1; } .borderless-grid-cell-2 { --borderless-grid-columns: 2; } .borderless-cell-2 { --borderless-span: 2; } .borderless-grid-cell-3 { --borderless-grid-columns: 3; } .borderless-cell-3 { --borderless-span: 3; } .borderless-grid-cell-4 { --borderless-grid-columns: 4; } .borderless-cell-4 { --borderless-span: 4; } .borderless-grid-cell-5 { --borderless-grid-columns: 5; } .borderless-cell-5 { --borderless-span: 5; } .borderless-grid-cell-6 { --borderless-grid-columns: 6; } .borderless-cell-6 { --borderless-span: 6; } .borderless-grid-cell-7 { --borderless-grid-columns: 7; } .borderless-cell-7 { --borderless-span: 7; } .borderless-grid-cell-8 { --borderless-grid-columns: 8; } .borderless-cell-8 { --borderless-span: 8; } .borderless-grid-cell-9 { --borderless-grid-columns: 9; } .borderless-cell-9 { --borderless-span: 9; } .borderless-grid-cell-10 { --borderless-grid-columns: 10; } .borderless-cell-10 { --borderless-span: 10; } .borderless-grid-cell-11 { --borderless-grid-columns: 11; } .borderless-cell-11 { --borderless-span: 11; } .borderless-grid-cell-12 { --borderless-grid-columns: 12; } .borderless-cell-12 { --borderless-span: 12; } .borderless-cell-1, .borderless-cell-2, .borderless-cell-3, .borderless-cell-4, .borderless-cell-5, .borderless-cell-6, .borderless-cell-7, .borderless-cell-8, .borderless-cell-9, .borderless-cell-10, .borderless-cell-11, .borderless-cell-12 { flex-basis: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); max-width: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); } .borderless-cell { flex-grow: 1; flex-basis: 0; max-width: 100%; } .borderless-cell-content { flex-grow: 0; flex-basis: initial; max-width: initial; } .borderless-offset-1 { --borderless-offset: 1; } .borderless-offset-2 { --borderless-offset: 2; } .borderless-offset-3 { --borderless-offset: 3; } .borderless-offset-4 { --borderless-offset: 4; } .borderless-offset-5 { --borderless-offset: 5; } .borderless-offset-6 { --borderless-offset: 6; } .borderless-offset-7 { --borderless-offset: 7; } .borderless-offset-8 { --borderless-offset: 8; } .borderless-offset-9 { --borderless-offset: 9; } .borderless-offset-10 { --borderless-offset: 10; } .borderless-offset-11 { --borderless-offset: 11; } .borderless-offset-1, .borderless-offset-2, .borderless-offset-3, .borderless-offset-4, .borderless-offset-5, .borderless-offset-6, .borderless-offset-7, .borderless-offset-8, .borderless-offset-9, .borderless-offset-10, .borderless-offset-11 { margin-left: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-offset) / var(--borderless-grid-columns)) + (var(--borderless-offset) + var(--borderless-offset-modifier, 0)) * var(--borderless-sub-gap-x)); } @media (min-width: 32rem) { .borderless-gap-xxxxs\@xs { --borderless-gap-x: var(--borderless-space-xxxxs); --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxxs\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxs\@xs { --borderless-gap-x: var(--borderless-space-xxxs); --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxxs\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxs\@xs { --borderless-gap-x: var(--borderless-space-xxs); --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-xxs\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxs); --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-xs\@xs { --borderless-gap-x: var(--borderless-space-xs); --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-xs\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xs); --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-sm\@xs { --borderless-gap-x: var(--borderless-space-sm); --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-sm\@xs > * { --borderless-sub-gap-x: var(--borderless-space-sm); --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-md\@xs { --borderless-gap-x: var(--borderless-space-md); --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-md\@xs > * { --borderless-sub-gap-x: var(--borderless-space-md); --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-lg\@xs { --borderless-gap-x: var(--borderless-space-lg); --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-lg\@xs > * { --borderless-sub-gap-x: var(--borderless-space-lg); --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-xl\@xs { --borderless-gap-x: var(--borderless-space-xl); --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-xl\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xl); --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-xxl\@xs { --borderless-gap-x: var(--borderless-space-xxl); --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxl\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxl); --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxxl\@xs { --borderless-gap-x: var(--borderless-space-xxxl); --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxl\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxxl\@xs { --borderless-gap-x: var(--borderless-space-xxxxl); --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-xxxxl\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-0\@xs { --borderless-gap-x: 0; --borderless-gap-y: 0; } .borderless-gap-0\@xs > * { --borderless-sub-gap-x: 0; --borderless-sub-gap-y: 0; } .borderless-gap-x-xxxxs\@xs { --borderless-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxxs\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxs\@xs { --borderless-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxxs\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxs\@xs { --borderless-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xxs\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xs\@xs { --borderless-gap-x: var(--borderless-space-xs); } .borderless-gap-x-xs\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xs); } .borderless-gap-x-sm\@xs { --borderless-gap-x: var(--borderless-space-sm); } .borderless-gap-x-sm\@xs > * { --borderless-sub-gap-x: var(--borderless-space-sm); } .borderless-gap-x-md\@xs { --borderless-gap-x: var(--borderless-space-md); } .borderless-gap-x-md\@xs > * { --borderless-sub-gap-x: var(--borderless-space-md); } .borderless-gap-x-lg\@xs { --borderless-gap-x: var(--borderless-space-lg); } .borderless-gap-x-lg\@xs > * { --borderless-sub-gap-x: var(--borderless-space-lg); } .borderless-gap-x-xl\@xs { --borderless-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xl\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xxl\@xs { --borderless-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxl\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxxl\@xs { --borderless-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxl\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxxl\@xs { --borderless-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-xxxxl\@xs > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-0\@xs { --borderless-gap-x: 0; } .borderless-gap-x-0\@xs > * { --borderless-sub-gap-x: 0; } .borderless-gap-y-xxxxs\@xs { --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxxs\@xs > * { --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxs\@xs { --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxxs\@xs > * { --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxs\@xs { --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xxs\@xs > * { --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xs\@xs { --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-y-xs\@xs > * { --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-y-sm\@xs { --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-y-sm\@xs > * { --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-y-md\@xs { --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-y-md\@xs > * { --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-y-lg\@xs { --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-y-lg\@xs > * { --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-y-xl\@xs { --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xl\@xs > * { --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xxl\@xs { --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxl\@xs > * { --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxxl\@xs { --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxl\@xs > * { --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxxl\@xs { --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-xxxxl\@xs > * { --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-0\@xs { --borderless-gap-y: 0; } .borderless-gap-y-0\@xs > * { --borderless-sub-gap-y: 0; } .borderless-grid-cell-1\@xs { --borderless-grid-columns: 1; } .borderless-cell-1\@xs { --borderless-span: 1; } .borderless-grid-cell-2\@xs { --borderless-grid-columns: 2; } .borderless-cell-2\@xs { --borderless-span: 2; } .borderless-grid-cell-3\@xs { --borderless-grid-columns: 3; } .borderless-cell-3\@xs { --borderless-span: 3; } .borderless-grid-cell-4\@xs { --borderless-grid-columns: 4; } .borderless-cell-4\@xs { --borderless-span: 4; } .borderless-grid-cell-5\@xs { --borderless-grid-columns: 5; } .borderless-cell-5\@xs { --borderless-span: 5; } .borderless-grid-cell-6\@xs { --borderless-grid-columns: 6; } .borderless-cell-6\@xs { --borderless-span: 6; } .borderless-grid-cell-7\@xs { --borderless-grid-columns: 7; } .borderless-cell-7\@xs { --borderless-span: 7; } .borderless-grid-cell-8\@xs { --borderless-grid-columns: 8; } .borderless-cell-8\@xs { --borderless-span: 8; } .borderless-grid-cell-9\@xs { --borderless-grid-columns: 9; } .borderless-cell-9\@xs { --borderless-span: 9; } .borderless-grid-cell-10\@xs { --borderless-grid-columns: 10; } .borderless-cell-10\@xs { --borderless-span: 10; } .borderless-grid-cell-11\@xs { --borderless-grid-columns: 11; } .borderless-cell-11\@xs { --borderless-span: 11; } .borderless-grid-cell-12\@xs { --borderless-grid-columns: 12; } .borderless-cell-12\@xs { --borderless-span: 12; } .borderless-cell-1\@xs, .borderless-cell-2\@xs, .borderless-cell-3\@xs, .borderless-cell-4\@xs, .borderless-cell-5\@xs, .borderless-cell-6\@xs, .borderless-cell-7\@xs, .borderless-cell-8\@xs, .borderless-cell-9\@xs, .borderless-cell-10\@xs, .borderless-cell-11\@xs, .borderless-cell-12\@xs { flex-basis: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); max-width: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); } .borderless-cell\@xs { flex-grow: 1; flex-basis: 0; max-width: 100%; } .borderless-cell-content\@xs { flex-grow: 0; flex-basis: initial; max-width: initial; } .borderless-offset-1\@xs { --borderless-offset: 1; } .borderless-offset-2\@xs { --borderless-offset: 2; } .borderless-offset-3\@xs { --borderless-offset: 3; } .borderless-offset-4\@xs { --borderless-offset: 4; } .borderless-offset-5\@xs { --borderless-offset: 5; } .borderless-offset-6\@xs { --borderless-offset: 6; } .borderless-offset-7\@xs { --borderless-offset: 7; } .borderless-offset-8\@xs { --borderless-offset: 8; } .borderless-offset-9\@xs { --borderless-offset: 9; } .borderless-offset-10\@xs { --borderless-offset: 10; } .borderless-offset-11\@xs { --borderless-offset: 11; } .borderless-offset-1\@xs, .borderless-offset-2\@xs, .borderless-offset-3\@xs, .borderless-offset-4\@xs, .borderless-offset-5\@xs, .borderless-offset-6\@xs, .borderless-offset-7\@xs, .borderless-offset-8\@xs, .borderless-offset-9\@xs, .borderless-offset-10\@xs, .borderless-offset-11\@xs { margin-left: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-offset) / var(--borderless-grid-columns)) + (var(--borderless-offset) + var(--borderless-offset-modifier, 0)) * var(--borderless-sub-gap-x)); } .borderless-offset-0\@xs { margin-left: 0; } } @media (min-width: 48rem) { .borderless-gap-xxxxs\@sm { --borderless-gap-x: var(--borderless-space-xxxxs); --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxxs\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxs\@sm { --borderless-gap-x: var(--borderless-space-xxxs); --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxxs\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxs\@sm { --borderless-gap-x: var(--borderless-space-xxs); --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-xxs\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxs); --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-xs\@sm { --borderless-gap-x: var(--borderless-space-xs); --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-xs\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xs); --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-sm\@sm { --borderless-gap-x: var(--borderless-space-sm); --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-sm\@sm > * { --borderless-sub-gap-x: var(--borderless-space-sm); --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-md\@sm { --borderless-gap-x: var(--borderless-space-md); --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-md\@sm > * { --borderless-sub-gap-x: var(--borderless-space-md); --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-lg\@sm { --borderless-gap-x: var(--borderless-space-lg); --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-lg\@sm > * { --borderless-sub-gap-x: var(--borderless-space-lg); --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-xl\@sm { --borderless-gap-x: var(--borderless-space-xl); --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-xl\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xl); --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-xxl\@sm { --borderless-gap-x: var(--borderless-space-xxl); --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxl\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxl); --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxxl\@sm { --borderless-gap-x: var(--borderless-space-xxxl); --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxl\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxxl\@sm { --borderless-gap-x: var(--borderless-space-xxxxl); --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-xxxxl\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-0\@sm { --borderless-gap-x: 0; --borderless-gap-y: 0; } .borderless-gap-0\@sm > * { --borderless-sub-gap-x: 0; --borderless-sub-gap-y: 0; } .borderless-gap-x-xxxxs\@sm { --borderless-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxxs\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxs\@sm { --borderless-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxxs\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxs\@sm { --borderless-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xxs\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xs\@sm { --borderless-gap-x: var(--borderless-space-xs); } .borderless-gap-x-xs\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xs); } .borderless-gap-x-sm\@sm { --borderless-gap-x: var(--borderless-space-sm); } .borderless-gap-x-sm\@sm > * { --borderless-sub-gap-x: var(--borderless-space-sm); } .borderless-gap-x-md\@sm { --borderless-gap-x: var(--borderless-space-md); } .borderless-gap-x-md\@sm > * { --borderless-sub-gap-x: var(--borderless-space-md); } .borderless-gap-x-lg\@sm { --borderless-gap-x: var(--borderless-space-lg); } .borderless-gap-x-lg\@sm > * { --borderless-sub-gap-x: var(--borderless-space-lg); } .borderless-gap-x-xl\@sm { --borderless-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xl\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xxl\@sm { --borderless-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxl\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxxl\@sm { --borderless-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxl\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxxl\@sm { --borderless-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-xxxxl\@sm > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-0\@sm { --borderless-gap-x: 0; } .borderless-gap-x-0\@sm > * { --borderless-sub-gap-x: 0; } .borderless-gap-y-xxxxs\@sm { --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxxs\@sm > * { --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxs\@sm { --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxxs\@sm > * { --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxs\@sm { --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xxs\@sm > * { --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xs\@sm { --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-y-xs\@sm > * { --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-y-sm\@sm { --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-y-sm\@sm > * { --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-y-md\@sm { --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-y-md\@sm > * { --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-y-lg\@sm { --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-y-lg\@sm > * { --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-y-xl\@sm { --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xl\@sm > * { --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xxl\@sm { --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxl\@sm > * { --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxxl\@sm { --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxl\@sm > * { --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxxl\@sm { --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-xxxxl\@sm > * { --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-0\@sm { --borderless-gap-y: 0; } .borderless-gap-y-0\@sm > * { --borderless-sub-gap-y: 0; } .borderless-grid-cell-1\@sm { --borderless-grid-columns: 1; } .borderless-cell-1\@sm { --borderless-span: 1; } .borderless-grid-cell-2\@sm { --borderless-grid-columns: 2; } .borderless-cell-2\@sm { --borderless-span: 2; } .borderless-grid-cell-3\@sm { --borderless-grid-columns: 3; } .borderless-cell-3\@sm { --borderless-span: 3; } .borderless-grid-cell-4\@sm { --borderless-grid-columns: 4; } .borderless-cell-4\@sm { --borderless-span: 4; } .borderless-grid-cell-5\@sm { --borderless-grid-columns: 5; } .borderless-cell-5\@sm { --borderless-span: 5; } .borderless-grid-cell-6\@sm { --borderless-grid-columns: 6; } .borderless-cell-6\@sm { --borderless-span: 6; } .borderless-grid-cell-7\@sm { --borderless-grid-columns: 7; } .borderless-cell-7\@sm { --borderless-span: 7; } .borderless-grid-cell-8\@sm { --borderless-grid-columns: 8; } .borderless-cell-8\@sm { --borderless-span: 8; } .borderless-grid-cell-9\@sm { --borderless-grid-columns: 9; } .borderless-cell-9\@sm { --borderless-span: 9; } .borderless-grid-cell-10\@sm { --borderless-grid-columns: 10; } .borderless-cell-10\@sm { --borderless-span: 10; } .borderless-grid-cell-11\@sm { --borderless-grid-columns: 11; } .borderless-cell-11\@sm { --borderless-span: 11; } .borderless-grid-cell-12\@sm { --borderless-grid-columns: 12; } .borderless-cell-12\@sm { --borderless-span: 12; } .borderless-cell-1\@sm, .borderless-cell-2\@sm, .borderless-cell-3\@sm, .borderless-cell-4\@sm, .borderless-cell-5\@sm, .borderless-cell-6\@sm, .borderless-cell-7\@sm, .borderless-cell-8\@sm, .borderless-cell-9\@sm, .borderless-cell-10\@sm, .borderless-cell-11\@sm, .borderless-cell-12\@sm { flex-basis: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); max-width: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); } .borderless-cell\@sm { flex-grow: 1; flex-basis: 0; max-width: 100%; } .borderless-cell-content\@sm { flex-grow: 0; flex-basis: initial; max-width: initial; } .borderless-offset-1\@sm { --borderless-offset: 1; } .borderless-offset-2\@sm { --borderless-offset: 2; } .borderless-offset-3\@sm { --borderless-offset: 3; } .borderless-offset-4\@sm { --borderless-offset: 4; } .borderless-offset-5\@sm { --borderless-offset: 5; } .borderless-offset-6\@sm { --borderless-offset: 6; } .borderless-offset-7\@sm { --borderless-offset: 7; } .borderless-offset-8\@sm { --borderless-offset: 8; } .borderless-offset-9\@sm { --borderless-offset: 9; } .borderless-offset-10\@sm { --borderless-offset: 10; } .borderless-offset-11\@sm { --borderless-offset: 11; } .borderless-offset-1\@sm, .borderless-offset-2\@sm, .borderless-offset-3\@sm, .borderless-offset-4\@sm, .borderless-offset-5\@sm, .borderless-offset-6\@sm, .borderless-offset-7\@sm, .borderless-offset-8\@sm, .borderless-offset-9\@sm, .borderless-offset-10\@sm, .borderless-offset-11\@sm { margin-left: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-offset) / var(--borderless-grid-columns)) + (var(--borderless-offset) + var(--borderless-offset-modifier, 0)) * var(--borderless-sub-gap-x)); } .borderless-offset-0\@sm { margin-left: 0; } } @media (min-width: 64rem) { .borderless-gap-xxxxs\@md { --borderless-gap-x: var(--borderless-space-xxxxs); --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxxs\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxs\@md { --borderless-gap-x: var(--borderless-space-xxxs); --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxxs\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxs\@md { --borderless-gap-x: var(--borderless-space-xxs); --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-xxs\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxs); --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-xs\@md { --borderless-gap-x: var(--borderless-space-xs); --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-xs\@md > * { --borderless-sub-gap-x: var(--borderless-space-xs); --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-sm\@md { --borderless-gap-x: var(--borderless-space-sm); --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-sm\@md > * { --borderless-sub-gap-x: var(--borderless-space-sm); --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-md\@md { --borderless-gap-x: var(--borderless-space-md); --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-md\@md > * { --borderless-sub-gap-x: var(--borderless-space-md); --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-lg\@md { --borderless-gap-x: var(--borderless-space-lg); --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-lg\@md > * { --borderless-sub-gap-x: var(--borderless-space-lg); --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-xl\@md { --borderless-gap-x: var(--borderless-space-xl); --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-xl\@md > * { --borderless-sub-gap-x: var(--borderless-space-xl); --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-xxl\@md { --borderless-gap-x: var(--borderless-space-xxl); --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxl\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxl); --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxxl\@md { --borderless-gap-x: var(--borderless-space-xxxl); --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxl\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxxl\@md { --borderless-gap-x: var(--borderless-space-xxxxl); --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-xxxxl\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-0\@md { --borderless-gap-x: 0; --borderless-gap-y: 0; } .borderless-gap-0\@md > * { --borderless-sub-gap-x: 0; --borderless-sub-gap-y: 0; } .borderless-gap-x-xxxxs\@md { --borderless-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxxs\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxs\@md { --borderless-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxxs\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxs\@md { --borderless-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xxs\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xs\@md { --borderless-gap-x: var(--borderless-space-xs); } .borderless-gap-x-xs\@md > * { --borderless-sub-gap-x: var(--borderless-space-xs); } .borderless-gap-x-sm\@md { --borderless-gap-x: var(--borderless-space-sm); } .borderless-gap-x-sm\@md > * { --borderless-sub-gap-x: var(--borderless-space-sm); } .borderless-gap-x-md\@md { --borderless-gap-x: var(--borderless-space-md); } .borderless-gap-x-md\@md > * { --borderless-sub-gap-x: var(--borderless-space-md); } .borderless-gap-x-lg\@md { --borderless-gap-x: var(--borderless-space-lg); } .borderless-gap-x-lg\@md > * { --borderless-sub-gap-x: var(--borderless-space-lg); } .borderless-gap-x-xl\@md { --borderless-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xl\@md > * { --borderless-sub-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xxl\@md { --borderless-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxl\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxxl\@md { --borderless-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxl\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxxl\@md { --borderless-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-xxxxl\@md > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-0\@md { --borderless-gap-x: 0; } .borderless-gap-x-0\@md > * { --borderless-sub-gap-x: 0; } .borderless-gap-y-xxxxs\@md { --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxxs\@md > * { --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxs\@md { --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxxs\@md > * { --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxs\@md { --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xxs\@md > * { --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xs\@md { --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-y-xs\@md > * { --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-y-sm\@md { --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-y-sm\@md > * { --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-y-md\@md { --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-y-md\@md > * { --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-y-lg\@md { --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-y-lg\@md > * { --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-y-xl\@md { --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xl\@md > * { --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xxl\@md { --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxl\@md > * { --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxxl\@md { --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxl\@md > * { --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxxl\@md { --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-xxxxl\@md > * { --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-0\@md { --borderless-gap-y: 0; } .borderless-gap-y-0\@md > * { --borderless-sub-gap-y: 0; } .borderless-grid-cell-1\@md { --borderless-grid-columns: 1; } .borderless-cell-1\@md { --borderless-span: 1; } .borderless-grid-cell-2\@md { --borderless-grid-columns: 2; } .borderless-cell-2\@md { --borderless-span: 2; } .borderless-grid-cell-3\@md { --borderless-grid-columns: 3; } .borderless-cell-3\@md { --borderless-span: 3; } .borderless-grid-cell-4\@md { --borderless-grid-columns: 4; } .borderless-cell-4\@md { --borderless-span: 4; } .borderless-grid-cell-5\@md { --borderless-grid-columns: 5; } .borderless-cell-5\@md { --borderless-span: 5; } .borderless-grid-cell-6\@md { --borderless-grid-columns: 6; } .borderless-cell-6\@md { --borderless-span: 6; } .borderless-grid-cell-7\@md { --borderless-grid-columns: 7; } .borderless-cell-7\@md { --borderless-span: 7; } .borderless-grid-cell-8\@md { --borderless-grid-columns: 8; } .borderless-cell-8\@md { --borderless-span: 8; } .borderless-grid-cell-9\@md { --borderless-grid-columns: 9; } .borderless-cell-9\@md { --borderless-span: 9; } .borderless-grid-cell-10\@md { --borderless-grid-columns: 10; } .borderless-cell-10\@md { --borderless-span: 10; } .borderless-grid-cell-11\@md { --borderless-grid-columns: 11; } .borderless-cell-11\@md { --borderless-span: 11; } .borderless-grid-cell-12\@md { --borderless-grid-columns: 12; } .borderless-cell-12\@md { --borderless-span: 12; } .borderless-cell-1\@md, .borderless-cell-2\@md, .borderless-cell-3\@md, .borderless-cell-4\@md, .borderless-cell-5\@md, .borderless-cell-6\@md, .borderless-cell-7\@md, .borderless-cell-8\@md, .borderless-cell-9\@md, .borderless-cell-10\@md, .borderless-cell-11\@md, .borderless-cell-12\@md { flex-basis: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); max-width: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); } .borderless-cell\@md { flex-grow: 1; flex-basis: 0; max-width: 100%; } .borderless-cell-content\@md { flex-grow: 0; flex-basis: initial; max-width: initial; } .borderless-offset-1\@md { --borderless-offset: 1; } .borderless-offset-2\@md { --borderless-offset: 2; } .borderless-offset-3\@md { --borderless-offset: 3; } .borderless-offset-4\@md { --borderless-offset: 4; } .borderless-offset-5\@md { --borderless-offset: 5; } .borderless-offset-6\@md { --borderless-offset: 6; } .borderless-offset-7\@md { --borderless-offset: 7; } .borderless-offset-8\@md { --borderless-offset: 8; } .borderless-offset-9\@md { --borderless-offset: 9; } .borderless-offset-10\@md { --borderless-offset: 10; } .borderless-offset-11\@md { --borderless-offset: 11; } .borderless-offset-1\@md, .borderless-offset-2\@md, .borderless-offset-3\@md, .borderless-offset-4\@md, .borderless-offset-5\@md, .borderless-offset-6\@md, .borderless-offset-7\@md, .borderless-offset-8\@md, .borderless-offset-9\@md, .borderless-offset-10\@md, .borderless-offset-11\@md { margin-left: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-offset) / var(--borderless-grid-columns)) + (var(--borderless-offset) + var(--borderless-offset-modifier, 0)) * var(--borderless-sub-gap-x)); } .borderless-offset-0\@md { margin-left: 0; } } @media (min-width: 80rem) { .borderless-gap-xxxxs\@lg { --borderless-gap-x: var(--borderless-space-xxxxs); --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxxs\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxs\@lg { --borderless-gap-x: var(--borderless-space-xxxs); --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxxs\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxs\@lg { --borderless-gap-x: var(--borderless-space-xxs); --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-xxs\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxs); --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-xs\@lg { --borderless-gap-x: var(--borderless-space-xs); --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-xs\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xs); --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-sm\@lg { --borderless-gap-x: var(--borderless-space-sm); --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-sm\@lg > * { --borderless-sub-gap-x: var(--borderless-space-sm); --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-md\@lg { --borderless-gap-x: var(--borderless-space-md); --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-md\@lg > * { --borderless-sub-gap-x: var(--borderless-space-md); --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-lg\@lg { --borderless-gap-x: var(--borderless-space-lg); --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-lg\@lg > * { --borderless-sub-gap-x: var(--borderless-space-lg); --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-xl\@lg { --borderless-gap-x: var(--borderless-space-xl); --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-xl\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xl); --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-xxl\@lg { --borderless-gap-x: var(--borderless-space-xxl); --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxl\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxl); --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxxl\@lg { --borderless-gap-x: var(--borderless-space-xxxl); --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxl\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxxl\@lg { --borderless-gap-x: var(--borderless-space-xxxxl); --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-xxxxl\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-0\@lg { --borderless-gap-x: 0; --borderless-gap-y: 0; } .borderless-gap-0\@lg > * { --borderless-sub-gap-x: 0; --borderless-sub-gap-y: 0; } .borderless-gap-x-xxxxs\@lg { --borderless-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxxs\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxs\@lg { --borderless-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxxs\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxs\@lg { --borderless-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xxs\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xs\@lg { --borderless-gap-x: var(--borderless-space-xs); } .borderless-gap-x-xs\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xs); } .borderless-gap-x-sm\@lg { --borderless-gap-x: var(--borderless-space-sm); } .borderless-gap-x-sm\@lg > * { --borderless-sub-gap-x: var(--borderless-space-sm); } .borderless-gap-x-md\@lg { --borderless-gap-x: var(--borderless-space-md); } .borderless-gap-x-md\@lg > * { --borderless-sub-gap-x: var(--borderless-space-md); } .borderless-gap-x-lg\@lg { --borderless-gap-x: var(--borderless-space-lg); } .borderless-gap-x-lg\@lg > * { --borderless-sub-gap-x: var(--borderless-space-lg); } .borderless-gap-x-xl\@lg { --borderless-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xl\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xxl\@lg { --borderless-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxl\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxxl\@lg { --borderless-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxl\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxxl\@lg { --borderless-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-xxxxl\@lg > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-0\@lg { --borderless-gap-x: 0; } .borderless-gap-x-0\@lg > * { --borderless-sub-gap-x: 0; } .borderless-gap-y-xxxxs\@lg { --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxxs\@lg > * { --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxs\@lg { --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxxs\@lg > * { --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxs\@lg { --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xxs\@lg > * { --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xs\@lg { --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-y-xs\@lg > * { --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-y-sm\@lg { --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-y-sm\@lg > * { --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-y-md\@lg { --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-y-md\@lg > * { --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-y-lg\@lg { --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-y-lg\@lg > * { --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-y-xl\@lg { --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xl\@lg > * { --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xxl\@lg { --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxl\@lg > * { --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxxl\@lg { --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxl\@lg > * { --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxxl\@lg { --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-xxxxl\@lg > * { --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-0\@lg { --borderless-gap-y: 0; } .borderless-gap-y-0\@lg > * { --borderless-sub-gap-y: 0; } .borderless-grid-cell-1\@lg { --borderless-grid-columns: 1; } .borderless-cell-1\@lg { --borderless-span: 1; } .borderless-grid-cell-2\@lg { --borderless-grid-columns: 2; } .borderless-cell-2\@lg { --borderless-span: 2; } .borderless-grid-cell-3\@lg { --borderless-grid-columns: 3; } .borderless-cell-3\@lg { --borderless-span: 3; } .borderless-grid-cell-4\@lg { --borderless-grid-columns: 4; } .borderless-cell-4\@lg { --borderless-span: 4; } .borderless-grid-cell-5\@lg { --borderless-grid-columns: 5; } .borderless-cell-5\@lg { --borderless-span: 5; } .borderless-grid-cell-6\@lg { --borderless-grid-columns: 6; } .borderless-cell-6\@lg { --borderless-span: 6; } .borderless-grid-cell-7\@lg { --borderless-grid-columns: 7; } .borderless-cell-7\@lg { --borderless-span: 7; } .borderless-grid-cell-8\@lg { --borderless-grid-columns: 8; } .borderless-cell-8\@lg { --borderless-span: 8; } .borderless-grid-cell-9\@lg { --borderless-grid-columns: 9; } .borderless-cell-9\@lg { --borderless-span: 9; } .borderless-grid-cell-10\@lg { --borderless-grid-columns: 10; } .borderless-cell-10\@lg { --borderless-span: 10; } .borderless-grid-cell-11\@lg { --borderless-grid-columns: 11; } .borderless-cell-11\@lg { --borderless-span: 11; } .borderless-grid-cell-12\@lg { --borderless-grid-columns: 12; } .borderless-cell-12\@lg { --borderless-span: 12; } .borderless-cell-1\@lg, .borderless-cell-2\@lg, .borderless-cell-3\@lg, .borderless-cell-4\@lg, .borderless-cell-5\@lg, .borderless-cell-6\@lg, .borderless-cell-7\@lg, .borderless-cell-8\@lg, .borderless-cell-9\@lg, .borderless-cell-10\@lg, .borderless-cell-11\@lg, .borderless-cell-12\@lg { flex-basis: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); max-width: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); } .borderless-cell\@lg { flex-grow: 1; flex-basis: 0; max-width: 100%; } .borderless-cell-content\@lg { flex-grow: 0; flex-basis: initial; max-width: initial; } .borderless-offset-1\@lg { --borderless-offset: 1; } .borderless-offset-2\@lg { --borderless-offset: 2; } .borderless-offset-3\@lg { --borderless-offset: 3; } .borderless-offset-4\@lg { --borderless-offset: 4; } .borderless-offset-5\@lg { --borderless-offset: 5; } .borderless-offset-6\@lg { --borderless-offset: 6; } .borderless-offset-7\@lg { --borderless-offset: 7; } .borderless-offset-8\@lg { --borderless-offset: 8; } .borderless-offset-9\@lg { --borderless-offset: 9; } .borderless-offset-10\@lg { --borderless-offset: 10; } .borderless-offset-11\@lg { --borderless-offset: 11; } .borderless-offset-1\@lg, .borderless-offset-2\@lg, .borderless-offset-3\@lg, .borderless-offset-4\@lg, .borderless-offset-5\@lg, .borderless-offset-6\@lg, .borderless-offset-7\@lg, .borderless-offset-8\@lg, .borderless-offset-9\@lg, .borderless-offset-10\@lg, .borderless-offset-11\@lg { margin-left: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-offset) / var(--borderless-grid-columns)) + (var(--borderless-offset) + var(--borderless-offset-modifier, 0)) * var(--borderless-sub-gap-x)); } .borderless-offset-0\@lg { margin-left: 0; } } @media (min-width: 90rem) { .borderless-gap-xxxxs\@xl { --borderless-gap-x: var(--borderless-space-xxxxs); --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxxs\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxs\@xl { --borderless-gap-x: var(--borderless-space-xxxs); --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxxs\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxs\@xl { --borderless-gap-x: var(--borderless-space-xxs); --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-xxs\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxs); --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-xs\@xl { --borderless-gap-x: var(--borderless-space-xs); --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-xs\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xs); --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-sm\@xl { --borderless-gap-x: var(--borderless-space-sm); --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-sm\@xl > * { --borderless-sub-gap-x: var(--borderless-space-sm); --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-md\@xl { --borderless-gap-x: var(--borderless-space-md); --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-md\@xl > * { --borderless-sub-gap-x: var(--borderless-space-md); --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-lg\@xl { --borderless-gap-x: var(--borderless-space-lg); --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-lg\@xl > * { --borderless-sub-gap-x: var(--borderless-space-lg); --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-xl\@xl { --borderless-gap-x: var(--borderless-space-xl); --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-xl\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xl); --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-xxl\@xl { --borderless-gap-x: var(--borderless-space-xxl); --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxl\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxl); --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxxl\@xl { --borderless-gap-x: var(--borderless-space-xxxl); --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxl\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxxl\@xl { --borderless-gap-x: var(--borderless-space-xxxxl); --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-xxxxl\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-0\@xl { --borderless-gap-x: 0; --borderless-gap-y: 0; } .borderless-gap-0\@xl > * { --borderless-sub-gap-x: 0; --borderless-sub-gap-y: 0; } .borderless-gap-x-xxxxs\@xl { --borderless-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxxs\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxs\@xl { --borderless-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxxs\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxs\@xl { --borderless-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xxs\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xs\@xl { --borderless-gap-x: var(--borderless-space-xs); } .borderless-gap-x-xs\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xs); } .borderless-gap-x-sm\@xl { --borderless-gap-x: var(--borderless-space-sm); } .borderless-gap-x-sm\@xl > * { --borderless-sub-gap-x: var(--borderless-space-sm); } .borderless-gap-x-md\@xl { --borderless-gap-x: var(--borderless-space-md); } .borderless-gap-x-md\@xl > * { --borderless-sub-gap-x: var(--borderless-space-md); } .borderless-gap-x-lg\@xl { --borderless-gap-x: var(--borderless-space-lg); } .borderless-gap-x-lg\@xl > * { --borderless-sub-gap-x: var(--borderless-space-lg); } .borderless-gap-x-xl\@xl { --borderless-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xl\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xxl\@xl { --borderless-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxl\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxxl\@xl { --borderless-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxl\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxxl\@xl { --borderless-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-xxxxl\@xl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-0\@xl { --borderless-gap-x: 0; } .borderless-gap-x-0\@xl > * { --borderless-sub-gap-x: 0; } .borderless-gap-y-xxxxs\@xl { --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxxs\@xl > * { --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxs\@xl { --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxxs\@xl > * { --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxs\@xl { --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xxs\@xl > * { --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xs\@xl { --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-y-xs\@xl > * { --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-y-sm\@xl { --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-y-sm\@xl > * { --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-y-md\@xl { --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-y-md\@xl > * { --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-y-lg\@xl { --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-y-lg\@xl > * { --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-y-xl\@xl { --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xl\@xl > * { --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xxl\@xl { --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxl\@xl > * { --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxxl\@xl { --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxl\@xl > * { --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxxl\@xl { --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-xxxxl\@xl > * { --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-0\@xl { --borderless-gap-y: 0; } .borderless-gap-y-0\@xl > * { --borderless-sub-gap-y: 0; } .borderless-grid-cell-1\@xl { --borderless-grid-columns: 1; } .borderless-cell-1\@xl { --borderless-span: 1; } .borderless-grid-cell-2\@xl { --borderless-grid-columns: 2; } .borderless-cell-2\@xl { --borderless-span: 2; } .borderless-grid-cell-3\@xl { --borderless-grid-columns: 3; } .borderless-cell-3\@xl { --borderless-span: 3; } .borderless-grid-cell-4\@xl { --borderless-grid-columns: 4; } .borderless-cell-4\@xl { --borderless-span: 4; } .borderless-grid-cell-5\@xl { --borderless-grid-columns: 5; } .borderless-cell-5\@xl { --borderless-span: 5; } .borderless-grid-cell-6\@xl { --borderless-grid-columns: 6; } .borderless-cell-6\@xl { --borderless-span: 6; } .borderless-grid-cell-7\@xl { --borderless-grid-columns: 7; } .borderless-cell-7\@xl { --borderless-span: 7; } .borderless-grid-cell-8\@xl { --borderless-grid-columns: 8; } .borderless-cell-8\@xl { --borderless-span: 8; } .borderless-grid-cell-9\@xl { --borderless-grid-columns: 9; } .borderless-cell-9\@xl { --borderless-span: 9; } .borderless-grid-cell-10\@xl { --borderless-grid-columns: 10; } .borderless-cell-10\@xl { --borderless-span: 10; } .borderless-grid-cell-11\@xl { --borderless-grid-columns: 11; } .borderless-cell-11\@xl { --borderless-span: 11; } .borderless-grid-cell-12\@xl { --borderless-grid-columns: 12; } .borderless-cell-12\@xl { --borderless-span: 12; } .borderless-cell-1\@xl, .borderless-cell-2\@xl, .borderless-cell-3\@xl, .borderless-cell-4\@xl, .borderless-cell-5\@xl, .borderless-cell-6\@xl, .borderless-cell-7\@xl, .borderless-cell-8\@xl, .borderless-cell-9\@xl, .borderless-cell-10\@xl, .borderless-cell-11\@xl, .borderless-cell-12\@xl { flex-basis: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); max-width: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); } .borderless-cell\@xl { flex-grow: 1; flex-basis: 0; max-width: 100%; } .borderless-cell-content\@xl { flex-grow: 0; flex-basis: initial; max-width: initial; } .borderless-offset-1\@xl { --borderless-offset: 1; } .borderless-offset-2\@xl { --borderless-offset: 2; } .borderless-offset-3\@xl { --borderless-offset: 3; } .borderless-offset-4\@xl { --borderless-offset: 4; } .borderless-offset-5\@xl { --borderless-offset: 5; } .borderless-offset-6\@xl { --borderless-offset: 6; } .borderless-offset-7\@xl { --borderless-offset: 7; } .borderless-offset-8\@xl { --borderless-offset: 8; } .borderless-offset-9\@xl { --borderless-offset: 9; } .borderless-offset-10\@xl { --borderless-offset: 10; } .borderless-offset-11\@xl { --borderless-offset: 11; } .borderless-offset-1\@xl, .borderless-offset-2\@xl, .borderless-offset-3\@xl, .borderless-offset-4\@xl, .borderless-offset-5\@xl, .borderless-offset-6\@xl, .borderless-offset-7\@xl, .borderless-offset-8\@xl, .borderless-offset-9\@xl, .borderless-offset-10\@xl, .borderless-offset-11\@xl { margin-left: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-offset) / var(--borderless-grid-columns)) + (var(--borderless-offset) + var(--borderless-offset-modifier, 0)) * var(--borderless-sub-gap-x)); } .borderless-offset-0\@xl { margin-left: 0; } } @media (min-width: 100rem) { .borderless-gap-xxxxs\@xxl { --borderless-gap-x: var(--borderless-space-xxxxs); --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxxs\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxs\@xxl { --borderless-gap-x: var(--borderless-space-xxxs); --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxxs\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxs\@xxl { --borderless-gap-x: var(--borderless-space-xxs); --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-xxs\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxs); --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-xs\@xxl { --borderless-gap-x: var(--borderless-space-xs); --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-xs\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xs); --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-sm\@xxl { --borderless-gap-x: var(--borderless-space-sm); --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-sm\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-sm); --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-md\@xxl { --borderless-gap-x: var(--borderless-space-md); --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-md\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-md); --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-lg\@xxl { --borderless-gap-x: var(--borderless-space-lg); --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-lg\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-lg); --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-xl\@xxl { --borderless-gap-x: var(--borderless-space-xl); --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-xl\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xl); --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-xxl\@xxl { --borderless-gap-x: var(--borderless-space-xxl); --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxl\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxl); --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxxl\@xxl { --borderless-gap-x: var(--borderless-space-xxxl); --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxl\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxxl\@xxl { --borderless-gap-x: var(--borderless-space-xxxxl); --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-xxxxl\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-0\@xxl { --borderless-gap-x: 0; --borderless-gap-y: 0; } .borderless-gap-0\@xxl > * { --borderless-sub-gap-x: 0; --borderless-sub-gap-y: 0; } .borderless-gap-x-xxxxs\@xxl { --borderless-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxxs\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxs\@xxl { --borderless-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxxs\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxs\@xxl { --borderless-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xxs\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xs\@xxl { --borderless-gap-x: var(--borderless-space-xs); } .borderless-gap-x-xs\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xs); } .borderless-gap-x-sm\@xxl { --borderless-gap-x: var(--borderless-space-sm); } .borderless-gap-x-sm\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-sm); } .borderless-gap-x-md\@xxl { --borderless-gap-x: var(--borderless-space-md); } .borderless-gap-x-md\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-md); } .borderless-gap-x-lg\@xxl { --borderless-gap-x: var(--borderless-space-lg); } .borderless-gap-x-lg\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-lg); } .borderless-gap-x-xl\@xxl { --borderless-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xl\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xxl\@xxl { --borderless-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxl\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxxl\@xxl { --borderless-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxl\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxxl\@xxl { --borderless-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-xxxxl\@xxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-0\@xxl { --borderless-gap-x: 0; } .borderless-gap-x-0\@xxl > * { --borderless-sub-gap-x: 0; } .borderless-gap-y-xxxxs\@xxl { --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxxs\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxs\@xxl { --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxxs\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxs\@xxl { --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xxs\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xs\@xxl { --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-y-xs\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-y-sm\@xxl { --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-y-sm\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-y-md\@xxl { --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-y-md\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-y-lg\@xxl { --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-y-lg\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-y-xl\@xxl { --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xl\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xxl\@xxl { --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxl\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxxl\@xxl { --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxl\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxxl\@xxl { --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-xxxxl\@xxl > * { --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-0\@xxl { --borderless-gap-y: 0; } .borderless-gap-y-0\@xxl > * { --borderless-sub-gap-y: 0; } .borderless-grid-cell-1\@xxl { --borderless-grid-columns: 1; } .borderless-cell-1\@xxl { --borderless-span: 1; } .borderless-grid-cell-2\@xxl { --borderless-grid-columns: 2; } .borderless-cell-2\@xxl { --borderless-span: 2; } .borderless-grid-cell-3\@xxl { --borderless-grid-columns: 3; } .borderless-cell-3\@xxl { --borderless-span: 3; } .borderless-grid-cell-4\@xxl { --borderless-grid-columns: 4; } .borderless-cell-4\@xxl { --borderless-span: 4; } .borderless-grid-cell-5\@xxl { --borderless-grid-columns: 5; } .borderless-cell-5\@xxl { --borderless-span: 5; } .borderless-grid-cell-6\@xxl { --borderless-grid-columns: 6; } .borderless-cell-6\@xxl { --borderless-span: 6; } .borderless-grid-cell-7\@xxl { --borderless-grid-columns: 7; } .borderless-cell-7\@xxl { --borderless-span: 7; } .borderless-grid-cell-8\@xxl { --borderless-grid-columns: 8; } .borderless-cell-8\@xxl { --borderless-span: 8; } .borderless-grid-cell-9\@xxl { --borderless-grid-columns: 9; } .borderless-cell-9\@xxl { --borderless-span: 9; } .borderless-grid-cell-10\@xxl { --borderless-grid-columns: 10; } .borderless-cell-10\@xxl { --borderless-span: 10; } .borderless-grid-cell-11\@xxl { --borderless-grid-columns: 11; } .borderless-cell-11\@xxl { --borderless-span: 11; } .borderless-grid-cell-12\@xxl { --borderless-grid-columns: 12; } .borderless-cell-12\@xxl { --borderless-span: 12; } .borderless-cell-1\@xxl, .borderless-cell-2\@xxl, .borderless-cell-3\@xxl, .borderless-cell-4\@xxl, .borderless-cell-5\@xxl, .borderless-cell-6\@xxl, .borderless-cell-7\@xxl, .borderless-cell-8\@xxl, .borderless-cell-9\@xxl, .borderless-cell-10\@xxl, .borderless-cell-11\@xxl, .borderless-cell-12\@xxl { flex-basis: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); max-width: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); } .borderless-cell\@xxl { flex-grow: 1; flex-basis: 0; max-width: 100%; } .borderless-cell-content\@xxl { flex-grow: 0; flex-basis: initial; max-width: initial; } .borderless-offset-1\@xxl { --borderless-offset: 1; } .borderless-offset-2\@xxl { --borderless-offset: 2; } .borderless-offset-3\@xxl { --borderless-offset: 3; } .borderless-offset-4\@xxl { --borderless-offset: 4; } .borderless-offset-5\@xxl { --borderless-offset: 5; } .borderless-offset-6\@xxl { --borderless-offset: 6; } .borderless-offset-7\@xxl { --borderless-offset: 7; } .borderless-offset-8\@xxl { --borderless-offset: 8; } .borderless-offset-9\@xxl { --borderless-offset: 9; } .borderless-offset-10\@xxl { --borderless-offset: 10; } .borderless-offset-11\@xxl { --borderless-offset: 11; } .borderless-offset-1\@xxl, .borderless-offset-2\@xxl, .borderless-offset-3\@xxl, .borderless-offset-4\@xxl, .borderless-offset-5\@xxl, .borderless-offset-6\@xxl, .borderless-offset-7\@xxl, .borderless-offset-8\@xxl, .borderless-offset-9\@xxl, .borderless-offset-10\@xxl, .borderless-offset-11\@xxl { margin-left: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-offset) / var(--borderless-grid-columns)) + (var(--borderless-offset) + var(--borderless-offset-modifier, 0)) * var(--borderless-sub-gap-x)); } .borderless-offset-0\@xxl { margin-left: 0; } } @media (min-width: 150rem) { .borderless-gap-xxxxs\@xxxl { --borderless-gap-x: var(--borderless-space-xxxxs); --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxxs\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-xxxs\@xxxl { --borderless-gap-x: var(--borderless-space-xxxs); --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxxs\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-xxs\@xxxl { --borderless-gap-x: var(--borderless-space-xxs); --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-xxs\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxs); --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-xs\@xxxl { --borderless-gap-x: var(--borderless-space-xs); --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-xs\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xs); --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-sm\@xxxl { --borderless-gap-x: var(--borderless-space-sm); --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-sm\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-sm); --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-md\@xxxl { --borderless-gap-x: var(--borderless-space-md); --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-md\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-md); --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-lg\@xxxl { --borderless-gap-x: var(--borderless-space-lg); --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-lg\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-lg); --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-xl\@xxxl { --borderless-gap-x: var(--borderless-space-xl); --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-xl\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xl); --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-xxl\@xxxl { --borderless-gap-x: var(--borderless-space-xxl); --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxl\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxl); --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-xxxl\@xxxl { --borderless-gap-x: var(--borderless-space-xxxl); --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxl\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-xxxxl\@xxxl { --borderless-gap-x: var(--borderless-space-xxxxl); --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-xxxxl\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-0\@xxxl { --borderless-gap-x: 0; --borderless-gap-y: 0; } .borderless-gap-0\@xxxl > * { --borderless-sub-gap-x: 0; --borderless-sub-gap-y: 0; } .borderless-gap-x-xxxxs\@xxxl { --borderless-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxxs\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxs); } .borderless-gap-x-xxxs\@xxxl { --borderless-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxxs\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxs); } .borderless-gap-x-xxs\@xxxl { --borderless-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xxs\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxs); } .borderless-gap-x-xs\@xxxl { --borderless-gap-x: var(--borderless-space-xs); } .borderless-gap-x-xs\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xs); } .borderless-gap-x-sm\@xxxl { --borderless-gap-x: var(--borderless-space-sm); } .borderless-gap-x-sm\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-sm); } .borderless-gap-x-md\@xxxl { --borderless-gap-x: var(--borderless-space-md); } .borderless-gap-x-md\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-md); } .borderless-gap-x-lg\@xxxl { --borderless-gap-x: var(--borderless-space-lg); } .borderless-gap-x-lg\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-lg); } .borderless-gap-x-xl\@xxxl { --borderless-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xl\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xl); } .borderless-gap-x-xxl\@xxxl { --borderless-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxl\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxl); } .borderless-gap-x-xxxl\@xxxl { --borderless-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxl\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxl); } .borderless-gap-x-xxxxl\@xxxl { --borderless-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-xxxxl\@xxxl > * { --borderless-sub-gap-x: var(--borderless-space-xxxxl); } .borderless-gap-x-0\@xxxl { --borderless-gap-x: 0; } .borderless-gap-x-0\@xxxl > * { --borderless-sub-gap-x: 0; } .borderless-gap-y-xxxxs\@xxxl { --borderless-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxxs\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-xxxxs); } .borderless-gap-y-xxxs\@xxxl { --borderless-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxxs\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-xxxs); } .borderless-gap-y-xxs\@xxxl { --borderless-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xxs\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-xxs); } .borderless-gap-y-xs\@xxxl { --borderless-gap-y: var(--borderless-space-xs); } .borderless-gap-y-xs\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-xs); } .borderless-gap-y-sm\@xxxl { --borderless-gap-y: var(--borderless-space-sm); } .borderless-gap-y-sm\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-sm); } .borderless-gap-y-md\@xxxl { --borderless-gap-y: var(--borderless-space-md); } .borderless-gap-y-md\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-md); } .borderless-gap-y-lg\@xxxl { --borderless-gap-y: var(--borderless-space-lg); } .borderless-gap-y-lg\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-lg); } .borderless-gap-y-xl\@xxxl { --borderless-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xl\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-xl); } .borderless-gap-y-xxl\@xxxl { --borderless-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxl\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-xxl); } .borderless-gap-y-xxxl\@xxxl { --borderless-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxl\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-xxxl); } .borderless-gap-y-xxxxl\@xxxl { --borderless-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-xxxxl\@xxxl > * { --borderless-sub-gap-y: var(--borderless-space-xxxxl); } .borderless-gap-y-0\@xxxl { --borderless-gap-y: 0; } .borderless-gap-y-0\@xxxl > * { --borderless-sub-gap-y: 0; } .borderless-grid-cell-1\@xxxl { --borderless-grid-columns: 1; } .borderless-cell-1\@xxxl { --borderless-span: 1; } .borderless-grid-cell-2\@xxxl { --borderless-grid-columns: 2; } .borderless-cell-2\@xxxl { --borderless-span: 2; } .borderless-grid-cell-3\@xxxl { --borderless-grid-columns: 3; } .borderless-cell-3\@xxxl { --borderless-span: 3; } .borderless-grid-cell-4\@xxxl { --borderless-grid-columns: 4; } .borderless-cell-4\@xxxl { --borderless-span: 4; } .borderless-grid-cell-5\@xxxl { --borderless-grid-columns: 5; } .borderless-cell-5\@xxxl { --borderless-span: 5; } .borderless-grid-cell-6\@xxxl { --borderless-grid-columns: 6; } .borderless-cell-6\@xxxl { --borderless-span: 6; } .borderless-grid-cell-7\@xxxl { --borderless-grid-columns: 7; } .borderless-cell-7\@xxxl { --borderless-span: 7; } .borderless-grid-cell-8\@xxxl { --borderless-grid-columns: 8; } .borderless-cell-8\@xxxl { --borderless-span: 8; } .borderless-grid-cell-9\@xxxl { --borderless-grid-columns: 9; } .borderless-cell-9\@xxxl { --borderless-span: 9; } .borderless-grid-cell-10\@xxxl { --borderless-grid-columns: 10; } .borderless-cell-10\@xxxl { --borderless-span: 10; } .borderless-grid-cell-11\@xxxl { --borderless-grid-columns: 11; } .borderless-cell-11\@xxxl { --borderless-span: 11; } .borderless-grid-cell-12\@xxxl { --borderless-grid-columns: 12; } .borderless-cell-12\@xxxl { --borderless-span: 12; } .borderless-cell-1\@xxxl, .borderless-cell-2\@xxxl, .borderless-cell-3\@xxxl, .borderless-cell-4\@xxxl, .borderless-cell-5\@xxxl, .borderless-cell-6\@xxxl, .borderless-cell-7\@xxxl, .borderless-cell-8\@xxxl, .borderless-cell-9\@xxxl, .borderless-cell-10\@xxxl, .borderless-cell-11\@xxxl, .borderless-cell-12\@xxxl { flex-basis: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); max-width: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-span) / var(--borderless-grid-columns)) + (var(--borderless-span) - 1) * var(--borderless-sub-gap-x)); } .borderless-cell\@xxxl { flex-grow: 1; flex-basis: 0; max-width: 100%; } .borderless-cell-content\@xxxl { flex-grow: 0; flex-basis: initial; max-width: initial; } .borderless-offset-1\@xxxl { --borderless-offset: 1; } .borderless-offset-2\@xxxl { --borderless-offset: 2; } .borderless-offset-3\@xxxl { --borderless-offset: 3; } .borderless-offset-4\@xxxl { --borderless-offset: 4; } .borderless-offset-5\@xxxl { --borderless-offset: 5; } .borderless-offset-6\@xxxl { --borderless-offset: 6; } .borderless-offset-7\@xxxl { --borderless-offset: 7; } .borderless-offset-8\@xxxl { --borderless-offset: 8; } .borderless-offset-9\@xxxl { --borderless-offset: 9; } .borderless-offset-10\@xxxl { --borderless-offset: 10; } .borderless-offset-11\@xxxl { --borderless-offset: 11; } .borderless-offset-1\@xxxl, .borderless-offset-2\@xxxl, .borderless-offset-3\@xxxl, .borderless-offset-4\@xxxl, .borderless-offset-5\@xxxl, .borderless-offset-6\@xxxl, .borderless-offset-7\@xxxl, .borderless-offset-8\@xxxl, .borderless-offset-9\@xxxl, .borderless-offset-10\@xxxl, .borderless-offset-11\@xxxl { margin-left: calc(((100% - (var(--borderless-grid-columns) - var(--borderless-gap-modifier, 1)) * var(--borderless-sub-gap-x)) * var(--borderless-offset) / var(--borderless-grid-columns)) + (var(--borderless-offset) + var(--borderless-offset-modifier, 0)) * var(--borderless-sub-gap-x)); } .borderless-offset-0\@xxxl { margin-left: 0; } } .borderless-h-xxxxs { height: calc(0.25 * var(--borderless-unit)); } .borderless-h-xxxs { height: calc(0.5 * var(--borderless-unit)); } .borderless-h-xxs { height: calc(0.75 * var(--borderless-unit)); } .borderless-h-xs { height: calc(1 * var(--borderless-unit)); } .borderless-h-sm { height: calc(1.5 * var(--borderless-unit)); } .borderless-h-md { height: calc(2 * var(--borderless-unit)); } .borderless-h-lg { height: calc(3 * var(--borderless-unit)); } .borderless-h-xl { height: calc(4 * var(--borderless-unit)); } .borderless-h-xxl { height: calc(6 * var(--borderless-unit)); } .borderless-h-xxxl { height: calc(8 * var(--borderless-unit)); } .borderless-h-xxxxl { height: calc(16 * var(--borderless-unit)); } .borderless-h-auto { height: auto; } .borderless-h-fitcontent { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .borderless-h-10 { height: 10%; } .borderless-h-20 { height: 20%; } .borderless-h-30 { height: 30%; } .borderless-h-40 { height: 40%; } .borderless-h-50 { height: 50%; } .borderless-h-60 { height: 60%; } .borderless-h-70 { height: 70%; } .borderless-h-80 { height: 80%; } .borderless-h-90 { height: 90%; } .borderless-h-100 { height: 100%; } .borderless-h-25 { height: 25%; } .borderless-h-33 { height: calc(100% / 3); } .borderless-h-66 { height: calc(100% / 1.5); } .borderless-h-75 { height: 75%; } .borderless-m-xxxxs { margin: var(--borderless-unit-xxxxs); } .borderless-m-xxxs { margin: var(--borderless-unit-xxxs); } .borderless-m-xxs { margin: var(--borderless-unit-xxs); } .borderless-m-xs { margin: var(--borderless-unit-xs); } .borderless-m-sm { margin: var(--borderless-unit-sm); } .borderless-m-md { margin: var(--borderless-unit-md); } .borderless-m-lg { margin: var(--borderless-unit-lg); } .borderless-m-xl { margin: var(--borderless-unit-xl); } .borderless-m-xxl { margin: var(--borderless-unit-xxl); } .borderless-m-xxxl { margin: var(--borderless-unit-xxxl); } .borderless-m-xxxxl { margin: var(--borderless-unit-xxxxl); } .borderless-m-auto { margin: auto; } .borderless-nm-xxxxs { margin: calc(-1 * var(--borderless-unit-xxxxs)); } .borderless-nm-xxxs { margin: calc(-1 * var(--borderless-unit-xxxs)); } .borderless-nm-xxs { margin: calc(-1 * var(--borderless-unit-xxs)); } .borderless-nm-xs { margin: calc(-1 * var(--borderless-unit-xs)); } .borderless-nm-sm { margin: calc(-1 * var(--borderless-unit-sm)); } .borderless-nm-md { margin: calc(-1 * var(--borderless-unit-md)); } .borderless-nm-lg { margin: calc(-1 * var(--borderless-unit-lg)); } .borderless-nm-xl { margin: calc(-1 * var(--borderless-unit-xl)); } .borderless-nm-xxl { margin: calc(-1 * var(--borderless-unit-xxl)); } .borderless-nm-xxxl { margin: calc(-1 * var(--borderless-unit-xxxl)); } .borderless-nm-xxxxl { margin: calc(-1 * var(--borderless-unit-xxxxl)); } .borderless-mt-xxxxs { margin-top: var(--borderless-unit-xxxxs); } .borderless-mt-xxxs { margin-top: var(--borderless-unit-xxxs); } .borderless-mt-xxs { margin-top: var(--borderless-unit-xxs); } .borderless-mt-xs, .borderless-contact-info--direction-column ul li:last-child, .borderless-social-media-icons--direction-column a:last-child { margin-top: var(--borderless-unit-xs); } .borderless-mt-sm { margin-top: var(--borderless-unit-sm); } .borderless-mt-md { margin-top: var(--borderless-unit-md); } .borderless-mt-lg { margin-top: var(--borderless-unit-lg); } .borderless-mt-xl { margin-top: var(--borderless-unit-xl); } .borderless-mt-xxl { margin-top: var(--borderless-unit-xxl); } .borderless-mt-xxxl { margin-top: var(--borderless-unit-xxxl); } .borderless-mt-xxxxl { margin-top: var(--borderless-unit-xxxxl); } .borderless-mt-auto { margin-top: auto; } .borderless-nmt-xxxxs { margin-top: calc(-1 * var(--borderless-unit-xxxxs)); } .borderless-nmt-xxxs { margin-top: calc(-1 * var(--borderless-unit-xxxs)); } .borderless-nmt-xxs { margin-top: calc(-1 * var(--borderless-unit-xxs)); } .borderless-nmt-xs { margin-top: calc(-1 * var(--borderless-unit-xs)); } .borderless-nmt-sm { margin-top: calc(-1 * var(--borderless-unit-sm)); } .borderless-nmt-md { margin-top: calc(-1 * var(--borderless-unit-md)); } .borderless-nmt-lg { margin-top: calc(-1 * var(--borderless-unit-lg)); } .borderless-nmt-xl { margin-top: calc(-1 * var(--borderless-unit-xl)); } .borderless-nmt-xxl { margin-top: calc(-1 * var(--borderless-unit-xxl)); } .borderless-nmt-xxxl { margin-top: calc(-1 * var(--borderless-unit-xxxl)); } .borderless-nmt-xxxxl { margin-top: calc(-1 * var(--borderless-unit-xxxxl)); } .borderless-mb-xxxxs { margin-bottom: var(--borderless-unit-xxxxs); } .borderless-mb-xxxs { margin-bottom: var(--borderless-unit-xxxs); } .borderless-mb-xxs { margin-bottom: var(--borderless-unit-xxs); } .borderless-mb-xs, .borderless-contact-info--direction-column ul li:first-child, .borderless-social-media-icons--direction-column a:first-child { margin-bottom: var(--borderless-unit-xs); } .borderless-mb-sm { margin-bottom: var(--borderless-unit-sm); } .borderless-mb-md { margin-bottom: var(--borderless-unit-md); } .borderless-mb-lg { margin-bottom: var(--borderless-unit-lg); } .borderless-mb-xl { margin-bottom: var(--borderless-unit-xl); } .borderless-mb-xxl { margin-bottom: var(--borderless-unit-xxl); } .borderless-mb-xxxl { margin-bottom: var(--borderless-unit-xxxl); } .borderless-mb-xxxxl { margin-bottom: var(--borderless-unit-xxxxl); } .borderless-mb-auto { margin-bottom: auto; } .borderless-nmb-xxxxs { margin-bottom: calc(-1 * var(--borderless-unit-xxxxs)); } .borderless-nmb-xxxs { margin-bottom: calc(-1 * var(--borderless-unit-xxxs)); } .borderless-nmb-xxs { margin-bottom: calc(-1 * var(--borderless-unit-xxs)); } .borderless-nmb-xs { margin-bottom: calc(-1 * var(--borderless-unit-xs)); } .borderless-nmb-sm { margin-bottom: calc(-1 * var(--borderless-unit-sm)); } .borderless-nmb-md { margin-bottom: calc(-1 * var(--borderless-unit-md)); } .borderless-nmb-lg { margin-bottom: calc(-1 * var(--borderless-unit-lg)); } .borderless-nmb-xl { margin-bottom: calc(-1 * var(--borderless-unit-xl)); } .borderless-nmb-xxl { margin-bottom: calc(-1 * var(--borderless-unit-xxl)); } .borderless-nmb-xxxl { margin-bottom: calc(-1 * var(--borderless-unit-xxxl)); } .borderless-nmb-xxxxl { margin-bottom: calc(-1 * var(--borderless-unit-xxxxl)); } .borderless-mr-xxxxs { margin-right: var(--borderless-unit-xxxxs); } .borderless-mr-xxxs { margin-right: var(--borderless-unit-xxxs); } .borderless-mr-xxs, .borderless-contact-info__item svg { margin-right: var(--borderless-unit-xxs); } .borderless-mr-xs, .borderless-contact-info--direction-row ul li:first-child, .borderless-social-media-icons--direction-row a:first-child { margin-right: var(--borderless-unit-xs); } .borderless-mr-sm { margin-right: var(--borderless-unit-sm); } .borderless-mr-md { margin-right: var(--borderless-unit-md); } .borderless-mr-lg { margin-right: var(--borderless-unit-lg); } .borderless-mr-xl { margin-right: var(--borderless-unit-xl); } .borderless-mr-xxl { margin-right: var(--borderless-unit-xxl); } .borderless-mr-xxxl { margin-right: var(--borderless-unit-xxxl); } .borderless-mr-xxxxl { margin-right: var(--borderless-unit-xxxxl); } .borderless-mr-auto { margin-right: auto; } .borderless-nmr-xxxxs { margin-right: calc(-1 * var(--borderless-unit-xxxxs)); } .borderless-nmr-xxxs { margin-right: calc(-1 * var(--borderless-unit-xxxs)); } .borderless-nmr-xxs { margin-right: calc(-1 * var(--borderless-unit-xxs)); } .borderless-nmr-xs { margin-right: calc(-1 * var(--borderless-unit-xs)); } .borderless-nmr-sm { margin-right: calc(-1 * var(--borderless-unit-sm)); } .borderless-nmr-md { margin-right: calc(-1 * var(--borderless-unit-md)); } .borderless-nmr-lg { margin-right: calc(-1 * var(--borderless-unit-lg)); } .borderless-nmr-xl { margin-right: calc(-1 * var(--borderless-unit-xl)); } .borderless-nmr-xxl { margin-right: calc(-1 * var(--borderless-unit-xxl)); } .borderless-nmr-xxxl { margin-right: calc(-1 * var(--borderless-unit-xxxl)); } .borderless-nmr-xxxxl { margin-right: calc(-1 * var(--borderless-unit-xxxxl)); } .borderless-ml-xxxxs { margin-left: var(--borderless-unit-xxxxs); } .borderless-ml-xxxs { margin-left: var(--borderless-unit-xxxs); } .borderless-ml-xxs { margin-left: var(--borderless-unit-xxs); } .borderless-ml-xs, .borderless-contact-info--direction-row ul li:last-child, .borderless-social-media-icons--direction-row a:last-child { margin-left: var(--borderless-unit-xs); } .borderless-ml-sm { margin-left: var(--borderless-unit-sm); } .borderless-ml-md { margin-left: var(--borderless-unit-md); } .borderless-ml-lg { margin-left: var(--borderless-unit-lg); } .borderless-ml-xl { margin-left: var(--borderless-unit-xl); } .borderless-ml-xxl { margin-left: var(--borderless-unit-xxl); } .borderless-ml-xxxl { margin-left: var(--borderless-unit-xxxl); } .borderless-ml-xxxxl { margin-left: var(--borderless-unit-xxxxl); } .borderless-ml-auto { margin-left: auto; } .borderless-nml-xxxxs { margin-left: calc(-1 * var(--borderless-unit-xxxxs)); } .borderless-nml-xxxs { margin-left: calc(-1 * var(--borderless-unit-xxxs)); } .borderless-nml-xxs { margin-left: calc(-1 * var(--borderless-unit-xxs)); } .borderless-nml-xs { margin-left: calc(-1 * var(--borderless-unit-xs)); } .borderless-nml-sm { margin-left: calc(-1 * var(--borderless-unit-sm)); } .borderless-nml-md { margin-left: calc(-1 * var(--borderless-unit-md)); } .borderless-nml-lg { margin-left: calc(-1 * var(--borderless-unit-lg)); } .borderless-nml-xl { margin-left: calc(-1 * var(--borderless-unit-xl)); } .borderless-nml-xxl { margin-left: calc(-1 * var(--borderless-unit-xxl)); } .borderless-nml-xxxl { margin-left: calc(-1 * var(--borderless-unit-xxxl)); } .borderless-nml-xxxxl { margin-left: calc(-1 * var(--borderless-unit-xxxxl)); } .borderless-mx-xxxxs { margin-left: var(--borderless-unit-xxxxs); margin-right: var(--borderless-unit-xxxxs); } .borderless-mx-xxxs { margin-left: var(--borderless-unit-xxxs); margin-right: var(--borderless-unit-xxxs); } .borderless-mx-xxs { margin-left: var(--borderless-unit-xxs); margin-right: var(--borderless-unit-xxs); } .borderless-mx-xs, .borderless-contact-info--direction-row ul li, .borderless-social-media-icons--direction-row a { margin-left: var(--borderless-unit-xs); margin-right: var(--borderless-unit-xs); } .borderless-mx-sm { margin-left: var(--borderless-unit-sm); margin-right: var(--borderless-unit-sm); } .borderless-mx-md { margin-left: var(--borderless-unit-md); margin-right: var(--borderless-unit-md); } .borderless-mx-lg { margin-left: var(--borderless-unit-lg); margin-right: var(--borderless-unit-lg); } .borderless-mx-xl { margin-left: var(--borderless-unit-xl); margin-right: var(--borderless-unit-xl); } .borderless-mx-xxl { margin-left: var(--borderless-unit-xxl); margin-right: var(--borderless-unit-xxl); } .borderless-mx-xxxl { margin-left: var(--borderless-unit-xxxl); margin-right: var(--borderless-unit-xxxl); } .borderless-mx-xxxxl { margin-left: var(--borderless-unit-xxxxl); margin-right: var(--borderless-unit-xxxxl); } .borderless-mx-auto { margin-left: auto; margin-right: auto; } .borderless-my-xxxxs { margin-top: var(--borderless-unit-xxxxs); margin-bottom: var(--borderless-unit-xxxxs); } .borderless-my-xxxs { margin-top: var(--borderless-unit-xxxs); margin-bottom: var(--borderless-unit-xxxs); } .borderless-my-xxs { margin-top: var(--borderless-unit-xxs); margin-bottom: var(--borderless-unit-xxs); } .borderless-my-xs, .borderless-contact-info--direction-column ul li, .borderless-social-media-icons--direction-column a { margin-top: var(--borderless-unit-xs); margin-bottom: var(--borderless-unit-xs); } .borderless-my-sm { margin-top: var(--borderless-unit-sm); margin-bottom: var(--borderless-unit-sm); } .borderless-my-md { margin-top: var(--borderless-unit-md); margin-bottom: var(--borderless-unit-md); } .borderless-my-lg { margin-top: var(--borderless-unit-lg); margin-bottom: var(--borderless-unit-lg); } .borderless-my-xl { margin-top: var(--borderless-unit-xl); margin-bottom: var(--borderless-unit-xl); } .borderless-my-xxl { margin-top: var(--borderless-unit-xxl); margin-bottom: var(--borderless-unit-xxl); } .borderless-my-xxxl { margin-top: var(--borderless-unit-xxxl); margin-bottom: var(--borderless-unit-xxxl); } .borderless-my-xxxxl { margin-top: var(--borderless-unit-xxxxl); margin-bottom: var(--borderless-unit-xxxxl); } .borderless-my-auto { margin-top: auto; margin-bottom: auto; } :root { --borderless-max-width-xxxxs: 20rem; --borderless-max-width-xxxs: 26rem; --borderless-max-width-xxs: 32rem; --borderless-max-width-xs: 38rem; --borderless-max-width-sm: 48rem; --borderless-max-width-md: 64rem; --borderless-max-width-lg: 80rem; --borderless-max-width-xl: 90rem; --borderless-max-width-xxl: 100rem; --borderless-max-width-xxxl: 120rem; --borderless-max-width-xxxxl: 150rem; } .borderless-max-width-xxxxs { max-width: var(--borderless-max-width-xxxxs); } .borderless-max-width-xxxs { max-width: var(--borderless-max-width-xxxs); } .borderless-max-width-xxs { max-width: var(--borderless-max-width-xxs); } .borderless-max-width-xs { max-width: var(--borderless-max-width-xs); } .borderless-max-width-sm { max-width: var(--borderless-max-width-sm); } .borderless-max-width-md { max-width: var(--borderless-max-width-md); } .borderless-max-width-lg { max-width: var(--borderless-max-width-lg); } .borderless-max-width-xl { max-width: var(--borderless-max-width-xl); } .borderless-max-width-xxl { max-width: var(--borderless-max-width-xxl); } .borderless-max-width-xxxl { max-width: var(--borderless-max-width-xxxl); } .borderless-max-width-xxxxl { max-width: var(--borderless-max-width-xxxxl); } .borderless-max-width-10 { max-width: 10%; } .borderless-max-width-20 { max-width: 20%; } .borderless-max-width-30 { max-width: 30%; } .borderless-max-width-40 { max-width: 40%; } .borderless-max-width-50 { max-width: 50%; } .borderless-max-width-60 { max-width: 60%; } .borderless-max-width-70 { max-width: 70%; } .borderless-max-width-80 { max-width: 80%; } .borderless-max-width-90 { max-width: 90%; } .borderless-max-width-100 { max-width: 100%; } .borderless-max-width-25 { max-width: 25%; } .borderless-max-width-33 { max-width: calc(100% / 3); } .borderless-max-width-66 { max-width: calc(100% / 1.5); } .borderless-max-width-75 { max-width: 75%; } .borderless-p-xxxxs { padding: var(--borderless-unit-xxxxs); } .borderless-p-xxxs { padding: var(--borderless-unit-xxxs); } .borderless-p-xxs { padding: var(--borderless-unit-xxs); } .borderless-p-xs { padding: var(--borderless-unit-xs); } .borderless-p-sm { padding: var(--borderless-unit-sm); } .borderless-p-md { padding: var(--borderless-unit-md); } .borderless-p-lg { padding: var(--borderless-unit-lg); } .borderless-p-xl { padding: var(--borderless-unit-xl); } .borderless-p-xxl { padding: var(--borderless-unit-xxl); } .borderless-p-xxxl { padding: var(--borderless-unit-xxxl); } .borderless-p-xxxxl { padding: var(--borderless-unit-xxxxl); } .borderless-p-auto { padding: auto; } .borderless-pt-xxxxs { padding-top: var(--borderless-unit-xxxxs); } .borderless-pt-xxxs { padding-top: var(--borderless-unit-xxxs); } .borderless-pt-xxs { padding-top: var(--borderless-unit-xxs); } .borderless-pt-xs { padding-top: var(--borderless-unit-xs); } .borderless-pt-sm { padding-top: var(--borderless-unit-sm); } .borderless-pt-md { padding-top: var(--borderless-unit-md); } .borderless-pt-lg { padding-top: var(--borderless-unit-lg); } .borderless-pt-xl { padding-top: var(--borderless-unit-xl); } .borderless-pt-xxl { padding-top: var(--borderless-unit-xxl); } .borderless-pt-xxxl { padding-top: var(--borderless-unit-xxxl); } .borderless-pt-xxxxl { padding-top: var(--borderless-unit-xxxxl); } .borderless-pt-auto { padding-top: auto; } .borderless-pb-xxxxs { padding-bottom: var(--borderless-unit-xxxxs); } .borderless-pb-xxxs { padding-bottom: var(--borderless-unit-xxxs); } .borderless-pb-xxs { padding-bottom: var(--borderless-unit-xxs); } .borderless-pb-xs { padding-bottom: var(--borderless-unit-xs); } .borderless-pb-sm { padding-bottom: var(--borderless-unit-sm); } .borderless-pb-md { padding-bottom: var(--borderless-unit-md); } .borderless-pb-lg { padding-bottom: var(--borderless-unit-lg); } .borderless-pb-xl { padding-bottom: var(--borderless-unit-xl); } .borderless-pb-xxl { padding-bottom: var(--borderless-unit-xxl); } .borderless-pb-xxxl { padding-bottom: var(--borderless-unit-xxxl); } .borderless-pb-xxxxl { padding-bottom: var(--borderless-unit-xxxxl); } .borderless-pb-auto { padding-bottom: auto; } .borderless-pr-xxxxs { padding-right: var(--borderless-unit-xxxxs); } .borderless-pr-xxxs { padding-right: var(--borderless-unit-xxxs); } .borderless-pr-xxs { padding-right: var(--borderless-unit-xxs); } .borderless-pr-xs { padding-right: var(--borderless-unit-xs); } .borderless-pr-sm { padding-right: var(--borderless-unit-sm); } .borderless-pr-md { padding-right: var(--borderless-unit-md); } .borderless-pr-lg { padding-right: var(--borderless-unit-lg); } .borderless-pr-xl { padding-right: var(--borderless-unit-xl); } .borderless-pr-xxl { padding-right: var(--borderless-unit-xxl); } .borderless-pr-xxxl { padding-right: var(--borderless-unit-xxxl); } .borderless-pr-xxxxl { padding-right: var(--borderless-unit-xxxxl); } .borderless-pr-auto { padding-right: auto; } .borderless-pl-xxxxs { padding-left: var(--borderless-unit-xxxxs); } .borderless-pl-xxxs { padding-left: var(--borderless-unit-xxxs); } .borderless-pl-xxs { padding-left: var(--borderless-unit-xxs); } .borderless-pl-xs { padding-left: var(--borderless-unit-xs); } .borderless-pl-sm { padding-left: var(--borderless-unit-sm); } .borderless-pl-md { padding-left: var(--borderless-unit-md); } .borderless-pl-lg { padding-left: var(--borderless-unit-lg); } .borderless-pl-xl { padding-left: var(--borderless-unit-xl); } .borderless-pl-xxl { padding-left: var(--borderless-unit-xxl); } .borderless-pl-xxxl { padding-left: var(--borderless-unit-xxxl); } .borderless-pl-xxxxl { padding-left: var(--borderless-unit-xxxxl); } .borderless-pl-auto { padding-left: auto; } .borderless-px-xxxxs { padding-left: var(--borderless-unit-xxxxs); padding-right: var(--borderless-unit-xxxxs); } .borderless-px-xxxs { padding-left: var(--borderless-unit-xxxs); padding-right: var(--borderless-unit-xxxs); } .borderless-px-xxs { padding-left: var(--borderless-unit-xxs); padding-right: var(--borderless-unit-xxs); } .borderless-px-xs { padding-left: var(--borderless-unit-xs); padding-right: var(--borderless-unit-xs); } .borderless-px-sm { padding-left: var(--borderless-unit-sm); padding-right: var(--borderless-unit-sm); } .borderless-px-md { padding-left: var(--borderless-unit-md); padding-right: var(--borderless-unit-md); } .borderless-px-lg { padding-left: var(--borderless-unit-lg); padding-right: var(--borderless-unit-lg); } .borderless-px-xl { padding-left: var(--borderless-unit-xl); padding-right: var(--borderless-unit-xl); } .borderless-px-xxl { padding-left: var(--borderless-unit-xxl); padding-right: var(--borderless-unit-xxl); } .borderless-px-xxxl { padding-left: var(--borderless-unit-xxxl); padding-right: var(--borderless-unit-xxxl); } .borderless-px-xxxxl { padding-left: var(--borderless-unit-xxxxl); padding-right: var(--borderless-unit-xxxxl); } .borderless-px-auto { padding-left: auto; padding-right: auto; } .borderless-py-xxxxs { padding-top: var(--borderless-unit-xxxxs); padding-bottom: var(--borderless-unit-xxxxs); } .borderless-py-xxxs { padding-top: var(--borderless-unit-xxxs); padding-bottom: var(--borderless-unit-xxxs); } .borderless-py-xxs { padding-top: var(--borderless-unit-xxs); padding-bottom: var(--borderless-unit-xxs); } .borderless-py-xs { padding-top: var(--borderless-unit-xs); padding-bottom: var(--borderless-unit-xs); } .borderless-py-sm { padding-top: var(--borderless-unit-sm); padding-bottom: var(--borderless-unit-sm); } .borderless-py-md { padding-top: var(--borderless-unit-md); padding-bottom: var(--borderless-unit-md); } .borderless-py-lg { padding-top: var(--borderless-unit-lg); padding-bottom: var(--borderless-unit-lg); } .borderless-py-xl { padding-top: var(--borderless-unit-xl); padding-bottom: var(--borderless-unit-xl); } .borderless-py-xxl { padding-top: var(--borderless-unit-xxl); padding-bottom: var(--borderless-unit-xxl); } .borderless-py-xxxl { padding-top: var(--borderless-unit-xxxl); padding-bottom: var(--borderless-unit-xxxl); } .borderless-py-xxxxl { padding-top: var(--borderless-unit-xxxxl); padding-bottom: var(--borderless-unit-xxxxl); } .borderless-py-auto { padding-top: auto; padding-bottom: auto; } :root { --borderless-spacer-unit: 1rem; --borderless-spacer-xxxxs: calc(0.125 * var(--borderless-spacer-unit)); --borderless-spacer-xxxs: calc(0.25 * var(--borderless-spacer-unit)); --borderless-spacer-xxs: calc(0.375 * var(--borderless-spacer-unit)); --borderless-spacer-xs: calc(0.5 * var(--borderless-spacer-unit)); --borderless-spacer-sm: calc(0.75 * var(--borderless-spacer-unit)); --borderless-spacer-md: calc(1.25 * var(--borderless-spacer-unit)); --borderless-spacer-lg: calc(2 * var(--borderless-spacer-unit)); --borderless-spacer-xl: calc(3.25 * var(--borderless-spacer-unit)); --borderless-spacer-xxl: calc(5.25 * var(--borderless-spacer-unit)); --borderless-spacer-xxxl: calc(8.5 * var(--borderless-spacer-unit)); --borderless-spacer-xxxxl: calc(13.75 * var(--borderless-spacer-unit)); } :root { --borderless-unit: 1rem; --borderless-unit-xxxxs: calc(0.125 * var(--borderless-unit)); --borderless-unit-xxxs: calc(0.25 * var(--borderless-unit)); --borderless-unit-xxs: calc(0.375 * var(--borderless-unit)); --borderless-unit-xs: calc(0.5 * var(--borderless-unit)); --borderless-unit-sm: calc(0.75 * var(--borderless-unit)); --borderless-unit-md: calc(1.25 * var(--borderless-unit)); --borderless-unit-lg: calc(2 * var(--borderless-unit)); --borderless-unit-xl: calc(3.25 * var(--borderless-unit)); --borderless-unit-xxl: calc(5.25 * var(--borderless-unit)); --borderless-unit-xxxl: calc(8.5 * var(--borderless-unit)); --borderless-unit-xxxxl: calc(13.75 * var(--borderless-unit)); } .borderless-square { border-radius: 0; } .borderless-rounded { border-radius: .25rem; } .borderless-round { border-radius: 999rem; } .borderless-outline, .borderless-outline-1 { border-width: 1px; border-style: solid; } .borderless-outline-2 { border-width: 2px; border-style: solid; } .borderless-outline-3 { border-width: 3px; border-style: solid; } .borderless-outline-4 { border-width: 4px; border-style: solid; } .borderless-outline-5 { border-width: 5px; border-style: solid; } .borderless-w-xxxxs { width: calc(0.25 * var(--borderless-unit)); } .borderless-w-xxxs { width: calc(0.5 * var(--borderless-unit)); } .borderless-w-xxs { width: calc(0.75 * var(--borderless-unit)); } .borderless-w-xs { width: calc(1 * var(--borderless-unit)); } .borderless-w-sm { width: calc(1.5 * var(--borderless-unit)); } .borderless-w-md { width: calc(2 * var(--borderless-unit)); } .borderless-w-lg { width: calc(3 * var(--borderless-unit)); } .borderless-w-xl { width: calc(4 * var(--borderless-unit)); } .borderless-w-xxl { width: calc(6 * var(--borderless-unit)); } .borderless-w-xxxl { width: calc(8 * var(--borderless-unit)); } .borderless-w-xxxxl { width: calc(16 * var(--borderless-unit)); } .borderless-w-auto { width: auto; } .borderless-w-fitcontent { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .borderless-w-10 { width: 10%; } .borderless-w-20 { width: 20%; } .borderless-w-30 { width: 30%; } .borderless-w-40 { width: 40%; } .borderless-w-50 { width: 50%; } .borderless-w-60 { width: 60%; } .borderless-w-70 { width: 70%; } .borderless-w-80 { width: 80%; } .borderless-w-90 { width: 90%; } .borderless-w-100 { width: 100%; } .borderless-w-25 { width: 25%; } .borderless-w-33 { width: calc(100% / 3); } .borderless-w-66 { width: calc(100% / 1.5); } .borderless-w-75 { width: 75%; } /*-----------------------------------------------------------------------------------*/ /* *. Alignment /*-----------------------------------------------------------------------------------*/ .borderless-justify-start { justify-content: flex-start; } .borderless-justify-end { justify-content: flex-end; } .borderless-justify-center { justify-content: center; } .borderless-justify-between { justify-content: space-between; } .borderless-justify-around { justify-content: space-around; } .borderless-justify-evenly { justify-content: space-evenly; } /*-----------------------------------------------------------------------------------*/ /* *. Order /*-----------------------------------------------------------------------------------*/ .borderless-desktop-device .desktop-order-1 { order: 1; } .borderless-desktop-device .desktop-order-2 { order: 2; } .borderless-desktop-device .desktop-order-3 { order: 3; } .borderless-desktop-device .desktop-order-4 { order: 4; } .borderless-desktop-device .desktop-order-5 { order: 5; } .borderless-desktop-device .desktop-order-6 { order: 6; } .borderless-tablet-device .tablet-order-1 { order: 1; } .borderless-tablet-device .tablet-order-2 { order: 2; } .borderless-tablet-device .tablet-order-3 { order: 3; } .borderless-tablet-device .tablet-order-4 { order: 4; } .borderless-tablet-device .tablet-order-5 { order: 5; } .borderless-tablet-device .tablet-order-6 { order: 6; } .borderless-mobile-device .mobile-order-1 { order: 1; } .borderless-mobile-device .mobile-order-2 { order: 2; } .borderless-mobile-device .mobile-order-3 { order: 3; } .borderless-mobile-device .mobile-order-4 { order: 4; } .borderless-mobile-device .mobile-order-5 { order: 5; } .borderless-mobile-device .mobile-order-6 { order: 6; } /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { transform: translate3d(0, 0, 0); } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: translate3d(0, 0, 0); } } @keyframes wobble { from { transform: translate3d(0, 0, 0); } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { transform: translate3d(0, 0, 0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { transform: translate3d(0, 0, 0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } to { transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } to { transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .borderless-wpbakery-infobox:hover .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .borderless-wpbakery-infobox:hover .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .borderless-wpbakery-infobox:hover .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .borderless-wpbakery-infobox:hover .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .borderless-wpbakery-infobox:hover .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .borderless-wpbakery-infobox:hover .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .borderless-wpbakery-infobox:hover .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .borderless-wpbakery-infobox:hover .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .borderless-wpbakery-infobox:hover .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .borderless-wpbakery-infobox:hover .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .borderless-wpbakery-infobox:hover .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .borderless-wpbakery-infobox:hover .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } .borderless-contact-info ul { display: flex; } .borderless-contact-info__item { white-space: nowrap; display: flex; align-items: center; cursor: pointer; } .borderless-contact-info__item * { transition: all .2s ease-in-out; } .borderless-contact-info__item svg { width: 1.25rem; height: 1.25rem; } .borderless-contact-info__item a { color: inherit; text-decoration: none; } .borderless-contact-info--direction-row ul { flex-direction: row; } .borderless-contact-info--direction-row ul li:first-child { margin-left: 0; } .borderless-contact-info--direction-row ul li:last-child { margin-right: 0; } .borderless-contact-info--direction-column ul { flex-direction: column; } .borderless-contact-info--direction-column ul li:first-child { margin-top: 0; } .borderless-contact-info--direction-column ul li:last-child { margin-bottom: 0; } .borderless-contact-info--align-left ul { justify-content: flex-start; } .borderless-contact-info--align-center ul { justify-content: center; } .borderless-contact-info--align-right ul { justify-content: flex-end; } .borderless-contact-info--align-space-between ul { justify-content: space-between; } .borderless-contact-info--align-space-around ul { justify-content: space-around; } .borderless-contact-info--align-space-evenly ul { justify-content: space-evenly; } .borderless-contact-info--content-primary li a, .borderless-contact-info--content-primary li span { color: var(--borderless-color-primary); } .borderless-contact-info--content-primary li:hover a, .borderless-contact-info--content-primary li:hover span { color: var(--borderless-color-primary-dark); } .borderless-contact-info--content-secondary li a, .borderless-contact-info--content-secondary li span { color: var(--borderless-color-secondary); } .borderless-contact-info--content-secondary li:hover a, .borderless-contact-info--content-secondary li:hover span { color: var(--borderless-color-secondary-dark); } .borderless-contact-info--content-tertiary li a, .borderless-contact-info--content-tertiary li span { color: var(--borderless-color-tertiary); } .borderless-contact-info--content-tertiary li:hover a, .borderless-contact-info--content-tertiary li:hover span { color: var(--borderless-color-tertiary-dark); } .borderless-contact-info--content-light li a, .borderless-contact-info--content-light li span { color: var(--borderless-gray-200); } .borderless-contact-info--content-light li:hover a, .borderless-contact-info--content-light li:hover span { color: var(--borderless-gray-400); } .borderless-contact-info--content-dark li a, .borderless-contact-info--content-dark li span { color: var(--borderless-gray-900); } .borderless-contact-info--content-dark li:hover a, .borderless-contact-info--content-dark li:hover span { color: var(--borderless-gray-700); } .borderless-contact-info--icon-primary li svg path { color: var(--borderless-color-primary); } .borderless-contact-info--icon-primary li:hover svg path { color: var(--borderless-color-primary-dark); } .borderless-contact-info--icon-secondary li svg path { color: var(--borderless-color-secondary); } .borderless-contact-info--icon-secondary li:hover svg path { color: var(--borderless-color-secondary-dark); } .borderless-contact-info--icon-tertiary li svg path { color: var(--borderless-color-tertiary); } .borderless-contact-info--icon-tertiary li:hover svg path { color: var(--borderless-color-tertiary-dark); } .borderless-contact-info--icon-light li svg path { color: var(--borderless-gray-200); } .borderless-contact-info--icon-light li:hover svg path { color: var(--borderless-gray-400); } .borderless-contact-info--icon-dark li svg path { color: var(--borderless-gray-900); } .borderless-contact-info--icon-dark li:hover svg path { color: var(--borderless-gray-700); } .borderless-divider--horizontal { height: 1px; } .borderless-divider--vertical { width: 1px; } .borderless-divider--primary { background-color: var(--borderless-color-primary); } .borderless-divider--secondary { background-color: var(--borderless-color-secondary); } .borderless-divider--tertiary { background-color: var(--borderless-color-tertiary); } .borderless-divider--light { background-color: var(--borderless-gray-200); } .borderless-divider--dark { background-color: var(--borderless-gray-900); } .borderless-search { display: flex; } .borderless-search--input { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .borderless-search--input:focus { background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .borderless-search--input-primary { color: var(--borderless-color-primary); border-color: var(--borderless-color-primary); } .borderless-search--input-primary:hover, .borderless-search--input-primary:active, .borderless-search--input-primary:focus { border-color: var(--borderless-color-primary); } .borderless-search--input-secondary { color: var(--borderless-color-secondary); border-color: var(--borderless-color-secondary); } .borderless-search--input-secondary:hover, .borderless-search--input-secondary:active, .borderless-search--input-secondary:focus { border-color: var(--borderless-color-secondary); } .borderless-search--input-tertiary { color: var(--borderless-color-tertiary); border-color: var(--borderless-color-tertiary); } .borderless-search--input-tertiary:hover, .borderless-search--input-tertiary:active, .borderless-search--input-tertiary:focus { border-color: var(--borderless-color-tertiary); } .borderless-search--input-light { color: #212529; border-color: var(--borderless-gray-200); } .borderless-search--input-light:hover, .borderless-search--input-light:active, .borderless-search--input-light:focus { color: #212529; border-color: var(--borderless-gray-400); } .borderless-search--input-dark { color: var(--borderless-gray-900); border-color: var(--borderless-gray-900); } .borderless-search--input-dark:hover, .borderless-search--input-dark:active, .borderless-search--input-dark:focus { border-color: var(--borderless-gray-700); } .borderless-search--sizing-sm .borderless-search--input { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem; } .borderless-search--sizing-sm .submit { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem; } .borderless-search--sizing-lg .borderless-search--input { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem; } .borderless-search--sizing-lg .submit { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem; } .borderless-search--round .submit, .borderless-search--round .borderless-search--input { border-radius: 999px; } .borderless-search--square .submit, .borderless-search--square .borderless-search--input { border-radius: 0; } .borderless-search--left-button .borderless-search--input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .borderless-search--left-button .submit { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; z-index: 2; } .borderless-search--right-button .borderless-search--input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .borderless-search--right-button .submit { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; z-index: 2; } .borderless-social-media-icons { display: flex; } .borderless-social-media-icons__item { display: flex; } .borderless-social-media-icons__item svg { width: 1.25rem; height: 1.25rem; } .borderless-social-media-icons--direction-row { flex-direction: row; } .borderless-social-media-icons--direction-row a:first-child { margin-left: 0; } .borderless-social-media-icons--direction-row a:last-child { margin-right: 0; } .borderless-social-media-icons--direction-column { flex-direction: column; } .borderless-social-media-icons--direction-column a:first-child { margin-top: 0; } .borderless-social-media-icons--direction-column a:last-child { margin-bottom: 0; } .borderless-social-media-icons--align-left { justify-content: flex-start; } .borderless-social-media-icons--align-center { justify-content: center; } .borderless-social-media-icons--align-right { justify-content: flex-end; } .borderless-social-media-icons--align-space-between { justify-content: space-between; } .borderless-social-media-icons--align-space-around { justify-content: space-around; } .borderless-social-media-icons--align-space-evenly { justify-content: space-evenly; } .borderless-social-media-icons--primary-color a { color: var(--borderless-color-primary); } .borderless-social-media-icons--primary-color a:hover { color: var(--borderless-color-primary-dark); } .borderless-social-media-icons--secondary-color a { color: var(--borderless-color-secondary); } .borderless-social-media-icons--secondary-color a:hover { color: var(--borderless-color-secondary-dark); } .borderless-social-media-icons--tertiary-color a { color: var(--borderless-color-tertiary); } .borderless-social-media-icons--tertiary-color a:hover { color: var(--borderless-color-tertiary-dark); } .borderless-social-media-icons--light-color a { color: var(--borderless-gray-200); } .borderless-social-media-icons--light-color a:hover { color: var(--borderless-gray-400); } .borderless-social-media-icons--dark-color a { color: var(--borderless-gray-900); } .borderless-social-media-icons--dark-color a:hover { color: var(--borderless-gray-700); }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка