.search-content{width:calc(100% + 3.6rem);position:absolute;top:calc(100%);left:-1.6rem;transition:transform .4s ease,opacity .2s ease;opacity:0;transform:scaleY(0);transform-origin:top}.card-content,.search-content{border-top-left-radius:0;border-top-right-radius:0}.card-content{width:100%}.search-modal.active>.search-content{opacity:1;transform:scaleY(1)}.search-modal .search-overlay{transition:background-color .8s ease,backdrop-filter .5s ease;background-color:initial;position:fixed;left:0;width:100%;height:100%}.search-modal.active>.search-overlay{background-color:rgba(0,0,0,.5);pointer-events:visible}@media (min-width:768px){.search-content{top:calc(100% + 12px)}.card-content{border-radius:1.6rem;box-shadow:0 12px 20px 0 rgba(0,0,0,.04);box-shadow:0 0 20px 0 rgba(0,0,0,.1)}}