body{font-size:1em;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}body button,body a,body [role=button]{min-height:44px;min-width:44px}body main{touch-action:none}body .write-menu{width:calc(100% - 2em) !important;left:1em !important}@font-face{font-family:"Caviar Dreams";src:url("/fonts/cd.ttf")}@font-face{font-family:"Caviar Dreams Bold";src:url("/fonts/cdbold.ttf");font-weight:bold}@font-face{font-family:"Bebas Neue";src:url("/fonts/BebasNeue.ttf")}body{background-color:#fff;margin:0;display:flex;flex-direction:column;font-family:"Caviar Dreams",sans-serif;overflow:hidden;overscroll-behavior:none}body *{outline:0;-ms-overflow-style:none;scrollbar-width:none;user-select:text;-webkit-user-drag:none;font-family:"Caviar Dreams",sans-serif}body *[hidden=true]{display:none !important}body *::-webkit-scrollbar{display:none}body button{user-select:none}body input::placeholder{font-family:"Caviar Dreams",sans-serif}.flex-center,.user-profil-ui,.slot-editor-ui,.slot-editor-ui .kpis .kpi .cost,.slot-editor-ui .slot-count-editor,.slot-editor-ui .recap,.element-editor-ui,.element-editor-ui .accessibility,.element-editor-ui .share-menu,.element-editor-ui .element-stats,.color-picker-container,.color-picker-container .color-picker-menu,.color-picker-container .color-picker-menu .labellized,.color-picker-container .color-picker,main .write-menu,main .write-menu button,.confirm-ui,.confirm-ui .actions,.checkout-status-ui,.checkout-status-ui .check,.modal-backdrop .authentication-modal .credentials-third-party,.ask-for-name-ui,body header,body header .btn-news,body header .scrollable-tabs .list-element .diary-component,.tabs-container,.slot-bar-container .slot-bar-inner .slot-label,.scrollable-tabs,.on-off-toggle,.on-off-toggle span,.modal-backdrop,.input-code-container.input-code-container,.color-input-container,.avatar-container,.avatar-modifier-container .btn-edit-avatar,.btn,.user-profil-ui button,.slot-editor-ui .recap .btn-validate,.element-editor-ui .btn-critical,.element-editor-ui .share-menu .btn-link,.color-picker-container .color-picker-menu .btn-confirm,.confirm-ui .actions button,.modal-backdrop .credential-ui .btn-forget-password,.modal-backdrop .authentication-modal .credentials-third-party .credentials-third-party-button,.modal-backdrop .tabs-container button,.ask-for-name-ui>.flex-center button,.ask-for-name-ui>.ask-for-name-ui button,body header .scrollable-tabs .btn-add,.form-ui button,.modal-backdrop .credential-ui button,.avatar{display:flex;justify-content:center;align-items:center}.flex-space{flex:1}.avatar{border-radius:150px;overflow:hidden}.avatar img{max-width:100%;max-height:100%}.form-input,.user-profil-ui input,.element-editor-ui .element-title,.color-picker-container .color-picker-menu .labellized>input[type=text],.ask-for-name-ui>input,.form-ui input,.modal-backdrop .credential-ui input{padding:.5em 1em;border:none;border-radius:150px;font-size:1.25em;max-width:75%;width:15em;background-color:#e7e7e7;outline:0;text-align:center;font-family:"Caviar Dreams"}.btn,.user-profil-ui button,.slot-editor-ui .recap .btn-validate,.element-editor-ui .btn-critical,.element-editor-ui .share-menu .btn-link,.color-picker-container .color-picker-menu .btn-confirm,.confirm-ui .actions button,.modal-backdrop .credential-ui .btn-forget-password,.modal-backdrop .authentication-modal .credentials-third-party .credentials-third-party-button,.modal-backdrop .tabs-container button,.ask-for-name-ui>.flex-center button,.ask-for-name-ui>.ask-for-name-ui button,body header .scrollable-tabs .btn-add,.form-ui button,.modal-backdrop .credential-ui button{background-color:#2a68e7;border-radius:150px;border:2px solid #fff;margin:0;cursor:pointer;font-size:1em}hr{border:none;height:2px;width:100%;border-radius:5px;background-color:#333}.avatar-container{border-radius:150px;width:6em;height:6em;min-width:6em;min-height:6em;box-shadow:0 2px 5px rgba(0,0,0,.5);border:2px solid #e7e7e7;overflow:hidden}.avatar-container img{min-width:100%;min-height:100%;border-radius:50%;object-fit:cover}.avatar-container .icon-user{font-size:6em;color:#fff;background-color:#2a68e7}.avatar-modifier-container{position:relative}.avatar-modifier-container .btn-edit-avatar{background-color:#fff;border-radius:50%;width:1.5em;height:1.5em;position:absolute;bottom:1.2em;right:.15em;color:#333;padding:0;border:1px solid #e7e7e7;font-size:1.25em;box-shadow:0 2px 5px rgba(0,0,0,.5);cursor:pointer}.avatar-modifier-container .btn-edit-avatar~input[type=file]{width:1px;height:1px;overflow:hidden;position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.color-input-container{background-color:#e7e7e7;border-radius:150px}.color-input-container img{width:3em;height:3em;border-radius:150px;cursor:pointer}.color-input-container input{width:5em;padding-right:.25em;border-top-right-radius:0;border-bottom-right-radius:0}.form-ui,.modal-backdrop .credential-ui{display:flex;flex-direction:column;align-items:center;gap:.75em}.form-ui h2,.modal-backdrop .credential-ui h2{font-family:"Bebas Neue",sans-serif;text-align:center;font-weight:normal;font-size:2em;margin-bottom:0;color:#333}.form-ui button,.modal-backdrop .credential-ui button{background-color:#6fb45b;color:#fff;font-size:1.75em;padding:.25em 1.75em;font-family:"Bebas Neue",sans-serif}.form-ui hr,.modal-backdrop .credential-ui hr{width:80%}.log-text{font-weight:bold;font-size:1.1em;padding:1em;margin:0;overflow:hidden;max-height:4em;transition:padding .3s ease-out,max-height .3s ease-out}.log-text:not([mode]){padding:0;max-height:0}.log-text[mode=success]{color:#6fb45b}.log-text[mode=error]{color:#e30028}.input-code-container.input-code-container{border-radius:2em;box-shadow:0 2px 10px rgba(0,0,0,.5);font-size:1.5em}.input-code-container.input-code-container>input{font-size:1em;width:2em;height:2em;border-radius:0;border-left:none;padding:.25em;font-weight:bold;transition:background-color .75s ease-out}.input-code-container.input-code-container>input:first-of-type{border-top-left-radius:2em;border-bottom-left-radius:2em}.input-code-container.input-code-container>input:last-of-type{border-top-right-radius:2em;border-bottom-right-radius:2em}.input-code-container.input-code-container>input:not(:first-of-type){border-left:1px solid #d3d3d3}.input-code-container.input-code-container>input:focus{background-color:#d3d3d3;transition:background-color .5s ease-out}.modal-backdrop{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);opacity:0;cursor:pointer}.modal-backdrop .modal-container{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35);border-radius:1rem;border:1px solid rgba(0,0,0,.5);padding:1em;max-width:95vw;max-height:95vh;overflow-y:auto;cursor:default}.on-off-toggle{border-radius:150px;background-color:#e7e7e7;position:relative;cursor:pointer;width:8em;height:2.8em}.on-off-toggle .toggle-circle{width:2.6em;height:2.6em;border-radius:50%;background-color:#fff;position:absolute;top:.1em;left:.1em;transition:left .2s ease-in-out}.on-off-toggle span{position:absolute;top:0;bottom:0;left:.5em;right:.5em;font-size:1.1em;margin:auto;font-weight:bold;opacity:0;color:#fff;user-select:none;transition:opacity .2s ease-out}.on-off-toggle span[on=true]{right:2.6em}.on-off-toggle span[off]{left:2.6em}.on-off-toggle[on=true]{background-color:#6fb45b}.on-off-toggle[on=true] .toggle-circle{left:calc(100% - 2.7em)}.on-off-toggle[on=true] span[on=true]{opacity:1}.on-off-toggle[on=true] span[off]{opacity:0}.on-off-toggle:not([on=true]) span[on=true]{opacity:0}.on-off-toggle:not([on=true]) span[off]{opacity:1}.scrollable-tabs{overflow:hidden;border:4px solid #fff;border-radius:150px;min-width:3.75em;min-height:3em}.scrollable-tabs .list-element{overflow:hidden;white-space:nowrap}.slot-bar-container{width:100%;text-align:center}.slot-bar-container .message-warn{margin-bottom:0}.slot-bar-container .slot-bar-inner{position:relative;overflow:hidden;background-color:#e30028;border-radius:150px;height:3.5em;width:100%;border:2px solid #e7e7e7;box-shadow:0 2px 5px rgba(0,0,0,.5);cursor:pointer}.slot-bar-container .slot-bar-inner .slot-bar-progress{position:absolute;left:0;top:0;bottom:0;width:40%;z-index:4;background-color:#6fb45b;border-right:2px solid hsla(0,0%,100%,.75);box-shadow:3px 0 5px rgba(0,0,0,.25)}.slot-bar-container .slot-bar-inner .slot-label{position:absolute;left:0;right:0;top:0;bottom:0;z-index:5;font-family:"Bebas Neue";font-weight:bold;color:#fff;font-size:1.3em;letter-spacing:.1em;text-shadow:0 2px rgba(0,0,0,.5)}.tabs-container{position:relative;width:100%}@font-face{font-family:"assets";src:url("/fonts/assets.eot?evfak4");src:url("/fonts/assets.eot?evfak4#iefix") format("embedded-opentype"),url("/fonts/assets.ttf?evfak4") format("truetype"),url("/fonts/assets.woff?evfak4") format("woff"),url("/fonts/assets.svg?evfak4#assets") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"assets" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;display:inline-block;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^=icon-]::before,[class*=" icon-"]::before{display:block;line-height:1}.icon-create:before{content:""}.icon-heart:before{content:""}.icon-delete:before{content:""}.icon-search:before{content:""}.icon-settings:before{content:""}.icon-check:before{content:""}.icon-world-app:before{content:""}.icon-group:before{content:""}.icon-forbidden:before{content:""}.icon-forward:before{content:""}.icon-rewind:before{content:""}.icon-eye:before{content:""}.icon-plus:before{content:""}.icon-save:before{content:""}.icon-wifi_off:before{content:""}.icon-group_add:before{content:""}.icon-person_add:before{content:""}.icon-link:before{content:""}.icon-share:before{content:""}.icon-user:before{content:""}.icon-locked:before{content:""}.icon-unlock:before{content:""}.icon-cross:before{content:""}body header{padding:.5em;background-color:#adc5f6}body header *{font-size:1em;color:#fff}body header .btn-news{font-size:.8em;width:5em;height:5em;background-color:#2a68e7;border-radius:150px;border:2px solid #fff;margin:0 1em}body header .scrollable-tabs{display:flex;margin:0 .5em;max-width:50%}body header .scrollable-tabs .list-element{flex:1}body header .scrollable-tabs .list-element .diary-component{display:inline-flex;font-size:1.1em;background-color:#2a68e7;border-radius:150px;margin:.25em;cursor:pointer;user-select:none;transition:background-color .3s}body header .scrollable-tabs .list-element .diary-component .avatar-container{font-size:.45em;box-shadow:none;margin:0;margin-top:-0.2em;margin-bottom:-0.2em;border:2px solid #adc5f6}body header .scrollable-tabs .list-element .diary-component>p{height:100%;margin:0;padding:.25em;padding-right:.75em;font-size:1.5em}body header .scrollable-tabs .list-element .diary-component:last-of-type{margin-right:1.5em}body header .scrollable-tabs .btn-add{height:3.25em;width:3.25em;margin:.15em;margin-right:.25em;margin-left:-1.25em}body header .scrollable-tabs .avatar-container{cursor:pointer;font-size:.625em}.ask-for-name-ui{flex:1;flex-direction:column;height:100%}.ask-for-name-ui>h3{text-align:center;font-family:"Bebas Neue",sans-serif;font-size:3em;margin:0;padding-bottom:.5em;font-weight:normal}.ask-for-name-ui>.flex-center,.ask-for-name-ui>.ask-for-name-ui{margin-top:1em;margin-bottom:0}.ask-for-name-ui>.flex-center button,.ask-for-name-ui>.ask-for-name-ui button{background-color:#6fb45b;color:#fff;padding:.25em 2em;font-family:"Bebas Neue",sans-serif;font-size:1.75em}.ask-for-name-ui>.flex-center .btn-cancel,.ask-for-name-ui>.ask-for-name-ui .btn-cancel{background-color:#e7e7e7;margin-bottom:0}.modal-backdrop .credential-ui .btn-forget-password{background-color:rgba(0,0,0,0);color:#000;font-family:"Caviar Dreams Bold";font-size:1em;padding:0}.modal-backdrop .authentication-modal{padding:0;overflow:hidden;border:2px solid #e7e7e7}.modal-backdrop .authentication-modal .forget-password-ui{padding:0 3em}.modal-backdrop .authentication-modal .forget-password-ui>button{margin-bottom:1em}.modal-backdrop .authentication-modal .ugc-text{font-size:1em;padding:.35em;text-align:center;margin:0 auto;width:80%;margin-bottom:1em}.modal-backdrop .authentication-modal .credentials-third-party .credentials-third-party-button{width:2em;height:2em;padding:0;font-size:2em;background-color:#fff;border:1px solid #e7e7e7;margin:0 .15em;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,.1)}.modal-backdrop .authentication-modal .credentials-third-party .credentials-third-party-button img{height:80%}.modal-backdrop .tabs-container{background-color:#dbdbdb}.modal-backdrop .tabs-container button{background-color:rgba(0,0,0,0);flex:1;border:none;height:5em;border-radius:0;z-index:3;position:relative}.modal-backdrop .tabs-container button label{position:absolute;isolation:isolate;z-index:3;font-family:"Bebas Neue";font-size:2em;color:#464646;pointer-events:none}.modal-backdrop .tabs-container .highlight-rect{background-color:#fff;position:absolute;bottom:0;height:calc(100% - 5px);border-top-left-radius:.5em;border-top-right-radius:.5em;z-index:2;box-shadow:0 -5px 5px rgba(0,0,0,.1)}.checkout-status-ui{position:relative;flex-direction:column;width:20em;height:20em;transition:opacity .35s ease-out}.checkout-status-ui[waiting] .wait{opacity:1}.checkout-status-ui[waiting] .check,.checkout-status-ui[waiting] h4,.checkout-status-ui[waiting] p{opacity:0;visibility:hidden}.checkout-status-ui:not([waiting]) .wait{opacity:0;transition:opacity .15s ease-out}.checkout-status-ui:not([waiting]) .check,.checkout-status-ui:not([waiting]) h4,.checkout-status-ui:not([waiting]) p{opacity:1;visibility:visible;transition:opacity .35s .25s ease-out}.checkout-status-ui[status=true] .check{border-color:#6fb45b}.checkout-status-ui[status=true] .check i{color:#6fb45b}.checkout-status-ui[status=false] .check{border-color:#e30028}.checkout-status-ui[status=false] .check i{color:#e30028}.checkout-status-ui .wait{position:absolute;top:calc(50% - 28px);left:calc(50% - 28px);width:50px;height:50px;border:6px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.checkout-status-ui .check{width:10em;height:10em;border-radius:150px;border:2px solid #6fb45b;padding:2em;font-size:.5em;box-shadow:0 2px 15px rgba(0,0,0,.2);opacity:0}.checkout-status-ui h4{font-weight:normal;font-family:"Bebas Neue";font-size:2em;opacity:0;margin:0;margin-top:1em}.checkout-status-ui p{text-align:center}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.confirm-ui{flex-direction:column}.confirm-ui p{margin:0;max-width:min(20em,35vw);margin-bottom:1em;padding:.5em;font-size:1.1em;text-align:center}.confirm-ui .actions{width:100%}.confirm-ui .actions button{flex:1;margin:0 .25em;font-size:1.5em;font-family:"Bebas Neue";color:#fff;padding:.2em 1em;max-width:10em}.confirm-ui .actions .btn-confirm{background-color:#6fb45b}.confirm-ui .actions .btn-cancel{background-color:#777}main{flex:1;overflow:hidden}main canvas{display:block;touch-action:none}main .write-menu{position:fixed;bottom:.75em;width:18em;left:calc(50% - 9em);background-color:hsla(0,0%,100%,.45);backdrop-filter:blur(7px);border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 5px rgba(0,0,0,.35);font-size:1.8em;border-radius:150px;overflow:hidden}main .write-menu input{font-size:1em;flex:1;border:none;padding:.5em;background-color:rgba(0,0,0,0);text-align:center}main .write-menu button{background-color:#adc5f6;color:#fff;border-radius:150px;font-size:1.5em;border:none;width:1.25em;height:1.25em;cursor:pointer}.element-editor-ui{--element-color: $primary-color;flex-direction:column;min-width:30em}.element-editor-ui .avatar-container{margin:1em 0;font-size:1.5em}.element-editor-ui .accessibility{margin:1em 0}.element-editor-ui .accessibility p{margin:0;margin-right:1em}.element-editor-ui .element-title{border:1px solid rgba(127,127,127,.5);background-color:var(--element-color);color:#fff;margin-bottom:.25em;resize:none;box-sizing:border-box;transition:height .15s ease-out}.element-editor-ui hr{width:80%}.element-editor-ui .btn-critical{margin-top:.5em;background-color:#e30028;color:#fff;font-size:1.25em;padding:.25em 1.75em;margin-bottom:1em}.element-editor-ui .share-menu .btn-link{color:#fff;font-size:1.1em;padding:.5em}.element-editor-ui .share-menu .btn-link>span{margin:0 .35em}.element-editor-ui .list-element .avatar-container{font-size:.75em}.element-editor-ui .element-stats{width:80%}.element-editor-ui .element-stats hr{height:2em;width:2px;margin:0 .25em}.element-editor-ui .element-stats>i{color:#e30028;font-size:1.75em;margin:0 .25em 0 .5em}.element-editor-ui .element-stats>.icon-eye{color:#777}.element-editor-ui .element-stats span{margin:0 .25em}.color-picker-container{flex-direction:column}.color-picker-container .color-picker-menu{flex-direction:column}.color-picker-container .color-picker-menu .labellized{position:relative;margin-bottom:.5em;width:100%}.color-picker-container .color-picker-menu .labellized span{margin-right:.5em}.color-picker-container .color-picker-menu .labellized>input[type=range]{flex:1}.color-picker-container .color-picker-menu .labellized>input[type=text]{width:10em;z-index:1;margin-top:1em}.color-picker-container .color-picker-menu .labellized .color-preview{position:absolute;width:2.5em;height:2.5em;border-radius:50%;border:2px solid #fff;z-index:2;right:0;bottom:0;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3)}.color-picker-container .color-picker-menu .btn-confirm{background-color:#6fb45b;font-size:2em;font-family:"Bebas Neue",sans-serif;padding:.15em 1.5em;color:#fff;margin-top:.5em}.color-picker-container .color-picker{position:relative;border-radius:50%;border:4px solid #e7e7e7;overflow:hidden;width:20em;height:20em}.color-picker-container .color-picker .color-wheel-container{width:20em;height:20em}.color-picker-container .color-picker .color-cursor{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.5);left:calc(50% - 5px);top:calc(50% - 5px)}.slot-editor-ui{flex-direction:column;min-width:min(600px,95vw)}.slot-editor-ui h3{font-family:"Bebas Neue";font-size:2em;font-weight:normal;text-align:center;margin:.2em 0}.slot-editor-ui .kpis{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;margin:1em 0}.slot-editor-ui .kpis .kpi{border-radius:1em;box-shadow:0 2px 7px rgba(0,0,0,.35);padding:.5em;margin:.5em;background-color:#fff;min-width:10em}.slot-editor-ui .kpis .kpi h6{margin:0;margin-bottom:.25em;text-align:center;font-size:1em}.slot-editor-ui .kpis .kpi hr{border:none;height:2px;background-color:#e7e7e7}.slot-editor-ui .kpis .kpi .cost{font-size:1.4em;margin:.5em 0;width:100%}.slot-editor-ui .kpis .kpi .cost span{font-size:1.4em;font-weight:bold;margin-right:.2em}.slot-editor-ui .kpis .kpi .cost div{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-top:.2em}.slot-editor-ui .kpis .kpi .cost div .action-name{font-size:.6em;font-weight:normal}.slot-editor-ui .kpis .kpi p{text-align:center;margin:0}.slot-editor-ui .kpis .kpi p span{font-weight:bold}.slot-editor-ui .kpis .kpi p span[positive]{color:#6fb45b}.slot-editor-ui .kpis .kpi p span[negative]{color:#e30028}.slot-editor-ui .slot-count-editor{width:100%}.slot-editor-ui .slot-count-editor .slot-bar-container{flex:1}.slot-editor-ui .slot-count-editor button{font-weight:bold;font-size:1.25em;width:4em;height:2.5em;border:1px solid #d3d3d3;border-radius:150px;margin:0 .5em;cursor:pointer;color:#fff;box-shadow:0 0 2px rgba(0,0,0,.35);opacity:.8;transform-origin:center center;transition:opacity .25s ease-out,transform .15s ease-out,background-color .5s}.slot-editor-ui .slot-count-editor button:first-of-type{background-color:#e30028}.slot-editor-ui .slot-count-editor button:last-of-type{background-color:#6fb45b}.slot-editor-ui .slot-count-editor button[disabled]{pointer-events:none;background-color:#e7e7e7}.slot-editor-ui .slot-count-editor button:hover{opacity:1}.slot-editor-ui .slot-count-editor button:active{transform:scale(1.05)}.slot-editor-ui .recap{flex-direction:column;width:calc(100% - 4em);padding:1em 2em;border-radius:1.5em;box-shadow:0 0 15px 2px rgba(0,0,0,.35)}.slot-editor-ui .recap h4{text-align:center;font-family:"Bebas Neue";margin:0;font-weight:normal;font-size:1.4em;margin-bottom:.5em}.slot-editor-ui .recap p{margin-right:1em}.slot-editor-ui .recap .on-off-toggle{width:5em}.slot-editor-ui .recap .btn-validate{color:#fff;background-color:#6fb45b;padding:.5em 1.35em;font-family:"Bebas Neue";font-size:1.4em;margin-top:.25em;max-height:3em;overflow:hidden;transition:max-height .45s ease-out,opacity .25s ease-out,transform .35s ease-out}.slot-editor-ui .recap .new-sub,.slot-editor-ui .recap i{white-space:nowrap;overflow:hidden;max-width:10em;transition:opacity .35s ease-out,max-width .35s ease-out,min-width .35s ease-out,margin .35s ease-out,padding .35s ease-out}.slot-editor-ui .recap:not([new-subscription]) i,.slot-editor-ui .recap:not([new-subscription]) .new-sub{opacity:0;max-width:0;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.slot-editor-ui .recap:not([new-subscription]) .btn-validate{opacity:0;max-height:0;margin:0;transform:translateY(-1em)}.user-profil-ui{flex-direction:column;min-width:min(30em,95vw)}.user-profil-ui .avatar-container{margin:1em 0;font-size:1.5em}.user-profil-ui input{margin:.25em 2em;overflow:hidden;max-height:100px;min-height:0;transition:max-height .3s ease-out,padding .3s ease-out}.user-profil-ui input:last-of-type{margin-bottom:1em}.user-profil-ui button{background-color:#6fb45b;color:#fff;font-size:1.75em;padding:.25em 1.75em;font-family:"Bebas Neue",sans-serif;max-height:100px;transition:max-height .3s ease-out,padding .3s ease-out}.user-profil-ui input[not-visible],.user-profil-ui button[not-visible]{padding:0;max-height:0}.user-profil-ui .btn-critical{background-color:#e30028}