.slider[data-v-0c252ba8]{display:flex;justify-content:space-between;align-items:center;position:relative;height:8px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bar[data-v-0c252ba8]{position:absolute;width:100%;height:4px;background:#383838}.track[data-v-0c252ba8]{position:absolute;height:4px;background:#74ade7;transition:width .2s}.tick[data-v-0c252ba8]{position:absolute;display:flex;justify-content:center;width:8px;height:8px;border-radius:50%;background:#7a7a7a;border:2px solid #4d4d4d;box-shadow:0 1px 3px rgba(0,0,0,.3);transform:translateX(-50%);z-index:1}.tick.active[data-v-0c252ba8]{background:#fff;border-color:#74ade7;transition:background .2s step-end,border-color .2s step-end}.tick span[data-v-0c252ba8]{padding-top:1em}.handle[data-v-0c252ba8]{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #3c8cdd;border-radius:50%;box-shadow:0 1px 5px rgba(0,0,0,.4);transform:translateX(-50%);transition:left .2s,box-shadow .2s;z-index:1}.slider:focus .handle[data-v-0c252ba8]{box-shadow:0 1px 3px rgba(0,0,0,.3),0 0 0 5px rgba(60,140,221,.2)}.icon-styles-container[data-v-271fde3a]{display:flex;flex-direction:column;align-items:center;padding:0 2em 2em;margin:.75em}.icon-styles-container h1[data-v-271fde3a]{font-size:1.1em}.grid[data-v-4f7096c8]{display:flex;justify-content:space-around;flex-wrap:wrap}.group[data-v-4f7096c8]{display:flex;flex-direction:column;align-items:center;padding:0 2em 2em;margin:.75em}.group h1[data-v-4f7096c8]{font-size:1.1em}