@layer reset{*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}:where(body,h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin:0}:where(body){min-height:100vh}:where(html:focus-within){scroll-behavior:smooth}:where(h1,h2,h3,h4,h5,h6,p){padding:0;margin:0;font:inherit;font-size:100%}:where(ol,ul){padding:0;margin:0;list-style:none}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){height:0;color:inherit}:where(nav li):before{content:"​";float:left}:where(pre){overflow:auto;font-family:monospace,monospace;font-size:1em}:where(abbr[title]){-webkit-text-decoration:underline;text-decoration:underline}:where(b,strong){font-weight:bolder}:where(i,em){font-style:normal}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(img,picture){display:block;max-width:100%}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentcolor}:where(table){border-color:currentcolor;border-collapse:collapse;text-indent:0}:where(button,input,select,textarea){margin:0;font:inherit}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button;-moz-appearance:button;appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button;font:inherit}:where(dialog){position:absolute;right:0;left:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:1em;border:solid;margin:auto;background-color:#fff;color:#000}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){position:absolute;clip:rect(0,0,0,0)}*,*:before,*:after{box-sizing:border-box}:before,:after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}}@font-face{font-family:webfont;font-weight:400;src:url(/fonts/UniversNextPro-Regular.woff2) format("woff2")}@font-face{font-family:webfont;font-weight:600;src:url(/fonts/UniversNextPro-Medium.woff2) format("woff2")}:root{--base-color-white-rgb: 255, 255, 255;--base-color-gray-100-rgb: 240, 240, 240;--base-color-gray-900-rgb: 40, 40, 40;--base-color-black-rgb: 0, 0, 0;--color-text-primary: rgba(var(--base-color-black-rgb), 1);--color-text-secondary: rgba(var(--base-color-black-rgb), .5);--color-background-default: rgba(var(--base-color-white-rgb), 1);--color-background-subdued: rgba(var(--base-color-gray-100-rgb), 1);--font-family-body: "webfont", sans-serif;--text-xl: 5vw;--text-lg: clamp(18px, 15.2727px + .5455vw, 24px);--text-md: clamp(14px, 12.1818px + .3636vw, 18px);--text-sm: clamp(11.5px, 10.3636px + .2273vw, 14px);--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-loose: 1.75;--letter-spacing-loose: .05em;--letter-spacing-widest: .025em;--letter-spacing-wider: .015em;--letter-spacing-wide: .0005em;--letter-spacing-normal: 0;--letter-spacing-tight: -.0005em;--letter-spacing-tighter: -.005em;--letter-spacing-tightest: -.01em;--measure-md: 55ch;--measure-lg: 70ch;--space-4xs: clamp(2px, 1.0909px + .1818vw, 4px);--space-3xs: clamp(4px, 3.0909px + .1818vw, 6px);--space-2xs: clamp(6px, 5.0909px + .1818vw, 8px);--space-xs: clamp(8px, 6.1818px + .3636vw, 12px);--space-sm: clamp(12px, 10.1818px + .3636vw, 16px);--space-md: clamp(16px, 12.3636px + .7273vw, 24px);--space-lg: clamp(24px, 20.3636px + .7273vw, 32px);--space-xl: clamp(32px, 24.7273px + 1.4545vw, 48px);--space-2xl: clamp(48px, 40.7273px + 1.4545vw, 64px);--space-3xl: clamp(64px, 49.4545px + 2.9091vw, 96px);--space-4xl: clamp(96px, 86px + 2vw, 118px);--border-radius-md: clamp(4px, -3.2727px + 1.4545vw, 20px);--layout-gutter: var(--space-xs)}@media (min-width: 960px){:root{--text-xl: min(4.5vw, 80px)}}@media (prefers-color-scheme: dark){:root{--color-background-default: rgba(var(--base-color-black-rgb), 1);--color-background-subdued: rgba(var(--base-color-gray-900-rgb));--color-text-primary: rgba(var(--base-color-white-rgb), 1);--color-text-secondary: rgba(var(--base-color-white-rgb), .5)}}body{margin:0;padding:var(--layout-gutter);font-family:var(--font-family-body);background:var(--color-background-default);color:var(--color-text-primary);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(a){color:inherit;-webkit-text-decoration:underline;text-decoration:underline}:where(a:hover){-webkit-text-decoration:none;text-decoration:none;opacity:.5}/* AUTO-GENERATED, DO NOT EDIT */ .flex { display: flex; } .inline-flex { display: inline-flex; } .flex-inline { display: inline-flex; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .flex-initial { flex: 0 1 auto; } .flex-none { flex: none; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .flex-nowrap { flex-wrap: nowrap; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .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; } .justify-left { justify-content: left; } .justify-right { justify-content: right; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .gap-4xs { gap: var(--space-4xs); } .gap-3xs { gap: var(--space-3xs); } .gap-2xs { gap: var(--space-2xs); } .gap-xs { gap: var(--space-xs); } .gap-sm { gap: var(--space-sm); } .gap-md { gap: var(--space-md); } .gap-lg { gap: var(--space-lg); } .gap-xl { gap: var(--space-xl); } .gap-2xl { gap: var(--space-2xl); } .gap-3xl { gap: var(--space-3xl); } .gap-4xl { gap: var(--space-4xl); } .gap-x-4xs { column-gap: var(--space-4xs); } .gap-x-3xs { column-gap: var(--space-3xs); } .gap-x-2xs { column-gap: var(--space-2xs); } .gap-x-xs { column-gap: var(--space-xs); } .gap-x-sm { column-gap: var(--space-sm); } .gap-x-md { column-gap: var(--space-md); } .gap-x-lg { column-gap: var(--space-lg); } .gap-x-xl { column-gap: var(--space-xl); } .gap-x-2xl { column-gap: var(--space-2xl); } .gap-x-3xl { column-gap: var(--space-3xl); } .gap-x-4xl { column-gap: var(--space-4xl); } .gap-y-4xs { row-gap: var(--space-4xs); } .gap-y-3xs { row-gap: var(--space-3xs); } .gap-y-2xs { row-gap: var(--space-2xs); } .gap-y-xs { row-gap: var(--space-xs); } .gap-y-sm { row-gap: var(--space-sm); } .gap-y-md { row-gap: var(--space-md); } .gap-y-lg { row-gap: var(--space-lg); } .gap-y-xl { row-gap: var(--space-xl); } .gap-y-2xl { row-gap: var(--space-2xl); } .gap-y-3xl { row-gap: var(--space-3xl); } .gap-y-4xl { row-gap: var(--space-4xl); } .grid { display: grid; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .col-auto { grid-column: auto; } .col-full { grid-column: 1 / -1; } .col-1 { grid-column: span 1 / span 1; } .col-2 { grid-column: span 2 / span 2; } .col-3 { grid-column: span 3 / span 3; } .col-4 { grid-column: span 4 / span 4; } .col-5 { grid-column: span 5 / span 5; } .col-6 { grid-column: span 6 / span 6; } .col-7 { grid-column: span 7 / span 7; } .col-8 { grid-column: span 8 / span 8; } .col-9 { grid-column: span 9 / span 9; } .col-10 { grid-column: span 10 / span 10; } .col-11 { grid-column: span 11 / span 11; } .col-12 { grid-column: span 12 / span 12; } .col-start-auto { grid-column-start: auto; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .col-start-4 { grid-column-start: 4; } .col-start-5 { grid-column-start: 5; } .col-start-6 { grid-column-start: 6; } .col-start-7 { grid-column-start: 7; } .col-start-8 { grid-column-start: 8; } .col-start-9 { grid-column-start: 9; } .col-start-10 { grid-column-start: 10; } .col-start-11 { grid-column-start: 11; } .col-start-12 { grid-column-start: 12; } .col-start-13 { grid-column-start: 13; } .col-end-auto { grid-column-end: auto; } .col-end-1 { grid-column-end: 1; } .col-end-2 { grid-column-end: 2; } .col-end-3 { grid-column-end: 3; } .col-end-4 { grid-column-end: 4; } .col-end-5 { grid-column-end: 5; } .col-end-6 { grid-column-end: 6; } .col-end-7 { grid-column-end: 7; } .col-end-8 { grid-column-end: 8; } .col-end-9 { grid-column-end: 9; } .col-end-10 { grid-column-end: 10; } .col-end-11 { grid-column-end: 11; } .col-end-12 { grid-column-end: 12; } .col-end-13 { grid-column-end: 13; } .m-auto { margin: auto; } .m-none { margin: 0; } .m-px { margin: 1px; } .m-4xs { margin: var(--space-4xs); } .m-3xs { margin: var(--space-3xs); } .m-2xs { margin: var(--space-2xs); } .m-xs { margin: var(--space-xs); } .m-sm { margin: var(--space-sm); } .m-md { margin: var(--space-md); } .m-lg { margin: var(--space-lg); } .m-xl { margin: var(--space-xl); } .m-2xl { margin: var(--space-2xl); } .m-3xl { margin: var(--space-3xl); } .m-4xl { margin: var(--space-4xl); } .mx-auto { margin-right: auto; margin-left: auto; } .mx-none { margin-right: 0; margin-left: 0; } .mx-px { margin-right: 1px; margin-left: 1px; } .mx-4xs { margin-right: var(--space-4xs); margin-left: var(--space-4xs); } .mx-3xs { margin-right: var(--space-3xs); margin-left: var(--space-3xs); } .mx-2xs { margin-right: var(--space-2xs); margin-left: var(--space-2xs); } .mx-xs { margin-right: var(--space-xs); margin-left: var(--space-xs); } .mx-sm { margin-right: var(--space-sm); margin-left: var(--space-sm); } .mx-md { margin-right: var(--space-md); margin-left: var(--space-md); } .mx-lg { margin-right: var(--space-lg); margin-left: var(--space-lg); } .mx-xl { margin-right: var(--space-xl); margin-left: var(--space-xl); } .mx-2xl { margin-right: var(--space-2xl); margin-left: var(--space-2xl); } .mx-3xl { margin-right: var(--space-3xl); margin-left: var(--space-3xl); } .mx-4xl { margin-right: var(--space-4xl); margin-left: var(--space-4xl); } .my-auto { margin-top: auto; margin-bottom: auto; } .my-none { margin-top: 0; margin-bottom: 0; } .my-px { margin-top: 1px; margin-bottom: 1px; } .my-4xs { margin-top: var(--space-4xs); margin-bottom: var(--space-4xs); } .my-3xs { margin-top: var(--space-3xs); margin-bottom: var(--space-3xs); } .my-2xs { margin-top: var(--space-2xs); margin-bottom: var(--space-2xs); } .my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); } .my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); } .my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); } .my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); } .my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); } .my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); } .my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); } .my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); } .mt-auto { margin-top: auto; } .mt-none { margin-top: 0; } .mt-px { margin-top: 1px; } .mt-4xs { margin-top: var(--space-4xs); } .mt-3xs { margin-top: var(--space-3xs); } .mt-2xs { margin-top: var(--space-2xs); } .mt-xs { margin-top: var(--space-xs); } .mt-sm { margin-top: var(--space-sm); } .mt-md { margin-top: var(--space-md); } .mt-lg { margin-top: var(--space-lg); } .mt-xl { margin-top: var(--space-xl); } .mt-2xl { margin-top: var(--space-2xl); } .mt-3xl { margin-top: var(--space-3xl); } .mt-4xl { margin-top: var(--space-4xl); } .mr-auto { margin-right: auto; } .mr-none { margin-right: 0; } .mr-px { margin-right: 1px; } .mr-4xs { margin-right: var(--space-4xs); } .mr-3xs { margin-right: var(--space-3xs); } .mr-2xs { margin-right: var(--space-2xs); } .mr-xs { margin-right: var(--space-xs); } .mr-sm { margin-right: var(--space-sm); } .mr-md { margin-right: var(--space-md); } .mr-lg { margin-right: var(--space-lg); } .mr-xl { margin-right: var(--space-xl); } .mr-2xl { margin-right: var(--space-2xl); } .mr-3xl { margin-right: var(--space-3xl); } .mr-4xl { margin-right: var(--space-4xl); } .mb-auto { margin-bottom: auto; } .mb-none { margin-bottom: 0; } .mb-px { margin-bottom: 1px; } .mb-4xs { margin-bottom: var(--space-4xs); } .mb-3xs { margin-bottom: var(--space-3xs); } .mb-2xs { margin-bottom: var(--space-2xs); } .mb-xs { margin-bottom: var(--space-xs); } .mb-sm { margin-bottom: var(--space-sm); } .mb-md { margin-bottom: var(--space-md); } .mb-lg { margin-bottom: var(--space-lg); } .mb-xl { margin-bottom: var(--space-xl); } .mb-2xl { margin-bottom: var(--space-2xl); } .mb-3xl { margin-bottom: var(--space-3xl); } .mb-4xl { margin-bottom: var(--space-4xl); } .ml-auto { margin-left: auto; } .ml-none { margin-left: 0; } .ml-px { margin-left: 1px; } .ml-4xs { margin-left: var(--space-4xs); } .ml-3xs { margin-left: var(--space-3xs); } .ml-2xs { margin-left: var(--space-2xs); } .ml-xs { margin-left: var(--space-xs); } .ml-sm { margin-left: var(--space-sm); } .ml-md { margin-left: var(--space-md); } .ml-lg { margin-left: var(--space-lg); } .ml-xl { margin-left: var(--space-xl); } .ml-2xl { margin-left: var(--space-2xl); } .ml-3xl { margin-left: var(--space-3xl); } .ml-4xl { margin-left: var(--space-4xl); } .p-auto { margin: auto; } .p-none { margin: 0; } .p-px { margin: 1px; } .p-4xs { margin: var(--space-4xs); } .p-3xs { margin: var(--space-3xs); } .p-2xs { margin: var(--space-2xs); } .p-xs { margin: var(--space-xs); } .p-sm { margin: var(--space-sm); } .p-md { margin: var(--space-md); } .p-lg { margin: var(--space-lg); } .p-xl { margin: var(--space-xl); } .p-2xl { margin: var(--space-2xl); } .p-3xl { margin: var(--space-3xl); } .p-4xl { margin: var(--space-4xl); } .px-auto { padding-right: auto; padding-left: auto; } .px-none { padding-right: 0; padding-left: 0; } .px-px { padding-right: 1px; padding-left: 1px; } .px-4xs { padding-right: var(--space-4xs); padding-left: var(--space-4xs); } .px-3xs { padding-right: var(--space-3xs); padding-left: var(--space-3xs); } .px-2xs { padding-right: var(--space-2xs); padding-left: var(--space-2xs); } .px-xs { padding-right: var(--space-xs); padding-left: var(--space-xs); } .px-sm { padding-right: var(--space-sm); padding-left: var(--space-sm); } .px-md { padding-right: var(--space-md); padding-left: var(--space-md); } .px-lg { padding-right: var(--space-lg); padding-left: var(--space-lg); } .px-xl { padding-right: var(--space-xl); padding-left: var(--space-xl); } .px-2xl { padding-right: var(--space-2xl); padding-left: var(--space-2xl); } .px-3xl { padding-right: var(--space-3xl); padding-left: var(--space-3xl); } .px-4xl { padding-right: var(--space-4xl); padding-left: var(--space-4xl); } .py-auto { padding-top: auto; padding-bottom: auto; } .py-none { padding-top: 0; padding-bottom: 0; } .py-px { padding-top: 1px; padding-bottom: 1px; } .py-4xs { padding-top: var(--space-4xs); padding-bottom: var(--space-4xs); } .py-3xs { padding-top: var(--space-3xs); padding-bottom: var(--space-3xs); } .py-2xs { padding-top: var(--space-2xs); padding-bottom: var(--space-2xs); } .py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); } .py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); } .py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); } .py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } .py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } .py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } .py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); } .py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); } .pt-auto { padding-top: auto; } .pt-none { padding-top: 0; } .pt-px { padding-top: 1px; } .pt-4xs { padding-top: var(--space-4xs); } .pt-3xs { padding-top: var(--space-3xs); } .pt-2xs { padding-top: var(--space-2xs); } .pt-xs { padding-top: var(--space-xs); } .pt-sm { padding-top: var(--space-sm); } .pt-md { padding-top: var(--space-md); } .pt-lg { padding-top: var(--space-lg); } .pt-xl { padding-top: var(--space-xl); } .pt-2xl { padding-top: var(--space-2xl); } .pt-3xl { padding-top: var(--space-3xl); } .pt-4xl { padding-top: var(--space-4xl); } .pr-auto { padding-right: auto; } .pr-none { padding-right: 0; } .pr-px { padding-right: 1px; } .pr-4xs { padding-right: var(--space-4xs); } .pr-3xs { padding-right: var(--space-3xs); } .pr-2xs { padding-right: var(--space-2xs); } .pr-xs { padding-right: var(--space-xs); } .pr-sm { padding-right: var(--space-sm); } .pr-md { padding-right: var(--space-md); } .pr-lg { padding-right: var(--space-lg); } .pr-xl { padding-right: var(--space-xl); } .pr-2xl { padding-right: var(--space-2xl); } .pr-3xl { padding-right: var(--space-3xl); } .pr-4xl { padding-right: var(--space-4xl); } .pb-auto { padding-bottom: auto; } .pb-none { padding-bottom: 0; } .pb-px { padding-bottom: 1px; } .pb-4xs { padding-bottom: var(--space-4xs); } .pb-3xs { padding-bottom: var(--space-3xs); } .pb-2xs { padding-bottom: var(--space-2xs); } .pb-xs { padding-bottom: var(--space-xs); } .pb-sm { padding-bottom: var(--space-sm); } .pb-md { padding-bottom: var(--space-md); } .pb-lg { padding-bottom: var(--space-lg); } .pb-xl { padding-bottom: var(--space-xl); } .pb-2xl { padding-bottom: var(--space-2xl); } .pb-3xl { padding-bottom: var(--space-3xl); } .pb-4xl { padding-bottom: var(--space-4xl); } .pl-auto { padding-left: auto; } .pl-none { padding-left: 0; } .pl-px { padding-left: 1px; } .pl-4xs { padding-left: var(--space-4xs); } .pl-3xs { padding-left: var(--space-3xs); } .pl-2xs { padding-left: var(--space-2xs); } .pl-xs { padding-left: var(--space-xs); } .pl-sm { padding-left: var(--space-sm); } .pl-md { padding-left: var(--space-md); } .pl-lg { padding-left: var(--space-lg); } .pl-xl { padding-left: var(--space-xl); } .pl-2xl { padding-left: var(--space-2xl); } .pl-3xl { padding-left: var(--space-3xl); } .pl-4xl { padding-left: var(--space-4xl); } .stack-auto > * + * { margin-top: auto; } .stack-none > * + * { margin-top: 0; } .stack-px > * + * { margin-top: 1px; } .stack-4xs > * + * { margin-top: var(--space-4xs); } .stack-3xs > * + * { margin-top: var(--space-3xs); } .stack-2xs > * + * { margin-top: var(--space-2xs); } .stack-xs > * + * { margin-top: var(--space-xs); } .stack-sm > * + * { margin-top: var(--space-sm); } .stack-md > * + * { margin-top: var(--space-md); } .stack-lg > * + * { margin-top: var(--space-lg); } .stack-xl > * + * { margin-top: var(--space-xl); } .stack-2xl > * + * { margin-top: var(--space-2xl); } .stack-3xl > * + * { margin-top: var(--space-3xl); } .stack-4xl > * + * { margin-top: var(--space-4xl); } .inline { display: inline; } .block { display: block; } .inline-block { display: inline-block; } .contents { display: contents; } .flow-root { display: flow-root; } .list-item { display: list-item; } .hidden { display: none; } .visible { visibility: visible; } .invisible { visibility: hidden; } .backface-visible { backface-visibility: visible; } .backface-hidden { backface-visibility: hidden; } .select-auto { -webkit-user-select: auto; user-select: auto; } .select-all { -webkit-user-select: all; user-select: all; } .select-text { -webkit-user-select: text; user-select: text; } .select-none { -webkit-user-select: none; user-select: none; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-clip { text-overflow: clip; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .text-primary { color: var(--color-text-primary); } .text-secondary { color: var(--color-text-secondary); } .text-xl { font-size: var(--text-xl); } .text-lg { font-size: var(--text-lg); } .text-md { font-size: var(--text-md); } .text-sm { font-size: var(--text-sm); } .measure-md { max-width: var(--measure-md); } .measure-lg { max-width: var(--measure-lg); } .leading-none { line-height: var(--line-height-none); } .leading-tight { line-height: var(--line-height-tight); } .leading-snug { line-height: var(--line-height-snug); } .leading-normal { line-height: var(--line-height-normal); } .leading-loose { line-height: var(--line-height-loose); } .tracking-loose { letter-spacing: var(--letter-spacing-loose); } .tracking-widest { letter-spacing: var(--letter-spacing-widest); } .tracking-wider { letter-spacing: var(--letter-spacing-wider); } .tracking-wide { letter-spacing: var(--letter-spacing-wide); } .tracking-normal { letter-spacing: var(--letter-spacing-normal); } .tracking-tight { letter-spacing: var(--letter-spacing-tight); } .tracking-tighter { letter-spacing: var(--letter-spacing-tighter); } .tracking-tightest { letter-spacing: var(--letter-spacing-tightest); } .min-h-screen { min-height: calc(100vh - 2 * var(--layout-gutter)); } .relative { position: relative; } .nowrap { white-space: nowrap; } .blend-exclusion { mix-blend-mode: exclusion; } .z-100 { z-index: 100; } .z-200 { z-index: 200; } .z-300 { z-index: 300; } .z-400 { z-index: 400; } .z-500 { z-index: 500; } .z-600 { z-index: 600; } .z-700 { z-index: 700; } .z-800 { z-index: 800; } .z-900 { z-index: 900; } .z-1000 { z-index: 1000; } @media (min-width: 400px) { .xs\:flex { display: flex; } .xs\:inline-flex { display: inline-flex; } .xs\:flex-inline { display: inline-flex; } .xs\:flex-1 { flex: 1 1 0%; } .xs\:flex-auto { flex: 1 1 auto; } .xs\:flex-initial { flex: 0 1 auto; } .xs\:flex-none { flex: none; } .xs\:flex-row { flex-direction: row; } .xs\:flex-row-reverse { flex-direction: row-reverse; } .xs\:flex-col { flex-direction: column; } .xs\:flex-col-reverse { flex-direction: column-reverse; } .xs\:flex-wrap { flex-wrap: wrap; } .xs\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .xs\:flex-nowrap { flex-wrap: nowrap; } .xs\:justify-start { justify-content: flex-start; } .xs\:justify-end { justify-content: flex-end; } .xs\:justify-center { justify-content: center; } .xs\:justify-between { justify-content: space-between; } .xs\:justify-around { justify-content: space-around; } .xs\:justify-evenly { justify-content: space-evenly; } .xs\:justify-stretch { justify-content: stretch; } .xs\:justify-left { justify-content: left; } .xs\:justify-right { justify-content: right; } .xs\:items-start { align-items: flex-start; } .xs\:items-end { align-items: flex-end; } .xs\:items-center { align-items: center; } .xs\:items-baseline { align-items: baseline; } .xs\:items-stretch { align-items: stretch; } .xs\:gap-4xs { gap: var(--space-4xs); } .xs\:gap-3xs { gap: var(--space-3xs); } .xs\:gap-2xs { gap: var(--space-2xs); } .xs\:gap-xs { gap: var(--space-xs); } .xs\:gap-sm { gap: var(--space-sm); } .xs\:gap-md { gap: var(--space-md); } .xs\:gap-lg { gap: var(--space-lg); } .xs\:gap-xl { gap: var(--space-xl); } .xs\:gap-2xl { gap: var(--space-2xl); } .xs\:gap-3xl { gap: var(--space-3xl); } .xs\:gap-4xl { gap: var(--space-4xl); } .xs\:gap-x-4xs { column-gap: var(--space-4xs); } .xs\:gap-x-3xs { column-gap: var(--space-3xs); } .xs\:gap-x-2xs { column-gap: var(--space-2xs); } .xs\:gap-x-xs { column-gap: var(--space-xs); } .xs\:gap-x-sm { column-gap: var(--space-sm); } .xs\:gap-x-md { column-gap: var(--space-md); } .xs\:gap-x-lg { column-gap: var(--space-lg); } .xs\:gap-x-xl { column-gap: var(--space-xl); } .xs\:gap-x-2xl { column-gap: var(--space-2xl); } .xs\:gap-x-3xl { column-gap: var(--space-3xl); } .xs\:gap-x-4xl { column-gap: var(--space-4xl); } .xs\:gap-y-4xs { row-gap: var(--space-4xs); } .xs\:gap-y-3xs { row-gap: var(--space-3xs); } .xs\:gap-y-2xs { row-gap: var(--space-2xs); } .xs\:gap-y-xs { row-gap: var(--space-xs); } .xs\:gap-y-sm { row-gap: var(--space-sm); } .xs\:gap-y-md { row-gap: var(--space-md); } .xs\:gap-y-lg { row-gap: var(--space-lg); } .xs\:gap-y-xl { row-gap: var(--space-xl); } .xs\:gap-y-2xl { row-gap: var(--space-2xl); } .xs\:gap-y-3xl { row-gap: var(--space-3xl); } .xs\:gap-y-4xl { row-gap: var(--space-4xl); } .xs\:grid { display: grid; } .xs\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xs\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xs\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xs\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xs\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xs\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .xs\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .xs\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .xs\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .xs\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .xs\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .xs\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .xs\:col-auto { grid-column: auto; } .xs\:col-full { grid-column: 1 / -1; } .xs\:col-1 { grid-column: span 1 / span 1; } .xs\:col-2 { grid-column: span 2 / span 2; } .xs\:col-3 { grid-column: span 3 / span 3; } .xs\:col-4 { grid-column: span 4 / span 4; } .xs\:col-5 { grid-column: span 5 / span 5; } .xs\:col-6 { grid-column: span 6 / span 6; } .xs\:col-7 { grid-column: span 7 / span 7; } .xs\:col-8 { grid-column: span 8 / span 8; } .xs\:col-9 { grid-column: span 9 / span 9; } .xs\:col-10 { grid-column: span 10 / span 10; } .xs\:col-11 { grid-column: span 11 / span 11; } .xs\:col-12 { grid-column: span 12 / span 12; } .xs\:col-start-auto { grid-column-start: auto; } .xs\:col-start-1 { grid-column-start: 1; } .xs\:col-start-2 { grid-column-start: 2; } .xs\:col-start-3 { grid-column-start: 3; } .xs\:col-start-4 { grid-column-start: 4; } .xs\:col-start-5 { grid-column-start: 5; } .xs\:col-start-6 { grid-column-start: 6; } .xs\:col-start-7 { grid-column-start: 7; } .xs\:col-start-8 { grid-column-start: 8; } .xs\:col-start-9 { grid-column-start: 9; } .xs\:col-start-10 { grid-column-start: 10; } .xs\:col-start-11 { grid-column-start: 11; } .xs\:col-start-12 { grid-column-start: 12; } .xs\:col-start-13 { grid-column-start: 13; } .xs\:col-end-auto { grid-column-end: auto; } .xs\:col-end-1 { grid-column-end: 1; } .xs\:col-end-2 { grid-column-end: 2; } .xs\:col-end-3 { grid-column-end: 3; } .xs\:col-end-4 { grid-column-end: 4; } .xs\:col-end-5 { grid-column-end: 5; } .xs\:col-end-6 { grid-column-end: 6; } .xs\:col-end-7 { grid-column-end: 7; } .xs\:col-end-8 { grid-column-end: 8; } .xs\:col-end-9 { grid-column-end: 9; } .xs\:col-end-10 { grid-column-end: 10; } .xs\:col-end-11 { grid-column-end: 11; } .xs\:col-end-12 { grid-column-end: 12; } .xs\:col-end-13 { grid-column-end: 13; } .xs\:m-auto { margin: auto; } .xs\:m-none { margin: 0; } .xs\:m-px { margin: 1px; } .xs\:m-4xs { margin: var(--space-4xs); } .xs\:m-3xs { margin: var(--space-3xs); } .xs\:m-2xs { margin: var(--space-2xs); } .xs\:m-xs { margin: var(--space-xs); } .xs\:m-sm { margin: var(--space-sm); } .xs\:m-md { margin: var(--space-md); } .xs\:m-lg { margin: var(--space-lg); } .xs\:m-xl { margin: var(--space-xl); } .xs\:m-2xl { margin: var(--space-2xl); } .xs\:m-3xl { margin: var(--space-3xl); } .xs\:m-4xl { margin: var(--space-4xl); } .xs\:mx-auto { margin-right: auto; margin-left: auto; } .xs\:mx-none { margin-right: 0; margin-left: 0; } .xs\:mx-px { margin-right: 1px; margin-left: 1px; } .xs\:mx-4xs { margin-right: var(--space-4xs); margin-left: var(--space-4xs); } .xs\:mx-3xs { margin-right: var(--space-3xs); margin-left: var(--space-3xs); } .xs\:mx-2xs { margin-right: var(--space-2xs); margin-left: var(--space-2xs); } .xs\:mx-xs { margin-right: var(--space-xs); margin-left: var(--space-xs); } .xs\:mx-sm { margin-right: var(--space-sm); margin-left: var(--space-sm); } .xs\:mx-md { margin-right: var(--space-md); margin-left: var(--space-md); } .xs\:mx-lg { margin-right: var(--space-lg); margin-left: var(--space-lg); } .xs\:mx-xl { margin-right: var(--space-xl); margin-left: var(--space-xl); } .xs\:mx-2xl { margin-right: var(--space-2xl); margin-left: var(--space-2xl); } .xs\:mx-3xl { margin-right: var(--space-3xl); margin-left: var(--space-3xl); } .xs\:mx-4xl { margin-right: var(--space-4xl); margin-left: var(--space-4xl); } .xs\:my-auto { margin-top: auto; margin-bottom: auto; } .xs\:my-none { margin-top: 0; margin-bottom: 0; } .xs\:my-px { margin-top: 1px; margin-bottom: 1px; } .xs\:my-4xs { margin-top: var(--space-4xs); margin-bottom: var(--space-4xs); } .xs\:my-3xs { margin-top: var(--space-3xs); margin-bottom: var(--space-3xs); } .xs\:my-2xs { margin-top: var(--space-2xs); margin-bottom: var(--space-2xs); } .xs\:my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); } .xs\:my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); } .xs\:my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); } .xs\:my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); } .xs\:my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); } .xs\:my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); } .xs\:my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); } .xs\:my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); } .xs\:mt-auto { margin-top: auto; } .xs\:mt-none { margin-top: 0; } .xs\:mt-px { margin-top: 1px; } .xs\:mt-4xs { margin-top: var(--space-4xs); } .xs\:mt-3xs { margin-top: var(--space-3xs); } .xs\:mt-2xs { margin-top: var(--space-2xs); } .xs\:mt-xs { margin-top: var(--space-xs); } .xs\:mt-sm { margin-top: var(--space-sm); } .xs\:mt-md { margin-top: var(--space-md); } .xs\:mt-lg { margin-top: var(--space-lg); } .xs\:mt-xl { margin-top: var(--space-xl); } .xs\:mt-2xl { margin-top: var(--space-2xl); } .xs\:mt-3xl { margin-top: var(--space-3xl); } .xs\:mt-4xl { margin-top: var(--space-4xl); } .xs\:mr-auto { margin-right: auto; } .xs\:mr-none { margin-right: 0; } .xs\:mr-px { margin-right: 1px; } .xs\:mr-4xs { margin-right: var(--space-4xs); } .xs\:mr-3xs { margin-right: var(--space-3xs); } .xs\:mr-2xs { margin-right: var(--space-2xs); } .xs\:mr-xs { margin-right: var(--space-xs); } .xs\:mr-sm { margin-right: var(--space-sm); } .xs\:mr-md { margin-right: var(--space-md); } .xs\:mr-lg { margin-right: var(--space-lg); } .xs\:mr-xl { margin-right: var(--space-xl); } .xs\:mr-2xl { margin-right: var(--space-2xl); } .xs\:mr-3xl { margin-right: var(--space-3xl); } .xs\:mr-4xl { margin-right: var(--space-4xl); } .xs\:mb-auto { margin-bottom: auto; } .xs\:mb-none { margin-bottom: 0; } .xs\:mb-px { margin-bottom: 1px; } .xs\:mb-4xs { margin-bottom: var(--space-4xs); } .xs\:mb-3xs { margin-bottom: var(--space-3xs); } .xs\:mb-2xs { margin-bottom: var(--space-2xs); } .xs\:mb-xs { margin-bottom: var(--space-xs); } .xs\:mb-sm { margin-bottom: var(--space-sm); } .xs\:mb-md { margin-bottom: var(--space-md); } .xs\:mb-lg { margin-bottom: var(--space-lg); } .xs\:mb-xl { margin-bottom: var(--space-xl); } .xs\:mb-2xl { margin-bottom: var(--space-2xl); } .xs\:mb-3xl { margin-bottom: var(--space-3xl); } .xs\:mb-4xl { margin-bottom: var(--space-4xl); } .xs\:ml-auto { margin-left: auto; } .xs\:ml-none { margin-left: 0; } .xs\:ml-px { margin-left: 1px; } .xs\:ml-4xs { margin-left: var(--space-4xs); } .xs\:ml-3xs { margin-left: var(--space-3xs); } .xs\:ml-2xs { margin-left: var(--space-2xs); } .xs\:ml-xs { margin-left: var(--space-xs); } .xs\:ml-sm { margin-left: var(--space-sm); } .xs\:ml-md { margin-left: var(--space-md); } .xs\:ml-lg { margin-left: var(--space-lg); } .xs\:ml-xl { margin-left: var(--space-xl); } .xs\:ml-2xl { margin-left: var(--space-2xl); } .xs\:ml-3xl { margin-left: var(--space-3xl); } .xs\:ml-4xl { margin-left: var(--space-4xl); } .xs\:p-auto { margin: auto; } .xs\:p-none { margin: 0; } .xs\:p-px { margin: 1px; } .xs\:p-4xs { margin: var(--space-4xs); } .xs\:p-3xs { margin: var(--space-3xs); } .xs\:p-2xs { margin: var(--space-2xs); } .xs\:p-xs { margin: var(--space-xs); } .xs\:p-sm { margin: var(--space-sm); } .xs\:p-md { margin: var(--space-md); } .xs\:p-lg { margin: var(--space-lg); } .xs\:p-xl { margin: var(--space-xl); } .xs\:p-2xl { margin: var(--space-2xl); } .xs\:p-3xl { margin: var(--space-3xl); } .xs\:p-4xl { margin: var(--space-4xl); } .xs\:px-auto { padding-right: auto; padding-left: auto; } .xs\:px-none { padding-right: 0; padding-left: 0; } .xs\:px-px { padding-right: 1px; padding-left: 1px; } .xs\:px-4xs { padding-right: var(--space-4xs); padding-left: var(--space-4xs); } .xs\:px-3xs { padding-right: var(--space-3xs); padding-left: var(--space-3xs); } .xs\:px-2xs { padding-right: var(--space-2xs); padding-left: var(--space-2xs); } .xs\:px-xs { padding-right: var(--space-xs); padding-left: var(--space-xs); } .xs\:px-sm { padding-right: var(--space-sm); padding-left: var(--space-sm); } .xs\:px-md { padding-right: var(--space-md); padding-left: var(--space-md); } .xs\:px-lg { padding-right: var(--space-lg); padding-left: var(--space-lg); } .xs\:px-xl { padding-right: var(--space-xl); padding-left: var(--space-xl); } .xs\:px-2xl { padding-right: var(--space-2xl); padding-left: var(--space-2xl); } .xs\:px-3xl { padding-right: var(--space-3xl); padding-left: var(--space-3xl); } .xs\:px-4xl { padding-right: var(--space-4xl); padding-left: var(--space-4xl); } .xs\:py-auto { padding-top: auto; padding-bottom: auto; } .xs\:py-none { padding-top: 0; padding-bottom: 0; } .xs\:py-px { padding-top: 1px; padding-bottom: 1px; } .xs\:py-4xs { padding-top: var(--space-4xs); padding-bottom: var(--space-4xs); } .xs\:py-3xs { padding-top: var(--space-3xs); padding-bottom: var(--space-3xs); } .xs\:py-2xs { padding-top: var(--space-2xs); padding-bottom: var(--space-2xs); } .xs\:py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); } .xs\:py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); } .xs\:py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); } .xs\:py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } .xs\:py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } .xs\:py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } .xs\:py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); } .xs\:py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); } .xs\:pt-auto { padding-top: auto; } .xs\:pt-none { padding-top: 0; } .xs\:pt-px { padding-top: 1px; } .xs\:pt-4xs { padding-top: var(--space-4xs); } .xs\:pt-3xs { padding-top: var(--space-3xs); } .xs\:pt-2xs { padding-top: var(--space-2xs); } .xs\:pt-xs { padding-top: var(--space-xs); } .xs\:pt-sm { padding-top: var(--space-sm); } .xs\:pt-md { padding-top: var(--space-md); } .xs\:pt-lg { padding-top: var(--space-lg); } .xs\:pt-xl { padding-top: var(--space-xl); } .xs\:pt-2xl { padding-top: var(--space-2xl); } .xs\:pt-3xl { padding-top: var(--space-3xl); } .xs\:pt-4xl { padding-top: var(--space-4xl); } .xs\:pr-auto { padding-right: auto; } .xs\:pr-none { padding-right: 0; } .xs\:pr-px { padding-right: 1px; } .xs\:pr-4xs { padding-right: var(--space-4xs); } .xs\:pr-3xs { padding-right: var(--space-3xs); } .xs\:pr-2xs { padding-right: var(--space-2xs); } .xs\:pr-xs { padding-right: var(--space-xs); } .xs\:pr-sm { padding-right: var(--space-sm); } .xs\:pr-md { padding-right: var(--space-md); } .xs\:pr-lg { padding-right: var(--space-lg); } .xs\:pr-xl { padding-right: var(--space-xl); } .xs\:pr-2xl { padding-right: var(--space-2xl); } .xs\:pr-3xl { padding-right: var(--space-3xl); } .xs\:pr-4xl { padding-right: var(--space-4xl); } .xs\:pb-auto { padding-bottom: auto; } .xs\:pb-none { padding-bottom: 0; } .xs\:pb-px { padding-bottom: 1px; } .xs\:pb-4xs { padding-bottom: var(--space-4xs); } .xs\:pb-3xs { padding-bottom: var(--space-3xs); } .xs\:pb-2xs { padding-bottom: var(--space-2xs); } .xs\:pb-xs { padding-bottom: var(--space-xs); } .xs\:pb-sm { padding-bottom: var(--space-sm); } .xs\:pb-md { padding-bottom: var(--space-md); } .xs\:pb-lg { padding-bottom: var(--space-lg); } .xs\:pb-xl { padding-bottom: var(--space-xl); } .xs\:pb-2xl { padding-bottom: var(--space-2xl); } .xs\:pb-3xl { padding-bottom: var(--space-3xl); } .xs\:pb-4xl { padding-bottom: var(--space-4xl); } .xs\:pl-auto { padding-left: auto; } .xs\:pl-none { padding-left: 0; } .xs\:pl-px { padding-left: 1px; } .xs\:pl-4xs { padding-left: var(--space-4xs); } .xs\:pl-3xs { padding-left: var(--space-3xs); } .xs\:pl-2xs { padding-left: var(--space-2xs); } .xs\:pl-xs { padding-left: var(--space-xs); } .xs\:pl-sm { padding-left: var(--space-sm); } .xs\:pl-md { padding-left: var(--space-md); } .xs\:pl-lg { padding-left: var(--space-lg); } .xs\:pl-xl { padding-left: var(--space-xl); } .xs\:pl-2xl { padding-left: var(--space-2xl); } .xs\:pl-3xl { padding-left: var(--space-3xl); } .xs\:pl-4xl { padding-left: var(--space-4xl); } .xs\:stack-auto > * + * { margin-top: auto; } .xs\:stack-none > * + * { margin-top: 0; } .xs\:stack-px > * + * { margin-top: 1px; } .xs\:stack-4xs > * + * { margin-top: var(--space-4xs); } .xs\:stack-3xs > * + * { margin-top: var(--space-3xs); } .xs\:stack-2xs > * + * { margin-top: var(--space-2xs); } .xs\:stack-xs > * + * { margin-top: var(--space-xs); } .xs\:stack-sm > * + * { margin-top: var(--space-sm); } .xs\:stack-md > * + * { margin-top: var(--space-md); } .xs\:stack-lg > * + * { margin-top: var(--space-lg); } .xs\:stack-xl > * + * { margin-top: var(--space-xl); } .xs\:stack-2xl > * + * { margin-top: var(--space-2xl); } .xs\:stack-3xl > * + * { margin-top: var(--space-3xl); } .xs\:stack-4xl > * + * { margin-top: var(--space-4xl); } .xs\:inline { display: inline; } .xs\:block { display: block; } .xs\:inline-block { display: inline-block; } .xs\:contents { display: contents; } .xs\:flow-root { display: flow-root; } .xs\:list-item { display: list-item; } .xs\:hidden { display: none; } .xs\:visible { visibility: visible; } .xs\:invisible { visibility: hidden; } .xs\:backface-visible { backface-visibility: visible; } .xs\:backface-hidden { backface-visibility: hidden; } .xs\:select-auto { -webkit-user-select: auto; user-select: auto; } .xs\:select-all { -webkit-user-select: all; user-select: all; } .xs\:select-text { -webkit-user-select: text; user-select: text; } .xs\:select-none { -webkit-user-select: none; user-select: none; } .xs\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xs\:text-clip { text-overflow: clip; } .xs\:sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .xs\:text-primary { color: var(--color-text-primary); } .xs\:text-secondary { color: var(--color-text-secondary); } .xs\:text-xl { font-size: var(--text-xl); } .xs\:text-lg { font-size: var(--text-lg); } .xs\:text-md { font-size: var(--text-md); } .xs\:text-sm { font-size: var(--text-sm); } .xs\:measure-md { max-width: var(--measure-md); } .xs\:measure-lg { max-width: var(--measure-lg); } .xs\:leading-none { line-height: var(--line-height-none); } .xs\:leading-tight { line-height: var(--line-height-tight); } .xs\:leading-snug { line-height: var(--line-height-snug); } .xs\:leading-normal { line-height: var(--line-height-normal); } .xs\:leading-loose { line-height: var(--line-height-loose); } .xs\:tracking-loose { letter-spacing: var(--letter-spacing-loose); } .xs\:tracking-widest { letter-spacing: var(--letter-spacing-widest); } .xs\:tracking-wider { letter-spacing: var(--letter-spacing-wider); } .xs\:tracking-wide { letter-spacing: var(--letter-spacing-wide); } .xs\:tracking-normal { letter-spacing: var(--letter-spacing-normal); } .xs\:tracking-tight { letter-spacing: var(--letter-spacing-tight); } .xs\:tracking-tighter { letter-spacing: var(--letter-spacing-tighter); } .xs\:tracking-tightest { letter-spacing: var(--letter-spacing-tightest); } .xs\:min-h-screen { min-height: calc(100vh - 2 * var(--layout-gutter)); } .xs\:relative { position: relative; } .xs\:nowrap { white-space: nowrap; } .xs\:blend-exclusion { mix-blend-mode: exclusion; } .xs\:z-100 { z-index: 100; } .xs\:z-200 { z-index: 200; } .xs\:z-300 { z-index: 300; } .xs\:z-400 { z-index: 400; } .xs\:z-500 { z-index: 500; } .xs\:z-600 { z-index: 600; } .xs\:z-700 { z-index: 700; } .xs\:z-800 { z-index: 800; } .xs\:z-900 { z-index: 900; } .xs\:z-1000 { z-index: 1000; } } @media (min-width: 700px) { .sm\:flex { display: flex; } .sm\:inline-flex { display: inline-flex; } .sm\:flex-inline { display: inline-flex; } .sm\:flex-1 { flex: 1 1 0%; } .sm\:flex-auto { flex: 1 1 auto; } .sm\:flex-initial { flex: 0 1 auto; } .sm\:flex-none { flex: none; } .sm\:flex-row { flex-direction: row; } .sm\:flex-row-reverse { flex-direction: row-reverse; } .sm\:flex-col { flex-direction: column; } .sm\:flex-col-reverse { flex-direction: column-reverse; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .sm\:flex-nowrap { flex-wrap: nowrap; } .sm\:justify-start { justify-content: flex-start; } .sm\:justify-end { justify-content: flex-end; } .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\:justify-left { justify-content: left; } .sm\:justify-right { justify-content: right; } .sm\:items-start { align-items: flex-start; } .sm\:items-end { align-items: flex-end; } .sm\:items-center { align-items: center; } .sm\:items-baseline { align-items: baseline; } .sm\:items-stretch { align-items: stretch; } .sm\:gap-4xs { gap: var(--space-4xs); } .sm\:gap-3xs { gap: var(--space-3xs); } .sm\:gap-2xs { gap: var(--space-2xs); } .sm\:gap-xs { gap: var(--space-xs); } .sm\:gap-sm { gap: var(--space-sm); } .sm\:gap-md { gap: var(--space-md); } .sm\:gap-lg { gap: var(--space-lg); } .sm\:gap-xl { gap: var(--space-xl); } .sm\:gap-2xl { gap: var(--space-2xl); } .sm\:gap-3xl { gap: var(--space-3xl); } .sm\:gap-4xl { gap: var(--space-4xl); } .sm\:gap-x-4xs { column-gap: var(--space-4xs); } .sm\:gap-x-3xs { column-gap: var(--space-3xs); } .sm\:gap-x-2xs { column-gap: var(--space-2xs); } .sm\:gap-x-xs { column-gap: var(--space-xs); } .sm\:gap-x-sm { column-gap: var(--space-sm); } .sm\:gap-x-md { column-gap: var(--space-md); } .sm\:gap-x-lg { column-gap: var(--space-lg); } .sm\:gap-x-xl { column-gap: var(--space-xl); } .sm\:gap-x-2xl { column-gap: var(--space-2xl); } .sm\:gap-x-3xl { column-gap: var(--space-3xl); } .sm\:gap-x-4xl { column-gap: var(--space-4xl); } .sm\:gap-y-4xs { row-gap: var(--space-4xs); } .sm\:gap-y-3xs { row-gap: var(--space-3xs); } .sm\:gap-y-2xs { row-gap: var(--space-2xs); } .sm\:gap-y-xs { row-gap: var(--space-xs); } .sm\:gap-y-sm { row-gap: var(--space-sm); } .sm\:gap-y-md { row-gap: var(--space-md); } .sm\:gap-y-lg { row-gap: var(--space-lg); } .sm\:gap-y-xl { row-gap: var(--space-xl); } .sm\:gap-y-2xl { row-gap: var(--space-2xl); } .sm\:gap-y-3xl { row-gap: var(--space-3xl); } .sm\:gap-y-4xl { row-gap: var(--space-4xl); } .sm\:grid { display: grid; } .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .sm\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .sm\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .sm\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .sm\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .sm\:col-auto { grid-column: auto; } .sm\:col-full { grid-column: 1 / -1; } .sm\:col-1 { grid-column: span 1 / span 1; } .sm\:col-2 { grid-column: span 2 / span 2; } .sm\:col-3 { grid-column: span 3 / span 3; } .sm\:col-4 { grid-column: span 4 / span 4; } .sm\:col-5 { grid-column: span 5 / span 5; } .sm\:col-6 { grid-column: span 6 / span 6; } .sm\:col-7 { grid-column: span 7 / span 7; } .sm\:col-8 { grid-column: span 8 / span 8; } .sm\:col-9 { grid-column: span 9 / span 9; } .sm\:col-10 { grid-column: span 10 / span 10; } .sm\:col-11 { grid-column: span 11 / span 11; } .sm\:col-12 { grid-column: span 12 / span 12; } .sm\:col-start-auto { grid-column-start: auto; } .sm\:col-start-1 { grid-column-start: 1; } .sm\:col-start-2 { grid-column-start: 2; } .sm\:col-start-3 { grid-column-start: 3; } .sm\:col-start-4 { grid-column-start: 4; } .sm\:col-start-5 { grid-column-start: 5; } .sm\:col-start-6 { grid-column-start: 6; } .sm\:col-start-7 { grid-column-start: 7; } .sm\:col-start-8 { grid-column-start: 8; } .sm\:col-start-9 { grid-column-start: 9; } .sm\:col-start-10 { grid-column-start: 10; } .sm\:col-start-11 { grid-column-start: 11; } .sm\:col-start-12 { grid-column-start: 12; } .sm\:col-start-13 { grid-column-start: 13; } .sm\:col-end-auto { grid-column-end: auto; } .sm\:col-end-1 { grid-column-end: 1; } .sm\:col-end-2 { grid-column-end: 2; } .sm\:col-end-3 { grid-column-end: 3; } .sm\:col-end-4 { grid-column-end: 4; } .sm\:col-end-5 { grid-column-end: 5; } .sm\:col-end-6 { grid-column-end: 6; } .sm\:col-end-7 { grid-column-end: 7; } .sm\:col-end-8 { grid-column-end: 8; } .sm\:col-end-9 { grid-column-end: 9; } .sm\:col-end-10 { grid-column-end: 10; } .sm\:col-end-11 { grid-column-end: 11; } .sm\:col-end-12 { grid-column-end: 12; } .sm\:col-end-13 { grid-column-end: 13; } .sm\:m-auto { margin: auto; } .sm\:m-none { margin: 0; } .sm\:m-px { margin: 1px; } .sm\:m-4xs { margin: var(--space-4xs); } .sm\:m-3xs { margin: var(--space-3xs); } .sm\:m-2xs { margin: var(--space-2xs); } .sm\:m-xs { margin: var(--space-xs); } .sm\:m-sm { margin: var(--space-sm); } .sm\:m-md { margin: var(--space-md); } .sm\:m-lg { margin: var(--space-lg); } .sm\:m-xl { margin: var(--space-xl); } .sm\:m-2xl { margin: var(--space-2xl); } .sm\:m-3xl { margin: var(--space-3xl); } .sm\:m-4xl { margin: var(--space-4xl); } .sm\:mx-auto { margin-right: auto; margin-left: auto; } .sm\:mx-none { margin-right: 0; margin-left: 0; } .sm\:mx-px { margin-right: 1px; margin-left: 1px; } .sm\:mx-4xs { margin-right: var(--space-4xs); margin-left: var(--space-4xs); } .sm\:mx-3xs { margin-right: var(--space-3xs); margin-left: var(--space-3xs); } .sm\:mx-2xs { margin-right: var(--space-2xs); margin-left: var(--space-2xs); } .sm\:mx-xs { margin-right: var(--space-xs); margin-left: var(--space-xs); } .sm\:mx-sm { margin-right: var(--space-sm); margin-left: var(--space-sm); } .sm\:mx-md { margin-right: var(--space-md); margin-left: var(--space-md); } .sm\:mx-lg { margin-right: var(--space-lg); margin-left: var(--space-lg); } .sm\:mx-xl { margin-right: var(--space-xl); margin-left: var(--space-xl); } .sm\:mx-2xl { margin-right: var(--space-2xl); margin-left: var(--space-2xl); } .sm\:mx-3xl { margin-right: var(--space-3xl); margin-left: var(--space-3xl); } .sm\:mx-4xl { margin-right: var(--space-4xl); margin-left: var(--space-4xl); } .sm\:my-auto { margin-top: auto; margin-bottom: auto; } .sm\:my-none { margin-top: 0; margin-bottom: 0; } .sm\:my-px { margin-top: 1px; margin-bottom: 1px; } .sm\:my-4xs { margin-top: var(--space-4xs); margin-bottom: var(--space-4xs); } .sm\:my-3xs { margin-top: var(--space-3xs); margin-bottom: var(--space-3xs); } .sm\:my-2xs { margin-top: var(--space-2xs); margin-bottom: var(--space-2xs); } .sm\:my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); } .sm\:my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); } .sm\:my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); } .sm\:my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); } .sm\:my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); } .sm\:my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); } .sm\:my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); } .sm\:my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); } .sm\:mt-auto { margin-top: auto; } .sm\:mt-none { margin-top: 0; } .sm\:mt-px { margin-top: 1px; } .sm\:mt-4xs { margin-top: var(--space-4xs); } .sm\:mt-3xs { margin-top: var(--space-3xs); } .sm\:mt-2xs { margin-top: var(--space-2xs); } .sm\:mt-xs { margin-top: var(--space-xs); } .sm\:mt-sm { margin-top: var(--space-sm); } .sm\:mt-md { margin-top: var(--space-md); } .sm\:mt-lg { margin-top: var(--space-lg); } .sm\:mt-xl { margin-top: var(--space-xl); } .sm\:mt-2xl { margin-top: var(--space-2xl); } .sm\:mt-3xl { margin-top: var(--space-3xl); } .sm\:mt-4xl { margin-top: var(--space-4xl); } .sm\:mr-auto { margin-right: auto; } .sm\:mr-none { margin-right: 0; } .sm\:mr-px { margin-right: 1px; } .sm\:mr-4xs { margin-right: var(--space-4xs); } .sm\:mr-3xs { margin-right: var(--space-3xs); } .sm\:mr-2xs { margin-right: var(--space-2xs); } .sm\:mr-xs { margin-right: var(--space-xs); } .sm\:mr-sm { margin-right: var(--space-sm); } .sm\:mr-md { margin-right: var(--space-md); } .sm\:mr-lg { margin-right: var(--space-lg); } .sm\:mr-xl { margin-right: var(--space-xl); } .sm\:mr-2xl { margin-right: var(--space-2xl); } .sm\:mr-3xl { margin-right: var(--space-3xl); } .sm\:mr-4xl { margin-right: var(--space-4xl); } .sm\:mb-auto { margin-bottom: auto; } .sm\:mb-none { margin-bottom: 0; } .sm\:mb-px { margin-bottom: 1px; } .sm\:mb-4xs { margin-bottom: var(--space-4xs); } .sm\:mb-3xs { margin-bottom: var(--space-3xs); } .sm\:mb-2xs { margin-bottom: var(--space-2xs); } .sm\:mb-xs { margin-bottom: var(--space-xs); } .sm\:mb-sm { margin-bottom: var(--space-sm); } .sm\:mb-md { margin-bottom: var(--space-md); } .sm\:mb-lg { margin-bottom: var(--space-lg); } .sm\:mb-xl { margin-bottom: var(--space-xl); } .sm\:mb-2xl { margin-bottom: var(--space-2xl); } .sm\:mb-3xl { margin-bottom: var(--space-3xl); } .sm\:mb-4xl { margin-bottom: var(--space-4xl); } .sm\:ml-auto { margin-left: auto; } .sm\:ml-none { margin-left: 0; } .sm\:ml-px { margin-left: 1px; } .sm\:ml-4xs { margin-left: var(--space-4xs); } .sm\:ml-3xs { margin-left: var(--space-3xs); } .sm\:ml-2xs { margin-left: var(--space-2xs); } .sm\:ml-xs { margin-left: var(--space-xs); } .sm\:ml-sm { margin-left: var(--space-sm); } .sm\:ml-md { margin-left: var(--space-md); } .sm\:ml-lg { margin-left: var(--space-lg); } .sm\:ml-xl { margin-left: var(--space-xl); } .sm\:ml-2xl { margin-left: var(--space-2xl); } .sm\:ml-3xl { margin-left: var(--space-3xl); } .sm\:ml-4xl { margin-left: var(--space-4xl); } .sm\:p-auto { margin: auto; } .sm\:p-none { margin: 0; } .sm\:p-px { margin: 1px; } .sm\:p-4xs { margin: var(--space-4xs); } .sm\:p-3xs { margin: var(--space-3xs); } .sm\:p-2xs { margin: var(--space-2xs); } .sm\:p-xs { margin: var(--space-xs); } .sm\:p-sm { margin: var(--space-sm); } .sm\:p-md { margin: var(--space-md); } .sm\:p-lg { margin: var(--space-lg); } .sm\:p-xl { margin: var(--space-xl); } .sm\:p-2xl { margin: var(--space-2xl); } .sm\:p-3xl { margin: var(--space-3xl); } .sm\:p-4xl { margin: var(--space-4xl); } .sm\:px-auto { padding-right: auto; padding-left: auto; } .sm\:px-none { padding-right: 0; padding-left: 0; } .sm\:px-px { padding-right: 1px; padding-left: 1px; } .sm\:px-4xs { padding-right: var(--space-4xs); padding-left: var(--space-4xs); } .sm\:px-3xs { padding-right: var(--space-3xs); padding-left: var(--space-3xs); } .sm\:px-2xs { padding-right: var(--space-2xs); padding-left: var(--space-2xs); } .sm\:px-xs { padding-right: var(--space-xs); padding-left: var(--space-xs); } .sm\:px-sm { padding-right: var(--space-sm); padding-left: var(--space-sm); } .sm\:px-md { padding-right: var(--space-md); padding-left: var(--space-md); } .sm\:px-lg { padding-right: var(--space-lg); padding-left: var(--space-lg); } .sm\:px-xl { padding-right: var(--space-xl); padding-left: var(--space-xl); } .sm\:px-2xl { padding-right: var(--space-2xl); padding-left: var(--space-2xl); } .sm\:px-3xl { padding-right: var(--space-3xl); padding-left: var(--space-3xl); } .sm\:px-4xl { padding-right: var(--space-4xl); padding-left: var(--space-4xl); } .sm\:py-auto { padding-top: auto; padding-bottom: auto; } .sm\:py-none { padding-top: 0; padding-bottom: 0; } .sm\:py-px { padding-top: 1px; padding-bottom: 1px; } .sm\:py-4xs { padding-top: var(--space-4xs); padding-bottom: var(--space-4xs); } .sm\:py-3xs { padding-top: var(--space-3xs); padding-bottom: var(--space-3xs); } .sm\:py-2xs { padding-top: var(--space-2xs); padding-bottom: var(--space-2xs); } .sm\:py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); } .sm\:py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); } .sm\:py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); } .sm\:py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } .sm\:py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } .sm\:py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } .sm\:py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); } .sm\:py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); } .sm\:pt-auto { padding-top: auto; } .sm\:pt-none { padding-top: 0; } .sm\:pt-px { padding-top: 1px; } .sm\:pt-4xs { padding-top: var(--space-4xs); } .sm\:pt-3xs { padding-top: var(--space-3xs); } .sm\:pt-2xs { padding-top: var(--space-2xs); } .sm\:pt-xs { padding-top: var(--space-xs); } .sm\:pt-sm { padding-top: var(--space-sm); } .sm\:pt-md { padding-top: var(--space-md); } .sm\:pt-lg { padding-top: var(--space-lg); } .sm\:pt-xl { padding-top: var(--space-xl); } .sm\:pt-2xl { padding-top: var(--space-2xl); } .sm\:pt-3xl { padding-top: var(--space-3xl); } .sm\:pt-4xl { padding-top: var(--space-4xl); } .sm\:pr-auto { padding-right: auto; } .sm\:pr-none { padding-right: 0; } .sm\:pr-px { padding-right: 1px; } .sm\:pr-4xs { padding-right: var(--space-4xs); } .sm\:pr-3xs { padding-right: var(--space-3xs); } .sm\:pr-2xs { padding-right: var(--space-2xs); } .sm\:pr-xs { padding-right: var(--space-xs); } .sm\:pr-sm { padding-right: var(--space-sm); } .sm\:pr-md { padding-right: var(--space-md); } .sm\:pr-lg { padding-right: var(--space-lg); } .sm\:pr-xl { padding-right: var(--space-xl); } .sm\:pr-2xl { padding-right: var(--space-2xl); } .sm\:pr-3xl { padding-right: var(--space-3xl); } .sm\:pr-4xl { padding-right: var(--space-4xl); } .sm\:pb-auto { padding-bottom: auto; } .sm\:pb-none { padding-bottom: 0; } .sm\:pb-px { padding-bottom: 1px; } .sm\:pb-4xs { padding-bottom: var(--space-4xs); } .sm\:pb-3xs { padding-bottom: var(--space-3xs); } .sm\:pb-2xs { padding-bottom: var(--space-2xs); } .sm\:pb-xs { padding-bottom: var(--space-xs); } .sm\:pb-sm { padding-bottom: var(--space-sm); } .sm\:pb-md { padding-bottom: var(--space-md); } .sm\:pb-lg { padding-bottom: var(--space-lg); } .sm\:pb-xl { padding-bottom: var(--space-xl); } .sm\:pb-2xl { padding-bottom: var(--space-2xl); } .sm\:pb-3xl { padding-bottom: var(--space-3xl); } .sm\:pb-4xl { padding-bottom: var(--space-4xl); } .sm\:pl-auto { padding-left: auto; } .sm\:pl-none { padding-left: 0; } .sm\:pl-px { padding-left: 1px; } .sm\:pl-4xs { padding-left: var(--space-4xs); } .sm\:pl-3xs { padding-left: var(--space-3xs); } .sm\:pl-2xs { padding-left: var(--space-2xs); } .sm\:pl-xs { padding-left: var(--space-xs); } .sm\:pl-sm { padding-left: var(--space-sm); } .sm\:pl-md { padding-left: var(--space-md); } .sm\:pl-lg { padding-left: var(--space-lg); } .sm\:pl-xl { padding-left: var(--space-xl); } .sm\:pl-2xl { padding-left: var(--space-2xl); } .sm\:pl-3xl { padding-left: var(--space-3xl); } .sm\:pl-4xl { padding-left: var(--space-4xl); } .sm\:stack-auto > * + * { margin-top: auto; } .sm\:stack-none > * + * { margin-top: 0; } .sm\:stack-px > * + * { margin-top: 1px; } .sm\:stack-4xs > * + * { margin-top: var(--space-4xs); } .sm\:stack-3xs > * + * { margin-top: var(--space-3xs); } .sm\:stack-2xs > * + * { margin-top: var(--space-2xs); } .sm\:stack-xs > * + * { margin-top: var(--space-xs); } .sm\:stack-sm > * + * { margin-top: var(--space-sm); } .sm\:stack-md > * + * { margin-top: var(--space-md); } .sm\:stack-lg > * + * { margin-top: var(--space-lg); } .sm\:stack-xl > * + * { margin-top: var(--space-xl); } .sm\:stack-2xl > * + * { margin-top: var(--space-2xl); } .sm\:stack-3xl > * + * { margin-top: var(--space-3xl); } .sm\:stack-4xl > * + * { margin-top: var(--space-4xl); } .sm\:inline { display: inline; } .sm\:block { display: block; } .sm\:inline-block { display: inline-block; } .sm\:contents { display: contents; } .sm\:flow-root { display: flow-root; } .sm\:list-item { display: list-item; } .sm\:hidden { display: none; } .sm\:visible { visibility: visible; } .sm\:invisible { visibility: hidden; } .sm\:backface-visible { backface-visibility: visible; } .sm\:backface-hidden { backface-visibility: hidden; } .sm\:select-auto { -webkit-user-select: auto; user-select: auto; } .sm\:select-all { -webkit-user-select: all; user-select: all; } .sm\:select-text { -webkit-user-select: text; user-select: text; } .sm\:select-none { -webkit-user-select: none; user-select: none; } .sm\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sm\:text-clip { text-overflow: clip; } .sm\:sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sm\:text-primary { color: var(--color-text-primary); } .sm\:text-secondary { color: var(--color-text-secondary); } .sm\:text-xl { font-size: var(--text-xl); } .sm\:text-lg { font-size: var(--text-lg); } .sm\:text-md { font-size: var(--text-md); } .sm\:text-sm { font-size: var(--text-sm); } .sm\:measure-md { max-width: var(--measure-md); } .sm\:measure-lg { max-width: var(--measure-lg); } .sm\:leading-none { line-height: var(--line-height-none); } .sm\:leading-tight { line-height: var(--line-height-tight); } .sm\:leading-snug { line-height: var(--line-height-snug); } .sm\:leading-normal { line-height: var(--line-height-normal); } .sm\:leading-loose { line-height: var(--line-height-loose); } .sm\:tracking-loose { letter-spacing: var(--letter-spacing-loose); } .sm\:tracking-widest { letter-spacing: var(--letter-spacing-widest); } .sm\:tracking-wider { letter-spacing: var(--letter-spacing-wider); } .sm\:tracking-wide { letter-spacing: var(--letter-spacing-wide); } .sm\:tracking-normal { letter-spacing: var(--letter-spacing-normal); } .sm\:tracking-tight { letter-spacing: var(--letter-spacing-tight); } .sm\:tracking-tighter { letter-spacing: var(--letter-spacing-tighter); } .sm\:tracking-tightest { letter-spacing: var(--letter-spacing-tightest); } .sm\:min-h-screen { min-height: calc(100vh - 2 * var(--layout-gutter)); } .sm\:relative { position: relative; } .sm\:nowrap { white-space: nowrap; } .sm\:blend-exclusion { mix-blend-mode: exclusion; } .sm\:z-100 { z-index: 100; } .sm\:z-200 { z-index: 200; } .sm\:z-300 { z-index: 300; } .sm\:z-400 { z-index: 400; } .sm\:z-500 { z-index: 500; } .sm\:z-600 { z-index: 600; } .sm\:z-700 { z-index: 700; } .sm\:z-800 { z-index: 800; } .sm\:z-900 { z-index: 900; } .sm\:z-1000 { z-index: 1000; } } @media (min-width: 960px) { .md\:flex { display: flex; } .md\:inline-flex { display: inline-flex; } .md\:flex-inline { display: inline-flex; } .md\:flex-1 { flex: 1 1 0%; } .md\:flex-auto { flex: 1 1 auto; } .md\:flex-initial { flex: 0 1 auto; } .md\:flex-none { flex: none; } .md\:flex-row { flex-direction: row; } .md\:flex-row-reverse { flex-direction: row-reverse; } .md\:flex-col { flex-direction: column; } .md\:flex-col-reverse { flex-direction: column-reverse; } .md\:flex-wrap { flex-wrap: wrap; } .md\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:justify-start { justify-content: flex-start; } .md\:justify-end { justify-content: flex-end; } .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\:justify-left { justify-content: left; } .md\:justify-right { justify-content: right; } .md\:items-start { align-items: flex-start; } .md\:items-end { align-items: flex-end; } .md\:items-center { align-items: center; } .md\:items-baseline { align-items: baseline; } .md\:items-stretch { align-items: stretch; } .md\:gap-4xs { gap: var(--space-4xs); } .md\:gap-3xs { gap: var(--space-3xs); } .md\:gap-2xs { gap: var(--space-2xs); } .md\:gap-xs { gap: var(--space-xs); } .md\:gap-sm { gap: var(--space-sm); } .md\:gap-md { gap: var(--space-md); } .md\:gap-lg { gap: var(--space-lg); } .md\:gap-xl { gap: var(--space-xl); } .md\:gap-2xl { gap: var(--space-2xl); } .md\:gap-3xl { gap: var(--space-3xl); } .md\:gap-4xl { gap: var(--space-4xl); } .md\:gap-x-4xs { column-gap: var(--space-4xs); } .md\:gap-x-3xs { column-gap: var(--space-3xs); } .md\:gap-x-2xs { column-gap: var(--space-2xs); } .md\:gap-x-xs { column-gap: var(--space-xs); } .md\:gap-x-sm { column-gap: var(--space-sm); } .md\:gap-x-md { column-gap: var(--space-md); } .md\:gap-x-lg { column-gap: var(--space-lg); } .md\:gap-x-xl { column-gap: var(--space-xl); } .md\:gap-x-2xl { column-gap: var(--space-2xl); } .md\:gap-x-3xl { column-gap: var(--space-3xl); } .md\:gap-x-4xl { column-gap: var(--space-4xl); } .md\:gap-y-4xs { row-gap: var(--space-4xs); } .md\:gap-y-3xs { row-gap: var(--space-3xs); } .md\:gap-y-2xs { row-gap: var(--space-2xs); } .md\:gap-y-xs { row-gap: var(--space-xs); } .md\:gap-y-sm { row-gap: var(--space-sm); } .md\:gap-y-md { row-gap: var(--space-md); } .md\:gap-y-lg { row-gap: var(--space-lg); } .md\:gap-y-xl { row-gap: var(--space-xl); } .md\:gap-y-2xl { row-gap: var(--space-2xl); } .md\:gap-y-3xl { row-gap: var(--space-3xl); } .md\:gap-y-4xl { row-gap: var(--space-4xl); } .md\:grid { display: grid; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .md\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .md\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .md\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:col-auto { grid-column: auto; } .md\:col-full { grid-column: 1 / -1; } .md\:col-1 { grid-column: span 1 / span 1; } .md\:col-2 { grid-column: span 2 / span 2; } .md\:col-3 { grid-column: span 3 / span 3; } .md\:col-4 { grid-column: span 4 / span 4; } .md\:col-5 { grid-column: span 5 / span 5; } .md\:col-6 { grid-column: span 6 / span 6; } .md\:col-7 { grid-column: span 7 / span 7; } .md\:col-8 { grid-column: span 8 / span 8; } .md\:col-9 { grid-column: span 9 / span 9; } .md\:col-10 { grid-column: span 10 / span 10; } .md\:col-11 { grid-column: span 11 / span 11; } .md\:col-12 { grid-column: span 12 / span 12; } .md\:col-start-auto { grid-column-start: auto; } .md\:col-start-1 { grid-column-start: 1; } .md\:col-start-2 { grid-column-start: 2; } .md\:col-start-3 { grid-column-start: 3; } .md\:col-start-4 { grid-column-start: 4; } .md\:col-start-5 { grid-column-start: 5; } .md\:col-start-6 { grid-column-start: 6; } .md\:col-start-7 { grid-column-start: 7; } .md\:col-start-8 { grid-column-start: 8; } .md\:col-start-9 { grid-column-start: 9; } .md\:col-start-10 { grid-column-start: 10; } .md\:col-start-11 { grid-column-start: 11; } .md\:col-start-12 { grid-column-start: 12; } .md\:col-start-13 { grid-column-start: 13; } .md\:col-end-auto { grid-column-end: auto; } .md\:col-end-1 { grid-column-end: 1; } .md\:col-end-2 { grid-column-end: 2; } .md\:col-end-3 { grid-column-end: 3; } .md\:col-end-4 { grid-column-end: 4; } .md\:col-end-5 { grid-column-end: 5; } .md\:col-end-6 { grid-column-end: 6; } .md\:col-end-7 { grid-column-end: 7; } .md\:col-end-8 { grid-column-end: 8; } .md\:col-end-9 { grid-column-end: 9; } .md\:col-end-10 { grid-column-end: 10; } .md\:col-end-11 { grid-column-end: 11; } .md\:col-end-12 { grid-column-end: 12; } .md\:col-end-13 { grid-column-end: 13; } .md\:m-auto { margin: auto; } .md\:m-none { margin: 0; } .md\:m-px { margin: 1px; } .md\:m-4xs { margin: var(--space-4xs); } .md\:m-3xs { margin: var(--space-3xs); } .md\:m-2xs { margin: var(--space-2xs); } .md\:m-xs { margin: var(--space-xs); } .md\:m-sm { margin: var(--space-sm); } .md\:m-md { margin: var(--space-md); } .md\:m-lg { margin: var(--space-lg); } .md\:m-xl { margin: var(--space-xl); } .md\:m-2xl { margin: var(--space-2xl); } .md\:m-3xl { margin: var(--space-3xl); } .md\:m-4xl { margin: var(--space-4xl); } .md\:mx-auto { margin-right: auto; margin-left: auto; } .md\:mx-none { margin-right: 0; margin-left: 0; } .md\:mx-px { margin-right: 1px; margin-left: 1px; } .md\:mx-4xs { margin-right: var(--space-4xs); margin-left: var(--space-4xs); } .md\:mx-3xs { margin-right: var(--space-3xs); margin-left: var(--space-3xs); } .md\:mx-2xs { margin-right: var(--space-2xs); margin-left: var(--space-2xs); } .md\:mx-xs { margin-right: var(--space-xs); margin-left: var(--space-xs); } .md\:mx-sm { margin-right: var(--space-sm); margin-left: var(--space-sm); } .md\:mx-md { margin-right: var(--space-md); margin-left: var(--space-md); } .md\:mx-lg { margin-right: var(--space-lg); margin-left: var(--space-lg); } .md\:mx-xl { margin-right: var(--space-xl); margin-left: var(--space-xl); } .md\:mx-2xl { margin-right: var(--space-2xl); margin-left: var(--space-2xl); } .md\:mx-3xl { margin-right: var(--space-3xl); margin-left: var(--space-3xl); } .md\:mx-4xl { margin-right: var(--space-4xl); margin-left: var(--space-4xl); } .md\:my-auto { margin-top: auto; margin-bottom: auto; } .md\:my-none { margin-top: 0; margin-bottom: 0; } .md\:my-px { margin-top: 1px; margin-bottom: 1px; } .md\:my-4xs { margin-top: var(--space-4xs); margin-bottom: var(--space-4xs); } .md\:my-3xs { margin-top: var(--space-3xs); margin-bottom: var(--space-3xs); } .md\:my-2xs { margin-top: var(--space-2xs); margin-bottom: var(--space-2xs); } .md\:my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); } .md\:my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); } .md\:my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); } .md\:my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); } .md\:my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); } .md\:my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); } .md\:my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); } .md\:my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); } .md\:mt-auto { margin-top: auto; } .md\:mt-none { margin-top: 0; } .md\:mt-px { margin-top: 1px; } .md\:mt-4xs { margin-top: var(--space-4xs); } .md\:mt-3xs { margin-top: var(--space-3xs); } .md\:mt-2xs { margin-top: var(--space-2xs); } .md\:mt-xs { margin-top: var(--space-xs); } .md\:mt-sm { margin-top: var(--space-sm); } .md\:mt-md { margin-top: var(--space-md); } .md\:mt-lg { margin-top: var(--space-lg); } .md\:mt-xl { margin-top: var(--space-xl); } .md\:mt-2xl { margin-top: var(--space-2xl); } .md\:mt-3xl { margin-top: var(--space-3xl); } .md\:mt-4xl { margin-top: var(--space-4xl); } .md\:mr-auto { margin-right: auto; } .md\:mr-none { margin-right: 0; } .md\:mr-px { margin-right: 1px; } .md\:mr-4xs { margin-right: var(--space-4xs); } .md\:mr-3xs { margin-right: var(--space-3xs); } .md\:mr-2xs { margin-right: var(--space-2xs); } .md\:mr-xs { margin-right: var(--space-xs); } .md\:mr-sm { margin-right: var(--space-sm); } .md\:mr-md { margin-right: var(--space-md); } .md\:mr-lg { margin-right: var(--space-lg); } .md\:mr-xl { margin-right: var(--space-xl); } .md\:mr-2xl { margin-right: var(--space-2xl); } .md\:mr-3xl { margin-right: var(--space-3xl); } .md\:mr-4xl { margin-right: var(--space-4xl); } .md\:mb-auto { margin-bottom: auto; } .md\:mb-none { margin-bottom: 0; } .md\:mb-px { margin-bottom: 1px; } .md\:mb-4xs { margin-bottom: var(--space-4xs); } .md\:mb-3xs { margin-bottom: var(--space-3xs); } .md\:mb-2xs { margin-bottom: var(--space-2xs); } .md\:mb-xs { margin-bottom: var(--space-xs); } .md\:mb-sm { margin-bottom: var(--space-sm); } .md\:mb-md { margin-bottom: var(--space-md); } .md\:mb-lg { margin-bottom: var(--space-lg); } .md\:mb-xl { margin-bottom: var(--space-xl); } .md\:mb-2xl { margin-bottom: var(--space-2xl); } .md\:mb-3xl { margin-bottom: var(--space-3xl); } .md\:mb-4xl { margin-bottom: var(--space-4xl); } .md\:ml-auto { margin-left: auto; } .md\:ml-none { margin-left: 0; } .md\:ml-px { margin-left: 1px; } .md\:ml-4xs { margin-left: var(--space-4xs); } .md\:ml-3xs { margin-left: var(--space-3xs); } .md\:ml-2xs { margin-left: var(--space-2xs); } .md\:ml-xs { margin-left: var(--space-xs); } .md\:ml-sm { margin-left: var(--space-sm); } .md\:ml-md { margin-left: var(--space-md); } .md\:ml-lg { margin-left: var(--space-lg); } .md\:ml-xl { margin-left: var(--space-xl); } .md\:ml-2xl { margin-left: var(--space-2xl); } .md\:ml-3xl { margin-left: var(--space-3xl); } .md\:ml-4xl { margin-left: var(--space-4xl); } .md\:p-auto { margin: auto; } .md\:p-none { margin: 0; } .md\:p-px { margin: 1px; } .md\:p-4xs { margin: var(--space-4xs); } .md\:p-3xs { margin: var(--space-3xs); } .md\:p-2xs { margin: var(--space-2xs); } .md\:p-xs { margin: var(--space-xs); } .md\:p-sm { margin: var(--space-sm); } .md\:p-md { margin: var(--space-md); } .md\:p-lg { margin: var(--space-lg); } .md\:p-xl { margin: var(--space-xl); } .md\:p-2xl { margin: var(--space-2xl); } .md\:p-3xl { margin: var(--space-3xl); } .md\:p-4xl { margin: var(--space-4xl); } .md\:px-auto { padding-right: auto; padding-left: auto; } .md\:px-none { padding-right: 0; padding-left: 0; } .md\:px-px { padding-right: 1px; padding-left: 1px; } .md\:px-4xs { padding-right: var(--space-4xs); padding-left: var(--space-4xs); } .md\:px-3xs { padding-right: var(--space-3xs); padding-left: var(--space-3xs); } .md\:px-2xs { padding-right: var(--space-2xs); padding-left: var(--space-2xs); } .md\:px-xs { padding-right: var(--space-xs); padding-left: var(--space-xs); } .md\:px-sm { padding-right: var(--space-sm); padding-left: var(--space-sm); } .md\:px-md { padding-right: var(--space-md); padding-left: var(--space-md); } .md\:px-lg { padding-right: var(--space-lg); padding-left: var(--space-lg); } .md\:px-xl { padding-right: var(--space-xl); padding-left: var(--space-xl); } .md\:px-2xl { padding-right: var(--space-2xl); padding-left: var(--space-2xl); } .md\:px-3xl { padding-right: var(--space-3xl); padding-left: var(--space-3xl); } .md\:px-4xl { padding-right: var(--space-4xl); padding-left: var(--space-4xl); } .md\:py-auto { padding-top: auto; padding-bottom: auto; } .md\:py-none { padding-top: 0; padding-bottom: 0; } .md\:py-px { padding-top: 1px; padding-bottom: 1px; } .md\:py-4xs { padding-top: var(--space-4xs); padding-bottom: var(--space-4xs); } .md\:py-3xs { padding-top: var(--space-3xs); padding-bottom: var(--space-3xs); } .md\:py-2xs { padding-top: var(--space-2xs); padding-bottom: var(--space-2xs); } .md\:py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); } .md\:py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); } .md\:py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); } .md\:py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } .md\:py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } .md\:py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } .md\:py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); } .md\:py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); } .md\:pt-auto { padding-top: auto; } .md\:pt-none { padding-top: 0; } .md\:pt-px { padding-top: 1px; } .md\:pt-4xs { padding-top: var(--space-4xs); } .md\:pt-3xs { padding-top: var(--space-3xs); } .md\:pt-2xs { padding-top: var(--space-2xs); } .md\:pt-xs { padding-top: var(--space-xs); } .md\:pt-sm { padding-top: var(--space-sm); } .md\:pt-md { padding-top: var(--space-md); } .md\:pt-lg { padding-top: var(--space-lg); } .md\:pt-xl { padding-top: var(--space-xl); } .md\:pt-2xl { padding-top: var(--space-2xl); } .md\:pt-3xl { padding-top: var(--space-3xl); } .md\:pt-4xl { padding-top: var(--space-4xl); } .md\:pr-auto { padding-right: auto; } .md\:pr-none { padding-right: 0; } .md\:pr-px { padding-right: 1px; } .md\:pr-4xs { padding-right: var(--space-4xs); } .md\:pr-3xs { padding-right: var(--space-3xs); } .md\:pr-2xs { padding-right: var(--space-2xs); } .md\:pr-xs { padding-right: var(--space-xs); } .md\:pr-sm { padding-right: var(--space-sm); } .md\:pr-md { padding-right: var(--space-md); } .md\:pr-lg { padding-right: var(--space-lg); } .md\:pr-xl { padding-right: var(--space-xl); } .md\:pr-2xl { padding-right: var(--space-2xl); } .md\:pr-3xl { padding-right: var(--space-3xl); } .md\:pr-4xl { padding-right: var(--space-4xl); } .md\:pb-auto { padding-bottom: auto; } .md\:pb-none { padding-bottom: 0; } .md\:pb-px { padding-bottom: 1px; } .md\:pb-4xs { padding-bottom: var(--space-4xs); } .md\:pb-3xs { padding-bottom: var(--space-3xs); } .md\:pb-2xs { padding-bottom: var(--space-2xs); } .md\:pb-xs { padding-bottom: var(--space-xs); } .md\:pb-sm { padding-bottom: var(--space-sm); } .md\:pb-md { padding-bottom: var(--space-md); } .md\:pb-lg { padding-bottom: var(--space-lg); } .md\:pb-xl { padding-bottom: var(--space-xl); } .md\:pb-2xl { padding-bottom: var(--space-2xl); } .md\:pb-3xl { padding-bottom: var(--space-3xl); } .md\:pb-4xl { padding-bottom: var(--space-4xl); } .md\:pl-auto { padding-left: auto; } .md\:pl-none { padding-left: 0; } .md\:pl-px { padding-left: 1px; } .md\:pl-4xs { padding-left: var(--space-4xs); } .md\:pl-3xs { padding-left: var(--space-3xs); } .md\:pl-2xs { padding-left: var(--space-2xs); } .md\:pl-xs { padding-left: var(--space-xs); } .md\:pl-sm { padding-left: var(--space-sm); } .md\:pl-md { padding-left: var(--space-md); } .md\:pl-lg { padding-left: var(--space-lg); } .md\:pl-xl { padding-left: var(--space-xl); } .md\:pl-2xl { padding-left: var(--space-2xl); } .md\:pl-3xl { padding-left: var(--space-3xl); } .md\:pl-4xl { padding-left: var(--space-4xl); } .md\:stack-auto > * + * { margin-top: auto; } .md\:stack-none > * + * { margin-top: 0; } .md\:stack-px > * + * { margin-top: 1px; } .md\:stack-4xs > * + * { margin-top: var(--space-4xs); } .md\:stack-3xs > * + * { margin-top: var(--space-3xs); } .md\:stack-2xs > * + * { margin-top: var(--space-2xs); } .md\:stack-xs > * + * { margin-top: var(--space-xs); } .md\:stack-sm > * + * { margin-top: var(--space-sm); } .md\:stack-md > * + * { margin-top: var(--space-md); } .md\:stack-lg > * + * { margin-top: var(--space-lg); } .md\:stack-xl > * + * { margin-top: var(--space-xl); } .md\:stack-2xl > * + * { margin-top: var(--space-2xl); } .md\:stack-3xl > * + * { margin-top: var(--space-3xl); } .md\:stack-4xl > * + * { margin-top: var(--space-4xl); } .md\:inline { display: inline; } .md\:block { display: block; } .md\:inline-block { display: inline-block; } .md\:contents { display: contents; } .md\:flow-root { display: flow-root; } .md\:list-item { display: list-item; } .md\:hidden { display: none; } .md\:visible { visibility: visible; } .md\:invisible { visibility: hidden; } .md\:backface-visible { backface-visibility: visible; } .md\:backface-hidden { backface-visibility: hidden; } .md\:select-auto { -webkit-user-select: auto; user-select: auto; } .md\:select-all { -webkit-user-select: all; user-select: all; } .md\:select-text { -webkit-user-select: text; user-select: text; } .md\:select-none { -webkit-user-select: none; user-select: none; } .md\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .md\:text-clip { text-overflow: clip; } .md\:sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .md\:text-primary { color: var(--color-text-primary); } .md\:text-secondary { color: var(--color-text-secondary); } .md\:text-xl { font-size: var(--text-xl); } .md\:text-lg { font-size: var(--text-lg); } .md\:text-md { font-size: var(--text-md); } .md\:text-sm { font-size: var(--text-sm); } .md\:measure-md { max-width: var(--measure-md); } .md\:measure-lg { max-width: var(--measure-lg); } .md\:leading-none { line-height: var(--line-height-none); } .md\:leading-tight { line-height: var(--line-height-tight); } .md\:leading-snug { line-height: var(--line-height-snug); } .md\:leading-normal { line-height: var(--line-height-normal); } .md\:leading-loose { line-height: var(--line-height-loose); } .md\:tracking-loose { letter-spacing: var(--letter-spacing-loose); } .md\:tracking-widest { letter-spacing: var(--letter-spacing-widest); } .md\:tracking-wider { letter-spacing: var(--letter-spacing-wider); } .md\:tracking-wide { letter-spacing: var(--letter-spacing-wide); } .md\:tracking-normal { letter-spacing: var(--letter-spacing-normal); } .md\:tracking-tight { letter-spacing: var(--letter-spacing-tight); } .md\:tracking-tighter { letter-spacing: var(--letter-spacing-tighter); } .md\:tracking-tightest { letter-spacing: var(--letter-spacing-tightest); } .md\:min-h-screen { min-height: calc(100vh - 2 * var(--layout-gutter)); } .md\:relative { position: relative; } .md\:nowrap { white-space: nowrap; } .md\:blend-exclusion { mix-blend-mode: exclusion; } .md\:z-100 { z-index: 100; } .md\:z-200 { z-index: 200; } .md\:z-300 { z-index: 300; } .md\:z-400 { z-index: 400; } .md\:z-500 { z-index: 500; } .md\:z-600 { z-index: 600; } .md\:z-700 { z-index: 700; } .md\:z-800 { z-index: 800; } .md\:z-900 { z-index: 900; } .md\:z-1000 { z-index: 1000; } } @media (min-width: 1200px) { .lg\:flex { display: flex; } .lg\:inline-flex { display: inline-flex; } .lg\:flex-inline { display: inline-flex; } .lg\:flex-1 { flex: 1 1 0%; } .lg\:flex-auto { flex: 1 1 auto; } .lg\:flex-initial { flex: 0 1 auto; } .lg\:flex-none { flex: none; } .lg\:flex-row { flex-direction: row; } .lg\:flex-row-reverse { flex-direction: row-reverse; } .lg\:flex-col { flex-direction: column; } .lg\:flex-col-reverse { flex-direction: column-reverse; } .lg\:flex-wrap { flex-wrap: wrap; } .lg\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .lg\:flex-nowrap { flex-wrap: nowrap; } .lg\:justify-start { justify-content: flex-start; } .lg\:justify-end { justify-content: flex-end; } .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\:justify-left { justify-content: left; } .lg\:justify-right { justify-content: right; } .lg\:items-start { align-items: flex-start; } .lg\:items-end { align-items: flex-end; } .lg\:items-center { align-items: center; } .lg\:items-baseline { align-items: baseline; } .lg\:items-stretch { align-items: stretch; } .lg\:gap-4xs { gap: var(--space-4xs); } .lg\:gap-3xs { gap: var(--space-3xs); } .lg\:gap-2xs { gap: var(--space-2xs); } .lg\:gap-xs { gap: var(--space-xs); } .lg\:gap-sm { gap: var(--space-sm); } .lg\:gap-md { gap: var(--space-md); } .lg\:gap-lg { gap: var(--space-lg); } .lg\:gap-xl { gap: var(--space-xl); } .lg\:gap-2xl { gap: var(--space-2xl); } .lg\:gap-3xl { gap: var(--space-3xl); } .lg\:gap-4xl { gap: var(--space-4xl); } .lg\:gap-x-4xs { column-gap: var(--space-4xs); } .lg\:gap-x-3xs { column-gap: var(--space-3xs); } .lg\:gap-x-2xs { column-gap: var(--space-2xs); } .lg\:gap-x-xs { column-gap: var(--space-xs); } .lg\:gap-x-sm { column-gap: var(--space-sm); } .lg\:gap-x-md { column-gap: var(--space-md); } .lg\:gap-x-lg { column-gap: var(--space-lg); } .lg\:gap-x-xl { column-gap: var(--space-xl); } .lg\:gap-x-2xl { column-gap: var(--space-2xl); } .lg\:gap-x-3xl { column-gap: var(--space-3xl); } .lg\:gap-x-4xl { column-gap: var(--space-4xl); } .lg\:gap-y-4xs { row-gap: var(--space-4xs); } .lg\:gap-y-3xs { row-gap: var(--space-3xs); } .lg\:gap-y-2xs { row-gap: var(--space-2xs); } .lg\:gap-y-xs { row-gap: var(--space-xs); } .lg\:gap-y-sm { row-gap: var(--space-sm); } .lg\:gap-y-md { row-gap: var(--space-md); } .lg\:gap-y-lg { row-gap: var(--space-lg); } .lg\:gap-y-xl { row-gap: var(--space-xl); } .lg\:gap-y-2xl { row-gap: var(--space-2xl); } .lg\:gap-y-3xl { row-gap: var(--space-3xl); } .lg\:gap-y-4xl { row-gap: var(--space-4xl); } .lg\:grid { display: grid; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .lg\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .lg\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .lg\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:col-auto { grid-column: auto; } .lg\:col-full { grid-column: 1 / -1; } .lg\:col-1 { grid-column: span 1 / span 1; } .lg\:col-2 { grid-column: span 2 / span 2; } .lg\:col-3 { grid-column: span 3 / span 3; } .lg\:col-4 { grid-column: span 4 / span 4; } .lg\:col-5 { grid-column: span 5 / span 5; } .lg\:col-6 { grid-column: span 6 / span 6; } .lg\:col-7 { grid-column: span 7 / span 7; } .lg\:col-8 { grid-column: span 8 / span 8; } .lg\:col-9 { grid-column: span 9 / span 9; } .lg\:col-10 { grid-column: span 10 / span 10; } .lg\:col-11 { grid-column: span 11 / span 11; } .lg\:col-12 { grid-column: span 12 / span 12; } .lg\:col-start-auto { grid-column-start: auto; } .lg\:col-start-1 { grid-column-start: 1; } .lg\:col-start-2 { grid-column-start: 2; } .lg\:col-start-3 { grid-column-start: 3; } .lg\:col-start-4 { grid-column-start: 4; } .lg\:col-start-5 { grid-column-start: 5; } .lg\:col-start-6 { grid-column-start: 6; } .lg\:col-start-7 { grid-column-start: 7; } .lg\:col-start-8 { grid-column-start: 8; } .lg\:col-start-9 { grid-column-start: 9; } .lg\:col-start-10 { grid-column-start: 10; } .lg\:col-start-11 { grid-column-start: 11; } .lg\:col-start-12 { grid-column-start: 12; } .lg\:col-start-13 { grid-column-start: 13; } .lg\:col-end-auto { grid-column-end: auto; } .lg\:col-end-1 { grid-column-end: 1; } .lg\:col-end-2 { grid-column-end: 2; } .lg\:col-end-3 { grid-column-end: 3; } .lg\:col-end-4 { grid-column-end: 4; } .lg\:col-end-5 { grid-column-end: 5; } .lg\:col-end-6 { grid-column-end: 6; } .lg\:col-end-7 { grid-column-end: 7; } .lg\:col-end-8 { grid-column-end: 8; } .lg\:col-end-9 { grid-column-end: 9; } .lg\:col-end-10 { grid-column-end: 10; } .lg\:col-end-11 { grid-column-end: 11; } .lg\:col-end-12 { grid-column-end: 12; } .lg\:col-end-13 { grid-column-end: 13; } .lg\:m-auto { margin: auto; } .lg\:m-none { margin: 0; } .lg\:m-px { margin: 1px; } .lg\:m-4xs { margin: var(--space-4xs); } .lg\:m-3xs { margin: var(--space-3xs); } .lg\:m-2xs { margin: var(--space-2xs); } .lg\:m-xs { margin: var(--space-xs); } .lg\:m-sm { margin: var(--space-sm); } .lg\:m-md { margin: var(--space-md); } .lg\:m-lg { margin: var(--space-lg); } .lg\:m-xl { margin: var(--space-xl); } .lg\:m-2xl { margin: var(--space-2xl); } .lg\:m-3xl { margin: var(--space-3xl); } .lg\:m-4xl { margin: var(--space-4xl); } .lg\:mx-auto { margin-right: auto; margin-left: auto; } .lg\:mx-none { margin-right: 0; margin-left: 0; } .lg\:mx-px { margin-right: 1px; margin-left: 1px; } .lg\:mx-4xs { margin-right: var(--space-4xs); margin-left: var(--space-4xs); } .lg\:mx-3xs { margin-right: var(--space-3xs); margin-left: var(--space-3xs); } .lg\:mx-2xs { margin-right: var(--space-2xs); margin-left: var(--space-2xs); } .lg\:mx-xs { margin-right: var(--space-xs); margin-left: var(--space-xs); } .lg\:mx-sm { margin-right: var(--space-sm); margin-left: var(--space-sm); } .lg\:mx-md { margin-right: var(--space-md); margin-left: var(--space-md); } .lg\:mx-lg { margin-right: var(--space-lg); margin-left: var(--space-lg); } .lg\:mx-xl { margin-right: var(--space-xl); margin-left: var(--space-xl); } .lg\:mx-2xl { margin-right: var(--space-2xl); margin-left: var(--space-2xl); } .lg\:mx-3xl { margin-right: var(--space-3xl); margin-left: var(--space-3xl); } .lg\:mx-4xl { margin-right: var(--space-4xl); margin-left: var(--space-4xl); } .lg\:my-auto { margin-top: auto; margin-bottom: auto; } .lg\:my-none { margin-top: 0; margin-bottom: 0; } .lg\:my-px { margin-top: 1px; margin-bottom: 1px; } .lg\:my-4xs { margin-top: var(--space-4xs); margin-bottom: var(--space-4xs); } .lg\:my-3xs { margin-top: var(--space-3xs); margin-bottom: var(--space-3xs); } .lg\:my-2xs { margin-top: var(--space-2xs); margin-bottom: var(--space-2xs); } .lg\:my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); } .lg\:my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); } .lg\:my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); } .lg\:my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); } .lg\:my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); } .lg\:my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); } .lg\:my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); } .lg\:my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); } .lg\:mt-auto { margin-top: auto; } .lg\:mt-none { margin-top: 0; } .lg\:mt-px { margin-top: 1px; } .lg\:mt-4xs { margin-top: var(--space-4xs); } .lg\:mt-3xs { margin-top: var(--space-3xs); } .lg\:mt-2xs { margin-top: var(--space-2xs); } .lg\:mt-xs { margin-top: var(--space-xs); } .lg\:mt-sm { margin-top: var(--space-sm); } .lg\:mt-md { margin-top: var(--space-md); } .lg\:mt-lg { margin-top: var(--space-lg); } .lg\:mt-xl { margin-top: var(--space-xl); } .lg\:mt-2xl { margin-top: var(--space-2xl); } .lg\:mt-3xl { margin-top: var(--space-3xl); } .lg\:mt-4xl { margin-top: var(--space-4xl); } .lg\:mr-auto { margin-right: auto; } .lg\:mr-none { margin-right: 0; } .lg\:mr-px { margin-right: 1px; } .lg\:mr-4xs { margin-right: var(--space-4xs); } .lg\:mr-3xs { margin-right: var(--space-3xs); } .lg\:mr-2xs { margin-right: var(--space-2xs); } .lg\:mr-xs { margin-right: var(--space-xs); } .lg\:mr-sm { margin-right: var(--space-sm); } .lg\:mr-md { margin-right: var(--space-md); } .lg\:mr-lg { margin-right: var(--space-lg); } .lg\:mr-xl { margin-right: var(--space-xl); } .lg\:mr-2xl { margin-right: var(--space-2xl); } .lg\:mr-3xl { margin-right: var(--space-3xl); } .lg\:mr-4xl { margin-right: var(--space-4xl); } .lg\:mb-auto { margin-bottom: auto; } .lg\:mb-none { margin-bottom: 0; } .lg\:mb-px { margin-bottom: 1px; } .lg\:mb-4xs { margin-bottom: var(--space-4xs); } .lg\:mb-3xs { margin-bottom: var(--space-3xs); } .lg\:mb-2xs { margin-bottom: var(--space-2xs); } .lg\:mb-xs { margin-bottom: var(--space-xs); } .lg\:mb-sm { margin-bottom: var(--space-sm); } .lg\:mb-md { margin-bottom: var(--space-md); } .lg\:mb-lg { margin-bottom: var(--space-lg); } .lg\:mb-xl { margin-bottom: var(--space-xl); } .lg\:mb-2xl { margin-bottom: var(--space-2xl); } .lg\:mb-3xl { margin-bottom: var(--space-3xl); } .lg\:mb-4xl { margin-bottom: var(--space-4xl); } .lg\:ml-auto { margin-left: auto; } .lg\:ml-none { margin-left: 0; } .lg\:ml-px { margin-left: 1px; } .lg\:ml-4xs { margin-left: var(--space-4xs); } .lg\:ml-3xs { margin-left: var(--space-3xs); } .lg\:ml-2xs { margin-left: var(--space-2xs); } .lg\:ml-xs { margin-left: var(--space-xs); } .lg\:ml-sm { margin-left: var(--space-sm); } .lg\:ml-md { margin-left: var(--space-md); } .lg\:ml-lg { margin-left: var(--space-lg); } .lg\:ml-xl { margin-left: var(--space-xl); } .lg\:ml-2xl { margin-left: var(--space-2xl); } .lg\:ml-3xl { margin-left: var(--space-3xl); } .lg\:ml-4xl { margin-left: var(--space-4xl); } .lg\:p-auto { margin: auto; } .lg\:p-none { margin: 0; } .lg\:p-px { margin: 1px; } .lg\:p-4xs { margin: var(--space-4xs); } .lg\:p-3xs { margin: var(--space-3xs); } .lg\:p-2xs { margin: var(--space-2xs); } .lg\:p-xs { margin: var(--space-xs); } .lg\:p-sm { margin: var(--space-sm); } .lg\:p-md { margin: var(--space-md); } .lg\:p-lg { margin: var(--space-lg); } .lg\:p-xl { margin: var(--space-xl); } .lg\:p-2xl { margin: var(--space-2xl); } .lg\:p-3xl { margin: var(--space-3xl); } .lg\:p-4xl { margin: var(--space-4xl); } .lg\:px-auto { padding-right: auto; padding-left: auto; } .lg\:px-none { padding-right: 0; padding-left: 0; } .lg\:px-px { padding-right: 1px; padding-left: 1px; } .lg\:px-4xs { padding-right: var(--space-4xs); padding-left: var(--space-4xs); } .lg\:px-3xs { padding-right: var(--space-3xs); padding-left: var(--space-3xs); } .lg\:px-2xs { padding-right: var(--space-2xs); padding-left: var(--space-2xs); } .lg\:px-xs { padding-right: var(--space-xs); padding-left: var(--space-xs); } .lg\:px-sm { padding-right: var(--space-sm); padding-left: var(--space-sm); } .lg\:px-md { padding-right: var(--space-md); padding-left: var(--space-md); } .lg\:px-lg { padding-right: var(--space-lg); padding-left: var(--space-lg); } .lg\:px-xl { padding-right: var(--space-xl); padding-left: var(--space-xl); } .lg\:px-2xl { padding-right: var(--space-2xl); padding-left: var(--space-2xl); } .lg\:px-3xl { padding-right: var(--space-3xl); padding-left: var(--space-3xl); } .lg\:px-4xl { padding-right: var(--space-4xl); padding-left: var(--space-4xl); } .lg\:py-auto { padding-top: auto; padding-bottom: auto; } .lg\:py-none { padding-top: 0; padding-bottom: 0; } .lg\:py-px { padding-top: 1px; padding-bottom: 1px; } .lg\:py-4xs { padding-top: var(--space-4xs); padding-bottom: var(--space-4xs); } .lg\:py-3xs { padding-top: var(--space-3xs); padding-bottom: var(--space-3xs); } .lg\:py-2xs { padding-top: var(--space-2xs); padding-bottom: var(--space-2xs); } .lg\:py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); } .lg\:py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); } .lg\:py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); } .lg\:py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } .lg\:py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } .lg\:py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } .lg\:py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); } .lg\:py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); } .lg\:pt-auto { padding-top: auto; } .lg\:pt-none { padding-top: 0; } .lg\:pt-px { padding-top: 1px; } .lg\:pt-4xs { padding-top: var(--space-4xs); } .lg\:pt-3xs { padding-top: var(--space-3xs); } .lg\:pt-2xs { padding-top: var(--space-2xs); } .lg\:pt-xs { padding-top: var(--space-xs); } .lg\:pt-sm { padding-top: var(--space-sm); } .lg\:pt-md { padding-top: var(--space-md); } .lg\:pt-lg { padding-top: var(--space-lg); } .lg\:pt-xl { padding-top: var(--space-xl); } .lg\:pt-2xl { padding-top: var(--space-2xl); } .lg\:pt-3xl { padding-top: var(--space-3xl); } .lg\:pt-4xl { padding-top: var(--space-4xl); } .lg\:pr-auto { padding-right: auto; } .lg\:pr-none { padding-right: 0; } .lg\:pr-px { padding-right: 1px; } .lg\:pr-4xs { padding-right: var(--space-4xs); } .lg\:pr-3xs { padding-right: var(--space-3xs); } .lg\:pr-2xs { padding-right: var(--space-2xs); } .lg\:pr-xs { padding-right: var(--space-xs); } .lg\:pr-sm { padding-right: var(--space-sm); } .lg\:pr-md { padding-right: var(--space-md); } .lg\:pr-lg { padding-right: var(--space-lg); } .lg\:pr-xl { padding-right: var(--space-xl); } .lg\:pr-2xl { padding-right: var(--space-2xl); } .lg\:pr-3xl { padding-right: var(--space-3xl); } .lg\:pr-4xl { padding-right: var(--space-4xl); } .lg\:pb-auto { padding-bottom: auto; } .lg\:pb-none { padding-bottom: 0; } .lg\:pb-px { padding-bottom: 1px; } .lg\:pb-4xs { padding-bottom: var(--space-4xs); } .lg\:pb-3xs { padding-bottom: var(--space-3xs); } .lg\:pb-2xs { padding-bottom: var(--space-2xs); } .lg\:pb-xs { padding-bottom: var(--space-xs); } .lg\:pb-sm { padding-bottom: var(--space-sm); } .lg\:pb-md { padding-bottom: var(--space-md); } .lg\:pb-lg { padding-bottom: var(--space-lg); } .lg\:pb-xl { padding-bottom: var(--space-xl); } .lg\:pb-2xl { padding-bottom: var(--space-2xl); } .lg\:pb-3xl { padding-bottom: var(--space-3xl); } .lg\:pb-4xl { padding-bottom: var(--space-4xl); } .lg\:pl-auto { padding-left: auto; } .lg\:pl-none { padding-left: 0; } .lg\:pl-px { padding-left: 1px; } .lg\:pl-4xs { padding-left: var(--space-4xs); } .lg\:pl-3xs { padding-left: var(--space-3xs); } .lg\:pl-2xs { padding-left: var(--space-2xs); } .lg\:pl-xs { padding-left: var(--space-xs); } .lg\:pl-sm { padding-left: var(--space-sm); } .lg\:pl-md { padding-left: var(--space-md); } .lg\:pl-lg { padding-left: var(--space-lg); } .lg\:pl-xl { padding-left: var(--space-xl); } .lg\:pl-2xl { padding-left: var(--space-2xl); } .lg\:pl-3xl { padding-left: var(--space-3xl); } .lg\:pl-4xl { padding-left: var(--space-4xl); } .lg\:stack-auto > * + * { margin-top: auto; } .lg\:stack-none > * + * { margin-top: 0; } .lg\:stack-px > * + * { margin-top: 1px; } .lg\:stack-4xs > * + * { margin-top: var(--space-4xs); } .lg\:stack-3xs > * + * { margin-top: var(--space-3xs); } .lg\:stack-2xs > * + * { margin-top: var(--space-2xs); } .lg\:stack-xs > * + * { margin-top: var(--space-xs); } .lg\:stack-sm > * + * { margin-top: var(--space-sm); } .lg\:stack-md > * + * { margin-top: var(--space-md); } .lg\:stack-lg > * + * { margin-top: var(--space-lg); } .lg\:stack-xl > * + * { margin-top: var(--space-xl); } .lg\:stack-2xl > * + * { margin-top: var(--space-2xl); } .lg\:stack-3xl > * + * { margin-top: var(--space-3xl); } .lg\:stack-4xl > * + * { margin-top: var(--space-4xl); } .lg\:inline { display: inline; } .lg\:block { display: block; } .lg\:inline-block { display: inline-block; } .lg\:contents { display: contents; } .lg\:flow-root { display: flow-root; } .lg\:list-item { display: list-item; } .lg\:hidden { display: none; } .lg\:visible { visibility: visible; } .lg\:invisible { visibility: hidden; } .lg\:backface-visible { backface-visibility: visible; } .lg\:backface-hidden { backface-visibility: hidden; } .lg\:select-auto { -webkit-user-select: auto; user-select: auto; } .lg\:select-all { -webkit-user-select: all; user-select: all; } .lg\:select-text { -webkit-user-select: text; user-select: text; } .lg\:select-none { -webkit-user-select: none; user-select: none; } .lg\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lg\:text-clip { text-overflow: clip; } .lg\:sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .lg\:text-primary { color: var(--color-text-primary); } .lg\:text-secondary { color: var(--color-text-secondary); } .lg\:text-xl { font-size: var(--text-xl); } .lg\:text-lg { font-size: var(--text-lg); } .lg\:text-md { font-size: var(--text-md); } .lg\:text-sm { font-size: var(--text-sm); } .lg\:measure-md { max-width: var(--measure-md); } .lg\:measure-lg { max-width: var(--measure-lg); } .lg\:leading-none { line-height: var(--line-height-none); } .lg\:leading-tight { line-height: var(--line-height-tight); } .lg\:leading-snug { line-height: var(--line-height-snug); } .lg\:leading-normal { line-height: var(--line-height-normal); } .lg\:leading-loose { line-height: var(--line-height-loose); } .lg\:tracking-loose { letter-spacing: var(--letter-spacing-loose); } .lg\:tracking-widest { letter-spacing: var(--letter-spacing-widest); } .lg\:tracking-wider { letter-spacing: var(--letter-spacing-wider); } .lg\:tracking-wide { letter-spacing: var(--letter-spacing-wide); } .lg\:tracking-normal { letter-spacing: var(--letter-spacing-normal); } .lg\:tracking-tight { letter-spacing: var(--letter-spacing-tight); } .lg\:tracking-tighter { letter-spacing: var(--letter-spacing-tighter); } .lg\:tracking-tightest { letter-spacing: var(--letter-spacing-tightest); } .lg\:min-h-screen { min-height: calc(100vh - 2 * var(--layout-gutter)); } .lg\:relative { position: relative; } .lg\:nowrap { white-space: nowrap; } .lg\:blend-exclusion { mix-blend-mode: exclusion; } .lg\:z-100 { z-index: 100; } .lg\:z-200 { z-index: 200; } .lg\:z-300 { z-index: 300; } .lg\:z-400 { z-index: 400; } .lg\:z-500 { z-index: 500; } .lg\:z-600 { z-index: 600; } .lg\:z-700 { z-index: 700; } .lg\:z-800 { z-index: 800; } .lg\:z-900 { z-index: 900; } .lg\:z-1000 { z-index: 1000; } } @media (min-width: 1550px) { .xl\:flex { display: flex; } .xl\:inline-flex { display: inline-flex; } .xl\:flex-inline { display: inline-flex; } .xl\:flex-1 { flex: 1 1 0%; } .xl\:flex-auto { flex: 1 1 auto; } .xl\:flex-initial { flex: 0 1 auto; } .xl\:flex-none { flex: none; } .xl\:flex-row { flex-direction: row; } .xl\:flex-row-reverse { flex-direction: row-reverse; } .xl\:flex-col { flex-direction: column; } .xl\:flex-col-reverse { flex-direction: column-reverse; } .xl\:flex-wrap { flex-wrap: wrap; } .xl\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .xl\:flex-nowrap { flex-wrap: nowrap; } .xl\:justify-start { justify-content: flex-start; } .xl\:justify-end { justify-content: flex-end; } .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\:justify-left { justify-content: left; } .xl\:justify-right { justify-content: right; } .xl\:items-start { align-items: flex-start; } .xl\:items-end { align-items: flex-end; } .xl\:items-center { align-items: center; } .xl\:items-baseline { align-items: baseline; } .xl\:items-stretch { align-items: stretch; } .xl\:gap-4xs { gap: var(--space-4xs); } .xl\:gap-3xs { gap: var(--space-3xs); } .xl\:gap-2xs { gap: var(--space-2xs); } .xl\:gap-xs { gap: var(--space-xs); } .xl\:gap-sm { gap: var(--space-sm); } .xl\:gap-md { gap: var(--space-md); } .xl\:gap-lg { gap: var(--space-lg); } .xl\:gap-xl { gap: var(--space-xl); } .xl\:gap-2xl { gap: var(--space-2xl); } .xl\:gap-3xl { gap: var(--space-3xl); } .xl\:gap-4xl { gap: var(--space-4xl); } .xl\:gap-x-4xs { column-gap: var(--space-4xs); } .xl\:gap-x-3xs { column-gap: var(--space-3xs); } .xl\:gap-x-2xs { column-gap: var(--space-2xs); } .xl\:gap-x-xs { column-gap: var(--space-xs); } .xl\:gap-x-sm { column-gap: var(--space-sm); } .xl\:gap-x-md { column-gap: var(--space-md); } .xl\:gap-x-lg { column-gap: var(--space-lg); } .xl\:gap-x-xl { column-gap: var(--space-xl); } .xl\:gap-x-2xl { column-gap: var(--space-2xl); } .xl\:gap-x-3xl { column-gap: var(--space-3xl); } .xl\:gap-x-4xl { column-gap: var(--space-4xl); } .xl\:gap-y-4xs { row-gap: var(--space-4xs); } .xl\:gap-y-3xs { row-gap: var(--space-3xs); } .xl\:gap-y-2xs { row-gap: var(--space-2xs); } .xl\:gap-y-xs { row-gap: var(--space-xs); } .xl\:gap-y-sm { row-gap: var(--space-sm); } .xl\:gap-y-md { row-gap: var(--space-md); } .xl\:gap-y-lg { row-gap: var(--space-lg); } .xl\:gap-y-xl { row-gap: var(--space-xl); } .xl\:gap-y-2xl { row-gap: var(--space-2xl); } .xl\:gap-y-3xl { row-gap: var(--space-3xl); } .xl\:gap-y-4xl { row-gap: var(--space-4xl); } .xl\:grid { display: grid; } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .xl\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .xl\:col-auto { grid-column: auto; } .xl\:col-full { grid-column: 1 / -1; } .xl\:col-1 { grid-column: span 1 / span 1; } .xl\:col-2 { grid-column: span 2 / span 2; } .xl\:col-3 { grid-column: span 3 / span 3; } .xl\:col-4 { grid-column: span 4 / span 4; } .xl\:col-5 { grid-column: span 5 / span 5; } .xl\:col-6 { grid-column: span 6 / span 6; } .xl\:col-7 { grid-column: span 7 / span 7; } .xl\:col-8 { grid-column: span 8 / span 8; } .xl\:col-9 { grid-column: span 9 / span 9; } .xl\:col-10 { grid-column: span 10 / span 10; } .xl\:col-11 { grid-column: span 11 / span 11; } .xl\:col-12 { grid-column: span 12 / span 12; } .xl\:col-start-auto { grid-column-start: auto; } .xl\:col-start-1 { grid-column-start: 1; } .xl\:col-start-2 { grid-column-start: 2; } .xl\:col-start-3 { grid-column-start: 3; } .xl\:col-start-4 { grid-column-start: 4; } .xl\:col-start-5 { grid-column-start: 5; } .xl\:col-start-6 { grid-column-start: 6; } .xl\:col-start-7 { grid-column-start: 7; } .xl\:col-start-8 { grid-column-start: 8; } .xl\:col-start-9 { grid-column-start: 9; } .xl\:col-start-10 { grid-column-start: 10; } .xl\:col-start-11 { grid-column-start: 11; } .xl\:col-start-12 { grid-column-start: 12; } .xl\:col-start-13 { grid-column-start: 13; } .xl\:col-end-auto { grid-column-end: auto; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:col-end-2 { grid-column-end: 2; } .xl\:col-end-3 { grid-column-end: 3; } .xl\:col-end-4 { grid-column-end: 4; } .xl\:col-end-5 { grid-column-end: 5; } .xl\:col-end-6 { grid-column-end: 6; } .xl\:col-end-7 { grid-column-end: 7; } .xl\:col-end-8 { grid-column-end: 8; } .xl\:col-end-9 { grid-column-end: 9; } .xl\:col-end-10 { grid-column-end: 10; } .xl\:col-end-11 { grid-column-end: 11; } .xl\:col-end-12 { grid-column-end: 12; } .xl\:col-end-13 { grid-column-end: 13; } .xl\:m-auto { margin: auto; } .xl\:m-none { margin: 0; } .xl\:m-px { margin: 1px; } .xl\:m-4xs { margin: var(--space-4xs); } .xl\:m-3xs { margin: var(--space-3xs); } .xl\:m-2xs { margin: var(--space-2xs); } .xl\:m-xs { margin: var(--space-xs); } .xl\:m-sm { margin: var(--space-sm); } .xl\:m-md { margin: var(--space-md); } .xl\:m-lg { margin: var(--space-lg); } .xl\:m-xl { margin: var(--space-xl); } .xl\:m-2xl { margin: var(--space-2xl); } .xl\:m-3xl { margin: var(--space-3xl); } .xl\:m-4xl { margin: var(--space-4xl); } .xl\:mx-auto { margin-right: auto; margin-left: auto; } .xl\:mx-none { margin-right: 0; margin-left: 0; } .xl\:mx-px { margin-right: 1px; margin-left: 1px; } .xl\:mx-4xs { margin-right: var(--space-4xs); margin-left: var(--space-4xs); } .xl\:mx-3xs { margin-right: var(--space-3xs); margin-left: var(--space-3xs); } .xl\:mx-2xs { margin-right: var(--space-2xs); margin-left: var(--space-2xs); } .xl\:mx-xs { margin-right: var(--space-xs); margin-left: var(--space-xs); } .xl\:mx-sm { margin-right: var(--space-sm); margin-left: var(--space-sm); } .xl\:mx-md { margin-right: var(--space-md); margin-left: var(--space-md); } .xl\:mx-lg { margin-right: var(--space-lg); margin-left: var(--space-lg); } .xl\:mx-xl { margin-right: var(--space-xl); margin-left: var(--space-xl); } .xl\:mx-2xl { margin-right: var(--space-2xl); margin-left: var(--space-2xl); } .xl\:mx-3xl { margin-right: var(--space-3xl); margin-left: var(--space-3xl); } .xl\:mx-4xl { margin-right: var(--space-4xl); margin-left: var(--space-4xl); } .xl\:my-auto { margin-top: auto; margin-bottom: auto; } .xl\:my-none { margin-top: 0; margin-bottom: 0; } .xl\:my-px { margin-top: 1px; margin-bottom: 1px; } .xl\:my-4xs { margin-top: var(--space-4xs); margin-bottom: var(--space-4xs); } .xl\:my-3xs { margin-top: var(--space-3xs); margin-bottom: var(--space-3xs); } .xl\:my-2xs { margin-top: var(--space-2xs); margin-bottom: var(--space-2xs); } .xl\:my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); } .xl\:my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); } .xl\:my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); } .xl\:my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); } .xl\:my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); } .xl\:my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); } .xl\:my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); } .xl\:my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); } .xl\:mt-auto { margin-top: auto; } .xl\:mt-none { margin-top: 0; } .xl\:mt-px { margin-top: 1px; } .xl\:mt-4xs { margin-top: var(--space-4xs); } .xl\:mt-3xs { margin-top: var(--space-3xs); } .xl\:mt-2xs { margin-top: var(--space-2xs); } .xl\:mt-xs { margin-top: var(--space-xs); } .xl\:mt-sm { margin-top: var(--space-sm); } .xl\:mt-md { margin-top: var(--space-md); } .xl\:mt-lg { margin-top: var(--space-lg); } .xl\:mt-xl { margin-top: var(--space-xl); } .xl\:mt-2xl { margin-top: var(--space-2xl); } .xl\:mt-3xl { margin-top: var(--space-3xl); } .xl\:mt-4xl { margin-top: var(--space-4xl); } .xl\:mr-auto { margin-right: auto; } .xl\:mr-none { margin-right: 0; } .xl\:mr-px { margin-right: 1px; } .xl\:mr-4xs { margin-right: var(--space-4xs); } .xl\:mr-3xs { margin-right: var(--space-3xs); } .xl\:mr-2xs { margin-right: var(--space-2xs); } .xl\:mr-xs { margin-right: var(--space-xs); } .xl\:mr-sm { margin-right: var(--space-sm); } .xl\:mr-md { margin-right: var(--space-md); } .xl\:mr-lg { margin-right: var(--space-lg); } .xl\:mr-xl { margin-right: var(--space-xl); } .xl\:mr-2xl { margin-right: var(--space-2xl); } .xl\:mr-3xl { margin-right: var(--space-3xl); } .xl\:mr-4xl { margin-right: var(--space-4xl); } .xl\:mb-auto { margin-bottom: auto; } .xl\:mb-none { margin-bottom: 0; } .xl\:mb-px { margin-bottom: 1px; } .xl\:mb-4xs { margin-bottom: var(--space-4xs); } .xl\:mb-3xs { margin-bottom: var(--space-3xs); } .xl\:mb-2xs { margin-bottom: var(--space-2xs); } .xl\:mb-xs { margin-bottom: var(--space-xs); } .xl\:mb-sm { margin-bottom: var(--space-sm); } .xl\:mb-md { margin-bottom: var(--space-md); } .xl\:mb-lg { margin-bottom: var(--space-lg); } .xl\:mb-xl { margin-bottom: var(--space-xl); } .xl\:mb-2xl { margin-bottom: var(--space-2xl); } .xl\:mb-3xl { margin-bottom: var(--space-3xl); } .xl\:mb-4xl { margin-bottom: var(--space-4xl); } .xl\:ml-auto { margin-left: auto; } .xl\:ml-none { margin-left: 0; } .xl\:ml-px { margin-left: 1px; } .xl\:ml-4xs { margin-left: var(--space-4xs); } .xl\:ml-3xs { margin-left: var(--space-3xs); } .xl\:ml-2xs { margin-left: var(--space-2xs); } .xl\:ml-xs { margin-left: var(--space-xs); } .xl\:ml-sm { margin-left: var(--space-sm); } .xl\:ml-md { margin-left: var(--space-md); } .xl\:ml-lg { margin-left: var(--space-lg); } .xl\:ml-xl { margin-left: var(--space-xl); } .xl\:ml-2xl { margin-left: var(--space-2xl); } .xl\:ml-3xl { margin-left: var(--space-3xl); } .xl\:ml-4xl { margin-left: var(--space-4xl); } .xl\:p-auto { margin: auto; } .xl\:p-none { margin: 0; } .xl\:p-px { margin: 1px; } .xl\:p-4xs { margin: var(--space-4xs); } .xl\:p-3xs { margin: var(--space-3xs); } .xl\:p-2xs { margin: var(--space-2xs); } .xl\:p-xs { margin: var(--space-xs); } .xl\:p-sm { margin: var(--space-sm); } .xl\:p-md { margin: var(--space-md); } .xl\:p-lg { margin: var(--space-lg); } .xl\:p-xl { margin: var(--space-xl); } .xl\:p-2xl { margin: var(--space-2xl); } .xl\:p-3xl { margin: var(--space-3xl); } .xl\:p-4xl { margin: var(--space-4xl); } .xl\:px-auto { padding-right: auto; padding-left: auto; } .xl\:px-none { padding-right: 0; padding-left: 0; } .xl\:px-px { padding-right: 1px; padding-left: 1px; } .xl\:px-4xs { padding-right: var(--space-4xs); padding-left: var(--space-4xs); } .xl\:px-3xs { padding-right: var(--space-3xs); padding-left: var(--space-3xs); } .xl\:px-2xs { padding-right: var(--space-2xs); padding-left: var(--space-2xs); } .xl\:px-xs { padding-right: var(--space-xs); padding-left: var(--space-xs); } .xl\:px-sm { padding-right: var(--space-sm); padding-left: var(--space-sm); } .xl\:px-md { padding-right: var(--space-md); padding-left: var(--space-md); } .xl\:px-lg { padding-right: var(--space-lg); padding-left: var(--space-lg); } .xl\:px-xl { padding-right: var(--space-xl); padding-left: var(--space-xl); } .xl\:px-2xl { padding-right: var(--space-2xl); padding-left: var(--space-2xl); } .xl\:px-3xl { padding-right: var(--space-3xl); padding-left: var(--space-3xl); } .xl\:px-4xl { padding-right: var(--space-4xl); padding-left: var(--space-4xl); } .xl\:py-auto { padding-top: auto; padding-bottom: auto; } .xl\:py-none { padding-top: 0; padding-bottom: 0; } .xl\:py-px { padding-top: 1px; padding-bottom: 1px; } .xl\:py-4xs { padding-top: var(--space-4xs); padding-bottom: var(--space-4xs); } .xl\:py-3xs { padding-top: var(--space-3xs); padding-bottom: var(--space-3xs); } .xl\:py-2xs { padding-top: var(--space-2xs); padding-bottom: var(--space-2xs); } .xl\:py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); } .xl\:py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); } .xl\:py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); } .xl\:py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } .xl\:py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } .xl\:py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } .xl\:py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); } .xl\:py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); } .xl\:pt-auto { padding-top: auto; } .xl\:pt-none { padding-top: 0; } .xl\:pt-px { padding-top: 1px; } .xl\:pt-4xs { padding-top: var(--space-4xs); } .xl\:pt-3xs { padding-top: var(--space-3xs); } .xl\:pt-2xs { padding-top: var(--space-2xs); } .xl\:pt-xs { padding-top: var(--space-xs); } .xl\:pt-sm { padding-top: var(--space-sm); } .xl\:pt-md { padding-top: var(--space-md); } .xl\:pt-lg { padding-top: var(--space-lg); } .xl\:pt-xl { padding-top: var(--space-xl); } .xl\:pt-2xl { padding-top: var(--space-2xl); } .xl\:pt-3xl { padding-top: var(--space-3xl); } .xl\:pt-4xl { padding-top: var(--space-4xl); } .xl\:pr-auto { padding-right: auto; } .xl\:pr-none { padding-right: 0; } .xl\:pr-px { padding-right: 1px; } .xl\:pr-4xs { padding-right: var(--space-4xs); } .xl\:pr-3xs { padding-right: var(--space-3xs); } .xl\:pr-2xs { padding-right: var(--space-2xs); } .xl\:pr-xs { padding-right: var(--space-xs); } .xl\:pr-sm { padding-right: var(--space-sm); } .xl\:pr-md { padding-right: var(--space-md); } .xl\:pr-lg { padding-right: var(--space-lg); } .xl\:pr-xl { padding-right: var(--space-xl); } .xl\:pr-2xl { padding-right: var(--space-2xl); } .xl\:pr-3xl { padding-right: var(--space-3xl); } .xl\:pr-4xl { padding-right: var(--space-4xl); } .xl\:pb-auto { padding-bottom: auto; } .xl\:pb-none { padding-bottom: 0; } .xl\:pb-px { padding-bottom: 1px; } .xl\:pb-4xs { padding-bottom: var(--space-4xs); } .xl\:pb-3xs { padding-bottom: var(--space-3xs); } .xl\:pb-2xs { padding-bottom: var(--space-2xs); } .xl\:pb-xs { padding-bottom: var(--space-xs); } .xl\:pb-sm { padding-bottom: var(--space-sm); } .xl\:pb-md { padding-bottom: var(--space-md); } .xl\:pb-lg { padding-bottom: var(--space-lg); } .xl\:pb-xl { padding-bottom: var(--space-xl); } .xl\:pb-2xl { padding-bottom: var(--space-2xl); } .xl\:pb-3xl { padding-bottom: var(--space-3xl); } .xl\:pb-4xl { padding-bottom: var(--space-4xl); } .xl\:pl-auto { padding-left: auto; } .xl\:pl-none { padding-left: 0; } .xl\:pl-px { padding-left: 1px; } .xl\:pl-4xs { padding-left: var(--space-4xs); } .xl\:pl-3xs { padding-left: var(--space-3xs); } .xl\:pl-2xs { padding-left: var(--space-2xs); } .xl\:pl-xs { padding-left: var(--space-xs); } .xl\:pl-sm { padding-left: var(--space-sm); } .xl\:pl-md { padding-left: var(--space-md); } .xl\:pl-lg { padding-left: var(--space-lg); } .xl\:pl-xl { padding-left: var(--space-xl); } .xl\:pl-2xl { padding-left: var(--space-2xl); } .xl\:pl-3xl { padding-left: var(--space-3xl); } .xl\:pl-4xl { padding-left: var(--space-4xl); } .xl\:stack-auto > * + * { margin-top: auto; } .xl\:stack-none > * + * { margin-top: 0; } .xl\:stack-px > * + * { margin-top: 1px; } .xl\:stack-4xs > * + * { margin-top: var(--space-4xs); } .xl\:stack-3xs > * + * { margin-top: var(--space-3xs); } .xl\:stack-2xs > * + * { margin-top: var(--space-2xs); } .xl\:stack-xs > * + * { margin-top: var(--space-xs); } .xl\:stack-sm > * + * { margin-top: var(--space-sm); } .xl\:stack-md > * + * { margin-top: var(--space-md); } .xl\:stack-lg > * + * { margin-top: var(--space-lg); } .xl\:stack-xl > * + * { margin-top: var(--space-xl); } .xl\:stack-2xl > * + * { margin-top: var(--space-2xl); } .xl\:stack-3xl > * + * { margin-top: var(--space-3xl); } .xl\:stack-4xl > * + * { margin-top: var(--space-4xl); } .xl\:inline { display: inline; } .xl\:block { display: block; } .xl\:inline-block { display: inline-block; } .xl\:contents { display: contents; } .xl\:flow-root { display: flow-root; } .xl\:list-item { display: list-item; } .xl\:hidden { display: none; } .xl\:visible { visibility: visible; } .xl\:invisible { visibility: hidden; } .xl\:backface-visible { backface-visibility: visible; } .xl\:backface-hidden { backface-visibility: hidden; } .xl\:select-auto { -webkit-user-select: auto; user-select: auto; } .xl\:select-all { -webkit-user-select: all; user-select: all; } .xl\:select-text { -webkit-user-select: text; user-select: text; } .xl\:select-none { -webkit-user-select: none; user-select: none; } .xl\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xl\:text-clip { text-overflow: clip; } .xl\:sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .xl\:text-primary { color: var(--color-text-primary); } .xl\:text-secondary { color: var(--color-text-secondary); } .xl\:text-xl { font-size: var(--text-xl); } .xl\:text-lg { font-size: var(--text-lg); } .xl\:text-md { font-size: var(--text-md); } .xl\:text-sm { font-size: var(--text-sm); } .xl\:measure-md { max-width: var(--measure-md); } .xl\:measure-lg { max-width: var(--measure-lg); } .xl\:leading-none { line-height: var(--line-height-none); } .xl\:leading-tight { line-height: var(--line-height-tight); } .xl\:leading-snug { line-height: var(--line-height-snug); } .xl\:leading-normal { line-height: var(--line-height-normal); } .xl\:leading-loose { line-height: var(--line-height-loose); } .xl\:tracking-loose { letter-spacing: var(--letter-spacing-loose); } .xl\:tracking-widest { letter-spacing: var(--letter-spacing-widest); } .xl\:tracking-wider { letter-spacing: var(--letter-spacing-wider); } .xl\:tracking-wide { letter-spacing: var(--letter-spacing-wide); } .xl\:tracking-normal { letter-spacing: var(--letter-spacing-normal); } .xl\:tracking-tight { letter-spacing: var(--letter-spacing-tight); } .xl\:tracking-tighter { letter-spacing: var(--letter-spacing-tighter); } .xl\:tracking-tightest { letter-spacing: var(--letter-spacing-tightest); } .xl\:min-h-screen { min-height: calc(100vh - 2 * var(--layout-gutter)); } .xl\:relative { position: relative; } .xl\:nowrap { white-space: nowrap; } .xl\:blend-exclusion { mix-blend-mode: exclusion; } .xl\:z-100 { z-index: 100; } .xl\:z-200 { z-index: 200; } .xl\:z-300 { z-index: 300; } .xl\:z-400 { z-index: 400; } .xl\:z-500 { z-index: 500; } .xl\:z-600 { z-index: 600; } .xl\:z-700 { z-index: 700; } .xl\:z-800 { z-index: 800; } .xl\:z-900 { z-index: 900; } .xl\:z-1000 { z-index: 1000; } } @media (min-width: 1920px) { .max\:flex { display: flex; } .max\:inline-flex { display: inline-flex; } .max\:flex-inline { display: inline-flex; } .max\:flex-1 { flex: 1 1 0%; } .max\:flex-auto { flex: 1 1 auto; } .max\:flex-initial { flex: 0 1 auto; } .max\:flex-none { flex: none; } .max\:flex-row { flex-direction: row; } .max\:flex-row-reverse { flex-direction: row-reverse; } .max\:flex-col { flex-direction: column; } .max\:flex-col-reverse { flex-direction: column-reverse; } .max\:flex-wrap { flex-wrap: wrap; } .max\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .max\:flex-nowrap { flex-wrap: nowrap; } .max\:justify-start { justify-content: flex-start; } .max\:justify-end { justify-content: flex-end; } .max\:justify-center { justify-content: center; } .max\:justify-between { justify-content: space-between; } .max\:justify-around { justify-content: space-around; } .max\:justify-evenly { justify-content: space-evenly; } .max\:justify-stretch { justify-content: stretch; } .max\:justify-left { justify-content: left; } .max\:justify-right { justify-content: right; } .max\:items-start { align-items: flex-start; } .max\:items-end { align-items: flex-end; } .max\:items-center { align-items: center; } .max\:items-baseline { align-items: baseline; } .max\:items-stretch { align-items: stretch; } .max\:gap-4xs { gap: var(--space-4xs); } .max\:gap-3xs { gap: var(--space-3xs); } .max\:gap-2xs { gap: var(--space-2xs); } .max\:gap-xs { gap: var(--space-xs); } .max\:gap-sm { gap: var(--space-sm); } .max\:gap-md { gap: var(--space-md); } .max\:gap-lg { gap: var(--space-lg); } .max\:gap-xl { gap: var(--space-xl); } .max\:gap-2xl { gap: var(--space-2xl); } .max\:gap-3xl { gap: var(--space-3xl); } .max\:gap-4xl { gap: var(--space-4xl); } .max\:gap-x-4xs { column-gap: var(--space-4xs); } .max\:gap-x-3xs { column-gap: var(--space-3xs); } .max\:gap-x-2xs { column-gap: var(--space-2xs); } .max\:gap-x-xs { column-gap: var(--space-xs); } .max\:gap-x-sm { column-gap: var(--space-sm); } .max\:gap-x-md { column-gap: var(--space-md); } .max\:gap-x-lg { column-gap: var(--space-lg); } .max\:gap-x-xl { column-gap: var(--space-xl); } .max\:gap-x-2xl { column-gap: var(--space-2xl); } .max\:gap-x-3xl { column-gap: var(--space-3xl); } .max\:gap-x-4xl { column-gap: var(--space-4xl); } .max\:gap-y-4xs { row-gap: var(--space-4xs); } .max\:gap-y-3xs { row-gap: var(--space-3xs); } .max\:gap-y-2xs { row-gap: var(--space-2xs); } .max\:gap-y-xs { row-gap: var(--space-xs); } .max\:gap-y-sm { row-gap: var(--space-sm); } .max\:gap-y-md { row-gap: var(--space-md); } .max\:gap-y-lg { row-gap: var(--space-lg); } .max\:gap-y-xl { row-gap: var(--space-xl); } .max\:gap-y-2xl { row-gap: var(--space-2xl); } .max\:gap-y-3xl { row-gap: var(--space-3xl); } .max\:gap-y-4xl { row-gap: var(--space-4xl); } .max\:grid { display: grid; } .max\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .max\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .max\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .max\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .max\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .max\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .max\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .max\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .max\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .max\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .max\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .max\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .max\:col-auto { grid-column: auto; } .max\:col-full { grid-column: 1 / -1; } .max\:col-1 { grid-column: span 1 / span 1; } .max\:col-2 { grid-column: span 2 / span 2; } .max\:col-3 { grid-column: span 3 / span 3; } .max\:col-4 { grid-column: span 4 / span 4; } .max\:col-5 { grid-column: span 5 / span 5; } .max\:col-6 { grid-column: span 6 / span 6; } .max\:col-7 { grid-column: span 7 / span 7; } .max\:col-8 { grid-column: span 8 / span 8; } .max\:col-9 { grid-column: span 9 / span 9; } .max\:col-10 { grid-column: span 10 / span 10; } .max\:col-11 { grid-column: span 11 / span 11; } .max\:col-12 { grid-column: span 12 / span 12; } .max\:col-start-auto { grid-column-start: auto; } .max\:col-start-1 { grid-column-start: 1; } .max\:col-start-2 { grid-column-start: 2; } .max\:col-start-3 { grid-column-start: 3; } .max\:col-start-4 { grid-column-start: 4; } .max\:col-start-5 { grid-column-start: 5; } .max\:col-start-6 { grid-column-start: 6; } .max\:col-start-7 { grid-column-start: 7; } .max\:col-start-8 { grid-column-start: 8; } .max\:col-start-9 { grid-column-start: 9; } .max\:col-start-10 { grid-column-start: 10; } .max\:col-start-11 { grid-column-start: 11; } .max\:col-start-12 { grid-column-start: 12; } .max\:col-start-13 { grid-column-start: 13; } .max\:col-end-auto { grid-column-end: auto; } .max\:col-end-1 { grid-column-end: 1; } .max\:col-end-2 { grid-column-end: 2; } .max\:col-end-3 { grid-column-end: 3; } .max\:col-end-4 { grid-column-end: 4; } .max\:col-end-5 { grid-column-end: 5; } .max\:col-end-6 { grid-column-end: 6; } .max\:col-end-7 { grid-column-end: 7; } .max\:col-end-8 { grid-column-end: 8; } .max\:col-end-9 { grid-column-end: 9; } .max\:col-end-10 { grid-column-end: 10; } .max\:col-end-11 { grid-column-end: 11; } .max\:col-end-12 { grid-column-end: 12; } .max\:col-end-13 { grid-column-end: 13; } .max\:m-auto { margin: auto; } .max\:m-none { margin: 0; } .max\:m-px { margin: 1px; } .max\:m-4xs { margin: var(--space-4xs); } .max\:m-3xs { margin: var(--space-3xs); } .max\:m-2xs { margin: var(--space-2xs); } .max\:m-xs { margin: var(--space-xs); } .max\:m-sm { margin: var(--space-sm); } .max\:m-md { margin: var(--space-md); } .max\:m-lg { margin: var(--space-lg); } .max\:m-xl { margin: var(--space-xl); } .max\:m-2xl { margin: var(--space-2xl); } .max\:m-3xl { margin: var(--space-3xl); } .max\:m-4xl { margin: var(--space-4xl); } .max\:mx-auto { margin-right: auto; margin-left: auto; } .max\:mx-none { margin-right: 0; margin-left: 0; } .max\:mx-px { margin-right: 1px; margin-left: 1px; } .max\:mx-4xs { margin-right: var(--space-4xs); margin-left: var(--space-4xs); } .max\:mx-3xs { margin-right: var(--space-3xs); margin-left: var(--space-3xs); } .max\:mx-2xs { margin-right: var(--space-2xs); margin-left: var(--space-2xs); } .max\:mx-xs { margin-right: var(--space-xs); margin-left: var(--space-xs); } .max\:mx-sm { margin-right: var(--space-sm); margin-left: var(--space-sm); } .max\:mx-md { margin-right: var(--space-md); margin-left: var(--space-md); } .max\:mx-lg { margin-right: var(--space-lg); margin-left: var(--space-lg); } .max\:mx-xl { margin-right: var(--space-xl); margin-left: var(--space-xl); } .max\:mx-2xl { margin-right: var(--space-2xl); margin-left: var(--space-2xl); } .max\:mx-3xl { margin-right: var(--space-3xl); margin-left: var(--space-3xl); } .max\:mx-4xl { margin-right: var(--space-4xl); margin-left: var(--space-4xl); } .max\:my-auto { margin-top: auto; margin-bottom: auto; } .max\:my-none { margin-top: 0; margin-bottom: 0; } .max\:my-px { margin-top: 1px; margin-bottom: 1px; } .max\:my-4xs { margin-top: var(--space-4xs); margin-bottom: var(--space-4xs); } .max\:my-3xs { margin-top: var(--space-3xs); margin-bottom: var(--space-3xs); } .max\:my-2xs { margin-top: var(--space-2xs); margin-bottom: var(--space-2xs); } .max\:my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); } .max\:my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); } .max\:my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); } .max\:my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); } .max\:my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); } .max\:my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); } .max\:my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); } .max\:my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); } .max\:mt-auto { margin-top: auto; } .max\:mt-none { margin-top: 0; } .max\:mt-px { margin-top: 1px; } .max\:mt-4xs { margin-top: var(--space-4xs); } .max\:mt-3xs { margin-top: var(--space-3xs); } .max\:mt-2xs { margin-top: var(--space-2xs); } .max\:mt-xs { margin-top: var(--space-xs); } .max\:mt-sm { margin-top: var(--space-sm); } .max\:mt-md { margin-top: var(--space-md); } .max\:mt-lg { margin-top: var(--space-lg); } .max\:mt-xl { margin-top: var(--space-xl); } .max\:mt-2xl { margin-top: var(--space-2xl); } .max\:mt-3xl { margin-top: var(--space-3xl); } .max\:mt-4xl { margin-top: var(--space-4xl); } .max\:mr-auto { margin-right: auto; } .max\:mr-none { margin-right: 0; } .max\:mr-px { margin-right: 1px; } .max\:mr-4xs { margin-right: var(--space-4xs); } .max\:mr-3xs { margin-right: var(--space-3xs); } .max\:mr-2xs { margin-right: var(--space-2xs); } .max\:mr-xs { margin-right: var(--space-xs); } .max\:mr-sm { margin-right: var(--space-sm); } .max\:mr-md { margin-right: var(--space-md); } .max\:mr-lg { margin-right: var(--space-lg); } .max\:mr-xl { margin-right: var(--space-xl); } .max\:mr-2xl { margin-right: var(--space-2xl); } .max\:mr-3xl { margin-right: var(--space-3xl); } .max\:mr-4xl { margin-right: var(--space-4xl); } .max\:mb-auto { margin-bottom: auto; } .max\:mb-none { margin-bottom: 0; } .max\:mb-px { margin-bottom: 1px; } .max\:mb-4xs { margin-bottom: var(--space-4xs); } .max\:mb-3xs { margin-bottom: var(--space-3xs); } .max\:mb-2xs { margin-bottom: var(--space-2xs); } .max\:mb-xs { margin-bottom: var(--space-xs); } .max\:mb-sm { margin-bottom: var(--space-sm); } .max\:mb-md { margin-bottom: var(--space-md); } .max\:mb-lg { margin-bottom: var(--space-lg); } .max\:mb-xl { margin-bottom: var(--space-xl); } .max\:mb-2xl { margin-bottom: var(--space-2xl); } .max\:mb-3xl { margin-bottom: var(--space-3xl); } .max\:mb-4xl { margin-bottom: var(--space-4xl); } .max\:ml-auto { margin-left: auto; } .max\:ml-none { margin-left: 0; } .max\:ml-px { margin-left: 1px; } .max\:ml-4xs { margin-left: var(--space-4xs); } .max\:ml-3xs { margin-left: var(--space-3xs); } .max\:ml-2xs { margin-left: var(--space-2xs); } .max\:ml-xs { margin-left: var(--space-xs); } .max\:ml-sm { margin-left: var(--space-sm); } .max\:ml-md { margin-left: var(--space-md); } .max\:ml-lg { margin-left: var(--space-lg); } .max\:ml-xl { margin-left: var(--space-xl); } .max\:ml-2xl { margin-left: var(--space-2xl); } .max\:ml-3xl { margin-left: var(--space-3xl); } .max\:ml-4xl { margin-left: var(--space-4xl); } .max\:p-auto { margin: auto; } .max\:p-none { margin: 0; } .max\:p-px { margin: 1px; } .max\:p-4xs { margin: var(--space-4xs); } .max\:p-3xs { margin: var(--space-3xs); } .max\:p-2xs { margin: var(--space-2xs); } .max\:p-xs { margin: var(--space-xs); } .max\:p-sm { margin: var(--space-sm); } .max\:p-md { margin: var(--space-md); } .max\:p-lg { margin: var(--space-lg); } .max\:p-xl { margin: var(--space-xl); } .max\:p-2xl { margin: var(--space-2xl); } .max\:p-3xl { margin: var(--space-3xl); } .max\:p-4xl { margin: var(--space-4xl); } .max\:px-auto { padding-right: auto; padding-left: auto; } .max\:px-none { padding-right: 0; padding-left: 0; } .max\:px-px { padding-right: 1px; padding-left: 1px; } .max\:px-4xs { padding-right: var(--space-4xs); padding-left: var(--space-4xs); } .max\:px-3xs { padding-right: var(--space-3xs); padding-left: var(--space-3xs); } .max\:px-2xs { padding-right: var(--space-2xs); padding-left: var(--space-2xs); } .max\:px-xs { padding-right: var(--space-xs); padding-left: var(--space-xs); } .max\:px-sm { padding-right: var(--space-sm); padding-left: var(--space-sm); } .max\:px-md { padding-right: var(--space-md); padding-left: var(--space-md); } .max\:px-lg { padding-right: var(--space-lg); padding-left: var(--space-lg); } .max\:px-xl { padding-right: var(--space-xl); padding-left: var(--space-xl); } .max\:px-2xl { padding-right: var(--space-2xl); padding-left: var(--space-2xl); } .max\:px-3xl { padding-right: var(--space-3xl); padding-left: var(--space-3xl); } .max\:px-4xl { padding-right: var(--space-4xl); padding-left: var(--space-4xl); } .max\:py-auto { padding-top: auto; padding-bottom: auto; } .max\:py-none { padding-top: 0; padding-bottom: 0; } .max\:py-px { padding-top: 1px; padding-bottom: 1px; } .max\:py-4xs { padding-top: var(--space-4xs); padding-bottom: var(--space-4xs); } .max\:py-3xs { padding-top: var(--space-3xs); padding-bottom: var(--space-3xs); } .max\:py-2xs { padding-top: var(--space-2xs); padding-bottom: var(--space-2xs); } .max\:py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); } .max\:py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); } .max\:py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); } .max\:py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } .max\:py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } .max\:py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } .max\:py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); } .max\:py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); } .max\:pt-auto { padding-top: auto; } .max\:pt-none { padding-top: 0; } .max\:pt-px { padding-top: 1px; } .max\:pt-4xs { padding-top: var(--space-4xs); } .max\:pt-3xs { padding-top: var(--space-3xs); } .max\:pt-2xs { padding-top: var(--space-2xs); } .max\:pt-xs { padding-top: var(--space-xs); } .max\:pt-sm { padding-top: var(--space-sm); } .max\:pt-md { padding-top: var(--space-md); } .max\:pt-lg { padding-top: var(--space-lg); } .max\:pt-xl { padding-top: var(--space-xl); } .max\:pt-2xl { padding-top: var(--space-2xl); } .max\:pt-3xl { padding-top: var(--space-3xl); } .max\:pt-4xl { padding-top: var(--space-4xl); } .max\:pr-auto { padding-right: auto; } .max\:pr-none { padding-right: 0; } .max\:pr-px { padding-right: 1px; } .max\:pr-4xs { padding-right: var(--space-4xs); } .max\:pr-3xs { padding-right: var(--space-3xs); } .max\:pr-2xs { padding-right: var(--space-2xs); } .max\:pr-xs { padding-right: var(--space-xs); } .max\:pr-sm { padding-right: var(--space-sm); } .max\:pr-md { padding-right: var(--space-md); } .max\:pr-lg { padding-right: var(--space-lg); } .max\:pr-xl { padding-right: var(--space-xl); } .max\:pr-2xl { padding-right: var(--space-2xl); } .max\:pr-3xl { padding-right: var(--space-3xl); } .max\:pr-4xl { padding-right: var(--space-4xl); } .max\:pb-auto { padding-bottom: auto; } .max\:pb-none { padding-bottom: 0; } .max\:pb-px { padding-bottom: 1px; } .max\:pb-4xs { padding-bottom: var(--space-4xs); } .max\:pb-3xs { padding-bottom: var(--space-3xs); } .max\:pb-2xs { padding-bottom: var(--space-2xs); } .max\:pb-xs { padding-bottom: var(--space-xs); } .max\:pb-sm { padding-bottom: var(--space-sm); } .max\:pb-md { padding-bottom: var(--space-md); } .max\:pb-lg { padding-bottom: var(--space-lg); } .max\:pb-xl { padding-bottom: var(--space-xl); } .max\:pb-2xl { padding-bottom: var(--space-2xl); } .max\:pb-3xl { padding-bottom: var(--space-3xl); } .max\:pb-4xl { padding-bottom: var(--space-4xl); } .max\:pl-auto { padding-left: auto; } .max\:pl-none { padding-left: 0; } .max\:pl-px { padding-left: 1px; } .max\:pl-4xs { padding-left: var(--space-4xs); } .max\:pl-3xs { padding-left: var(--space-3xs); } .max\:pl-2xs { padding-left: var(--space-2xs); } .max\:pl-xs { padding-left: var(--space-xs); } .max\:pl-sm { padding-left: var(--space-sm); } .max\:pl-md { padding-left: var(--space-md); } .max\:pl-lg { padding-left: var(--space-lg); } .max\:pl-xl { padding-left: var(--space-xl); } .max\:pl-2xl { padding-left: var(--space-2xl); } .max\:pl-3xl { padding-left: var(--space-3xl); } .max\:pl-4xl { padding-left: var(--space-4xl); } .max\:stack-auto > * + * { margin-top: auto; } .max\:stack-none > * + * { margin-top: 0; } .max\:stack-px > * + * { margin-top: 1px; } .max\:stack-4xs > * + * { margin-top: var(--space-4xs); } .max\:stack-3xs > * + * { margin-top: var(--space-3xs); } .max\:stack-2xs > * + * { margin-top: var(--space-2xs); } .max\:stack-xs > * + * { margin-top: var(--space-xs); } .max\:stack-sm > * + * { margin-top: var(--space-sm); } .max\:stack-md > * + * { margin-top: var(--space-md); } .max\:stack-lg > * + * { margin-top: var(--space-lg); } .max\:stack-xl > * + * { margin-top: var(--space-xl); } .max\:stack-2xl > * + * { margin-top: var(--space-2xl); } .max\:stack-3xl > * + * { margin-top: var(--space-3xl); } .max\:stack-4xl > * + * { margin-top: var(--space-4xl); } .max\:inline { display: inline; } .max\:block { display: block; } .max\:inline-block { display: inline-block; } .max\:contents { display: contents; } .max\:flow-root { display: flow-root; } .max\:list-item { display: list-item; } .max\:hidden { display: none; } .max\:visible { visibility: visible; } .max\:invisible { visibility: hidden; } .max\:backface-visible { backface-visibility: visible; } .max\:backface-hidden { backface-visibility: hidden; } .max\:select-auto { -webkit-user-select: auto; user-select: auto; } .max\:select-all { -webkit-user-select: all; user-select: all; } .max\:select-text { -webkit-user-select: text; user-select: text; } .max\:select-none { -webkit-user-select: none; user-select: none; } .max\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .max\:text-clip { text-overflow: clip; } .max\:sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .max\:text-primary { color: var(--color-text-primary); } .max\:text-secondary { color: var(--color-text-secondary); } .max\:text-xl { font-size: var(--text-xl); } .max\:text-lg { font-size: var(--text-lg); } .max\:text-md { font-size: var(--text-md); } .max\:text-sm { font-size: var(--text-sm); } .max\:measure-md { max-width: var(--measure-md); } .max\:measure-lg { max-width: var(--measure-lg); } .max\:leading-none { line-height: var(--line-height-none); } .max\:leading-tight { line-height: var(--line-height-tight); } .max\:leading-snug { line-height: var(--line-height-snug); } .max\:leading-normal { line-height: var(--line-height-normal); } .max\:leading-loose { line-height: var(--line-height-loose); } .max\:tracking-loose { letter-spacing: var(--letter-spacing-loose); } .max\:tracking-widest { letter-spacing: var(--letter-spacing-widest); } .max\:tracking-wider { letter-spacing: var(--letter-spacing-wider); } .max\:tracking-wide { letter-spacing: var(--letter-spacing-wide); } .max\:tracking-normal { letter-spacing: var(--letter-spacing-normal); } .max\:tracking-tight { letter-spacing: var(--letter-spacing-tight); } .max\:tracking-tighter { letter-spacing: var(--letter-spacing-tighter); } .max\:tracking-tightest { letter-spacing: var(--letter-spacing-tightest); } .max\:min-h-screen { min-height: calc(100vh - 2 * var(--layout-gutter)); } .max\:relative { position: relative; } .max\:nowrap { white-space: nowrap; } .max\:blend-exclusion { mix-blend-mode: exclusion; } .max\:z-100 { z-index: 100; } .max\:z-200 { z-index: 200; } .max\:z-300 { z-index: 300; } .max\:z-400 { z-index: 400; } .max\:z-500 { z-index: 500; } .max\:z-600 { z-index: 600; } .max\:z-700 { z-index: 700; } .max\:z-800 { z-index: 800; } .max\:z-900 { z-index: 900; } .max\:z-1000 { z-index: 1000; } }:where(._root_vu7va_1 img){width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--border-radius-md)}:where(._root_1undw_1){display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;aspect-ratio:1;width:clamp(100px,25vmax,800px);background:var(--color-background-subdued);border-radius:var(--border-radius-md);overflow:hidden;transition:opacity .125s ease-in-out}:where(._root_1undw_1._paused_1undw_16){opacity:.5;z-index:-1;pointer-events:none}:where(._overlay_1undw_22){display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;font-size:var(--text-lg);letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity .125s ease-in-out}:where(._root_1undw_1:hover ._overlay_1undw_22){opacity:1}:where(._root_1undw_1>img){width:auto;max-width:100%;height:auto;max-height:100%;aspect-ratio:1;object-fit:cover}