.xo-cart-note .xo-collapse:first-child {
  border-top: none;
}

.xo-cart-note__btn {
  cursor: pointer;
  user-select: none;
  text-align: center;
  padding: 1rem 0;
}

.xo-cart-note__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 0.1rem solid #e9e9e9;
  transition: 0.3s;
}
.xo-cart-note__trigger svg {
  transition: 0.3s;
}
.xo-cart-note__trigger:hover {
  color: #000;
}
.xo-cart-note__trigger:hover svg {
  color: #000;
}

.xo-cart-note__icon {
  transform: translateY(-0.1rem);
}
[dir=ltr] .xo-cart-note__icon {
  margin-inline-end: 0.4rem;
}
[dir=rtl] .xo-cart-note__icon {
  margin-inline-end: 0.4rem;
}
.xo-cart-note__icon svg {
  display: block;
}

.xo-cart-note__text {
  font-size: calc(var(--font-body-scale) * 1.4rem);
}

.xo-cart-note__content {
  z-index: 9999;
  overflow-x: unset;
  overflow-y: unset;
}

.xo-cart-note__inner {
  background-color: rgb(var(--color-background));
}
.xo-cart-note__inner .cart-note__btn-add {
  width: 50%;
}
.xo-cart-note__inner .cart-note__btn-add .xo-btn {
  width: 100%;
}
.xo-cart-note__inner .cart-note__btn-add .xo-btn:hover {
  background-color: rgb(var(--color-background));
}
.xo-cart-note__inner .cart-note__btn-add .xo-btn--primary:hover .xo-btn__text[data-text]:after {
  color: rgb(var(--color-foreground));
}
.xo-cart-note__inner .cart-note__btn-cancel {
  width: 50%;
}
.xo-cart-note__inner .cart-note__btn-cancel .cart-note__btn-trigger {
  width: 100%;
  height: 100%;
}
.xo-cart-note__inner .cart-note__btn-cancel .cart-note__btn-trigger .xo-btn {
  width: 100%;
  height: 100%;
}

.xo-cart-note__inner--padding {
  padding: 2rem;
}

.xo-cart-note__inner--effect {
  width: 40rem;
  box-shadow: 0 0.2rem 1rem rgba(var(--color-shadow), 0.2);
}

xo-modal .xo-cart-note__inner {
  width: 50rem;
}

.xo-cart-mini-drawer-footer__border {
  border-top: 0.1rem solid #e9e9e9;
  border-bottom: 0.1rem solid #e9e9e9;
  margin-top: 2rem;
}

.cart-note-textarea .xo-field-textarea__textarea {
  padding: 1.2rem;
  width: 100%;
  font-size: 1.4rem;
}
.cart-note-textarea .xo-field-textarea__textarea:focus-visible {
  outline: unset;
}
.cart-note-textarea .xo-field-textarea__placeholder {
  display: none;
}
.cart-note-textarea label {
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 1.8rem);
  font-weight: 500;
}