:-ms-input-placeholder{color:#fff}::placeholder{color:#fff}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}html{--theme-color:#37474f}body{overflow:hidden;-webkit-overflow-scrolling:touch;margin:0;padding:0;background:#fff;outline:none;font-family:Roboto,Noto,Arial,sans-serif;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#content,body{position:fixed;top:0;right:0;bottom:0;left:0}#content{overflow-x:hidden;overflow-y:scroll}#menu{width:100%;height:auto;background:#37474f;background:var(--theme-color,#37474f)}#menu,.menu_template{position:relative;float:left}.menu_template{width:calc(100% - 48px);height:24px;margin:24px 24px 0;border-radius:12px;background:hsla(0,0%,100%,.08);cursor:pointer}.menu_template_new{left:0;width:56px;background:#f44336;text-align:center;text-transform:uppercase}.menu_template_new,.menu_template_text{position:absolute;top:0;height:24px;border-radius:12px;color:#fff;font-weight:500;font-size:14px;font-size:.875rem;line-height:24px}.menu_template_text{right:16px;left:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#menu_logo{position:relative;float:left;width:200px;height:40px;margin:40px calc(50% - 100px);fill:#fff}#menu_overview{width:calc(100% - 32px);height:auto;margin:0 16px;font-weight:400;line-height:20px}#menu_overview,#menu_twitter{position:relative;float:left;color:#fff;font-size:14px;font-size:.875rem;text-align:center}#menu_twitter{overflow:hidden;width:176px;height:40px;margin:24px calc(50% - 105px) 40px;padding:0 16px;border:1px solid #fff;border-radius:4px;background:transparent;font-weight:500;line-height:40px;text-decoration:inherit;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}#menu_twitter,.menu_link{outline:none;transition:background .32s}.menu_link{position:relative;float:left;width:100%;height:72px;color:#fff}#menu_twitter:active,#menu_twitter:focus,.menu_link:active,.menu_link:focus{background:hsla(0,0%,100%,.08)}.menu_link_image{position:absolute;top:8px;left:16px;object-fit:cover;width:56px;height:56px;pointer-events:none}.menu_link_title{top:16px;font-weight:500}.menu_link_subtitle,.menu_link_title{position:absolute;right:24px;left:88px;overflow:hidden;color:#fff;font-size:14px;font-size:.875rem;line-height:20px;text-overflow:ellipsis;white-space:nowrap;transition:color .32s}.menu_link_subtitle{top:36px;font-weight:400}#menu_space{height:8px}#menu_space,#play{position:relative;float:left;width:100%}#play{overflow-x:hidden;overflow-y:scroll;height:auto}#visual{position:relative;float:left;width:100%;height:616px}#example{position:absolute;top:0;right:0;left:0;overflow-x:scroll;overflow-y:hidden;padding:12px;font-size:0;white-space:nowrap}#example_custom{position:relative;display:inline-block;overflow:hidden;width:56px;height:56px;margin:4px;border-radius:4px;background:#37474f;background:var(--theme-color,#37474f);white-space:normal;box-shadow:0 1px 2px rgba(0,0,0,.24);cursor:pointer;transition:box-shadow .32s;transform:perspective(0)}#example_custom>svg{position:absolute;top:16px;left:16px;width:24px;height:24px;fill:#fff}.example{position:relative;display:inline-block;overflow:hidden;width:56px;height:56px;margin:4px;border-radius:4px;white-space:normal;box-shadow:0 1px 2px rgba(0,0,0,.24);cursor:pointer;transition:box-shadow .32s;transform:perspective(0)}#example_custom:active,.example:active{box-shadow:0 4px 8px rgba(0,0,0,.24)}.example>img{position:absolute;top:-14px;left:-14px;width:84px;height:84px;pointer-events:none}#credit{position:absolute;top:88px;right:16px;left:16px;display:none;overflow:hidden;height:56px;border-radius:4px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.24);cursor:pointer;transition:box-shadow .32s}#credit:active{box-shadow:0 4px 8px rgba(0,0,0,.24)}#credit_image{position:absolute;top:8px;left:16px;width:40px;height:40px;border-radius:50%;pointer-events:none}#credit_title{top:8px;color:#212121}#credit_subtitle,#credit_title{position:absolute;right:8px;left:72px;overflow:hidden;height:20px;font-weight:500;font-size:14px;font-size:.875rem;line-height:16px;text-overflow:ellipsis;white-space:nowrap}#credit_subtitle{top:28px;color:#757575}#credit_twitter{position:absolute;top:16px;right:16px;width:24px;height:24px;fill:#757575}#icon{position:absolute;top:200px;left:calc(50% - 96px);width:192px;height:192px}#icon_background,#icon_foreground{position:absolute;top:-48px;left:-48px;object-fit:cover;width:288px;height:288px}#icon_cover{top:-192px;right:-192px;bottom:-192px;left:-192px;border:192px solid #fff}#icon_cover,#icon_shadow{position:absolute;display:none}#icon_shadow{box-shadow:0 2px 4px rgba(0,0,0,.24)}#icon_mask,#icon_shadow{top:0;right:0;bottom:0;left:0}#icon_mask,#icon_mask>svg{position:absolute}#icon_mask>svg{top:-192px;left:-192px;width:576px;height:576px;visibility:hidden}#icon_mask.apple>#icon_mask_apple,#icon_mask.google>#icon_mask_google,#icon_mask.microsoft>#icon_mask_microsoft,#icon_mask.samsung>#icon_mask_samsung{visibility:visible}#icon_action{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}#icon.top>#icon_background{transform:translateY(-56px)}#icon.top>#icon_foreground{transform:translateY(-72px)}#icon.top>#icon_cover,#icon.top>#icon_mask,#icon.top>#icon_shadow{transform:translateY(-40px)}#icon.right>#icon_background{transform:translateX(56px)}#icon.right>#icon_foreground{transform:translateX(72px)}#icon.right>#icon_cover,#icon.right>#icon_mask,#icon.right>#icon_shadow{transform:translateX(40px)}#icon.bottom>#icon_background{transform:translateY(56px)}#icon.bottom>#icon_foreground{transform:translateY(72px)}#icon.bottom>#icon_cover,#icon.bottom>#icon_mask,#icon.bottom>#icon_shadow{transform:translateY(40px)}#icon.left>#icon_background{transform:translateX(-56px)}#icon.left>#icon_foreground{transform:translateX(-72px)}#icon.left>#icon_cover,#icon.left>#icon_mask,#icon.left>#icon_shadow{transform:translateX(-40px)}#icon.push>#icon_background{transform:scale(.7)}#icon.push>#icon_foreground{transform:scale(.6)}#icon.push>#icon_cover,#icon.push>#icon_mask,#icon.push>#icon_shadow{transform:scale(.8)}#icon.pop>#icon_background{transform:scale(1.3)}#icon.pop>#icon_foreground{transform:scale(1.4)}#icon.pop>#icon_cover,#icon.pop>#icon_mask,#icon.pop>#icon_shadow{transform:scale(1.2)}#share{bottom:16px;left:50%;width:auto;height:32px;padding:0 16px;border-radius:2px;color:#37474f;color:var(--theme-color,#37474f);font-weight:500;font-size:14px;font-size:.875rem;line-height:32px;text-transform:uppercase;cursor:pointer;transform:translateX(-50%)}#option,#share{position:absolute}#option{right:0;bottom:48px;left:0;height:136px}#option_navigation{position:absolute;top:0;right:24px;left:24px;height:48px}#option_animation,#option_customize,#option_masks{position:relative;float:left;width:33.3333333333%;width:33.33333%;height:48px;background:transparent;color:#37474f;color:var(--theme-color,#37474f);font-weight:500;font-size:14px;font-size:.875rem;line-height:48px;text-align:center;text-transform:uppercase;cursor:pointer}#option_indicator{position:absolute;bottom:0;left:33.3333333333%;left:33.33333%;width:33.3333333333%;width:33.33333%;height:2px;background:#37474f;background:var(--theme-color,#37474f);transition:transform .32s}#option.customize>#option_navigation>#option_indicator{transform:translateX(-100%)}#option.animation>#option_navigation>#option_indicator{transform:translateX(100%)}#option_wrapper{position:absolute;top:48px;left:-100%;width:300%;height:88px;transition:transform .32s}#option.customize>#option_wrapper{transform:translateX(33.3333333333%);transform:translateX(33.33333%)}#option.animation>#option_wrapper{transform:translateX(-33.3333333333%);transform:translateX(-33.33333%)}#animation,#customize,#masks{position:relative;float:left;width:33.3333333333%;width:33.33333%;height:88px}#radius{position:absolute;top:16px;left:calc(50% - 104px);overflow:hidden;width:208px;height:32px}#radius_track{right:8px;background:#90a4ae}#radius_track,#radius_trend{position:absolute;top:14.4px;left:8px;height:3px}#radius_thumb,#radius_trend{background:#37474f;background:var(--theme-color,#37474f)}#radius_thumb{position:absolute;top:10px;left:0;width:12px;height:12px;border-radius:50%;transform-origin:center}#radius_input{top:0;left:0;width:100%;height:32px;margin:0;padding:0;opacity:0}#corner,#radius_input{position:absolute;cursor:pointer}#corner{bottom:16px;left:calc(50% - 36px);width:72px;height:24px}#corner_1{left:8px}#corner_1,#corner_2{position:absolute;top:8px;width:8px;height:8px;border-radius:4px;background:#37474f;background:var(--theme-color,#37474f)}#corner_2{left:24px}#corner_3{left:40px}#corner_3,#corner_4{position:absolute;top:8px;width:8px;height:8px;border-radius:4px;background:#37474f;background:var(--theme-color,#37474f)}#corner_4{left:56px}#corner_1.active,#corner_2.active,#corner_3.active,#corner_4.active{background:#90a4ae}#masks_items{position:absolute;top:28px;left:calc(50% - 128px);width:256px;height:32px}#masks_items>svg{position:relative;float:left;width:32px;height:32px;margin:0 16px;cursor:pointer}#animation_items{position:absolute;top:8px;left:calc(50% - 120px);width:240px;height:40px}#animation_items>svg{position:relative;float:left;width:24px;height:24px;padding:8px;fill:#37474f;fill:var(--theme-color,#37474f);cursor:pointer}#animation_duration{position:absolute;top:48px;left:calc(50% - 32px);width:64px;height:32px;margin:0;padding:0;border:none;background:transparent;color:#37474f;color:var(--theme-color,#37474f);outline:none;font-weight:500;font-size:14px;font-size:.875rem;line-height:32px;text-align:center}#animation_duration::selection{background:#37474f;background:var(--theme-color,#37474f);color:#fff}#blocker{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;visibility:hidden;transition:background .32s,visibility 0s .32s}#blocker.active{background:rgba(0,0,0,.4);visibility:visible;transition:background .32s,visibility 0s}#custom{position:absolute;top:-280px;right:0;left:0;height:216px;background:#37474f;background:var(--theme-color,#37474f);visibility:hidden;box-shadow:0 2px 4px rgba(0,0,0,.24);transition:transform .32s,visibility 0s .32s}#custom.active{visibility:visible;transition:transform .32s,visibility 0s;transform:translateY(280px)}#custom_background_label{top:24px}#custom_background_label,#custom_foreground_label{position:absolute;right:24px;left:24px;color:#fff;font-weight:500;font-size:12px;font-size:.75rem;line-height:16px}#custom_foreground_label{top:96px}#custom_background_input{top:40px}#custom_background_input,#custom_foreground_input{position:absolute;left:24px;width:calc(100% - 88px);height:32px;margin:0;padding:0;border:none;border-bottom:2px solid hsla(0,0%,100%,.4);background:transparent;color:#fff;outline:none;font-weight:400;font-size:14px;font-size:.875rem;line-height:32px}#custom_foreground_input{top:112px}#custom_background_input::selection,#custom_foreground_input::selection{background:#fff;color:#37474f;color:var(--theme-color,#37474f)}#custom_background_line{top:72px}#custom_background_line,#custom_foreground_line{position:absolute;right:64px;left:24px;height:2px;background:#fff;opacity:0;transition:opacity .32s,transform 0s .32s;transform:scaleX(0)}#custom_foreground_line{top:144px}#custom_background_input:focus+#custom_background_line,#custom_foreground_input:focus+#custom_foreground_line{opacity:1;transition:opacity 0s,transform .32s;transform:scaleX(1)}#custom_background_browse{top:32px}#custom_background_browse,#custom_foreground_browse{position:absolute;right:16px;width:24px;height:24px;padding:8px;border-radius:50%;fill:#fff;cursor:pointer;transition:background .32s}#custom_foreground_browse{top:104px}#custom_drop{top:224px;right:16px;left:16px;line-height:20px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.24)}#custom_action,#custom_drop{position:absolute;color:#fff;font-weight:500;font-size:14px;font-size:.875rem}#custom_action{bottom:16px;left:50%;width:auto;height:36px;padding:0 16px;border:none;border-radius:2px;background:transparent;outline:none;line-height:36px;text-transform:uppercase;cursor:pointer;transition:background .32s;transform:translateX(-50%)}#custom_action:active,#custom_background_browse:active,#custom_foreground_browse:active{background:hsla(0,0%,100%,.08)}#drop{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:rgba(0,0,0,.9);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s}#drop.active{opacity:1;visibility:visible}#drop_background{top:40px;bottom:calc(50% + 20px)}#drop_background,#drop_foreground{position:absolute;right:40px;left:40px;border:2px dashed #fff;border-radius:16px}#drop_foreground{top:calc(50% + 20px);bottom:40px}#drop_background>div,#drop_foreground>div{position:absolute;top:calc(50% - 16px);right:16px;left:16px;overflow:hidden;height:32px;color:#fff;font-weight:400;font-size:24px;font-size:1.5rem;line-height:32px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (min-width:480px){#menu{width:480px!important;padding:0 calc(50% - 240px)!important}#credit{right:calc(50% - 160px)!important;left:calc(50% - 160px)!important}#custom,#option_navigation{right:calc(50% - 200px)!important;left:calc(50% - 200px)!important}}@media (min-width:840px){#menu{position:fixed!important;left:0!important;overflow-x:hidden!important;overflow-y:scroll!important;width:360px!important;padding:0 0 16px!important;box-shadow:2px 0 4px rgba(0,0,0,.24)!important}#menu,#play{top:0!important;bottom:0!important;height:auto!important}#play{position:absolute!important;right:0!important;left:360px!important;width:auto!important}}@media (min-width:960px){#menu{width:440px!important}#play{left:440px!important}}@media (min-width:840px) and (min-height:616px){#visual{height:100%!important}}@media (min-width:840px) and (min-height:680px){#icon{top:240px!important}}