.order-note-card{border-bottom-width:1px;display:grid;gap:1rem;--tw-border-opacity:1;border-color:rgb(var(--color-stroke)/var(--tw-border-opacity));padding-bottom:1rem}.order-note-card .header{justify-content:space-between;padding-inline-start:.5rem}.order-note-card .header,.order-note-card .header .user-box{align-items:center;display:flex;gap:.5rem}.order-note-card .header .user-box .avatar{border-radius:9999px;height:1.5rem;width:1.5rem}.order-note-card .header .user-box .user-name{font-family:modam-regular;font-size:11px;line-height:20px}@media (max-width:576px){.order-note-card .header .user-box .user-name{font-size:10px}}.order-note-card .header .user-box .user-name{--tw-text-opacity:1;color:rgb(var(--color-secondary-text)/var(--tw-text-opacity))}.order-note-card .header .created-date{font-family:modam-regular;font-size:11px;line-height:20px}@media (max-width:576px){.order-note-card .header .created-date{font-size:10px}}.order-note-card .header .created-date{--tw-text-opacity:1;color:rgb(var(--color-secondary-text)/var(--tw-text-opacity))}.order-note-card .card{border-radius:.375rem;border-width:2px;position:relative;--tw-border-opacity:1;border-color:rgb(242 48 48/var(--tw-border-opacity));--tw-bg-opacity:1;padding:.75rem}.order-note-card .card,.order-note-card .card .arrow{background-color:rgb(var(--color-secondary-bg)/var(--tw-bg-opacity))}.order-note-card .card .arrow{height:1rem;position:absolute;right:.625rem;top:-9px;width:1rem;--tw-rotate:-45deg;border-right-width:2px;border-top-width:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(242 48 48/var(--tw-border-opacity));--tw-bg-opacity:1}.order-note-card .card.new,.order-note-card .card.new .arrow{--tw-border-opacity:1;border-color:rgb(25 241 255/var(--tw-border-opacity))}.order-note-card .card .note-text{font-family:modam-medium;font-size:13px;line-height:24px}@media (max-width:576px){.order-note-card .card .note-text{font-size:12px}}.order-note-card .card .note-text{white-space:pre-line}