@font-face{font-family:OON Sarabun;src:url(/fonts/sarabun/Sarabun-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OON Sarabun;src:url(/fonts/sarabun/Sarabun-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}html[data-oon-appearance] :where(.oonline-app,.oonline-app button:not(.oon-font-choice),.oonline-app input,.oonline-app textarea,.oonline-app select,.team-chat-tools-dialog,.team-chat-tools-dialog button){font-family:var(--oon-font-family)!important}.oon-appearance-settings{color:#244f3d;max-width:700px;margin:0 auto;padding:22px 20px 132px}.oon-settings-back{color:#427962;align-items:center;gap:6px;font-size:.9rem;text-decoration:none;display:inline-flex}.oon-appearance-settings h1{align-items:center;gap:10px;margin:20px 0 10px;font-size:1.5rem;display:flex}.oon-appearance-settings>p{color:#718177;font-size:.95rem;line-height:1.6}.oon-appearance-settings fieldset{border:0;margin:24px 0;padding:0}.oon-appearance-settings legend{margin-bottom:12px;font-weight:700}.oon-font-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.oon-font-options button{color:#537261;cursor:pointer;background:#fff;border:1px solid #dce6dc;border-radius:16px;padding:16px 6px;font-size:.8rem}.oon-font-options button span{font-size:1.3rem;line-height:1.7;display:block}.oon-font-options button[aria-pressed=true]{color:#245235;background:#ecf5e7;border:2px solid #4c8b67}.oon-font-size{background:#fff;border:1px solid #e0e9dd;border-radius:18px;padding:18px 20px;display:block}.oon-font-size>span:first-child{justify-content:space-between;font-weight:700;display:flex}.oon-font-size output{background:#edf5e7;border-radius:8px;padding:2px 12px}.oon-font-size input{accent-color:#43845d;width:100%;min-height:30px;margin:20px 0 5px}.oon-font-scale{justify-content:space-between;align-items:center;display:flex}.oon-font-scale small{font-size:14px}.oon-font-scale strong{font-size:24px}.oon-wallpaper-heading{justify-content:space-between;align-items:center;margin:20px 0 10px;display:flex}.oon-wallpaper-heading h2{font-size:1rem}.oon-wallpaper-heading button{color:#3e7757;cursor:pointer;background:#fff;border:1px solid #dae5d8;border-radius:12px;padding:10px}.oon-font-preview{border:1px solid #dae6d7;border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;min-height:200px;padding:22px 16px;display:flex}.oon-font-preview p{overflow-wrap:anywhere;background:#fff;border-radius:15px 15px 15px 4px;max-width:90%;margin:0;padding:.6em .8em;font-size:1em;line-height:1.6;box-shadow:0 1px 3px #34563210}.oon-font-preview p.mine{background:#d9ecc8;border-radius:15px 15px 4px;align-self:flex-end}.oon-font-preview small{color:#5e7568;align-self:center;font-size:.75em}.oon-font-reset{color:#3c7650;cursor:pointer;background:#fff;border:1px solid #d5e3d1;border-radius:12px;margin-top:18px;padding:12px 16px;font-size:.9rem}.oon-appearance-settings .oon-font-note{font-size:.8rem}.oon-appearance-settings [role=alert]{color:#a63b27}:is(.oon-appearance-settings button:focus-visible,.oon-appearance-settings input:focus-visible){outline-offset:3px;outline:3px solid #d99743}.oon-font-follow-device{align-items:center;gap:10px;font-weight:600;display:flex}.oon-font-follow-device input{flex:none;width:22px;height:22px;min-height:22px;margin:0}.oon-font-size>p{color:#718177;margin:8px 0 16px;font-size:.8rem;line-height:1.6}.oon-font-stepper{justify-content:center;align-items:center;gap:22px;margin:10px 0 18px;display:flex}.oon-font-stepper button{color:#24543d;background:#f4f7ed;border:1px solid #cdddce;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.oon-font-stepper output{text-align:center;min-width:100px;font-size:1.25rem}.oon-font-size>label[for]{font-size:.85rem}.oonline-app{font-size:1rem}html[data-oon-appearance]{-moz-text-size-adjust:auto;text-size-adjust:auto}