/* Unified optical sizing and quiet, consistent icon surfaces. */
[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;font-style:normal;vertical-align:middle}
[data-icon] svg{display:block;width:20px;height:20px;overflow:visible}
.button [data-icon] svg{width:20px;height:20px}.button [data-icon="arrow"] svg{width:18px;height:18px}
.role-tabs button>i:first-child{width:34px;height:34px;border-radius:10px;background:#eee8f5;color:#8960b2;border:1px solid #9f7cbe12;box-shadow:none}
.role-tabs button>i:first-child svg{width:20px;height:20px}
.role-tabs button[aria-selected=true]>i:first-child{background:#c59ae919;color:#d8b8f3;border-color:#d0a8ee25}
.role-tabs button:hover>i:first-child{transform:none;background:#e9dff3}
.role-tabs button[aria-selected=true]:hover>i:first-child{background:#c59ae929}
.role-tabs button>i:last-child svg{width:15px;height:15px;opacity:.75}
.arrival-card>i{width:46px;height:46px;border-radius:13px;box-shadow:none}
.arrival-card>i svg{width:24px;height:24px}
.socials button{display:inline-flex;align-items:center;justify-content:center}.socials [data-icon] svg{width:21px;height:21px}
.photo-label [data-icon] svg{width:13px;height:13px}.text-link [data-icon] svg{width:18px;height:18px}.dialog-icon [data-icon] svg{width:30px;height:30px}
@media(max-width:800px){.role-tabs button>i:first-child{width:30px;height:30px;border-radius:9px}.role-tabs button>i:first-child svg{width:18px;height:18px}}