[sms-character-counter]{padding:3.75rem 0}@media (width>=992px){[sms-character-counter]{padding:4.5rem 0}}@media (width>=1200px){[sms-character-counter]{padding:7rem 0}}[sms-character-counter][data-spacing=none]{padding:0}[sms-character-counter][data-spacing=bottom]{padding-top:0!important}[sms-character-counter][data-spacing=top]{padding-bottom:0!important}[sms-character-counter] .section-counter{gap:2rem;display:grid}@media (width>=992px){[sms-character-counter] .section-counter{grid-template-columns:7fr 5fr}}[sms-character-counter] .section-overview{flex-flow:column;gap:2rem;display:flex}[sms-character-counter] .section-message textarea{color:#595858;border:.0625rem solid #cacaca;border-radius:.625rem;width:100%;height:18.75rem;margin:0;padding:1rem .5625rem;overflow:auto;box-shadow:inset 0 .0625rem .125rem #5958581a}[sms-character-counter] .section-data{flex-flow:row;gap:.25rem;display:flex}@media (width>=768px){[sms-character-counter] .section-data{gap:1rem}}[sms-character-counter] .section-data-card{text-align:center;border-radius:.625rem;flex:1 1 0;min-width:0;overflow:hidden}[sms-character-counter] .section-data-label{color:#fff;background:#002a66;padding:.5rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:color .3s ease-in-out}@media (width>=768px){[sms-character-counter] .section-data-label{padding:.75rem 1rem}}[sms-character-counter] .section-data-value{color:#121217;background:#efeffd;height:100%;padding:1rem;font-size:1.5rem;font-weight:700;line-height:1.5;transition:color .3s ease-in-out}[sms-character-counter] .section-parts{text-align:center;border-radius:.625rem;flex:auto;overflow:hidden}[sms-character-counter] .section-parts-label{color:#fff;background:#002a66;padding:.75rem 1rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:color .3s ease-in-out}[sms-character-counter] .section-parts-group{background:#efeffd;flex-flow:column;gap:.5rem;padding:1rem;display:flex}[sms-character-counter] .section-part{text-align:center;border-radius:.625rem;flex:auto;overflow:hidden}[sms-character-counter] .section-part-label{color:#fff;background:#002a66;padding:.75rem 1rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:color .3s ease-in-out}[sms-character-counter] .section-part-table{grid-gap:.0625rem;grid-template-rows:auto;grid-template-columns:repeat(20,minmax(0,1fr));display:grid}[sms-character-counter] .section-part-table>div{color:#121217;background:#d0d9dd;width:100%;height:1.25rem;font-size:.8125rem;font-weight:400;line-height:1.53846;transition:color .3s ease-in-out}[sms-character-counter] .section-part-table>div.is-uni{background-color:#b298ff}[sms-character-counter] .section-part-table>div.is-extended{background-color:#ffb3b3}[sms-character-counter] .section-part-table>div.is-esc{color:#fff;background-color:#3d3c3c;font-size:.625rem;font-weight:400;line-height:2;transition:color .3s ease-in-out}[sms-character-counter] .section-part-table>div.is-blank{background-color:#becbd0}[sms-character-counter] .section-part-table>div.is-converted{background-color:#a5d6a7;border:.0625rem solid #66bb6a}[sms-character-counter] .section-buttons{flex-flow:wrap;align-items:center;gap:.75rem;display:flex}[sms-character-counter] .section-buttons>:last-child{margin-left:auto}[sms-character-counter] .section-encoding-toggles{align-items:center;gap:.75rem;display:flex}[sms-character-counter] .section-encoding-toggle-item{color:#121217;cursor:pointer;align-items:center;gap:.375rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:opacity .2s;display:flex}[sms-character-counter] .section-encoding-toggle-item input[type=radio]{appearance:none;cursor:pointer;background:#fff;border:.125rem solid #cacaca;border-radius:50%;flex-shrink:0;width:1.25rem;height:1.25rem;transition:all .2s;position:relative}[sms-character-counter] .section-encoding-toggle-item input[type=radio]:checked{background:#fff;border-color:#002a66}[sms-character-counter] .section-encoding-toggle-item input[type=radio]:checked:after{content:"";background:#002a66;border-radius:50%;width:.625rem;height:.625rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[sms-character-counter] .section-encoding-toggle-item input[type=radio]:disabled{cursor:not-allowed;opacity:.5}[sms-character-counter] .section-encoding-toggle-item:not(.active){opacity:.6}[sms-character-counter] .section-encoding-toggle-item.disabled{opacity:.4;cursor:not-allowed}[sms-character-counter] .section-encoding-toggle-item span{font-weight:500}[sms-character-counter] .section-encoding-toggle-item.active span{color:#002a66;font-weight:700}[sms-character-counter] .section-savings-message{color:#2e7d32;background:#e8f5e9}[sms-character-counter] .section-encoding-notification,[sms-character-counter] .section-savings-message{border-radius:.5rem;margin-top:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;transition:color .3s ease-in-out}[sms-character-counter] .section-encoding-notification{color:#121217;background:#f7f8fe;justify-content:space-between;align-items:center;gap:.75rem;transition:opacity .3s,transform .3s;display:flex}[sms-character-counter] .section-encoding-notification-message{flex:1}[sms-character-counter] .section-encoding-notification-dismiss{color:#121217;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s,color .2s;display:flex}[sms-character-counter] .section-encoding-notification-dismiss:hover{background-color:#1212171a}[sms-character-counter] .section-encoding-notification-dismiss:active{background-color:#12121733}[sms-character-counter] .section-encoding-notification-dismiss svg{width:1rem;height:1rem}[sms-character-counter] .section-legend{gap:1rem;margin-top:1.5rem;display:flex}[sms-character-counter] .section-legend-item{align-items:center;gap:.5rem;display:flex}[sms-character-counter] .section-legend-item:before{content:"";background:#d0d9dd;width:1.25rem;height:1.25rem}[sms-character-counter] .section-legend-item.is-unicode:before{background-color:#b298ff}[sms-character-counter] .section-legend-item.is-extended:before{background-color:#ffb3b3}[sms-character-counter] .section-legend-item.is-converted:before{background-color:#a5d6a7;border:.0625rem solid #66bb6a}[sms-character-counter] .char-display{border-radius:.25rem;background:#f5f5f5!important;padding:.1875rem .5rem!important}[sms-character-counter] .notification-fade-enter-active,[sms-character-counter] .notification-fade-leave-active{transition:opacity .3s,transform .3s}[sms-character-counter] .notification-fade-enter-from{opacity:0;transform:translateY(-.5rem)}[sms-character-counter] .notification-fade-leave-to{opacity:0;transform:translateY(.5rem)}.char-display{border-radius:.25rem;background:#f5f5f5!important;padding:.1875rem .5rem!important}