-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 180">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="180" height="180" viewBox="0 0 180 180">
<defs>
- <style>
- .cls-1 {
- clip-path: url(#clip-backup-active);
- }
-
- .cls-2 {
- fill: none;
- }
-
- .cls-3 {
- fill: #b9f4ee;
- }
-
- .cls-3, .cls-4, .cls-5, .cls-6 {
- fill-rule: evenodd;
- }
-
- .cls-4 {
- fill: #00bfaa;
- }
-
- .cls-5 {
- fill: #d0faf6;
- }
-
- .cls-6 {
- fill: #eafdfb;
- }
- </style>
<clipPath id="clip-backup-active">
<rect width="180" height="180"/>
</clipPath>
</defs>
- <g id="backup-active" class="cls-1">
+ <g id="backup-active" clip-path="url(#clip-backup-active)">
<g id="backup-active-2" data-name="backup-active">
- <rect id="Rectangle_3739" data-name="Rectangle 3739" class="cls-2" width="180" height="180"/>
+ <rect id="Rectangle_3739" data-name="Rectangle 3739" width="180" height="180" fill="none"/>
<g id="Group_2526" data-name="Group 2526">
- <path id="Path_4790" data-name="Path 4790" class="cls-3" d="M75.6-87.606,3.606-46.041,75.6-4.476l71.993-41.565Z" transform="translate(14.394 177.736)"/>
- <path id="Path_4791" data-name="Path 4791" class="cls-4" d="M147.591-46.041,75.6-4.476,3.606-46.041,75.6-87.606Zm-136.068,0L75.6-9.047l64.076-36.994L75.6-83.035Z" transform="translate(14.394 177.736)"/>
- <path id="Path_4792" data-name="Path 4792" class="cls-5" d="M75.6-131.606,3.606-90.041,75.6-48.476l71.993-41.565Z" transform="translate(14.394 178.192)"/>
- <path id="Path_4793" data-name="Path 4793" class="cls-4" d="M147.591-90.041,75.6-48.476,3.606-90.041,75.6-131.606Zm-136.068,0L75.6-53.047l64.076-36.994L75.6-127.035Z" transform="translate(14.394 178.192)"/>
- <path id="Path_4794" data-name="Path 4794" class="cls-6" d="M75.6-171.606,3.606-130.041,75.6-88.476l71.993-41.565Z" transform="translate(14.394 178.606)"/>
- <path id="Path_4795" data-name="Path 4795" class="cls-4" d="M147.591-130.041,75.6-88.476,3.606-130.041,75.6-171.606Zm-136.068,0L75.6-93.047l64.076-36.994L75.6-167.035Z" transform="translate(14.394 178.606)"/>
+ <path id="Path_4790" data-name="Path 4790" d="M75.6-87.606,3.606-46.041,75.6-4.476l71.993-41.565Z" transform="translate(14.394 177.736)" fill="#c0defc" fill-rule="evenodd"/>
+ <path id="Path_4791" data-name="Path 4791" d="M147.591-46.041,75.6-4.476,3.606-46.041,75.6-87.606Zm-136.068,0L75.6-9.047l64.076-36.994L75.6-83.035Z" transform="translate(14.394 177.736)" fill="#1977d6" fill-rule="evenodd"/>
+ <path id="Path_4792" data-name="Path 4792" d="M75.6-131.606,3.606-90.041,75.6-48.476l71.993-41.565Z" transform="translate(14.394 178.192)" fill="#d0e8fa" fill-rule="evenodd"/>
+ <path id="Path_4793" data-name="Path 4793" d="M147.591-90.041,75.6-48.476,3.606-90.041,75.6-131.606Zm-136.068,0L75.6-53.047l64.076-36.994L75.6-127.035Z" transform="translate(14.394 178.192)" fill="#1977d6" fill-rule="evenodd"/>
+ <path id="Path_4794" data-name="Path 4794" d="M75.6-171.606,3.606-130.041,75.6-88.476l71.993-41.565Z" transform="translate(14.394 178.606)" fill="#eaf4fd" fill-rule="evenodd"/>
+ <path id="Path_4795" data-name="Path 4795" d="M147.591-130.041,75.6-88.476,3.606-130.041,75.6-171.606Zm-136.068,0L75.6-93.047l64.076-36.994L75.6-167.035Z" transform="translate(14.394 178.606)" fill="#1977d6" fill-rule="evenodd"/>
</g>
</g>
</g>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 180">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="180" height="180" viewBox="0 0 180 180">
<defs>
- <style>
- .cls-1 {
- clip-path: url(#clip-restore_json-active);
- }
-
- .cls-2 {
- fill: #b9f4ee;
- }
-
- .cls-2, .cls-3, .cls-5, .cls-6 {
- fill-rule: evenodd;
- }
-
- .cls-3 {
- fill: #00bfaa;
- }
-
- .cls-4, .cls-5 {
- fill: #d0faf6;
- }
-
- .cls-6 {
- fill: #eafdfb;
- }
-
- .cls-7 {
- fill: none;
- }
- </style>
- <clipPath id="clip-restore_json-active">
+ <clipPath id="clip-restore_jason-active">
<rect width="180" height="180"/>
</clipPath>
</defs>
- <g id="restore_json-active" data-name="restore json-active" class="cls-1">
+ <g id="restore_jason-active" data-name="restore jason-active" clip-path="url(#clip-restore_jason-active)">
<g id="Group_3087" data-name="Group 3087">
- <path id="Path_5210" data-name="Path 5210" class="cls-2" d="M76.352-87.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.817)"/>
- <path id="Path_5211" data-name="Path 5211" class="cls-3" d="M149.1-45.606l-72.746,42-72.746-42,72.746-42Zm-137.492,0L76.352-8.224,141.1-45.606,76.352-82.987Z" transform="translate(14.394 177.817)"/>
- <path id="Union_130" data-name="Union 130" class="cls-4" d="M-219.359-1822.983-174.3-1849l6.928,4-45.062,26.016Zm-17.32-10L-207.206-1850l6.928,4-29.473,17.016Zm-17.32-10L-236.651-1853l6.928,4-17.348,10.016Z" transform="translate(301.416 1976.211)"/>
- <path id="Path_5215" data-name="Path 5215" class="cls-5" d="M76.352-108.306l-39.318,22.7,39.318,22.7,39.318-22.7Z" transform="translate(14.394 177.817)"/>
- <path id="Path_5216" data-name="Path 5216" class="cls-3" d="M115.67-85.606l-39.318,22.7-39.318-22.7,39.318-22.7Zm-70.636,0L76.352-67.524,107.67-85.606,76.352-103.687Z" transform="translate(14.394 177.817)"/>
- <path id="Path_5217" data-name="Path 5217" class="cls-6" d="M76.352-171.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.817)"/>
- <path id="Path_5218" data-name="Path 5218" class="cls-3" d="M149.1-129.606l-72.746,42-72.746-42,72.746-42Zm-137.492,0L76.352-92.224,141.1-129.606,76.352-166.987Z" transform="translate(14.394 177.817)"/>
- <path id="Union_129" data-name="Union 129" class="cls-4" d="M-219.359-1807l34.641-20,6.928,4-34.641,20Zm-17.32-10,27.713-16,6.928,4-27.713,16ZM-254-1827l45.033-26,6.928,4-45.033,26Z" transform="translate(301.416 1876.195)"/>
- <rect id="Rectangle_3739" data-name="Rectangle 3739" class="cls-7" width="180" height="180"/>
+ <path id="Path_5210" data-name="Path 5210" d="M76.352-87.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.817)" fill="#c0defc" fill-rule="evenodd"/>
+ <path id="Path_5211" data-name="Path 5211" d="M149.1-45.606l-72.746,42-72.746-42,72.746-42Zm-137.492,0L76.352-8.224,141.1-45.606,76.352-82.987Z" transform="translate(14.394 177.817)" fill="#1977d6" fill-rule="evenodd"/>
+ <path id="Union_130" data-name="Union 130" d="M-219.359-1822.983-174.3-1849l6.928,4-45.062,26.016Zm-17.32-10L-207.206-1850l6.928,4-29.473,17.016Zm-17.32-10L-236.651-1853l6.928,4-17.348,10.016Z" transform="translate(301.416 1976.211)" fill="#d0e8fa"/>
+ <path id="Path_5215" data-name="Path 5215" d="M76.352-108.306l-39.318,22.7,39.318,22.7,39.318-22.7Z" transform="translate(14.394 177.817)" fill="#d0e8fa" fill-rule="evenodd"/>
+ <path id="Path_5216" data-name="Path 5216" d="M115.67-85.606l-39.318,22.7-39.318-22.7,39.318-22.7Zm-70.636,0L76.352-67.524,107.67-85.606,76.352-103.687Z" transform="translate(14.394 177.817)" fill="#1977d6" fill-rule="evenodd"/>
+ <path id="Path_5217" data-name="Path 5217" d="M76.352-171.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.817)" fill="#eaf4fd" fill-rule="evenodd"/>
+ <path id="Path_5218" data-name="Path 5218" d="M149.1-129.606l-72.746,42-72.746-42,72.746-42Zm-137.492,0L76.352-92.224,141.1-129.606,76.352-166.987Z" transform="translate(14.394 177.817)" fill="#1977d6" fill-rule="evenodd"/>
+ <path id="Union_129" data-name="Union 129" d="M-219.359-1807l34.641-20,6.928,4-34.641,20Zm-17.32-10,27.713-16,6.928,4-27.713,16ZM-254-1827l45.033-26,6.928,4-45.033,26Z" transform="translate(301.416 1876.195)" fill="#d0e8fa"/>
+ <rect id="Rectangle_3739" data-name="Rectangle 3739" width="180" height="180" fill="none"/>
</g>
</g>
</svg>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 180">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="180" height="180" viewBox="0 0 180 180">
<defs>
- <style>
- .cls-1 {
- clip-path: url(#clip-restore_Mneminic-active);
- }
-
- .cls-2 {
- fill: #b9f4ee;
- }
-
- .cls-2, .cls-3, .cls-5, .cls-6, .cls-7 {
- fill-rule: evenodd;
- }
-
- .cls-3, .cls-8 {
- fill: #00bfaa;
- }
-
- .cls-4, .cls-6 {
- fill: #d0faf6;
- }
-
- .cls-5 {
- fill: #00bda9;
- }
-
- .cls-7 {
- fill: #eafdfb;
- }
-
- .cls-9 {
- fill: none;
- }
- </style>
- <clipPath id="clip-restore_Mneminic-active">
+ <clipPath id="clip-restore_mneminic-active">
<rect width="180" height="180"/>
</clipPath>
</defs>
- <g id="restore_Mneminic-active" data-name="restore Mneminic-active" class="cls-1">
+ <g id="restore_mneminic-active" data-name="restore mneminic-active" clip-path="url(#clip-restore_mneminic-active)">
<g id="Group_3089" data-name="Group 3089">
- <path id="Path_5222" data-name="Path 5222" class="cls-2" d="M76.352-87.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.833)"/>
- <path id="Path_5223" data-name="Path 5223" class="cls-3" d="M149.1-45.606l-72.746,42-72.746-42,72.746-42Zm-137.493,0L76.352-8.224,141.1-45.606,76.352-82.987Z" transform="translate(14.394 177.833)"/>
- <path id="Union_134" data-name="Union 134" class="cls-4" d="M-219.359-1572.983-174.3-1599l6.928,4-45.061,26.016Zm-17.32-10L-207.206-1600l6.928,4-29.473,17.016Zm-17.32-10L-236.651-1603l6.928,4-17.348,10.017Z" transform="translate(301.431 1726.203)"/>
- <path id="Path_5230" data-name="Path 5230" class="cls-5" d="M65.959-129.606l-31.177,18-31.177-18,31.177-18Zm-54.354,0,23.177,13.382,23.177-13.382L34.783-142.987Z" transform="translate(14.394 177.833)"/>
- <path id="Path_5231" data-name="Path 5231" class="cls-6" d="M34.783-147.606l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
- <path id="Path_5235" data-name="Path 5235" class="cls-7" d="M76.337-171.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
- <path id="Path_5239" data-name="Path 5239" class="cls-7" d="M76.337-123.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
- <path id="Path_5243" data-name="Path 5243" class="cls-6" d="M117.907-147.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)"/>
- <path id="Union_135" data-name="Union 135" class="cls-8" d="M-212.445-1537l31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.382L-158.091-1537l-23.177-13.38ZM-254-1560.992l31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.381,23.177-13.381-23.177-13.381Zm75.124-.008,31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.38,23.178-13.38-23.178-13.381Zm-49.569-24,31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.381L-158.091-1585l-23.177-13.381Z" transform="translate(272 1609.219)"/>
- <rect id="Rectangle_3739" data-name="Rectangle 3739" class="cls-9" width="180" height="180"/>
+ <path id="Path_5222" data-name="Path 5222" d="M76.352-87.606l-72.746,42,72.746,42,72.746-42Z" transform="translate(14.394 177.833)" fill="#c0defc" fill-rule="evenodd"/>
+ <path id="Path_5223" data-name="Path 5223" d="M149.1-45.606l-72.746,42-72.746-42,72.746-42Zm-137.493,0L76.352-8.224,141.1-45.606,76.352-82.987Z" transform="translate(14.394 177.833)" fill="#1977d6" fill-rule="evenodd"/>
+ <path id="Union_134" data-name="Union 134" d="M-219.359-1572.983-174.3-1599l6.928,4-45.061,26.016Zm-17.32-10L-207.206-1600l6.928,4-29.473,17.016Zm-17.32-10L-236.651-1603l6.928,4-17.348,10.017Z" transform="translate(301.431 1726.203)" fill="#d0e8fa"/>
+ <path id="Path_5230" data-name="Path 5230" d="M65.959-129.606l-31.177,18-31.177-18,31.177-18Zm-54.354,0,23.177,13.382,23.177-13.382L34.783-142.987Z" transform="translate(14.394 177.833)" fill="#00bda9" fill-rule="evenodd"/>
+ <path id="Path_5231" data-name="Path 5231" d="M34.783-147.606l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)" fill="#d0e8fa" fill-rule="evenodd"/>
+ <path id="Path_5235" data-name="Path 5235" d="M76.337-171.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)" fill="#eaf4fd" fill-rule="evenodd"/>
+ <path id="Path_5239" data-name="Path 5239" d="M76.337-123.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)" fill="#eaf4fd" fill-rule="evenodd"/>
+ <path id="Path_5243" data-name="Path 5243" d="M117.907-147.614l-31.177,18,31.177,18,31.177-18Z" transform="translate(14.394 177.833)" fill="#d0e8fa" fill-rule="evenodd"/>
+ <path id="Union_135" data-name="Union 135" d="M-212.445-1537l31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.382L-158.091-1537l-23.177-13.38ZM-254-1560.992l31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.381,23.177-13.381-23.177-13.381Zm75.124-.008,31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.38,23.178-13.38-23.178-13.381Zm-49.569-24,31.177-18,31.177,18-31.177,18Zm8,0,23.177,13.381L-158.091-1585l-23.177-13.381Z" transform="translate(272 1609.219)" fill="#1977d6"/>
+ <rect id="Rectangle_3739" data-name="Rectangle 3739" width="180" height="180" fill="none"/>
</g>
</g>
</svg>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 30">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
<defs>
- <style>
- .cls-1 {
- clip-path: url(#clip-大写_3);
- }
-
- .cls-2 {
- fill: #00bfa9;
- }
- </style>
- <clipPath id="clip-大写_3">
- <rect width="30" height="30"/>
+ <clipPath id="clip-path">
+ <rect id="Rectangle_5351" data-name="Rectangle 5351" width="30" height="30" fill="#1977d6"/>
</clipPath>
</defs>
- <g id="大写_3" data-name="大写 – 3" class="cls-1">
- <path id="Union_85" data-name="Union 85" class="cls-2" d="M-2240.041-318.8v-3.233h8.081v3.233Zm0-5.657V-331H-2244l8-8,8,8h-3.959v6.546Z" transform="translate(2251 343.398)"/>
+ <g id="capslock-green" clip-path="url(#clip-path)">
+ <path id="Union_85" data-name="Union 85" d="M-2240.041-318.8v-3.233h8.081v3.233Zm0-5.657V-331H-2244l8-8,8,8h-3.959v6.546Z" transform="translate(2251 343.398)" fill="#1977d6"/>
</g>
</svg>
.form-control {
height: 36px;
&:focus {
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px rgba(0, 217, 194, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px rgba(37, 123, 242, 0.6);
}
}
.help-block {
$container-desktop: 1040px + $grid-gutter-width;
$screen-md: $container-desktop;
-$brand-primary: #00bfaa;
+$brand-primary: #1977d6;
$brand-danger: #EF5354;
$text-color: #8c8e94;
$form-group-margin-bottom: 30px;
-$input-border-focus: #00D9C2;
+$input-border-focus: #257bf2;
$text-strong-color: #20252d;
$text-table-value-color: #747c89;
$text-table-label-color: #9ea8b6;
-$text-danger: #d44c4c;
+$text-danger: #DD2C2C;
-$highlight-default: #00bfaa;
-$highlight-secondary: #00D9C2;
-$highlight-danger: #be4343;
+$highlight-default: #1977d6;
+$highlight-secondary: #3295de;
+$highlight-danger: #d02828;
$highlight-danger-background: #f8cece;
$highlight-danger-border: #f3aaaa;
-$highlight-tutorial: #69A7E4;
+$highlight-tutorial: #6EA9FC;
$success-background: #dff0d3;
$success-border: #cbe6b7;
$success: #227855;
-$background-inverse-color: #20252D;
-$border-inverse-color: #303638;
-$highlight-inverse-color: #d4d7de;
+$background-inverse-color: #262626;
+$border-inverse-color: #3b3b3b;
+$highlight-inverse-color: #dddddd;
$border-radius-standard: 3px;