html,body{height:100%}body{margin:0;position:relative}ul{margin:0;padding:0;list-style:none}button,input{font:inherit;color:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}input,div{box-sizing:border-box}@font-face{font-family:Orbitron;src:url(/webaudio-synth/assets/400-D3hPd-WW.woff2)format("woff2");font-weight:400;font-style:normal}body{color:#c0ffff;perspective:1000px;background-color:#222;font-family:Orbitron,sans-serif;overflow:hidden}body.on-wires-drawing [id$=offset],body.on-wires-drawing .knob-wrapper,body.on-wires-drawing ul{opacity:.4;pointer-events:none}body.on-wires-drawing #keyboard{z-index:0}body.loaded #synth,body.loaded #keyboard,body.loaded #options{animation-name:fade-in}input{pointer-events:none;-webkit-user-select:none;user-select:none}#synth{opacity:0;z-index:1;background-color:#26272fd9;border:2px solid #c0ffff;border-top-width:10px;border-radius:20px 20px 10px 10px;justify-content:flex-start;width:825px;height:360px;margin:auto;padding:5px;animation-duration:.4s;animation-fill-mode:forwards;display:flex;position:absolute;inset:0;box-shadow:1px 1px #c0ffff}#synth .module{border-right:1px solid #c0ffff;flex-direction:column;flex:0 20%;justify-content:center;align-items:center;margin-right:5px;padding:20px 0;display:flex;position:relative}#synth .module:last-of-type{border:none;margin:0}#synth .module.lfo .knob-group ul{top:unset;pointer-events:all;width:80%;margin:auto;transition:opacity .2s;bottom:-30px;left:0;right:0}#synth .module.lfo .knob-group ul li{margin:0 5px}#synth .module.vca{align-items:flex-start}#synth .module.vca .knob-wrapper{margin:0 0 0 10px}#synth .module.vca .knob-wrapper:after{left:unset;margin:auto;bottom:50%;left:110%}#synth .module.delay{justify-content:flex-end;padding-bottom:0}#synth .module h2{text-align:center;text-transform:uppercase;letter-spacing:5px;text-shadow:2px 2px #111;-webkit-user-select:none;user-select:none;margin:auto;font-size:1.1em;position:absolute;top:5px;left:0;right:0}#synth .module .knob-wrapper{text-align:center;pointer-events:all;z-index:2;margin:15px 0;transition:opacity .2s;position:relative}#synth .module .knob-wrapper:after{content:attr(data-label);text-align:center;text-shadow:1px 1px #111;letter-spacing:1px;margin:auto;font-size:12px;position:absolute;bottom:-5px;left:0;right:0}#synth .module .knob-wrapper>*{display:inline-block!important}#synth .module .knob-wrapper input{letter-spacing:1px;text-shadow:1px 2px #111}#synth .module .knob-group{justify-content:center;display:flex;position:relative}#synth .module .knob-group [id$=offset]{z-index:2;flex-direction:column;justify-content:center;transition:opacity .2s;display:flex;position:relative}#synth .module .knob-group [id$=offset] input{padding:0;font-size:12px}#synth .module .knob-group [id$=offset] input:focus{box-shadow:none;outline:none}#synth .module .knob-group [id$=offset] button{cursor:pointer;opacity:.65;background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20fill='%23c0ffff'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%2010l5%205%205-5z'/%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;width:100%;height:20px;padding:0;transition:opacity .1s}#synth .module .knob-group [id$=offset] button:hover{opacity:1}#synth .module .knob-group [id$=offset] button.step-up{transform:rotate(180deg)}#synth .module .knob-group .knob-wrapper{-webkit-user-select:none;user-select:none;flex:1 0 45%;align-self:flex-end}#synth .module .knob-group .knob-wrapper[data-label=fback]{margin-right:10px}#synth .module .knob-group ul{z-index:2;width:40%;height:25px;display:flex;position:absolute;top:10px;right:-5px}#synth .module .knob-group ul li{opacity:.4;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:100%;flex:33%;margin:0 2px;transition:all .2s}#synth .module .knob-group ul li[data-wavetype=sine]{background-image:url("data:image/svg+xml,%3csvg%20id='sine'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20665%20509'%3e%3cstyle%3e%20.st0%20{%20fill:%20none;%20stroke:%20%23C0FFFF;%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%2050;%20}%20%3c/style%3e%3cpath%20class='st0'%20d='M10,241.1c11-26,22-51,32-77c9-23,22-43,31-65c5-12,14-21,20-33c2-3,4-5,6-7c16-25,37-51,67-49%20c27,1,44,23,60,45c20,29,34,57,47,87c28,61,53,121,78,182c1,1,2,3,3,4c18,41,37,80,66,115c1,1,1,3,2,4c6,5,11,11,18,16%20c13,8,27,12,41,8c30-9,45-38,62-61c24-44,45-89,64-135c5-10,9-21,13.9-31.5'/%3e%3c/svg%3e")}#synth .module .knob-group ul li[data-wavetype=sawtooth]{background-image:url("data:image/svg+xml,%3csvg%20id='sawtooth'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20668%20503'%3e%3cstyle%3e%20.st0%20{%20fill:%20none;%20stroke:%20%23C0FFFF;%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%2050;%20}%20%3c/style%3e%3cpath%20class='st0'%20d='M5,236c24-17,46-35,71-53c20-16,38-30,58-44c7-5,12-10,19-15c5-3,9-7,14-10c9-6,15-12,23-18c11-8,22-15,33-25%20c4-3,8-5,12-8c18-14,35-26,53-40c5-4,9-8,14-12c3-2,6-5,9-6c0,4.1-0.1,0.1,0,0c0,154,0,308,0,462c1.4-1.1,0-0.2,0,0%20c28-22,55-42,84-64c77-58,149-112,223.3-167.9'/%3e%3c/svg%3e")}#synth .module .knob-group ul li[data-wavetype=square]{background-image:url("data:image/svg+xml,%3csvg%20id='square'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20666%20503'%3e%3cstyle%3e%20.st0%20{%20fill:%20none;%20stroke:%20%23C0FFFF;%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%2050;%20}%20%3c/style%3e%3cpath%20class='st0'%20d='M5,236C5,159,5,82,5,5c102,0,204,0,306,0c0,154,0,308,0,462c102,0,204,0,306,0c0-78,0-155,0-233.3'/%3e%3c/svg%3e")}#synth .module .knob-group ul li:hover,#synth .module .knob-group ul li.selected{opacity:1}#synth input{text-align:center;cursor:pointer;width:30px}#synth .knob-wrapper input{font-size:10px!important}#synth .knob-wrapper input#lfo__freq{font-size:14px!important}canvas{-webkit-user-select:none;user-select:none}canvas#wires,canvas#visual{margin:auto;position:absolute;top:0;left:0;right:0}#visual{transition:opacity .2s}#visual[data-visible=false]{opacity:0}#keyboard{opacity:0;z-index:99;animation-duration:.4s;animation-fill-mode:forwards;top:calc(50% - 60px);left:0;right:0;transform:rotateX(45deg)translateY(300px);margin:auto!important;position:absolute!important}#keyboard[data-enabled=false] ul{opacity:0}#keyboard[data-enabled=true] ul{opacity:1}#keyboard ul{transition:opacity .2s;margin:auto!important}#keyboard ul li{border-radius:5px!important}#options{opacity:0;animation-duration:.4s;animation-fill-mode:forwards;position:absolute;top:15px;left:15px}#options>*{vertical-align:middle;display:inline-block}#options.visible .toggle-options{opacity:1;transform:rotate(180deg)}#options.visible ul li{opacity:.75;pointer-events:all;transform:translateY(0%)}#options.visible ul li:first-child{transition:transform .1s,opacity .1s}#options.visible ul li:nth-child(2){transition:transform .1s .1s,opacity .1s .1s}#options.visible ul li:nth-child(3){transition:transform .1s .2s,opacity .1s .2s}#options.visible ul li:nth-child(4){transition:transform .1s .3s,opacity .1s .3s}#options.visible ul li[data-status=on]{opacity:1}#options .toggle-options{opacity:.75;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg%20fill='%23A0ffff'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M19.43%2012.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49%201c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46%202.18%2014.25%202%2014%202h-4c-.25%200-.46.18-.49.42l-.38%202.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49%200-.61.22l-2%203.46c-.13.22-.07.49.12.64l2.11%201.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11%201.65c-.19.15-.24.42-.12.64l2%203.46c.12.22.39.3.61.22l2.49-1c.52.4%201.08.73%201.69.98l.38%202.65c.03.24.24.42.49.42h4c.25%200%20.46-.18.49-.42l.38-2.65c.61-.25%201.17-.59%201.69-.98l2.49%201c.23.09.49%200%20.61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12%2015.5c-1.93%200-3.5-1.57-3.5-3.5s1.57-3.5%203.5-3.5%203.5%201.57%203.5%203.5-1.57%203.5-3.5%203.5z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100%;width:35px;height:35px;transition:all .2s}#options .toggle-options:hover{opacity:1}#options ul{padding-left:10px}#options ul li{cursor:pointer;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100%;width:30px;height:30px;margin:0 10px;display:inline-block;transform:translateY(-100%)}#options ul li[data-option=midi]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%201000'%3e%3cpath%20fill='%23A0ffff'%20d='M456.1%2021.25c-92.72%208.24-182%2043.68-258.82%20102.88-37.36%2028.74-85.63%2082.57-113.8%20126.82-12.07%2018.77-35.44%2066.86-44.25%2090.81C16.82%20402.29%206.47%20476.43%2011.07%20540.8c2.49%2036.4%206.13%2058.05%2014.75%2092.53%208.81%2034.1%2017.43%2057.28%2035.44%2093.68%2025.29%2051.34%2053.26%2090.42%2094.06%20130.66%2054.22%2053.45%20110.73%2088.7%20185.64%20115.52l20.69%207.47%207.28-13.79c17.62-34.1%2046.74-67.63%2070.31-81.61%2021.84-12.83%2034.1-16.28%2059.77-16.28s37.93%203.45%2059.77%2016.28c23.56%2013.99%2054.79%2050.58%2071.27%2083.53%206.71%2013.6%203.25%2013.41%2036.59%201.72%2028.55-10.15%2077.59-34.67%20103.45-51.92%2055.94-37.17%20104.03-85.64%20140.42-140.81%2015.33-23.37%2040.23-73.18%2050.19-100.38%2022.22-60.73%2032.95-135.83%2028.16-199.81-9-125.1-60.73-235.45-150.58-321.85C736.57%2057.84%20596.91%208.79%20456.1%2021.25zm101.92%2041.18c98.85%2011.69%20192.34%2058.81%20264.95%20133.15%2070.69%2072.8%20113.22%20161.88%20125.29%20263.23%203.26%2026.05%202.68%2080.46-.96%20109.2-20.3%20157.08-122.99%20293.1-268.59%20355.56-21.46%209.2-22.61%209.58-25.1%206.13-33.91-48.66-56.51-69.73-93.11-86.78-23.18-10.92-40.8-14.18-68.97-12.84-16.48.57-26.82%202.11-35.63%205.17-40.61%2013.41-75.48%2041.19-102.69%2081.8l-10.54%2015.52-14.75-5.94c-36.59-14.94-76.82-38.51-110.16-65.14C127.93%20790.04%2067.78%20683.14%2052.64%20568c-3.64-27.01-4.21-83.91-1.15-109.2%209.96-81.23%2039.08-154.6%2087.17-218.97%2018.97-25.48%2064.94-71.84%2089.27-90.04%2038.51-28.74%2079.31-50.58%20121.27-65.33%2069.74-24.32%20132.96-31.03%20208.82-22.03z'/%3e%3cpath%20fill='%23A0ffff'%20d='M471.24%20124.89c-28.35%209.96-48.85%2032.57-56.51%2062.26-15.53%2059.39%2037.35%20117.44%2098.27%20107.86%2075.67-11.88%20101.15-107.28%2041.57-155.75-16.09-12.84-28.35-17.05-51.73-18.01-16.28-.58-21.07%200-31.6%203.64zm50.96%2039.46c9%204.6%2019.35%2015.52%2022.8%2024.14%208.24%2019.92%204.21%2038.89-11.11%2053.83-13.99%2013.6-30.84%2017.82-49.62%2012.07-8.62-2.49-23.37-14.75-27.4-22.61-13.98-27.01-1.34-59.58%2027.01-70.12%209.96-3.63%2028.35-2.48%2038.32%202.69zm-256.91%2045.79c-32.38%2011.5-52.68%2034.87-59.58%2068.2-8.43%2039.85%2015.33%2082.95%2053.45%2097.51%2024.14%209.2%2048.28%208.04%2071.65-3.45%2017.82-8.62%2031.04-22.03%2040.23-40.61%206.32-12.64%207.28-16.28%207.85-31.99%201.73-38.51-16.86-69.73-50.77-85.83-11.69-5.37-15.13-6.13-33.14-6.51-15.51-.58-22.22.19-29.69%202.68zM313%20249.99c30.27%2014.56%2037.17%2054.98%2013.6%2078.74-17.63%2017.43-47.13%2018.58-66.48%202.68-3.83-3.26-9.2-10.15-11.88-15.71-12.84-25.67-.38-57.66%2026.63-67.63%209.96-3.64%2028.55-2.68%2038.13%201.92zm368.01-39.85c-14.75%205.36-25.86%2012.64-36.78%2023.95-17.63%2018.77-24.52%2037.93-23.18%2065.71.57%2015.71%201.53%2019.35%207.85%2032.18%2015.71%2031.8%2043.87%2049.62%2078.93%2049.81%2049.04.38%2088.12-38.7%2087.74-87.74-.19-35.25-18.01-63.22-50-78.93-13.6-6.9-15.71-7.28-34.68-7.85-15.7-.39-22.4.38-29.88%202.87zm43.3%2037.93c42.91%2014.75%2042.91%2077.21%200%2091.96-32.18%2010.92-65.33-12.26-65.33-45.98%200-33.33%2033.34-56.9%2065.33-45.98zm-536.6%20167.82c-14.18%202.68-32.76%2013.03-44.25%2024.52-32.95%2032.95-34.1%2087.17-2.68%20120.69%2040.23%2043.1%20107.28%2037.36%20139.08-11.69%209.96-15.52%2013.98-31.61%2012.83-52.68-.57-14.75-1.72-19.16-7.85-31.99-17.63-36.97-56.71-56.7-97.13-48.85zm39.27%2042.72c16.09%207.47%2025.67%2021.27%2027.2%2039.85%201.92%2019.35-9%2038.5-27.01%2048.08-10.92%205.75-31.61%205.75-42.53%200-36.78-19.54-36.78-70.12.19-88.51%2011.11-5.55%2029.7-5.36%2042.15.58zm546.56-41.76c-67.43%2016.28-90.04%20102.87-39.08%20149.81%2029.31%2027.01%2073.37%2031.23%20106.33%2010.16%2047.7-30.65%2055.17-96.75%2015.71-136.4-22.23-22.23-53.07-30.85-82.96-23.57zm39.28%2040.04c22.99%209.58%2035.25%2036.21%2027.78%2060.73-2.87%209.58-14.94%2023.37-25.29%2028.93-10.92%205.75-31.61%205.75-42.53%200-36.4-19.16-36.4-71.07.19-87.93%2011.3-5.37%2029.31-6.14%2039.85-1.73z'/%3e%3c/svg%3e")}#options ul li[data-option=keyboard]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='960'%20height='960'%20viewBox='0%200%20720%20720'%3e%3cpath%20fill='%23A0ffff'%20d='M109.54%2036.83c7.11-1.09%2014.33-.79%2021.5-.83h463.99c24.26-.69%2048.48%2010.35%2063.76%2029.22%2011.73%2014.13%2018.26%2032.41%2018.2%2050.77.02%20160.67%200%20321.34.01%20482.01.41%2023.2-9.94%2046.28-27.56%2061.39-14.34%2012.57-33.32%2019.66-52.39%2019.6-158.68.01-317.36.01-476.04%200-18.15.07-36.21-6.32-50.29-17.77-18.58-14.85-29.86-38.33-29.71-62.13-.02-160.7%200-321.4-.01-482.1-.26-18.46%206.09-36.92%2017.77-51.23%2012.48-15.58%2031-26.16%2050.77-28.93M81.28%2078.25c-9.61%2010.04-15.18%2023.83-15.1%2037.74-.01%20123.64%200%20247.28%200%20370.92.11%2019.95-.23%2039.92.16%2059.86-.39%2017.08-.05%2034.18-.17%2051.28-.22%2012.31%203.84%2024.66%2011.41%2034.38%209.95%2013.05%2026%2021.23%2042.43%2021.37%2025.99%200%2051.98-.02%2077.97.01.04-20.6.01-41.19.01-61.78.02-61.68.01-123.35.01-185.03-10.24-.26-21.08%201.26-30.61-3.39-5.8-2.61-11.48-7.79-11.39-14.62-.01-109.26.01-218.53-.01-327.79-11.99.01-23.99-.01-35.98.01-14.51.14-28.78%206.51-38.73%2017.04M258.01%2061.2c-.03%20109.26.01%20218.53-.02%20327.79.11%207.1-5.98%2012.34-12.01%2014.91-8.45%203.93-17.94%203-26.98%203.1%200%2061.68-.01%20123.35.01%20185.03-.01%2020.59-.03%2041.18.01%2061.77%2035.87-.08%2071.76.15%20107.63-.12%207.7.24%2015.41-.08%2023.11-.19l.29-.69c-.13-20.25%200-40.51-.06-60.77.02-61.67.01-123.35.01-185.03-10.01-.27-20.57%201.22-29.97-3.1-6.03-2.56-12.08-7.78-12.03-14.85-.01-109.29.02-218.57-.01-327.85h-49.98m152%200c-.03%20109.26.01%20218.53-.02%20327.79.15%205.99-4.4%2010.86-9.35%2013.58-8.96%205.28-19.66%204.42-29.64%204.43%200%2061.68-.01%20123.36.01%20185.03%200%2020.57-.05%2041.15.02%2061.72%207.33.01%2014.69.35%2021.98-.54%206.62.93%2013.32.48%2019.99.59%2029.99.01%2059.98-.02%2089.97.01.06-20.59.02-41.19.02-61.78.02-61.68.01-123.35.01-185.03-9.34-.16-19.15.96-27.9-3.07-6.06-2.56-12.17-7.8-12.1-14.91-.01-109.28.02-218.55-.01-327.82-17.66.01-35.32%200-52.98%200m155%200c-.02%20107.61%200%20215.22-.01%20322.83-.09%203.51.46%207.28-1.26%2010.51-2.69%205.43-8.29%208.68-13.84%2010.54-8.34%202.82-17.26%201.68-25.9%201.92%200%2061.68-.01%20123.35.01%20185.03-.01%2020.59-.03%2041.18%200%2061.77%2025.01-.02%2050.02.03%2075.03-.03%2022.12-.48%2042.79-15.93%2049.78-36.88%204.09-10.86%202.81-22.59%203-33.93-.11-12.07.22-24.14-.16-36.2.39-26.25.05-52.55.16-78.82V129.99c-.12-10.33.85-20.98-2.68-30.92-6.6-21.08-26.99-36.88-49.09-37.8-11.68-.16-23.36-.02-35.04-.07z'/%3e%3cpath%20fill='none'%20d='M81.28%2078.25c9.95-10.53%2024.22-16.9%2038.73-17.04%2011.99-.02%2023.99%200%2035.98-.01.02%20109.26%200%20218.53.01%20327.79-.09%206.83%205.59%2012.01%2011.39%2014.62%209.53%204.65%2020.37%203.13%2030.61%203.39%200%2061.68.01%20123.35-.01%20185.03-16.66-.07-33.32-.01-49.99-.03-8.01-.06-16.09.34-24.02-1.01-18.98-2.95-36.9-13.14-48.5-28.54-3.75-4.79-6.45-10.26-9.14-15.68-.39-19.94-.05-39.91-.16-59.86%200-123.64-.01-247.28%200-370.92-.08-13.91%205.49-27.7%2015.1-37.74zM258.01%2061.2h49.98c.03%20109.28%200%20218.56.01%20327.85-.05%207.07%206%2012.29%2012.03%2014.85%209.4%204.32%2019.96%202.83%2029.97%203.1%200%2061.68.01%20123.36-.01%20185.03-43.66-.06-87.32-.05-130.98%200-.02-61.68-.01-123.35-.01-185.03%209.04-.1%2018.53.83%2026.98-3.1%206.03-2.57%2012.12-7.81%2012.01-14.91.03-109.26-.01-218.53.02-327.79zm152%200c17.66%200%2035.32.01%2052.98%200%20.03%20109.27%200%20218.54.01%20327.82-.07%207.11%206.04%2012.35%2012.1%2014.91%208.75%204.03%2018.56%202.91%2027.9%203.07%200%2061.68.01%20123.35-.01%20185.03-43.99-.04-87.99-.06-131.98%200-.02-61.67-.01-123.35-.01-185.03%209.98-.01%2020.68.85%2029.64-4.43%204.95-2.72%209.5-7.59%209.35-13.58.03-109.26-.01-218.53.02-327.79zm155%200c11.68.05%2023.36-.09%2035.04.07%2022.1.92%2042.49%2016.72%2049.09%2037.8%203.53%209.94%202.56%2020.59%202.68%2030.92v337.95c-.11%2026.27.23%2052.57-.16%2078.82-5.62%2012.72-14.5%2024.04-26.11%2031.79-10.29%207.03-22.33%2011.42-34.69%2012.88-6.26.77-12.57.54-18.86.57-16%20.02-31.99-.04-47.99.03-.02-61.68-.01-123.35-.01-185.03%208.64-.24%2017.56.9%2025.9-1.92%205.55-1.86%2011.15-5.11%2013.84-10.54%201.72-3.23%201.17-7%201.26-10.51.01-107.61-.01-215.22.01-322.83z'/%3e%3c/svg%3e")}#options ul li[data-option=visualization]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Слой_1'%20viewBox='0%200%20441%20298'%3e%3cpath%20fill='%23A0FFFF'%20d='M220.2%20298c-40.3%200-79.6-12.2-116.8-36.2-38.1-24.6-72.3-60.7-101.6-107.2-2.2-3-2.4-7.4-.3-10.8C30.8%2097.1%2065.1%2060.9%20103.3%2036.2%20140.5%2012.2%20179.8%200%20220.1%200h.1c40.4%200%2079.6%2012.2%20116.8%2036.2%2038.2%2024.6%2072.4%2060.8%20101.7%20107.5.9%201.5%201.5%203.4%201.5%205.2v.1c0%201.8-.5%203.7-1.5%205.2-29.3%2046.7-63.5%2082.9-101.6%20107.5-37.2%2024.1-76.5%2036.3-116.9%2036.3zM17.8%20148.9c54.8%2084.7%20126.5%20131.2%20202.4%20131.2h.1c75.9%200%20147.4-46.5%20202.1-131.1C367.7%2064.4%20296.1%2017.9%20220.2%2017.9h-.1c-75.9%200-147.5%2046.5-202.3%20131z'%20/%3e%3cpath%20fill='%23A0FFFF'%20d='M219.9%20253.7c-51.6%200-93.5-46.9-93.5-104.7s41.9-104.7%2093.5-104.7%2093.5%2046.9%2093.5%20104.7-41.9%20104.7-93.5%20104.7zm0-191.5c-42.7%200-77.5%2039-77.5%2086.8s34.8%2086.8%2077.5%2086.8%2077.5-39%2077.5-86.8-34.8-86.8-77.5-86.8z'%20/%3e%3cpath%20fill='%23A0FFFF'%20d='M263.4%20156.3c-4.4%200-8-4-8-9%200-21.6-15.7-39.2-35-39.2-4.4%200-8-4-8-9%200-4.9%203.6-9%208-9%2028.1%200%2051%2025.7%2051%2057.1%200%205-3.6%209.1-8%209.1z'%20/%3e%3c/svg%3e")}#options ul li:first-child{transition:transform .2s .3s,opacity .2s .3s}#options ul li:nth-child(2){transition:transform .2s .2s,opacity .2s .2s}#options ul li:nth-child(3){transition:transform .2s .1s,opacity .2s .1s}#options ul li:nth-child(4){transition:transform .2s,opacity .2s}#options ul li:after{content:attr(data-status);letter-spacing:1px;text-transform:uppercase;color:#222;background-color:#a0ffff;border-radius:4px;padding:2px 4px;font-size:9px;position:absolute;bottom:-5px;right:-15px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}