* {
  box-sizing:border-box;
}
html {
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
}
body {
  margin:0;
  background:#fff;
  color:#080d1a;
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.5;
}
button,input {
  font:inherit;
}
button,a,input {
  -webkit-tap-highlight-color:transparent;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  cursor:pointer;
}
button:focus-visible,a:focus-visible,input:focus-visible {
  outline:3px solid #ef5546;
  outline-offset:5px;
}
button {
  color:inherit;
}
p,h1,h2,h3 {
  margin:0;
}
svg {
  width:1em;
  height:1em;
  display:inline-block;
  fill:currentColor;
  vertical-align:middle;
}
[data-icon] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.container {
  width:87.2%;
  max-width:1180px;
  margin:0 auto;
}
.hero {
  height:650px;
  position:relative;
  background:#faeee5 url('assets/images/hero.f041fbc5.jpg') center center/cover no-repeat;
}
.hero:before {
  content:"";
  position:absolute;
  inset:0;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:linear-gradient(90deg,rgba(255,252,250,.65),rgba(255,252,250,.12) 45%,transparent 65%);
}
.header {
  position:relative;
  display:flex;
  align-items:center;
  height:78px;
  z-index:2;
}
.brand {
  display:inline-flex;
  align-items:center;
  font-size:31px;
  font-weight:700;
  letter-spacing:-1.2px;
  color:#373942;
  line-height:1;
}
.brand-flame {
  font-size:44px;
  color:#ff5147;
  margin-right:10px;
  transform:rotate(-9deg);
  width:.72em;
  height:1em;
  background:url('assets/images/logo.9b8d8af8.png') center/contain no-repeat;
}
.brand-flame svg {
  display:none;
}
.brand-flame img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.header-nav {
  display:flex;
  margin-left:49px;
  align-items:center;
}
.header-nav a {
  font-size:13px;
  color:#505767;
  margin-right:36px;
  padding:10px 0;
}
.header-nav a:hover,.footer-nav a:hover {
  color:#ff413c;
}
.theme-toggle {
  margin-left:auto;
  padding:9px;
  border:0;
  background:transparent;
  color:#515b61;
  font-size:20px;
  line-height:1;
}
.sun {
  display:none;
}
.hero-content {
  position:relative;
  height:555px;
}
.hero-copy {
  padding:61px 0 0 12px;
  position:relative;
  z-index:1;
}
.eyebrow {
  font-size:10.5px;
  letter-spacing:2.4px;
  color:#f72430;
  margin-bottom:9px;
}
.hero h1 {
  font-size:64px;
  line-height:.96;
  letter-spacing:-2.8px;
  font-weight:700;
}
.title-brand {
  display:block;
  font-size:74px;
  line-height:1.04;
  margin-bottom:2px;
  letter-spacing:-3.5px;
}
.red {
  display:block;
  color:#ff3e3f;
  background:linear-gradient(155deg,#ff6262,#ff453e 50%,#ef1523);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.intro {
  color:#566072;
  font-size:16.5px;
  line-height:1.45;
  margin:15px 0 20px;
  letter-spacing:-.3px;
}
.download-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:57px;
  border:1px solid #ff5a4d;
  border-radius:9px;
  background:#ff443e;
  background:linear-gradient(115deg,#ff3838,#ff493e 70%,#ff7661);
  box-shadow:0 7px 18px rgba(247,64,43,.13);
  color:#fff;
  font-size:16px;
  font-weight:600;
  padding:13px 24px;
  transition:box-shadow .2s,transform .2s;
}
.download-button:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(240,55,38,.3);
}
.download-button>[data-icon]:first-child {
  font-size:27px;
  margin-right:14px;
}
.download-button .arrow {
  margin-left:17px;
  font-size:17px;
  font-weight:400;
}
.version {
  font-size:13px;
  color:#566072;
  margin-top:10px;
}
.version span {
  padding:0 6px;
}
.app-window {
  position:absolute;
  top:196px;
  right:-16px;
  width:434px;
  height:297px;
  background:rgba(255,250,246,.97);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 12px 25px rgba(43,13,5,.2);
  border-radius:12px;
  overflow:hidden;
  z-index:2;
  color:#111723;
  pointer-events:none;
  user-select:none;
}
.app-titlebar {
  height:35px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  border-bottom:1px solid #eee6e1;
  font-size:12px;
}
.app-title {
  display:flex;
  align-items:center;
}
.app-title>[data-icon] {
  color:#ff5645;
  font-size:19px;
  margin-right:9px;
  width:19px;
  height:19px;
  background:url('assets/images/logo.9b8d8af8.png') center/contain no-repeat;
}
.app-title>[data-icon] svg {
  display:none;
}
.app-title>.brand-flame {
  font-size:19px;
  width:19px;
  height:19px;
  margin-right:9px;
  transform:none;
}
.window-controls {
  display:flex;
  align-items:center;
  color:#414b54;
}
.window-controls>span {
  font-size:12px;
  margin-left:29px;
}
.window-square {
  display:inline-block;
  width:10px;
  height:10px;
  border:1px solid;
  border-radius:1px;
}
.app-body {
  padding:22px;
  position:relative;
  height:260px;
  text-align:center;
}
.app-brand {
  color:#f11917;
  font-size:36px;
  margin:0 auto 22px;
  letter-spacing:-1.6px;
}
.app-brand .brand-flame {
  font-size:51px;
  margin-right:6px;
}
.link-input {
  height:35px;
  display:flex;
  align-items:center;
  background:#fff;
  border-radius:5px;
  box-shadow:0 2px 3px rgba(197,99,78,.14);
  color:#9296a5;
  text-align:left;
}
.link-input>[data-icon] {
  font-size:17px;
  margin:0 11px;
  width:17px;
  height:17px;
  background:url('assets/icons/link.457e42a7.svg') center/contain no-repeat;
}
.link-input>[data-icon] svg {
  display:none;
}
.link-input input {
  width:100%;
  min-width:0;
  height:100%;
  border:0;
  background:transparent;
  color:#535d6e;
  font-size:12px;
  outline-offset:2px;
}
.link-input input::placeholder {
  color:#a4a8b7;
}
.app-download {
  display:inline-block;
  min-width:137px;
  background:#ff4039;
  background:linear-gradient(120deg,#ff4c3e,#ff3535);
  color:#fff;
  border:1px solid #fff;
  border-radius:5px;
  padding:8px 31px;
  font-size:16px;
  font-weight:600;
  margin-top:17px;
}
.app-download:hover {
  background:#ec302c;
}
.app-footer {
  position:absolute;
  bottom:12px;
  left:19px;
  display:flex;
}
.app-footer span {
  background:none;
  font-size:11.5px;
  padding:0;
  margin-right:16px;
}
.handwriting {
  font-family:Caveat,'Brush Script MT',cursive;
  font-weight:400;
  line-height:1.05;
}
.app-note {
  position:absolute;
  right:12px;
  bottom:25px;
  font-size:25px;
  color:#ff392e;
  transform:rotate(-14deg);
  pointer-events:none;
}
.app-note span {
  margin-left:4px;
}
.app-note:after,.moments-note:after {
  content:"";
  position:absolute;
  left:10%;
  right:6%;
  height:1px;
  background:currentColor;
  bottom:-9px;
  transform:rotate(-7deg);
}
.hero-wave {
  position:absolute;
  bottom:-1px;
  left:0;
  width:100%;
  height:37px;
  fill:#fff;
  display:block;
}
.features {
  display:flex;
  justify-content:space-between;
  padding-top:28px;
  padding-bottom:29px;
}
.feature {
  text-align:center;
  width:23%;
}
.feature-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 12px;
  border-radius:50%;
  width:72px;
  height:72px;
  background:#fff3ed;
  color:#ff4a44;
  font-size:36px;
}
.feature-icon svg {
  width:35px;
  height:38px;
}
.feature h2 {
  font-size:17px;
  font-weight:700;
  letter-spacing:-.6px;
  margin-bottom:5px;
}
.feature p {
  font-size:13.5px;
  color:#646a7c;
  line-height:1.6;
}
.hd-icon {
  font-weight:700;
  font-size:19px;
  color:white;
  border-radius:6px;
  background:linear-gradient(120deg,#ff7b6b,#ff323a);
  padding:1px 4px;
  line-height:28px;
}
.platforms {
  width:92%;
  max-width:1250px;
  margin:0 auto 12px;
  background:#fdf4ef;
  background:linear-gradient(115deg,#fdf3ed,#fdf6f2);
  padding:16px 24px 15px;
  border-radius:16px;
  text-align:center;
}
.platforms>h2 {
  font-size:29px;
  font-weight:700;
  letter-spacing:-1px;
}
.platform-intro {
  font-size:15.5px;
  color:#59616e;
  margin-bottom:15px;
}
.platform-list {
  display:flex;
  margin:0 -10px;
}
.platform {
  width:25%;
  margin:0 10px;
  background:rgba(255,255,255,.43);
  border:1px solid #eee5e1;
  border-radius:10px;
  padding:19px 8px 14px;
  color:#69696c;
  min-height:138px;
}
.platform>[data-icon] {
  height:47px;
  font-size:45px;
  margin-bottom:8px;
}
.platform h3 {
  font-size:17px;
  line-height:1.4;
  letter-spacing:-.4px;
}
.platform p {
  font-size:12.5px;
  color:#818596;
  margin-top:3px;
}
.platform.available {
  border-color:#ff4b4a;
  color:#ff393b;
  background:rgba(255,255,255,.65);
}
.platform.available h3 {
  color:#111624;
}
.platform.available p {
  color:red;
}
.platform.available:hover {
  background:white;
  box-shadow:0 4px 14px #ffdddd;
}
.faq-section {
  padding:56px 0 62px;
  background:#fff;
}
.faq-inner {
  max-width:820px;
  text-align:center;
}
.faq-section .eyebrow {
  margin-bottom:8px;
}
.faq-section h2 {
  font-size:32px;
  line-height:1.15;
  letter-spacing:-1px;
}
.faq-intro {
  color:#626a78;
  font-size:15px;
  margin:10px 0 26px;
}
.faq-list {
  border-top:1px solid #eee3df;
  text-align:left;
}
.faq-item {
  border-bottom:1px solid #eee3df;
}
.faq-item h3 {
  margin:0;
}
.faq-item h3 button {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:19px 5px;
  border:0;
  background:transparent;
  color:#111624;
  font-size:16px;
  font-weight:600;
  text-align:left;
}
.faq-item h3 button span {
  color:#ff443e;
  font-size:24px;
  font-weight:400;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .2s;
}
.faq-item.is-open h3 button span {
  transform:rotate(45deg);
}
.faq-answer {
  padding:0 42px 18px 5px;
  color:#626a78;
  font-size:14px;
  line-height:1.6;
}
.moments {
  height:297px;
  border-radius:20px 20px 0 0;
  color:#fff;
  background:#351917 url('assets/images/moments.b6264418.jpg') center 10%/cover no-repeat;
  position:relative;
  overflow:hidden;
}
.moments:before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:linear-gradient(90deg,rgba(33,16,19,.55),transparent 65%,rgba(36,14,16,.3));
}
.moments-inner {
  position:relative;
  height:100%;
  padding:28px 9px;
}
.moments-copy h2 {
  font-size:36px;
  font-weight:600;
  letter-spacing:-.8px;
  line-height:1.02;
}
.moments-copy p {
  font-size:15px;
  line-height:1.45;
  margin:7px 0 15px;
}
.moments .download-button {
  min-height:59px;
  padding-left:28px;
  padding-right:28px;
}
.moments-note {
  position:absolute;
  right:-8px;
  top:48px;
  color:#ffc0ac;
  transform:rotate(-14deg);
  font-size:23px;
  line-height:1.4;
  text-align:center;
}
.footer {
  min-height:116px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#626777;
}
.footer .brand {
  font-size:23px;
  letter-spacing:-.9px;
  color:#535865;
}
.footer .brand-flame {
  font-size:36px;
  margin-right:7px;
}
.footer p {
  font-size:11.5px;
  margin-top:4px;
  white-space:nowrap;
}
.footer-nav {
  display:flex;
  align-items:center;
  padding-top:7px;
}
.footer-nav a {
  font-size:12px;
  margin:0 12px;
}
.footer-right {
  text-align:right;
}
.socials {
  display:flex;
  justify-content:flex-end;
  margin-bottom:10px;
}
.socials button {
  border:0;
  background:transparent;
  color:#606570;
  padding:0;
  margin-left:17px;
  font-size:19px;
  line-height:1;
}
.socials button:hover {
  color:#ff4a44;
}
.modal-overlay {
  position:fixed;
  z-index:20;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:rgba(15,12,17,.6);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.modal-overlay[hidden] {
  display:none;
}
.modal {
  position:relative;
  background:#fffaf7;
  width:100%;
  max-width:510px;
  padding:32px;
  border-radius:16px;
  max-height:85vh;
  overflow:auto;
  box-shadow:0 20px 80px rgba(0,0,0,.2);
}
.modal h2 {
  font-size:26px;
  line-height:1.2;
  margin:0 30px 20px 0;
  letter-spacing:-.8px;
}
.modal p {
  color:#5d6472;
  margin:12px 0;
}
.modal h3 {
  font-size:16px;
  margin-top:19px;
}
.modal-close {
  position:absolute;
  top:14px;
  right:14px;
  background:transparent;
  border:0;
  padding:8px;
  font-size:19px;
}
.modal .download-button {
  margin-top:12px;
}
.modal-option {
  display:block;
  margin:15px 0;
}
.modal-option input {
  margin-right:9px;
  accent-color:#ff443e;
}
.sr-only,.skip-link {
  position:fixed;
  left:0;
  top:auto;
  width:1px;
  height:1px;
  padding:0;
  margin:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}
.skip-link:focus {
  left:12px;
  top:10px;
  width:auto;
  height:auto;
  margin:0;
  padding:12px;
  clip:auto;
  clip-path:none;
  white-space:normal;
  background:#fff;
  z-index:30;
}
.dark body {
  background:#18191e;
  color:#f4f0ed;
}
.dark .hero:before {
  background:linear-gradient(90deg,rgba(24,25,30,.98),rgba(24,25,30,.85) 32%,rgba(24,25,30,.12) 76%);
}
.dark .header .brand,.dark .header-nav a,.dark .theme-toggle,.dark .intro,.dark .version {
  color:#e4dcd7;
}
.dark .eyebrow {
  color:#ff857b;
}
.dark .hero-wave {
  fill:#18191e;
}
.dark .moon {
  display:none;
}
.dark .sun {
  display:inline-flex;
}
.dark .feature-icon {
  background:#332626;
}
.dark .feature p,.dark .platform-intro,.dark .footer,.dark .footer .brand {
  color:#b9b6bc;
}
.dark .platforms {
  background:#252226;
}
.dark .platform {
  background:#29272c;
  border-color:#433b3c;
  color:#bbb7bc;
}
.dark .platform p {
  color:#b4acb3;
}
.dark .platform.available {
  border-color:#ff6158;
  color:#ff6158;
  background:#342728;
}
.dark .platform.available h3 {
  color:#fff;
}
.dark .platform.available p {
  color:#ff837a;
}
.dark .platform.available:hover {
  background:#413031;
  box-shadow:none;
}
.dark .faq-section {
  background:#18191e;
}
.dark .faq-list,.dark .faq-item {
  border-color:#39343a;
}
.dark .faq-item h3 button {
  color:#f3edf0;
}
.dark .faq-intro,.dark .faq-answer {
  color:#b9b6bc;
}
.dark .socials button {
  color:#bbb7bc;
}
.dark .modal {
  background:#26242a;
}
.dark .modal p {
  color:#c5bfc5;
}
.dark .app-window {
  background:#292429;
  color:#eee3dd;
  border-color:#605050;
}
.dark .app-titlebar {
  border-color:#493b3b;
}
.dark .window-controls {
  color:#d2c9c9;
}
.dark .link-input {
  background:#3b3439;
}
.dark .link-input input {
  color:#fff;
}
.dark .app-brand {
  color:#ff6256;
}
@media(min-width:1200px) {
  .hero {
    height:720px;
  }
  .hero-content {
    height:625px;
  }
  .hero-copy {
    padding-top:85px;
  }
  .hero h1 {
    font-size:76px;
  }
  .title-brand {
    font-size:86px;
  }
  .intro {
    font-size:18px;
  }
  .app-window {
    top:225px;
    width:480px;
    height:314px;
  }
  .app-body {
    height:278px;
    padding:27px;
  }
  .app-brand {
    margin-bottom:25px;
  }
  .features {
    padding-top:30px;
    padding-bottom:32px;
  }
  .platforms {
    padding-top:20px;
    padding-bottom:20px;
  }
  .moments {
    height:330px;
  }
  .moments-inner {
    padding-top:36px;
  }
  .moments-copy h2 {
    font-size:40px;
  }
  .footer {
    min-height:125px;
  }
}
@media(max-width:900px) and (min-width:701px) {
  .container {
    width:90%;
  }
  .hero-copy {
    padding-left:0;
  }
  .hero h1 {
    font-size:55px;
  }
  .title-brand {
    font-size:64px;
  }
  .intro {
    font-size:14px;
  }
  .app-window {
    width:365px;
    right:-5px;
    top:217px;
  }
  .app-note {
    font-size:22px;
  }
  .download-button {
    font-size:14px;
    padding-left:17px;
    padding-right:17px;
  }
  .footer-nav a {
    margin:0 7px;
  }
  .footer p {
    font-size:10px;
  }
  .footer .brand {
    font-size:21px;
  }
}
@media(max-width:700px) {
  .container {
    width:88%;
  }
  .header {
    height:77px;
  }
  .header .brand {
    font-size:26px;
  }
  .header .brand-flame {
    font-size:36px;
    margin-right:7px;
  }
  .header-nav {
    margin-left:auto;
  }
  .header-nav a {
    margin:0 0 0 19px;
    font-size:12px;
  }
  .theme-toggle {
    margin-left:15px;
    font-size:19px;
    padding:8px 0 8px 8px;
  }
  .hero {
    height:auto;
    min-height:858px;
    background-position:65% top;
    background-size:auto 600px;
    background-color:#f7e8df;
  }
  .hero:before {
    background:linear-gradient(180deg,transparent 48%,#f7e8df 70%),linear-gradient(90deg,rgba(255,250,247,.95),rgba(255,250,247,.79) 48%,rgba(255,250,247,.16));
  }
  .hero-content {
    height:auto;
    padding-bottom:65px;
  }
  .hero-copy {
    padding:37px 0 0;
  }
  .eyebrow {
    font-size:9px;
    letter-spacing:1.8px;
    margin-bottom:12px;
  }
  .hero h1 {
    font-size:59px;
    letter-spacing:-2.7px;
  }
  .title-brand {
    font-size:68px;
    margin-bottom:6px;
  }
  .intro {
    font-size:15px;
    line-height:1.55;
    max-width:340px;
    margin-top:20px;
  }
  .desktop-break {
    display:none;
  }
  .download-button {
    font-size:15px;
    min-height:55px;
    padding:12px 20px;
  }
  .version {
    font-size:11px;
    margin-top:11px;
  }
  .version span {
    padding:0 5px;
  }
  .app-window {
    position:relative;
    right:auto;
    top:auto;
    margin:37px auto 0;
    width:100%;
    max-width:434px;
    height:282px;
  }
  .app-body {
    height:247px;
    padding:19px;
  }
  .app-brand {
    font-size:32px;
    margin-bottom:19px;
  }
  .app-brand .brand-flame {
    font-size:43px;
  }
  .app-note {
    font-size:22px;
    right:13px;
    bottom:22px;
  }
  .app-download {
    font-size:15px;
    padding:8px 25px;
  }
  .features {
    flex-wrap:wrap;
    padding-top:20px;
    padding-bottom:8px;
  }
  .feature {
    width:50%;
    padding:8px 4px 25px;
  }
  .feature-icon {
    width:64px;
    height:64px;
    font-size:31px;
    margin-bottom:11px;
  }
  .feature h2 {
    font-size:16px;
    letter-spacing:-.6px;
  }
  .feature p {
    font-size:12px;
  }
  .platforms {
    width:92%;
    padding:20px 13px 13px;
    margin-bottom:16px;
  }
  .platforms>h2 {
    font-size:25px;
    letter-spacing:-.8px;
  }
  .platform-intro {
    font-size:12px;
    margin:5px 0 15px;
  }
  .platform-list {
    flex-wrap:wrap;
    margin:0 -5px;
  }
  .platform {
    width:calc(50% - 10px);
    margin:0 5px 10px;
    padding-top:17px;
    min-height:136px;
  }
  .platform h3 {
    font-size:16px;
  }
  .platform p {
    font-size:12px;
  }
  .moments {
    height:347px;
    background-position:60% center;
    border-radius:16px 16px 0 0;
  }
  .moments:before {
    background:linear-gradient(90deg,rgba(30,13,16,.84),rgba(30,13,16,.48) 60%,rgba(30,13,16,.1));
  }
  .moments-inner {
    padding:32px 0;
  }
  .moments-copy h2 {
    font-size:35px;
  }
  .moments-copy p {
    font-size:14px;
    max-width:300px;
    margin-top:12px;
    margin-bottom:19px;
  }
  .moments .download-button {
    padding:13px 19px;
    font-size:14px;
    min-height:55px;
  }
  .moments-note {
    right:0;
    top:34px;
    font-size:17px;
    line-height:1.5;
  }
  .footer {
    flex-wrap:wrap;
    padding:25px 0 22px;
    min-height:190px;
  }
  .footer-brand {
    width:55%;
  }
  .footer-right {
    width:45%;
    order:2;
  }
  .footer-nav {
    order:3;
    width:100%;
    justify-content:space-between;
    margin-top:20px;
    padding:16px 0 0;
    border-top:1px solid #eee7e4;
  }
  .footer-nav a {
    font-size:12px;
    margin:0;
  }
  .footer p {
    font-size:9px;
    white-space:normal;
  }
  .socials {
    margin-bottom:12px;
  }
  .socials button {
    font-size:17px;
    margin-left:13px;
  }
  .footer .brand {
    font-size:24px;
  }
  .dark .hero {
    background-color:#231e21;
  }
  .dark .hero:before {
    background:linear-gradient(180deg,transparent 48%,#231e21 70%),linear-gradient(90deg,rgba(24,25,30,.96),rgba(24,25,30,.8) 48%,rgba(24,25,30,.32));
  }
  .dark .footer-nav {
    border-color:#3a3336;
  }
}
@media(max-width:380px) {
  .container {
    width:90%;
  }
  .header-nav a {
    margin-left:13px;
    font-size:11px;
  }
  .header .brand {
    font-size:23px;
  }
  .header .brand-flame {
    font-size:30px;
  }
  .theme-toggle {
    margin-left:0;
    padding-left:0;
  }
  .hero h1 {
    font-size:53px;
  }
  .title-brand {
    font-size:62px;
  }
  .eyebrow {
    font-size:8.5px;
    letter-spacing:1.5px;
  }
  .moments-note {
    font-size:15px;
    right:0;
  }
  .socials button {
    margin-left:10px;
  }
  .footer p {
    font-size:9px;
  }
  .feature h2 {
    font-size:15px;
  }
  .feature p {
    font-size:12px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  * {
    transition:none!important;
  }
}