/* stylelint-disable function-no-unknown */
/* stylelint-disable custom-property-pattern */
/* stylelint-disable number-max-precision */
/* stylelint-disable no-descending-specificity */

/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * 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 REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

 @import url('../lds/reset.css');
 @import url('../lds/lds.css');
 
 :root body {
   --lds-color-lilly: #d52b1e;
   --lds-color-primary: #632787;
   --lds-color-primary-hover: #4b1f66;
   --ewi-color-mounjaro-red: #c92a25;
   --ewi-color-mounjaro-dark-violet: #3f2a59;
   --ewi-color-mounjaro-light-magenta: #fcf7fb;
   --ewi-color-mounjaro-light-purple: #ede5f4;
   --ewi-color-mounjaro-tile-pink: #f3ebf8;
   --ewi-color-mounjaro-purple: #5d0096;
   --Mounjaro-Orange-10: #feecec;
   --Mounjaro-Orange-20: #fed9d9;
   --Mounjaro-Orange-30: #feebec;
   --Mounjaro-purple-8: #f2ebf7;
   --Mounjaro-purple-10: #efe5f5;
   --Mounjaro-purple-20: #dfccea;
   --Mounjaro-purple-light: #d4b8e0;
   --lds-color-white: #fff;
   --lds-color-grey-50: #fafafa;
   --lds-color-grey-100: #f5f5f5;
   --lds-color-grey-200: #eee;
   --lds-color-grey-300: #e0e0e0;
   --lds-color-grey-400: #bdbdbd;
   --lds-color-grey-550: #949494;
   --lds-color-grey-500: #9e9e9e;
   --lds-color-grey-600: #757575;
   --lds-color-grey-700: #616161;
   --lds-color-grey-800: #424242;
   --lds-color-grey-900: #212121;
   --lds-color-black: #000;
   --lds-color-success: #45ba7f;
   --lds-color-success-dark: #31855b;
   --lds-color-warning: #f69a19;
   --lds-color-warning-dark: #c75300;
   --lds-color-danger: #ef4a5f;
   --lds-color-danger-dark: #db144f;
   --lds-color-action: #0078a3;
   --lds-color-action-light: lighten(var(--lds-color-action), 39);
   --lds-color-disabled: var(--lds-color-grey-400);
   --lds-color-link: var(--lds-color-action);
   --lds-color-link-light: lighten(var(--lds-color-link), 39);
   --lds-color-hr: #f3ebf8!important;
   --step-indicator-active-color: var(--ewi-color-mounjaro-purple);
   --step-indicator-active-border-color: var(--ewi-color-mounjaro-purple);
   --step-indicator-completed-background-color: var(--ewi-color-mounjaro-purple);
   --step-indicator-completed-border-color: var(--ewi-color-mounjaro-purple);
   --lds-color-checkbox-checked-bg: var(--ewi-color-mounjaro-purple);
   --lds-color-checkbox-checked-border: var(--ewi-color-mounjaro-purple);
   --lds-color-radio-checked-checkmark: var(--ewi-color-mounjaro-purple);
   --lds-color-radio-checked-border: var(--ewi-color-mounjaro-purple);
   --lds-color-step-indicator-background-completed: var(--ewi-color-mounjaro-purple);
   --lds-color-step-indicator-background-active: var(--ewi-color-mounjaro-purple);
   --lds-typography-isi-v2-panel-headings-color: var(--ewi-color-mounjaro-purple);
   --lds-color-isi-v2-panel-toggle-icon: var(--ewi-color-mounjaro-purple);
   --lds-color-isi-v2-panel-toggle-icon-focus: var(--ewi-color-mounjaro-purple);
   --lds-color-isi-v2-panel-toggle-icon-active: var(--ewi-color-mounjaro-purple);
   --lds-color-isi-v2-panel-toggle-icon-hover: var(--ewi-color-mounjaro-purple);
   --lds-color-isi-v2-bg-gradient-start: #efe5f5;
   --lds-color-isi-v2-bg-gradient-stop: rgb(228 235 241 / 20%);
   --lds-color-isi-v2-bg-indications-gradient-start: #efe5f5;
   --lds-color-isi-v2-bg-indications-gradient-stop: rgb(228 235 241 / 20%);
   --lds-typography-isi-v2-content-warning-block-heading-color: #5d0096;
   --lds-color-tab-header-bg: var(--Mounjaro-purple-light);
   --lds-color-tab-header-border: var(--ewi-color-mounjaro-purple);
   --lds-radius-tab-button-top: 1rem;
   --lds-color-tab-button-active-bg: #5d0096;
   --lds-color-isi-v2-background: linear-gradient(180deg,var(--lds-color-isi-v2-bg-gradient-start) 0%,var(--lds-color-isi-v2-bg-gradient-stop) 100%),var(--lds-color-isi-v2-bg-base);
   --lds-color-image-slider-dots-background: var(--lds-color-neutral-050);
   --lds-color-image-slider-dots-active-background: var(--lds-color-white);
   --lds-color-image-slider-dots-hover-background: var(--lds-color-neutral-040);
   --lds-color-top-nav-item-border-bottom-hover: var(--lds-color-primary);
   --lds-color-step-indicator-pill-active: var(--ewi-color-mounjaro-purple);
   --lds-color-step-indicator-pill: var(--lds-color-grey-500);
   --lds-color-figure-caption-toggle-icon-bg: var(--lds-color-primary);
   --lds-color-alert-success: var(--lds-color-success);
   --lds-color-hr-primary-border-top: var(--lds-color-grey-500);
   
   /* header */
   --mounjaro-mobile-header-height: 166.641px;
   --mounjaro-desktop-header-height: 166.641px;
 
   /* accordion */
   --lds-color-accordion-toggle-background: var(--Mounjaro-purple-8);
   --lds-color-accordion-toggle-expanded-background: var(--Mounjaro-purple-8);
   --lds-color-accordion-expanded-heading-border: var(--lds-color-primary);
   --lds-color-accordion-expanded-heading-foreground: var(--lds-typography-color);
   --lds-color-accordion-toggle-icon: var(--lds-color-primary);
 
   /* skip-to-main */
   --lds-color-skip-to-main-background: var(--lds-color-action) !important;
 
   /* form */
   --lds-color-validation-error: #ef4a5f;
   --lds-color-text-field-border-error: #ef4a5f;
 
   /* lds button */
   --lds-color-button-background: var(--lds-color-primary);
   --lds-color-button-background-hover: var(--lds-color-primary-hover);
   --lds-color-button-background-focus: var(--lds-color-primary-hover);
 }


body:not(.appear) {
  display: none;
}

img.mobile-logo-image-size {
  width: 200px;
}

footer .footer {
  background-color: #fff;
}

p, .p {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: 'Noto Sans KR', sans-serif;
}

legend, .legend {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

.default-content-wrapper p,
.default-content-wrapper h1,
.default-content-wrapper h2,
.default-content-wrapper h3,
.default-content-wrapper h4,
.default-content-wrapper h5,
.default-content-wrapper h6 {
  margin-bottom: 0;
}

.h1 {
  color: rebeccapurple;
  font-weight: 500;
}

.section.red-background {
  background: var(--lds-color-lilly);
}

.section.pale-purple-background {
  background: #F8F2FA;
}

.section.ghostwhite-purple-background {
  background: #F9F0FD;
}

.section.light-purple-background a {
    background-color: var(--lds-color-primary);
    border: 0.125rem transparent;
    border-radius: 0.75rem;
    box-shadow: none transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin: 0;
    padding: 0.5rem 1.375rem;
    text-decoration: none;
    text-align: center;
    margin-top: 20px;
}

.font-300{
  font-weight: 300;
}

.font-400{
  font-weight: 400;
}

.font-500{
  font-weight: 500;
}

.font-600{
  font-weight: 600;
}

.font-700{
  font-weight: 700;
}

body{
  word-break: auto-phrase;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main.hcp, main.error{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

main.hcp{
  background: linear-gradient(180deg, #EDE5F4 0%, #FFF 30%);
}

/* Layout Styles for Main Sections */
main .section {
  padding-top: 0;
  padding-bottom: 0;
}

main.hcp .section{
  border-radius: 1rem;
}

@media (width <= 600px) {
  main > .section {
    margin: 10px;
  }
}

@media (width >= 601px) and (width <= 1646.98px) {
  main > .section {
    margin: 20px 50px;
  }
}

@media (width >= 1646.99px) {
 main > .section{
    width: 1500px;
    max-width: 1500px;
    min-width: 1500px;
    margin: 20px auto;
  }
}

/* Layout Styles for Header Main */
@media (width <= 600px) {
  .header .lds-header-main  {
    padding: 0 10px;
  }
}

@media (width >= 601px) {
  .header .lds-header-main  {
    padding: 0 50px;
  }
}

/* Layout Styles for Footer Section */
footer .section {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0;
}

@media (width <= 600px) {
  .footer .section {
    padding: 0 10px;
  }
}

@media (width >= 601px) and (width <= 1646.98px) {
  .footer .section {
    padding: 0 50px;
  }
}

@media (width >= 1646.99px) {
  footer .section {
    width: 1600px;
    max-width: 1600px;
    min-width: 1600px;
    margin: 0 auto;
    padding: 0 50px;
    overflow-x: unset;
  }
}

main .section.no-margin{
  margin: 0 !important;
  width: 100%;
}

main .section.full-width{
  width: 100%;
  max-width: unset;
  min-width: unset;
}

main .section.text-white h1,
main .section.text-white h2,
main .section.text-white h3,
main .section.text-white h4,
main .section.text-white h5,
main .section.text-white p{
  color: #fff;
}
 
main .section.text-center h1,
main .section.text-center h2,
main .section.text-center h3,
main .section.text-center h4,
main .section.text-center h5,
main .section.text-center p{
  text-align: center;
}
 
main .section.header-font-400 h1,
main .section.header-font-400 h2,
main .section.header-font-400 h3{
  font-weight: 400;
}