How to slow animation of collapsible row drop down

[undercoverfresh]

I’m looking to slow down the animation of the collapsible drawer when it drops down so it would be more smoother. For mobile and desktop on dawn theme 

URL knmb1c-pf.myshopify.com

password samurai 

[B2Bridge]

Hi @undercoverfresh, you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code.

Step 2: Find base.css file.

Step 3: Paste this code at the bottom of the file

:root {
    interpolate-size: allow-keywords;
}

details {
    overflow: hidden;
}

details::details-content {
 block-size: 0;
 transition: block-size 0.5s ease, content-visibility 0.5s ease;
    transition-behavior: allow-discrete;
}

details[open]::details-content {
  block-size: auto;
}

 If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍