@charset "UTF-8"; *, *::before, *::after { box-sizing: border-box; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } [tabindex="-1"]:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6, p, a { margin: 0; } a { -webkit-text-decoration-skip: objects; background-color: rgba(0, 0, 0, 0); text-decoration: none; outline: 0; } b, strong { font-weight: bolder; } ol, ul, dl { padding: 0; margin: 0; list-style-type: none; } img { max-width: 100%; height: auto; vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } textarea { overflow: auto; resize: vertical; } a, area, button, [role=button], input:not([type=range]), label, select, summary, textarea { touch-action: manipulation; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } table { border-collapse: collapse; } caption { padding: 0.75rem 0; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; } button { border-radius: 0; outline: none; } fieldset { min-width: 0; padding: 0.5rem; margin: 0; border: 0; } legend { color: inherit; display: block; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } [type=date], [type=time], [type=datetime-local], [type=month] { -webkit-appearance: listbox; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [hidden] { display: none !important; } button, a, [type=submit] { cursor: pointer; } button:focus, a:focus, [type=submit]:focus { outline-offset: 3px; } .block { display: block; } .hidden { display: none; } .flex { display: flex; } .wrap { flex-wrap: wrap; } .nowrap { flex-wrap: nowrap; } .row { flex-direction: row; } .rowr { flex-direction: row-reverse; } .column { flex-direction: column; } .columnr { flex-direction: column-reverse; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-evenly { justify-content: space-evenly; } .justify-stretch { justify-content: stretch; } .items-center { align-items: center; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-stretch { align-items: stretch; } .w-full { width: 100%; } .w-1\/6 { width: 16.6666666667%; } .w-2\/6 { width: 33.3333333333%; } .w-3\/6 { width: 50%; } .w-4\/6 { width: 66.6666666667%; } .w-5\/6 { width: 83.3333333333%; } .text-center { text-align: center; } .text-end { text-align: end; } .p-1 { padding: calc(var(--space-base) * 1); } .p-2 { padding: calc(var(--space-base) * 2); } .p-3 { padding: calc(var(--space-base) * 3); } .p-4 { padding: calc(var(--space-base) * 4); } .p-5 { padding: calc(var(--space-base) * 5); } .p-6 { padding: calc(var(--space-base) * 6); } .p-7 { padding: calc(var(--space-base) * 7); } .p-8 { padding: calc(var(--space-base) * 8); } .p-9 { padding: calc(var(--space-base) * 9); } .p-10 { padding: calc(var(--space-base) * 10); } .px-1 { padding-left: calc(var(--space-base) * 1); padding-right: calc(var(--space-base) * 1); } .px-2 { padding-left: calc(var(--space-base) * 2); padding-right: calc(var(--space-base) * 2); } .px-3 { padding-left: calc(var(--space-base) * 3); padding-right: calc(var(--space-base) * 3); } .px-4 { padding-left: calc(var(--space-base) * 4); padding-right: calc(var(--space-base) * 4); } .px-5 { padding-left: calc(var(--space-base) * 5); padding-right: calc(var(--space-base) * 5); } .px-6 { padding-left: calc(var(--space-base) * 6); padding-right: calc(var(--space-base) * 6); } .px-7 { padding-left: calc(var(--space-base) * 7); padding-right: calc(var(--space-base) * 7); } .px-8 { padding-left: calc(var(--space-base) * 8); padding-right: calc(var(--space-base) * 8); } .px-9 { padding-left: calc(var(--space-base) * 9); padding-right: calc(var(--space-base) * 9); } .px-10 { padding-left: calc(var(--space-base) * 10); padding-right: calc(var(--space-base) * 10); } .py-1 { padding-top: calc(var(--space-base) * 1); padding-bottom: calc(var(--space-base) * 1); } .py-2 { padding-top: calc(var(--space-base) * 2); padding-bottom: calc(var(--space-base) * 2); } .py-3 { padding-top: calc(var(--space-base) * 3); padding-bottom: calc(var(--space-base) * 3); } .py-4 { padding-top: calc(var(--space-base) * 4); padding-bottom: calc(var(--space-base) * 4); } .py-5 { padding-top: calc(var(--space-base) * 5); padding-bottom: calc(var(--space-base) * 5); } .py-6 { padding-top: calc(var(--space-base) * 6); padding-bottom: calc(var(--space-base) * 6); } .py-7 { padding-top: calc(var(--space-base) * 7); padding-bottom: calc(var(--space-base) * 7); } .py-8 { padding-top: calc(var(--space-base) * 8); padding-bottom: calc(var(--space-base) * 8); } .py-9 { padding-top: calc(var(--space-base) * 9); padding-bottom: calc(var(--space-base) * 9); } .py-10 { padding-top: calc(var(--space-base) * 10); padding-bottom: calc(var(--space-base) * 10); } .pt-1 { padding-top: calc(var(--space-base) * 1); } .pt-2 { padding-top: calc(var(--space-base) * 2); } .pt-3 { padding-top: calc(var(--space-base) * 3); } .pt-4 { padding-top: calc(var(--space-base) * 4); } .pt-5 { padding-top: calc(var(--space-base) * 5); } .pt-6 { padding-top: calc(var(--space-base) * 6); } .pt-7 { padding-top: calc(var(--space-base) * 7); } .pt-8 { padding-top: calc(var(--space-base) * 8); } .pt-9 { padding-top: calc(var(--space-base) * 9); } .pt-10 { padding-top: calc(var(--space-base) * 10); } .pb-1 { padding-bottom: calc(var(--space-base) * 1); } .pb-2 { padding-bottom: calc(var(--space-base) * 2); } .pb-3 { padding-bottom: calc(var(--space-base) * 3); } .pb-4 { padding-bottom: calc(var(--space-base) * 4); } .pb-5 { padding-bottom: calc(var(--space-base) * 5); } .pb-6 { padding-bottom: calc(var(--space-base) * 6); } .pb-7 { padding-bottom: calc(var(--space-base) * 7); } .pb-8 { padding-bottom: calc(var(--space-base) * 8); } .pb-9 { padding-bottom: calc(var(--space-base) * 9); } .pb-10 { padding-bottom: calc(var(--space-base) * 10); } .pl-1 { padding-left: calc(var(--space-base) * 1); } .pl-2 { padding-left: calc(var(--space-base) * 2); } .pl-3 { padding-left: calc(var(--space-base) * 3); } .pl-4 { padding-left: calc(var(--space-base) * 4); } .pl-5 { padding-left: calc(var(--space-base) * 5); } .pl-6 { padding-left: calc(var(--space-base) * 6); } .pl-7 { padding-left: calc(var(--space-base) * 7); } .pl-8 { padding-left: calc(var(--space-base) * 8); } .pl-9 { padding-left: calc(var(--space-base) * 9); } .pl-10 { padding-left: calc(var(--space-base) * 10); } .pr-1 { padding-right: calc(var(--space-base) * 1); } .pr-2 { padding-right: calc(var(--space-base) * 2); } .pr-3 { padding-right: calc(var(--space-base) * 3); } .pr-4 { padding-right: calc(var(--space-base) * 4); } .pr-5 { padding-right: calc(var(--space-base) * 5); } .pr-6 { padding-right: calc(var(--space-base) * 6); } .pr-7 { padding-right: calc(var(--space-base) * 7); } .pr-8 { padding-right: calc(var(--space-base) * 8); } .pr-9 { padding-right: calc(var(--space-base) * 9); } .pr-10 { padding-right: calc(var(--space-base) * 10); } .m-1 { margin: calc(var(--space-base) * 1); } .m-2 { margin: calc(var(--space-base) * 2); } .m-3 { margin: calc(var(--space-base) * 3); } .m-4 { margin: calc(var(--space-base) * 4); } .m-5 { margin: calc(var(--space-base) * 5); } .m-6 { margin: calc(var(--space-base) * 6); } .m-7 { margin: calc(var(--space-base) * 7); } .m-8 { margin: calc(var(--space-base) * 8); } .m-9 { margin: calc(var(--space-base) * 9); } .m-10 { margin: calc(var(--space-base) * 10); } .mx-1 { margin-left: calc(var(--space-base) * 1); margin-right: calc(var(--space-base) * 1); } .mx-2 { margin-left: calc(var(--space-base) * 2); margin-right: calc(var(--space-base) * 2); } .mx-3 { margin-left: calc(var(--space-base) * 3); margin-right: calc(var(--space-base) * 3); } .mx-4 { margin-left: calc(var(--space-base) * 4); margin-right: calc(var(--space-base) * 4); } .mx-5 { margin-left: calc(var(--space-base) * 5); margin-right: calc(var(--space-base) * 5); } .mx-6 { margin-left: calc(var(--space-base) * 6); margin-right: calc(var(--space-base) * 6); } .mx-7 { margin-left: calc(var(--space-base) * 7); margin-right: calc(var(--space-base) * 7); } .mx-8 { margin-left: calc(var(--space-base) * 8); margin-right: calc(var(--space-base) * 8); } .mx-9 { margin-left: calc(var(--space-base) * 9); margin-right: calc(var(--space-base) * 9); } .mx-10 { margin-left: calc(var(--space-base) * 10); margin-right: calc(var(--space-base) * 10); } .my-1 { margin-top: calc(var(--space-base) * 1); margin-bottom: calc(var(--space-base) * 1); } .my-2 { margin-top: calc(var(--space-base) * 2); margin-bottom: calc(var(--space-base) * 2); } .my-3 { margin-top: calc(var(--space-base) * 3); margin-bottom: calc(var(--space-base) * 3); } .my-4 { margin-top: calc(var(--space-base) * 4); margin-bottom: calc(var(--space-base) * 4); } .my-5 { margin-top: calc(var(--space-base) * 5); margin-bottom: calc(var(--space-base) * 5); } .my-6 { margin-top: calc(var(--space-base) * 6); margin-bottom: calc(var(--space-base) * 6); } .my-7 { margin-top: calc(var(--space-base) * 7); margin-bottom: calc(var(--space-base) * 7); } .my-8 { margin-top: calc(var(--space-base) * 8); margin-bottom: calc(var(--space-base) * 8); } .my-9 { margin-top: calc(var(--space-base) * 9); margin-bottom: calc(var(--space-base) * 9); } .my-10 { margin-top: calc(var(--space-base) * 10); margin-bottom: calc(var(--space-base) * 10); } .mt-1 { margin-top: calc(var(--space-base) * 1); } .mt-2 { margin-top: calc(var(--space-base) * 2); } .mt-3 { margin-top: calc(var(--space-base) * 3); } .mt-4 { margin-top: calc(var(--space-base) * 4); } .mt-5 { margin-top: calc(var(--space-base) * 5); } .mt-6 { margin-top: calc(var(--space-base) * 6); } .mt-7 { margin-top: calc(var(--space-base) * 7); } .mt-8 { margin-top: calc(var(--space-base) * 8); } .mt-9 { margin-top: calc(var(--space-base) * 9); } .mt-10 { margin-top: calc(var(--space-base) * 10); } .mb-1 { margin-bottom: calc(var(--space-base) * 1); } .mb-2 { margin-bottom: calc(var(--space-base) * 2); } .mb-3 { margin-bottom: calc(var(--space-base) * 3); } .mb-4 { margin-bottom: calc(var(--space-base) * 4); } .mb-5 { margin-bottom: calc(var(--space-base) * 5); } .mb-6 { margin-bottom: calc(var(--space-base) * 6); } .mb-7 { margin-bottom: calc(var(--space-base) * 7); } .mb-8 { margin-bottom: calc(var(--space-base) * 8); } .mb-9 { margin-bottom: calc(var(--space-base) * 9); } .mb-10 { margin-bottom: calc(var(--space-base) * 10); } .ml-1 { margin-left: calc(var(--space-base) * 1); } .ml-2 { margin-left: calc(var(--space-base) * 2); } .ml-3 { margin-left: calc(var(--space-base) * 3); } .ml-4 { margin-left: calc(var(--space-base) * 4); } .ml-5 { margin-left: calc(var(--space-base) * 5); } .ml-6 { margin-left: calc(var(--space-base) * 6); } .ml-7 { margin-left: calc(var(--space-base) * 7); } .ml-8 { margin-left: calc(var(--space-base) * 8); } .ml-9 { margin-left: calc(var(--space-base) * 9); } .ml-10 { margin-left: calc(var(--space-base) * 10); } .mr-1 { margin-right: calc(var(--space-base) * 1); } .mr-2 { margin-right: calc(var(--space-base) * 2); } .mr-3 { margin-right: calc(var(--space-base) * 3); } .mr-4 { margin-right: calc(var(--space-base) * 4); } .mr-5 { margin-right: calc(var(--space-base) * 5); } .mr-6 { margin-right: calc(var(--space-base) * 6); } .mr-7 { margin-right: calc(var(--space-base) * 7); } .mr-8 { margin-right: calc(var(--space-base) * 8); } .mr-9 { margin-right: calc(var(--space-base) * 9); } .mr-10 { margin-right: calc(var(--space-base) * 10); } .gap-1 { gap: calc(var(--space-base) * 1); } .gap-2 { gap: calc(var(--space-base) * 2); } .gap-3 { gap: calc(var(--space-base) * 3); } .gap-4 { gap: calc(var(--space-base) * 4); } .gap-5 { gap: calc(var(--space-base) * 5); } .gap-6 { gap: calc(var(--space-base) * 6); } .gap-7 { gap: calc(var(--space-base) * 7); } .gap-8 { gap: calc(var(--space-base) * 8); } .gap-9 { gap: calc(var(--space-base) * 9); } .gap-10 { gap: calc(var(--space-base) * 10); } .gapx-1 { -moz-column-gap: calc(var(--space-base) * 1); column-gap: calc(var(--space-base) * 1); } .gapx-2 { -moz-column-gap: calc(var(--space-base) * 2); column-gap: calc(var(--space-base) * 2); } .gapx-3 { -moz-column-gap: calc(var(--space-base) * 3); column-gap: calc(var(--space-base) * 3); } .gapx-4 { -moz-column-gap: calc(var(--space-base) * 4); column-gap: calc(var(--space-base) * 4); } .gapx-5 { -moz-column-gap: calc(var(--space-base) * 5); column-gap: calc(var(--space-base) * 5); } .gapx-6 { -moz-column-gap: calc(var(--space-base) * 6); column-gap: calc(var(--space-base) * 6); } .gapx-7 { -moz-column-gap: calc(var(--space-base) * 7); column-gap: calc(var(--space-base) * 7); } .gapx-8 { -moz-column-gap: calc(var(--space-base) * 8); column-gap: calc(var(--space-base) * 8); } .gapx-9 { -moz-column-gap: calc(var(--space-base) * 9); column-gap: calc(var(--space-base) * 9); } .gapx-10 { -moz-column-gap: calc(var(--space-base) * 10); column-gap: calc(var(--space-base) * 10); } .gapy-1 { row-gap: calc(var(--space-base) * 1); } .gapy-2 { row-gap: calc(var(--space-base) * 2); } .gapy-3 { row-gap: calc(var(--space-base) * 3); } .gapy-4 { row-gap: calc(var(--space-base) * 4); } .gapy-5 { row-gap: calc(var(--space-base) * 5); } .gapy-6 { row-gap: calc(var(--space-base) * 6); } .gapy-7 { row-gap: calc(var(--space-base) * 7); } .gapy-8 { row-gap: calc(var(--space-base) * 8); } .gapy-9 { row-gap: calc(var(--space-base) * 9); } .gapy-10 { row-gap: calc(var(--space-base) * 10); } .text-xs { font-size: calc(12 / 16 * 1rem); } .text-sm { font-size: calc(14 / 16 * 1rem); } .text-md { font-size: calc(16 / 16 * 1rem); } .text-lg { font-size: calc(18 / 16 * 1rem); } .text-xl { font-size: calc(20 / 16 * 1rem); } .text-2xl { font-size: calc(24 / 16 * 1rem); } .text-3xl { font-size: calc(30 / 16 * 1rem); } .text-4xl { font-size: calc(36 / 16 * 1rem); } .text-5xl { font-size: calc(48 / 16 * 1rem); } .text-6xl { font-size: calc(60 / 16 * 1rem); } .text-7xl { font-size: calc(72 / 16 * 1rem); } .text-8xl { font-size: calc(96 / 16 * 1rem); } .text-9xl { font-size: calc(128 / 16 * 1rem); } @media (min-width: 640px) { .sm\:block { display: block; } .sm\:hidden { display: none; } .sm\:flex { display: flex; } .sm\:wrap { flex-wrap: wrap; } .sm\:nowrap { flex-wrap: nowrap; } .sm\:row { flex-direction: row; } .sm\:rowr { flex-direction: row-reverse; } .sm\:column { flex-direction: column; } .sm\:columnr { flex-direction: column-reverse; } .sm\:justify-center { justify-content: center; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-around { justify-content: space-around; } .sm\:justify-evenly { justify-content: space-evenly; } .sm\:justify-stretch { justify-content: stretch; } .sm\:items-center { align-items: center; } .sm\:items-start { align-items: flex-start; } .sm\:items-end { align-items: flex-end; } .sm\:items-stretch { align-items: stretch; } .sm\:w-full { width: 100%; } .sm\:w-1\/6 { width: 16.6666666667%; } .sm\:w-2\/6 { width: 33.3333333333%; } .sm\:w-3\/6 { width: 50%; } .sm\:w-4\/6 { width: 66.6666666667%; } .sm\:w-5\/6 { width: 83.3333333333%; } .sm\:text-center { text-align: center; } .sm\:text-end { text-align: end; } .sm\:p-1 { padding: calc(var(--space-base) * 1); } .sm\:p-2 { padding: calc(var(--space-base) * 2); } .sm\:p-3 { padding: calc(var(--space-base) * 3); } .sm\:p-4 { padding: calc(var(--space-base) * 4); } .sm\:p-5 { padding: calc(var(--space-base) * 5); } .sm\:p-6 { padding: calc(var(--space-base) * 6); } .sm\:p-7 { padding: calc(var(--space-base) * 7); } .sm\:p-8 { padding: calc(var(--space-base) * 8); } .sm\:p-9 { padding: calc(var(--space-base) * 9); } .sm\:p-10 { padding: calc(var(--space-base) * 10); } .sm\:px-1 { padding-left: calc(var(--space-base) * 1); padding-right: calc(var(--space-base) * 1); } .sm\:px-2 { padding-left: calc(var(--space-base) * 2); padding-right: calc(var(--space-base) * 2); } .sm\:px-3 { padding-left: calc(var(--space-base) * 3); padding-right: calc(var(--space-base) * 3); } .sm\:px-4 { padding-left: calc(var(--space-base) * 4); padding-right: calc(var(--space-base) * 4); } .sm\:px-5 { padding-left: calc(var(--space-base) * 5); padding-right: calc(var(--space-base) * 5); } .sm\:px-6 { padding-left: calc(var(--space-base) * 6); padding-right: calc(var(--space-base) * 6); } .sm\:px-7 { padding-left: calc(var(--space-base) * 7); padding-right: calc(var(--space-base) * 7); } .sm\:px-8 { padding-left: calc(var(--space-base) * 8); padding-right: calc(var(--space-base) * 8); } .sm\:px-9 { padding-left: calc(var(--space-base) * 9); padding-right: calc(var(--space-base) * 9); } .sm\:px-10 { padding-left: calc(var(--space-base) * 10); padding-right: calc(var(--space-base) * 10); } .sm\:py-1 { padding-top: calc(var(--space-base) * 1); padding-bottom: calc(var(--space-base) * 1); } .sm\:py-2 { padding-top: calc(var(--space-base) * 2); padding-bottom: calc(var(--space-base) * 2); } .sm\:py-3 { padding-top: calc(var(--space-base) * 3); padding-bottom: calc(var(--space-base) * 3); } .sm\:py-4 { padding-top: calc(var(--space-base) * 4); padding-bottom: calc(var(--space-base) * 4); } .sm\:py-5 { padding-top: calc(var(--space-base) * 5); padding-bottom: calc(var(--space-base) * 5); } .sm\:py-6 { padding-top: calc(var(--space-base) * 6); padding-bottom: calc(var(--space-base) * 6); } .sm\:py-7 { padding-top: calc(var(--space-base) * 7); padding-bottom: calc(var(--space-base) * 7); } .sm\:py-8 { padding-top: calc(var(--space-base) * 8); padding-bottom: calc(var(--space-base) * 8); } .sm\:py-9 { padding-top: calc(var(--space-base) * 9); padding-bottom: calc(var(--space-base) * 9); } .sm\:py-10 { padding-top: calc(var(--space-base) * 10); padding-bottom: calc(var(--space-base) * 10); } .sm\:pt-1 { padding-top: calc(var(--space-base) * 1); } .sm\:pt-2 { padding-top: calc(var(--space-base) * 2); } .sm\:pt-3 { padding-top: calc(var(--space-base) * 3); } .sm\:pt-4 { padding-top: calc(var(--space-base) * 4); } .sm\:pt-5 { padding-top: calc(var(--space-base) * 5); } .sm\:pt-6 { padding-top: calc(var(--space-base) * 6); } .sm\:pt-7 { padding-top: calc(var(--space-base) * 7); } .sm\:pt-8 { padding-top: calc(var(--space-base) * 8); } .sm\:pt-9 { padding-top: calc(var(--space-base) * 9); } .sm\:pt-10 { padding-top: calc(var(--space-base) * 10); } .sm\:pb-1 { padding-bottom: calc(var(--space-base) * 1); } .sm\:pb-2 { padding-bottom: calc(var(--space-base) * 2); } .sm\:pb-3 { padding-bottom: calc(var(--space-base) * 3); } .sm\:pb-4 { padding-bottom: calc(var(--space-base) * 4); } .sm\:pb-5 { padding-bottom: calc(var(--space-base) * 5); } .sm\:pb-6 { padding-bottom: calc(var(--space-base) * 6); } .sm\:pb-7 { padding-bottom: calc(var(--space-base) * 7); } .sm\:pb-8 { padding-bottom: calc(var(--space-base) * 8); } .sm\:pb-9 { padding-bottom: calc(var(--space-base) * 9); } .sm\:pb-10 { padding-bottom: calc(var(--space-base) * 10); } .sm\:pl-1 { padding-left: calc(var(--space-base) * 1); } .sm\:pl-2 { padding-left: calc(var(--space-base) * 2); } .sm\:pl-3 { padding-left: calc(var(--space-base) * 3); } .sm\:pl-4 { padding-left: calc(var(--space-base) * 4); } .sm\:pl-5 { padding-left: calc(var(--space-base) * 5); } .sm\:pl-6 { padding-left: calc(var(--space-base) * 6); } .sm\:pl-7 { padding-left: calc(var(--space-base) * 7); } .sm\:pl-8 { padding-left: calc(var(--space-base) * 8); } .sm\:pl-9 { padding-left: calc(var(--space-base) * 9); } .sm\:pl-10 { padding-left: calc(var(--space-base) * 10); } .sm\:pr-1 { padding-right: calc(var(--space-base) * 1); } .sm\:pr-2 { padding-right: calc(var(--space-base) * 2); } .sm\:pr-3 { padding-right: calc(var(--space-base) * 3); } .sm\:pr-4 { padding-right: calc(var(--space-base) * 4); } .sm\:pr-5 { padding-right: calc(var(--space-base) * 5); } .sm\:pr-6 { padding-right: calc(var(--space-base) * 6); } .sm\:pr-7 { padding-right: calc(var(--space-base) * 7); } .sm\:pr-8 { padding-right: calc(var(--space-base) * 8); } .sm\:pr-9 { padding-right: calc(var(--space-base) * 9); } .sm\:pr-10 { padding-right: calc(var(--space-base) * 10); } .sm\:m-1 { margin: calc(var(--space-base) * 1); } .sm\:m-2 { margin: calc(var(--space-base) * 2); } .sm\:m-3 { margin: calc(var(--space-base) * 3); } .sm\:m-4 { margin: calc(var(--space-base) * 4); } .sm\:m-5 { margin: calc(var(--space-base) * 5); } .sm\:m-6 { margin: calc(var(--space-base) * 6); } .sm\:m-7 { margin: calc(var(--space-base) * 7); } .sm\:m-8 { margin: calc(var(--space-base) * 8); } .sm\:m-9 { margin: calc(var(--space-base) * 9); } .sm\:m-10 { margin: calc(var(--space-base) * 10); } .sm\:mx-1 { margin-left: calc(var(--space-base) * 1); margin-right: calc(var(--space-base) * 1); } .sm\:mx-2 { margin-left: calc(var(--space-base) * 2); margin-right: calc(var(--space-base) * 2); } .sm\:mx-3 { margin-left: calc(var(--space-base) * 3); margin-right: calc(var(--space-base) * 3); } .sm\:mx-4 { margin-left: calc(var(--space-base) * 4); margin-right: calc(var(--space-base) * 4); } .sm\:mx-5 { margin-left: calc(var(--space-base) * 5); margin-right: calc(var(--space-base) * 5); } .sm\:mx-6 { margin-left: calc(var(--space-base) * 6); margin-right: calc(var(--space-base) * 6); } .sm\:mx-7 { margin-left: calc(var(--space-base) * 7); margin-right: calc(var(--space-base) * 7); } .sm\:mx-8 { margin-left: calc(var(--space-base) * 8); margin-right: calc(var(--space-base) * 8); } .sm\:mx-9 { margin-left: calc(var(--space-base) * 9); margin-right: calc(var(--space-base) * 9); } .sm\:mx-10 { margin-left: calc(var(--space-base) * 10); margin-right: calc(var(--space-base) * 10); } .sm\:my-1 { margin-top: calc(var(--space-base) * 1); margin-bottom: calc(var(--space-base) * 1); } .sm\:my-2 { margin-top: calc(var(--space-base) * 2); margin-bottom: calc(var(--space-base) * 2); } .sm\:my-3 { margin-top: calc(var(--space-base) * 3); margin-bottom: calc(var(--space-base) * 3); } .sm\:my-4 { margin-top: calc(var(--space-base) * 4); margin-bottom: calc(var(--space-base) * 4); } .sm\:my-5 { margin-top: calc(var(--space-base) * 5); margin-bottom: calc(var(--space-base) * 5); } .sm\:my-6 { margin-top: calc(var(--space-base) * 6); margin-bottom: calc(var(--space-base) * 6); } .sm\:my-7 { margin-top: calc(var(--space-base) * 7); margin-bottom: calc(var(--space-base) * 7); } .sm\:my-8 { margin-top: calc(var(--space-base) * 8); margin-bottom: calc(var(--space-base) * 8); } .sm\:my-9 { margin-top: calc(var(--space-base) * 9); margin-bottom: calc(var(--space-base) * 9); } .sm\:my-10 { margin-top: calc(var(--space-base) * 10); margin-bottom: calc(var(--space-base) * 10); } .sm\:mt-1 { margin-top: calc(var(--space-base) * 1); } .sm\:mt-2 { margin-top: calc(var(--space-base) * 2); } .sm\:mt-3 { margin-top: calc(var(--space-base) * 3); } .sm\:mt-4 { margin-top: calc(var(--space-base) * 4); } .sm\:mt-5 { margin-top: calc(var(--space-base) * 5); } .sm\:mt-6 { margin-top: calc(var(--space-base) * 6); } .sm\:mt-7 { margin-top: calc(var(--space-base) * 7); } .sm\:mt-8 { margin-top: calc(var(--space-base) * 8); } .sm\:mt-9 { margin-top: calc(var(--space-base) * 9); } .sm\:mt-10 { margin-top: calc(var(--space-base) * 10); } .sm\:mb-1 { margin-bottom: calc(var(--space-base) * 1); } .sm\:mb-2 { margin-bottom: calc(var(--space-base) * 2); } .sm\:mb-3 { margin-bottom: calc(var(--space-base) * 3); } .sm\:mb-4 { margin-bottom: calc(var(--space-base) * 4); } .sm\:mb-5 { margin-bottom: calc(var(--space-base) * 5); } .sm\:mb-6 { margin-bottom: calc(var(--space-base) * 6); } .sm\:mb-7 { margin-bottom: calc(var(--space-base) * 7); } .sm\:mb-8 { margin-bottom: calc(var(--space-base) * 8); } .sm\:mb-9 { margin-bottom: calc(var(--space-base) * 9); } .sm\:mb-10 { margin-bottom: calc(var(--space-base) * 10); } .sm\:ml-1 { margin-left: calc(var(--space-base) * 1); } .sm\:ml-2 { margin-left: calc(var(--space-base) * 2); } .sm\:ml-3 { margin-left: calc(var(--space-base) * 3); } .sm\:ml-4 { margin-left: calc(var(--space-base) * 4); } .sm\:ml-5 { margin-left: calc(var(--space-base) * 5); } .sm\:ml-6 { margin-left: calc(var(--space-base) * 6); } .sm\:ml-7 { margin-left: calc(var(--space-base) * 7); } .sm\:ml-8 { margin-left: calc(var(--space-base) * 8); } .sm\:ml-9 { margin-left: calc(var(--space-base) * 9); } .sm\:ml-10 { margin-left: calc(var(--space-base) * 10); } .sm\:mr-1 { margin-right: calc(var(--space-base) * 1); } .sm\:mr-2 { margin-right: calc(var(--space-base) * 2); } .sm\:mr-3 { margin-right: calc(var(--space-base) * 3); } .sm\:mr-4 { margin-right: calc(var(--space-base) * 4); } .sm\:mr-5 { margin-right: calc(var(--space-base) * 5); } .sm\:mr-6 { margin-right: calc(var(--space-base) * 6); } .sm\:mr-7 { margin-right: calc(var(--space-base) * 7); } .sm\:mr-8 { margin-right: calc(var(--space-base) * 8); } .sm\:mr-9 { margin-right: calc(var(--space-base) * 9); } .sm\:mr-10 { margin-right: calc(var(--space-base) * 10); } .sm\:gap-1 { gap: calc(var(--space-base) * 1); } .sm\:gap-2 { gap: calc(var(--space-base) * 2); } .sm\:gap-3 { gap: calc(var(--space-base) * 3); } .sm\:gap-4 { gap: calc(var(--space-base) * 4); } .sm\:gap-5 { gap: calc(var(--space-base) * 5); } .sm\:gap-6 { gap: calc(var(--space-base) * 6); } .sm\:gap-7 { gap: calc(var(--space-base) * 7); } .sm\:gap-8 { gap: calc(var(--space-base) * 8); } .sm\:gap-9 { gap: calc(var(--space-base) * 9); } .sm\:gap-10 { gap: calc(var(--space-base) * 10); } .sm\:gapx-1 { -moz-column-gap: calc(var(--space-base) * 1); column-gap: calc(var(--space-base) * 1); } .sm\:gapx-2 { -moz-column-gap: calc(var(--space-base) * 2); column-gap: calc(var(--space-base) * 2); } .sm\:gapx-3 { -moz-column-gap: calc(var(--space-base) * 3); column-gap: calc(var(--space-base) * 3); } .sm\:gapx-4 { -moz-column-gap: calc(var(--space-base) * 4); column-gap: calc(var(--space-base) * 4); } .sm\:gapx-5 { -moz-column-gap: calc(var(--space-base) * 5); column-gap: calc(var(--space-base) * 5); } .sm\:gapx-6 { -moz-column-gap: calc(var(--space-base) * 6); column-gap: calc(var(--space-base) * 6); } .sm\:gapx-7 { -moz-column-gap: calc(var(--space-base) * 7); column-gap: calc(var(--space-base) * 7); } .sm\:gapx-8 { -moz-column-gap: calc(var(--space-base) * 8); column-gap: calc(var(--space-base) * 8); } .sm\:gapx-9 { -moz-column-gap: calc(var(--space-base) * 9); column-gap: calc(var(--space-base) * 9); } .sm\:gapx-10 { -moz-column-gap: calc(var(--space-base) * 10); column-gap: calc(var(--space-base) * 10); } .sm\:gapy-1 { row-gap: calc(var(--space-base) * 1); } .sm\:gapy-2 { row-gap: calc(var(--space-base) * 2); } .sm\:gapy-3 { row-gap: calc(var(--space-base) * 3); } .sm\:gapy-4 { row-gap: calc(var(--space-base) * 4); } .sm\:gapy-5 { row-gap: calc(var(--space-base) * 5); } .sm\:gapy-6 { row-gap: calc(var(--space-base) * 6); } .sm\:gapy-7 { row-gap: calc(var(--space-base) * 7); } .sm\:gapy-8 { row-gap: calc(var(--space-base) * 8); } .sm\:gapy-9 { row-gap: calc(var(--space-base) * 9); } .sm\:gapy-10 { row-gap: calc(var(--space-base) * 10); } .sm\:text-xs { font-size: calc(12 / 16px * 1rem); } .sm\:text-sm { font-size: calc(14 / 16px * 1rem); } .sm\:text-md { font-size: calc(16 / 16px * 1rem); } .sm\:text-lg { font-size: calc(18 / 16px * 1rem); } .sm\:text-xl { font-size: calc(20 / 16px * 1rem); } .sm\:text-2xl { font-size: calc(24 / 16px * 1rem); } .sm\:text-3xl { font-size: calc(30 / 16px * 1rem); } .sm\:text-4xl { font-size: calc(36 / 16px * 1rem); } .sm\:text-5xl { font-size: calc(48 / 16px * 1rem); } .sm\:text-6xl { font-size: calc(60 / 16px * 1rem); } .sm\:text-7xl { font-size: calc(72 / 16px * 1rem); } .sm\:text-8xl { font-size: calc(96 / 16px * 1rem); } .sm\:text-9xl { font-size: calc(128 / 16px * 1rem); } } @media (min-width: 768px) { .md\:block { display: block; } .md\:hidden { display: none; } .md\:flex { display: flex; } .md\:wrap { flex-wrap: wrap; } .md\:nowrap { flex-wrap: nowrap; } .md\:row { flex-direction: row; } .md\:rowr { flex-direction: row-reverse; } .md\:column { flex-direction: column; } .md\:columnr { flex-direction: column-reverse; } .md\:justify-center { justify-content: center; } .md\:justify-between { justify-content: space-between; } .md\:justify-around { justify-content: space-around; } .md\:justify-evenly { justify-content: space-evenly; } .md\:justify-stretch { justify-content: stretch; } .md\:items-center { align-items: center; } .md\:items-start { align-items: flex-start; } .md\:items-end { align-items: flex-end; } .md\:items-stretch { align-items: stretch; } .md\:w-full { width: 100%; } .md\:w-1\/6 { width: 16.6666666667%; } .md\:w-2\/6 { width: 33.3333333333%; } .md\:w-3\/6 { width: 50%; } .md\:w-4\/6 { width: 66.6666666667%; } .md\:w-5\/6 { width: 83.3333333333%; } .md\:text-center { text-align: center; } .md\:text-end { text-align: end; } .md\:p-1 { padding: calc(var(--space-base) * 1); } .md\:p-2 { padding: calc(var(--space-base) * 2); } .md\:p-3 { padding: calc(var(--space-base) * 3); } .md\:p-4 { padding: calc(var(--space-base) * 4); } .md\:p-5 { padding: calc(var(--space-base) * 5); } .md\:p-6 { padding: calc(var(--space-base) * 6); } .md\:p-7 { padding: calc(var(--space-base) * 7); } .md\:p-8 { padding: calc(var(--space-base) * 8); } .md\:p-9 { padding: calc(var(--space-base) * 9); } .md\:p-10 { padding: calc(var(--space-base) * 10); } .md\:px-1 { padding-left: calc(var(--space-base) * 1); padding-right: calc(var(--space-base) * 1); } .md\:px-2 { padding-left: calc(var(--space-base) * 2); padding-right: calc(var(--space-base) * 2); } .md\:px-3 { padding-left: calc(var(--space-base) * 3); padding-right: calc(var(--space-base) * 3); } .md\:px-4 { padding-left: calc(var(--space-base) * 4); padding-right: calc(var(--space-base) * 4); } .md\:px-5 { padding-left: calc(var(--space-base) * 5); padding-right: calc(var(--space-base) * 5); } .md\:px-6 { padding-left: calc(var(--space-base) * 6); padding-right: calc(var(--space-base) * 6); } .md\:px-7 { padding-left: calc(var(--space-base) * 7); padding-right: calc(var(--space-base) * 7); } .md\:px-8 { padding-left: calc(var(--space-base) * 8); padding-right: calc(var(--space-base) * 8); } .md\:px-9 { padding-left: calc(var(--space-base) * 9); padding-right: calc(var(--space-base) * 9); } .md\:px-10 { padding-left: calc(var(--space-base) * 10); padding-right: calc(var(--space-base) * 10); } .md\:py-1 { padding-top: calc(var(--space-base) * 1); padding-bottom: calc(var(--space-base) * 1); } .md\:py-2 { padding-top: calc(var(--space-base) * 2); padding-bottom: calc(var(--space-base) * 2); } .md\:py-3 { padding-top: calc(var(--space-base) * 3); padding-bottom: calc(var(--space-base) * 3); } .md\:py-4 { padding-top: calc(var(--space-base) * 4); padding-bottom: calc(var(--space-base) * 4); } .md\:py-5 { padding-top: calc(var(--space-base) * 5); padding-bottom: calc(var(--space-base) * 5); } .md\:py-6 { padding-top: calc(var(--space-base) * 6); padding-bottom: calc(var(--space-base) * 6); } .md\:py-7 { padding-top: calc(var(--space-base) * 7); padding-bottom: calc(var(--space-base) * 7); } .md\:py-8 { padding-top: calc(var(--space-base) * 8); padding-bottom: calc(var(--space-base) * 8); } .md\:py-9 { padding-top: calc(var(--space-base) * 9); padding-bottom: calc(var(--space-base) * 9); } .md\:py-10 { padding-top: calc(var(--space-base) * 10); padding-bottom: calc(var(--space-base) * 10); } .md\:pt-1 { padding-top: calc(var(--space-base) * 1); } .md\:pt-2 { padding-top: calc(var(--space-base) * 2); } .md\:pt-3 { padding-top: calc(var(--space-base) * 3); } .md\:pt-4 { padding-top: calc(var(--space-base) * 4); } .md\:pt-5 { padding-top: calc(var(--space-base) * 5); } .md\:pt-6 { padding-top: calc(var(--space-base) * 6); } .md\:pt-7 { padding-top: calc(var(--space-base) * 7); } .md\:pt-8 { padding-top: calc(var(--space-base) * 8); } .md\:pt-9 { padding-top: calc(var(--space-base) * 9); } .md\:pt-10 { padding-top: calc(var(--space-base) * 10); } .md\:pb-1 { padding-bottom: calc(var(--space-base) * 1); } .md\:pb-2 { padding-bottom: calc(var(--space-base) * 2); } .md\:pb-3 { padding-bottom: calc(var(--space-base) * 3); } .md\:pb-4 { padding-bottom: calc(var(--space-base) * 4); } .md\:pb-5 { padding-bottom: calc(var(--space-base) * 5); } .md\:pb-6 { padding-bottom: calc(var(--space-base) * 6); } .md\:pb-7 { padding-bottom: calc(var(--space-base) * 7); } .md\:pb-8 { padding-bottom: calc(var(--space-base) * 8); } .md\:pb-9 { padding-bottom: calc(var(--space-base) * 9); } .md\:pb-10 { padding-bottom: calc(var(--space-base) * 10); } .md\:pl-1 { padding-left: calc(var(--space-base) * 1); } .md\:pl-2 { padding-left: calc(var(--space-base) * 2); } .md\:pl-3 { padding-left: calc(var(--space-base) * 3); } .md\:pl-4 { padding-left: calc(var(--space-base) * 4); } .md\:pl-5 { padding-left: calc(var(--space-base) * 5); } .md\:pl-6 { padding-left: calc(var(--space-base) * 6); } .md\:pl-7 { padding-left: calc(var(--space-base) * 7); } .md\:pl-8 { padding-left: calc(var(--space-base) * 8); } .md\:pl-9 { padding-left: calc(var(--space-base) * 9); } .md\:pl-10 { padding-left: calc(var(--space-base) * 10); } .md\:pr-1 { padding-right: calc(var(--space-base) * 1); } .md\:pr-2 { padding-right: calc(var(--space-base) * 2); } .md\:pr-3 { padding-right: calc(var(--space-base) * 3); } .md\:pr-4 { padding-right: calc(var(--space-base) * 4); } .md\:pr-5 { padding-right: calc(var(--space-base) * 5); } .md\:pr-6 { padding-right: calc(var(--space-base) * 6); } .md\:pr-7 { padding-right: calc(var(--space-base) * 7); } .md\:pr-8 { padding-right: calc(var(--space-base) * 8); } .md\:pr-9 { padding-right: calc(var(--space-base) * 9); } .md\:pr-10 { padding-right: calc(var(--space-base) * 10); } .md\:m-1 { margin: calc(var(--space-base) * 1); } .md\:m-2 { margin: calc(var(--space-base) * 2); } .md\:m-3 { margin: calc(var(--space-base) * 3); } .md\:m-4 { margin: calc(var(--space-base) * 4); } .md\:m-5 { margin: calc(var(--space-base) * 5); } .md\:m-6 { margin: calc(var(--space-base) * 6); } .md\:m-7 { margin: calc(var(--space-base) * 7); } .md\:m-8 { margin: calc(var(--space-base) * 8); } .md\:m-9 { margin: calc(var(--space-base) * 9); } .md\:m-10 { margin: calc(var(--space-base) * 10); } .md\:mx-1 { margin-left: calc(var(--space-base) * 1); margin-right: calc(var(--space-base) * 1); } .md\:mx-2 { margin-left: calc(var(--space-base) * 2); margin-right: calc(var(--space-base) * 2); } .md\:mx-3 { margin-left: calc(var(--space-base) * 3); margin-right: calc(var(--space-base) * 3); } .md\:mx-4 { margin-left: calc(var(--space-base) * 4); margin-right: calc(var(--space-base) * 4); } .md\:mx-5 { margin-left: calc(var(--space-base) * 5); margin-right: calc(var(--space-base) * 5); } .md\:mx-6 { margin-left: calc(var(--space-base) * 6); margin-right: calc(var(--space-base) * 6); } .md\:mx-7 { margin-left: calc(var(--space-base) * 7); margin-right: calc(var(--space-base) * 7); } .md\:mx-8 { margin-left: calc(var(--space-base) * 8); margin-right: calc(var(--space-base) * 8); } .md\:mx-9 { margin-left: calc(var(--space-base) * 9); margin-right: calc(var(--space-base) * 9); } .md\:mx-10 { margin-left: calc(var(--space-base) * 10); margin-right: calc(var(--space-base) * 10); } .md\:my-1 { margin-top: calc(var(--space-base) * 1); margin-bottom: calc(var(--space-base) * 1); } .md\:my-2 { margin-top: calc(var(--space-base) * 2); margin-bottom: calc(var(--space-base) * 2); } .md\:my-3 { margin-top: calc(var(--space-base) * 3); margin-bottom: calc(var(--space-base) * 3); } .md\:my-4 { margin-top: calc(var(--space-base) * 4); margin-bottom: calc(var(--space-base) * 4); } .md\:my-5 { margin-top: calc(var(--space-base) * 5); margin-bottom: calc(var(--space-base) * 5); } .md\:my-6 { margin-top: calc(var(--space-base) * 6); margin-bottom: calc(var(--space-base) * 6); } .md\:my-7 { margin-top: calc(var(--space-base) * 7); margin-bottom: calc(var(--space-base) * 7); } .md\:my-8 { margin-top: calc(var(--space-base) * 8); margin-bottom: calc(var(--space-base) * 8); } .md\:my-9 { margin-top: calc(var(--space-base) * 9); margin-bottom: calc(var(--space-base) * 9); } .md\:my-10 { margin-top: calc(var(--space-base) * 10); margin-bottom: calc(var(--space-base) * 10); } .md\:mt-1 { margin-top: calc(var(--space-base) * 1); } .md\:mt-2 { margin-top: calc(var(--space-base) * 2); } .md\:mt-3 { margin-top: calc(var(--space-base) * 3); } .md\:mt-4 { margin-top: calc(var(--space-base) * 4); } .md\:mt-5 { margin-top: calc(var(--space-base) * 5); } .md\:mt-6 { margin-top: calc(var(--space-base) * 6); } .md\:mt-7 { margin-top: calc(var(--space-base) * 7); } .md\:mt-8 { margin-top: calc(var(--space-base) * 8); } .md\:mt-9 { margin-top: calc(var(--space-base) * 9); } .md\:mt-10 { margin-top: calc(var(--space-base) * 10); } .md\:mb-1 { margin-bottom: calc(var(--space-base) * 1); } .md\:mb-2 { margin-bottom: calc(var(--space-base) * 2); } .md\:mb-3 { margin-bottom: calc(var(--space-base) * 3); } .md\:mb-4 { margin-bottom: calc(var(--space-base) * 4); } .md\:mb-5 { margin-bottom: calc(var(--space-base) * 5); } .md\:mb-6 { margin-bottom: calc(var(--space-base) * 6); } .md\:mb-7 { margin-bottom: calc(var(--space-base) * 7); } .md\:mb-8 { margin-bottom: calc(var(--space-base) * 8); } .md\:mb-9 { margin-bottom: calc(var(--space-base) * 9); } .md\:mb-10 { margin-bottom: calc(var(--space-base) * 10); } .md\:ml-1 { margin-left: calc(var(--space-base) * 1); } .md\:ml-2 { margin-left: calc(var(--space-base) * 2); } .md\:ml-3 { margin-left: calc(var(--space-base) * 3); } .md\:ml-4 { margin-left: calc(var(--space-base) * 4); } .md\:ml-5 { margin-left: calc(var(--space-base) * 5); } .md\:ml-6 { margin-left: calc(var(--space-base) * 6); } .md\:ml-7 { margin-left: calc(var(--space-base) * 7); } .md\:ml-8 { margin-left: calc(var(--space-base) * 8); } .md\:ml-9 { margin-left: calc(var(--space-base) * 9); } .md\:ml-10 { margin-left: calc(var(--space-base) * 10); } .md\:mr-1 { margin-right: calc(var(--space-base) * 1); } .md\:mr-2 { margin-right: calc(var(--space-base) * 2); } .md\:mr-3 { margin-right: calc(var(--space-base) * 3); } .md\:mr-4 { margin-right: calc(var(--space-base) * 4); } .md\:mr-5 { margin-right: calc(var(--space-base) * 5); } .md\:mr-6 { margin-right: calc(var(--space-base) * 6); } .md\:mr-7 { margin-right: calc(var(--space-base) * 7); } .md\:mr-8 { margin-right: calc(var(--space-base) * 8); } .md\:mr-9 { margin-right: calc(var(--space-base) * 9); } .md\:mr-10 { margin-right: calc(var(--space-base) * 10); } .md\:gap-1 { gap: calc(var(--space-base) * 1); } .md\:gap-2 { gap: calc(var(--space-base) * 2); } .md\:gap-3 { gap: calc(var(--space-base) * 3); } .md\:gap-4 { gap: calc(var(--space-base) * 4); } .md\:gap-5 { gap: calc(var(--space-base) * 5); } .md\:gap-6 { gap: calc(var(--space-base) * 6); } .md\:gap-7 { gap: calc(var(--space-base) * 7); } .md\:gap-8 { gap: calc(var(--space-base) * 8); } .md\:gap-9 { gap: calc(var(--space-base) * 9); } .md\:gap-10 { gap: calc(var(--space-base) * 10); } .md\:gapx-1 { -moz-column-gap: calc(var(--space-base) * 1); column-gap: calc(var(--space-base) * 1); } .md\:gapx-2 { -moz-column-gap: calc(var(--space-base) * 2); column-gap: calc(var(--space-base) * 2); } .md\:gapx-3 { -moz-column-gap: calc(var(--space-base) * 3); column-gap: calc(var(--space-base) * 3); } .md\:gapx-4 { -moz-column-gap: calc(var(--space-base) * 4); column-gap: calc(var(--space-base) * 4); } .md\:gapx-5 { -moz-column-gap: calc(var(--space-base) * 5); column-gap: calc(var(--space-base) * 5); } .md\:gapx-6 { -moz-column-gap: calc(var(--space-base) * 6); column-gap: calc(var(--space-base) * 6); } .md\:gapx-7 { -moz-column-gap: calc(var(--space-base) * 7); column-gap: calc(var(--space-base) * 7); } .md\:gapx-8 { -moz-column-gap: calc(var(--space-base) * 8); column-gap: calc(var(--space-base) * 8); } .md\:gapx-9 { -moz-column-gap: calc(var(--space-base) * 9); column-gap: calc(var(--space-base) * 9); } .md\:gapx-10 { -moz-column-gap: calc(var(--space-base) * 10); column-gap: calc(var(--space-base) * 10); } .md\:gapy-1 { row-gap: calc(var(--space-base) * 1); } .md\:gapy-2 { row-gap: calc(var(--space-base) * 2); } .md\:gapy-3 { row-gap: calc(var(--space-base) * 3); } .md\:gapy-4 { row-gap: calc(var(--space-base) * 4); } .md\:gapy-5 { row-gap: calc(var(--space-base) * 5); } .md\:gapy-6 { row-gap: calc(var(--space-base) * 6); } .md\:gapy-7 { row-gap: calc(var(--space-base) * 7); } .md\:gapy-8 { row-gap: calc(var(--space-base) * 8); } .md\:gapy-9 { row-gap: calc(var(--space-base) * 9); } .md\:gapy-10 { row-gap: calc(var(--space-base) * 10); } .md\:text-xs { font-size: calc(12 / 16px * 1rem); } .md\:text-sm { font-size: calc(14 / 16px * 1rem); } .md\:text-md { font-size: calc(16 / 16px * 1rem); } .md\:text-lg { font-size: calc(18 / 16px * 1rem); } .md\:text-xl { font-size: calc(20 / 16px * 1rem); } .md\:text-2xl { font-size: calc(24 / 16px * 1rem); } .md\:text-3xl { font-size: calc(30 / 16px * 1rem); } .md\:text-4xl { font-size: calc(36 / 16px * 1rem); } .md\:text-5xl { font-size: calc(48 / 16px * 1rem); } .md\:text-6xl { font-size: calc(60 / 16px * 1rem); } .md\:text-7xl { font-size: calc(72 / 16px * 1rem); } .md\:text-8xl { font-size: calc(96 / 16px * 1rem); } .md\:text-9xl { font-size: calc(128 / 16px * 1rem); } } @media (min-width: 1024px) { .lg\:block { display: block; } .lg\:hidden { display: none; } .lg\:flex { display: flex; } .lg\:wrap { flex-wrap: wrap; } .lg\:nowrap { flex-wrap: nowrap; } .lg\:row { flex-direction: row; } .lg\:rowr { flex-direction: row-reverse; } .lg\:column { flex-direction: column; } .lg\:columnr { flex-direction: column-reverse; } .lg\:justify-center { justify-content: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-around { justify-content: space-around; } .lg\:justify-evenly { justify-content: space-evenly; } .lg\:justify-stretch { justify-content: stretch; } .lg\:items-center { align-items: center; } .lg\:items-start { align-items: flex-start; } .lg\:items-end { align-items: flex-end; } .lg\:items-stretch { align-items: stretch; } .lg\:w-full { width: 100%; } .lg\:w-1\/6 { width: 16.6666666667%; } .lg\:w-2\/6 { width: 33.3333333333%; } .lg\:w-3\/6 { width: 50%; } .lg\:w-4\/6 { width: 66.6666666667%; } .lg\:w-5\/6 { width: 83.3333333333%; } .lg\:text-center { text-align: center; } .lg\:text-end { text-align: end; } .lg\:p-1 { padding: calc(var(--space-base) * 1); } .lg\:p-2 { padding: calc(var(--space-base) * 2); } .lg\:p-3 { padding: calc(var(--space-base) * 3); } .lg\:p-4 { padding: calc(var(--space-base) * 4); } .lg\:p-5 { padding: calc(var(--space-base) * 5); } .lg\:p-6 { padding: calc(var(--space-base) * 6); } .lg\:p-7 { padding: calc(var(--space-base) * 7); } .lg\:p-8 { padding: calc(var(--space-base) * 8); } .lg\:p-9 { padding: calc(var(--space-base) * 9); } .lg\:p-10 { padding: calc(var(--space-base) * 10); } .lg\:px-1 { padding-left: calc(var(--space-base) * 1); padding-right: calc(var(--space-base) * 1); } .lg\:px-2 { padding-left: calc(var(--space-base) * 2); padding-right: calc(var(--space-base) * 2); } .lg\:px-3 { padding-left: calc(var(--space-base) * 3); padding-right: calc(var(--space-base) * 3); } .lg\:px-4 { padding-left: calc(var(--space-base) * 4); padding-right: calc(var(--space-base) * 4); } .lg\:px-5 { padding-left: calc(var(--space-base) * 5); padding-right: calc(var(--space-base) * 5); } .lg\:px-6 { padding-left: calc(var(--space-base) * 6); padding-right: calc(var(--space-base) * 6); } .lg\:px-7 { padding-left: calc(var(--space-base) * 7); padding-right: calc(var(--space-base) * 7); } .lg\:px-8 { padding-left: calc(var(--space-base) * 8); padding-right: calc(var(--space-base) * 8); } .lg\:px-9 { padding-left: calc(var(--space-base) * 9); padding-right: calc(var(--space-base) * 9); } .lg\:px-10 { padding-left: calc(var(--space-base) * 10); padding-right: calc(var(--space-base) * 10); } .lg\:py-1 { padding-top: calc(var(--space-base) * 1); padding-bottom: calc(var(--space-base) * 1); } .lg\:py-2 { padding-top: calc(var(--space-base) * 2); padding-bottom: calc(var(--space-base) * 2); } .lg\:py-3 { padding-top: calc(var(--space-base) * 3); padding-bottom: calc(var(--space-base) * 3); } .lg\:py-4 { padding-top: calc(var(--space-base) * 4); padding-bottom: calc(var(--space-base) * 4); } .lg\:py-5 { padding-top: calc(var(--space-base) * 5); padding-bottom: calc(var(--space-base) * 5); } .lg\:py-6 { padding-top: calc(var(--space-base) * 6); padding-bottom: calc(var(--space-base) * 6); } .lg\:py-7 { padding-top: calc(var(--space-base) * 7); padding-bottom: calc(var(--space-base) * 7); } .lg\:py-8 { padding-top: calc(var(--space-base) * 8); padding-bottom: calc(var(--space-base) * 8); } .lg\:py-9 { padding-top: calc(var(--space-base) * 9); padding-bottom: calc(var(--space-base) * 9); } .lg\:py-10 { padding-top: calc(var(--space-base) * 10); padding-bottom: calc(var(--space-base) * 10); } .lg\:pt-1 { padding-top: calc(var(--space-base) * 1); } .lg\:pt-2 { padding-top: calc(var(--space-base) * 2); } .lg\:pt-3 { padding-top: calc(var(--space-base) * 3); } .lg\:pt-4 { padding-top: calc(var(--space-base) * 4); } .lg\:pt-5 { padding-top: calc(var(--space-base) * 5); } .lg\:pt-6 { padding-top: calc(var(--space-base) * 6); } .lg\:pt-7 { padding-top: calc(var(--space-base) * 7); } .lg\:pt-8 { padding-top: calc(var(--space-base) * 8); } .lg\:pt-9 { padding-top: calc(var(--space-base) * 9); } .lg\:pt-10 { padding-top: calc(var(--space-base) * 10); } .lg\:pb-1 { padding-bottom: calc(var(--space-base) * 1); } .lg\:pb-2 { padding-bottom: calc(var(--space-base) * 2); } .lg\:pb-3 { padding-bottom: calc(var(--space-base) * 3); } .lg\:pb-4 { padding-bottom: calc(var(--space-base) * 4); } .lg\:pb-5 { padding-bottom: calc(var(--space-base) * 5); } .lg\:pb-6 { padding-bottom: calc(var(--space-base) * 6); } .lg\:pb-7 { padding-bottom: calc(var(--space-base) * 7); } .lg\:pb-8 { padding-bottom: calc(var(--space-base) * 8); } .lg\:pb-9 { padding-bottom: calc(var(--space-base) * 9); } .lg\:pb-10 { padding-bottom: calc(var(--space-base) * 10); } .lg\:pl-1 { padding-left: calc(var(--space-base) * 1); } .lg\:pl-2 { padding-left: calc(var(--space-base) * 2); } .lg\:pl-3 { padding-left: calc(var(--space-base) * 3); } .lg\:pl-4 { padding-left: calc(var(--space-base) * 4); } .lg\:pl-5 { padding-left: calc(var(--space-base) * 5); } .lg\:pl-6 { padding-left: calc(var(--space-base) * 6); } .lg\:pl-7 { padding-left: calc(var(--space-base) * 7); } .lg\:pl-8 { padding-left: calc(var(--space-base) * 8); } .lg\:pl-9 { padding-left: calc(var(--space-base) * 9); } .lg\:pl-10 { padding-left: calc(var(--space-base) * 10); } .lg\:pr-1 { padding-right: calc(var(--space-base) * 1); } .lg\:pr-2 { padding-right: calc(var(--space-base) * 2); } .lg\:pr-3 { padding-right: calc(var(--space-base) * 3); } .lg\:pr-4 { padding-right: calc(var(--space-base) * 4); } .lg\:pr-5 { padding-right: calc(var(--space-base) * 5); } .lg\:pr-6 { padding-right: calc(var(--space-base) * 6); } .lg\:pr-7 { padding-right: calc(var(--space-base) * 7); } .lg\:pr-8 { padding-right: calc(var(--space-base) * 8); } .lg\:pr-9 { padding-right: calc(var(--space-base) * 9); } .lg\:pr-10 { padding-right: calc(var(--space-base) * 10); } .lg\:m-1 { margin: calc(var(--space-base) * 1); } .lg\:m-2 { margin: calc(var(--space-base) * 2); } .lg\:m-3 { margin: calc(var(--space-base) * 3); } .lg\:m-4 { margin: calc(var(--space-base) * 4); } .lg\:m-5 { margin: calc(var(--space-base) * 5); } .lg\:m-6 { margin: calc(var(--space-base) * 6); } .lg\:m-7 { margin: calc(var(--space-base) * 7); } .lg\:m-8 { margin: calc(var(--space-base) * 8); } .lg\:m-9 { margin: calc(var(--space-base) * 9); } .lg\:m-10 { margin: calc(var(--space-base) * 10); } .lg\:mx-1 { margin-left: calc(var(--space-base) * 1); margin-right: calc(var(--space-base) * 1); } .lg\:mx-2 { margin-left: calc(var(--space-base) * 2); margin-right: calc(var(--space-base) * 2); } .lg\:mx-3 { margin-left: calc(var(--space-base) * 3); margin-right: calc(var(--space-base) * 3); } .lg\:mx-4 { margin-left: calc(var(--space-base) * 4); margin-right: calc(var(--space-base) * 4); } .lg\:mx-5 { margin-left: calc(var(--space-base) * 5); margin-right: calc(var(--space-base) * 5); } .lg\:mx-6 { margin-left: calc(var(--space-base) * 6); margin-right: calc(var(--space-base) * 6); } .lg\:mx-7 { margin-left: calc(var(--space-base) * 7); margin-right: calc(var(--space-base) * 7); } .lg\:mx-8 { margin-left: calc(var(--space-base) * 8); margin-right: calc(var(--space-base) * 8); } .lg\:mx-9 { margin-left: calc(var(--space-base) * 9); margin-right: calc(var(--space-base) * 9); } .lg\:mx-10 { margin-left: calc(var(--space-base) * 10); margin-right: calc(var(--space-base) * 10); } .lg\:my-1 { margin-top: calc(var(--space-base) * 1); margin-bottom: calc(var(--space-base) * 1); } .lg\:my-2 { margin-top: calc(var(--space-base) * 2); margin-bottom: calc(var(--space-base) * 2); } .lg\:my-3 { margin-top: calc(var(--space-base) * 3); margin-bottom: calc(var(--space-base) * 3); } .lg\:my-4 { margin-top: calc(var(--space-base) * 4); margin-bottom: calc(var(--space-base) * 4); } .lg\:my-5 { margin-top: calc(var(--space-base) * 5); margin-bottom: calc(var(--space-base) * 5); } .lg\:my-6 { margin-top: calc(var(--space-base) * 6); margin-bottom: calc(var(--space-base) * 6); } .lg\:my-7 { margin-top: calc(var(--space-base) * 7); margin-bottom: calc(var(--space-base) * 7); } .lg\:my-8 { margin-top: calc(var(--space-base) * 8); margin-bottom: calc(var(--space-base) * 8); } .lg\:my-9 { margin-top: calc(var(--space-base) * 9); margin-bottom: calc(var(--space-base) * 9); } .lg\:my-10 { margin-top: calc(var(--space-base) * 10); margin-bottom: calc(var(--space-base) * 10); } .lg\:mt-1 { margin-top: calc(var(--space-base) * 1); } .lg\:mt-2 { margin-top: calc(var(--space-base) * 2); } .lg\:mt-3 { margin-top: calc(var(--space-base) * 3); } .lg\:mt-4 { margin-top: calc(var(--space-base) * 4); } .lg\:mt-5 { margin-top: calc(var(--space-base) * 5); } .lg\:mt-6 { margin-top: calc(var(--space-base) * 6); } .lg\:mt-7 { margin-top: calc(var(--space-base) * 7); } .lg\:mt-8 { margin-top: calc(var(--space-base) * 8); } .lg\:mt-9 { margin-top: calc(var(--space-base) * 9); } .lg\:mt-10 { margin-top: calc(var(--space-base) * 10); } .lg\:mb-1 { margin-bottom: calc(var(--space-base) * 1); } .lg\:mb-2 { margin-bottom: calc(var(--space-base) * 2); } .lg\:mb-3 { margin-bottom: calc(var(--space-base) * 3); } .lg\:mb-4 { margin-bottom: calc(var(--space-base) * 4); } .lg\:mb-5 { margin-bottom: calc(var(--space-base) * 5); } .lg\:mb-6 { margin-bottom: calc(var(--space-base) * 6); } .lg\:mb-7 { margin-bottom: calc(var(--space-base) * 7); } .lg\:mb-8 { margin-bottom: calc(var(--space-base) * 8); } .lg\:mb-9 { margin-bottom: calc(var(--space-base) * 9); } .lg\:mb-10 { margin-bottom: calc(var(--space-base) * 10); } .lg\:ml-1 { margin-left: calc(var(--space-base) * 1); } .lg\:ml-2 { margin-left: calc(var(--space-base) * 2); } .lg\:ml-3 { margin-left: calc(var(--space-base) * 3); } .lg\:ml-4 { margin-left: calc(var(--space-base) * 4); } .lg\:ml-5 { margin-left: calc(var(--space-base) * 5); } .lg\:ml-6 { margin-left: calc(var(--space-base) * 6); } .lg\:ml-7 { margin-left: calc(var(--space-base) * 7); } .lg\:ml-8 { margin-left: calc(var(--space-base) * 8); } .lg\:ml-9 { margin-left: calc(var(--space-base) * 9); } .lg\:ml-10 { margin-left: calc(var(--space-base) * 10); } .lg\:mr-1 { margin-right: calc(var(--space-base) * 1); } .lg\:mr-2 { margin-right: calc(var(--space-base) * 2); } .lg\:mr-3 { margin-right: calc(var(--space-base) * 3); } .lg\:mr-4 { margin-right: calc(var(--space-base) * 4); } .lg\:mr-5 { margin-right: calc(var(--space-base) * 5); } .lg\:mr-6 { margin-right: calc(var(--space-base) * 6); } .lg\:mr-7 { margin-right: calc(var(--space-base) * 7); } .lg\:mr-8 { margin-right: calc(var(--space-base) * 8); } .lg\:mr-9 { margin-right: calc(var(--space-base) * 9); } .lg\:mr-10 { margin-right: calc(var(--space-base) * 10); } .lg\:gap-1 { gap: calc(var(--space-base) * 1); } .lg\:gap-2 { gap: calc(var(--space-base) * 2); } .lg\:gap-3 { gap: calc(var(--space-base) * 3); } .lg\:gap-4 { gap: calc(var(--space-base) * 4); } .lg\:gap-5 { gap: calc(var(--space-base) * 5); } .lg\:gap-6 { gap: calc(var(--space-base) * 6); } .lg\:gap-7 { gap: calc(var(--space-base) * 7); } .lg\:gap-8 { gap: calc(var(--space-base) * 8); } .lg\:gap-9 { gap: calc(var(--space-base) * 9); } .lg\:gap-10 { gap: calc(var(--space-base) * 10); } .lg\:gapx-1 { -moz-column-gap: calc(var(--space-base) * 1); column-gap: calc(var(--space-base) * 1); } .lg\:gapx-2 { -moz-column-gap: calc(var(--space-base) * 2); column-gap: calc(var(--space-base) * 2); } .lg\:gapx-3 { -moz-column-gap: calc(var(--space-base) * 3); column-gap: calc(var(--space-base) * 3); } .lg\:gapx-4 { -moz-column-gap: calc(var(--space-base) * 4); column-gap: calc(var(--space-base) * 4); } .lg\:gapx-5 { -moz-column-gap: calc(var(--space-base) * 5); column-gap: calc(var(--space-base) * 5); } .lg\:gapx-6 { -moz-column-gap: calc(var(--space-base) * 6); column-gap: calc(var(--space-base) * 6); } .lg\:gapx-7 { -moz-column-gap: calc(var(--space-base) * 7); column-gap: calc(var(--space-base) * 7); } .lg\:gapx-8 { -moz-column-gap: calc(var(--space-base) * 8); column-gap: calc(var(--space-base) * 8); } .lg\:gapx-9 { -moz-column-gap: calc(var(--space-base) * 9); column-gap: calc(var(--space-base) * 9); } .lg\:gapx-10 { -moz-column-gap: calc(var(--space-base) * 10); column-gap: calc(var(--space-base) * 10); } .lg\:gapy-1 { row-gap: calc(var(--space-base) * 1); } .lg\:gapy-2 { row-gap: calc(var(--space-base) * 2); } .lg\:gapy-3 { row-gap: calc(var(--space-base) * 3); } .lg\:gapy-4 { row-gap: calc(var(--space-base) * 4); } .lg\:gapy-5 { row-gap: calc(var(--space-base) * 5); } .lg\:gapy-6 { row-gap: calc(var(--space-base) * 6); } .lg\:gapy-7 { row-gap: calc(var(--space-base) * 7); } .lg\:gapy-8 { row-gap: calc(var(--space-base) * 8); } .lg\:gapy-9 { row-gap: calc(var(--space-base) * 9); } .lg\:gapy-10 { row-gap: calc(var(--space-base) * 10); } .lg\:text-xs { font-size: calc(12 / 16px * 1rem); } .lg\:text-sm { font-size: calc(14 / 16px * 1rem); } .lg\:text-md { font-size: calc(16 / 16px * 1rem); } .lg\:text-lg { font-size: calc(18 / 16px * 1rem); } .lg\:text-xl { font-size: calc(20 / 16px * 1rem); } .lg\:text-2xl { font-size: calc(24 / 16px * 1rem); } .lg\:text-3xl { font-size: calc(30 / 16px * 1rem); } .lg\:text-4xl { font-size: calc(36 / 16px * 1rem); } .lg\:text-5xl { font-size: calc(48 / 16px * 1rem); } .lg\:text-6xl { font-size: calc(60 / 16px * 1rem); } .lg\:text-7xl { font-size: calc(72 / 16px * 1rem); } .lg\:text-8xl { font-size: calc(96 / 16px * 1rem); } .lg\:text-9xl { font-size: calc(128 / 16px * 1rem); } } @media (min-width: 1280px) { .xl\:block { display: block; } .xl\:hidden { display: none; } .xl\:flex { display: flex; } .xl\:wrap { flex-wrap: wrap; } .xl\:nowrap { flex-wrap: nowrap; } .xl\:row { flex-direction: row; } .xl\:rowr { flex-direction: row-reverse; } .xl\:column { flex-direction: column; } .xl\:columnr { flex-direction: column-reverse; } .xl\:justify-center { justify-content: center; } .xl\:justify-between { justify-content: space-between; } .xl\:justify-around { justify-content: space-around; } .xl\:justify-evenly { justify-content: space-evenly; } .xl\:justify-stretch { justify-content: stretch; } .xl\:items-center { align-items: center; } .xl\:items-start { align-items: flex-start; } .xl\:items-end { align-items: flex-end; } .xl\:items-stretch { align-items: stretch; } .xl\:w-full { width: 100%; } .xl\:w-1\/6 { width: 16.6666666667%; } .xl\:w-2\/6 { width: 33.3333333333%; } .xl\:w-3\/6 { width: 50%; } .xl\:w-4\/6 { width: 66.6666666667%; } .xl\:w-5\/6 { width: 83.3333333333%; } .xl\:text-center { text-align: center; } .xl\:text-end { text-align: end; } .xl\:p-1 { padding: calc(var(--space-base) * 1); } .xl\:p-2 { padding: calc(var(--space-base) * 2); } .xl\:p-3 { padding: calc(var(--space-base) * 3); } .xl\:p-4 { padding: calc(var(--space-base) * 4); } .xl\:p-5 { padding: calc(var(--space-base) * 5); } .xl\:p-6 { padding: calc(var(--space-base) * 6); } .xl\:p-7 { padding: calc(var(--space-base) * 7); } .xl\:p-8 { padding: calc(var(--space-base) * 8); } .xl\:p-9 { padding: calc(var(--space-base) * 9); } .xl\:p-10 { padding: calc(var(--space-base) * 10); } .xl\:px-1 { padding-left: calc(var(--space-base) * 1); padding-right: calc(var(--space-base) * 1); } .xl\:px-2 { padding-left: calc(var(--space-base) * 2); padding-right: calc(var(--space-base) * 2); } .xl\:px-3 { padding-left: calc(var(--space-base) * 3); padding-right: calc(var(--space-base) * 3); } .xl\:px-4 { padding-left: calc(var(--space-base) * 4); padding-right: calc(var(--space-base) * 4); } .xl\:px-5 { padding-left: calc(var(--space-base) * 5); padding-right: calc(var(--space-base) * 5); } .xl\:px-6 { padding-left: calc(var(--space-base) * 6); padding-right: calc(var(--space-base) * 6); } .xl\:px-7 { padding-left: calc(var(--space-base) * 7); padding-right: calc(var(--space-base) * 7); } .xl\:px-8 { padding-left: calc(var(--space-base) * 8); padding-right: calc(var(--space-base) * 8); } .xl\:px-9 { padding-left: calc(var(--space-base) * 9); padding-right: calc(var(--space-base) * 9); } .xl\:px-10 { padding-left: calc(var(--space-base) * 10); padding-right: calc(var(--space-base) * 10); } .xl\:py-1 { padding-top: calc(var(--space-base) * 1); padding-bottom: calc(var(--space-base) * 1); } .xl\:py-2 { padding-top: calc(var(--space-base) * 2); padding-bottom: calc(var(--space-base) * 2); } .xl\:py-3 { padding-top: calc(var(--space-base) * 3); padding-bottom: calc(var(--space-base) * 3); } .xl\:py-4 { padding-top: calc(var(--space-base) * 4); padding-bottom: calc(var(--space-base) * 4); } .xl\:py-5 { padding-top: calc(var(--space-base) * 5); padding-bottom: calc(var(--space-base) * 5); } .xl\:py-6 { padding-top: calc(var(--space-base) * 6); padding-bottom: calc(var(--space-base) * 6); } .xl\:py-7 { padding-top: calc(var(--space-base) * 7); padding-bottom: calc(var(--space-base) * 7); } .xl\:py-8 { padding-top: calc(var(--space-base) * 8); padding-bottom: calc(var(--space-base) * 8); } .xl\:py-9 { padding-top: calc(var(--space-base) * 9); padding-bottom: calc(var(--space-base) * 9); } .xl\:py-10 { padding-top: calc(var(--space-base) * 10); padding-bottom: calc(var(--space-base) * 10); } .xl\:pt-1 { padding-top: calc(var(--space-base) * 1); } .xl\:pt-2 { padding-top: calc(var(--space-base) * 2); } .xl\:pt-3 { padding-top: calc(var(--space-base) * 3); } .xl\:pt-4 { padding-top: calc(var(--space-base) * 4); } .xl\:pt-5 { padding-top: calc(var(--space-base) * 5); } .xl\:pt-6 { padding-top: calc(var(--space-base) * 6); } .xl\:pt-7 { padding-top: calc(var(--space-base) * 7); } .xl\:pt-8 { padding-top: calc(var(--space-base) * 8); } .xl\:pt-9 { padding-top: calc(var(--space-base) * 9); } .xl\:pt-10 { padding-top: calc(var(--space-base) * 10); } .xl\:pb-1 { padding-bottom: calc(var(--space-base) * 1); } .xl\:pb-2 { padding-bottom: calc(var(--space-base) * 2); } .xl\:pb-3 { padding-bottom: calc(var(--space-base) * 3); } .xl\:pb-4 { padding-bottom: calc(var(--space-base) * 4); } .xl\:pb-5 { padding-bottom: calc(var(--space-base) * 5); } .xl\:pb-6 { padding-bottom: calc(var(--space-base) * 6); } .xl\:pb-7 { padding-bottom: calc(var(--space-base) * 7); } .xl\:pb-8 { padding-bottom: calc(var(--space-base) * 8); } .xl\:pb-9 { padding-bottom: calc(var(--space-base) * 9); } .xl\:pb-10 { padding-bottom: calc(var(--space-base) * 10); } .xl\:pl-1 { padding-left: calc(var(--space-base) * 1); } .xl\:pl-2 { padding-left: calc(var(--space-base) * 2); } .xl\:pl-3 { padding-left: calc(var(--space-base) * 3); } .xl\:pl-4 { padding-left: calc(var(--space-base) * 4); } .xl\:pl-5 { padding-left: calc(var(--space-base) * 5); } .xl\:pl-6 { padding-left: calc(var(--space-base) * 6); } .xl\:pl-7 { padding-left: calc(var(--space-base) * 7); } .xl\:pl-8 { padding-left: calc(var(--space-base) * 8); } .xl\:pl-9 { padding-left: calc(var(--space-base) * 9); } .xl\:pl-10 { padding-left: calc(var(--space-base) * 10); } .xl\:pr-1 { padding-right: calc(var(--space-base) * 1); } .xl\:pr-2 { padding-right: calc(var(--space-base) * 2); } .xl\:pr-3 { padding-right: calc(var(--space-base) * 3); } .xl\:pr-4 { padding-right: calc(var(--space-base) * 4); } .xl\:pr-5 { padding-right: calc(var(--space-base) * 5); } .xl\:pr-6 { padding-right: calc(var(--space-base) * 6); } .xl\:pr-7 { padding-right: calc(var(--space-base) * 7); } .xl\:pr-8 { padding-right: calc(var(--space-base) * 8); } .xl\:pr-9 { padding-right: calc(var(--space-base) * 9); } .xl\:pr-10 { padding-right: calc(var(--space-base) * 10); } .xl\:m-1 { margin: calc(var(--space-base) * 1); } .xl\:m-2 { margin: calc(var(--space-base) * 2); } .xl\:m-3 { margin: calc(var(--space-base) * 3); } .xl\:m-4 { margin: calc(var(--space-base) * 4); } .xl\:m-5 { margin: calc(var(--space-base) * 5); } .xl\:m-6 { margin: calc(var(--space-base) * 6); } .xl\:m-7 { margin: calc(var(--space-base) * 7); } .xl\:m-8 { margin: calc(var(--space-base) * 8); } .xl\:m-9 { margin: calc(var(--space-base) * 9); } .xl\:m-10 { margin: calc(var(--space-base) * 10); } .xl\:mx-1 { margin-left: calc(var(--space-base) * 1); margin-right: calc(var(--space-base) * 1); } .xl\:mx-2 { margin-left: calc(var(--space-base) * 2); margin-right: calc(var(--space-base) * 2); } .xl\:mx-3 { margin-left: calc(var(--space-base) * 3); margin-right: calc(var(--space-base) * 3); } .xl\:mx-4 { margin-left: calc(var(--space-base) * 4); margin-right: calc(var(--space-base) * 4); } .xl\:mx-5 { margin-left: calc(var(--space-base) * 5); margin-right: calc(var(--space-base) * 5); } .xl\:mx-6 { margin-left: calc(var(--space-base) * 6); margin-right: calc(var(--space-base) * 6); } .xl\:mx-7 { margin-left: calc(var(--space-base) * 7); margin-right: calc(var(--space-base) * 7); } .xl\:mx-8 { margin-left: calc(var(--space-base) * 8); margin-right: calc(var(--space-base) * 8); } .xl\:mx-9 { margin-left: calc(var(--space-base) * 9); margin-right: calc(var(--space-base) * 9); } .xl\:mx-10 { margin-left: calc(var(--space-base) * 10); margin-right: calc(var(--space-base) * 10); } .xl\:my-1 { margin-top: calc(var(--space-base) * 1); margin-bottom: calc(var(--space-base) * 1); } .xl\:my-2 { margin-top: calc(var(--space-base) * 2); margin-bottom: calc(var(--space-base) * 2); } .xl\:my-3 { margin-top: calc(var(--space-base) * 3); margin-bottom: calc(var(--space-base) * 3); } .xl\:my-4 { margin-top: calc(var(--space-base) * 4); margin-bottom: calc(var(--space-base) * 4); } .xl\:my-5 { margin-top: calc(var(--space-base) * 5); margin-bottom: calc(var(--space-base) * 5); } .xl\:my-6 { margin-top: calc(var(--space-base) * 6); margin-bottom: calc(var(--space-base) * 6); } .xl\:my-7 { margin-top: calc(var(--space-base) * 7); margin-bottom: calc(var(--space-base) * 7); } .xl\:my-8 { margin-top: calc(var(--space-base) * 8); margin-bottom: calc(var(--space-base) * 8); } .xl\:my-9 { margin-top: calc(var(--space-base) * 9); margin-bottom: calc(var(--space-base) * 9); } .xl\:my-10 { margin-top: calc(var(--space-base) * 10); margin-bottom: calc(var(--space-base) * 10); } .xl\:mt-1 { margin-top: calc(var(--space-base) * 1); } .xl\:mt-2 { margin-top: calc(var(--space-base) * 2); } .xl\:mt-3 { margin-top: calc(var(--space-base) * 3); } .xl\:mt-4 { margin-top: calc(var(--space-base) * 4); } .xl\:mt-5 { margin-top: calc(var(--space-base) * 5); } .xl\:mt-6 { margin-top: calc(var(--space-base) * 6); } .xl\:mt-7 { margin-top: calc(var(--space-base) * 7); } .xl\:mt-8 { margin-top: calc(var(--space-base) * 8); } .xl\:mt-9 { margin-top: calc(var(--space-base) * 9); } .xl\:mt-10 { margin-top: calc(var(--space-base) * 10); } .xl\:mb-1 { margin-bottom: calc(var(--space-base) * 1); } .xl\:mb-2 { margin-bottom: calc(var(--space-base) * 2); } .xl\:mb-3 { margin-bottom: calc(var(--space-base) * 3); } .xl\:mb-4 { margin-bottom: calc(var(--space-base) * 4); } .xl\:mb-5 { margin-bottom: calc(var(--space-base) * 5); } .xl\:mb-6 { margin-bottom: calc(var(--space-base) * 6); } .xl\:mb-7 { margin-bottom: calc(var(--space-base) * 7); } .xl\:mb-8 { margin-bottom: calc(var(--space-base) * 8); } .xl\:mb-9 { margin-bottom: calc(var(--space-base) * 9); } .xl\:mb-10 { margin-bottom: calc(var(--space-base) * 10); } .xl\:ml-1 { margin-left: calc(var(--space-base) * 1); } .xl\:ml-2 { margin-left: calc(var(--space-base) * 2); } .xl\:ml-3 { margin-left: calc(var(--space-base) * 3); } .xl\:ml-4 { margin-left: calc(var(--space-base) * 4); } .xl\:ml-5 { margin-left: calc(var(--space-base) * 5); } .xl\:ml-6 { margin-left: calc(var(--space-base) * 6); } .xl\:ml-7 { margin-left: calc(var(--space-base) * 7); } .xl\:ml-8 { margin-left: calc(var(--space-base) * 8); } .xl\:ml-9 { margin-left: calc(var(--space-base) * 9); } .xl\:ml-10 { margin-left: calc(var(--space-base) * 10); } .xl\:mr-1 { margin-right: calc(var(--space-base) * 1); } .xl\:mr-2 { margin-right: calc(var(--space-base) * 2); } .xl\:mr-3 { margin-right: calc(var(--space-base) * 3); } .xl\:mr-4 { margin-right: calc(var(--space-base) * 4); } .xl\:mr-5 { margin-right: calc(var(--space-base) * 5); } .xl\:mr-6 { margin-right: calc(var(--space-base) * 6); } .xl\:mr-7 { margin-right: calc(var(--space-base) * 7); } .xl\:mr-8 { margin-right: calc(var(--space-base) * 8); } .xl\:mr-9 { margin-right: calc(var(--space-base) * 9); } .xl\:mr-10 { margin-right: calc(var(--space-base) * 10); } .xl\:gap-1 { gap: calc(var(--space-base) * 1); } .xl\:gap-2 { gap: calc(var(--space-base) * 2); } .xl\:gap-3 { gap: calc(var(--space-base) * 3); } .xl\:gap-4 { gap: calc(var(--space-base) * 4); } .xl\:gap-5 { gap: calc(var(--space-base) * 5); } .xl\:gap-6 { gap: calc(var(--space-base) * 6); } .xl\:gap-7 { gap: calc(var(--space-base) * 7); } .xl\:gap-8 { gap: calc(var(--space-base) * 8); } .xl\:gap-9 { gap: calc(var(--space-base) * 9); } .xl\:gap-10 { gap: calc(var(--space-base) * 10); } .xl\:gapx-1 { -moz-column-gap: calc(var(--space-base) * 1); column-gap: calc(var(--space-base) * 1); } .xl\:gapx-2 { -moz-column-gap: calc(var(--space-base) * 2); column-gap: calc(var(--space-base) * 2); } .xl\:gapx-3 { -moz-column-gap: calc(var(--space-base) * 3); column-gap: calc(var(--space-base) * 3); } .xl\:gapx-4 { -moz-column-gap: calc(var(--space-base) * 4); column-gap: calc(var(--space-base) * 4); } .xl\:gapx-5 { -moz-column-gap: calc(var(--space-base) * 5); column-gap: calc(var(--space-base) * 5); } .xl\:gapx-6 { -moz-column-gap: calc(var(--space-base) * 6); column-gap: calc(var(--space-base) * 6); } .xl\:gapx-7 { -moz-column-gap: calc(var(--space-base) * 7); column-gap: calc(var(--space-base) * 7); } .xl\:gapx-8 { -moz-column-gap: calc(var(--space-base) * 8); column-gap: calc(var(--space-base) * 8); } .xl\:gapx-9 { -moz-column-gap: calc(var(--space-base) * 9); column-gap: calc(var(--space-base) * 9); } .xl\:gapx-10 { -moz-column-gap: calc(var(--space-base) * 10); column-gap: calc(var(--space-base) * 10); } .xl\:gapy-1 { row-gap: calc(var(--space-base) * 1); } .xl\:gapy-2 { row-gap: calc(var(--space-base) * 2); } .xl\:gapy-3 { row-gap: calc(var(--space-base) * 3); } .xl\:gapy-4 { row-gap: calc(var(--space-base) * 4); } .xl\:gapy-5 { row-gap: calc(var(--space-base) * 5); } .xl\:gapy-6 { row-gap: calc(var(--space-base) * 6); } .xl\:gapy-7 { row-gap: calc(var(--space-base) * 7); } .xl\:gapy-8 { row-gap: calc(var(--space-base) * 8); } .xl\:gapy-9 { row-gap: calc(var(--space-base) * 9); } .xl\:gapy-10 { row-gap: calc(var(--space-base) * 10); } .xl\:text-xs { font-size: calc(12 / 16px * 1rem); } .xl\:text-sm { font-size: calc(14 / 16px * 1rem); } .xl\:text-md { font-size: calc(16 / 16px * 1rem); } .xl\:text-lg { font-size: calc(18 / 16px * 1rem); } .xl\:text-xl { font-size: calc(20 / 16px * 1rem); } .xl\:text-2xl { font-size: calc(24 / 16px * 1rem); } .xl\:text-3xl { font-size: calc(30 / 16px * 1rem); } .xl\:text-4xl { font-size: calc(36 / 16px * 1rem); } .xl\:text-5xl { font-size: calc(48 / 16px * 1rem); } .xl\:text-6xl { font-size: calc(60 / 16px * 1rem); } .xl\:text-7xl { font-size: calc(72 / 16px * 1rem); } .xl\:text-8xl { font-size: calc(96 / 16px * 1rem); } .xl\:text-9xl { font-size: calc(128 / 16px * 1rem); } } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; } .z-100 { z-index: 100; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .text-none { text-transform: none; } .font-thin { font-weight: 100; } .font-extralight { font-weight: 200; } .font-light { font-weight: 300; } .font-normal { font-weight: 400; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-black { font-weight: 900; } .bg-black { background-color: #000; } .text-black { color: #000; } .bg-white { background-color: #fff; } .text-white { color: #fff; } .bg-primary { background-color: #aa1d1d; } .text-primary { color: #aa1d1d; } .bg-grey-0 { background-color: oklch(98.5% 0 0); } .text-grey-0 { color: oklch(98.5% 0 0); } .bg-grey-1 { background-color: oklch(97% 0 0); } .text-grey-1 { color: oklch(97% 0 0); } .bg-grey-2 { background-color: oklch(92.2% 0 0); } .text-grey-2 { color: oklch(92.2% 0 0); } .bg-grey-3 { background-color: oklch(92.2% 0 0); } .text-grey-3 { color: oklch(92.2% 0 0); } .bg-grey-4 { background-color: oklch(87% 0 0); } .text-grey-4 { color: oklch(87% 0 0); } .bg-grey-5 { background-color: oklch(70.8% 0 0); } .text-grey-5 { color: oklch(70.8% 0 0); } .bg-grey-6 { background-color: oklch(43.9% 0 0); } .text-grey-6 { color: oklch(43.9% 0 0); } .bg-grey-7 { background-color: oklch(37.1% 0 0); } .text-grey-7 { color: oklch(37.1% 0 0); } .bg-grey-8 { background-color: oklch(26.9% 0 0); } .text-grey-8 { color: oklch(26.9% 0 0); } .bg-grey-9 { background-color: oklch(20.5% 0 0); } .text-grey-9 { color: oklch(20.5% 0 0); } .bg-grey-10 { background-color: oklch(14.5% 0 0); } .text-grey-10 { color: oklch(14.5% 0 0); } [class^=grid-fluid-], [class*=grid-fluid-] { display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(min(var(--fluid-base), 100%), 1fr)); } .grid-fluid-300 { --fluid-base: 300px; } .grid-fluid-400 { --fluid-base: 400px; } @media (max-width: 1400px) { .container { max-width: 1000px; } } @media (max-width: 1100px) { :root { --font-size: 18px; } .container { max-width: 750px; } } @media (max-width: 800px) { :root { --font-size: 17px; } .container { max-width: 500px; } } @media (max-width: 600px) { :root { --font-size: 16px; } .container { max-width: 300px; } } .serif { font-family: var(--serif); } a { color: inherit; } .wrapper :where(p, .p) { padding-bottom: 1rem; line-height: 1.5; } .wrapper :where(h1, h2, h3, h4, h5, h6) { padding: 1rem 0; line-height: 1.2; font-family: var(--text, var(--serif)); } .edit-button { width: clamp(60px, 10vw, 100px); position: fixed; z-index: 700; top: 150px; left: 2rem; background: #000; border: solid 2px var(--color-red); border-radius: 5px; padding: 5px 10px; color: #fff; display: flex; gap: 5px; } .search_form { width: 100%; } .results-list { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 2rem; } .results-list li { display: flex; background-color: rgba(0, 0, 0, 0.6); padding: 1rem; border: solid 1px var(--color-border-gray); gap: 1rem; } .results-list li .entry-img { width: 150px; min-width: 150px; height: 150px; background-image: var(--bgthumbnail); background-size: contain; } .results-list li .entry-summary h2 { line-height: 110%; display: block; margin-bottom: 1rem; } .results-list li .entry-summary p { font-size: 12px; } .results-list li .entry-summary a { margin-left: auto; } .search_body { width: 100%; padding: 50px var(--lateral); } .pagination { width: 100%; display: flex; justify-content: center; padding: 3rem 0; } .pagination .page-numbers { padding: 10px; border: solid thin var(--color-border-gray); transition: all 250ms; } .pagination .page-numbers:hover { background-color: var(--red); } .masonry { width: 100%; display: block; } .masonry_item { width: 20%; min-width: 200px; position: inherit; padding: 10px; } .masonry_img { max-width: 100%; height: auto; } .wp-lightbox-overlay .scrim { background-color: rgba(0, 0, 0, 0.6) !important; -webkit-backdrop-filter: blur(20px) saturate(0); backdrop-filter: blur(20px) saturate(0); } .wp-block-embed-youtube iframe { width: 100%; height: auto; aspect-ratio: 16/9; } pre.wp-block-verse { overflow: auto; white-space: pre-wrap; font-size: 1rem; background-color: rgba(255, 255, 255, 0.1); padding: 1rem; font-style: italic; } .heading-sticky { position: sticky; top: 0; z-index: 400; } .texto_aside_obra { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 5rem; } .texto_aside_obra_title { width: 100%; text-align: center; } .texto_aside_obra_title a { display: block; font-size: 1.4rem; } .texto_aside_obra > a { width: 100%; max-width: 400px; } .texto_aside_obra img { width: 100%; height: auto; box-shadow: 0 0 80px rgba(255, 255, 255, 0.1294117647); } .content_aside_opus .btn { margin-inline: auto; } .lastOpus { width: 100%; min-height: 100vh; justify-content: space-between; } .lastOpus_area { height: 100%; flex: 1 1 50%; max-width: 700px; } .lastOpus_area.book { aspect-ratio: 35/40; position: relative; isolation: isolate; } .lastOpus_area.book:after { content: ""; position: absolute; width: 100%; height: auto; aspect-ratio: 1; top: 50%; z-index: -1; left: 50%; translate: -50% -50% 0; background-color: #420d0d; border-radius: 50%; filter: blur(50px); pointer-events: none; } .lastOpus_area img { width: auto; max-width: 100%; height: auto; max-height: 70vh; margin: 0 auto; padding: 2rem; } .lastOpus_title { font-size: clamp(1.625rem, 3vw, 3vw); } .lastOpus_text { font-size: clamp(1rem, 1.5vw, 1.25rem); padding: 2rem 0; color: var(--color-footer-gray); } .lastTexts { width: 100%; height: auto; margin-top: 50px; } .lastTexts_quote { flex: 1 1 400px; } .lastTexts_grid { flex: 1 1 400px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .lastTexts blockquote { position: sticky; top: 50vh; transform: translateY(-50%); font-family: "Lora", serif; font-size: clamp(1.625rem, 3vw, 3.125rem); font-style: italic; text-align: center; } .lastTexts blockquote cite { display: none; } .lastTexts blockquote::before, .lastTexts blockquote::after { font-family: "Lora", serif; font-size: 20vw; font-style: italic; position: absolute; opacity: 0.2; } .lastTexts blockquote::before { content: "“"; top: 0px; left: 0px; line-height: 1; } .lastTexts blockquote::after { content: "”"; right: 0; bottom: 0; line-height: 0; } .lastPosts { min-height: 80vh; } .lastPosts_block { width: 100%; gap: 2rem; } #pathback { position: absolute; left: 0; top: 0; width: 100%; z-index: 999; } .text { padding: 2rem; } .spy { width: var(--lateral); position: fixed; z-index: 750; left: 0; bottom: 0; padding: 2rem; } .spy > a { display: block; width: 20px; height: 20px; margin: var(--spy-lm, 10px auto); border-radius: 50%; background-color: var(--color-border-gray); outline: solid rgba(255, 255, 255, 0.6) 0; transition: background-color 0.4s ease, transform 0.3s ease; } .spy > a:hover { animation: pulse-white 2s infinite; } .spy > a:active, .spy > a:focus { transform: scale(0.8); } .spy > a.focus { background-color: var(--color-red); } @keyframes pulse-white { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } #spotlight { position: absolute; z-index: 700; width: 300px; height: 300px; border: solid 1px gray; border-radius: 50%; transform: translate(-50%, -50%); } .columns { width: 100%; -moz-columns: 3; columns: 3; -moz-column-gap: 40px; column-gap: 40px; -moz-column-width: 300px; column-width: 300px; } .opus_content hr { opacity: 0.4; margin: 3rem 0; } .opus_content iframe { width: 100%; height: auto; aspect-ratio: 16/9; } .opus_aside { width: 100%; max-width: 400px; display: block; } figure img { margin: 0 !important; } figcaption { font-size: 0.8rem; } .inColumns { width: 100%; -moz-columns: 3; columns: 3; -moz-column-gap: 40px; column-gap: 40px; -moz-column-width: 300px; column-width: 300px; } .cards-blocks { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 2rem; } .cards-blocks_item { border: solid 1px var(--color-border-gray); padding: 1rem; position: relative; display: flex; flex-direction: column; justify-content: flex-end; isolation: isolate; aspect-ratio: 3/2; } .cards-blocks_item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; filter: grayscale(1) brightness(0.7); } .external-meta { display: grid; grid-template-columns: calc(120px + 1rem) 1fr; align-items: center; width: 100%; border: solid 1px var(--color-border-gray); border-radius: 1rem; padding: 1rem 2rem 1rem 1rem; background-color: rgba(255, 255, 255, 0.1); text-decoration: none !important; overflow: hidden; position: relative; line-height: 1.2; } .external-meta img { width: 120px; height: 100px; -o-object-fit: cover; object-fit: cover; margin: 0 1rem 0 0; } .external-meta_title { font-family: var(--serif); font-size: 1.2rem; margin: 0 0 0.5rem 0 !important; } .external-meta_description { font-size: 0.8rem; margin: 0 !important; font-weight: 100; color: var(--color-light); } .external-meta i { position: absolute; font-size: 1.5rem; top: 0.5rem; right: 0.5rem; } @keyframes postshape { from { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } to { stroke-dashoffset: 0; stroke-dasharray: 600 0; opacity: 0; } } .blqimg { width: 100%; max-width: 400px; float: left; } .menu-item-cart { margin: 0 !important; padding: 0 0 0 10px !important; border-left: solid 1px #2d2d2d; } @media only screen and (max-width: 600px) { .home { --mainP: 50px var(--padexp) 2rem; --baseP: 2rem; } .spy { width: 100vw; display: flex; height: 50px; top: 0; bottom: inherit; padding: 5px; justify-content: flex-end; align-items: center; --spy-lm: 5px 10px; } .footer { position: relative; } } @media only screen and (max-width: 800px) { .header { --nav-show: none; } .lastOpus { flex-direction: column-reverse; } .lastTexts { flex-direction: column; } } @media only screen and (max-width: 500px) { .content_heading { --lateral: var(--padexp); } .content_body { padding: var(--padexp); --padarticle: var(--padexp); } .content_heading { --lateral: var(--padexp); } .content_body { padding: 0; --padarticle: var(--padexp); } } @media screen and (max-width: 900px) and (min-width: 700px) { .opus { flex-flow: row nowrap; } } .grecaptcha-badge { visibility: hidden; } :root { --color-red: #aa1d1d; --color-white: #ffffff; --color-border: #3d3d3d; --color-bg: #000000; --color-text: #f1f1f1; --color-read: #a6a6a6; --serif: "Lora", serif; --border: solid 1px var(--color-border); } .footer_btn_float > svg:nth-child(1) { transform: scale(var(--fbs1, 1)); } .footer_btn_float > svg:nth-child(2) { transform: scale(var(--fbs2, 0)); } .footer_box { width: 100%; } .footer_box_content { width: 100%; padding: 2rem 0; } .footer_box_content > * { flex: 1 1 170px; } .footer_box_content img { max-width: 150px; height: auto; padding: 1rem; } .footer_box_data { font-size: 0.75rem; padding: 10px; color: var(--color-footer-gray); } .footer_title { text-transform: uppercase; font-weight: 900; color: var(--color-footer-hover); padding-bottom: 15px; position: relative; } .footer_title::before { content: ""; position: absolute; bottom: 10px; width: 20px; height: 3px; background-color: var(--color-red); } .footer_list { list-style: none; margin: 0; padding: 1rem; font-size: 1rem; } .footer_list li { padding: 5px 0; } .footer_list a { opacity: 0.6; transition: opacity 0.4s; } .footer_list a:hover { opacity: 1; } .footer_media { padding: 1rem; } .maximenu { width: 100vw; height: 100vh; position: fixed; z-index: 750; top: 0; right: 0; padding: 1rem 4rem; -webkit-backdrop-filter: blur(5px) grayscale(1); backdrop-filter: blur(5px) grayscale(1); background-color: rgba(0, 0, 0, 0.5); opacity: var(--menuO, 0); pointer-events: var(--menuPE, none); transition: opacity 0.6s ease; } .maximenu_content { width: 100%; max-width: 400px; height: 100%; max-height: 100svh; border: var(--border); background-color: var(--color-bg); margin-left: auto; padding: 1rem; overflow: auto; } .maximenu_box { width: 100%; } .maximenu_box.incolumns { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .maximenu_list { display: block; } .maximenu_list li { font-size: clamp(14px, 5vw, 1.5vw); margin: 1rem 0; padding: 0 1rem; font-weight: 100; } .maximenu_list .children li { position: relative; } .maximenu_list .children li:before { content: ""; position: absolute; left: 0; top: -1rem; width: 0.8rem; height: 1.7rem; border-left: var(--border); border-bottom: var(--border); } .maximobile .wp-block-search__inside-wrapper { position: relative; } .maximobile .wp-block-search__input { margin: 0; padding: 8px 44px 8px 8px; border: var(--border); } .maximobile .wp-block-search__button { position: absolute; right: 0; top: 0; background: transparent; color: #fff; border: none; } .maximobile .wp-block-image { text-align: center; } .maximobile .wp-block-heading { margin: 3rem 0 1rem; font-size: 1.24rem; font-family: var(--serif); border-left: solid 3px var(--color-red); border-bottom: var(--border); padding-left: 10px; } .maximobile .menu-item { margin: 0; padding: 8px; } .maximobile .menu > .menu-item { border-left: var(--border); } .maximobile .current-menu-item:after { content: "Estás aquí"; font-size: 10px; font-weight: 200; margin: 0 5px; background: var(--color-red); padding: 1px 5px; color: #fff; border-radius: 20px; } .maximobile .tag-cloud-link { margin: 4px 0; opacity: 0.6; transition: opacity 250ms; } .maximobile .tag-cloud-link:hover { opacity: 1; } .maximobile .wp-block-latest-posts > li { display: flex; align-items: center; margin: 1rem 0; } .maximobile .wp-block-latest-posts__post-title { font-size: 1.1rem; font-family: var(--serif); line-height: 1; font-weight: 700; padding-left: 10px; } .search-box { position: fixed; z-index: 600; bottom: calc(var(--padexp) + 85px); right: calc(var(--lateral) - var(--padexp)); width: min(100%, 300px); perspective: 1000px; transform: translateY(50%); opacity: var(--op, 0); pointer-events: var(--pe, none); transition: opacity 0.6s ease-out; } .search-box.show { --pe: all; --op: 1; --rx: 0; } .search-box_box { width: 100%; height: 100%; background-color: var(--color-bg); padding: 1rem; border: var(--border); overflow: hidden; transform: rotateX(var(--rx, 90deg)); transition: transform 0.6s ease-in-out; } .search-box::after { content: ""; position: absolute; left: 100%; top: 50%; width: var(--padexp); height: 2px; background-color: var(--color-border); } .content { width: 100%; } .content_text { display: grid; gap: 3rem; grid-template-columns: 8fr 4fr; } @media (max-width: 1200px) { .content_text { grid-template-columns: 1fr; } } .content_text_body { max-width: 800px; } .content_article { width: 100%; } .content_aside { width: 100%; } .content :where(img, video) { border: solid 1px rgba(255, 255, 255, 0.1); } .content :where(video, iframe[src*=youtube]) { width: 100%; height: auto; aspect-ratio: 1920/1080; } .content-sticky { position: sticky; top: var(--header-h); } .content_related { padding: 3rem 0; margin: 3rem 0; box-shadow: 0 0 0 100vmax #080808; background-color: #080808; -webkit-clip-path: inset(0 -100vmax); clip-path: inset(0 -100vmax); } .aside_title-info { margin: 2rem 0 1rem; border-left: solid 3px var(--color-red); padding: 0 0 0 10px; } .related-text_list { display: block; } .related-text_item { border: var(--border); padding: 10px; transition: all 250ms ease; clear: both; overflow: hidden; background-color: var(--related-item-bg, #000); } .related-text_item:hover { --related-item-bg: var(--color-red); --related-item-color: #fff; } .related-text_item img { float: left; margin: 0 1rem 1rem 0; } .related-text_item p { font-size: 13px; margin-top: 10px; transition: all 250ms; color: var(--related-item-color, inherit); } .related-post { position: relative; } .related-post:before { content: ""; width: 100%; height: 100%; position: absolute; inset: 0; z-index: 5; background: rgb(8, 8, 8); background: linear-gradient(90deg, rgb(8, 8, 8) 0%, rgba(8, 8, 8, 0) 5%, rgba(8, 8, 8, 0) 95%, rgb(8, 8, 8) 100%); pointer-events: none; } .related-post_item a { display: block; max-width: 300px; margin: 0 auto; } .related-post_item img { width: 100%; height: auto; aspect-ratio: 3/2; -o-object-fit: cover; object-fit: cover; } .related-post_item_content { width: 100%; height: 170px; overflow: hidden; position: relative; margin: 0.6rem 0; } .related-post_item_content:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 25%; background: rgb(8, 8, 8); background: linear-gradient(0deg, rgb(8, 8, 8) 0%, rgba(8, 8, 8, 0) 90%); } .grid-post { display: grid; grid-template-columns: 2fr 8fr 2fr; grid-template-rows: auto; grid-template-areas: "heading heading heading" "prev content next"; } @media (max-width: 1600px) { .grid-post { grid-template-columns: 3fr 7fr 3fr; } } @media (max-width: 1400px) { .grid-post { grid-template-columns: 1fr 1fr; grid-template-areas: "heading heading" "content content" "prev next"; } } .grid-post:after { content: ""; background: var(--img) center/cover no-repeat; position: fixed; top: var(--header-h); left: calc(var(--lateral) * -1); left: 0; width: 100vw; height: 40vh; z-index: -1; filter: brightness(0.5) blur(5px) opacity(var(--prog, 1)); } .post_heading { padding: 3rem 0; min-height: 40vh; text-align: center; grid-area: heading; margin-bottom: 4rem; } .post_content { grid-area: content; } .post_content_body { width: 100%; max-width: 800px; margin: 0 auto; } .post_title { font-size: clamp(1.3rem, 6vw, 2.8rem); } .post_prevnext { display: block; } .post_next { grid-area: next; } .post_prev { grid-area: prev; } .post_nav { position: sticky; top: 50vh; max-width: 200px; margin: 0 auto; translate: 0 -50% 0; filter: grayscale(1); transition: filter 0.3s; } .post_nav:hover { filter: grayscale(0); } .category-list, .tags-list { display: flex; flex-wrap: wrap; gap: 5px; margin: 10px 0; } .category-item a, .tags-item a { display: block; padding: 4px 6px; border: var(--border); transition: all 250ms ease; } .category-item a:hover, .tags-item a:hover { background-color: var(--color-red); } .comments { width: 100%; max-width: var(--comments-max-w, 800px); margin: 5rem auto; } .comments-title { margin-bottom: 2rem; } .comment-list { padding: 1rem 0; } .comment-list ol { padding: 1rem 0 0 2rem; border-left: solid 5px #121212; border-bottom: solid 5px #121212; border-radius: 0 0 0.5rem 0.5rem; } .comment { margin-bottom: 1rem; } .comment_body { background-color: #121212; padding: 1rem; border-radius: 0.5rem; } .comment_body:has(+ ol) { border-radius: 0.5rem 0.5rem 0.5rem 0; margin-bottom: -1px; } .comment_author img { border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .comment_content { margin: 1rem 0; max-height: 300px; overflow: auto; } .no-comments { padding: 1rem; font-style: italic; opacity: 0.3; } .cancel-reply { background-color: #000; border: var(--border); border-radius: 5px; color: #fff; padding: 10px; transition: all 0.2s; } .cancel-reply:hover { background-color: var(--color-red); } .comment-form .logged-in-as { background-color: #121212; margin: 1rem 0; padding: 10px 1rem; border-radius: 10px; } .comment-form .logged-in-as_email { color: var(--color-red); filter: brightness(1.4); } .rank-math-breadcrumb, .post-meta { filter: brightness(2); } .last-texts { width: 100%; height: auto; margin-top: 4rem; } .last-texts_quote { flex: 1 1 400px; } .last-texts_grid { flex: 1 1 400px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 2rem; } .last-texts blockquote { position: sticky; top: 50vh; transform: translateY(-50%); text-align: center; } .last-texts blockquote > p { font-family: var(--serif); font-size: clamp(1.625rem, 3vw, 3.125rem); font-style: italic; } .last-texts blockquote cite { display: none; } .last-texts blockquote::before, .last-texts blockquote::after { font-family: var(--serif); font-size: 20vw; font-style: italic; position: absolute; opacity: 0.2; } .last-texts blockquote::before { content: "“"; top: 0px; left: 0px; line-height: 1; } .last-texts blockquote::after { content: "”"; right: 0; bottom: 0; line-height: 0; } .text-card { padding: 2rem; border: var(--border); } .last-posts_block { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 2rem; margin-bottom: 4rem; } .post-card { --basis: 300px; border: var(--border); padding-bottom: 80px; position: relative; } .post-card img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; aspect-ratio: 3/2; } .post-card svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: var(--pstspo, 0); transition: opacity 0.5s; pointer-events: none; } .post-card:hover { --pstspo: 1; --pstan: running; } .post-card_shape { width: 100%; height: 100%; stroke-dasharray: 0 800; stroke-dashoffset: 800; stroke-width: 4px; fill: rgba(0, 0, 0, 0); stroke: var(--color-red); animation: postshape infinite 2.7s linear; animation-play-state: var(--pstan, paused); } .post-card_info { padding: 2rem; } .post-card_bottom { width: 100%; position: absolute; left: 0; bottom: 0; display: grid; grid-template-columns: 1fr 1fr; padding: 1rem 2rem; align-items: center; } .post-card_tag { position: absolute; top: 0; left: 2rem; background-color: var(--color-red); padding: 3px 15px; --ang: 5px; -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - var(--ang)) 100%, var(--ang) 100%); clip-path: polygon(0 0, 100% 0, calc(100% - var(--ang)) 100%, var(--ang) 100%); } .post-card_data { max-width: 200px; font-size: 0.65rem; opacity: 0.5; } @keyframes postshape { from { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } to { stroke-dashoffset: 0; stroke-dasharray: 600 0; opacity: 0; } } .opus-card { background-color: var(--color-bg); display: flex; flex-flow: column nowrap; margin-bottom: 2rem; } .opus-card_img { width: 100%; } .opus-card_img > img { width: 100%; height: auto; aspect-ratio: 300/429; -o-object-fit: cover; object-fit: cover; border: solid thin #212121; } .biblio_table { width: 100%; display: block; } .biblio_table .options { gap: 1rem; } .biblio_table thead { display: block; } .biblio_table thead tr { display: flex; gap: 1rem; margin-bottom: 2rem; } .biblio_table thead th { background-color: var(--color-bg-black); border-radius: 10px; padding: 10px 20px; cursor: pointer; border: var(--border); } .biblio_table tbody { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 2rem; } .biblio_table tbody .cat { display: none; padding: 15px 0 20px; } .biblio_table tbody tr .cat a { background-color: var(--red); padding: 4px 5px 2px; border-radius: 5px; font-size: 0.8rem; } .btn-filter { color: var(--color-footer-hover); background-color: var(--color-bg-black); border-radius: 10px; padding: 10px 20px; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; } .btn-filter input { width: 15px; height: 15px; margin: 0 5px; accent-color: var(--red); } .text-card { border: var(--border); background-color: rgba(0, 0, 0, 0.6); padding: 1rem 2rem; } .text_opt { margin-top: auto; } .btn { --basis: max-content; display: block; width: -moz-max-content; width: max-content; border: none; padding: 12px 15px 7px; background-color: var(--color-red); color: var(--color-white); font-size: 1rem; font-weight: 800; text-transform: uppercase; --angle: 10px; -webkit-clip-path: polygon(var(--angle) 0%, 100% 0, 100% 80%, calc(100% - var(--angle)) 100%, 0 100%, 0% 20%); clip-path: polygon(var(--angle) 0%, 100% 0, 100% 80%, calc(100% - var(--angle)) 100%, 0 100%, 0% 20%); position: relative; overflow: hidden; isolation: isolate; transition: filter 0.3s; } .btn.small { font-size: 0.6rem; padding: 7px 10px 2px; } .btn:after { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; background: rgb(0, 0, 0); background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 100%); translate: var(--btn-after-x, -100%) 0 0; transition: all 0.5s ease-in-out; } .btn:hover { filter: brightness(0.9); --btn-after-x: 100%; } .btn.toend { float: right; align-self: flex-end; place-self: flex-end; } input, select, textarea { color: var(--color-text); border: var(--border); padding: 0.5rem 1rem; width: 100%; font-size: 1rem; padding: 7px 10px; margin: 10px 0; background-color: #000; } input:focus, textarea:focus { outline: solid 2px var(--color-red); } .loader { position: fixed; left: 0; top: 0; z-index: 750; width: 100%; height: 100vh; background-color: var(--color-bg); color: #fff; opacity: 0; transition: all 250ms ease; pointer-events: none; } .loader.show { --loaded-y: 0; opacity: 1; } .loaded { width: 48px; height: 48px; border: 5px solid; border-color: var(--color-red) transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 1400px) { .container { max-width: 1000px; } } @media (max-width: 1100px) { .container { max-width: 750px; } } @media (max-width: 800px) { :root { --lateral: var(--padexp); } .container { max-width: 500px; } .nav .menu-item { display: none; } .hero_area { width: 100%; } .hero_area.has_img::before { width: 100%; height: 20%; --deg: 180deg; } } @media (max-width: 600px) { :root { --padexp: 1rem; --header-h: 60px; } .container { max-width: 300px; } .identity_link { width: -moz-max-content; width: max-content; position: absolute; left: 60px; top: calc(var(--header-h) / 2); translate: 0 -50% 0; padding: 10px; } } :root { --color-primary: #aa1d1d; --ff-serif: "Lora", serif; --ff-sans: "Nunito", sans-serif; --padexp: 2rem; --side: clamp(60px, 10vw, 100px); --lateral: calc(var(--side) + var(--padexp) * 2); --header-h: 70px; --swiper-navigation-color: var(--color-red); --space-base: 4px; } ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); z-index: 600; } ::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.3); } html, body { font-family: var(--ff-sans); font-size: var(--font-size, 16px); color: var(--color-text); line-height: 1.4; background-color: var(--color-bg, #000); position: relative; isolation: isolate; margin: 0; padding: 0; } .font-serif { font-family: var(--ff-serif); } .font-sans { font-family: var(--ff-sans); } .border { border: solid 1px oklch(26.9% 0 0); } .wrapper { width: 100%; background-color: var(--color-bg); position: relative; z-index: 100; padding: var(--header-h) var(--lateral); border-bottom: var(--border); } .show-menu { --menuO: 1; --menuX: 0; --menuPE: all; } .main { width: 100%; min-height: 100vh; position: relative; z-index: 200; background-color: var(--color-bg); box-shadow: 0 0 4rem #000; opacity: 0; } .identity { width: var(--side); height: auto; position: fixed; top: 0; z-index: 800; left: var(--padexp); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .identity_title { font-size: clamp(11px, 4vw, 16px); } .nav { width: 100%; height: var(--header-h); position: fixed; top: 0; left: 0; z-index: 700; padding: 0 var(--lateral); background-color: var(--color-bg); box-shadow: 0 0 2rem #000; } .nav_list { list-style: none; padding: 0; margin: 0; } .nav_list li { margin: 0 10px; padding: 0 10px; position: relative; } .nav_list li:hover { --submenu-y: 0; --submenu-ev: all; --submenu-op: 1; } .nav_list li .sub-menu { position: absolute; top: 100%; left: 50%; background-color: #1f1f1f; padding: 10px 0; border-radius: 5px; translate: -50% var(--submenu-y, -10px) 0; width: -moz-max-content; width: max-content; pointer-events: var(--submenu-ev, none); opacity: var(--submenu-op, 0); transition: all 250ms ease; } .nav_list li .sub-menu a::after { transform-origin: left; } .nav_list li a { display: block; font-size: clamp(1rem, 1vw, 1vw); padding: 5px 0; position: relative; } .nav_list li a:hover { --scale: 1; } .nav_list li a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: var(--color-red); transition: transform 0.3s; transform: scale(var(--scale, 0), 1); } .nav_list .menu-item-has-children::after { content: ""; position: absolute; left: 50%; top: 90%; border-top: solid 6px #505050; border-right: solid 8px transparent; border-left: solid 8px transparent; translate: -50% 0 0; } .footer { width: 100%; position: sticky; bottom: 0; padding: 0 var(--lateral); border-top: var(--border); background-color: #000; } .footer_opts { position: fixed; right: 0; bottom: 0; z-index: 780; padding: 1rem; transition: right 0.6s ease; } .footer_gotop { width: 30px; height: 25px; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background-color: var(--color-red); transform: scaleX(var(--totopS, 1)); transition: background-color 0.3s, transform 0.3s ease-in-out, opacity 0.3s; } .footer_gotop:hover { background-color: var(--color-red); } .footer_gotop.hide { --totopS: 0; opacity: 0; } .footer_btn { position: relative; } .footer_btn.active { --fbs1: 0; --fbs2: 1; --fbbg: #aa1d1d; } .footer_btn_float { width: 40px; height: 40px; color: #fff; background-color: var(--color-bg); border: var(--border); border-radius: 50%; margin-top: 5px; transition: color 0.6s; display: flex; place-items: center; } .footer_btn_float:hover { border: solid 1px var(--color-red); } .footer_btn_float > svg { position: absolute; top: 50%; left: 50%; translate: -50% -50% 0; transition: transform 0.3s ease; width: 20px; height: 20px; pointer-events: none; }