p[data-v-74ade266] {
  margin: 0;
  padding: 0;
}
div[data-v-74ade266] {
  --dark-grayish-blue: #515365;
  --dark-gray: #333333DE;
  --deep-reddish-purple: #601848;
  --vivid-red: #DC1A1A;
  --semi-transparent-gray: #7070703B;
  --font-medium: 500;
  --font-bold: 700;
  --font-normal: 400;
}
.modal-body[data-v-74ade266] {
  height: 500px !important;
}
.restriction-profile-addition[data-v-74ade266] {
  height: 100%;
  text-align: left;
}
.restriction-profile-addition > h2[data-v-74ade266] {
  margin-bottom: 12px;
  color: var(--dark-grayish-blue);
  font-size: 24px;
}
.profile-addition-form[data-v-74ade266] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.profile-addition-form > div[data-v-74ade266] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  gap: 25px;
}
.profile-addition-form > img[data-v-74ade266] {
  width: 50%;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.profile-name-input > label[data-v-74ade266] {
  font-weight: var(--font-medium);
  font-size: 13px;
  color: var(--dark-gray);
  margin-bottom: 4px;
}
.gui-selection > p[data-v-74ade266] {
  font-weight: var(--font-medium);
  margin-bottom: 8px;
  font-size: 13px;
  color: var(--dark-gray);
}
.gui-selection > div[data-v-74ade266] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.profile-addition-form .addition-message[data-v-74ade266] {
  margin-top: auto;
}
.profile-addition-form .a-btn[data-v-74ade266] {
  margin-bottom: auto;
}
.addition-message > span[data-v-74ade266] {
  display: block;
  color: var(--deep-reddish-purple);
  font-weight: var(--font-medium);
}
.addition-message > span.invalid[data-v-74ade266] {
  color: var(--vivid-red)
}
.addition-message ~ .a-btn[data-v-74ade266] {
  width: 208px;
}
.addition-message ~ .a-btn.btn-invalid[data-v-74ade266] {
  width: 15rem;
}
@-webkit-keyframes modal-lg-to-modal-sm-74ade266 {
from {
    max-width: 800px;
}
to {
    max-width: 550px;
}
}
@keyframes modal-lg-to-modal-sm-74ade266 {
from {
    max-width: 800px;
}
to {
    max-width: 550px;
}
}
.modal-transition-sm[data-v-74ade266] {
  -webkit-animation: modal-lg-to-modal-sm-74ade266 .5s ease forwards;
          animation: modal-lg-to-modal-sm-74ade266 .5s ease forwards;
}
@-webkit-keyframes modal-sm-to-modal-lg-74ade266 {
from {
    max-width: 550px;
}
to {
    max-width: 800px;
}
}
@keyframes modal-sm-to-modal-lg-74ade266 {
from {
    max-width: 550px;
}
to {
    max-width: 800px;
}
}
.modal-transition-lg[data-v-74ade266] {
  -webkit-animation: modal-sm-to-modal-lg-74ade266 .5s ease forwards;
          animation: modal-sm-to-modal-lg-74ade266 .5s ease forwards;
}
@-webkit-keyframes modal-lg-to-xs-74ade266 {
from { max-width: 800px;
}
to { max-width: 500px;
}
}
@keyframes modal-lg-to-xs-74ade266 {
from { max-width: 800px;
}
to { max-width: 500px;
}
}
.modal-transition-xs[data-v-74ade266] {
  -webkit-animation: modal-lg-to-xs-74ade266 .5s ease forwards;
          animation: modal-lg-to-xs-74ade266 .5s ease forwards;
}
.preview-default-profile[data-v-74ade266] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.preview-default-profile > .header[data-v-74ade266] {
  margin-bottom: 8px;
  border-bottom: 1px;
  border-color: var(--semi-transparent-gray);
  width: 100%;
  padding-bottom: 8px;
}
.preview-default-profile > .header > h2[data-v-74ade266] {
  font-weight: var(--font-bold);
  font-size: 20px;
  color: var(--dark-grayish-blue);
}
.preview-default-profile > .profile-name[data-v-74ade266] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.preview-default-profile > .profile-name > div[data-v-74ade266] {
  min-width: 250px;
}
.preview-default-profile > .profile-name > div > p[data-v-74ade266] {
  font-size: 14px;
  font-weight: var(--font-medium);
  color: var(--dark-gray);
  margin-bottom: 8px;
}
.preview-default-profile > .selected-guis[data-v-74ade266] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  padding-bottom: 12px;
  height: 200px;
}
.preview-default-profile > .selected-guis > p[data-v-74ade266] {
  font-size: 14px;
  color: var(--dark-gray);
  margin-bottom: 8px;
  font-weight: var(--font-medium);
}
.preview-default-profile > .selected-guis div[data-v-74ade266] {
  width: 100%;
  padding-block: 5px;
  padding-left: 24px;
  border-radius: 8px;
  background-color: #60184817;
}
.preview-default-profile > .selected-guis div > p[data-v-74ade266] {
  position: relative;
  margin-bottom: 0;
  margin-left: 14px;
}
.preview-default-profile > .selected-guis div > p[data-v-74ade266]::before {
  content: '•';
  position: absolute;
  left: -1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: black;
  font-size: 3rem;
  line-height: 2.5rem;
}
.preview-default-profile .a-btn[data-v-74ade266] {
  width: 100%;
}
.preview-default-profile > div[data-v-74ade266]:last-child {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  text-align: center;
}
.preview-default-profile > div:last-child > a[data-v-74ade266],a[data-v-74ade266]:link, a[data-v-74ade266]:visited {
  text-decoration: underline;
  cursor: pointer;
  color: inherit;
}
@-webkit-keyframes modal-sm-to-xl-74ade266 {
from { max-width: 550px;
}
to { max-width: 93%;
}
}
@keyframes modal-sm-to-xl-74ade266 {
from { max-width: 550px;
}
to { max-width: 93%;
}
}
.modal-transition-xl[data-v-74ade266] {
  -webkit-animation: modal-sm-to-xl-74ade266 .5s ease forwards;
          animation: modal-sm-to-xl-74ade266 .5s ease forwards;
}
.features-and-users-selection[data-v-74ade266] {
  height: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  gap: 12px;
}
.features-and-users-selection > .wrapper[data-v-74ade266] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 12px;
}
.features-and-users-selection > .wrapper > div[data-v-74ade266] {
  width: 33.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  border-radius: 10px;
  gap: 5px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.features-and-users-selection > .wrapper >  div[data-v-74ade266]:nth-child(odd) {
  background-color: #AEACAD26;
}
.features-and-users-selection > div[data-v-74ade266]:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.features-and-users-selection .pages-selection > .header[data-v-74ade266] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.features-and-users-selection .pages-selection > .header h2[data-v-74ade266] {
  font-size: 19px;
  margin: 0;
}
.features-and-users-selection .pages-selection > .header p[data-v-74ade266] {
  font-size: 14px;
  margin: 0;
}
.features-and-users-selection .pages-wrapper[data-v-74ade266] {
  overflow-y: auto;
}
.features-and-users-selection .pages-selection .pages[data-v-74ade266] {
  background-color: white;
  padding: 12px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4px;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  white-space: nowrap;
}
.features-and-users-selection .pages-selection .pages span[data-v-74ade266] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.features-and-users-selection .pages-selection .pages[data-v-74ade266]:hover,
.features-and-users-selection .pages-selection .pages.active[data-v-74ade266] {
  background-color: #60184826;
  color: #601848;
  font-weight: var(--font-medium)
}
.features-selection .header[data-v-74ade266] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.features-selection .header h2[data-v-74ade266],p[data-v-74ade266] {
 margin: 0;
}
.features-selection .header h2[data-v-74ade266] {
  font-size: 19px;
}
.features-selection .header p[data-v-74ade266] {
  font-size: 14px;
}
.features-selection .features-wrapper[data-v-74ade266] {
  overflow-y: auto;
}
.features-selection .features[data-v-74ade266] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px;
  margin-bottom: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.features-selection .features[data-v-74ade266]:hover {
  background-color: #60184814;
}
.features-selection .features[data-v-74ade266]:has(input[type=checkbox]:checked) {
  background-color: #EEB0B2;
}
.features-selection .features .custom-control-input:checked ~ .custom-control-label[data-v-74ade266]::before {
  background-color: #DC3C40 !important;
  border-color: #DC3C40 !important;
}
.features-selection .features .custom-control-input:checked ~ .custom-control-label[data-v-74ade266]::after  {
  background: none;
  content: "✕";
  color: #fff;
  top: 11px;
  left: -24px;
  font-weight: 900;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.users-selection__header[data-v-74ade266] {
  margin-bottom: 5px;
}
.users-selection__header p[data-v-74ade266] {
  letter-spacing: 0.15px;
  color: #515365;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 4px;
}
.users-selection__header div[data-v-74ade266] {
  padding: 12px;
  border: 1px solid #601848;
  border-radius: 0px 8px 8px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.users-selection__header div span[data-v-74ade266] {
  font-size: 12px;
  letter-spacing: -0.24px;
  color: #601848;
  font-weight: 600;
}
.users-selection__header div img[data-v-74ade266] {
  margin-right: 12px;
}
.users-selection__search[data-v-74ade266] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  height: 40px;
}
.users-selection__search .a-textfield[data-v-74ade266] {
  min-width: 72%;
}
.users-selection__search .a-btn-outline[data-v-74ade266] {
  margin-left: auto;
  height: 36px;
  padding: 0px;
  width: 100px;
}
.users-selection__users--unselect-all[data-v-74ade266] {
  padding-top: 8px;
  margin-bottom: 4px;
  margin-left: auto;
}
.users-selection__users--unselect-all button[data-v-74ade266] {
  font-size: 12px;
  padding: 1px 18px;
  border-radius: 5px !important;
  margin-top: -18px;
}
.users-selection__users[data-v-74ade266] {
  overflow-x: hidden;
  overflow-y: auto;
}
.users-selection__users--checkbox[data-v-74ade266] {
  padding: 8px;
  margin-bottom: 4px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.users-selection__users--checkbox[data-v-74ade266]:hover {
  background-color: #60184814;
}
@-webkit-keyframes pages-selection-hidden-74ade266 {
from { max-width: 33.3%;
}
to { max-width: 6%;
}
}
@keyframes pages-selection-hidden-74ade266 {
from { max-width: 33.3%;
}
to { max-width: 6%;
}
}
@-webkit-keyframes pages-selection-shown-74ade266 {
from { max-width: 6%;
}
to { max-width: 33.3%;
}
}
@keyframes pages-selection-shown-74ade266 {
from { max-width: 6%;
}
to { max-width: 33.3%;
}
}
.pages-selection[data-v-74ade266]:not(.pages-selection--hidden) {
  -webkit-animation: pages-selection-shown-74ade266 .4s ease forwards;
          animation: pages-selection-shown-74ade266 .4s ease forwards;
}
.pages-selection.pages-selection--hidden[data-v-74ade266] {
  position: relative;
  -webkit-animation: pages-selection-hidden-74ade266 .4s ease forwards;
          animation: pages-selection-hidden-74ade266 .4s ease forwards;
}
.pages-selection.pages-selection--hidden > img[data-v-74ade266] {
  position: absolute;
  top: 240px;
  right: -21px;
  display: block !important;
}
.pages-selection.pages-selection--hidden > div[data-v-74ade266]:not(.header), .pages-selection.pages-selection--hidden > .header > div[data-v-74ade266] {
  display: none;
}
.roles-selection .roles-selection__header[data-v-74ade266] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
  margin-bottom: 12px;
}
.roles-selection__header h2[data-v-74ade266] {
  margin: 0;
  font-size: 19px;
}
.roles-selection__header p[data-v-74ade266] {
  font-size: 14px;
}
.roles-selection__items > div[data-v-74ade266] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  background-color: white;
  border-radius: 5px;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
  cursor: pointer;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.roles-selection__items img[data-v-74ade266] {
  width: 24px;
}
.roles-selection__items div[data-v-74ade266]:hover,
.roles-selection__items div.active[data-v-74ade266] {
  background-color: #60184814;
}
.roles-selection__items > div > p[data-v-74ade266]:last-child {
  margin-left: auto;
}
.users-selection__users--checkbox[data-v-74ade266] {
  position: relative;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  border-radius: 4px;
}
.users-selection__users--checkbox label[data-v-74ade266] {
  font-size: 14px;
  letter-spacing: 0.24px;
  color: #515365;
  font-weight: 300;
}
.users-selection__users--checkbox img[data-v-74ade266] {
  width: 20px;
  margin-right: 12px;
}
.users-selection__users--checkbox.selected[data-v-74ade266] {
  background-color: #60184814;
}
.users-selection__users--checkbox.selected[data-v-74ade266]::after {
  content: "";
  background-image: url('/static/svg/default-restriction-profile/check.svg');
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px;
  right: -5px;
  background-repeat: no-repeat;
}