:host {
  display: block;
}

:host(.accordion-group-expand-inset) {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  :host(.accordion-group-expand-inset) {
    margin-left: unset;
    margin-right: unset;
    -webkit-margin-start: 16px;
    margin-inline-start: 16px;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
  }
}

:host(.accordion-group-expand-inset) ::slotted(gasco-accordion) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

:host(.accordion-group-expand-inset) ::slotted(gasco-accordion.accordion-expanding),
:host(.accordion-group-expand-inset) ::slotted(gasco-accordion.accordion-expanded) {
  margin-left: 0;
  margin-right: 0;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 6px;
}

:host(.accordion-group-expand-inset) ::slotted(gasco-accordion.accordion-previous) {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(gasco-accordion.accordion-previous), :host-context([dir=rtl]).accordion-group-expand-inset ::slotted(gasco-accordion.accordion-previous) {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

:host(.accordion-group-expand-inset) ::slotted(gasco-accordion.accordion-next) {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(gasco-accordion.accordion-next), :host-context([dir=rtl]).accordion-group-expand-inset ::slotted(gasco-accordion.accordion-next) {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

:host(.accordion-group-expand-inset) ::slotted(gasco-accordion):first-of-type,
:host(.accordion-group-expand-inset) ::slotted(gasco-accordion):first-of-type {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}