:host {
  position: relative;
  box-sizing: border-box;
  font-feature-settings: "cv03", "cv04", "cv11";
}
:host *, :host *:before, :host *:after {
  box-sizing: inherit;
}

:host {
  display: block;
}

.otp-view {
  display: grid;
  gap: calc(var(--sl-spacing-x-large) * var(--sl-density));
}

.otp-view__footer {
  display: flex;
  justify-content: space-between;
  margin-top: calc(var(--sl-spacing-x-small) * var(--sl-density));
}

.action--left {
  margin-left: calc(-1 * var(--sl-spacing-x-small) * var(--sl-density));
}

.action--right {
  margin-right: calc(-1 * var(--sl-spacing-x-small) * var(--sl-density));
}