/* 
 * Cannamedical Auth - Universal Styles
 * 
 * This file contains styles for all authentication forms (login, registration, password reset).
 * The form structure is ready and you can style it according to your design.
 */

/* Main container for all auth forms */
.canna-auth {
  font-family: "Raleway", arial;
  font-weight: 500;
}

.canna-auth .canna-auth-field-group {
  margin-bottom: 0.875rem;
  position: relative;
}
.canna-auth .canna-auth-field-group label {
  font-size: inherit;
  color: inherit;
  opacity: 0.6;
  position: absolute;
  left: 1rem;
  top: 1.15rem;
  transition: ease 0.25s;
  user-select: none;
  pointer-events: none;
  z-index: 3;
}
.canna-auth
  .canna-auth-field-group:is(
    .canna-auth-field-filled,
    .canna-auth-field-focused
  )
  label {
  top: 0.25rem;
  font-size: 0.75em;
}
.canna-auth .canna-auth-field-group input {
  padding: 1rem 1rem 0.5rem;
  background: transparent !important;
  border-radius: 0rem;
  outline: none !important;
  transition: ease 0.25s;
  border-width: 1px 1px 1px 1px;
  border-color: transparent !important;
  border-bottom-color: #69727d !important;
  border-style: solid;
  font-size: inherit;
  color: inherit;
}
.canna-auth .canna-auth-field-group input:focus {
  box-shadow: 0 0 0 2px #6c8c42;
  border-bottom-color: transparent !important;
}
.canna-auth .canna-auth-field-group .select2 {
  width: 100% !important;
}
.canna-auth .canna-auth-field-group .select2-selection__rendered {
  padding: 1rem 1rem 0.5rem;
  background: transparent !important;
  border-radius: 0rem !important;
  outline: none !important;
  transition: ease 0.25s;
  border-width: 1px 1px 1px 1px;
  border-color: transparent !important;
  border-bottom-color: #69727d !important;
  border-style: solid;
  font-size: inherit;
  color: inherit;
  width: 100% !important;
  height: 3.125rem !important;
}
.canna-auth-field-group
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 1rem 1rem 0.5rem;
}
.canna-auth .canna-auth-field-group .select2-selection__clear {
  display: none !important;
}
.canna-auth .canna-auth-field-group .select2-selection {
  border-radius: 0rem !important;
  border: none !important;
}
.canna-auth .canna-auth-password-wrapper {
  position: relative;
}
.canna-auth .canna-auth-password-wrapper input {
  padding-right: 3.5rem;
}
.canna-auth .canna-auth-password-toggle {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  cursor: pointer;
  transition: ease 0.25s;
  background-color: #568e2f;
  mask-size: contain;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.54959 13.406C2.27759 13.033 2.1416 12.846 2.0476 12.486C1.98413 12.1654 1.98413 11.8356 2.0476 11.515C2.1416 11.154 2.27759 10.967 2.54959 10.595C4.03859 8.55 7.30259 5 11.9996 5C16.6966 5 19.9606 8.55 21.4496 10.594C21.7216 10.967 21.8576 11.154 21.9516 11.514C22.0151 11.8346 22.0151 12.1644 21.9516 12.485C21.8576 12.846 21.7216 13.033 21.4496 13.405C19.9606 15.45 16.6966 19 11.9996 19C7.30259 19 4.03859 15.45 2.54959 13.406Z' stroke='%23568E2F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 3L3 21M12 14C12.5304 14 13.0391 13.7893 13.4142 13.4142C13.7893 13.0391 14 12.5304 14 12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10C11.4696 10 10.9609 10.2107 10.5858 10.5858C10.2107 10.9609 10 11.4696 10 12C10 12.5304 10.2107 13.0391 10.5858 13.4142C10.9609 13.7893 11.4696 14 12 14Z' stroke='%23568E2F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.canna-auth .canna-auth-password-toggle.canna-auth-toggle-active {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.55008 13.406C2.27808 13.033 2.14208 12.846 2.04808 12.486C1.98462 12.1654 1.98462 11.8356 2.04808 11.515C2.14208 11.154 2.27808 10.967 2.55008 10.595C4.03908 8.55 7.30308 5 12.0001 5C16.6971 5 19.9611 8.55 21.4501 10.594C21.7221 10.967 21.8581 11.154 21.9521 11.514C22.0155 11.8346 22.0155 12.1644 21.9521 12.485C21.8581 12.846 21.7221 13.033 21.4501 13.405C19.9611 15.45 16.6971 19 12.0001 19C7.30308 19 4.03908 15.45 2.55008 13.406Z' stroke='%23568E2F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14C12.5304 14 13.0391 13.7893 13.4142 13.4142C13.7893 13.0391 14 12.5304 14 12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10C11.4696 10 10.9609 10.2107 10.5858 10.5858C10.2107 10.9609 10 11.4696 10 12C10 12.5304 10.2107 13.0391 10.5858 13.4142C10.9609 13.7893 11.4696 14 12 14Z' stroke='%23568E2F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.canna-auth .canna-auth-password-toggle:hover {
  background-color: #212121;
}
.canna-auth .canna-auth-password-toggle svg {
  display: none;
}

.canna-auth .canna-auth-forgot-password {
  margin: 0.5rem 0 2.375rem;
}
@media screen and (max-width: 767px) {
  .canna-auth .canna-auth-forgot-password {
    text-align: center;
  }
}
.canna-auth .canna-auth-forgot-password a {
  font-size: 0.75rem;
  line-height: 1;
  color: #000000;
  border-bottom: 1px solid;
  transition: ease 0.25s;
}
.canna-auth .canna-auth-forgot-password a:hover {
  color: #568e2f;
}

.canna-auth .canna-auth-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.canna-auth .canna-auth-button-primary,
.canna-auth .canna-auth-button-secondary {
  padding: 0rem 1.875rem !important;
  appearance: none;
  min-height: 3.4375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  transition: ease 0.25s;
  background: #568e2f !important;
  border: 1px solid #568e2f !important;
  cursor: pointer;
}
.canna-auth .canna-auth-button-secondary {
  background: transparent !important;
  border-color: #568e2f !important;
  color: #568e2f !important;
}
.canna-auth .canna-auth-button-primary:hover,
.canna-auth .canna-auth-button-secondary:hover {
  background: #9ac43a !important;
  border-color: #568e2f !important;
  color: #ffffff !important;
}
/* errors */
.canna-auth-error-message {
  font-size: 0.75rem;
  padding: 0.5rem 0 0.5rem 1rem;
  color: #b93131;
}
.canna-auth .canna-auth-field-group.canna-auth-field-error label {
  color: #b93131;
}
.canna-auth-field-group.canna-auth-field-error::after {
  content: "";
  width: 100%;
  height: 100%;
  top: -10%;
  left: 0%;
  background: #f2e0dc;
  position: absolute;
  transform-origin: center center;
  transform: scaleY(1.1) scaleX(1.05);
}
.canna-auth-field-group.canna-auth-field-error > * {
  position: relative;
  z-index: 2;
}
.canna-auth-field-group.canna-auth-field-error input,
.canna-auth-field-group.canna-auth-field-error .select2-selection__rendered {
  position: relative;
  background: #f8f4ef !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 2px #b93131 !important;
  color: #b93131 !important;
}

.canna-auth-header {
  margin-bottom: 3rem;
}
.canna-auth-header .canna-auth-title {
  color: #568e2f;
}
.canna-auth-password-reset-form .canna-auth-buttons {
  align-items: flex-start;
}

.canna-auth-success-content {
  padding: 1.875rem;
  background: #f7f9f5;
  margin-bottom: 3.125rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .canna-auth-success-content {
    padding: 2.5rem 1.25rem;
  }
}
.canna-auth-success-content .canna-auth-email-sent {
  margin: 2rem 0 0 0;
  color: #568e2f;
  font-weight: 600;
}
.canna-auth-success-content h3 {
  margin: 0 0 0.25rem 0;
  font-size: inherit;
  font-weight: 600;
}
.canna-auth-success-content ol {
  padding-left: 1.25rem;
}
.canna-auth-success-content ol > li:not(:last-child) {
  margin-bottom: 0.5rem;
}

.canna-auth-password-reset-success .canna-auth-buttons,
.canna-auth-registration-success .canna-auth-buttons {
  align-items: flex-start;
}

.canna-auth-registration-success .canna-auth-instructions {
  margin-bottom: 1.5rem;
}

.canna-auth-registration-success .canna-auth-contact-info {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e0e0e0;
}

.canna-auth-registration-success .canna-auth-contact-info h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.select2-dropdown {
  border: none !important;
  border-radius: 0rem !important;
}
.select2-dropdown .select2-search {
  display: none !important;
}
.select2-dropdown .select2-results__options {
  background: #fafafa !important;
}
.select2-dropdown .select2-results__options {
  padding: 0rem !important;
}
.select2-dropdown .select2-results__options li:first-child {
  display: none;
}
.select2-dropdown .select2-results__option {
  font-size: 1rem !important;
  padding: 0.25rem 1rem !important;
  font-weight: 500 !important;
  font-family: "Raleway", arial;
  color: #000000 !important;
  transition: ease 0.25s;
}
.select2-dropdown
  .select2-results__option.select2-results__option--highlighted {
  background: rgba(0, 0, 0, 0.05) !important;
}
.select2-dropdown .select2-results__option.select2-results__option--selected {
  background: #e3ebde !important;
}

.canna-auth-section-title {
  margin: 3.75rem 0 1.25rem 0;
  font-size: 1.15em;
  font-weight: 600;
}

.canna-auth-hint {
  margin: 1.25rem 0 0rem 0;
  padding: 1.25rem;
  font-size: 0.75rem;
  background: #f5f5f5;
  align-self: flex-start;
  display: inline-block;
}

.canna-auth-navigation {
  display: flex;
  margin-top: 3.75rem;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.canna-auth-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.canna-auth-pagination {
  display: flex;
  flex-direction: row;
  gap: 0.125rem;
}
.canna-auth-pagination .canna-auth-pagination-item {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: ease 0.25s;
  color: #000000;
  font-size: 1rem;
}
.canna-auth-pagination
  .canna-auth-pagination-item.canna-auth-pagination-active {
  background: #568e2f;
  color: white;
}
@media screen and (max-width: 767px) {
  .canna-auth-navigation .canna-auth-button,
  .canna-auth-navigation .canna-auth-button:hover {
    font-size: 0rem !important;
    padding: 0 !important;
    width: 3.75rem;
    height: 3.75rem;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 10.75L5.75 5.75L0.75 0.75' stroke='%23568E2F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    background-size: 0.5rem !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
  .canna-auth-navigation .canna-auth-button.canna-auth-nav-back,
  .canna-auth-navigation .canna-auth-button.canna-auth-nav-back:hover {
    transform: scaleX(-1);
  }
}

.canna-auth-field-row {
  display: flex;
  flex-direction: row;
  gap: 0.875rem;
}
@media screen and (max-width: 767px) {
  .canna-auth-field-row {
    flex-direction: column;
    gap: 0;
  }
}
.canna-auth-field-row .canna-auth-field-half {
  width: 100%;
}

.canna-auth-field-group .canna-auth-checkbox-label {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  user-select: auto !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  margin-bottom: 1.5rem !important;
}
.canna-auth-field-group .canna-auth-checkbox-label input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -999999;
  opacity: 0;
  visibility: hidden;
  display: none;
}
.canna-auth-field-group .canna-auth-checkbox-label input + span {
  padding-left: 2.5rem;
  position: relative;
  min-height: 1.5rem;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  max-width: 32.5rem;
}
.canna-auth-field-group .canna-auth-checkbox-label input + span a {
  border-bottom: 1px solid;
  color: inherit;
  font-weight: 600;
}
.canna-auth-field-group .canna-auth-checkbox-label input + span::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid #568e2f;
  position: absolute;
  left: 0rem;
  top: 0rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80%;
  transition: ease 0.25s;
}
.canna-auth-field-group
  .canna-auth-checkbox-label
  input:checked
  + span::before {
  background-color: #568e2f;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.09574 10.7397L1.83118 6.47519L0 8.30637L6.09574 14.4021L18.6667 1.83118L16.8355 0L6.09574 10.7397Z' fill='white'/%3E%3C/svg%3E%0A");
}

.canna-auth-document-upload p {
  font-weight: 600;
  margin-bottom: 2.25rem;
}

.canna-auth-document-upload .canna-auth-field-group {
  text-align: center;
  max-width: 26.25rem;
  width: 100%;
}
.canna-auth-document-upload .canna-auth-label,
.canna-auth-document-upload .canna-auth-file-input {
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: -99999;
  position: absolute;
  left: -999px;
  top: -999px;
}
.canna-auth-document-upload .canna-auth-drag-drop-content {
  width: 100%;
  padding: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0.375rem;
  border: 1px dashed #454545;
  margin-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
}
.canna-auth-document-upload
  .canna-auth-drag-drop-content
  .canna-auth-drag-drop-icon {
  width: 2rem;
  height: 2rem;
  font-size: 0rem;
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1935 15.1019C17.1686 15.0702 17.1369 15.0445 17.1006 15.0268C17.0644 15.0092 17.0246 15 16.9843 15C16.944 15 16.9042 15.0092 16.8679 15.0268C16.8317 15.0445 16.7999 15.0702 16.7751 15.1019L13.0564 19.8068C13.0257 19.8459 13.0067 19.8929 13.0015 19.9424C12.9962 19.9918 13.0051 20.0418 13.0269 20.0864C13.0487 20.1311 13.0826 20.1688 13.1249 20.195C13.1671 20.2213 13.2158 20.2352 13.2655 20.2351H15.7192V28.2836C15.7192 28.4297 15.8388 28.5492 15.9849 28.5492H17.9771C18.1231 28.5492 18.2427 28.4297 18.2427 28.2836V20.2384H20.703C20.9255 20.2384 21.0483 19.9828 20.9122 19.8101L17.1935 15.1019Z' fill='black'/%3E%3Cpath d='M26.941 12.1756C25.4203 8.16465 21.5455 5.3125 17.0066 5.3125C12.4678 5.3125 8.59297 8.16133 7.07227 12.1723C4.22676 12.9193 2.125 15.5125 2.125 18.5938C2.125 22.2627 5.09668 25.2344 8.7623 25.2344H10.0938C10.2398 25.2344 10.3594 25.1148 10.3594 24.9688V22.9766C10.3594 22.8305 10.2398 22.7109 10.0938 22.7109H8.7623C7.64336 22.7109 6.59082 22.266 5.80723 21.4592C5.02695 20.6557 4.61191 19.5732 4.64844 18.451C4.67832 17.5744 4.97715 16.751 5.51836 16.057C6.07285 15.3498 6.8498 14.8352 7.71309 14.6061L8.97148 14.2773L9.43301 13.0621C9.71855 12.3051 10.117 11.5979 10.6184 10.957C11.1133 10.3219 11.6996 9.76354 12.3582 9.3002C13.7229 8.34063 15.3299 7.83262 17.0066 7.83262C18.6834 7.83262 20.2904 8.34063 21.6551 9.3002C22.3158 9.76504 22.9002 10.3229 23.3949 10.957C23.8963 11.5979 24.2947 12.3084 24.5803 13.0621L25.0385 14.274L26.2936 14.6061C28.0932 15.0908 29.3516 16.7277 29.3516 18.5938C29.3516 19.6928 28.9232 20.7287 28.1463 21.5057C27.7653 21.8889 27.312 22.1928 26.8127 22.3997C26.3135 22.6066 25.7781 22.7124 25.2377 22.7109H23.9062C23.7602 22.7109 23.6406 22.8305 23.6406 22.9766V24.9688C23.6406 25.1148 23.7602 25.2344 23.9062 25.2344H25.2377C28.9033 25.2344 31.875 22.2627 31.875 18.5938C31.875 15.5158 29.7799 12.926 26.941 12.1756Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.canna-auth-document-upload .canna-auth-button {
  align-self: center;
  margin: 0 auto 2.25rem;
}
.canna-auth-document-upload .canna-auth-uploaded-file {
  margin-bottom: 3.375rem;
  width: 100%;
  padding: 1.25rem 1.25rem 1.25rem 3.875rem;
  background: #f7f9f5;
  position: relative;
}
.canna-auth-document-upload .canna-auth-uploaded-file .canna-auth-file-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.375rem;
  height: 2.375rem;
  font-size: 0rem;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.7843 37.9879L9.5516 37.9892C5.06123 37.9896 4.69613 36.563 4.69531 32.3078L4.69636 9.76236C4.69835 8.8161 5.25896 8.61371 5.92893 7.95214L12.9681 0.957765C13.3692 0.564404 13.7181 0.0850209 14.2913 0.0116386C14.3138 0.0099928 14.3364 0.00834655 14.359 0.00668912L28.3631 0.0108914C29.0806 0.00993432 29.9819 -0.0382481 30.6765 0.0760099C32.1926 0.325454 33.2957 1.77201 33.3047 3.25938L33.3031 33.7005C33.303 35.5754 32.7673 37.4724 30.5945 37.8981C29.8165 38.0506 28.7754 37.9867 27.961 37.9866L23.7843 37.9879ZM14.8714 1.30478L14.8702 5.41615C14.8722 9.51771 14.1581 10.0413 10.1047 10.0349L5.97364 10.0344L5.97247 33.5702C5.95461 36.3769 6.84764 36.7133 9.4469 36.7121L23.1131 36.7098L27.7573 36.7114C30.6412 36.7113 31.995 36.8599 31.9956 33.6005L31.9959 3.55095C31.9895 1.28995 30.5738 1.30302 28.7701 1.30326L14.8714 1.30478ZM13.589 2.20528C12.9783 2.74663 7.10992 8.55885 7.04502 8.72074L7.07688 8.73825L10.4806 8.73989C13.6333 8.74152 13.5981 8.3798 13.5908 5.568L13.589 2.20528Z' fill='black'/%3E%3Cpath d='M21.6256 19.8734L10.8293 19.8756C10.4657 19.8764 9.37869 19.9575 9.11432 19.7403C8.73159 19.426 8.82473 18.6406 9.46168 18.6108C10.2053 18.576 10.961 18.5904 11.7122 18.5901L16.3661 18.5897L27.1428 18.5891C27.5952 18.5876 28.0533 18.5755 28.5056 18.5884C29.0621 18.604 29.9376 19.877 27.7961 19.8735L21.6256 19.8734Z' fill='black'/%3E%3Cpath d='M27.8963 27.9231C27.3965 27.9794 26.7465 27.9075 26.2161 27.9229C24.5075 27.9726 22.5373 28.1745 22.6861 25.768C22.7641 24.5085 22.2021 22.1045 23.9942 21.7666C24.8048 21.7615 27.4119 21.679 28.0164 21.8803C29.3741 22.3322 29.1977 23.7808 29.1978 24.9173C29.1981 26.3468 29.3812 27.2624 27.8963 27.9231ZM24.3412 23.0533C24.1362 23.096 24.024 23.1572 24.005 23.3763C23.9644 23.8449 23.7931 26.365 24.2133 26.5779C24.3912 26.6679 27.2158 26.6596 27.5891 26.6331C28.1631 26.4066 27.9352 23.4525 27.8405 23.2287C27.7007 22.8984 24.8001 23.0368 24.3412 23.0533Z' fill='black'/%3E%3Cpath d='M16.8979 24.0604L10.395 24.0635C8.12308 24.0696 8.84897 22.8468 9.45136 22.7917C9.80409 22.7594 10.1376 22.769 10.495 22.7691L12.3387 22.7717L17.3779 22.7714C18.1633 22.7708 20.3802 22.3984 20.4007 23.4086C20.4174 24.227 19.3244 24.0646 18.7821 24.0636L16.8979 24.0604Z' fill='black'/%3E%3Cpath d='M19.7683 28.3518L10.7687 28.354C10.4588 28.3543 9.36209 28.3979 9.20055 28.2633C8.61438 27.7751 8.87443 27.1634 9.58082 27.0634C9.95935 27.0405 10.6268 27.0626 11.0251 27.0627L17.6814 27.0633C18.025 27.0632 19.8784 26.9863 20.1419 27.182C20.5425 27.4794 20.5457 28.2209 19.7683 28.3518Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: left;
}
.canna-auth-uploaded-file .canna-auth-file-info {
  text-align: left;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
  padding-right: 1.25rem;
}
.canna-auth-uploaded-file .canna-auth-file-delete {
  position: absolute;
  right: 0.75rem;
  top: 0.875rem;
  background-color: #000000;
  transition: ease 0.25s;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0rem;
  cursor: pointer;
  mask-position: center center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1.53125C11.2264 1.5312 11.9252 1.80911 12.4532 2.30796C12.9812 2.80682 13.2983 3.48879 13.3394 4.214L13.3438 4.375H17.9375C18.1038 4.37505 18.2638 4.43821 18.3853 4.55173C18.5068 4.66524 18.5807 4.82064 18.592 4.98652C18.6034 5.1524 18.5513 5.31641 18.4464 5.44539C18.3414 5.57437 18.1915 5.65871 18.0267 5.68138L17.9375 5.6875H17.241L16.121 17.08C16.0649 17.648 15.8087 18.1775 15.3982 18.574C14.9878 18.9706 14.4497 19.2083 13.8801 19.2447L13.7261 19.25H7.27387C6.7029 19.25 6.15054 19.0469 5.71551 18.6771C5.28047 18.3073 4.9911 17.7949 4.89913 17.2314L4.879 17.0791L3.75813 5.6875H3.0625C2.90392 5.68749 2.7507 5.63006 2.63119 5.52583C2.51167 5.42159 2.43394 5.27761 2.41237 5.1205L2.40625 5.03125C2.40626 4.87267 2.46369 4.71945 2.56792 4.59994C2.67215 4.48042 2.81614 4.40269 2.97325 4.38112L3.0625 4.375H7.65625C7.65625 3.62079 7.95586 2.89747 8.48917 2.36417C9.02247 1.83086 9.74579 1.53125 10.5 1.53125ZM15.9224 5.6875H5.07675L6.18537 16.9505C6.20992 17.2018 6.32067 17.4369 6.49882 17.6158C6.67697 17.7948 6.91155 17.9066 7.16275 17.9322L7.27387 17.9375H13.7261C14.2511 17.9375 14.6965 17.5656 14.798 17.0607L14.8155 16.9505L15.9215 5.6875H15.9224ZM12.0312 8.09375C12.1898 8.09376 12.343 8.15119 12.4626 8.25542C12.5821 8.35965 12.6598 8.50364 12.6814 8.66075L12.6875 8.75V14.875C12.6874 15.0413 12.6243 15.2013 12.5108 15.3228C12.3973 15.4443 12.2419 15.5182 12.076 15.5295C11.9101 15.5409 11.7461 15.4888 11.6171 15.3839C11.4881 15.2789 11.4038 15.129 11.3811 14.9642L11.375 14.875V8.75C11.375 8.57595 11.4441 8.40903 11.5672 8.28596C11.6903 8.16289 11.8572 8.09375 12.0312 8.09375ZM8.96875 8.09375C9.12733 8.09376 9.28055 8.15119 9.40006 8.25542C9.51958 8.35965 9.59731 8.50364 9.61888 8.66075L9.625 8.75V14.875C9.62495 15.0413 9.56179 15.2013 9.44827 15.3228C9.33476 15.4443 9.17936 15.5182 9.01348 15.5295C8.8476 15.5409 8.68359 15.4888 8.55461 15.3839C8.42563 15.2789 8.34129 15.129 8.31862 14.9642L8.3125 14.875V8.75C8.3125 8.57595 8.38164 8.40903 8.50471 8.28596C8.62778 8.16289 8.7947 8.09375 8.96875 8.09375ZM10.5 2.84375C10.1157 2.84376 9.74547 2.98827 9.46278 3.24859C9.18009 3.50892 9.00562 3.86601 8.974 4.249L8.96875 4.375H12.0312C12.0312 3.96889 11.8699 3.57941 11.5828 3.29224C11.2956 3.00508 10.9061 2.84375 10.5 2.84375Z' fill='black'/%3E%3C/svg%3E%0A");
}

/* File Progress Bar Styles */
.canna-auth-file-progress-bar {
  width: 100%;
  height: 4px;
  background-color: #e0e0e0;
  border-radius: 2px;
  margin-top: 0.5rem;
  overflow: hidden;
}

.canna-auth-file-progress-fill {
  height: 100%;
  background-color: #568e2f;
  width: 0%;
}