.shortener-item{padding:var(--size-500);border:1px solid var(--clr-divider);border-radius:var(--size-200);cursor:pointer;&.active{border-color:var(--clr-primary)}.shortener-item-detail{.shortener-item-title{font-weight:var(--fw-semibold)}.shortener-item-description{color:var(--clr-body-text)}}.shortener-item-form{display:grid;grid-template-rows:0fr;width:100%;transition:grid-template-rows .3s ease-in-out,margin .3s ease-in-out;&.active{margin-top:var(--size-500);grid-template-rows:1fr}.body{display:grid;align-items:flex-start;grid-template-columns:1fr 1fr;grid-gap:var(--size-500);gap:var(--size-500);overflow:hidden}}}.modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background-color:rgba(0,0,0,.25)}.modal .modal-dialog{position:fixed;display:grid;grid-gap:var(--size-600);gap:var(--size-600);width:min(580px,80%);max-height:75dvh;padding:var(--size-800);border-radius:var(--size-200);background-color:var(--clr-white);box-shadow:0 5px 20px 0 hsla(254,14%,32%,.4);color:var(--clr-body)}.modal .modal-dialog .modal-header{display:flex;align-items:center;justify-content:space-between}.modal .modal-dialog .modal-header h5{color:var(--clr-heading-text);font-size:1.375rem;font-weight:var(--fw-semibold)}.modal .modal-dialog .modal-body{overflow-y:auto;scroll-behavior:smooth;&:hover{&::-webkit-scrollbar-thumb{background-color:#aaa}}&::-webkit-scrollbar{width:6px;height:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:transparent;border-radius:6px}&::-webkit-scrollbar-thumb:hover{background-color:#999}}.modal .modal-dialog .modal-footer{display:grid;grid-auto-flow:column;justify-content:flex-end;grid-gap:var(--size-600);gap:var(--size-600)}.utm-definition-auto-complete-container{position:relative;.form-control{position:relative}.hightlight{position:absolute;width:100%;height:100%;right:0;cursor:text;line-height:22px;border-radius:var(--size-200);padding:var(--size-400);background-color:var(--clr-white);z-index:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;.tag{padding:2px;border-radius:var(--size-100);&.success{background-color:var(--clr-primary-soft-100);color:var(--clr-primary)}&.danger{background-color:var(--clr-danger-soft-100);color:var(--clr-danger)}}}}.utm-definition-auto-complete-dropdown{position:absolute;z-index:9999999;display:none;width:100%;max-width:200px;height:auto;max-height:200px;overflow-y:auto;background-color:var(--clr-white);padding:var(--size-300);box-shadow:0 .5rem 1rem rgba(0,0,0,.25);border-radius:var(--size-200);.primary-invert-link{width:100%;background-color:var(--clr-white);color:var(--clr-body);font-weight:var(--size-400);padding-inline:var(--size-300)}.primary-invert-link:hover{background-color:var(--clr-primary-soft-100);color:var(--clr-primary-500)}&.active{display:block}}body:has(.utm-definition-auto-complete-dropdown.active) .ant-select-dropdown{display:none!important}