@charset "UTF-8";@-webkit-keyframes ai1wm-rotate{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}25%{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}50%{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}75%{-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes ai1wm-rotate{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}25%{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}50%{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}75%{-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@-webkit-keyframes ai1wm-emphasize{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes ai1wm-emphasize{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes ai1wm-fadein{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ai1wm-fadein{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ai1wm-spin-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes ai1wm-spin-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes ai1wm-spin-right{0%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ai1wm-spin-right{0%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.ai1wm-button-group{border:2px solid #27ae60;background-color:transparent;color:#27ae60;border-radius:5px;cursor:pointer;text-transform:uppercase;font-weight:600;transition:background-color .2s ease-out;display:inline-block;text-align:right}.ai1wm-button-group.ai1wm-button-export,.ai1wm-button-group.ai1wm-button-import{box-sizing:content-box}.ai1wm-button-group.ai1wm-button-export.ai1wm-open>.ai1wm-dropdown-menu{height:448px;border-top:1px solid #27ae60}.ai1wm-button-group.ai1wm-button-import.ai1wm-open>.ai1wm-dropdown-menu{height:476px;border-top:1px solid #27ae60}.ai1wm-button-group .ai1wm-button-main{position:relative;padding:6px 25px 6px 50px;box-sizing:content-box}.ai1wm-button-group .ai1wm-dropdown-menu{height:0;overflow:hidden;transition:height .2s cubic-bezier(.19,1,.22,1);border-top:none}.ai1wm-dropdown-menu{list-style:none}.ai1wm-dropdown-menu,.ai1wm-dropdown-menu li{margin:0!important;padding:0}.ai1wm-dropdown-menu li a,.ai1wm-dropdown-menu li a:visited{display:block;padding:5px 26px;text-decoration:none;color:#27ae60;text-align:right;box-sizing:content-box}.ai1wm-dropdown-menu li a:hover,.ai1wm-dropdown-menu li a:visited:hover{text-decoration:none;color:#111}.ai1mw-lines{position:absolute;width:12px;height:10px;top:9px;left:20px}.ai1wm-line{position:absolute;width:100%;height:2px;margin:auto;background:#27ae60;transition:all .2s ease-in-out}.ai1wm-line-first{top:0;right:0}div.ai1wm-open .ai1wm-line-first,div.ai1wm-open .ai1wm-line-third{top:50%}.ai1wm-line-second{top:50%;right:0}.ai1wm-line-third{top:100%;right:0}.ai1wm-button-blue,.ai1wm-button-gray,.ai1wm-button-green,.ai1wm-button-green-small,.ai1wm-button-red{display:inline-block;border:2px solid #95a5a6;background-color:transparent;color:#95a5a6;border-radius:5px;cursor:pointer;padding:5px 26px 5px 25px;text-transform:uppercase;font-weight:600;outline:0;transition:background-color .2s ease-out;text-decoration:none}.ai1wm-button-gray:hover{background-color:#95a5a6;color:#fff}.ai1wm-button-blue,.ai1wm-button-green,.ai1wm-button-green-small,.ai1wm-button-red{border:2px solid #27ae60;color:#27ae60}.ai1wm-button-green:hover{background-color:#27ae60;color:#fff}.ai1wm-button-blue,.ai1wm-button-green-small,.ai1wm-button-red{border:2px solid #6eb649;color:#6eb649}.ai1wm-button-green-small:hover{background-color:#6eb649;color:#fff}.ai1wm-button-blue,.ai1wm-button-red{border:2px solid #00aff0;color:#00aff0}.ai1wm-button-blue:hover{background-color:#00aff0;color:#fff}.ai1wm-button-red{border:2px solid #e74c3c;color:#e74c3c}.ai1wm-button-red:hover{background-color:#e74c3c;color:#fff}.ai1wm-button-blue[disabled=disabled],.ai1wm-button-green-small[disabled=disabled],.ai1wm-button-green[disabled=disabled],.ai1wm-button-red[disabled=disabled]{opacity:.6;cursor:default}.ai1wm-button-blue[disabled=disabled]:hover{color:#00aff0}.ai1wm-button-red[disabled=disabled]:hover{color:#e74c3c}.ai1wm-button-green[disabled=disabled]:hover{color:#27ae60}.ai1wm-button-blue[disabled=disabled]:hover,.ai1wm-button-green-small[disabled=disabled]:hover,.ai1wm-button-green[disabled=disabled]:hover,.ai1wm-button-red[disabled=disabled]:hover{background:100% 0}.ai1wm-message-close-button{position:absolute;left:10px;top:6px;text-decoration:none;font-size:10px}input[type=radio].ai1wm-flat-radio-button{display:none}input[type=radio].ai1wm-flat-radio-button+a i,input[type=radio].ai1wm-flat-radio-button+label i{vertical-align:middle;float:right;width:25px;height:25px;border-radius:50%;background:100% 0;border:2px solid #ccc;content:" ";cursor:pointer;position:relative;box-sizing:content-box}input[type=radio].ai1wm-flat-radio-button:checked+a i,input[type=radio].ai1wm-flat-radio-button:checked+label i{background-color:#d9d9d9;border-color:#6f6f6f}.ai1wm-clear{*zoom:1;clear:both}.ai1wm-clear:after,.ai1wm-clear:before{content:" ";display:table}.ai1wm-clear:after{clear:both}.ai1wm-container .ai1wm-row label{position:relative;top:-1px}.ai1wm-container .ai1wm-row label:after{content:"‎"}.ai1wm-share-button-container{text-align:center}.ai1wm-share-button-container .ai1wm-share-button{text-decoration:none;margin:10px;font-size:30px}.ai1wm-feedback-cancel:active,.ai1wm-feedback-cancel:link,.ai1wm-feedback-cancel:visited{float:right;line-height:34px;outline:0;text-decoration:none;color:#e74c3c}.ai1wm-form-submit{float:left}.ai1wm-import-info a,.ai1wm-no-underline{text-decoration:none}.ai1wm-top-positive-four{position:relative;top:4px}.ai1wm-holder h1 i,.ai1wm-top-positive-two{position:relative;top:2px}.ai1wm-feedback-form{display:none}.ai1wm-feedback-types{margin:0;padding:0;list-style:none}.ai1wm-feedback-types li{margin:14px 0;padding:0}.ai1wm-feedback-types>li>a>span,.ai1wm-feedback-types>li>label>span{display:inline-block;padding:5px 8px 6px 0}.ai1wm-feedback-types>li>a{height:29px;outline:0;color:#333;text-deciration:none}.ai1wm-loader{display:inline-block;width:128px;height:128px;position:relative;-webkit-animation:ai1wm-rotate 1.5s infinite linear;animation:ai1wm-rotate 1.5s infinite linear;background:url(../img/logo-128x128.png);background-repeat:no-repeat;background-position:center center}.ai1wm-hide{display:none}.ai1wm-label{border:1px solid #5cb85c;background-color:transparent;color:#5cb85c;cursor:pointer;text-transform:uppercase;font-weight:600;outline:0;transition:background-color .2s ease-out;padding:.2em .6em;font-size:.8em;border-radius:5px}.ai1wm-label:hover{background-color:#5cb85c;color:#fff}.ai1wm-dialog-message{text-align:right;line-height:1.5em}.ai1wm-import-info{margin-top:16px}.ai1wm-import-info,.ai1wm-import-title{display:inline-block;font-size:12px;font-weight:700}.ai1wm-button-download,.ai1wm-direct-download{top:.5em!important}.ai1wm-button-download span,.ai1wm-direct-download span{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai1wm-mt-20{margin-top:20px}[class*=" ai1wm-icon-"],[class^=ai1wm-icon-]{font-family:"servmask";speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ai1wm-icon-file-zip:before{content:"\e60f"}.ai1wm-icon-folder:before{content:"\e60e"}.ai1wm-icon-file:before{content:"\e60b"}.ai1wm-icon-file-content:before{content:"\e60c"}.ai1wm-icon-cloud-upload:before{content:"\e600"}.ai1wm-icon-history:before{content:"\e603"}.ai1wm-icon-notification:before{content:"\e619"}.ai1wm-icon-arrow-down:before{content:"\e604"}.ai1wm-icon-close:before{content:"\e61a"}.ai1wm-icon-wordpress2:before{content:"\e620"}.ai1wm-icon-arrow-right:before{content:"\e605"}.ai1wm-icon-plus2:before{content:"\e607"}.ai1wm-icon-edit-pencil:before{content:"\e900"}.ai1wm-icon-export:before{content:"\e601"}.ai1wm-icon-publish:before{content:"\e602"}.ai1wm-icon-paperplane:before{content:"\e608"}.ai1wm-icon-help:before{content:"\e609"}.ai1wm-icon-chevron-right:before{content:"\e60d"}.ai1wm-icon-chevron-right2:before{content:"\e901"}.ai1wm-icon-chevron-left2:before{content:"\e902"}.ai1wm-icon-dropbox:before{content:"\e606"}.ai1wm-icon-gear:before{content:"\e60a"}.ai1wm-icon-database:before{content:"\e964"}.ai1wm-icon-upload2:before{content:"\e9c6"}.ai1wm-icon-checkmark:before{content:"\ea10"}.ai1wm-icon-checkmark2:before{content:"\ea11"}.ai1wm-icon-enter:before{content:"\ea13"}.ai1wm-icon-exit:before{content:"\ea14"}.ai1wm-icon-amazon:before{content:"\ea87"}.ai1wm-icon-onedrive:before{content:"\eaaf"}.ai1wm-icon-folder-secondary:before{content:"\e92f"}.ai1wm-icon-folder-secondary-open:before{content:"\e930"}.ai1wm-icon-dots-horizontal-triple:before{content:"\e903"}.ai1wm-icon-bullhorn:before{content:"\e91a"}.ai1wm-icon-eye:before{content:"\e9ce"}.ai1wm-icon-eye-blocked:before{content:"\e9d1"}.ai1wm-icon-power-cord:before{content:"\e9b7"}.ai1wm-icon-image:before{content:"\e90d"}.ai1wm-icon-file-video:before{content:"\e92a"}.ai1wm-icon-stack:before{content:"\e92e"}.ai1wm-icon-table:before{content:"\e906"}.ai1wm-icon-calendar:before{content:"\e953"}.ai1wm-icon-play:before{content:"\ea1c"}@media (min-width:855px){.ai1wm-row{margin-left:399px}.ai1wm-row:after,.ai1wm-row:before{content:" ";display:table}.ai1wm-row:after{clear:both}.ai1wm-left{float:right;width:100%}.ai1wm-right{float:left;width:377px;margin-left:-399px}.ai1wm-right .ai1wm-sidebar{width:100%}.ai1wm-right .ai1wm-segment{width:333px;border:1px solid #d6d6d6;border-radius:3px;box-shadow:inset 0 1px 0 0 #fff;color:#333;background-color:#f9f9f9;padding:20px;text-decoration:none;text-shadow:0 1px 0 #fff;background-clip:padding-box}.ai1wm-right .ai1wm-segment h2{margin:22px 0 0;padding:0;font-weight:700;font-size:14px;text-transform:uppercase;text-align:center}.ai1wm-right .ai1wm-feedback-email{width:100%;font-weight:400;font-size:.8rem;height:2.3rem;line-height:2.3rem;border-radius:5px;margin-bottom:4px;padding:0 10px}.ai1wm-right .ai1wm-feedback-message{width:100%;border-radius:3px;font-size:.8rem;padding:6px 10px;resize:none}.ai1wm-right .ai1wm-feedback-terms-segment{font-size:.7rem;line-height:1rem;margin:4px 0 8px}.ai1wm-right .ai1wm-feedback-terms-segment>.ai1wm-feedback-terms{border-radius:3px}}.ai1wm-holder{position:relative;border:1px solid #d6d6d6;border-radius:3px;box-shadow:inset 0 1px 0 0 #fff;padding:20px;background:#f9f9f9}.ai1wm-holder h1{float:right;font-weight:300;font-size:22px;text-transform:uppercase}@media (max-width:854px){.ai1wm-container{margin-right:10px!important}.ai1wm-right,.ai1wm-row{margin-left:0!important}.ai1wm-right{float:right!important;width:100%!important;margin-top:18px}.ai1wm-right .ai1wm-sidebar{width:auto!important;border:1px solid #d6d6d6;border-radius:3px;box-shadow:inset 0 1px 0 0 #fff;padding:20px;background:#f9f9f9}.ai1wm-right .ai1wm-feedback-email{width:100%;font-weight:400;font-size:.8rem;height:2.3rem;line-height:2.3rem;border-radius:5px;margin-bottom:4px;padding:0 10px}.ai1wm-right .ai1wm-feedback-message{width:100%;border-radius:3px;font-size:.8rem;padding:6px 10px;resize:none}.ai1wm-right .ai1wm-feedback-terms-segment{font-size:.7rem;line-height:1rem;margin:4px 0 8px;border-radius:3px}.ai1wm-right .ai1wm-feedback-terms-segment>.ai1wm-feedback-terms{border-radius:3px}}.ai1wm-container{margin:20px 2px 0 20px}.ai1wm-container:after,.ai1wm-container:before{content:" ";display:table}.ai1wm-container:after{clear:both}.ai1wm-replace-row{width:100%;box-shadow:outset 0 1px 0 0 white;border-radius:3px;color:#333;font-size:11px;font-weight:700;background-color:#f9f9f9;text-decoration:none;text-shadow:0 1px 0 #fff;background-clip:padding-box;margin-bottom:10px}.ai1wm-field{margin-bottom:4px}.ai1wm-field input[type=text],.ai1wm-field textarea{width:100%;font-weight:400}.ai1wm-field-set{margin-top:18px}.ai1wm-message{-moz-box-sizing:border-box;background-color:#efefef;border-radius:4px;color:rgba(0,0,0,.6);height:auto;margin:10px 0;min-height:18px;padding:6px 10px;position:relative;border:1px solid;transition:opacity .1s ease 0s,color .1s ease 0s,background .1s ease 0s,box-shadow .1s ease 0s}.ai1wm-message.ai1wm-success-message{background-color:#f2f8f0;color:#119000;font-size:12px}.ai1wm-message.ai1wm-info-message{background-color:#d9edf7;color:#31708f;font-size:11px}.ai1wm-message.ai1wm-error-message{background-color:#f1d7d7;color:#a95252;font-size:12px}.ai1wm-message.ai1wm-red-message{color:#d95c5c;border:2px solid #d95c5c;background-color:transparent}.ai1wm-message.ai1wm-red-message h3{margin:.4em 0;color:#d95c5c}.ai1wm-message p{margin:4px 0;font-size:12px}.ai1wm-message-warning{display:block;font-size:14px;line-height:18px;padding:12px 20px;margin:0 0 22px;background-color:#f9f9f9;border:1px solid #d6d6d6;border-radius:3px;box-shadow:0 1px 0 0 #fff inset;border-right:4px solid #ffba00}.ai1wm-overlay{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:100001}.ai1wm-modal-container{position:fixed;display:none;top:50%;right:50%;z-index:100002;width:480px;height:auto;padding:16px;-webkit-transform:translate(240px,-94px);transform:translate(240px,-94px);border:1px solid #fff;box-shadow:0 2px 6px #292929;border-radius:6px;background:#f6f6f6;box-sizing:border-box;text-align:center}.ai1wm-modal-container.ai1wm-modal-container-v2{display:block;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);max-height:400px;overflow-y:auto;text-align:right;padding:0;border:0;border-radius:0}.ai1wm-modal-container.ai1wm-modal-container-v2.ai1wm-modal-loading{width:auto;overflow:hidden;border-radius:1em}.ai1wm-modal-container.ai1wm-modal-container-v2 h1{text-transform:none}.ai1wm-modal-container section{display:block;min-height:102px}.ai1wm-holder h1,.ai1wm-modal-container section h1{margin:0;padding:0}.ai1wm-modal-container section h1 .ai1wm-title-green{color:#27ae60;font-size:.7em}.ai1wm-modal-container section h1 .ai1wm-title-red{color:#e74c3c;font-size:20px}.ai1wm-modal-container section h1 .ai1wm-title-grey{color:gray;font-size:20px}.ai1wm-modal-container section h1 .ai1wm-loader{width:32px;height:32px;background:url(../img/logo-32x32.png)}.ai1wm-modal-container section h1 .ai1wm-icon-notification{font-size:1.2em;color:#e74c3c}.ai1wm-modal-container section p{margin:0;padding:12px 0}.ai1wm-modal-container section p .ai1wm-modal-sites p{padding:4px 10px;text-align:right}.ai1wm-modal-container section p .ai1wm-modal-sites input,.ai1wm-modal-container section p .ai1wm-modal-sites select{padding:0 6px;width:100%;max-width:100%;border-radius:3px;height:30px;line-height:30px}.ai1wm-modal-container section p .ai1wm-modal-subtitle-green{color:#27ae60}.ai1wm-modal-container section p .ai1wm-modal-subtitle-red{color:#e74c3c}.ai1wm-modal-container section p .ai1wm-modal-subdescription{display:block;text-align:right}.ai1wm-modal-container section p a.ai1wm-button-green{display:inline-block;position:relative;top:26px}.ai1wm-modal-container section p a.ai1wm-emphasize{-webkit-animation:ai1wm-emphasize 1s infinite;animation:ai1wm-emphasize 1s infinite}.ai1wm-modal-container section p em{display:block;color:#34495e;font-style:normal}.ai1wm-modal-container section p.ai1wm-import-modal-content{text-align:right}.ai1wm-modal-container section p.ai1wm-import-modal-content-done{text-align:right;padding:1.62em .5em}.ai1wm-modal-container .ai1wm-import-modal-actions{border-top:1px solid #ccc;padding-top:1em;text-align:left}.ai1wm-modal-container .ai1wm-import-modal-actions .ai1wm-button-gray{margin-left:1em}.ai1wm-modal-container .ai1wm-import-modal-notice{border-top:1px solid #ccc}.ai1wm-modal-container .ai1wm-import-modal-notice p{font-weight:700;margin:0;padding-top:16px;text-align:center}.ai1wm-progress-bar-v2{background-color:#63637e;display:block;height:60px;padding:3em}.ai1wm-progress-bar-v2 h1{text-transform:none;color:#fff;margin:0 0 1.4em}.ai1wm-progress-bar-v2-container{position:relative;width:100%;overflow:visible}.ai1wm-progress-bar-v2 .ai1wm-progress-bar-v2-meter{position:absolute;right:0;top:0;height:5px;background-color:#3d3d4e;width:100%}.ai1wm-progress-bar-v2 .ai1wm-progress-bar-v2-meter .ai1wm-progress-bar-v2-percent{position:absolute;background-color:#fff;padding:0 .5em;border-radius:3px;font-size:10px;line-height:24px;-webkit-transform:translate(1.1em,-3em);transform:translate(1.1em,-3em)}.ai1wm-progress-bar-v2 .ai1wm-progress-bar-v2-meter .ai1wm-progress-bar-v2-percent::after{content:" ";position:absolute;top:100%;right:50%;margin-right:-3px;border-width:3px;border-style:solid;border-color:#fff transparent transparent}.ai1wm-progress-bar-v2 .ai1wm-progress-bar-v2-meter .ai1wm-progress-bar-v2-slider{display:inline-block;background-color:#fff;position:absolute;height:5px;max-width:100%}.ai1wm-spin-container{height:50px;width:50px;position:relative;display:block;padding:1.5em}.ai1wm-spinner{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;width:50px;height:50px;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.ai1wm-spinner.ai1wm-spin-left{-webkit-animation-duration:2000ms;animation-duration:2000ms;-webkit-animation-name:ai1wm-spin-left;animation-name:ai1wm-spin-left}.ai1wm-spinner.ai1wm-spin-right{-webkit-animation-duration:4000ms;animation-duration:4000ms;-webkit-animation-name:ai1wm-spin-right;animation-name:ai1wm-spin-right}.ai1wm-folder-container,section.ai1wm-decrypt-backup-section form{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ai1wm-folder-container{display:-webkit-flex;display:-ms-flexbox;display:flex;padding:2em 3em}.ai1wm-folder-container ul li a,.ai1wm-folder-container>h1{color:#3c434a;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ai1wm-folder-container>h1{font-weight:700;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ai1wm-folder-container>h1 a{text-decoration:none;color:inherit;font-size:.5em}.ai1wm-folder-container ul li{margin:0}.ai1wm-folder-container ul li a{padding:5px;text-decoration:none;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:1rem}.ai1wm-folder-container ul li a>i{margin:0 5px}.ai1wm-folder-container ul li a>i.ai1wm-icon-arrow-down{margin-right:10px;display:none}.ai1wm-folder-container ul li a:hover{background-color:rgba(0,0,0,.1)}.ai1wm-folder-container ul li a:hover i.ai1wm-icon-arrow-down{display:block}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li>a>i,.ai1wm-folder-container ul li .ai1wm-archive-browser-filename{margin-left:10px}.ai1wm-folder-container ul li .ai1wm-archive-browser-filesize{color:#718096;font-size:.75rem;white-space:nowrap}section.ai1wm-decrypt-backup-section,section.ai1wm-decrypt-backup-section .ai1wm-input-password-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}section.ai1wm-decrypt-backup-section{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;gap:16px;box-sizing:border-box;padding:16px}section.ai1wm-decrypt-backup-section h1{font-size:20px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}section.ai1wm-decrypt-backup-section p{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;padding:0;margin:0}section.ai1wm-decrypt-backup-section form{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;gap:8px}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container{-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container input{width:100%}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container .ai1wm-toggle-password-visibility{font-size:16px;text-decoration:none;color:#3c434a;position:absolute;left:10px;top:8px;outline:0;box-shadow:none}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container .ai1wm-error-message{display:none}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container.ai1wm-has-error input{border-color:#e74c3c}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container.ai1wm-has-error .ai1wm-error-message{color:#e74c3c;display:block;font-weight:400;text-align:right;width:100%}section.ai1wm-decrypt-backup-section .ai1wm-backup-decrypt-button-container,section.ai1wm-decrypt-backup-section form{display:-webkit-flex;display:-ms-flexbox;display:flex;width:75%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}section.ai1wm-decrypt-backup-section .ai1wm-backup-decrypt-button-container{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:16px;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}#ai1wm-backups-list{width:100%;margin-top:1.95rem;overflow-x:auto}div#ai1wm-backups-list::-webkit-scrollbar{-webkit-appearance:none;height:4px}div#ai1wm-backups-list::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(77,77,77,.5);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.ai1wm-backups{width:100%;margin:1em 0;padding:0;border-collapse:collapse}.ai1wm-backups .ai1wm-column-name{text-align:right;white-space:nowrap}.ai1wm-backups .ai1wm-column-date,.ai1wm-backups .ai1wm-column-size{text-align:center;white-space:nowrap}.ai1wm-backups .ai1wm-column-actions{text-align:left;white-space:nowrap}.ai1wm-backups thead th{padding:4px 6px;text-align:right;font-size:1.2em}.ai1wm-backups tbody tr{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.ai1wm-backups tbody tr:hover{background:rgba(0,0,0,.1)}.ai1wm-backups tbody tr:hover .ai1wm-backup-label-description:not(.ai1wm-backup-label-selected){display:inline}.ai1wm-backups tbody td{padding:4px 6px;box-sizing:border-box;line-height:24px}.ai1wm-backups tbody td.ai1wm-backup-actions{text-align:left;width:50px}.ai1wm-backups tbody td.ai1wm-backup-actions a:focus{outline-style:none;box-shadow:none;border-color:transparent}.ai1wm-backups tbody td.ai1wm-backup-actions>div{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots{border-radius:100%;margin:0;padding:10px;color:gray;font-size:1.5em;text-decoration:none;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots:focus,.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots:hover{background-color:#f0f0f1}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu{position:absolute;background:100% 0;display:none;-webkit-transform:translate(35px,30px);transform:translate(35px,30px);left:0}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul{position:relative;z-index:10;margin:0;background:#f9f9f9;border-radius:5px;box-shadow:rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li{display:block;padding:0;margin:0}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li.divider{border-top:1px solid rgba(0,0,0,.1)}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li:first-child>a{border-top-right-radius:5px;border-top-left-radius:5px}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li:last-child>a{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li.ai1wm-disabled{opacity:.5}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li.ai1wm-disabled>a{cursor:not-allowed}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li>a{text-decoration:none;color:#23282d;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.5em 2em}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li>a:focus,.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li>a:hover{background-color:rgba(0,0,0,.1)}.ai1wm-backups .spinner{visibility:visible;margin:0}.ai1wm-backups .ai1wm-backups-list-spinner{text-align:center;line-height:37px}.ai1wm-backups .ai1wm-backups-list-spinner .spinner{float:none;visibility:visible;margin:0 0 0 6px;position:relative;top:-2px}.ai1wm-backups .ai1wm-backup-label-text{cursor:pointer}.ai1wm-backups .ai1wm-backup-label-text .ai1wm-backup-label-colored{display:inline-block;padding:.25em .4em;font-size:85%;font-weight:400;line-height:1;text-align:center;vertical-align:baseline;border-radius:.25rem;color:#000;background-color:#fad390;cursor:pointer;word-wrap:break-word;word-break:break-all;white-space:normal}.ai1wm-backups .ai1wm-backup-label-description:hover .ai1wm-icon-edit-pencil,.ai1wm-backups .ai1wm-backup-label-text:hover .ai1wm-icon-edit-pencil{display:inline}.ai1wm-backups .ai1wm-backup-label-description{font-size:12px;cursor:pointer;font-style:italic}.ai1wm-backups .ai1wm-backup-label-holder .spinner{float:none}.ai1wm-backups .ai1wm-backup-label-holder .ai1wm-backup-label-field{border-radius:5px;border:1px solid #ccc}.ai1wm-backups-empty,.ai1wm-backups-empty-spinner-holder{line-height:2em}.ai1wm-backups-empty-spinner-holder .spinner{float:none;visibility:visible;margin:0 0 0 6px;position:relative;top:-2px}

Figma Уроки: Sixty Five Уроков По Figma Для Новичков: Интерфейс, Работа, Компоненты Все О Дизайне Уроки Фотошоп

Сегодня мы разберемся, чем они отличаются друг от друга, и конечно же научимся самостоятельно делать кликабельные кнопки и ссылки в прототипах auto layout figma что это фигмы. Сегодня я расскажу про несколько способов, как можно сделать текст дугой в программе Figma. В обоих случаях мы будем использовать специальные плагины, благодаря которым мы и получим нужный нам результат, ведь стандартный функционал фигмы не предусматривает такую возможность. На нашем сайте собраны лучшие дистанционные курсы по работе в редакторе Figma.

Вы с нуля освоите «Фигму» и научитесь использовать плагины, компоненты и горячие клавиши для быстрой работы. Вы сможете создавать прототипы с разной степенью детализации и адаптировать их под любые устройства. Вас ждёт 48 онлайн-уроков и столько же практических заданий, которые помогут отточить навыки и собрать портфолио. Курс состоит из 5 видеоуроков с подробными лекциями и домашними заданиями. Например, на заре разработки Figma мы часто говорили о том, какие инструменты вам понадобятся для создания современного дизайна для экранов.

В макет можно добавить любое изображение и начать работу с ним. Для этого нужно открыть панель File и использовать инструмент Place Picture или просто перетащить нужные картинки с рабочего стола. У «Фигмы» много инструментов для работы над проектами, расскажем об основных.

Figma Уроки Для Начинающих И Обучение Онлайн Бесплатно

С их помощью вы изучите основные инструменты и возможности, сможете попрактиковаться и создать первые проекты. Затем можно переходить к платным курсам для получения более глубоких знаний и наработки серьезного опыта. Auto Structure (автолейаут, авто лейаут) — это инструмент, с помощью которого можно быстро выровнять элементы и автоматически настроить расстояния между ними. Например, AutoLayout выручает, когда нужно создать дизайн для разных разрешений экрана и не хочется рассчитывать все размеры и отступы вручную.

Сервисом можно пользоваться и в онлайн версии с любого браузера, устройства и версии операционной системы. В онлайн редакторе все данные будут сохраняться https://deveducation.com/ в облаке, и в том случае, если вы работаете в команде, все участники будут иметь доступ к проекту. Это удобно, так как до появления этой программы, дизайнерам приходилось передавать макеты в фотошопе, что приводило к разным трудностям при загрузке. Например, некоторые макеты не открываются в фотошопе, пока не будут установлены необходимые шрифты. Figma — это веб-приложение для дизайна и прототипирования пользовательского интерфейса. Работает прямо в браузере и позволяет тесно сотрудничать нескольким людям в реальном времени.

как научиться работать в фигме

Собрали в одной подборке множество полезных уроков для тех, кто хочет освоить Фигму или перейти на нее с других редакторов. В подборке есть как уроки по освоению интерфейса самой программы, так и по созданию дизайна цифрового продукта. Инструмент перо (Pen tool) также очень полезен для дизайнера, так как он позволяет рисовать линии и фигуры произвольных форм. Этот инструмент обычно дается новичкам тяжело, поэтому советую посмотреть инструкцию по его применению в видео версии урока, которая находится в самом начале статьи. Но кроме веб-приложения у фигмы есть и десктопная версия, то есть обычная программа, которую нужно установить на свой ПК. Настройки цвета также можно найти в Инспекторе.Мы часто хотим привлечь внимание людей с помощью кнопок, поэтому выделите прямоугольник и выберите яркий цвет!

как научиться работать в фигме

Помимо фигур в проект можно добавить любую картинку или видео. Для этого кликните на команду «Place image/video» или используйте комбинацию горячих клавиш Ctrl+Shift+K. Затем выберите и загрузите нужный файл с вашего компьютера. Для создания рабочей области нажмите на иконку в виде решетки в главном меню проекта и выберите «Frame». Первым делом добавьте фрейм — это рабочее пространство, внутри которого вы будете рисовать свой дизайн. Например, если нужен макет сайта, то фреймом будет размер экрана, для которого вы проектируете шаблон.

Этот курс идеально подходит Разработка через тестирование для как начинающих, так и дизайнеров, которые хотят перейти с Adobe XD или Sketch . Чтобы создать фрейм, нужно использовать инструмент фрейма (Frame tool) или нажать F на клавиатуре, а затем выбрать нужный размер из панели инструментов. Фреймы можно перемещать и изменять размер с помощью мыши, и они автоматически добавляются в панель слоев. Figma — это популярный среди дизайнеров графический онлайн-редактор.

как научиться работать в фигме

Популярные Топы Курсов

За время обучения сделаете собственные проекты для портфолио, например, прототип сайта или макет лендинга, а по окончании получите именной сертификат или диплом и неограниченный доступ к видеолекциям. Важно, что все вебинары проводятся на русском языке, в отличие от видео, которые вы можете найти в интернете. Занятия ведут эксперты отрасли, практикующие дизайнеры, которые дают актуальную информацию и делятся советами. Figma – это популярный графический редактор, который используется для дизайна сайтов, интернет-магазинов, мобильных приложений и т. Совместная работа с другими дизайнерами, копирайтерами, разработчиками.

За это отвечают параметры H (height — высота) и W (width — ширина). Если вы разрабатываете дизайн под конкретное устройство, то можете сразу выбрать готовый размер фрейма в меню настроек слева. Графический редактор отлично подходит для совместной работы, поэтому знание «Фигмы» требуется во многих вакансиях. Дизайнеры, разработчики, другие участники проекта и заказчики могут в реальном времени вносить изменения и комментировать работу. После регистрации вы можете начать работу над своим первым проектом.

Интерфейс Figma интуитивно понятен, что делает его идеальным графическим редактором для новичков. При добавлении новых элементов в Figma используйте модульную сетку. Она поможет вам выровнять макет и сделать работу с фигурами более простой и аккуратной. Для этого выделите его и нажмите плюсик в блоке «Layout Grid» на правой панели. Прототип — это схематичная модель будущего проекта, например, сайта или приложения, по которой понятно, как пользователь будет с ним взаимодействовать.

«уроки Figma» От Дениса Тимошицкого

Вы узнаете, как в фигме заменить фотошоп, удалить фон, улучшить качество изображения, перевести его из пнг в вектор. Я покажу, как их можно нарисовать, а также где найти готовые векторные или объемные (3д). Также я покажу несколько хороших плагинов для иконок в фигме. Советую смотреть этот урок в видео-формате, поскольку там я показываю всё это более подробно, чем в текстовом варианте. Сегодня рассмотрим наиболее популярные проблемы, возникающие при работе в фигме.

Leave a comment

Your email address will not be published. Required fields are marked *