// Copyright 2020 Energinet DataHub A/S
//
// Licensed under the Apache License, Version 2.0 (the "License2");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* You can add global styles to this file, and also import other style files */
@use "@energinet-datahub/watt";
@use "highlight.js/styles/github.css";
@use "@ngxpert/hot-toast/src/styles/styles.scss";

:root {
  --hot-toast-message-margin: 0;
  --hot-toast-message-justify-content: flex-start;

  --hot-toast-close-btn-background-size: 8px;
  --hot-toast-close-btn-opacity: 1;
  --hot-toast-close-btn-border-radius: 50%;
  --hot-toast-close-btn-height: 12px;
  --hot-toast-close-btn-width: 12px;
  --hot-toast-close-btn-background-color: #ededed;
  --hot-toast-close-btn-border: 1px solid var(--watt-color-neutral-grey-400);

  --hot-toast-bg: rgba(219, 219, 219, 0.3);
  --hot-toast-color: var(--watt-on-light-high-emphasis);
  --hot-toast-padding: var(--watt-space-m) var(--watt-space-m) var(--watt-space-m)
    var(--watt-space-ml);
  --hot-toast-shadow: 0px 4px 18px 0px rgba(46, 50, 52, 0.08);
  --hot-toast-width: 345px;
}

canvas {
  position: absolute;
  top: 0;
  z-index: 1;
  pointer-events: none;
}

router-outlet {
  display: none;
}

#cookie-information-template-wrapper #Coi-Renew {
  right: 0px;
  left: initial;
  border-top-left-radius: 50%;
  border-top-right-radius: 0px;
  transform-origin: right bottom;
}
