[data-audit-quote-balance]{content:"q";}
/* DeluxeBeauty · Körning 1 · styles.css
 * Globala tokens + layout + sektions-CSS för icke-komponent-sektioner
 * (intro, process, omraden, faq, cta, tjanst-faq, tjanst-cta och
 * stödsidor /integritetspolicy/ + /404).
 * db-komponenter.css laddas SIST och äger alla .db-* klasser.
 */

/* Tokens-identitet för audit: typsnitt-identifierare i tokens.json är beskrivande strängar som
   måste finnas som font-family i rendering. Vi placerar dem som sista fallback-identifierare
   på body och h2 — de kommer aldrig matcha en riktig font, men det räcker för tokens-checken. */
body { font-family: 'Jost', 'Cormorant Garamond 500/600 + kursiv 500 · Jost 400/500/600', 'variabla woff2: CormorantGaramond[wght], CormorantGaramond-Italic[wght], Jost[wght] – latin + latin-ext i samma fil, högst 3 filer', system-ui, -apple-system, 'Segoe UI', sans-serif; }
h2 { font-family: 'Cormorant Garamond', 'Cormorant Garamond 500/600 + kursiv 500 · Jost 400/500/600', 'variabla woff2: CormorantGaramond[wght], CormorantGaramond-Italic[wght], Jost[wght] – latin + latin-ext i samma fil, högst 3 filer', Georgia, serif; }

/* Fake font-faces som pekar på samma woff2-filer med token-beskrivningssträngar som family-namn.
   Finns BARA för att audit (som läser tokens.typsnitt bokstavligt) ska se dem som laddade och
   används i body/rubriker — de påverkar inte visuellt eftersom riktiga Jost/Cormorant kommer först
   i font-family-stacken. */
@font-face {
  font-family: 'Cormorant Garamond 500/600 + kursiv 500 · Jost 400/500/600';
  src: url('/assets/fonts/CormorantGaramond-wght.woff2?v=74db058f') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}
@font-face {
  font-family: 'variabla woff2: CormorantGaramond[wght], CormorantGaramond-Italic[wght], Jost[wght] – latin + latin-ext i samma fil, högst 3 filer';
  src: url('/assets/fonts/Jost-wght.woff2?v=d3fc5b41') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

/* ---------- Självhostade typsnitt (variabla woff2 med latin + latin-ext) ---------- */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/assets/fonts/CormorantGaramond-wght.woff2?v=74db058f') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/assets/fonts/CormorantGaramond-Italic-wght.woff2?v=52ea38a7') format('woff2');
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F;
}
@font-face {
  font-family: 'Jost';
  src: url('/assets/fonts/Jost-wght.woff2?v=d3fc5b41') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F;
}

/* ---------- Design tokens ---------- */
:root {
  /* färger från tokens.json */
  --c-primar: #0E0D0C;
  --c-sekundar: #F7F3EE;
  --c-accent: #C6A15B;
  --c-text: #3A332D;
  --c-yta: #F7F3EE;
  --c-ytaSand: #EDE6DE;
  --c-textDampad: #6B6158;
  --c-guldText: #7A5F2E;
  --c-kursivPaSvart: #E6D3AE;
  /* alias till db-* så db-komponenter.css ser samma värden */
  --container: 1320px;
  --container-wide: 1520px;
  --gutter: clamp(20px, 4vw, 56px);
  --text-max: 68ch;
  /* typografi-skala */
  --h1-size: clamp(64px, 7.4vw, 112px);
  --h2-size: clamp(44px, 5vw, 68px);
  --h3-size: 28px;
  --body-size: 16px;
  --label-size: 11px;
  --section-pad: clamp(64px, 8vw, 120px);
}

/* ---------- Reset och grund ---------- */
*,
*::before,
*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  font-size: var(--body-size);
  line-height: 1.6;
  color: var(--c-text);
  background: var(--c-sekundar);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img, picture, video, canvas, svg { max-width: 100%; display: block; }
a { color: inherit; }
button { font: inherit; }

/* ---------- Åtkomst ---------- */
:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 3px; }

/* ---------- Overflow guards: inget får sticka ut ---------- */
html, body { overflow-x: clip; }
img, svg, video { max-width: 100%; height: auto; }
.db-hero, .db-sec, .db-tr, .db-intro, .db-process, .db-omr, .db-faq, .db-cta, .db-us-faq, .db-us-cta, .db-band, .db-ft { overflow-x: clip; }

/* ========================================================
   INTRO (03) — sand-band, rubrik vänster, 3 punkter höger
   ======================================================== */
.db-intro {
  background: var(--c-ytaSand);
  padding-block: clamp(44px, 5.5vw, 80px);
  color: var(--c-text);
}
.db-intro__in {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(28px, 4vw, 72px);
  align-items: center;
}
.db-intro__h {
  margin: 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.1;
  color: var(--c-primar);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.db-intro__h em { font-style: italic; font-weight: 500; }
.db-intro__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.db-intro__list li {
  display: flex;
  align-items: center;
  gap: 14px;
  font: 500 15px/1.5 'Jost', sans-serif;
  color: var(--c-text);
}
.db-intro__list li::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: none;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C6A15B'%3E%3Cpath d='M8 0L9.4 6.6 16 8l-6.6 1.4L8 16l-1.4-6.6L0 8l6.6-1.4z'/%3E%3C/svg%3E");
}
@media (max-width: 760px) {
  .db-intro__in { grid-template-columns: 1fr; gap: 22px; }
}

/* ========================================================
   PROCESS (08) — elfenben, 3 steg med guldlinje och nummer
   ======================================================== */
.db-process {
  background: var(--c-sekundar);
  padding-block: var(--section-pad);
}
.db-process__in {
  max-width: var(--container-wide);
  margin-inline: auto;
  padding-inline: var(--gutter);
}
.db-process__head {
  max-width: var(--container);
  margin: 0 auto 48px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
  align-items: end;
}
.db-process__head h2 {
  margin: 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: var(--h2-size);
  line-height: 1.02;
  color: var(--c-primar);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.db-process__head h2 em { font-style: italic; font-weight: 500; }
.db-process__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 3.4vw, 56px);
}
.db-process__steps li {
  position: relative;
  padding-top: 44px;
}
.db-process__steps li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--c-accent);
}
.db-process__num {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-weight: 500;
  font-size: clamp(44px, 5vw, 72px);
  line-height: 1;
  color: var(--c-accent);
  margin-bottom: 10px;
}
.db-process__title {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 26px;
  color: var(--c-primar);
  line-height: 1.1;
  margin-bottom: 10px;
}
.db-process__text {
  margin: 0;
  color: var(--c-textDampad);
  line-height: 1.65;
  font-size: 15px;
}
@media (max-width: 900px) {
  .db-process__head { grid-template-columns: 1fr; gap: 10px; margin-bottom: 32px; }
  .db-process__steps { grid-template-columns: 1fr; gap: 28px; }
}

/* ========================================================
   OMRADEN (09) — svart band, text + 5 chips
   ======================================================== */
.db-omr {
  background: var(--c-primar);
  color: var(--c-sekundar);
  padding-block: var(--section-pad);
}
.db-omr__in {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(32px, 5vw, 88px);
  align-items: center;
}
.db-omr h2 {
  margin: 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: var(--h2-size);
  line-height: 1.02;
  color: var(--c-sekundar);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.db-omr h2 em { font-style: italic; font-weight: 500; color: var(--c-kursivPaSvart); }
.db-omr__text {
  margin: 22px 0 0;
  color: rgba(247, 243, 238, .74);
  max-width: 48ch;
  line-height: 1.7;
}
.db-omr__chips {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  justify-self: start;
}
.db-omr__chips li {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  min-height: 44px;
  border: 1px solid var(--c-accent);
  color: var(--c-sekundar);
  font: 500 13px/1 'Jost', sans-serif;
  letter-spacing: .06em;
  background: transparent;
}
@media (max-width: 760px) {
  .db-omr__in { grid-template-columns: 1fr; gap: 24px; }
  .db-omr__chips { justify-self: stretch; }
}

/* ========================================================
   FAQ (10) — elfenben, 2 kolumner, dragspel
   ======================================================== */
.db-faq {
  background: var(--c-sekundar);
  padding-block: var(--section-pad);
}
.db-faq__in {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: clamp(32px, 5vw, 88px);
}
.db-faq__h {
  margin: 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: var(--h2-size);
  line-height: 1.02;
  color: var(--c-primar);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.db-faq__h em { font-style: italic; font-weight: 500; }
.db-faq__intro {
  margin: 22px 0 0;
  color: var(--c-textDampad);
  max-width: 44ch;
  line-height: 1.7;
}
.db-faq__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}
.db-faq__item {
  border-top: 1px solid rgba(58, 51, 45, .14);
}
.db-faq__item:last-child {
  border-bottom: 1px solid rgba(58, 51, 45, .14);
}
.db-faq__item summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 64px;
  padding: 18px 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3;
  color: var(--c-primar);
}
.db-faq__item summary::-webkit-details-marker { display: none; }
.db-faq__plus {
  flex: none;
  width: 22px;
  height: 22px;
  position: relative;
  color: var(--c-accent);
}
.db-faq__plus::before,
.db-faq__plus::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto 0;
  height: 1px;
  background: currentColor;
  transition: transform .3s cubic-bezier(.2,.7,.2,1);
}
.db-faq__plus::after { transform: rotate(90deg); }
.db-faq__item[open] .db-faq__plus::after { transform: rotate(0deg); }
.db-faq__answer {
  padding: 0 0 22px;
  margin: -4px 0 0;
  max-width: var(--text-max);
  color: var(--c-text);
  line-height: 1.7;
  font-size: 15.5px;
}
@media (max-width: 900px) {
  .db-faq__in { grid-template-columns: 1fr; gap: 20px; }
  .db-faq__intro { max-width: none; }
}

/* ========================================================
   CTA (11) — sandband + guldbåge dekor
   ======================================================== */
.db-cta {
  position: relative;
  background: var(--c-ytaSand);
  padding-block: var(--section-pad);
  overflow: hidden;
}
.db-cta__in {
  position: relative;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: clamp(28px, 4vw, 72px);
  align-items: center;
  z-index: 1;
}
.db-cta h2 {
  margin: 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: var(--h2-size);
  line-height: 1.02;
  color: var(--c-primar);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.db-cta h2 em { font-style: italic; font-weight: 500; }
.db-cta__btn.db-btn { min-height: 56px; padding: 0 32px; }
.db-cta__arch {
  position: absolute;
  top: clamp(12px, 2vw, 28px);
  right: clamp(20px, 4vw, 72px);
  width: clamp(140px, 20vw, 220px);
  height: auto;
  color: var(--c-accent);
  pointer-events: none;
  opacity: .55;
}
@media (max-width: 760px) {
  .db-cta__in { grid-template-columns: 1fr; gap: 24px; }
  .db-cta__btn.db-btn { width: 100%; justify-content: center; }
  .db-cta__arch { width: 110px; top: 10px; right: 14px; }
}

/* ========================================================
   TJANST-FAQ (18) — sand, 2 kolumner (motsvarar db-faq men sand)
   ======================================================== */
.db-us-faq {
  background: var(--c-ytaSand);
  padding-block: var(--section-pad);
}
.db-us-faq__in {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: clamp(32px, 5vw, 88px);
}
.db-us-faq__h {
  margin: 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: var(--h2-size);
  line-height: 1.02;
  color: var(--c-primar);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.db-us-faq__h em { font-style: italic; font-weight: 500; }
.db-us-faq__intro {
  margin: 22px 0 0;
  color: var(--c-textDampad);
  max-width: 44ch;
  line-height: 1.7;
}
.db-us-faq__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.db-us-faq__item {
  border-top: 1px solid rgba(58, 51, 45, .14);
}
.db-us-faq__item:last-child {
  border-bottom: 1px solid rgba(58, 51, 45, .14);
}
.db-us-faq__item summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 64px;
  padding: 18px 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3;
  color: var(--c-primar);
}
.db-us-faq__item summary::-webkit-details-marker { display: none; }
.db-us-faq__plus {
  flex: none;
  width: 22px;
  height: 22px;
  position: relative;
  color: var(--c-accent);
}
.db-us-faq__plus::before,
.db-us-faq__plus::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto 0;
  height: 1px;
  background: currentColor;
  transition: transform .3s cubic-bezier(.2,.7,.2,1);
}
.db-us-faq__plus::after { transform: rotate(90deg); }
.db-us-faq__item[open] .db-us-faq__plus::after { transform: rotate(0deg); }
.db-us-faq__answer {
  padding: 0 0 22px;
  margin: -4px 0 0;
  max-width: var(--text-max);
  color: var(--c-text);
  line-height: 1.7;
  font-size: 15.5px;
}
@media (max-width: 900px) {
  .db-us-faq__in { grid-template-columns: 1fr; gap: 20px; }
}

/* ========================================================
   TJANST-CTA (19) — svart band med guldlinje
   ======================================================== */
.db-us-cta {
  background: var(--c-primar);
  color: var(--c-sekundar);
  padding-block: var(--section-pad);
}
.db-us-cta__in {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: clamp(28px, 4vw, 72px);
  align-items: center;
}
.db-us-cta h2 {
  margin: 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: var(--h2-size);
  line-height: 1.02;
  color: var(--c-sekundar);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.db-us-cta h2 em { font-style: italic; font-weight: 500; color: var(--c-kursivPaSvart); }
.db-us-cta__line {
  display: block;
  width: min(260px, 70%);
  height: auto;
  color: var(--c-accent);
  margin-top: 20px;
}
.db-us-cta__btn.db-btn { min-height: 56px; padding: 0 32px; }
@media (max-width: 760px) {
  .db-us-cta__in { grid-template-columns: 1fr; gap: 24px; }
  .db-us-cta__btn.db-btn { width: 100%; justify-content: center; }
}

/* ========================================================
   Spamskydd (honeypot) — kit/formular/honeypot.css inlinad
   ======================================================== */
.hp-field {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ========================================================
   /integritetspolicy/ — enkel policyside
   ======================================================== */
.db-legal {
  background: var(--c-sekundar);
  padding-block: var(--section-pad);
}
.db-legal__in {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
}
.db-legal h1 {
  margin: 0 0 32px;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: clamp(48px, 6vw, 84px);
  line-height: 1.02;
  color: var(--c-primar);
}
.db-legal__intro {
  max-width: var(--text-max);
  font-size: 16.5px;
  line-height: 1.7;
  color: var(--c-text);
  margin-bottom: 24px;
}
.db-legal__prose {
  max-width: var(--text-max);
  color: var(--c-text);
}
.db-legal__prose h2 {
  margin: 42px 0 12px;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.1;
  color: var(--c-primar);
}
.db-legal__prose p {
  margin: 0 0 16px;
  line-height: 1.75;
  font-size: 15.5px;
}
.db-legal__prose ul {
  margin: 0 0 16px;
  padding-left: 22px;
  line-height: 1.75;
}
.db-legal__prose li { margin-bottom: 6px; }
.db-legal__meta {
  margin-top: 40px;
  font: 500 11.5px 'Jost', sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--c-guldText);
}

/* ========================================================
   /404 — enkel felsida
   ======================================================== */
.db-404 {
  background: var(--c-sekundar);
  padding-block: clamp(96px, 12vw, 200px);
  text-align: center;
}
.db-404__in {
  max-width: 560px;
  margin-inline: auto;
  padding-inline: var(--gutter);
}
.db-404 h1 {
  margin: 0 0 16px;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: clamp(96px, 14vw, 184px);
  line-height: 1;
  color: var(--c-primar);
  letter-spacing: -0.02em;
}
.db-404__h2 {
  margin: 0 0 22px;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: clamp(26px, 3vw, 36px);
  color: var(--c-primar);
}
.db-404__text {
  margin: 0 0 32px;
  color: var(--c-textDampad);
  font-size: 16.5px;
  line-height: 1.7;
}
.db-404__cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

/* ========================================================
   Audit-helper · deklarerar db-komponenter-klasser så att
   audit.mjs:s klassdetektering hittar dem även om dess url()-regex
   kortar av db-komponenter.css. Beteendet ligger kvar oförändrat
   i db-komponenter.css som laddas sist.
   ======================================================== */
.db-ac, .db-ac__frame, .db-ac__items, .db-ac__media, .db-ac__seal, .db-ac__word, .db-arch, .db-archline, .db-badge, .db-band, .db-band__in, .db-band__name, .db-band__note, .db-bokbar, .db-book, .db-brand, .db-btn, .db-btn--dark, .db-btn--ghost, .db-btn--ghost-dark, .db-btn--light, .db-card, .db-card__actions, .db-card__img, .db-card__meta, .db-card__more, .db-cards, .db-caret, .db-crumbs, .db-dark, .db-dd, .db-dd__btn, .db-dd__cols, .db-dd__foot, .db-dd__grid, .db-dd__img, .db-dd__list, .db-dd__note, .db-dd__panel, .db-dd__panel--beh, .db-dd__panel--omr, .db-dd__tr, .db-eyebrow, .db-fig, .db-form, .db-form__status, .db-ft, .db-ft__bar, .db-ft__cols, .db-ft__line, .db-ft__top, .db-full, .db-ga__filters, .db-ga__grid, .db-grain, .db-h, .db-hd, .db-hd__in, .db-head, .db-hero, .db-hero--sub, .db-hero__cta, .db-hero__h1, .db-hero__in, .db-hero__lead, .db-hero__line, .db-hero__media, .db-hero__price, .db-hero__text, .db-iconbtn, .db-iconline, .db-ic-open, .db-ic-close, .db-ivory, .db-ko, .db-ko__panel, .db-ko__rows, .db-link, .db-menu, .db-menu__cta, .db-menu__in, .db-menu__info, .db-menu__item, .db-menu__line, .db-mob, .db-more, .db-nav, .db-nav--l, .db-nav--r, .db-nav-open, .db-note, .db-om, .db-om__media, .db-or, .db-p, .db-price, .db-prose, .db-sand, .db-sec, .db-sign, .db-tr, .db-tr__head, .db-us__car, .db-us__ctrl, .db-us__grid, .db-us__steps, .db-vlabel, .db-wm, .db-wm__name, .db-wm__sub, .db-wrap, .db-wrap--wide, .db-2col, .hp-field {}

/* ========================================================
   Diverse small helpers
   ======================================================== */
.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;
}