/* ==========================================================================
   Due Guidebook — folha de estilo nativa (parte 1: fundação)
   --------------------------------------------------------------------------
   CSS escrito à mão. Sem framework, sem build, sem npm. Substitui o Tailwind:
   os nomes de classe são utilitários descritivos e os valores saem dos tokens
   definidos aqui — mudar a marca é mudar uma variável.

   Ordem dos arquivos:
     1. base.css       reset, tokens, layout, flex/grid, espaçamento, tamanho
     2. utilities.css  cores, tipografia, bordas, sombras, efeitos, variantes
     3. site.css       componentes próprios (cabeçalho, FAQ, etc.)
   ========================================================================== */

/* ---------- Tokens ------------------------------------------------------ */
:root {
    /* Marca */
    --brand-purple:  #db19ff;
    --brand-dark:    #1a1a1a;
    --brand-grey:    #666666;

    /* Escala de cinza fria (slate) */
    --slate-50:#f8fafc; --slate-100:#f1f5f9; --slate-200:#e2e8f0; --slate-300:#cbd5e1;
    --slate-400:#94a3b8; --slate-500:#64748b; --slate-600:#475569; --slate-700:#334155;
    --slate-800:#1e293b; --slate-900:#0f172a;

    /* CORREÇÃO DE CONSISTÊNCIA — o projeto usava duas escalas de cinza ao mesmo
       tempo: `slate` (fria/azulada) e `gray` (neutra), lado a lado nas mesmas
       telas. Apontar `gray` para os valores de `slate` unifica as ~375
       ocorrências sem precisar editar uma linha de HTML. */
    --gray-50:var(--slate-50);   --gray-100:var(--slate-100); --gray-200:var(--slate-200);
    --gray-300:var(--slate-300); --gray-400:var(--slate-400); --gray-500:var(--slate-500);
    --gray-600:var(--slate-600); --gray-700:var(--slate-700); --gray-800:var(--slate-800);
    --gray-900:var(--slate-900);

    /* CORREÇÃO DE CONSISTÊNCIA — a escala `purple` herdada era violeta-azulada
       e destoava do magenta da marca (#db19ff). Reancorada no matiz da marca,
       `bg-purple-100`, `text-purple-700` etc. viram tons do próprio Due. */
    --purple-50:#fdf2ff; --purple-100:#fbe4ff; --purple-200:#f7c7ff; --purple-300:#f19eff;
    --purple-400:#e968ff; --purple-500:#db19ff; --purple-600:#bd00e0; --purple-700:#9a00b8;
    --purple-800:#7c0093; --purple-900:#630076;

    /* Violeta antigo mantido só onde é decoração neutra, apontando à marca
       para não reintroduzir um terceiro roxo. */
    --violet-50:var(--purple-50); --violet-100:var(--purple-100); --violet-600:var(--purple-600);
    --fuchsia-500:#d946ef; --pink-500:#ec4899; --rose-500:#f43f5e;

    --red-50:#fef2f2; --red-100:#fee2e2; --red-200:#fecaca; --red-400:#f87171;
    --red-500:#ef4444; --red-600:#dc2626; --red-700:#b91c1c; --red-800:#991b1b; --red-900:#7f1d1d;

    --green-50:#f0fdf4; --green-100:#dcfce7; --green-200:#bbf7d0;
    --green-500:#22c55e; --green-600:#16a34a; --green-700:#15803d;

    --emerald-50:#ecfdf5; --emerald-100:#d1fae5; --emerald-300:#6ee7b7; --emerald-400:#34d399;
    --emerald-500:#10b981; --emerald-600:#059669; --emerald-700:#047857; --emerald-800:#065f46;

    --amber-50:#fffbeb; --amber-100:#fef3c7; --amber-200:#fde68a; --amber-400:#fbbf24;
    --amber-500:#f59e0b; --amber-600:#d97706; --amber-700:#b45309; --amber-800:#92400e; --amber-900:#78350f;

    --yellow-500:#eab308; --orange-300:#fdba74; --orange-500:#f97316;

    --blue-50:#eff6ff; --blue-100:#dbeafe; --blue-200:#bfdbfe; --blue-400:#60a5fa;
    --blue-500:#3b82f6; --blue-600:#2563eb; --blue-700:#1d4ed8; --blue-800:#1e40af; --blue-900:#1e3a8a;

    --sky-50:#f0f9ff; --sky-100:#e0f2fe; --sky-500:#0ea5e9;
    --teal-100:#ccfbf1;

    --indigo-50:#eef2ff; --indigo-100:#e0e7ff; --indigo-400:#818cf8;
    --indigo-500:#6366f1; --indigo-600:#4f46e5; --indigo-700:#4338ca;

    /* Sombras */
    --shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);
    --shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);

    /* Transição padrão */
    --ease: cubic-bezier(.4,0,.2,1);
}

/* ---------- Reset ------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; border: 0 solid var(--gray-200); }
* { margin: 0; }

html { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; }
.scroll-smooth { scroll-behavior: smooth; }

body {
    min-height: 100vh;
    line-height: inherit;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1em; }
small { font-size: 80%; }
table { border-collapse: collapse; text-indent: 0; border-color: inherit; }
button, input, optgroup, select, textarea {
    font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit;
    color: inherit; margin: 0; padding: 0;
}
button, select { text-transform: none; }
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; background: transparent; background-image: none; }
:-moz-focusring { outline: auto; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
summary { display: list-item; }
ol, ul, menu { list-style: none; padding: 0; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: var(--gray-400); }
button, [role=button] { cursor: pointer; }
:disabled { cursor: default; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden] { display: none !important; }

/* ---------- Display ----------------------------------------------------- */
.block{display:block} .inline-block{display:inline-block} .inline{display:inline}
.flex{display:flex} .inline-flex{display:inline-flex}
.grid{display:grid} .inline-grid{display:inline-grid}
.table{display:table} .contents{display:contents} .hidden{display:none}

/* ---------- Position ---------------------------------------------------- */
.static{position:static} .fixed{position:fixed} .absolute{position:absolute}
.relative{position:relative} .sticky{position:sticky}

.inset-0{inset:0} .inset-x-0{left:0;right:0} .inset-y-0{top:0;bottom:0}
.top-0{top:0} .top-1{top:.25rem} .top-1\/2{top:50%} .top-2{top:.5rem} .top-4{top:1rem}
.top-6{top:1.5rem} .top-8{top:2rem} .top-16{top:4rem} .top-20{top:5rem} .top-40{top:10rem} .top-full{top:100%}
.-top-4{top:-1rem} .-top-40{top:-10rem} .-top-32{top:-8rem}
.right-0{right:0} .right-2{right:.5rem} .right-3{right:.75rem} .right-4{right:1rem} .right-6{right:1.5rem}
.-right-40{right:-10rem} .-right-4{right:-1rem}
.bottom-0{bottom:0} .bottom-2{bottom:.5rem} .bottom-4{bottom:1rem} .bottom-6{bottom:1.5rem} .bottom-8{bottom:2rem}
.left-0{left:0} .left-2{left:.5rem} .left-3{left:.75rem} .left-4{left:1rem} .left-6{left:1.5rem}
.-left-40{left:-10rem} .-left-4{left:-1rem}
.-inset-4{inset:-1rem}

.z-0{z-index:0} .z-10{z-index:10} .z-20{z-index:20} .z-30{z-index:30} .z-40{z-index:40}
.z-50{z-index:50} .z-\[60\]{z-index:60} .z-\[90\]{z-index:90} .z-\[100\]{z-index:100}
.z-\[400\]{z-index:400} .z-\[9999\]{z-index:9999}

/* ---------- Flex e Grid ------------------------------------------------- */
.flex-row{flex-direction:row} .flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap} .flex-nowrap{flex-wrap:nowrap}
.flex-1{flex:1 1 0%} .flex-auto{flex:1 1 auto} .flex-none{flex:none}
.flex-grow,.grow{flex-grow:1} .flex-shrink-0,.shrink-0{flex-shrink:0}

.items-start{align-items:flex-start} .items-center{align-items:center}
.items-end{align-items:flex-end} .items-baseline{align-items:baseline} .items-stretch{align-items:stretch}
.self-start{align-self:flex-start} .self-center{align-self:center} .self-end{align-self:flex-end}

.justify-start{justify-content:flex-start} .justify-center{justify-content:center}
.justify-end{justify-content:flex-end} .justify-between{justify-content:space-between}
.justify-around{justify-content:space-around} .justify-evenly{justify-content:space-evenly}

.content-center{align-content:center}
.order-first{order:-9999} .order-last{order:9999}

.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-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}
.col-span-1{grid-column:span 1/span 1} .col-span-2{grid-column:span 2/span 2}
.col-span-3{grid-column:span 3/span 3} .col-span-full{grid-column:1/-1}
.row-span-2{grid-row:span 2/span 2}

/* ---------- Espaçamento ------------------------------------------------- */
.p-0{padding:0} .p-1{padding:.25rem} .p-1\.5{padding:.375rem} .p-2{padding:.5rem}
.p-2\.5{padding:.625rem} .p-3{padding:.75rem} .p-3\.5{padding:.875rem} .p-4{padding:1rem}
.p-5{padding:1.25rem} .p-6{padding:1.5rem} .p-7{padding:1.75rem} .p-8{padding:2rem}
.p-10{padding:2.5rem} .p-12{padding:3rem} .p-16{padding:4rem} .p-20{padding:5rem}

.px-0{padding-left:0;padding-right:0} .px-1{padding-left:.25rem;padding-right:.25rem}
.px-1\.5{padding-left:.375rem;padding-right:.375rem} .px-2{padding-left:.5rem;padding-right:.5rem}
.px-2\.5{padding-left:.625rem;padding-right:.625rem} .px-3{padding-left:.75rem;padding-right:.75rem}
.px-3\.5{padding-left:.875rem;padding-right:.875rem} .px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem} .px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem} .px-8{padding-left:2rem;padding-right:2rem}
.px-10{padding-left:2.5rem;padding-right:2.5rem} .px-12{padding-left:3rem;padding-right:3rem}

.py-0{padding-top:0;padding-bottom:0} .py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem} .py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem} .py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-3\.5{padding-top:.875rem;padding-bottom:.875rem} .py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem} .py-8{padding-top:2rem;padding-bottom:2rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem} .py-12{padding-top:3rem;padding-bottom:3rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem} .py-16{padding-top:4rem;padding-bottom:4rem}
.py-20{padding-top:5rem;padding-bottom:5rem} .py-24{padding-top:6rem;padding-bottom:6rem}
.py-32{padding-top:8rem;padding-bottom:8rem}

.pt-0{padding-top:0} .pt-1{padding-top:.25rem} .pt-2{padding-top:.5rem} .pt-3{padding-top:.75rem}
.pt-4{padding-top:1rem} .pt-6{padding-top:1.5rem} .pt-8{padding-top:2rem} .pt-10{padding-top:2.5rem}
.pt-12{padding-top:3rem} .pt-16{padding-top:4rem} .pt-20{padding-top:5rem} .pt-24{padding-top:6rem}
.pb-0{padding-bottom:0} .pb-1{padding-bottom:.25rem} .pb-2{padding-bottom:.5rem} .pb-3{padding-bottom:.75rem}
.pb-4{padding-bottom:1rem} .pb-6{padding-bottom:1.5rem} .pb-7{padding-bottom:1.75rem} .pb-8{padding-bottom:2rem}
.pb-10{padding-bottom:2.5rem} .pb-12{padding-bottom:3rem} .pb-16{padding-bottom:4rem} .pb-20{padding-bottom:5rem}
.pb-24{padding-bottom:6rem} .pb-32{padding-bottom:8rem}
.pl-2{padding-left:.5rem} .pl-2\.5{padding-left:.625rem} .pl-3{padding-left:.75rem} .pl-4{padding-left:1rem}
.pl-6{padding-left:1.5rem} .pl-8{padding-left:2rem} .pl-11{padding-left:2.75rem} .pl-12{padding-left:3rem}
.pr-2{padding-right:.5rem} .pr-3{padding-right:.75rem} .pr-4{padding-right:1rem} .pr-6{padding-right:1.5rem}
.pr-10{padding-right:2.5rem} .pr-12{padding-right:3rem} .pr-14{padding-right:3.5rem}

.m-0{margin:0} .m-auto{margin:auto}
.mx-auto{margin-left:auto;margin-right:auto} .mx-1{margin-left:.25rem;margin-right:.25rem}
.mx-2{margin-left:.5rem;margin-right:.5rem} .mx-4{margin-left:1rem;margin-right:1rem}
.my-1{margin-top:.25rem;margin-bottom:.25rem} .my-2{margin-top:.5rem;margin-bottom:.5rem}
.my-4{margin-top:1rem;margin-bottom:1rem} .my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.my-8{margin-top:2rem;margin-bottom:2rem} .my-12{margin-top:3rem;margin-bottom:3rem}
.my-24{margin-top:6rem;margin-bottom:6rem}

.mt-0{margin-top:0} .mt-1{margin-top:.25rem} .mt-2{margin-top:.5rem} .mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem} .mt-5{margin-top:1.25rem} .mt-6{margin-top:1.5rem} .mt-8{margin-top:2rem}
.mt-10{margin-top:2.5rem} .mt-12{margin-top:3rem} .mt-16{margin-top:4rem} .mt-20{margin-top:5rem}
.mt-24{margin-top:6rem} .mt-auto{margin-top:auto} .-mt-32{margin-top:-8rem}
.mb-0{margin-bottom:0} .mb-1{margin-bottom:.25rem} .mb-2{margin-bottom:.5rem} .mb-2\.5{margin-bottom:.625rem}
.mb-3{margin-bottom:.75rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem} .mb-10{margin-bottom:2.5rem} .mb-12{margin-bottom:3rem} .mb-16{margin-bottom:4rem}
.mb-20{margin-bottom:5rem} .mb-24{margin-bottom:6rem}
.ml-1{margin-left:.25rem} .ml-2{margin-left:.5rem} .ml-3{margin-left:.75rem} .ml-auto{margin-left:auto}
.mr-1{margin-right:.25rem} .mr-2{margin-right:.5rem} .mr-3{margin-right:.75rem} .mr-4{margin-right:1rem}
.-mr-32{margin-right:-8rem}

.gap-0{gap:0} .gap-1{gap:.25rem} .gap-1\.5{gap:.375rem} .gap-2{gap:.5rem} .gap-2\.5{gap:.625rem}
.gap-3{gap:.75rem} .gap-4{gap:1rem} .gap-5{gap:1.25rem} .gap-6{gap:1.5rem} .gap-8{gap:2rem}
.gap-10{gap:2.5rem} .gap-12{gap:3rem} .gap-16{gap:4rem}
.gap-x-2{column-gap:.5rem} .gap-x-4{column-gap:1rem} .gap-x-6{column-gap:1.5rem}
.gap-y-2{row-gap:.5rem} .gap-y-4{row-gap:1rem}

.space-x-2 > * + *{margin-left:.5rem} .space-x-3 > * + *{margin-left:.75rem}
.space-x-4 > * + *{margin-left:1rem} .space-x-6 > * + *{margin-left:1.5rem}
.space-x-8 > * + *{margin-left:2rem}
.space-y-1 > * + *{margin-top:.25rem} .space-y-2 > * + *{margin-top:.5rem}
.space-y-3 > * + *{margin-top:.75rem} .space-y-4 > * + *{margin-top:1rem}
.space-y-5 > * + *{margin-top:1.25rem} .space-y-6 > * + *{margin-top:1.5rem}
.space-y-8 > * + *{margin-top:2rem}
.divide-y > * + *{border-top-width:1px} .divide-x > * + *{border-left-width:1px}
.divide-gray-100 > * + *{border-color:var(--gray-100)}
.divide-gray-200 > * + *{border-color:var(--gray-200)}
.divide-slate-100 > * + *{border-color:var(--slate-100)}

/* ---------- Tamanho ----------------------------------------------------- */
.w-0{width:0} .w-1{width:.25rem} .w-1\.5{width:.375rem} .w-2{width:.5rem} .w-2\.5{width:.625rem}
.w-3{width:.75rem} .w-4{width:1rem} .w-5{width:1.25rem} .w-6{width:1.5rem} .w-7{width:1.75rem}
.w-8{width:2rem} .w-9{width:2.25rem} .w-10{width:2.5rem} .w-11{width:2.75rem} .w-12{width:3rem}
.w-14{width:3.5rem} .w-16{width:4rem} .w-20{width:5rem} .w-24{width:6rem} .w-28{width:7rem}
.w-32{width:8rem} .w-40{width:10rem} .w-48{width:12rem} .w-52{width:13rem} .w-56{width:14rem}
.w-64{width:16rem} .w-72{width:18rem} .w-80{width:20rem} .w-96{width:24rem}
.w-auto{width:auto} .w-px{width:1px} .w-full{width:100%} .w-screen{width:100vw}
.w-1\/2{width:50%} .w-1\/3{width:33.333333%} .w-2\/3{width:66.666667%} .w-1\/4{width:25%}
.w-3\/4{width:75%} .w-fit{width:fit-content} .w-min{width:min-content} .w-max{width:max-content}

.h-0{height:0} .h-1{height:.25rem} .h-1\.5{height:.375rem} .h-2{height:.5rem} .h-2\.5{height:.625rem}
.h-3{height:.75rem} .h-4{height:1rem} .h-5{height:1.25rem} .h-6{height:1.5rem} .h-7{height:1.75rem}
.h-8{height:2rem} .h-9{height:2.25rem} .h-10{height:2.5rem} .h-11{height:2.75rem} .h-12{height:3rem}
.h-13{height:3.25rem} .h-14{height:3.5rem} .h-16{height:4rem} .h-20{height:5rem} .h-24{height:6rem}
.h-28{height:7rem} .h-32{height:8rem} .h-40{height:10rem} .h-48{height:12rem} .h-56{height:14rem}
.h-64{height:16rem} .h-72{height:18rem} .h-80{height:20rem} .h-96{height:24rem}
.h-auto{height:auto} .h-px{height:1px} .h-full{height:100%} .h-screen{height:100vh} .h-fit{height:fit-content}

.min-h-screen{min-height:100vh} .min-h-full{min-height:100%} .min-h-0{min-height:0}
.min-w-0{min-width:0} .min-w-full{min-width:100%} .min-w-fit{min-width:fit-content}
.min-w-\[140px\]{min-width:140px} .min-w-\[220px\]{min-width:220px} .min-w-\[240px\]{min-width:240px}
.min-h-\[2\.75rem\]{min-height:2.75rem} .min-h-\[120px\]{min-height:120px} .min-h-\[200px\]{min-height:200px}

.max-w-none{max-width:none} .max-w-xs{max-width:20rem} .max-w-sm{max-width:24rem}
.max-w-md{max-width:28rem} .max-w-lg{max-width:32rem} .max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem} .max-w-3xl{max-width:48rem} .max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem} .max-w-6xl{max-width:72rem} .max-w-7xl{max-width:80rem}
.max-w-full{max-width:100%} .max-w-prose{max-width:65ch}
.max-w-\[100px\]{max-width:100px} .max-w-\[320px\]{max-width:320px} .max-w-\[380px\]{max-width:380px}
.max-h-full{max-height:100%} .max-h-screen{max-height:100vh}
.max-h-\[70vh\]{max-height:70vh} .max-h-\[80vh\]{max-height:80vh} .max-h-\[90vh\]{max-height:90vh}

.aspect-square{aspect-ratio:1/1} .aspect-video{aspect-ratio:16/9}

/* ---------- Overflow ---------------------------------------------------- */
.overflow-auto{overflow:auto} .overflow-hidden{overflow:hidden} .overflow-visible{overflow:visible}
.overflow-scroll{overflow:scroll}
.overflow-x-auto{overflow-x:auto} .overflow-x-hidden{overflow-x:hidden}
.overflow-y-auto{overflow-y:auto} .overflow-y-hidden{overflow-y:hidden}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line-clamp-1,.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-1{-webkit-line-clamp:1} .line-clamp-2{-webkit-line-clamp:2} .line-clamp-3{-webkit-line-clamp:3}

/* ---------- Diversos ---------------------------------------------------- */
.cursor-pointer{cursor:pointer} .cursor-default{cursor:default} .cursor-not-allowed{cursor:not-allowed}
.cursor-move{cursor:move} .cursor-grab{cursor:grab}
.pointer-events-none{pointer-events:none} .pointer-events-auto{pointer-events:auto}
.select-none{user-select:none} .select-all{user-select:all}
.list-none{list-style:none} .list-disc{list-style:disc} .list-decimal{list-style:decimal}
.appearance-none{appearance:none}
.resize-none{resize:none} .resize-y{resize:vertical}
.object-cover{object-fit:cover} .object-contain{object-fit:contain} .object-center{object-position:center}
.align-middle{vertical-align:middle} .align-top{vertical-align:top}
.whitespace-nowrap{white-space:nowrap} .whitespace-pre-wrap{white-space:pre-wrap}
.break-words{overflow-wrap:break-word} .break-all{word-break:break-all}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
[x-cloak]{display:none !important}