:root{--text-color-light:#696e7d;--text-color:#3f424d;--text-color-alt:#3f424d;--background-color:#fff;--background-color-alt:#fff;--background-color-button:#d4d7df;--text-color-button-hover:#3f424d;--background-color-button-hover:rgba(212,215,223,.5)}.container__i8CnM{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}.columns__eNZ-T{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:row;flex-direction:row;gap:48px}@media (max-width:768px){.columns__eNZ-T{-ms-flex-direction:column;flex-direction:column}.preview__BxObT{font-size:90%;max-height:360px;min-height:360px;padding:60px 24px 0!important}.sectionTitle__BSK3A{width:100%}.playground__CGR1v{-ms-flex-direction:row!important;flex-direction:row!important;-ms-flex-wrap:wrap;flex-wrap:wrap}.tabs__OlBj7{overflow-x:scroll}.tab__wb067{white-space:nowrap}}.container__i8CnM *{box-sizing:border-box}.container__i8CnM button{-ms-flex-align:center;align-items:center;background:var(--background-color-alt);background:#fff;border:1px solid #e8e9ed;border-radius:8px;border-radius:100px;color:var(--text-color-alt);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-family:Work Sans;font-size:16px;font-weight:500;gap:8px;line-height:24px;padding:8px 16px;text-align:left;transition:color .1s,background .5s ease-in-out}.btnSelect__yrk7m{background:linear-gradient(45deg,#eb2487,#f93939)!important;color:#fff!important}.container__i8CnM button:hover{background:var(--background-color-button-hover);color:var(--text-color-button-hover)}.preview__BxObT{background:var(--background-color);border-radius:16px;box-shadow:0 6px 20px rgba(69,78,104,.1);color:var(--text-color);-ms-flex:1.3;flex:1.3;-ms-flex-direction:column;flex-direction:column;height:360px;overflow:hidden;padding:80px 64px 0;position:relative}.preview__BxObT,.toolbar__uk5z9{display:-ms-flexbox;display:flex}.toolbar__uk5z9{left:16px;max-width:calc(100% - 32px);position:absolute;top:16px}.preview__BxObT:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0;content:"";height:40px;left:0;position:absolute;right:0}.preview__BxObT h6{color:var(--text-color);font-size:20px;font-weight:700;letter-spacing:normal;line-height:24px}.playground__CGR1v{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:8px}@-webkit-keyframes fade__TTEiu{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade__TTEiu{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.anim__Cw8YS{-webkit-animation:fade__TTEiu 1s ease-in-out infinite;animation:fade__TTEiu 1s ease-in-out infinite;background:linear-gradient(214.1deg,#eb2487 7.03%,#f93939 93.99%);color:hsla(0,0%,100%,.5)}.anim__Cw8YS,.textHover__f3Fe4 span{transition:background .5s ease-in-out,color .1s ease-in-out}.textHover__f3Fe4 span{background:rgba(242,46,97,.25)}.idle__2ZXzX{background-color:transparent;color:var(--text-color);transition:background .5s ease-in-out,color .1s ease-in-out}.sectionTitle__BSK3A{color:var(--text-color-alt);font-family:Work Sans;font-size:16px;font-weight:500;line-height:24px}.sectionTitle__BSK3A img{margin-right:8px}.tabs__OlBj7{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px;margin-bottom:4px}.tab__wb067{color:var(--text-color-light);cursor:pointer;font-family:Work Sans;font-size:16px;font-weight:400;line-height:32px;padding:8px 16px;transition:color 1s ease-in-out}.tabSelect__1mP1j,.tab__wb067:hover{color:var(--text-color-alt)}.tabSelect__1mP1j{font-weight:500}