.quick-add__modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;background:var(--color-shadow);height:100%}.quick-add__modal[open]{opacity:1;visibility:visible;z-index:101}.quick-add__modal__content__wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-color);overflow:hidden;z-index:-1;max-width:768px;width:100%;max-height:90svh;display:flex;flex-direction:column}.quick-add__modal__content__wrapper p{letter-spacing:0;line-height:var(--line-height-heading)}.quick-add__modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-x-large) var(--spacing-xxx-large) var(--spacing-normal);border-bottom:1px solid var(--border-color)}.quick-add__modal__header__title{margin:0;font-weight:var(--font-heading-weight-bold);letter-spacing:0}.quick-add__modal__close{cursor:pointer;flex-shrink:0;z-index:5;border:none;display:flex;align-items:center;justify-content:center;color:var(--color-shadow);background-color:var(--bg-color);padding:var(--spacing-xxx-small);width:var(--spacing-xxx-large);height:-moz-fit-content;height:fit-content}.quick-add__modal__close svg{width:100%;height:auto}.quick-add__modal__close:hover{color:var(--bg-color-dark)}.quick-add__modal__content{overflow-y:auto}@media (max-width: 768px){.quick-add__modal__content__wrapper{width:calc(100% - var(--spacing-xxx-large));max-width:28rem}}