/* Microsoft Fluent; uses the same original paths and paints as the app. */
svg.icon.fluent-ui-icon[data-ui-style="fluent"] { fill:currentColor;stroke:none;stroke-width:0;display:block;flex:none; }
svg.fluent-ui-icon { width:24px;height:24px; }
.point-icon>.fluent-ui-icon { width:28px;height:28px; }
.point-icon,.plan-benefit-icon { border-radius:50%; }
.plan-benefit-icon>.fluent-ui-icon { width:28px;height:28px; }
:is(.button,.story-try,.plan-action)>.fluent-ui-icon { width:22px;height:22px; }
.carousel-arrow>.fluent-ui-icon { width:22px;height:22px;fill:currentColor;stroke:none; }
.calendar-hint-replay>.fluent-ui-icon { width:20px;height:20px; }
.create-plus>.fluent-ui-icon,.create-success-icon>.fluent-ui-icon { width:25px;height:25px; }
@media(max-width:760px) {
  .point-icon>.fluent-ui-icon { width:24px;height:24px; }
  .plan-benefit-icon>.fluent-ui-icon { width:26px;height:26px; }
}
.create-color input:checked+span { background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M8.5%2016.5858L4.70711%2012.7929C4.31658%2012.4024%203.68342%2012.4024%203.29289%2012.7929C2.90237%2013.1834%202.90237%2013.8166%203.29289%2014.2071L7.79289%2018.7071C8.18342%2019.0976%208.81658%2019.0976%209.20711%2018.7071L20.2071%207.70711C20.5976%207.31658%2020.5976%206.68342%2020.2071%206.29289C19.8166%205.90237%2019.1834%205.90237%2018.7929%206.29289L8.5%2016.5858Z%22%20fill%3D%22%23071c58%22%2F%3E%0A%3C%2Fsvg%3E'); }