.security-group{padding:20px 30px;margin:5px 0;border-radius:4px;border:1px solid #e9e9e9;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-transition:.2s ease-out;transition:.2s ease-out;-webkit-box-shadow:0 0 0 0 hsla(0,0%,85.9%,.72);box-shadow:0 0 0 0 hsla(0,0%,85.9%,.72)}.security-group:hover{-webkit-box-shadow:0 4px 10px 0 hsla(0,0%,85.9%,.72);box-shadow:0 4px 10px 0 hsla(0,0%,85.9%,.72)}.security-group:hover .security-group__remove-group-button,.security-group:hover .security-group_add-rule-button{opacity:1;visibility:visible}.security-group.security-group_show-rules{-webkit-box-shadow:0 10px 30px 0 rgba(37,45,51,.15);box-shadow:0 10px 30px 0 rgba(37,45,51,.15);border-color:#f5f5f5}.security-group__rules-title{margin:20px -15px 0;padding-left:5px}.security-group__description{margin-bottom:0}.security-group__description,.security-group__name{cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding-left:5px}.security-group__name{font-weight:600;font-size:1.5rem;display:inline-block}.security-group__remove-group-button,.security-group_add-rule-button{opacity:0;visibility:hidden;-webkit-transition:.2s;transition:.2s}.security-rule{padding:10px 25px 9px;margin:5px 0;border-radius:5px;background:#f2f2f2;cursor:auto;-webkit-transition:background-color .1s;transition:background-color .1s;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.security-rule:hover{background-color:#f7f7f7}.security-rule:hover .security-rule__remove-rule-button{visibility:visible;opacity:1}.security-rule__remove-rule-button{font-size:.7em;visibility:hidden;opacity:0;-webkit-transition:.2s;transition:.2s}.security-rule__remove-rule-button_visible{visibility:visible;opacity:1}.security-rule__button-container{margin:auto 0}.modal-content{border:none;font-family:Montserrat,Noto Sans,Quicksand,Avenir,Helvetica,Arial,sans-serif;padding-bottom:2rem}.security-rule-item__name{font-weight:600}.security-rule-item__value{opacity:.85}.security-rule-item__value i{font-size:.8em;vertical-align:1px}.security-rule-item__description{max-width:225px;min-width:150px}.security-rule-item__ethertype .security-rule-item__value[title=IPv4]{color:#00ad68;font-weight:700}.security-rule-item__ethertype .security-rule-item__value[title=IPv6]{color:#0d8de8;font-weight:700}.security-rule-item__direction .security-rule-item__value[title=ingress]{color:#dc3645;font-weight:700}.security-rule-item__direction .security-rule-item__value[title=egress]{color:#1d9098;font-weight:700;margin-right:5px}