/* Generated by build-web-typography.cjs: approved web font increase of 4px. */
html.web-font-large body{font-size:20px}
/* /brand-font.css */
/* /app.css */
html.web-font-large button,html.web-font-large input,html.web-font-large select,html.web-font-large textarea{font-size:inherit}
html.web-font-large label{font-size:18px}
html.web-font-large h2{font-size:26px}
html.web-font-large h3{font-size:21px}
html.web-font-large .brand{font-size:23px}
html.web-font-large .brand small{font-size:15px}
html.web-font-large .brand-mark{font-size:29px}
html.web-font-large .top-label{font-size:17px}
html.web-font-large .eyebrow{font-size:16px}
html.web-font-large .intro h1{font-size:52px}
html.web-font-large .intro > p{font-size:21px}
html.web-font-large .journey b{font-size:16px}
html.web-font-large .journey span{font-size:19px}
html.web-font-large .journey small{font-size:16px}
html.web-font-large .intro-note{font-size:15px}
html.web-font-large .login-card h2{font-size:31px}
html.web-font-large .muted{font-size:17px}
html.web-font-large .login-note{font-size:15px}
html.web-font-large .form-error{font-size:17px}
html.web-font-large .page-heading h1{font-size:36px}
html.web-font-large .sidebar-heading h2{font-size:20px}
html.web-font-large .ticket-item strong{font-size:19px}
html.web-font-large .ticket-item .ticket-number{font-size:14px}
html.web-font-large .badge{font-size:15px}
html.web-font-large .detail-heading h2{font-size:28px}
html.web-font-large .ticket-description{font-size:18px}
html.web-font-large .info-block p{font-size:18px}
html.web-font-large .price{font-size:40px}
html.web-font-large .price small{font-size:19px}
html.web-font-large .quote-box p{font-size:16px}
html.web-font-large .rejection-panel p{font-size:17px}
html.web-font-large .empty h2{font-size:23px}
html.web-font-large .empty p{font-size:17px}
html.web-font-large .empty-icon{font-size:44px}
html.web-font-large #notice{font-size:18px}
html.web-font-large #account{font-size:17px}
html.web-font-large footer{font-size:15px}
@media (max-width: 900px){
html.web-font-large .intro h1{font-size:40px}
}
@media (max-width: 650px){
html.web-font-large .brand{font-size:20px}
html.web-font-large .intro h1{font-size:38px}
html.web-font-large .intro > p{font-size:18px}
html.web-font-large .price{font-size:34px}
html.web-font-large #account{font-size:15px}
html.web-font-large footer{font-size:14px}
}
html.web-font-large .brand-title{font-size:23px}
html.web-font-large .brand small{font-size:16px}
@media (max-width: 650px){
html.web-font-large .brand-title{font-size:19px}
html.web-font-large .brand small{font-size:14px}
}
html.web-font-large .chat-meta{font-size:15px}
html.web-font-large .chat-message p{font-size:18px}
html.web-font-large .chat-download{font-size:17px}
@media (max-width: 650px){
html.web-font-large .ticket-filters > .muted{font-size:15px}
}
/* /board-theme.css */
html.web-font-large .brand-title{font-size:21px}
html.web-font-large .rail-logo span{font-size:16px}
html.web-font-large .rail-note{font-size:15px}
html.web-font-large #ticket-queues button{font-size:16px}
html.web-font-large .page-heading h1{font-size:34px}
html.web-font-large .workspace-banner h2{font-size:31px}
html.web-font-large .workspace-banner p{font-size:16px}
html.web-font-large .banner-symbol{font-size:68px}
html.web-font-large .stat-card > span{font-size:17px}
html.web-font-large .stat-card strong{font-size:37px}
html.web-font-large .stat-card small{font-size:14px}
html.web-font-large .ticket-filters select{font-size:16px}
html.web-font-large .sidebar-heading h2{font-size:19px}
html.web-font-large .sidebar-heading .muted{font-size:14px}
html.web-font-large .lane-heading h3{font-size:16px}
html.web-font-large .lane-heading > span{font-size:14px}
html.web-font-large .ticket-item strong{font-size:17px}
html.web-font-large .ticket-item .ticket-number{font-size:13px}
html.web-font-large .ticket-item .badge{font-size:13px}
html.web-font-large .card-footer{font-size:13px}
html.web-font-large .lane-empty{font-size:15px}
html.web-font-large .detail-heading h2{font-size:25px}
html.web-font-large .detail-heading .eyebrow{font-size:15px}
html.web-font-large .ticket-description{font-size:17px}
html.web-font-large .info-block h3{font-size:19px}
html.web-font-large .info-block p{font-size:16px}
html.web-font-large .chat-message p{font-size:16px}
html.web-font-large .chat-meta{font-size:13px}
html.web-font-large .chat-section .primary{font-size:16px}
html.web-font-large .sales-section h3{font-size:20px}
html.web-font-large .detail label{font-size:16px}
html.web-font-large .detail button{font-size:16px}
html.web-font-large .price{font-size:34px}
@media (max-width: 1250px){
html.web-font-large .workspace-banner h2{font-size:28px}
}
@media (max-width: 760px){
html.web-font-large .brand-title{font-size:17px}
html.web-font-large .rail-logo span{font-size:15px}
html.web-font-large #ticket-queues button{font-size:15px}
html.web-font-large .page-heading h1{font-size:31px}
html.web-font-large .workspace-banner h2{font-size:27px}
html.web-font-large .workspace-banner p{font-size:15px}
html.web-font-large .banner-symbol{font-size:46px}
html.web-font-large .stat-card > span{font-size:14px}
html.web-font-large .stat-card strong{font-size:31px}
html.web-font-large .ticket-filters > .muted{font-size:14px}
html.web-font-large .lane-heading h3{font-size:18px}
html.web-font-large .ticket-item strong{font-size:20px}
html.web-font-large .ticket-item .badge{font-size:14px}
html.web-font-large .ticket-item .ticket-number{font-size:14px}
html.web-font-large .card-footer{font-size:15px}
html.web-font-large .detail-heading h2{font-size:27px}
html.web-font-large .chat-message p{font-size:17px}
html.web-font-large .ticket-description{font-size:18px}
html.web-font-large .info-block p{font-size:17px}
}
/* /focus-theme.css */
html.web-font-large .page-heading h1{font-size:32px}
html.web-font-large .stat-card strong{font-size:34px}
html.web-font-large .stat-card small{font-size:14px}
html.web-font-large .ticket-filters label{font-size:16px}
html.web-font-large #ticket-queues select{font-size:16px}
html.web-font-large .sidebar-heading h2{font-size:17px}
html.web-font-large .ticket-item strong{font-size:16px}
html.web-font-large .mini-subject{font-size:14px}
html.web-font-large .ticket-item .badge{font-size:13px}
html.web-font-large .detail-heading h2{font-size:27px}
html.web-font-large .ticket-subject{font-size:18px}
html.web-font-large .detail .info-block p{font-size:18px}
html.web-font-large .detail .ticket-description{font-size:18px}
html.web-font-large .detail .chat-message p{font-size:18px}
html.web-font-large .detail .chat-meta{font-size:14px}
html.web-font-large #customer-profile-dialog p{font-size:16px}
html.web-font-large .heading-actions button{font-size:16px}
@media (max-width: 650px){
html.web-font-large .stat-card strong{font-size:31px}
html.web-font-large .ticket-item strong{font-size:17px}
html.web-font-large .ticket-item .badge{font-size:13px}
html.web-font-large .detail-heading h2{font-size:26px}
html.web-font-large .ticket-subject{font-size:17px}
html.web-font-large .detail .chat-message p{font-size:17px}
html.web-font-large .page-heading h1{font-size:30px}
}
html.web-font-large .ticket-search label{font-size:16px}
html.web-font-large .ticket-search input{font-size:17px}
html.web-font-large .ticket-search button{font-size:16px}
html.web-font-large .ticket-search .muted{font-size:15px}
/* /projects.css */
html.web-font-large .project-budget-grid small{font-size:15px}
html.web-font-large .project-budget-grid strong{font-size:23px}
html.web-font-large .project-ledger-row small{font-size:14px}
html.web-font-large #projects-open{font-size:16px}
@media (max-width: 650px){
html.web-font-large .project-budget-grid strong{font-size:22px}
}
html.web-font-large #project-create-dialog label{font-size:17px}
html.web-font-large #project-create-dialog .muted{font-size:15px}
html.web-font-large .project-material-suggestions button{font-size:16px}
@media (max-width: 800px){
html.web-font-large #project-create-dialog input,html.web-font-large #project-create-dialog select,html.web-font-large #project-create-dialog textarea{font-size:20px}
}
/* /management.css */
html.web-font-large .management-card strong{font-size:34px}
html.web-font-large .permission-choices label{font-size:16px}
@media (max-width: 700px){
html.web-font-large .management-card strong{font-size:29px}
html.web-font-large #account button{font-size:14px}
}
html.web-font-large .management-shortcuts button{font-size:18px}
html.web-font-large .permission-count{font-size:15px}
html.web-font-large .employee-create-layout h3{font-size:22px}
html.web-font-large #employee-password-hint{font-size:15px}
html.web-font-large #employee-create-dialog .permission-group summary{font-size:19px}
html.web-font-large #employee-create-dialog .permission-choices label{font-size:17px}
html.web-font-large .employee-list-panel h2{font-size:20px}
/* /leaves.css */
/* /inventory.css */
/* /reports.css */
html.web-font-large .reports-table{font-size:16px}
/* /feedback.css */
html.web-font-large #feedback-icon{font-size:48px}
html.web-font-large #feedback-title{font-size:33px}
html.web-font-large #feedback-dialog #notice{font-size:27px}
html.web-font-large #feedback-confirm{font-size:22px}
html.web-font-large #feedback-close{font-size:29px}
@media (max-width: 520px){
html.web-font-large #feedback-title{font-size:28px}
html.web-font-large #feedback-dialog #notice{font-size:24px}
html.web-font-large #feedback-icon{font-size:40px}
html.web-font-large #feedback-confirm{font-size:22px}
}
/* /workspace-tables.css */
html.web-font-large .workspace-table{font-size:17px}
html.web-font-large .workspace-table .table-select{font-size:inherit}
html.web-font-large .table-select strong{font-size:18px}
html.web-font-large .table-reference,html.web-font-large .table-subtitle{font-size:16px}
html.web-font-large .workspace-table .badge{font-size:15px}
html.web-font-large .ticket-assignee{font-size:16px}
@media (max-width: 800px){
html.web-font-large .workspace-table th,html.web-font-large .workspace-table td{font-size:16px}
html.web-font-large .table-select strong{font-size:17px}
}
html.web-font-large .ticket-status-assignee .ticket-assignee{font-size:16px}
/* /allowances.css */
html.web-font-large .allowance-table-panel h2{font-size:22px}
html.web-font-large .allowance-summary strong{font-size:24px}
html.web-font-large .allowance-expenses h3{font-size:22px}
@media (max-width: 700px){
html.web-font-large .allowance-dialog-heading h2{font-size:25px}
html.web-font-large .allowance-summary strong{font-size:22px}
}
/* /mobile-shell.css */
html.web-font-large .notification-card strong{font-size:20px}
html.web-font-large .notification-card span > span{font-size:18px}
html.web-font-large .notification-card small{font-size:16px}
@media (max-width: 800px){
html.web-font-large .mobile-header strong{font-size:20px}
html.web-font-large .mobile-header small{font-size:16px}
html.web-font-large .mobile-bell{font-size:31px}
html.web-font-large .mobile-bell > span{font-size:15px}
html.web-font-large .mobile-nav button{font-size:inherit}
html.web-font-large .mobile-nav button > span{font-size:31px}
html.web-font-large .mobile-nav small{font-size:15px}
html.web-font-large .mobile-hero-label{font-size:16px}
html.web-font-large .mobile-hero h1{font-size:29px}
html.web-font-large .mobile-hero p{font-size:17px}
html.web-font-large .mobile-hero-actions button{font-size:16px}
html.web-font-large .mobile-overview strong{font-size:29px}
html.web-font-large .mobile-overview small{font-size:14px}
html.web-font-large .mobile-section-heading h2{font-size:22px}
html.web-font-large .mobile-section-heading .muted{font-size:15px}
html.web-font-large .mobile-service-icon{font-size:35px}
html.web-font-large .mobile-service strong{font-size:20px}
html.web-font-large .mobile-service small{font-size:14px}
html.web-font-large .mobile-service-arrow{font-size:25px}
html.web-font-large .mobile-avatar{font-size:52px}
html.web-font-large .notification-card strong{font-size:18px}
html.web-font-large .notification-card span > span{font-size:16px}
html.web-font-large .notification-workspace .page-heading h1{font-size:30px}
html.web-font-large .signed-in .page-heading h1{font-size:29px}
html.web-font-large input,html.web-font-large select,html.web-font-large textarea{font-size:20px}
}
@media (max-width: 800px){
html.web-font-large .mobile-header strong{font-size:21px}
html.web-font-large .mobile-hero h1{font-size:31px}
html.web-font-large .mobile-service-arrow{font-size:21px}
}
/* /ticket-create.css */
html.web-font-large .ticket-create-heading h2{font-size:29px}
html.web-font-large .ticket-create-panel legend{font-size:21px}
html.web-font-large .ticket-create-panel h3{font-size:21px}
html.web-font-large #create-dialog label{font-size:17px}
html.web-font-large #create-dialog .muted{font-size:15px}
html.web-font-large .ticket-customer-selection button{font-size:15px}
html.web-font-large .ticket-approval-choice strong{font-size:17px}
html.web-font-large .ticket-approval-choice small{font-size:15px}
html.web-font-large .ticket-subject-suggestions button{font-size:16px}
html.web-font-large #sales-customer-suggestions button{font-size:16px}
@media (max-width: 800px){
html.web-font-large .ticket-create-heading h2{font-size:26px}
html.web-font-large #create-dialog input,html.web-font-large #create-dialog select,html.web-font-large #create-dialog textarea{font-size:20px}
}
/* /customer-directory.css */
html.web-font-large .directory-list-panel h2{font-size:20px}
html.web-font-large .directory-client-link strong{font-size:17px}
html.web-font-large .directory-client-link small{font-size:16px}
html.web-font-large #directory-quick-organization{font-size:16px}
@media (max-width: 850px){
html.web-font-large .directory-list-panel .workspace-table{font-size:16px}
html.web-font-large .directory-form-grid input,html.web-font-large .directory-form-grid select,html.web-font-large .directory-form-grid textarea{font-size:20px}
}
/* /ticket-survey.css */
html.web-font-large .survey-results-heading h2{font-size:28px}
@media (max-width: 700px){
html.web-font-large .survey-results-heading h2{font-size:25px}
html.web-font-large .survey-plan-form input,html.web-font-large .survey-plan-form select,html.web-font-large .survey-plan-form textarea{font-size:20px}
}
/* /mobile-panels.css */
@media (max-width: 800px){
html.web-font-large .mobile-panel-tile strong{font-size:16px}
html.web-font-large .mobile-selected-record{font-size:16px}
html.web-font-large .mobile-selected-record small{font-size:15px}
html.web-font-large .mobile-panel-pages button{font-size:16px}
html.web-font-large .mobile-panel-pages span{font-size:16px}
html.web-font-large .mobile-compact .page-heading h1{font-size:27px}
html.web-font-large .mobile-compact .page-heading .eyebrow{font-size:14px}
html.web-font-large .mobile-compact .mobile-hero h1{font-size:25px}
html.web-font-large .mobile-compact .mobile-hero-actions button{font-size:15px}
html.web-font-large .mobile-compact .mobile-overview strong{font-size:27px}
html.web-font-large .mobile-compact .mobile-overview small{font-size:13px}
html.web-font-large .mobile-compact .mobile-section-heading h2{font-size:20px}
html.web-font-large .mobile-compact .mobile-service strong{font-size:16px}
html.web-font-large .mobile-panel-heading h2{font-size:22px}
html.web-font-large .mobile-panel-heading small{font-size:14px}
html.web-font-large #mobile-panel-body input,html.web-font-large #mobile-panel-body textarea,html.web-font-large #mobile-panel-body select{font-size:20px}
}
@media (max-width: 800px) and (max-height: 700px){
html.web-font-large .mobile-compact .mobile-section-heading h2{font-size:18px}
html.web-font-large .mobile-compact .mobile-hero h1{font-size:22px}
html.web-font-large .mobile-compact .mobile-overview strong{font-size:24px}
html.web-font-large .mobile-compact .mobile-service strong{font-size:15px}
html.web-font-large .mobile-compact .mobile-panel-tile strong{font-size:15px}
html.web-font-large .mobile-compact .page-heading h1{font-size:25px}
}
/* /account-settings.css */
html.web-font-large #account-password-dialog h2{font-size:28px}
html.web-font-large .account-password-field label{font-size:18px}
html.web-font-large .account-password-input input{font-size:21px}
html.web-font-large .account-password-input button{font-size:16px}
html.web-font-large .account-password-note{font-size:17px}
html.web-font-large .account-identity dt{font-size:16px}
html.web-font-large .account-identity dd{font-size:19px}
/* /desktop-workspace.css */
html.web-font-large .desktop-dialog-heading small{font-size:16px}
html.web-font-large .desktop-dialog-heading h2{font-size:22px}
@media (min-width: 801px){
html.web-font-large .topbar .brand-title{font-size:21px}
html.web-font-large #account-name{font-size:18px}
html.web-font-large #desktop-services button{font-size:16px}
html.web-font-large .page-heading h1{font-size:31px}
html.web-font-large .page-heading .muted{font-size:17px}
html.web-font-large .workspace-table{font-size:18px}
html.web-font-large .workspace-table .table-select{font-size:18px}
}
html.web-font-large #ticket-filters label{font-size:17px}
html.web-font-large #ticket-filters select{font-size:18px}
html.web-font-large #ticket-filters > .muted{font-size:15px}
/* /login-experience.css */
html.web-font-large #login-screen .intro h1{font-size:52px}
html.web-font-large #login-screen .intro > p{font-size:20px}
html.web-font-large .login-service-preview span{font-size:26px}
html.web-font-large .login-service-preview strong{font-size:17px}
html.web-font-large .login-service-preview small{font-size:14px}
html.web-font-large #login-screen .login-card h2{font-size:33px}
html.web-font-large #login-screen .login-card > .eyebrow{font-size:16px}
html.web-font-large .login-role-picker button{font-size:18px}
html.web-font-large .login-role-picker button span{font-size:24px}
html.web-font-large #login-form label{font-size:17px}
html.web-font-large #login-form input{font-size:20px}
html.web-font-large #login-form input::placeholder{font-size:17px}
html.web-font-large .login-password-wrap button{font-size:16px}
html.web-font-large .login-field-hint{font-size:16px}
html.web-font-large .login-submit-icon{font-size:26px}
html.web-font-large #login-form[aria-busy="true"] .login-submit-icon{font-size:4px}
html.web-font-large #login-screen .login-note{font-size:15px}
html.web-font-large #login-screen .login-note > span:first-child{font-size:22px}
html.web-font-large .intro-kicker{font-size:14px}
html.web-font-large #awal-intro-title{font-size:34px}
html.web-font-large #awal-intro-caption{font-size:19px}
html.web-font-large #awal-intro-skip{font-size:16px}
@media (max-width: 1000px){
html.web-font-large #login-screen .intro h1{font-size:42px}
html.web-font-large .login-service-preview small{font-size:13px}
}
@media (max-width: 700px){
html.web-font-large #login-screen .login-card h2{font-size:30px}
html.web-font-large #login-screen .login-card > .muted{font-size:16px}
html.web-font-large .login-role-picker button{font-size:17px}
html.web-font-large #login-screen .login-note{font-size:14px}
html.web-font-large #awal-intro-title{font-size:31px}
}
html.web-font-large .login-register-link{font-size:18px}
html.web-font-large .login-verify-link{font-size:15px}