@charset "utf-8";

:root {
    
    /*#2f2f2f  main-color-txt */
    --color-font-one: #222222;	
    --color-font-two: #aaaaaa;	
    --color-font-three: #989898;	
    --color-font-four:#6A6A8C;
    --color-font-five:#666666;
/*      --color-font-five: #cccccc;
    --color-font-six: #09BCF3; */

      /* #BBAEEF in decimal RGB */
    /*--main-color: rgb(237,29,36);*/
    --main-color: #2A2A6F;


    /*--main-tit-color */
    --main-tit-color:--#333333;
    --main-tit-color:--#333333;

    /*#E6F1ED* main-line-color*/
    --main-color-line01: #202C5C;
    --main-color-line02: #707070;
    --main-color-line03: #EEEEEE;

    /*#016B60* main-color-em*/
    --main-color-em: #3598FE;
/*     --main-color-em-sub: #267FEC; */

    /* Background-color */
    --bg-color-fale:#F5F9FF;
    --bg-color-fale02:#EAF4FF;
    --bg-color-deep:#E2E4E9;
    --bg-color-deep02:#9297AB;
    

    /* Fonts */

    --font-family-Pretendard: 'Pretendard', sans-serif;
    --font-family-Gmarket: 'GmarketSans', sans-serif;
    --font-family-Poppin: 'Poppin', sans-serif;

/* Fonts Size's */
    
    --font-8: 8px;
    --font-10: 10px;
    --font-12: 12px;
    --font-13: 13px;
    --font-14: 14px;
    --font-15: 15px;
    --font-16: 16px;
    --font-18: 18px;
    --font-20: 20px;
    --font-22: 22px;
    --font-24: 24px;
    --font-26: 26px;
    --font-28: 28px;
    --font-30: 30px;
    --font-32: 32px;
    --font-34: 34px;
    --font-35: 35px;
    --font-36: 36px;
    --font-38: 38px;
    --font-40: 40px;
    --font-42: 42px;
    --font-44: 44px;
    --font-48: 48px;
    --font-49: 49px;
    --font-50: 50px;
    --font-52: 52px;
    --font-54: 54px;
    --font-55: 55px;
    --font-56: 56px;
    --font-58: 58px;
    --font-60: 60px;
    --font-62: 62px;
    --font-64: 64px;
    --font-65: 65px;
    --font-66: 66px;
    --font-68: 68px;
    --font-70: 70px;
    --font-72: 72px;
    --font-74: 74px;
    --font-76: 76px;
    --font-78: 78px;
    --font-80: 80px;
    --font-85: 85px;
    --font-90: 90px;
    --font-95: 95px;
    --font-100: 100px;
    --font-110: 110px;
    --font-120: 120px;
    --font-150: 150px;
    --font-200: 200px;



    /* color */
    --inverseGrey50: #202027;
    --inverseGrey100: #2c2c35;
    --inverseGrey200: #3c3c47;
    --inverseGrey300: #4d4d59;
    --inverseGrey400: #62626d;
    --inverseGrey500: #7e7e87;
    --inverseGrey600: #9e9ea4;
    --inverseGrey700: #c3c3c6;
    --inverseGrey800: #e4e4e5;
    --inverseGrey900: #fff;
    --background: #fff;
    --darkBackground: #17171c;
    --greyBackground: #f2f4f6;
    --darkGreyBackground: #101013;
    --layeredBackground: #fff;
    --darkLayeredBackground: #202027;
    --floatBackground: #fff;
    --darkFloatBackground: #2c2c35;
    --black: #000;
    --grey50: #f9fafb;
    --grey100: #f2f4f6;
    --grey200: #e5e8eb;
    --grey300: #d1d6db;
    --grey400: #b0b8c1;
    --grey500: #8b95a1;
    --grey600: #6b7684;
    --grey700: #4e5968;
    --grey800: #333d4b;
    --grey900: #191f28;
    --greyOpacity50: rgba(0,23,51,0.02);
    --greyOpacity100: rgba(2,32,71,0.05);
    --greyOpacity200: rgba(0,27,55,0.1);
    --greyOpacity300: rgba(0,29,58,0.18);
    --greyOpacity400: rgba(0,25,54,0.31);
    --greyOpacity500: rgba(3,24,50,0.46);
    --greyOpacity600: rgba(0,19,43,0.58);
    --greyOpacity700: rgba(3,18,40,0.7);
    --greyOpacity800: rgba(0,12,30,0.8);
    --greyOpacity900: rgba(2,9,19,0.91);
    --white: #fff;
    --blue50: #e8f3ff;
    --blue100: #c9e2ff;
    --blue200: #90c2ff;
    --blue300: #64a8ff;
    --blue400: #4593fc;
    --blue500: #3182f6;
    --blue600: #2272eb;
    --blue700: #1b64da;
    --blue800: #1957c2;
    --blue900: #194aa6;
    --red50: #fee;
    --red100: #ffd4d6;
    --red200: #feafb4;
    --red300: #fb8890;
    --red400: #f66570;
    --red500: #f04452;
    --red600: #e42939;
    --red700: #d22030;
    --red800: #bc1b2a;
    --red900: #a51926;
    --orange50: #fff3e0;
    --orange100: #ffe0b0;
    --orange200: #ffcd80;
    --orange300: #ffbd51;
    --orange400: #ffa927;
    --orange500: #fe9800;
    --orange600: #fb8800;
    --orange700: #f57800;
    --orange800: #ed6700;
    --orange900: #e45600;
    --yellow50: #fff9e7;
    --yellow100: #ffefbf;
    --yellow200: #ffe69b;
    --yellow300: #ffdd78;
    --yellow400: #ffd158;
    --yellow500: #ffc342;
    --yellow600: #ffb331;
    --yellow700: #faa131;
    --yellow800: #ee8f11;
    --yellow900: #dd7d02;
    --green50: #f0faf6;
    --green100: #aeefd5;
    --green200: #76e4b8;
    --green300: #3fd599;
    --green400: #15c47e;
    --green500: #03b26c;
    --green600: #02a262;
    --green700: #029359;
    --green800: #028450;
    --green900: #027648;
    --teal50: #edf8f8;
    --teal100: #bce9e9;
    --teal200: #89d8d8;
    --teal300: #58c7c7;
    --teal400: #30b6b6;
    --teal500: #18a5a5;
    --teal600: #109595;
    --teal700: #0c8585;
    --teal800: #097575;
    --teal900: #076565;
    --purple50: #f9f0fc;
    --purple100: #edccf8;
    --purple200: #da9bef;
    --purple300: #c770e4;
    --purple400: #b44bd7;
    --purple500: #a234c7;
    --purple600: #9128b4;
    --purple700: #8222a2;
    --purple800: #73228e;
    --purple900: #65237b;
    --whiteOpacity50: rgba(209,209,253,0.05);
    --whiteOpacity100: rgba(217,217,255,0.11);
    --whiteOpacity200: rgba(222,222,255,0.19);
    --whiteOpacity300: rgba(224,224,255,0.27);
    --whiteOpacity400: rgba(232,232,253,0.36);
    --whiteOpacity500: rgba(242,242,255,0.47);
    --whiteOpacity600: rgba(248,248,255,0.6);
    --whiteOpacity700: rgba(253,253,255,0.75);
    --whiteOpacity800: rgba(253,253,254,0.89);
    --whiteOpacity900: #fff;
    --lightThemeGrey50: #f9fafb;
    --lightThemeGrey100: #f2f4f6;
    --lightThemeGrey200: #e5e8eb;
    --lightThemeGrey300: #d1d6db;
    --lightThemeGrey400: #b0b8c1;
    --lightThemeGrey500: #8b95a1;
    --lightThemeGrey600: #6b7684;
    --lightThemeGrey700: #4e5968;
    --lightThemeGrey800: #333d4b;
    --lightThemeGrey900: #191f28;
    --darkThemeGrey50: #202027;
    --darkThemeGrey100: #2c2c35;
    --darkThemeGrey200: #3c3c47;
    --darkThemeGrey300: #4d4d59;
    --darkThemeGrey400: #62626d;
    --darkThemeGrey500: #7e7e87;
    --darkThemeGrey600: #9e9ea4;
    --darkThemeGrey700: #c3c3c6;
    --darkThemeGrey800: #e4e4e5;
    --darkThemeGrey900: #fff;
    --lightThemeBlue50: #e8f3ff;
    --lightThemeBlue100: #c9e2ff;
    --lightThemeBlue200: #90c2ff;
    --lightThemeBlue300: #64a8ff;
    --lightThemeBlue400: #4593fc;
    --lightThemeBlue500: #3182f6;
    --lightThemeBlue600: #2272eb;
    --lightThemeBlue700: #1b64da;
    --lightThemeBlue800: #1957c2;
    --lightThemeBlue900: #194aa6;
    --darkThemeBlue50: #202c4d;
    --darkThemeBlue100: #23386a;
    --darkThemeBlue200: #25478c;
    --darkThemeBlue300: #265ab3;
    --darkThemeBlue400: #2970d9;
    --darkThemeBlue500: #3485fa;
    --darkThemeBlue600: #449bff;
    --darkThemeBlue700: #61b0ff;
    --darkThemeBlue800: #8fcdff;
    --darkThemeBlue900: #c8e7ff;
    --lightThemeRed50: #fee;
    --lightThemeRed100: #ffd4d6;
    --lightThemeRed200: #feafb4;
    --lightThemeRed300: #fb8890;
    --lightThemeRed400: #f66570;
    --lightThemeRed500: #f04452;
    --lightThemeRed600: #e42939;
    --lightThemeRed700: #d22030;
    --lightThemeRed800: #bc1b2a;
    --lightThemeRed900: #a51926;
    --darkThemeRed50: #3c2020;
    --darkThemeRed100: #562025;
    --darkThemeRed200: #7a242d;
    --darkThemeRed300: #9e2733;
    --darkThemeRed400: #ca2f3d;
    --darkThemeRed500: #f04251;
    --darkThemeRed600: #fa616d;
    --darkThemeRed700: #fe818b;
    --darkThemeRed800: #ffa8ad;
    --darkThemeRed900: #ffd1d3;
    --lightThemeOrange50: #ffe0b0;
    --lightThemeOrange100: #ffe0b0;
    --lightThemeOrange200: #ffcd80;
    --lightThemeOrange300: #ffbd51;
    --lightThemeOrange400: #ffa927;
    --lightThemeOrange500: #fe9800;
    --lightThemeOrange600: #fb8800;
    --lightThemeOrange700: #f57800;
    --lightThemeOrange800: #ed6700;
    --lightThemeOrange900: #e45600;
    --darkThemeOrange50: #3d2500;
    --darkThemeOrange100: #563200;
    --darkThemeOrange200: #804600;
    --darkThemeOrange300: #a85f00;
    --darkThemeOrange400: #cf7200;
    --darkThemeOrange500: #f18600;
    --darkThemeOrange600: #fd9528;
    --darkThemeOrange700: #ffa861;
    --darkThemeOrange800: #ffc39e;
    --darkThemeOrange900: #ffe4d6;
    --lightThemeYellow50: #fff9e7;
    --lightThemeYellow100: #ffefbf;
    --lightThemeYellow200: #ffe69b;
    --lightThemeYellow300: #ffdd78;
    --lightThemeYellow400: #ffd158;
    --lightThemeYellow500: #ffc342;
    --lightThemeYellow600: #ffb331;
    --lightThemeYellow700: #faa131;
    --lightThemeYellow800: #ee8f11;
    --lightThemeYellow900: #dd7d02;
    --darkThemeYellow50: #3d2d1a;
    --darkThemeYellow100: #724c1e;
    --darkThemeYellow200: #b56f1d;
    --darkThemeYellow300: #eb8b1e;
    --darkThemeYellow400: #ffa126;
    --darkThemeYellow500: #ffb134;
    --darkThemeYellow600: #ffc259;
    --darkThemeYellow700: #ffd68a;
    --darkThemeYellow800: #ffe5b2;
    --darkThemeYellow900: #fff1d4;
    --lightThemeGreen50: #f0faf6;
    --lightThemeGreen100: #aeefd5;
    --lightThemeGreen200: #76e4b8;
    --lightThemeGreen300: #3fd599;
    --lightThemeGreen400: #15c47e;
    --lightThemeGreen500: #03b26c;
    --lightThemeGreen600: #02a262;
    --lightThemeGreen700: #029359;
    --lightThemeGreen800: #028450;
    --lightThemeGreen900: #027648;
    --darkThemeGreen50: #153729;
    --darkThemeGreen100: #135338;
    --darkThemeGreen200: #136d47;
    --darkThemeGreen300: #138a59;
    --darkThemeGreen400: #13a065;
    --darkThemeGreen500: #16bb76;
    --darkThemeGreen600: #26cf88;
    --darkThemeGreen700: #4ee4a6;
    --darkThemeGreen800: #82f6c5;
    --darkThemeGreen900: #ccffea;
    --lightThemeTeal50: #edf8f8;
    --lightThemeTeal100: #bce9e9;
    --lightThemeTeal200: #89d8d8;
    --lightThemeTeal300: #58c7c7;
    --lightThemeTeal400: #30b6b6;
    --lightThemeTeal500: #18a5a5;
    --lightThemeTeal600: #109595;
    --lightThemeTeal700: #0c8585;
    --lightThemeTeal800: #097575;
    --lightThemeTeal900: #076565;
    --darkThemeTeal50: #203537;
    --darkThemeTeal100: #224e51;
    --darkThemeTeal200: #226368;
    --darkThemeTeal300: #247e85;
    --darkThemeTeal400: #26939a;
    --darkThemeTeal500: #2eaab2;
    --darkThemeTeal600: #43bec7;
    --darkThemeTeal700: #65d4dc;
    --darkThemeTeal800: #9be8ee;
    --darkThemeTeal900: #d6fcff;
    --lightThemePurple50: #f9f0fc;
    --lightThemePurple100: #edccf8;
    --lightThemePurple200: #da9bef;
    --lightThemePurple300: #c770e4;
    --lightThemePurple400: #b44bd7;
    --lightThemePurple500: #a234c7;
    --lightThemePurple600: #9128b4;
    --lightThemePurple700: #8222a2;
    --lightThemePurple800: #73228e;
    --lightThemePurple900: #65237b;
    --darkThemePurple50: #3f2447;
    --darkThemePurple100: #522361;
    --darkThemePurple200: #66247b;
    --darkThemePurple300: #7b2595;
    --darkThemePurple400: #962fb5;
    --darkThemePurple500: #ae3dd1;
    --darkThemePurple600: #c353e5;
    --darkThemePurple700: #d77cf2;
    --darkThemePurple800: #eaacfc;
    --darkThemePurple900: #f6d9ff;
    --lightThemeBackgroundDimmed: rgba(0,0,0,0.2);
    --darkThemeBackgroundDimmed: rgba(0,0,0,0.56);
    --lightThemeBackgroundLevelB01: #f2f4f6;
    --darkThemeBackgroundLevelB01: #101013;
    --lightThemeBackground: #fff;
    --darkThemeBackground: #17171c;
    --lightThemeBackgroundLevel01: #fff;
    --darkThemeBackgroundLevel01: #202027;
    --lightThemeBackgroundLevel02: #fff;
    --darkThemeBackgroundLevel02: #2c2c35;
    --lightThemeHairlineBorder: #e5e8eb;
    --darkThemeHairlineBorder: #3c3c47
}

body,html {
    font-family:'Outfit',sans-serif ;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    word-break: keep-all;
    word-wrap: break-word
}

*,:after,:before {
    box-sizing: border-box
}

button:disabled,input:disabled {
    cursor: not-allowed
}

button,input,textarea {
    font-family: Toss Product Sans,-apple-system,BlinkMacSystemFont,Bazier Square,Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.color--grey800 {
    color: #333d4b;
    color: var(--grey800)
}

.color--grey700 {
    color: #4e5968;
    color: var(--grey700)
}

.color--grey600 {
    color: #6b7684;
    color: var(--grey600)
}

.color--grey500 {
    color: #8b95a1;
    color: var(--grey500)
}

.color--blue500 {
    color: #3182f6;
    color: var(--blue500)
}

.color--blue700 {
    color: #1b64da;
    color: var(--blue700)
}

.bg--white {
    background-color: #fff;
    background-color: var(--white)
}

.bg--grey100 {
    background-color: #f2f4f6;
    background-color: var(--grey100)
}

.bg--greyOpacity100 {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.bg--greyOpacity200 {
    background-color: rgba(0,27,55,.1);
    background-color: var(--greyOpacity200)
}

.bg--blue50 {
    background-color: #e8f3ff;
    background-color: var(--blue50)
}

:root {
    --padding-base-vertical: 11px;
    --padding-base-horizontal: 16px;
    --padding-t-vertical: 4px;
    --padding-t-horizontal: 8px;
    --padding-s-vertical: 7px;
    --padding-s-horizontal: 12px;
    --padding-l-vertical: 11px;
    --padding-l-horizontal: 22px;
    --padding-xl-vertical: 18px;
    --padding-xl-horizontal: 24px;
    --padding-container-base: 48px
}

.padding--base {
    padding: 11px 16px;
    padding: var(--padding-base-vertical) var(--padding-base-horizontal)
}

.padding--t {
    padding: 4px 8px;
    padding: var(--padding-t-vertical) var(--padding-t-horizontal)
}

.padding--s {
    padding: 7px 12px;
    padding: var(--padding-s-vertical) var(--padding-s-horizontal)
}

.padding--l {
    padding: 11px 22px;
    padding: var(--padding-l-vertical) var(--padding-l-horizontal)
}

.padding--xl {
    padding: 18px 24px;
    padding: var(--padding-xl-vertical) var(--padding-xl-horizontal)
}

:root {
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 16px;
    --radius-xl: 20px;
    --radius-xxl: 24px
}

.radius--s {
    border-radius: 4px;
    border-radius: var(--radius-s)
}

.radius--m {
    border-radius: 8px;
    border-radius: var(--radius-m)
}

.radius--l {
    border-radius: 16px;
    border-radius: var(--radius-l)
}

.radius--xl {
    border-radius: 20px;
    border-radius: var(--radius-xl)
}

.radius--xxl {
    border-radius: 24px;
    border-radius: var(--radius-xxl)
}

:root {
    --shadow-s: 0 0 4px 0 var(--greyOpacity100),0 4px 16px 0 var(--greyOpacity100);
    --shadow-m: 0 8px 16px 0 var(--greyOpacity200),0 4px 8px 0 var(--greyOpacity100);
    --shadow-l: 0 24px 40px 0 var(--greyOpacity50),0 16px 24px 0 var(--greyOpacity200),0 0 8px 0 var(--greyOpacity100)
}

.shadow--s {
    box-shadow: 0 0 4px 0 rgba(2,32,71,.05),0 4px 16px 0 rgba(2,32,71,.05);
    box-shadow: var(--shadow-s)
}

.shadow--m {
    box-shadow: 0 8px 16px 0 rgba(0,27,55,.1),0 4px 8px 0 rgba(2,32,71,.05);
    box-shadow: var(--shadow-m)
}

.shadow--l {
    box-shadow: 0 24px 40px 0 rgba(0,23,51,.02),0 16px 24px 0 rgba(0,27,55,.1),0 0 8px 0 rgba(2,32,71,.05);
    box-shadow: var(--shadow-l)
}

.text--left {
    text-align: left
}

.text--right {
    text-align: right
}

.text--center {
    text-align: center
}

.text--justify {
    text-align: justify
}

:root {
    --line-height-base: 1.6;
    --line-height-adjust: 1.3;
    --font-size-h1: 56px;
    --font-size-h2: 48px;
    --font-size-h3: 36px;
    --font-size-h4: 32px;
    --font-size-h5: 24px;
    --font-size-h6: 20px;
    --font-size-h7: 17px;
    --font-size-p: 15px;
    --font-size-sm: 13px;
    --font-size-small: 13px;
    --font-size-xsmall: 11px;
    --font-weight-bold: bold;
    --font-weight-semibold: 600;
    --font-weight-medium: 500;
    --font-weight-regular: normal
}

.typography {
    margin: 0;
    padding: 0
}

.typography--h1,.typography--h2,.typography--h3,.typography--h4 {
    line-height: 1.3;
    line-height: var(--line-height-adjust)
}

.typography--h1 {
    font-size: 56px;
    font-size: var(--font-size-h1)
}

.typography--h2 {
    font-size: 48px;
    font-size: var(--font-size-h2)
}

.typography--h3 {
    font-size: 36px;
    font-size: var(--font-size-h3)
}

.typography--h4 {
    font-size: 32px;
    font-size: var(--font-size-h4)
}

.typography--h5,.typography--h6,.typography--h7,.typography--p,.typography--sm,.typography--small,.typography--xsmall {
    line-height: 1.6;
    line-height: var(--line-height-base)
}

.typography--h5 {
    font-size: 24px;
    font-size: var(--font-size-h5)
}

.typography--h6 {
    font-size: 20px;
    font-size: var(--font-size-h6)
}

.typography--h7 {
    font-size: 17px;
    font-size: var(--font-size-h7)
}

.typography--p {
    font-size: 15px;
    font-size: var(--font-size-p)
}

.typography--sm {
    font-size: 13px;
    font-size: var(--font-size-sm)
}

.typography--small {
    font-size: 13px;
    font-size: var(--font-size-small)
}

.typography--xsmall {
    font-size: 11px;
    font-size: var(--font-size-xsmall)
}

.typography--bold {
    font-weight: 700
}

.typography--semibold {
    font-weight: 600
}

.typography--medium {
    font-weight: 500
}

.typography--regular {
    font-weight: 400
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.reset-button {
    background: none;
    border: 0;
    padding: 0;
    outline: none;
    cursor: pointer
}

.flex-center-all {
    display: flex;
    justify-content: center;
    align-items: center
}

.reset-anchor {
    text-decoration: none
}

@media (max-width: 639px) {
    .desktop-only {
        display:none!important
    }
}

@media (min-width: 640px) {
    .mobile-only {
        display:none!important
    }
}

:root {
    --nav-index: 50;
    --dimmer-index: 100;
    --drawer-index: 110;
    --toast-index: 500
}

.p-accordion {
    width: 100%
}

.p-accordion__item--with-bottom-divider+.p-accordion__item--with-bottom-divider:before {
    content: "";
    border-top: 1px solid rgba(0,27,55,.1);
    border-top: 1px solid var(--greyOpacity200);
    display: block
}

.p-accordion__item {
    width: 100%;
    overflow: hidden;
    background: #fff
}

.p-accordion__item[focus-within] {
    outline-offset: -2px;
    outline: 2px solid #64a8ff;
    outline: 2px solid var(--blue300)
}

.p-accordion__item:focus-within {
    outline-offset: -2px;
    outline: 2px solid #64a8ff;
    outline: 2px solid var(--blue300)
}

.p-accordion__item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.p-accordion__item-arrow-icon {
    transition: transform 335ms ease;
    pointer-events: none;
    transform: rotate(0deg)
}

.p-accordion__item-arrow-icon.p-accordion__item-arrow-icon--reverse {
    transform: rotate(180deg)
}

.p-accordion__item-description {
    width: 100%;
    display: block
}

.p-accordion__item-description--small {
    padding: 6px 26px 19px 12px
}

.p-accordion__item-description--medium {
    padding: 8px 30px 22px 16px
}

.p-accordion__item-description--large {
    padding: 10px 30px 24px 22px
}

.p-add-option-form {
    display: flex;
    flex-direction: row
}

.p-add-option-form__input {
    margin-right: 8px
}

.p-add-option-form__opener {
    width: 100%
}

.p-agreement__title.p-agreement__title--spacing-small {
    margin-bottom: 6px
}

.p-agreement__title.p-agreement__title--spacing-medium {
    margin-bottom: 14px
}

.p-agreement__item.p-agreement__item--font-weight-regular .checkable__label-text {
    font-weight: 400;
    font-weight: var(--font-weight-regular)
}

.p-agreement__item.p-agreement__item--font-weight-bold .checkable__label-text {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.p-agreement__item .checkable:not(:last-child) {
    margin-right: 8px
}

.p-agreement--inline {
    display: flex
}

.p-agreement__item--inline {
    display: inline-block;
    margin-top: 0
}

.p-agreement__item--inline+.p-agreement__item--inline {
    margin-left: 32px
}

.p-agreement__item,.p-agreement__item-row {
    vertical-align: top;
    flex: 1
}

.p-agreement__item:not(.p-agreement__item--inline).p-agreement__item--small.p-agreement__item--spacing-small+.p-agreement__item {
    margin-top: 8px
}

.p-agreement__item:not(.p-agreement__item--inline).p-agreement__item--small.p-agreement__item--spacing-medium+.p-agreement__item {
    margin-top: 14px
}

.p-agreement__item:not(.p-agreement__item--inline).p-agreement__item--small.p-agreement__item--spacing-small+.p-agreement__item-group {
    margin-top: 18px
}

.p-agreement__item:not(.p-agreement__item--inline).p-agreement__item--small.p-agreement__item--spacing-medium+.p-agreement__item-group {
    margin-top: 26px
}

.p-agreement__item:not(.p-agreement__item--inline).p-agreement__item--medium.p-agreement__item--spacing-small+.p-agreement__item {
    margin-top: 10px
}

.p-agreement__item:not(.p-agreement__item--inline).p-agreement__item--medium.p-agreement__item--spacing-medium+.p-agreement__item {
    margin-top: 18px
}

.p-agreement__item:not(.p-agreement__item--inline).p-agreement__item--medium.p-agreement__item--spacing-small+.p-agreement__item-group {
    margin-top: 20px
}

.p-agreement__item:not(.p-agreement__item--inline).p-agreement__item--medium.p-agreement__item--spacing-medium+.p-agreement__item-group {
    margin-top: 28px
}

.p-agreement__item-description.p-agreement__item-description--spacing-small {
    margin-left: 28px
}

.p-agreement__item-description.p-agreement__item-description--spacing-medium {
    margin-left: 32px
}

.p-agreement__item-badge+.p-agreement__item-text-button {
    margin-left: 8px
}

.p-agreement__item-group.p-agreement__item-group--small.p-agreement__item-group--spacing-small {
    margin-left: 26px
}

.p-agreement__item-group.p-agreement__item-group--small.p-agreement__item-group--spacing-medium {
    margin-left: 32px
}

.p-agreement__item-group.p-agreement__item-group--small.p-agreement__item-group--spacing-small+.p-agreement__item-group {
    margin-top: 18px
}

.p-agreement__item-group.p-agreement__item-group--small.p-agreement__item-group--spacing-medium+.p-agreement__item-group {
    margin-top: 20px
}

.p-agreement__item-group.p-agreement__item-group--small.p-agreement__item-group--spacing-small+.p-agreement__item {
    margin-top: 8px
}

.p-agreement__item-group.p-agreement__item-group--small.p-agreement__item-group--spacing-medium+.p-agreement__item {
    margin-top: 16px
}

.p-agreement__item-group.p-agreement__item-group--medium.p-agreement__item-group--spacing-small {
    margin-left: 26px
}

.p-agreement__item-group.p-agreement__item-group--medium.p-agreement__item-group--spacing-medium {
    margin-left: 32px
}

.p-agreement__item-group.p-agreement__item-group--medium.p-agreement__item-group--spacing-small+.p-agreement__item-group {
    margin-top: 10px
}

.p-agreement__item-group.p-agreement__item-group--medium.p-agreement__item-group--spacing-medium+.p-agreement__item-group {
    margin-top: 18px
}

.p-agreement__item-group.p-agreement__item-group--medium.p-agreement__item-group--spacing-small+.p-agreement__item {
    margin-top: 26px
}

.p-agreement__item-group.p-agreement__item-group--medium.p-agreement__item-group--spacing-medium+.p-agreement__item {
    margin-top: 28px
}

.p-agreement__item-text-button.p-agreement__item-text-button--small {
    font-size: 11px;
    font-size: var(--font-size-xsmall)
}

.p-agreement__item-text-button.p-agreement__item-text-button--medium {
    font-size: 13px;
    font-size: var(--font-size-small)
}

.pAlert {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-size: var(--font-size-p);
    line-height: 1.6;
    line-height: var(--line-height-base);
    padding: 11px 18px
}

.pAlert.pAlert--small {
    padding: 5px 12px
}

.pAlert--grey {
    color: #4e5968;
    color: var(--grey700);
    background-color: #e5e8eb;
    background-color: var(--grey200)
}

.pAlert--green {
    color: #02a262;
    color: var(--green600);
    background-color: #f0faf6;
    background-color: var(--green50)
}

.pAlert--blue {
    color: #1b64da;
    color: var(--blue700);
    background-color: #e8f3ff;
    background-color: var(--blue50)
}

.pAlert--yellow {
    color: #dd7d02;
    color: var(--yellow900);
    background-color: #fff3e0;
    background-color: var(--orange50)
}

.pAlert--red {
    color: #d22030;
    color: var(--red700);
    background-color: #fee;
    background-color: var(--red50)
}

.pAlert__left,.pAlert__right {
    flex: 0 0 auto;
    height: 100%;
    display: inline-flex;
    align-items: center
}

.pAlert__left {
    height: 24px;
    height: calc(var(--font-size-p)*var(--line-height-base));
    width: 20px;
    margin-right: 10px;
    overflow: hidden
}

.pAlert__right .p-button,.pAlert__right .pAlert__right-button:not(.pAlert__right-close-button) {
    text-decoration: none;
    white-space: normal;
    word-break: keep-all;
    word-wrap: anywhere;
    max-width: 180px;
    text-align: left
}

.pAlert__right .p-button:not(:last-child) {
    margin-right: 4px
}

.pAlert__right .pAlert__right-button:not(.pAlert__right-close-button) {
    line-height: normal;
    font-weight: 500;
    margin-right: 2px
}

.pAlert__right .pAlert__right-button:not(.pAlert__right-close-button):last-child,.pAlert__right .pAlert__right-close-button {
    margin-right: -6px
}

.pAlert__right-button {
    display: inline-flex;
    padding: 6px;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border: none;
    border-radius: 8px;
    border-radius: var(--radius-m);
    cursor: pointer;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    transition: background .2s ease,color .1s ease
}

.pAlert__right-button:hover {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.pAlert__content {
    flex: 1 1 auto;
    align-self: center;
    margin-right: 20px
}

.prefers-reduced-motion .pAlert__right-button {
    transition: none
}

.pAlert.pAlert--small {
    font-size: 13px;
    font-size: var(--font-size-small)
}

.pAlert.pAlert--small .pAlert__left {
    width: 16px;
    margin-right: 8px;
    height: 20.8px;
    height: calc(var(--font-size-small)*var(--line-height-base))
}

.pAlert.pAlert--small .pAlert__right-button {
    padding: 4px
}

.pAlert.pAlert--small .pAlert__right-button:not(.pAlert__right-close-button):last-child,.pAlert.pAlert--small .pAlert__right-close-button {
    margin-right: -4px
}

.pAlert.pAlert--small .pAlert__content {
    margin-right: 16px
}

.p-anchor {
    padding: 0;
    word-break: break-word;
    position: relative
}

.p-anchor ul {
    padding-left: 16px
}

.p-anchor__link,.p-anchor ul {
    margin-bottom: 10px
}

.p-anchor__link>a {
    text-decoration: none
}

.p-anchor__link {
    list-style: none;
    padding-left: 16px
}

.p-anchor__link.p-anchor__link--active .p-anchor__indicator,.p-anchor__link:hover .p-anchor__indicator {
    border-color: #3182f6;
    border-color: var(--blue500)
}

.p-anchor__link.p-anchor__link--active .p-anchor__title,.p-anchor__link:hover .p-anchor__title {
    color: #3182f6;
    color: var(--blue500)
}

.p-anchor__indicator {
    position: absolute;
    left: 0;
    border-left: 2px solid rgba(0,29,58,.18);
    border-left: 2px solid var(--greyOpacity300)
}

.p-anchor__title {
    color: #333d4b;
    color: var(--grey800)
}

.p-anchor__description {
    color: #6b7684;
    color: var(--grey600)
}

.p-aspect-ratio {
    width: 100%;
    overflow: hidden
}

.p-aspect-ratio__spacer {
    height: 0;
    width: 100%;
    position: relative
}

.p-aspect-ratio__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-autocomplete__txt {
    display: block;
    padding: 8px 16px;
    color: #b0b8c1;
    color: var(--grey400)
}

.p-autocomplete__selected-item {
    margin: 4px
}

.p-autocomplete__text-field {
    min-height: 48px;
    min-height: var(--input-height);
    padding: 4px
}

.p-autocomplete__text-field--small,.p-autocomplete__text-field--xsmall {
    padding: 0
}

.p-autocomplete__text-field .input__field {
    min-height: 32px
}

.p-autocomplete__text-field.p-multi-select-autocomplete__text-field {
    flex-wrap: wrap;
    height: auto
}

.p-multi-select-autocomplete__text-field .input__field {
    width: unset
}

.p-avatar {
    position: relative
}

.p-avatar.p-avatar--xsmall {
    width: 20xp;
    height: 20xp
}

.p-avatar.p-avatar--small {
    width: 28px;
    height: 28px
}

.p-avatar.p-avatar--medium {
    width: 38px;
    height: 38px
}

.p-avatar.p-avatar--large {
    width: 50px;
    height: 50px
}

.p-avatar__badge {
    position: absolute;
    background-color: #f04452;
    background-color: var(--red500);
    border-radius: 50%;
    opacity: 0
}

.p-avatar__badge.p-avatar__badge--active {
    opacity: 1
}

.p-avatar__badge.p-avatar__badge--xsmall {
    width: 4px;
    height: 4px;
    right: 0;
    bottom: 1px
}

.p-avatar__badge.p-avatar__badge--small {
    width: 6px;
    height: 6px;
    right: 1px;
    bottom: 1px
}

.p-avatar__badge.p-avatar__badge--medium {
    width: 7px;
    height: 7px;
    right: 1px;
    bottom: 2px
}

.p-avatar__badge.p-avatar__badge--large {
    width: 8px;
    height: 8px;
    right: 4px;
    bottom: 4px
}

.p-avatar__image {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%
}

.p-avatar__image.p-avatar__image--xsmall {
    width: 20px;
    height: 20px
}

.p-avatar__image.p-avatar__image--small {
    width: 28px;
    height: 28px
}

.p-avatar__image.p-avatar__image--medium {
    width: 38px;
    height: 38px
}

.p-avatar__image.p-avatar__image--large {
    width: 50px;
    height: 50px
}

:root {
    --badge-radius--adjust: 10px
}

.tds-pc.badge {
    display: inline-block;
    font-weight: 700
}

.tds-pc.badge--small {
    border-radius: 8px;
    border-radius: var(--radius-m);
    padding: 2px 6px;
    font-size: 10px;
    line-height: 13px
}

.tds-pc.badge--medium {
    padding: 3px 7px;
    font-size: 12px;
    line-height: 15px
}

.tds-pc.badge--large,.tds-pc.badge--medium {
    border-radius: 10px;
    border-radius: var(--badge-radius--adjust)
}

.tds-pc.badge--large {
    padding: 4px 8px;
    font-size: 14px;
    line-height: 17px
}

.p-border {
    width: 100%;
    border: none;
    margin: 0;
    height: 1px
}

.p-breadcrumb {
    display: flex;
    align-items: center
}

.p-breadcrumb__separator {
    color: #b0b8c1;
    color: var(--grey400)
}

.p-breadcrumb__custom-separator {
    padding: 0 6px
}

.p-breadcrumb__custom-separator--small {
    padding: 0 4px
}

.p-breadcrumb__link {
    text-decoration: none;
    padding: 2px 6px;
    border-radius: 8px;
    transition: background-color .2s ease
}

.p-breadcrumb__link:focus,.p-breadcrumb__link:hover {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.p-breadcrumb__link:last-of-type {
    color: #333d4b;
    color: var(--grey800);
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.prefers-reduced-motion .p-breadcrumb__link {
    transition: none
}

:root {
    --btn-font-size: 15px;
    --btn-font-size-t: 12px;
    --btn-font-size-s: 14px;
    --btn-font-size-l: 17px;
    --btn-font-size-xl: 17px;
    --btn-line-height: 18px;
    --btn-bg-base: var(--grey100);
    --btn-color-base: var(--grey700);
    --btn-danger-bg: var(--red500);
    --btn-danger-weak-bg: var(--red50);
    --btn-danger-weak-color: var(--red700);
    --padding-mixed-s-horizontal: 13px;
    --padding-mixed-base-horizontal: 16px;
    --padding-mixed-l-horizontal: 20px;
    --padding-mixed-xl-horizontal: 28px;
    --btn-border-radius: 7px;
    --btn-addon-margin: 6px
}

:root .p-button--tiny {
    --btn-addon-margin: 4px;
    --btn-line-height: 16px;
    --btn-border-radius: 6px
}

:root .p-button--small {
    --btn-line-height: 18px;
    --btn-border-radius: 6px
}

:root .p-button--large {
    --btn-line-height: 26px
}

:root .p-button--large,:root .p-button--xlarge {
    --btn-addon-margin: 8px;
    --btn-border-radius: var(--radius-m)
}

:root .p-button--xlarge {
    --btn-line-height: 27px
}

:root .p-button--theme-white {
    --pButton-color: var(--grey500);
    --pButton-background-color: var(--white);
    --pButton-color-hover: var(--grey400);
    --pButton-background-color-hover: var(--grey200);
    --pButton-color-disabled: var(--grey300);
    --pButton-background-color-disabled: var(--grey100)
}

:root .p-button--theme-grey {
    --pButton-color: var(--white);
    --pButton-background-color: var(--grey500);
    --pButton-color-hover: var(--white);
    --pButton-background-color-hover: var(--grey700);
    --pButton-color-disabled: var(--white);
    --pButton-background-color-disabled: var(--grey200)
}

:root .p-button--theme-green {
    --pButton-color: var(--white);
    --pButton-background-color: var(--green500);
    --pButton-color-hover: var(--white);
    --pButton-background-color-hover: var(--green700);
    --pButton-color-disabled: var(--white);
    --pButton-background-color-disabled: var(--green200)
}

:root .p-button--theme-yellow {
    --pButton-color: var(--white);
    --pButton-background-color: var(--yellow500);
    --pButton-color-hover: var(--white);
    --pButton-background-color-hover: var(--yellow700);
    --pButton-color-disabled: var(--white);
    --pButton-background-color-disabled: var(--yellow200)
}

:root .p-button--theme-orange {
    --pButton-color: var(--orange500);
    --pButton-background-color: var(--orange50);
    --pButton-color-hover: var(--orange500);
    --pButton-background-color-hover: var(--orange100);
    --pButton-color-disabled: var(--orange200);
    --pButton-background-color-disabled: var(--orange50)
}

:root .p-button--theme-teal {
    --pButton-color: var(--teal500);
    --pButton-background-color: var(--teal50);
    --pButton-color-hover: var(--teal500);
    --pButton-background-color-hover: var(--teal100);
    --pButton-color-disabled: var(--teal200);
    --pButton-background-color-disabled: var(--teal50)
}

:root .p-button--theme-purple {
    --pButton-color: var(--purple500);
    --pButton-background-color: var(--purple50);
    --pButton-color-hover: var(--purple500);
    --pButton-background-color-hover: var(--purple100);
    --pButton-color-disabled: var(--purple200);
    --pButton-background-color-disabled: var(--purple50)
}

.p-button {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-size: 15px;
    font-size: var(--btn-font-size);
    font-weight: 600;
    line-height: 18px;
    line-height: var(--btn-line-height);
    color: #4e5968;
    color: var(--btn-color-base);
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f2f4f6;
    background-color: var(--btn-bg-base);
    background-image: none;
    border: 0 solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background .2s ease,color .1s ease;
    text-decoration: none;
    border-radius: 7px;
    border-radius: var(--btn-border-radius);
    &&& {
        -webkit-appearance: none
    }
}

.p-button .p-button__icon {
    box-sizing: content-box;
    color: #8b95a1;
    color: var(--grey500)
}

.p-button:focus {
    outline: 0
}

.p-button.focus-visible,.p-button:focus-visible,.p-button:hover {
    color: #4e5968;
    color: var(--grey700);
    background-color: #d1d6db;
    background-color: var(--grey300)
}

.p-button.p-button--disabled,.p-button:disabled {
    cursor: not-allowed;
    color: #b0b8c1;
    color: var(--grey400);
    background-color: #f2f4f6;
    background-color: var(--btn-bg-base)
}

.p-button.p-button--disabled .p-button__icon,.p-button:disabled .p-button__icon {
    color: #d1d6db;
    color: var(--grey300)
}

.p-button.p-button--weak {
    color: #4e5968;
    color: var(--grey700);
    background-color: #f2f4f6;
    background-color: var(--grey100)
}

.p-button.p-button--weak.focus-visible,.p-button.p-button--weak:focus-visible,.p-button.p-button--weak:hover {
    color: #4e5968;
    color: var(--grey700);
    background-color: #d1d6db;
    background-color: var(--grey300)
}

.p-button.p-button--weak.focus-visible .p-button__icon,.p-button.p-button--weak:focus-visible .p-button__icon,.p-button.p-button--weak:hover .p-button__icon {
    color: #4e5968;
    color: var(--grey700)
}

.p-button.p-button--weak.focus-visible.p-button--has-left .p-button__icon,.p-button.p-button--weak.focus-visible.p-button--has-right .p-button__icon,.p-button.p-button--weak:focus-visible.p-button--has-left .p-button__icon,.p-button.p-button--weak:focus-visible.p-button--has-right .p-button__icon,.p-button.p-button--weak:hover.p-button--has-left .p-button__icon,.p-button.p-button--weak:hover.p-button--has-right .p-button__icon {
    color: #8b95a1;
    color: var(--grey500)
}

.p-button.p-button--weak.p-button--disabled,.p-button.p-button--weak:disabled {
    color: #b0b8c1;
    color: var(--grey400);
    background-color: #f2f4f6;
    background-color: var(--btn-bg-base)
}

.p-button.p-button--weak.p-button--disabled.p-button--has-left .p-button__icon,.p-button.p-button--weak.p-button--disabled.p-button--has-right .p-button__icon,.p-button.p-button--weak.p-button--disabled .p-button__icon,.p-button.p-button--weak:disabled.p-button--has-left .p-button__icon,.p-button.p-button--weak:disabled.p-button--has-right .p-button__icon,.p-button.p-button--weak:disabled .p-button__icon {
    color: #d1d6db;
    color: var(--grey300)
}

.p-button.p-button--clear {
    background-color: transparent
}

.p-button.p-button--clear.focus-visible:not(:disabled),.p-button.p-button--clear:focus-visible:not(:disabled),.p-button.p-button--clear:hover:not(:disabled) {
    color: #8b95a1;
    color: var(--grey500);
    background-color: #f9fafb;
    background-color: var(--grey50)
}

.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-icon,.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-left,.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-right,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-icon,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-left,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-right,.p-button.p-button--clear:hover:not(:disabled).p-button--has-icon,.p-button.p-button--clear:hover:not(:disabled).p-button--has-left,.p-button.p-button--clear:hover:not(:disabled).p-button--has-right {
    background-color: #f2f4f6;
    background-color: var(--grey100)
}

.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-icon .p-button__icon,.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-left .p-button__icon,.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-right .p-button__icon,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-icon .p-button__icon,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-left .p-button__icon,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-right .p-button__icon,.p-button.p-button--clear:hover:not(:disabled).p-button--has-icon .p-button__icon,.p-button.p-button--clear:hover:not(:disabled).p-button--has-left .p-button__icon,.p-button.p-button--clear:hover:not(:disabled).p-button--has-right .p-button__icon {
    color: #8b95a1;
    color: var(--grey500)
}

.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-icon .p-button__left,.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-icon .p-button__right,.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-left .p-button__left,.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-left .p-button__right,.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-right .p-button__left,.p-button.p-button--clear.focus-visible:not(:disabled).p-button--has-right .p-button__right,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-icon .p-button__left,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-icon .p-button__right,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-left .p-button__left,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-left .p-button__right,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-right .p-button__left,.p-button.p-button--clear:focus-visible:not(:disabled).p-button--has-right .p-button__right,.p-button.p-button--clear:hover:not(:disabled).p-button--has-icon .p-button__left,.p-button.p-button--clear:hover:not(:disabled).p-button--has-icon .p-button__right,.p-button.p-button--clear:hover:not(:disabled).p-button--has-left .p-button__left,.p-button.p-button--clear:hover:not(:disabled).p-button--has-left .p-button__right,.p-button.p-button--clear:hover:not(:disabled).p-button--has-right .p-button__left,.p-button.p-button--clear:hover:not(:disabled).p-button--has-right .p-button__right {
    color: #b0b8c1;
    color: var(--grey400)
}

.p-button.p-button--clear.p-button--disabled,.p-button.p-button--clear:disabled {
    color: #d1d6db;
    color: var(--grey300);
    background-color: transparent
}

.p-button.p-button--border {
    border: 1px solid rgba(0,27,55,.1);
    border: 1px solid var(--greyOpacity200);
    background-color: #fff;
    background-color: var(--white);
    color: #4e5968;
    color: var(--grey700)
}

.p-button.p-button--border.focus-visible:not(:disabled) .p-button__icon,.p-button.p-button--border .p-button__icon,.p-button.p-button--border:focus-visible:not(:disabled) .p-button__icon,.p-button.p-button--border:hover:not(:disabled) .p-button__icon {
    color: #8b95a1;
    color: var(--grey500)
}

.p-button.p-button--border.focus-visible:not(:disabled).p-button--has-left .p-button__icon,.p-button.p-button--border.focus-visible:not(:disabled).p-button--has-right .p-button__icon,.p-button.p-button--border:focus-visible:not(:disabled).p-button--has-left .p-button__icon,.p-button.p-button--border:focus-visible:not(:disabled).p-button--has-right .p-button__icon,.p-button.p-button--border:hover:not(:disabled).p-button--has-left .p-button__icon,.p-button.p-button--border:hover:not(:disabled).p-button--has-right .p-button__icon {
    color: #b0b8c1;
    color: var(--grey400)
}

.p-button.p-button--border.p-button--disabled,.p-button.p-button--border:disabled {
    border-color: transparent
}

.p-button.p-button--border.padding--base {
    padding: 10px 15px;
    padding: calc(var(--padding-base-vertical) - 1px) calc(var(--padding-base-horizontal) - 1px)
}

.p-button.p-button--border.padding--base.p-button--has-left,.p-button.p-button--border.padding--base.p-button--has-loader,.p-button.p-button--border.padding--base.p-button--has-right {
    --padding-mixed-border-horizontal: calc(var(--padding-mixed-base-horizontal) - 1px);
    padding-left: var(--padding-mixed-border-horizontal);
    padding-right: calc(var(--padding-mixed-border-horizontal) - 2px)
}

.p-button.p-button--border.padding--base.p-button--has-icon.p-button--has-loader,.p-button.p-button--border.padding--base.p-button--has-right.p-button--has-loader {
    padding: 10px 15px;
    padding: calc(var(--padding-base-vertical) - 1px) calc(var(--padding-base-horizontal) - 1px)
}

.p-button.p-button--border.padding--t {
    padding: 3px 7px;
    padding: calc(var(--padding-t-vertical) - 1px) calc(var(--padding-t-horizontal) - 1px)
}

.p-button.p-button--border.padding--s {
    padding: 6px 11px;
    padding: calc(var(--padding-s-vertical) - 1px) calc(var(--padding-s-horizontal) - 1px)
}

.p-button.p-button--border.padding--s.p-button--has-left,.p-button.p-button--border.padding--s.p-button--has-loader {
    --padding-mixed-border-horizontal: calc(var(--padding-mixed-s-horizontal) - 1px);
    padding-left: calc(var(--padding-mixed-border-horizontal) - 2px);
    padding-right: var(--padding-mixed-border-horizontal)
}

.p-button.p-button--border.padding--s.p-button--has-right {
    --padding-mixed-border-horizontal: calc(var(--padding-mixed-s-horizontal) - 1px);
    padding-left: var(--padding-mixed-border-horizontal);
    padding-right: calc(var(--padding-mixed-border-horizontal) - 2px)
}

.p-button.p-button--border.padding--s.p-button--has-icon.p-button--has-loader,.p-button.p-button--border.padding--s.p-button--has-right.p-button--has-loader {
    padding: 6px 11px;
    padding: calc(var(--padding-s-vertical) - 1px) calc(var(--padding-s-horizontal) - 1px)
}

.p-button.p-button--border.padding--l {
    padding: 10px 21px;
    padding: calc(var(--padding-l-vertical) - 1px) calc(var(--padding-l-horizontal) - 1px)
}

.p-button.p-button--border.padding--l.p-button--has-left,.p-button.p-button--border.padding--l.p-button--has-loader {
    --padding-mixed-border-horizontal: calc(var(--padding-mixed-l-horizontal) - 1px);
    padding-left: calc(var(--padding-mixed-border-horizontal) - 2px);
    padding-right: var(--padding-mixed-border-horizontal)
}

.p-button.p-button--border.padding--l.p-button--has-right {
    --padding-mixed-border-horizontal: calc(var(--padding-mixed-l-horizontal) - 1px);
    padding-left: var(--padding-mixed-border-horizontal);
    padding-right: calc(var(--padding-mixed-border-horizontal) - 2px)
}

.p-button.p-button--border.padding--l.p-button--has-icon.p-button--has-loader,.p-button.p-button--border.padding--l.p-button--has-right.p-button--has-loader {
    padding: 10px 21px;
    padding: calc(var(--padding-l-vertical) - 1px) calc(var(--padding-l-horizontal) - 1px)
}

.p-button.p-button--border.padding--xl {
    padding: 17px 23px;
    padding: calc(var(--padding-xl-vertical) - 1px) calc(var(--padding-xl-horizontal) - 1px)
}

.p-button.p-button--border.padding--xl.p-button--has-left,.p-button.p-button--border.padding--xl.p-button--has-loader {
    --padding-mixed-border-horizontal: calc(var(--padding-mixed-xl-horizontal) - 1px);
    padding-left: calc(var(--padding-mixed-border-horizontal) - 4px);
    padding-right: var(--padding-mixed-border-horizontal)
}

.p-button.p-button--border.padding--xl.p-button--has-right {
    --padding-mixed-border-horizontal: calc(var(--padding-mixed-xl-horizontal) - 1px);
    padding-left: var(--padding-mixed-border-horizontal);
    padding-right: calc(var(--padding-mixed-border-horizontal) - 4px)
}

.p-button.p-button--border.padding--xl.p-button--has-icon.p-button--has-loader,.p-button.p-button--border.padding--xl.p-button--has-right.p-button--has-loader {
    padding: 17px 23px;
    padding: calc(var(--padding-xl-vertical) - 1px) calc(var(--padding-xl-horizontal) - 1px)
}

.p-button--primary {
    background-color: #3182f6;
    background-color: var(--blue500)
}

.p-button--primary,.p-button--primary .p-button__icon {
    color: #f9fafb;
    color: var(--grey50)
}

.p-button--primary.focus-visible,.p-button--primary:focus-visible,.p-button--primary:hover {
    color: #fff;
    color: var(--white);
    background-color: #1b64da;
    background-color: var(--blue700)
}

.p-button--primary.focus-visible .p-button__icon,.p-button--primary:focus-visible .p-button__icon,.p-button--primary:hover .p-button__icon {
    color: #fff;
    color: var(--white)
}

.p-button--primary.p-button--disabled,.p-button--primary:disabled {
    color: #fff;
    color: var(--white);
    background-color: #90c2ff;
    background-color: var(--blue200)
}

.p-button--primary.p-button--disabled .p-button__icon,.p-button--primary:disabled .p-button__icon {
    color: #fff;
    color: var(--white)
}

.p-button--primary.p-button--weak {
    color: #1b64da;
    color: var(--blue700);
    background-color: #e8f3ff;
    background-color: var(--blue50)
}

.p-button--primary.p-button--weak .p-button__icon,.p-button--primary.p-button--weak .p-button__icon.p-button__left,.p-button--primary.p-button--weak .p-button__icon.p-button__right {
    color: #3182f6;
    color: var(--blue500)
}

.p-button--primary.p-button--weak.focus-visible,.p-button--primary.p-button--weak:focus-visible,.p-button--primary.p-button--weak:hover {
    color: #1b64da;
    color: var(--blue700);
    background-color: #c9e2ff;
    background-color: var(--blue100)
}

.p-button--primary.p-button--weak.focus-visible .p-button__icon,.p-button--primary.p-button--weak:focus-visible .p-button__icon,.p-button--primary.p-button--weak:hover .p-button__icon {
    color: #1b64da;
    color: var(--blue700)
}

.p-button--primary.p-button--weak.focus-visible.p-button--has-left .p-button__icon,.p-button--primary.p-button--weak.focus-visible.p-button--has-right .p-button__icon,.p-button--primary.p-button--weak:focus-visible.p-button--has-left .p-button__icon,.p-button--primary.p-button--weak:focus-visible.p-button--has-right .p-button__icon,.p-button--primary.p-button--weak:hover.p-button--has-left .p-button__icon,.p-button--primary.p-button--weak:hover.p-button--has-right .p-button__icon {
    color: #3182f6;
    color: var(--blue500)
}

.p-button--primary.p-button--weak.p-button--disabled,.p-button--primary.p-button--weak:disabled {
    color: #90c2ff;
    color: var(--blue200);
    background-color: #e8f3ff;
    background-color: var(--blue50)
}

.p-button--primary.p-button--weak.p-button--disabled.p-button--has-left .p-button__icon,.p-button--primary.p-button--weak.p-button--disabled.p-button--has-right .p-button__icon,.p-button--primary.p-button--weak.p-button--disabled .p-button__icon,.p-button--primary.p-button--weak:disabled.p-button--has-left .p-button__icon,.p-button--primary.p-button--weak:disabled.p-button--has-right .p-button__icon,.p-button--primary.p-button--weak:disabled .p-button__icon {
    color: #90c2ff;
    color: var(--blue200)
}

.p-button--primary.p-button--clear {
    color: #3182f6;
    color: var(--blue500);
    background-color: transparent
}

.p-button--primary.p-button--clear .p-button__icon {
    color: #3182f6;
    color: var(--blue500)
}

.p-button--primary.p-button--clear.focus-visible:not(:disabled),.p-button--primary.p-button--clear:focus-visible:not(:disabled),.p-button--primary.p-button--clear:hover:not(:disabled) {
    color: #2272eb;
    color: var(--blue600);
    background-color: #e8f3ff;
    background-color: var(--blue50)
}

.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-icon,.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-left,.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-right,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-icon,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-left,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-right,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-icon,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-left,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-right {
    color: #3182f6;
    color: var(--blue500);
    background-color: #e8f3ff;
    background-color: var(--blue50)
}

.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-icon .p-button__icon,.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-left .p-button__icon,.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-right .p-button__icon,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-icon .p-button__icon,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-left .p-button__icon,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-right .p-button__icon,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-icon .p-button__icon,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-left .p-button__icon,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-right .p-button__icon {
    color: #3182f6;
    color: var(--blue500)
}

.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-icon .p-button__left,.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-icon .p-button__right,.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-left .p-button__left,.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-left .p-button__right,.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-right .p-button__left,.p-button--primary.p-button--clear.focus-visible:not(:disabled).p-button--has-right .p-button__right,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-icon .p-button__left,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-icon .p-button__right,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-left .p-button__left,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-left .p-button__right,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-right .p-button__left,.p-button--primary.p-button--clear:focus-visible:not(:disabled).p-button--has-right .p-button__right,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-icon .p-button__left,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-icon .p-button__right,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-left .p-button__left,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-left .p-button__right,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-right .p-button__left,.p-button--primary.p-button--clear:hover:not(:disabled).p-button--has-right .p-button__right {
    color: #3182f6;
    color: var(--blue500)
}

.p-button--primary.p-button--clear.p-button--disabled,.p-button--primary.p-button--clear:disabled {
    color: #90c2ff;
    color: var(--blue200);
    background-color: transparent
}

.p-button--primary.p-button--clear.p-button--disabled .p-button__icon,.p-button--primary.p-button--clear:disabled .p-button__icon {
    color: inherit
}

.p-button--danger {
    background-color: #f04452;
    background-color: var(--btn-danger-bg)
}

.p-button--danger,.p-button--danger .p-button__icon {
    color: #fff;
    color: var(--white)
}

.p-button--danger.focus-visible,.p-button--danger:focus-visible,.p-button--danger:hover {
    color: #fff;
    color: var(--white);
    background-color: #d22030;
    background-color: var(--red700)
}

.p-button--danger.focus-visible .p-button__icon,.p-button--danger:focus-visible .p-button__icon,.p-button--danger:hover .p-button__icon {
    color: #fff;
    color: var(--white)
}

.p-button--danger.p-button--disabled,.p-button--danger:disabled {
    color: #fff;
    color: var(--white);
    background-color: #feafb4;
    background-color: var(--red200)
}

.p-button--danger.p-button--disabled .p-button__icon,.p-button--danger:disabled .p-button__icon {
    color: #fff;
    color: var(--white)
}

.p-button--danger.p-button--weak {
    color: #d22030;
    color: var(--btn-danger-weak-color);
    background-color: #fee;
    background-color: var(--btn-danger-weak-bg)
}

.p-button--danger.p-button--weak .p-button__icon {
    color: #f04452;
    color: var(--red500)
}

.p-button--danger.p-button--weak.focus-visible,.p-button--danger.p-button--weak:focus-visible,.p-button--danger.p-button--weak:hover {
    color: #d22030;
    color: var(--btn-danger-weak-color);
    background-color: #ffd4d6;
    background-color: var(--red100)
}

.p-button--danger.p-button--weak.focus-visible .p-button__icon,.p-button--danger.p-button--weak:focus-visible .p-button__icon,.p-button--danger.p-button--weak:hover .p-button__icon {
    color: #d22030;
    color: var(--btn-danger-weak-color)
}

.p-button--danger.p-button--weak.focus-visible.p-button--has-left .p-button__icon,.p-button--danger.p-button--weak.focus-visible.p-button--has-right .p-button__icon,.p-button--danger.p-button--weak:focus-visible.p-button--has-left .p-button__icon,.p-button--danger.p-button--weak:focus-visible.p-button--has-right .p-button__icon,.p-button--danger.p-button--weak:hover.p-button--has-left .p-button__icon,.p-button--danger.p-button--weak:hover.p-button--has-right .p-button__icon {
    color: #f04452;
    color: var(--red500)
}

.p-button--danger.p-button--weak.p-button--disabled,.p-button--danger.p-button--weak:disabled {
    color: #feafb4;
    color: var(--red200);
    background-color: #fee;
    background-color: var(--btn-danger-weak-bg)
}

.p-button--danger.p-button--weak.p-button--disabled .p-button__icon,.p-button--danger.p-button--weak:disabled .p-button__icon {
    color: #feafb4;
    color: var(--red200)
}

.p-button--danger.p-button--weak.p-button--disabled .p-button__icon.p-button__left,.p-button--danger.p-button--weak.p-button--disabled .p-button__icon.p-button__right,.p-button--danger.p-button--weak:disabled .p-button__icon.p-button__left,.p-button--danger.p-button--weak:disabled .p-button__icon.p-button__right {
    color: #fb8890;
    color: var(--red300)
}

.p-button--danger.p-button--clear {
    color: #f04452;
    color: var(--red500);
    background-color: transparent
}

.p-button--danger.p-button--clear .p-button__icon {
    color: #f04452;
    color: var(--red500)
}

.p-button--danger.p-button--clear.focus-visible:not(:disabled),.p-button--danger.p-button--clear:focus-visible:not(:disabled),.p-button--danger.p-button--clear:hover:not(:disabled) {
    color: #e42939;
    color: var(--red600);
    background-color: #fee;
    background-color: var(--red50)
}

.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-icon,.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-left,.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-right,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-icon,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-left,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-right,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-icon,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-left,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-right {
    background-color: #fee;
    background-color: var(--red50)
}

.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-icon .p-button__icon,.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-left .p-button__icon,.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-right .p-button__icon,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-icon .p-button__icon,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-left .p-button__icon,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-right .p-button__icon,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-icon .p-button__icon,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-left .p-button__icon,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-right .p-button__icon {
    color: #f04452;
    color: var(--red500)
}

.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-icon .p-button__left,.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-icon .p-button__right,.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-left .p-button__left,.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-left .p-button__right,.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-right .p-button__left,.p-button--danger.p-button--clear.focus-visible:not(:disabled).p-button--has-right .p-button__right,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-icon .p-button__left,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-icon .p-button__right,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-left .p-button__left,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-left .p-button__right,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-right .p-button__left,.p-button--danger.p-button--clear:focus-visible:not(:disabled).p-button--has-right .p-button__right,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-icon .p-button__left,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-icon .p-button__right,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-left .p-button__left,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-left .p-button__right,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-right .p-button__left,.p-button--danger.p-button--clear:hover:not(:disabled).p-button--has-right .p-button__right {
    color: #f04452;
    color: var(--red500)
}

.p-button--danger.p-button--clear.p-button--disabled,.p-button--danger.p-button--clear:disabled {
    color: #feafb4;
    color: var(--red200);
    background-color: transparent
}

.p-button--danger.p-button--clear.p-button--disabled .p-button__icon,.p-button--danger.p-button--clear:disabled .p-button__icon {
    color: #feafb4;
    color: var(--red200)
}

.p-button__loader {
    margin-right: 8px
}

.p-button--clear {
    padding: 11px 12px;
    padding: var(--padding-base-vertical) calc(var(--padding-base-horizontal) - 4px)
}

.p-button__icon:not(.p-button__left):not(.p-button__right) {
    margin: 0 -5px
}

.p-button--tiny {
    font-size: 12px;
    font-size: var(--btn-font-size-t)
}

.p-button--tiny .p-button__icon:not(.p-button__left):not(.p-button__right) {
    margin: 0 -2px
}

.p-button--tiny.p-button--clear {
    padding: 4px 8px;
    padding: var(--padding-t-vertical) var(--padding-t-horizontal)
}

.p-button--tiny.p-button--clear.p-button--has-loader.p-button--has-left {
    padding-left: 6px;
    padding-left: calc(var(--padding-t-horizontal) - 2px)
}

.p-button--tiny.p-button--clear.p-button--has-loader.p-button--has-right {
    padding-right: 6px;
    padding-right: calc(var(--padding-t-horizontal) - 2px)
}

.p-button--small {
    font-size: 14px;
    font-size: var(--btn-font-size-s)
}

.p-button--small .p-button__icon:not(.p-button__left):not(.p-button__right) {
    margin: 0 -4px
}

.p-button--small.p-button--has-left,.p-button--small.p-button--has-loader {
    padding-left: 11px;
    padding-left: calc(var(--padding-mixed-s-horizontal) - 2px);
    padding-right: 13px;
    padding-right: var(--padding-mixed-s-horizontal)
}

.p-button--small.p-button--has-right {
    padding-left: 13px;
    padding-left: var(--padding-mixed-s-horizontal);
    padding-right: 11px;
    padding-right: calc(var(--padding-mixed-s-horizontal) - 2px)
}

.p-button--small.p-button--clear,.p-button--small.p-button--has-icon,.p-button--small.p-button--has-icon.p-button--has-loader,.p-button--small.p-button--has-right.p-button--has-loader {
    padding: 7px 12px;
    padding: var(--padding-s-vertical) var(--padding-s-horizontal)
}

.p-button--small.p-button--clear.p-button--has-left,.p-button--small.p-button--clear.p-button--has-loader {
    padding-left: 11px;
    padding-left: calc(var(--padding-mixed-s-horizontal) - 2px);
    padding-right: 13px;
    padding-right: var(--padding-mixed-s-horizontal)
}

.p-button--small.p-button--clear.p-button--has-left.p-button--has-loader {
    --padding-s-horizontal: 12px;
    padding-left: 10px;
    padding-left: calc(var(--padding-s-horizontal) - 2px);
    padding-right: 12px;
    padding-right: var(--padding-s-horizontal)
}

.p-button--small.p-button--clear.p-button--has-right {
    padding-left: 13px;
    padding-left: var(--padding-mixed-s-horizontal);
    padding-right: 11px;
    padding-right: calc(var(--padding-mixed-s-horizontal) - 2px)
}

.p-button--small.p-button--clear.p-button--has-icon.p-button--has-loader,.p-button--small.p-button--clear.p-button--has-right.p-button--has-loader {
    --padding-s-horizontal: 12px;
    padding: 7px 12px;
    padding: var(--padding-s-vertical) var(--padding-s-horizontal)
}

.padding--base.p-button--has-left,.padding--base.p-button--has-loader {
    padding-left: 14px;
    padding-left: calc(var(--padding-mixed-base-horizontal) - 2px);
    padding-right: 16px;
    padding-right: var(--padding-mixed-base-horizontal)
}

.padding--base.p-button--has-right {
    padding-left: 16px;
    padding-left: var(--padding-mixed-base-horizontal);
    padding-right: 14px;
    padding-right: calc(var(--padding-mixed-base-horizontal) - 2px)
}

.padding--base.p-button--has-icon,.padding--base.p-button--has-icon.p-button--has-loader,.padding--base.p-button--has-right.p-button--has-loader {
    padding: 11px 16px;
    padding: var(--padding-base-vertical) var(--padding-base-horizontal)
}

.padding--base.p-button--clear.p-button--has-left {
    padding-left: 14px;
    padding-left: calc(var(--padding-mixed-base-horizontal) - 2px);
    padding-right: 16px;
    padding-right: var(--padding-mixed-base-horizontal)
}

.padding--base.p-button--clear.p-button--has-left.p-button--has-loader {
    --padding-base-horizontal: 12px;
    padding-left: 14px;
    padding-left: calc(var(--padding-base-horizontal) - 2px);
    padding-right: 16px;
    padding-right: var(--padding-base-horizontal)
}

.padding--base.p-button--clear.p-button--has-right {
    padding-left: 16px;
    padding-left: var(--padding-mixed-base-horizontal);
    padding-right: 14px;
    padding-right: calc(var(--padding-mixed-base-horizontal) - 2px)
}

.padding--base.p-button--clear.p-button--has-icon.p-button--has-loader,.padding--base.p-button--clear.p-button--has-right.p-button--has-loader {
    --padding-base-horizontal: 12px;
    padding: 11px 16px;
    padding: var(--padding-base-vertical) var(--padding-base-horizontal)
}

.p-button--large {
    font-size: 17px;
    font-size: var(--btn-font-size-l)
}

.p-button--large .p-button__icon:not(.p-button__left):not(.p-button__right) {
    margin: 0 -9px
}

.p-button--large.p-button--has-left,.p-button--large.p-button--has-loader {
    padding-left: 18px;
    padding-left: calc(var(--padding-mixed-l-horizontal) - 2px);
    padding-right: 20px;
    padding-right: var(--padding-mixed-l-horizontal)
}

.p-button--large.p-button--has-right {
    padding-left: 20px;
    padding-left: var(--padding-mixed-l-horizontal);
    padding-right: 18px;
    padding-right: calc(var(--padding-mixed-l-horizontal) - 2px)
}

.p-button--large.p-button--has-icon,.p-button--large.p-button--has-icon.p-button--has-loader,.p-button--large.p-button--has-right.p-button--has-loader {
    padding: 11px 22px;
    padding: var(--padding-l-vertical) var(--padding-l-horizontal)
}

.p-button--large.p-button--clear {
    padding: 11px 18px;
    padding: var(--padding-l-vertical) calc(var(--padding-l-horizontal) - 4px)
}

.p-button--large.p-button--clear.p-button--has-left,.p-button--large.p-button--clear.p-button--has-loader {
    padding-left: 18px;
    padding-left: calc(var(--padding-mixed-l-horizontal) - 2px);
    padding-right: 20px;
    padding-right: var(--padding-mixed-l-horizontal)
}

.p-button--large.p-button--clear.p-button--has-left.p-button--has-loader {
    --padding-l-horizontal: 18px;
    padding-left: 20px;
    padding-left: calc(var(--padding-l-horizontal) - 2px);
    padding-right: 22px;
    padding-right: var(--padding-l-horizontal)
}

.p-button--large.p-button--clear.p-button--has-right {
    padding-left: 20px;
    padding-left: var(--padding-mixed-l-horizontal);
    padding-right: 18px;
    padding-right: calc(var(--padding-mixed-l-horizontal) - 2px)
}

.p-button--large.p-button--clear.p-button--has-icon.p-button--has-loader,.p-button--large.p-button--clear.p-button--has-right.p-button--has-loader {
    --padding-l-horizontal: 18px;
    padding: 11px 22px;
    padding: var(--padding-l-vertical) var(--padding-l-horizontal)
}

.p-button--xlarge {
    font-size: 17px;
    font-size: var(--btn-font-size-xl)
}

.p-button--xlarge .p-button__icon:not(.p-button__left):not(.p-button__right) {
    margin: 0 -5px
}

.p-button--xlarge.p-button--has-left,.p-button--xlarge.p-button--has-loader {
    padding-left: 24px;
    padding-left: calc(var(--padding-mixed-xl-horizontal) - 4px);
    padding-right: 28px;
    padding-right: var(--padding-mixed-xl-horizontal)
}

.p-button--xlarge.p-button--has-right {
    padding-left: 28px;
    padding-left: var(--padding-mixed-xl-horizontal);
    padding-right: 24px;
    padding-right: calc(var(--padding-mixed-xl-horizontal) - 4px)
}

.p-button--xlarge.p-button--has-icon,.p-button--xlarge.p-button--has-icon.p-button--has-loader,.p-button--xlarge.p-button--has-right.p-button--has-loader {
    padding: 18px 24px;
    padding: var(--padding-xl-vertical) var(--padding-xl-horizontal)
}

.p-button--xlarge.p-button--clear {
    padding: 18px 20px;
    padding: var(--padding-xl-vertical) calc(var(--padding-xl-horizontal) - 4px)
}

.p-button--xlarge.p-button--clear.p-button--has-left,.p-button--xlarge.p-button--clear.p-button--has-loader {
    padding-left: 24px;
    padding-left: calc(var(--padding-mixed-xl-horizontal) - 4px);
    padding-right: 28px;
    padding-right: var(--padding-mixed-xl-horizontal)
}

.p-button--xlarge.p-button--clear.p-button--has-left.p-button--has-loader {
    --padding-xl-horizontal: 20px;
    padding-left: 22px;
    padding-left: calc(var(--padding-xl-horizontal) - 2px);
    padding-right: 24px;
    padding-right: var(--padding-xl-horizontal)
}

.p-button--xlarge.p-button--clear.p-button--has-right {
    padding-left: 28px;
    padding-left: var(--padding-mixed-xl-horizontal);
    padding-right: 24px;
    padding-right: calc(var(--padding-mixed-xl-horizontal) - 4px)
}

.p-button--xlarge.p-button--clear.p-button--has-icon.p-button--has-loader,.p-button--xlarge.p-button--clear.p-button--has-right.p-button--has-loader {
    --padding-xl-horizontal: 20px;
    padding: 18px 24px;
    padding: var(--padding-xl-vertical) var(--padding-xl-horizontal)
}

.p-button--block {
    display: flex;
    width: 100%
}

.prefers-reduced-motion .p-button {
    transition: none
}

.p-button__left {
    margin-right: 6px;
    margin-right: var(--btn-addon-margin)
}

.p-button__right {
    margin-left: 6px;
    margin-left: var(--btn-addon-margin)
}

.p-dark .p-button--default {
    --pButton-color: var(--white);
    --pButton-background-color: var(--whiteOpacity100);
    --pButton-color-hover: var(--white);
    --pButton-background-color-hover: var(--whiteOpacity300);
    --pButton-color-disabled: hsla(0,0%,100%,0.38);
    --pButton-background-color-disabled: var(--whiteOpacity100)
}

.p-dark .p-button--primary {
    --pButton-color: var(--blue500);
    --pButton-background-color: var(--whiteOpacity100);
    --pButton-color-hover: var(--blue500);
    --pButton-background-color-hover: var(--whiteOpacity300);
    --pButton-color-disabled: rgba(49,130,246,0.38);
    --pButton-background-color-disabled: var(--whiteOpacity100)
}

.p-dark .p-button--danger {
    --pButton-color: var(--red500);
    --pButton-background-color: var(--whiteOpacity100);
    --pButton-color-hover: var(--red500);
    --pButton-background-color-hover: var(--whiteOpacity300);
    --pButton-color-disabled: rgba(240,68,82,0.38);
    --pButton-background-color-disabled: var(--whiteOpacity100)
}

.p-button--theme-green,.p-button--theme-grey,.p-button--theme-orange,.p-button--theme-purple,.p-button--theme-teal,.p-button--theme-white,.p-button--theme-yellow,.p-dark .p-button--danger,.p-dark .p-button--default,.p-dark .p-button--primary {
    color: var(--pButton-color);
    background-color: var(--pButton-background-color)
}

.p-button--theme-green .p-button__icon,.p-button--theme-grey .p-button__icon,.p-button--theme-orange .p-button__icon,.p-button--theme-purple .p-button__icon,.p-button--theme-teal .p-button__icon,.p-button--theme-white .p-button__icon,.p-button--theme-yellow .p-button__icon,.p-dark .p-button--danger .p-button__icon,.p-dark .p-button--default .p-button__icon,.p-dark .p-button--primary .p-button__icon {
    color: inherit
}

.p-button--theme-green.focus-visible,.p-button--theme-green:focus-visible,.p-button--theme-green:hover,.p-button--theme-grey.focus-visible,.p-button--theme-grey:focus-visible,.p-button--theme-grey:hover,.p-button--theme-orange.focus-visible,.p-button--theme-orange:focus-visible,.p-button--theme-orange:hover,.p-button--theme-purple.focus-visible,.p-button--theme-purple:focus-visible,.p-button--theme-purple:hover,.p-button--theme-teal.focus-visible,.p-button--theme-teal:focus-visible,.p-button--theme-teal:hover,.p-button--theme-white.focus-visible,.p-button--theme-white:focus-visible,.p-button--theme-white:hover,.p-button--theme-yellow.focus-visible,.p-button--theme-yellow:focus-visible,.p-button--theme-yellow:hover,.p-dark .p-button--danger.focus-visible,.p-dark .p-button--danger:focus-visible,.p-dark .p-button--danger:hover,.p-dark .p-button--default.focus-visible,.p-dark .p-button--default:focus-visible,.p-dark .p-button--default:hover,.p-dark .p-button--primary.focus-visible,.p-dark .p-button--primary:focus-visible,.p-dark .p-button--primary:hover {
    color: var(--pButton-color-hover);
    background-color: var(--pButton-background-color-hover)
}

.p-button--theme-green.focus-visible .p-button__icon,.p-button--theme-green:focus-visible .p-button__icon,.p-button--theme-green:hover .p-button__icon,.p-button--theme-grey.focus-visible .p-button__icon,.p-button--theme-grey:focus-visible .p-button__icon,.p-button--theme-grey:hover .p-button__icon,.p-button--theme-orange.focus-visible .p-button__icon,.p-button--theme-orange:focus-visible .p-button__icon,.p-button--theme-orange:hover .p-button__icon,.p-button--theme-purple.focus-visible .p-button__icon,.p-button--theme-purple:focus-visible .p-button__icon,.p-button--theme-purple:hover .p-button__icon,.p-button--theme-teal.focus-visible .p-button__icon,.p-button--theme-teal:focus-visible .p-button__icon,.p-button--theme-teal:hover .p-button__icon,.p-button--theme-white.focus-visible .p-button__icon,.p-button--theme-white:focus-visible .p-button__icon,.p-button--theme-white:hover .p-button__icon,.p-button--theme-yellow.focus-visible .p-button__icon,.p-button--theme-yellow:focus-visible .p-button__icon,.p-button--theme-yellow:hover .p-button__icon,.p-dark .p-button--danger.focus-visible .p-button__icon,.p-dark .p-button--danger:focus-visible .p-button__icon,.p-dark .p-button--danger:hover .p-button__icon,.p-dark .p-button--default.focus-visible .p-button__icon,.p-dark .p-button--default:focus-visible .p-button__icon,.p-dark .p-button--default:hover .p-button__icon,.p-dark .p-button--primary.focus-visible .p-button__icon,.p-dark .p-button--primary:focus-visible .p-button__icon,.p-dark .p-button--primary:hover .p-button__icon {
    color: inherit
}

.p-button--theme-green.p-button--disabled,.p-button--theme-green:disabled,.p-button--theme-grey.p-button--disabled,.p-button--theme-grey:disabled,.p-button--theme-orange.p-button--disabled,.p-button--theme-orange:disabled,.p-button--theme-purple.p-button--disabled,.p-button--theme-purple:disabled,.p-button--theme-teal.p-button--disabled,.p-button--theme-teal:disabled,.p-button--theme-white.p-button--disabled,.p-button--theme-white:disabled,.p-button--theme-yellow.p-button--disabled,.p-button--theme-yellow:disabled,.p-dark .p-button--danger.p-button--disabled,.p-dark .p-button--danger:disabled,.p-dark .p-button--default.p-button--disabled,.p-dark .p-button--default:disabled,.p-dark .p-button--primary.p-button--disabled,.p-dark .p-button--primary:disabled {
    color: var(--pButton-color-disabled);
    background-color: var(--pButton-background-color-disabled)
}

.p-button--theme-green.p-button--disabled .p-button__icon,.p-button--theme-green:disabled .p-button__icon,.p-button--theme-grey.p-button--disabled .p-button__icon,.p-button--theme-grey:disabled .p-button__icon,.p-button--theme-orange.p-button--disabled .p-button__icon,.p-button--theme-orange:disabled .p-button__icon,.p-button--theme-purple.p-button--disabled .p-button__icon,.p-button--theme-purple:disabled .p-button__icon,.p-button--theme-teal.p-button--disabled .p-button__icon,.p-button--theme-teal:disabled .p-button__icon,.p-button--theme-white.p-button--disabled .p-button__icon,.p-button--theme-white:disabled .p-button__icon,.p-button--theme-yellow.p-button--disabled .p-button__icon,.p-button--theme-yellow:disabled .p-button__icon,.p-dark .p-button--danger.p-button--disabled .p-button__icon,.p-dark .p-button--danger:disabled .p-button__icon,.p-dark .p-button--default.p-button--disabled .p-button__icon,.p-dark .p-button--default:disabled .p-button__icon,.p-dark .p-button--primary.p-button--disabled .p-button__icon,.p-dark .p-button--primary:disabled .p-button__icon {
    color: inherit
}

.p-cardV2 {
    position: relative;
    width: auto;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    transition: background-color .2s ease,box-shadow .2s ease
}

.p-cardV2__inner {
    width: 100%;
    padding: 18px 18px 0
}

.p-cardV2__inner--overlap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    padding-bottom: 18px
}

.p-cardV2--outline {
    border-radius: 16px;
    overflow: hidden
}

.p-cardV2--outline .p-cardV2__inner {
    padding-bottom: 18px;
    border-radius: inherit
}

.p-cardV2--outline .p-cardV2__inner:not(:first-child) {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.p-cardV2:not(.p-cardV2--line-outline):not(.p-cardV2--shadow-outline) .p-thumbnailV2 {
    transition: border .2s ease;
    border: 1.5px solid transparent
}

.p-cardV2:not(.p-cardV2--line-outline):not(.p-cardV2--shadow-outline):hover .p-thumbnailV2__asset {
    transform: scale(1.1)
}

.p-cardV2:not(.p-cardV2--line-outline):not(.p-cardV2--shadow-outline):active .p-thumbnailV2,.p-cardV2:not(.p-cardV2--line-outline):not(.p-cardV2--shadow-outline):focus .p-thumbnailV2,.p-cardV2:not(.p-cardV2--line-outline):not(.p-cardV2--shadow-outline)[focus-within] .p-thumbnailV2 {
    border: 1.5px solid #1b64da;
    border: 1.5px solid var(--blue700)
}

.p-cardV2:not(.p-cardV2--line-outline):not(.p-cardV2--shadow-outline):active .p-thumbnailV2,.p-cardV2:not(.p-cardV2--line-outline):not(.p-cardV2--shadow-outline):focus-within .p-thumbnailV2,.p-cardV2:not(.p-cardV2--line-outline):not(.p-cardV2--shadow-outline):focus .p-thumbnailV2 {
    border: 1.5px solid #1b64da;
    border: 1.5px solid var(--blue700)
}

.p-cardV2--line-outline {
    transition: border .2s ease,background-color .2s ease;
    border: 1px solid rgba(0,29,58,.18);
    border: 1px solid var(--greyOpacity300)
}

.p-cardV2--line-outline:focus,.p-cardV2--line-outline:hover,.p-cardV2--line-outline[focus-within] {
    background-color: #f9fafb;
    background-color: var(--grey50)
}

.p-cardV2--line-outline:focus,.p-cardV2--line-outline:focus-within,.p-cardV2--line-outline:hover {
    background-color: #f9fafb;
    background-color: var(--grey50)
}

.p-cardV2--line-outline:active {
    border-color: #1b64da;
    border-color: var(--blue700);
    background-color: #f2f4f6;
    background-color: var(--grey100)
}

.p-cardV2--shadow-outline {
    transition: box-shadow .2s ease;
    border: 1px solid rgba(2,32,71,.05);
    border: 1px solid var(--token-tds-color-grey-opacity-100,var(--adaptiveOpacity100,rgba(2,32,71,.05)));
    box-shadow: 0 0 4px 0 rgba(2,32,71,.05),0 4px 16px 0 rgba(2,32,71,.05);
    box-shadow: var(--shadow-s)
}

.p-cardV2--shadow-outline:focus,.p-cardV2--shadow-outline:hover,.p-cardV2--shadow-outline[focus-within] {
    outline: none;
    box-shadow: 0 24px 40px 0 rgba(0,23,51,.02),0 16px 24px 0 rgba(0,27,55,.1),0 0 8px 0 rgba(2,32,71,.05);
    box-shadow: var(--shadow-l)
}

.p-cardV2--shadow-outline:focus,.p-cardV2--shadow-outline:focus-within,.p-cardV2--shadow-outline:hover {
    outline: none;
    box-shadow: 0 24px 40px 0 rgba(0,23,51,.02),0 16px 24px 0 rgba(0,27,55,.1),0 0 8px 0 rgba(2,32,71,.05);
    box-shadow: var(--shadow-l)
}

.p-cardV2--shadow-outline:active {
    box-shadow: 0 8px 16px 0 rgba(0,27,55,.1),0 4px 8px 0 rgba(2,32,71,.05);
    box-shadow: var(--shadow-m)
}

.p-cardV2__title:not(:last-child) {
    margin-right: 4px
}

.p-cardV2__title:not(:first-child) {
    margin-left: 4px
}

.p-cardV2__badge+.p-cardV2__badge {
    margin-left: 4px!important
}

.p-cardV2__button+.p-cardV2__button {
    margin-left: 8px
}

.p-cardV2__button--full-width {
    flex: 1
}

.p-cardV2__button-group .p-cardV2__button+.p-cardV2__button {
    margin-left: 8px
}

.p-cardV2__button-group .p-cardV2__button--full-width {
    flex: 1
}

.p-cardV2__right-addon {
    margin-left: auto;
    padding-left: 20px
}

.p-cardV2__bottom-addon {
    margin-top: 14px
}

.p-cardV2__bottom-addon>:not(:first-child) {
    margin-left: 16px
}

.p-cardV2__bottom-addon>.p-cardV2__button-group {
    flex: 1
}

:root {
    --checkable-size: 24px;
    --checkable-input-top: 3px;
    --checkable-input-left: 5px;
    --checkable-input-width: 14px;
    --checkable-input-height: 10px;
    --checkable-input-svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.343 4.574l4.243 4.243 7.07-7.071' fill='transparent' stroke-width='2' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --checkable-label-text-padding: 8px;
    --indeterminate-checkable-input-top: 7px;
    --indeterminate-checkable-input-left: 5px;
    --indeterminate-checkable-input-width: 14px
}

:root .checkable--small {
    --checkable-size: 20px;
    --checkable-input-top: 2px;
    --checkable-input-left: 4px;
    --checkable-input-width: 12px;
    --checkable-input-height: 9px;
    --checkable-input-svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.286 3.645l3.536 3.536 5.892-5.893' fill='transparent' stroke-width='2' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --indeterminate-checkable-input-top: 5px;
    --indeterminate-checkable-input-left: 4px;
    --indeterminate-checkable-input-width: 12px
}

.checkable {
    position: relative;
    display: flex
}

.checkable+.checkable {
    margin-top: 12px
}

.checkable--inline {
    display: inline-block
}

.checkable--inline+.checkable--inline {
    margin-top: 0;
    margin-left: 18px
}

.checkable__label {
    display: inline-block;
    max-width: 100%;
    min-height: 24px;
    min-height: var(--checkable-size);
    line-height: 1.6;
    padding-left: 24px;
    padding-left: var(--checkable-size);
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #4e5968;
    color: var(--grey700);
    cursor: pointer
}

.checkable__input {
    position: absolute;
    margin: 0 0 0 -24px;
    margin: 0 0 0 calc(var(--checkable-size)*-1);
    top: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer
}

.checkable__input:after,.checkable__input:before {
    content: "";
    position: absolute
}

.checkable__input:before {
    top: -4px;
    left: 0;
    width: 24px;
    width: var(--checkable-size);
    height: 24px;
    height: var(--checkable-size);
    border: 2px solid #d1d6db;
    border: 2px solid var(--grey300);
    background-color: #fff;
    background-color: var(--white);
    transition: border-color .1s ease,background-color .1s ease
}

.checkable__input:after {
    opacity: 0;
    transition: opacity .1s ease;
    top: 3px;
    top: var(--checkable-input-top);
    left: 5px;
    left: var(--checkable-input-left);
    width: 14px;
    width: var(--checkable-input-width);
    height: 10px;
    height: var(--checkable-input-height);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.343 4.574l4.243 4.243 7.07-7.071' fill='transparent' stroke-width='2' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-image: var(--checkable-input-svg);
    background-repeat: no-repeat
}

.checkable__input[type=checkbox]:indeterminate:after {
    top: 7px;
    top: var(--indeterminate-checkable-input-top);
    left: 5px;
    left: var(--indeterminate-checkable-input-left);
    width: 14px;
    width: var(--indeterminate-checkable-input-width);
    height: 0;
    border: 1px solid #fff;
    border: 1px solid var(--white);
    border-radius: 1px;
    transform: rotate(0)
}

.checkable__input:focus {
    outline: 0
}

.checkable__input:focus:before,.checkable__input:hover:before {
    background-color: #e8f3ff;
    background-color: var(--blue50);
    border-color: #3182f6;
    border-color: var(--blue500)
}

.checkable__input:checked:before,.checkable__input[type=checkbox]:indeterminate:before {
    border-color: #3182f6;
    border-color: var(--blue500);
    background-color: #3182f6;
    background-color: var(--blue500)
}

.checkable__input:checked:after,.checkable__input[type=checkbox]:indeterminate:after {
    opacity: 1
}

.checkable__input:disabled:before {
    background-color: #f2f4f6;
    background-color: var(--grey100);
    border-color: rgba(0,23,51,.02);
    border-color: var(--greyOpacity50)
}

.checkable__input:disabled:checked:before,.checkable__input:disabled[type=checkbox]:indeterminate:before {
    background-color: #e5e8eb;
    background-color: var(--grey200);
    border-color: #e5e8eb;
    border-color: var(--grey200)
}

.checkable__input[type=checkbox]:before {
    border-radius: 6px
}

.checkable__input[type=radio]:before {
    border-radius: 12px
}

.checkable__label-text {
    display: inline-block;
    padding-left: 8px;
    padding-left: var(--checkable-label-text-padding)
}

.checkable--disabled>.checkable__input {
    cursor: not-allowed
}

.checkable--disabled>.checkable__label {
    color: #b0b8c1;
    color: var(--grey400);
    cursor: not-allowed
}

.checkable--read-only {
    pointer-events: none
}

.prefers-reduced-motion .checkable__input:after,.prefers-reduced-motion .checkable__input:before {
    transition: none
}

.p-chip {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 14px;
    border: 1px solid transparent;
    border-radius: 19px
}

.p-chip img {
    min-width: 20px;
    width: 20px;
    height: 20px
}

.p-chip .p-icon svg [fill]:not([fill=none]) {
    fill: currentColor
}

.p-chip .p-icon svg [stroke]:not([stroke=none]) {
    stroke: currentColor
}

.p-chip--small {
    padding: 4px 10px
}

.p-chip--small img {
    min-width: 16px;
    width: 16px;
    height: 16px
}

.p-chip--xsmall {
    padding: 2px 8px
}

.p-chip--xsmall img {
    min-width: 16px;
    width: 16px;
    height: 16px
}

.p-chip--blue {
    background: #e8f3ff;
    background: var(--blue50);
    color: #2272eb;
    color: var(--blue600)
}

.p-chip--blue .p-icon {
    color: #3182f6;
    color: var(--blue500)
}

.p-chip--blue:active,.p-chip--blue:focus,.p-chip--blue:hover,.p-chip--blue[focus-within] {
    color: #1b64da;
    color: var(--blue700);
    background: #c9e2ff;
    background: var(--blue100)
}

.p-chip--blue:active,.p-chip--blue:focus,.p-chip--blue:focus-within,.p-chip--blue:hover {
    color: #1b64da;
    color: var(--blue700);
    background: #c9e2ff;
    background: var(--blue100)
}

.p-chip--blue.p-chip--border {
    background: transparent;
    color: #2272eb;
    color: var(--blue600);
    border: 1px solid #90c2ff;
    border: 1px solid var(--blue200)
}

.p-chip--blue.p-chip--border:active,.p-chip--blue.p-chip--border:focus,.p-chip--blue.p-chip--border:hover,.p-chip--blue.p-chip--border[focus-within] {
    background: #e8f3ff;
    background: var(--blue50);
    border: 1px solid #3182f6;
    border: 1px solid var(--blue500)
}

.p-chip--blue.p-chip--border:active,.p-chip--blue.p-chip--border:focus,.p-chip--blue.p-chip--border:focus-within,.p-chip--blue.p-chip--border:hover {
    background: #e8f3ff;
    background: var(--blue50);
    border: 1px solid #3182f6;
    border: 1px solid var(--blue500)
}

.p-chip--blue.p-chip--placeholder {
    background: transparent;
    border: 1px dashed #90c2ff;
    border: 1px dashed var(--blue200)
}

.p-chip--blue.p-chip--placeholder,.p-chip--blue.p-chip--placeholder .p-icon {
    color: #90c2ff;
    color: var(--blue200)
}

.p-chip--blue.p-chip--placeholder:active,.p-chip--blue.p-chip--placeholder:focus,.p-chip--blue.p-chip--placeholder:hover,.p-chip--blue.p-chip--placeholder[focus-within] {
    color: #2272eb;
    color: var(--blue600);
    border-style: solid;
    border-color: #90c2ff;
    border-color: var(--blue200)
}

.p-chip--blue.p-chip--placeholder:active,.p-chip--blue.p-chip--placeholder:focus,.p-chip--blue.p-chip--placeholder:focus-within,.p-chip--blue.p-chip--placeholder:hover {
    color: #2272eb;
    color: var(--blue600);
    border-style: solid;
    border-color: #90c2ff;
    border-color: var(--blue200)
}

.p-chip--blue.p-chip--placeholder:active .p-icon,.p-chip--blue.p-chip--placeholder:focus .p-icon,.p-chip--blue.p-chip--placeholder:hover .p-icon,.p-chip--blue.p-chip--placeholder[focus-within] .p-icon {
    color: #3182f6;
    color: var(--blue500)
}

.p-chip--blue.p-chip--placeholder:active .p-icon,.p-chip--blue.p-chip--placeholder:focus-within .p-icon,.p-chip--blue.p-chip--placeholder:focus .p-icon,.p-chip--blue.p-chip--placeholder:hover .p-icon {
    color: #3182f6;
    color: var(--blue500)
}

.p-chip--grey {
    background: #f2f4f6;
    background: var(--grey100);
    color: #4e5968;
    color: var(--grey700)
}

.p-chip--grey .p-icon {
    color: #8b95a1;
    color: var(--grey500)
}

.p-chip--grey:active,.p-chip--grey:focus,.p-chip--grey:hover,.p-chip--grey[focus-within] {
    background: #e5e8eb;
    background: var(--grey200)
}

.p-chip--grey:active,.p-chip--grey:focus,.p-chip--grey:focus-within,.p-chip--grey:hover {
    background: #e5e8eb;
    background: var(--grey200)
}

.p-chip--grey.p-chip--border {
    background: transparent;
    color: #4e5968;
    color: var(--grey700);
    border: 1px solid #e5e8eb;
    border: 1px solid var(--grey200)
}

.p-chip--grey.p-chip--border:hover {
    background: #f2f4f6;
    background: var(--grey100)
}

.p-chip--grey.p-chip--border:active,.p-chip--grey.p-chip--border:focus,.p-chip--grey.p-chip--border[focus-within] {
    background: #e8f3ff;
    background: var(--blue50);
    border: 1px solid #3182f6;
    border: 1px solid var(--blue500);
    color: #2272eb;
    color: var(--blue600)
}

.p-chip--grey.p-chip--border:active,.p-chip--grey.p-chip--border:focus,.p-chip--grey.p-chip--border:focus-within {
    background: #e8f3ff;
    background: var(--blue50);
    border: 1px solid #3182f6;
    border: 1px solid var(--blue500);
    color: #2272eb;
    color: var(--blue600)
}

.p-chip--grey.p-chip--border:active .p-icon,.p-chip--grey.p-chip--border:focus .p-icon,.p-chip--grey.p-chip--border[focus-within] .p-icon {
    color: #3182f6;
    color: var(--blue500)
}

.p-chip--grey.p-chip--border:active .p-icon,.p-chip--grey.p-chip--border:focus-within .p-icon,.p-chip--grey.p-chip--border:focus .p-icon {
    color: #3182f6;
    color: var(--blue500)
}

.p-chip--grey.p-chip--placeholder {
    background: transparent;
    border: 1px dashed #d1d6db;
    border: 1px dashed var(--grey300);
    color: #8b95a1;
    color: var(--grey500)
}

.p-chip--grey.p-chip--placeholder .p-icon {
    color: #b0b8c1;
    color: var(--grey400)
}

.p-chip--grey.p-chip--placeholder:active,.p-chip--grey.p-chip--placeholder:focus,.p-chip--grey.p-chip--placeholder:hover,.p-chip--grey.p-chip--placeholder[focus-within] {
    color: #4e5968;
    color: var(--grey700);
    border-style: solid;
    border-color: #e5e8eb;
    border-color: var(--grey200)
}

.p-chip--grey.p-chip--placeholder:active,.p-chip--grey.p-chip--placeholder:focus,.p-chip--grey.p-chip--placeholder:focus-within,.p-chip--grey.p-chip--placeholder:hover {
    color: #4e5968;
    color: var(--grey700);
    border-style: solid;
    border-color: #e5e8eb;
    border-color: var(--grey200)
}

.p-chip--grey.p-chip--placeholder:active .p-icon,.p-chip--grey.p-chip--placeholder:focus .p-icon,.p-chip--grey.p-chip--placeholder:hover .p-icon,.p-chip--grey.p-chip--placeholder[focus-within] .p-icon {
    color: #8b95a1;
    color: var(--grey500)
}

.p-chip--grey.p-chip--placeholder:active .p-icon,.p-chip--grey.p-chip--placeholder:focus-within .p-icon,.p-chip--grey.p-chip--placeholder:focus .p-icon,.p-chip--grey.p-chip--placeholder:hover .p-icon {
    color: #8b95a1;
    color: var(--grey500)
}

.p-chip__left {
    margin-left: -4px;
    margin-right: 4px
}

.p-chip__right {
    margin-left: 4px;
    margin-right: -2px
}

.column-table__container {
    overflow-x: auto;
    width: 100%;
    height: 100%
}

.p-container {
    width: 100%;
    height: 100%;
    margin: auto
}

.p-container__inner {
    height: 100%;
    margin: 0 auto
}

.p-container--default {
    max-width: 1140px
}

.p-container--default>.p-container__inner {
    width: 92%;
    max-width: calc(100% - 48px);
    max-width: calc(100% - var(--padding-container-base))
}

.p-container--dashboard>.p-container__inner {
    width: calc(100% - 48px);
    width: calc(100% - var(--padding-container-base))
}

@media (min-width: 640px) {
    .p-container--dashboard>.p-container__inner {
        width:calc(100% - 96px);
        width: calc(100% - var(--padding-container-base)*2)
    }
}

.p-date-picker {
    min-width: 272px;
    background: #fff;
    background: var(--white)
}

.p-date-picker.p-date-picker--doubleView {
    min-width: 593px
}

.p-date-picker--fixed {
    width: 272px
}

.p-date-picker--fixed.p-date-picker--doubleView {
    width: 593px
}

.p-date-picker--doubleView .p-date-picker__head-container {
    display: flex
}

.p-date-picker--doubleView .p-date-picker__head:first-child {
    padding-right: 12px;
    border-right: .5px solid rgba(0,27,55,.1);
    border-right: .5px solid var(--greyOpacity200)
}

.p-date-picker--doubleView .p-date-picker__head:last-child {
    padding-left: 24px;
    border-left: .5px solid rgba(0,27,55,.1);
    border-left: .5px solid var(--greyOpacity200)
}

.p-date-picker--doubleView .react-calendar__viewContainer {
    display: flex
}

.p-date-picker--doubleView .react-calendar__month-view {
    display: flex;
    padding: 0 24px
}

.p-date-picker--doubleView .react-calendar__month-view:first-child {
    padding-left: 0;
    border-right: .5px solid rgba(0,27,55,.1);
    border-right: .5px solid var(--greyOpacity200)
}

.p-date-picker--doubleView .react-calendar__month-view:last-child {
    padding-right: 0;
    border-left: .5px solid rgba(0,27,55,.1);
    border-left: .5px solid var(--greyOpacity200)
}

.p-date-picker--doubleView .react-calendar__month-view__days__day--neighboringMonth {
    visibility: hidden
}

.react-calendar__month-view__weekdays {
    margin-bottom: 4px
}

.react-calendar__month-view__weekdays__weekday,.react-calendar__tile {
    font-size: 12px;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    color: #333d4b;
    color: var(--grey800);
    border: none;
    min-width: 32px;
    height: 32px;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    background: transparent
}

.react-calendar__month-view__weekdays__weekday {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.react-calendar__month-view__weekdays__weekday abbr[title] {
    text-decoration: none
}

.react-calendar__month-view__weekdays__weekday abbr[title=일요일] {
    color: #e42939;
    color: var(--red600)
}

.react-calendar__tile {
    cursor: pointer;
    margin: 0 0 4px;
    padding: 0;
    position: relative
}

.react-calendar__tile,.react-calendar__tile abbr {
    display: flex;
    align-items: center;
    justify-content: center
}

.react-calendar__tile abbr {
    width: 32px;
    height: 32px;
    border-radius: 18px;
    transition: background .2s ease,color .1s ease
}

.react-calendar__tile:hover abbr {
    background: #f2f4f6;
    background: var(--grey100)
}

.react-calendar__tile:disabled abbr {
    background: transparent;
    color: #b0b8c1;
    color: var(--grey400)
}

.react-calendar__tile.react-calendar__tile--active abbr,.react-calendar__tile.react-calendar__tile--hasActive abbr {
    background: #3182f6;
    background: var(--blue500);
    color: #fff;
    color: var(--white);
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.react-calendar__month-view__days__day--neighboringMonth abbr {
    transition: none
}

.p-date-picker__item-dot {
    position: absolute;
    top: 3px;
    width: 100%;
    display: flex;
    justify-content: center
}

.p-date-picker__item-dot:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #3182f6;
    background: var(--blue500);
    border-radius: 50%
}

.p-date-picker__bottom-addon {
    margin-top: 24px
}

.p-date-picker__item--sun {
    color: #f04452;
    color: var(--red500)
}

.p-date-range-picker__wrapper {
    position: relative;
    display: inline-block
}

.p-date-range-picker__buttons {
    position: absolute;
    bottom: 8px;
    right: 8px
}

.p-date-range-picker__buttons>*+* {
    margin-left: 4px
}

.react-calendar__tile--range {
    background: #e8f3ff;
    background: var(--blue50)
}

.react-calendar__tile--rangeStart {
    background: linear-gradient(90deg,transparent 50%,#e8f3ff 0);
    background: linear-gradient(90deg,transparent 50%,var(--blue50) 0)
}

.react-calendar__tile--rangeEnd {
    background: linear-gradient(90deg,#e8f3ff 50%,transparent 0);
    background: linear-gradient(90deg,var(--blue50) 50%,transparent 0)
}

.react-calendar__tile--rangeBothEnds {
    background: transparent
}

.react-calendar__tile--hover {
    background: #f2f4f6;
    background: var(--grey100)
}

.react-calendar__tile--hoverStart {
    background: linear-gradient(90deg,transparent 50%,#f2f4f6 0);
    background: linear-gradient(90deg,transparent 50%,var(--grey100) 0)
}

.react-calendar__tile--hoverEnd {
    background: linear-gradient(90deg,#f2f4f6 50%,transparent 0);
    background: linear-gradient(90deg,var(--grey100) 50%,transparent 0)
}

.react-calendar__tile--hoverBothEnds {
    background: transparent
}

.react-calendar__tile--range.react-calendar__tile--active:not(.react-calendar__tile--rangeStart):not(.react-calendar__tile--rangeEnd) abbr {
    background: transparent;
    color: #000;
    color: var(--black)
}

.p-date-time-picker__border {
    margin: 0 24px
}

.p-date-time-picker__date-picker {
    border-right: 1px solid rgba(0,27,55,.1);
    border-right: 1px solid var(--greyOpacity200);
    padding-right: 24px;
    margin-right: 24px;
    box-sizing: content-box
}

.p-date-time-picker__time-picker>.p-time-picker__head {
    margin-bottom: 29px
}

.p-date-time-picker__bottom-addon {
    margin-top: 24px
}

.p-drawer__container--align-left,.p-drawer__container--align-right {
    height: 100vh;
    position: relative
}

.p-drawer__container--align-left.p-drawer__container--open-type-overlap,.p-drawer__container--align-left.p-drawer__container--open-type-pop,.p-drawer__container--align-right.p-drawer__container--open-type-overlap,.p-drawer__container--align-right.p-drawer__container--open-type-pop {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 110;
    z-index: var(--drawer-index)
}

.p-drawer__container--align-left.p-drawer__container--open-type-overlap.p-drawer__container--align-left,.p-drawer__container--align-left.p-drawer__container--open-type-pop.p-drawer__container--align-left,.p-drawer__container--align-right.p-drawer__container--open-type-overlap.p-drawer__container--align-left,.p-drawer__container--align-right.p-drawer__container--open-type-pop.p-drawer__container--align-left {
    left: 0
}

.p-drawer__container--align-left.p-drawer__container--open-type-overlap.p-drawer__container--align-right,.p-drawer__container--align-left.p-drawer__container--open-type-pop.p-drawer__container--align-right,.p-drawer__container--align-right.p-drawer__container--open-type-overlap.p-drawer__container--align-right,.p-drawer__container--align-right.p-drawer__container--open-type-pop.p-drawer__container--align-right {
    right: 0
}

.p-drawer__container--align-bottom {
    width: 100vw;
    position: relative;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    z-index: var(--drawer-index)
}

.p-drawer__dimmer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.16);
    will-change: opacity;
    z-index: 100;
    z-index: var(--dimmer-index)
}

.p-drawer__dimmer.p-drawer__dimmer--theme-transparent {
    background-color: transparent
}

.p-drawer__dimmer.p-drawer__dimmer--theme-dark {
    background-color: rgba(0,0,0,.16)
}

.p-drawer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 8px 0 rgba(2,32,71,.05),0 8px 16px 0 rgba(0,27,55,.1);
    box-shadow: 0 4px 8px 0 var(--token-tds-color-grey-opacity-100,var(--adaptiveOpacity100,rgba(2,32,71,.05))),0 8px 16px 0 var(--token-tds-color-grey-opacity-200,var(--adaptiveOpacity200,rgba(0,27,55,.1)));
    background-color: #fff;
    background-color: var(--white);
    z-index: 101;
    z-index: calc(var(--dimmer-index) + 1);
    will-change: transform,opacity
}

.p-drawer:focus {
    outline: 0
}

.p-drawer.p-drawer--align-left,.p-drawer.p-drawer--align-right {
    min-width: 260px;
    max-width: 95vw;
    flex-direction: column
}

.p-drawer.p-drawer--align-bottom {
    min-height: 260px;
    max-height: 95vh;
    flex-direction: row
}

.p-drawer__content {
    height: 100%;
    position: relative;
    display: flex;
    overflow: hidden
}

:root {
    --dropdown-vertical-margin: 8px
}

.p-dropdown {
    color: #4e5968;
    color: var(--grey700);
    margin: 8px 0;
    margin: var(--dropdown-vertical-margin) 0;
    padding: 8px 6px;
    min-width: 120px;
    border-radius: 8px;
    box-shadow: 0 24px 40px 0 rgba(0,23,51,.02),0 16px 24px 0 rgba(0,27,55,.1),0 0 8px 0 rgba(2,32,71,.05);
    box-shadow: 0 24px 40px 0 var(--greyOpacity50),0 16px 24px 0 var(--greyOpacity200),0 0 8px 0 var(--greyOpacity100);
    overflow-y: auto;
    background: #fff;
    background: var(--white)
}

.p-dropdown--fill-margin-area {
    overflow-y: visible;
    overflow-y: initial;
    position: relative
}

.p-dropdown--fill-margin-area:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: -8px;
    top: calc(var(--dropdown-vertical-margin)*-1);
    left: -8px;
    left: calc(var(--dropdown-vertical-margin)*-1);
    right: -8px;
    right: calc(var(--dropdown-vertical-margin)*-1);
    bottom: -8px;
    bottom: calc(var(--dropdown-vertical-margin)*-1)
}

.p-dropdown--closed {
    display: none
}

.p-dropdown__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.prefers-reduced-motion .p-dropdown__item {
    transition: none
}

.p-dropdown__portal {
    position: relative
}

.p-dropdown__item.p-dropdown__item--focused {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.p-dropdown__wrapper {
    position: relative
}

.p-dark .p-dropdown {
    background: #191f28;
    background: var(--grey900)
}

.p-flex {
    display: flex
}

.p-footer {
    background-color: #f9fafb;
    background-color: var(--grey50);
    padding: 50px 0 100px
}

@media only screen and (max-width: 640px) {
    .p-footer {
        margin-top:0;
        padding: 60px 40px 80px
    }
}

.p-footer__inner {
    max-width: 1064px;
    margin: auto;
    padding: 0 67px;
    box-sizing: border-box
}

@media only screen and (max-width: 640px) {
    .p-footer__inner {
        padding:0
    }
}

.p-footer__site-group-list {
    display: flex;
    padding-bottom: 50px
}

@media only screen and (max-width: 640px) {
    .p-footer__site-group-list {
        flex-direction:column;
        padding-bottom: 0
    }
}

.p-footer__site-group {
    width: 170px;
    margin: 0;
    padding: 0;
    color: #6b7684;
    color: var(--grey600);
    list-style: none;
    font-size: 15px;
    line-height: 30px;
    box-sizing: border-box
}

@media only screen and (max-width: 640px) {
    .p-footer__site-group {
        width:100%;
        padding-bottom: 40px
    }
}

.p-footer__site-group:last-of-type {
    flex: 1
}

.p-footer__site-group-title {
    padding-bottom: 5px;
    color: #333d4b;
    color: var(--grey800);
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.p-footer__site-group-item>a {
    display: block;
    text-decoration: none;
    color: #6b7684;
    color: var(--grey600)
}

.p-footer__site-group-item>a:active,.p-footer__site-group-item>a:hover {
    text-decoration: underline;
    cursor: pointer
}

.p-footer__address {
    color: #8b95a1;
    color: var(--grey500);
    font-size: 13px;
    font-style: normal;
    line-height: 20px;
    white-space: pre-wrap
}

.p-footer__address__company-name {
    display: block;
    padding-bottom: 16px;
    color: #333d4b;
    color: var(--grey800);
    font-size: 15px
}

.p-footer__term-wrapper {
    display: inline-grid;
    grid-template-columns: repeat(4,auto);
    grid-column-gap: 34px;
    -moz-column-gap: 34px;
    column-gap: 34px;
    grid-row-gap: 4px;
    row-gap: 4px;
    margin: 0;
    padding: 24px 0 30px;
    list-style: none
}

@media only screen and (min-width: 641px) and (max-width:768px) {
    .p-footer__term-wrapper {
        grid-template-columns:repeat(3,auto)
    }
}

@media only screen and (max-width: 640px) {
    .p-footer__term-wrapper {
        grid-template-columns:auto;
        grid-column-gap: unset;
        -moz-column-gap: unset;
        column-gap: unset;
        grid-row-gap: 6px;
        row-gap: 6px
    }
}

.p-footer__term>a {
    color: #6b7684;
    color: var(--grey600);
    font-size: 13px;
    line-height: 18px;
    text-decoration: none
}

@media only screen and (max-width: 640px) {
    .p-footer__term>a {
        display:block
    }
}

.p-footer__term>a>strong {
    font-weight: 500;
    color: #333d4b;
    color: var(--grey800);
    font-style: normal
}

.p-footer__term>a:active,.p-footer__term>a:hover {
    text-decoration: underline;
    cursor: pointer
}

.p-footer__social-list {
    display: flex;
    padding: 0;
    list-style: none
}

.p-footer__social-list-item {
    margin-right: 8px
}

.p-footer__social-list-item:last-of-type {
    margin-right: 0
}

.p-footer__social-list-item>a {
    cursor: pointer;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: opacity .2s ease;
    opacity: .7
}

.p-footer__social-list-item>a>img {
    display: block;
    width: 100%;
    height: 100%
}

.p-footer__social-list-item>a:active,.p-footer__social-list-item>a:hover {
    opacity: 1
}

.p-footer--dark {
    background-color: #191f28
}

.p-footer--dark .p-footer__address__company-name,.p-footer--dark .p-footer__site-group-title,.p-footer--dark .p-footer__term strong {
    color: #b0b8c1
}

.prefers-reduced-motion .p-footer__social-list-item>a {
    transition: none
}

:root {
    --pGridGutter: 24px
}

.p-grid {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-right: -24px;
    margin-right: calc(var(--pGridGutter)*-1)
}

.p-grid-col {
    flex-grow: 1;
    padding-right: 24px;
    padding-right: var(--pGridGutter)
}

.p-grid-col1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.p-grid-col2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.p-grid-col3 {
    flex: 0 0 25%;
    max-width: 25%
}

.p-grid-col4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.p-grid-col5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.p-grid-col6 {
    flex: 0 0 50%;
    max-width: 50%
}

.p-grid-col7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.p-grid-col8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.p-grid-col9 {
    flex: 0 0 75%;
    max-width: 75%
}

.p-grid-col10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.p-grid-col11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.p-grid-col12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 640px) {
    .p-grid-col1--sm {
        flex:0 0 8.33333%;
        max-width: 8.33333%
    }

    .p-grid-col2--sm {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .p-grid-col3--sm {
        flex: 0 0 25%;
        max-width: 25%
    }

    .p-grid-col4--sm {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .p-grid-col5--sm {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .p-grid-col6--sm {
        flex: 0 0 50%;
        max-width: 50%
    }

    .p-grid-col7--sm {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .p-grid-col8--sm {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .p-grid-col9--sm {
        flex: 0 0 75%;
        max-width: 75%
    }

    .p-grid-col10--sm {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .p-grid-col11--sm {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .p-grid-col12--sm {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .p-grid-col1--md {
        flex:0 0 8.33333%;
        max-width: 8.33333%
    }

    .p-grid-col2--md {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .p-grid-col3--md {
        flex: 0 0 25%;
        max-width: 25%
    }

    .p-grid-col4--md {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .p-grid-col5--md {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .p-grid-col6--md {
        flex: 0 0 50%;
        max-width: 50%
    }

    .p-grid-col7--md {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .p-grid-col8--md {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .p-grid-col9--md {
        flex: 0 0 75%;
        max-width: 75%
    }

    .p-grid-col10--md {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .p-grid-col11--md {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .p-grid-col12--md {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1024px) {
    .p-grid-col1--lg {
        flex:0 0 8.33333%;
        max-width: 8.33333%
    }

    .p-grid-col2--lg {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .p-grid-col3--lg {
        flex: 0 0 25%;
        max-width: 25%
    }

    .p-grid-col4--lg {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .p-grid-col5--lg {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .p-grid-col6--lg {
        flex: 0 0 50%;
        max-width: 50%
    }

    .p-grid-col7--lg {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .p-grid-col8--lg {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .p-grid-col9--lg {
        flex: 0 0 75%;
        max-width: 75%
    }

    .p-grid-col10--lg {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .p-grid-col11--lg {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .p-grid-col12--lg {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1280px) {
    .p-grid-col1--xl {
        flex:0 0 8.33333%;
        max-width: 8.33333%
    }

    .p-grid-col2--xl {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .p-grid-col3--xl {
        flex: 0 0 25%;
        max-width: 25%
    }

    .p-grid-col4--xl {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .p-grid-col5--xl {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .p-grid-col6--xl {
        flex: 0 0 50%;
        max-width: 50%
    }

    .p-grid-col7--xl {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .p-grid-col8--xl {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .p-grid-col9--xl {
        flex: 0 0 75%;
        max-width: 75%
    }

    .p-grid-col10--xl {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .p-grid-col11--xl {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .p-grid-col12--xl {
        flex: 0 0 100%;
        max-width: 100%
    }
}

:root {
    --pGridListGap: 10px;
    --pGridItemBackgroundColor: var(--greyOpacity100);
    --pGridItemBorderColor: transparent;
    --pGridItemSelectedBackgroundColor: var(--blue50);
}

:root .p-grid-list--border {
    --pGridItemBackgroundColor: var(--white);
    --pGridItemBorderColor: var(--greyOpacity200);
    --pGridItemSelectedBackgroundColor: var(--white)
}

.p-grid-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -10px 0;
    margin: 0 calc(var(--pGridListGap)*-1) calc(var(--pGridListGap)*-1) 0
}

.p-grid-list__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .2s ease,box-shadow .2s ease;
    background-color: rgba(2,32,71,.05);
    background-color: var(--pGridItemBackgroundColor);
    box-shadow: inset 0 0 0 1px transparent;
    box-shadow: inset 0 0 0 1px var(--pGridItemBorderColor);
    margin: 0 10px 10px 0;
    margin: 0 var(--pGridListGap) var(--pGridListGap) 0;
    padding: 12px 8px;
    border-radius: 12px
}

.p-grid-list__item img {
    height: 28px
}

.p-grid-list__item-label {
    font-size: 13px;
    font-size: var(--font-size-small);
    font-weight: 600;
    margin-top: 6px
}

.p-grid-list__item--small img {
    height: 20px
}

.p-grid-list__item--small .p-grid-list__item-label {
    font-size: 13px;
    font-size: var(--font-size-sm);
    font-weight: 600;
    margin-top: 4px
}

.p-grid-list__item--clickable {
    cursor: pointer
}

.p-grid-list__item--clickable:active,.p-grid-list__item--clickable:hover {
    background-color: rgba(0,27,55,.1);
    background-color: var(--greyOpacity200)
}

.p-grid-list__item--clickable:focus,.p-grid-list__item--selected {
    background-color: #e8f3ff;
    background-color: var(--pGridItemSelectedBackgroundColor);
    box-shadow: inset 0 0 0 1px #3182f6;
    box-shadow: inset 0 0 0 1px var(--blue500);
    outline: none
}

.p-grid-list__item--disabled {
    cursor: not-allowed;
    opacity: .3
}

.p-grid-list__item--disabled:active,.p-grid-list__item--disabled:focus,.p-grid-list__item--disabled:hover {
    background-color: #e8f3ff;
    background-color: var(--pGridItemSelectedBackgroundColor)
}

.p-grid-list__item--disabled:focus {
    box-shadow: none
}

.prefers-reduced-motion .p-grid-list__item {
    transition: none
}

.p-header {
    white-space: pre-wrap;
    width: 100%
}

.p-header.p-header--small {
    padding-top: 24px;
    padding-bottom: 24px
}

.p-header.p-header--large,.p-header.p-header--medium {
    padding-top: 40px;
    padding-bottom: 24px
}

.p-header__top {
    display: flex;
    flex-direction: column
}

.p-header__left-and-right-container {
    display: flex
}

.p-header__left {
    max-width: 75%
}

.p-header__right {
    flex: 1;
    padding-left: 30px
}

.p-header__right-addon .p-header__text-button+.p-header__text-button {
    margin-left: 8px
}

.p-header__text-top-addon {
    display: block
}

.p-header__text-top-addon.p-header__text-top-addon--medium,.p-header__text-top-addon.p-header__text-top-addon--small {
    margin-bottom: 8px
}

.p-header__text-top-addon.p-header__text-top-addon--large {
    margin-bottom: 10px
}

.p-header__text-right-addon {
    display: inline-flex;
    align-items: center;
    vertical-align: top
}

.p-header__text-right-addon.p-header__text-right-addon--small {
    margin-left: 8px;
    height: 32px;
    height: calc(var(--line-height-base)*var(--font-size-h6))
}

.p-header__text-right-addon.p-header__text-right-addon--medium {
    margin-left: 8px;
    height: 38.4px;
    height: calc(var(--line-height-base)*var(--font-size-h5))
}

.p-header__text-right-addon.p-header__text-right-addon--large {
    margin-left: 10px;
    height: 41.6px;
    height: calc(var(--line-height-adjust)*var(--font-size-h4))
}

.p-icon {
    display: inline-block;
    line-height: 0
}

.p-icon.p-icon--colored svg [fill]:not([fill=none]),.p-icon.p-icon--legacy-colored svg [fill]:not([fill=none]) {
    fill: currentColor
}

.p-icon.p-icon--colored svg [stroke]:not([stroke=none]),.p-icon.p-icon--legacy-colored svg [stroke]:not([stroke=none]) {
    stroke: currentColor
}

.p-icon>svg {
    width: 100%;
    height: 100%
}

.icon.p-icon {
    font-size: inherit
}

.p-url-icon {
    display: inline-block;
    line-height: 0
}

.p-icon-toggle {
    cursor: pointer;
    border: none;
    background: none;
    text-decoration: none;
    display: inline-flex;
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    color: #b0b8c1;
    color: var(--grey400)
}

.p-icon-toggle:hover {
    color: #90c2ff;
    color: var(--blue200)
}

.p-icon-toggle.p-icon-toggle--pressed {
    color: #3182f6;
    color: var(--blue500)
}

.p-icon-toggle:active {
    color: #1b64da;
    color: var(--blue700)
}

.p-icon-toggle__icon {
    color: inherit
}

:root {
    --input-h-padding: 18px;
    --input-h-padding-s: var(--padding-s-horizontal);
    --input-v-padding: 14px;
    --input-v-padding-s: var(--padding-s-vertical);
    --input-height: 48px;
    --input-font-size: 15px;
    --input-background-color: var(--white);
    --input-disabled-background-color: var(--grey100);
    --input-border-color: var(--greyOpacity200);
    --input-disabled-border-color: var(--greyOpacity50)
}

:root .input--small {
    --input-height: 40px;
    --input-font-size: 14px
}

:root .input--xsmall {
    --input-height: 32px;
    --input-font-size: 13px
}

:root .input--fill {
    --input-background-color: var(--greyOpacity50);
    --input-border-color: var(--greyOpacity50);
    --input-disabled-background-color: var(--grey200);
    --input-disabled-border-color: var(--grey200)
}

:root .input__label--small {
    --required-dot-size: 4px
}

:root .input__label--xsmall {
    --required-dot-size: 3px
}

.input {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    height: var(--input-height);
    margin: 1px auto 0;
    font-size: 15px;
    font-size: var(--input-font-size);
    line-height: 20px;
    color: #333d4b;
    color: var(--grey800);
    background-color: #fff;
    background-color: var(--input-background-color);
    border: none;
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(0,27,55,.1);
    box-shadow: inset 0 0 0 1px var(--input-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    transition: background .2s ease,color .1s ease,box-shadow .2s ease
}

.input.input--multiline {
    height: auto;
    overflow: auto
}

.input.input--active,.input.input--error,.input.input--focus,.input:active,.input:focus,.input:hover {
    outline: none
}

.input:hover {
    box-shadow: inset 0 0 0 2px #90c2ff;
    box-shadow: inset 0 0 0 2px var(--blue200)
}

.input.input--active,.input.input--focus,.input:active,.input:focus {
    box-shadow: inset 0 0 0 2px #3182f6;
    box-shadow: inset 0 0 0 2px var(--blue500)
}

.input.input--error {
    box-shadow: inset 0 0 0 2px #f66570;
    box-shadow: inset 0 0 0 2px var(--red400)
}

.input.input--disabled,.input.input--readonly,.input:disabled,.input[readonly]:not(.p-select) {
    cursor: not-allowed;
    color: #8b95a1;
    color: var(--grey500)
}

.input.input--readonly,.input[readonly]:not(.p-select) {
    box-shadow: inset 0 0 0 1px rgba(0,27,55,.1);
    box-shadow: inset 0 0 0 1px var(--input-border-color)
}

.input.input--disabled,.input:disabled {
    opacity: 1;
    background-color: #f2f4f6;
    background-color: var(--input-disabled-background-color);
    box-shadow: inset 0 0 0 1px rgba(0,23,51,.02);
    box-shadow: inset 0 0 0 1px var(--input-disabled-border-color)
}

.input.input--disabled.input--focus,.input.input--disabled:active,.input.input--disabled:focus,.input:disabled.input--focus,.input:disabled:active,.input:disabled:focus {
    outline: none;
    box-shadow: none
}

.input__label {
    display: inline-block;
    padding: 5px 0;
    position: relative
}

.input__label.input__label--required,.input__label.input__label--required.input__label--small {
    padding-right: 7px;
    padding-right: calc(var(--required-dot-size) + 3px)
}

.input__label.input__label--required.input__label--xsmall {
    padding: 3px 6px 3px 0;
    padding-right: calc(var(--required-dot-size) + 2px)
}

.input__label.input__label--required:after {
    display: inline-block;
    content: "";
    background-color: #f66570;
    background-color: var(--red400);
    border-radius: 3px;
    position: absolute;
    top: 5px;
    right: 0
}

.input__label.input__label--required:after,.input__label.input__label--small:after,.input__label.input__label--xsmall:after {
    width: 4px;
    width: var(--required-dot-size);
    height: 4px;
    height: var(--required-dot-size);
    margin-top: 2px
}

.input__label.input__label--xsmall:after {
    top: 3px
}

.input__label.input__label--row {
    width: 100px;
    margin-right: 14px;
    text-align: right
}

.input__container--row[\:has\(.input--multiline\)] .input__label--row {
    align-self: flex-start;
    margin-top: 4px
}

.input__container--row:has(.input--multiline) .input__label--row {
    align-self: flex-start;
    margin-top: 4px
}

.input__sub-text {
    margin-left: 5px
}

.input__bottom-text {
    margin-top: 4px;
    display: inline-block
}

.input__bottom-text-container--indented {
    margin-left: 114px
}

.input__wrapper {
    position: relative
}

.input__field {
    width: 100%;
    height: 100%;
    min-width: 0
}

.input__label-field-container--label-direction-row {
    display: flex;
    flex: 1;
    align-items: center
}

.input__date-range-picker__input,.input__field,.input__file-field__input-label {
    flex-grow: 1;
    outline: 0;
    border: 0;
    background: none;
    line-height: 48px;
    line-height: var(--input-height);
    font-size: inherit;
    padding: 0 18px;
    padding: 0 var(--input-h-padding);
    margin: 0;
    color: inherit
}

.input__date-range-picker__input:disabled,.input__date-range-picker__input[readonly],.input__field:disabled,.input__field[readonly],.input__file-field__input-label:disabled,.input__file-field__input-label[readonly] {
    cursor: not-allowed;
    color: #8b95a1;
    color: var(--grey500)
}

.input__date-range-picker__input::-moz-placeholder,.input__field::-moz-placeholder,.input__file-field__input-label::-moz-placeholder {
    color: #8b95a1;
    color: var(--grey500)
}

.input__date-range-picker__input:-ms-input-placeholder,.input__field:-ms-input-placeholder,.input__file-field__input-label:-ms-input-placeholder {
    color: #8b95a1;
    color: var(--grey500)
}

.input__date-range-picker__input::placeholder,.input__field::placeholder,.input__file-field__input-label::placeholder {
    color: #8b95a1;
    color: var(--grey500)
}

.input__date-range-picker__input:disabled::-moz-placeholder,.input__field:disabled::-moz-placeholder,.input__file-field__input-label:disabled::-moz-placeholder {
    color: #b0b8c1;
    color: var(--grey400)
}

.input__date-range-picker__input:disabled:-ms-input-placeholder,.input__field:disabled:-ms-input-placeholder,.input__file-field__input-label:disabled:-ms-input-placeholder {
    color: #b0b8c1;
    color: var(--grey400)
}

.input__date-range-picker__input:disabled::placeholder,.input__field:disabled::placeholder,.input__file-field__input-label:disabled::placeholder {
    color: #b0b8c1;
    color: var(--grey400)
}

.input__date-range-picker__input:-webkit-autofill,.input__date-range-picker__input:-webkit-autofill:focus,.input__date-range-picker__input:-webkit-autofill:hover,.input__field:-webkit-autofill,.input__field:-webkit-autofill:focus,.input__field:-webkit-autofill:hover,.input__file-field__input-label:-webkit-autofill,.input__file-field__input-label:-webkit-autofill:focus,.input__file-field__input-label:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px hsla(0,0%,100%,0) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s
}

.input__date-range-picker__input.input__field--multiline,.input__field.input__field--multiline,.input__file-field__input-label.input__field--multiline {
    padding: 11px 16px;
    padding: var(--padding-base-vertical) var(--padding-base-horizontal)
}

.input__date-range-picker__input.input__field--hidden,.input__field.input__field--hidden,.input__file-field__input-label.input__field--hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0
}

.input--small .input__field,.input--small .input__file-field__input-label,.input--xsmall .input__field,.input--xsmall .input__file-field__input-label {
    padding: 0 12px;
    padding: 0 var(--input-h-padding-s)
}

.input__button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0
}

.input__button .icon {
    display: block
}

.input__left-addon {
    margin: 0 -8px 0 18px;
    margin: 0 -8px 0 var(--input-h-padding)
}

.input__right-addon {
    margin: 0 18px 0 -8px;
    margin: 0 var(--input-h-padding) 0 -8px
}

.input__addon-text {
    white-space: nowrap
}

.input__file-field__input-label {
    color: #8b95a1;
    color: var(--grey500);
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.input__file-field__input-label.input__file-field__input-label--active {
    color: #333d4b;
    color: var(--grey800)
}

.input__file-field__input-label.input__file-field__input-label--disabled {
    cursor: not-allowed;
    color: #8b95a1;
    color: var(--grey500)
}

.input__search .input__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.input__search .input__field::-ms-clear {
    display: none
}

.input__search--fill {
    background-color: rgba(0,23,51,.02);
    background-color: var(--greyOpacity50);
    box-shadow: none
}

.input__search--fill.input--active,.input__search--fill.input--disabled,.input__search--fill.input--focus,.input__search--fill.input--readonly,.input__search--fill:active,.input__search--fill:disabled,.input__search--fill:focus,.input__search--fill:hover,.input__search--fill[readonly]:not(.p-select) {
    box-shadow: none
}

.input__search--fill.input--error {
    box-shadow: inset 0 0 0 2px #f66570;
    box-shadow: inset 0 0 0 2px var(--red400)
}

.input--small .input__left-addon,.input--xsmall .input__left-addon {
    margin: 0 -4px 0 12px;
    margin: 0 -4px 0 var(--input-h-padding-s)
}

.input--small .input__right-addon,.input--xsmall .input__right-addon {
    margin: 0 12px 0 -4px;
    margin: 0 var(--input-h-padding-s) 0 -4px
}

.input__date-range-picker {
    padding: 0 18px;
    padding: 0 var(--input-h-padding)
}

.input__date-range-picker[focus-within] {
    box-shadow: inset 0 0 0 2px #3182f6;
    box-shadow: inset 0 0 0 2px var(--blue500)
}

.input__date-range-picker:focus-within {
    box-shadow: inset 0 0 0 2px #3182f6;
    box-shadow: inset 0 0 0 2px var(--blue500)
}

.input__date-range-picker__input {
    border: none;
    font-size: inherit;
    padding: 0;
    width: 100%;
    text-overflow: ellipsis
}

.input__date-range-picker__input.input--active,.input__date-range-picker__input.input--error,.input__date-range-picker__input.input--focus,.input__date-range-picker__input:active,.input__date-range-picker__input:focus,.input__date-range-picker__input:hover {
    outline: none
}

.input__date-range-picker__separator {
    padding: 0 10px
}

.prefers-reduced-motion .input {
    transition: none
}

.p-dark {
    --input-background-color: var(--whiteOpacity100);
    --input-border-color: var(--whiteOpacity50);
    --input-disabled-background-color: var(--whiteOpacity50);
    --input-disabled-border-color: var(--whiteOpacity50)
}

.p-dark .input:hover {
    box-shadow: inset 0 0 0 2px #1957c2;
    box-shadow: inset 0 0 0 2px var(--blue800)
}

.p-dark .input__field {
    color: #e5e8eb;
    color: var(--grey200)
}

.p-dark .input__field::-moz-placeholder {
    color: #8b95a1;
    color: var(--grey500)
}

.p-dark .input__field:-ms-input-placeholder {
    color: #8b95a1;
    color: var(--grey500)
}

.p-dark .input__field::placeholder,.p-dark .input__field:disabled {
    color: #8b95a1;
    color: var(--grey500)
}

.p-dark .input__field:disabled::-moz-placeholder {
    color: #6b7684;
    color: var(--grey600)
}

.p-dark .input__field:disabled:-ms-input-placeholder {
    color: #6b7684;
    color: var(--grey600)
}

.p-dark .input__field:disabled::placeholder {
    color: #6b7684;
    color: var(--grey600)
}

.p-dark .input--disabled>.input__button>.p-icon,.p-dark .input--disabled>.input__left-addon {
    color: #333d4b!important;
    color: var(--grey800)!important
}

.p-textarea {
    max-height: 234px;
    font-family: sans-serif;
    line-height: inherit;
    overflow: auto
}

.p-textarea--resize-off {
    resize: none
}

@-webkit-keyframes pLoader-rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes pLoader-rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes pLoader-turn {
    0% {
        stroke-dashoffset: 180
    }

    50% {
        stroke-dashoffset: 45;
        transform: rotate(108deg)
    }

    to {
        stroke-dashoffset: 180;
        transform: rotate(1turn)
    }
}

@keyframes pLoader-turn {
    0% {
        stroke-dashoffset: 180
    }

    50% {
        stroke-dashoffset: 45;
        transform: rotate(108deg)
    }

    to {
        stroke-dashoffset: 180;
        transform: rotate(1turn)
    }
}

.pLoader {
    -webkit-animation: pLoader-rotation 1.8s linear infinite forwards;
    animation: pLoader-rotation 1.8s linear infinite forwards
}

.pLoader--size-small {
    width: 16px;
    height: 16px
}

.pLoader--size-medium {
    width: 24px;
    height: 24px
}

.pLoader--size-large {
    width: 40px;
    height: 40px
}

.pLoader--color-blue {
    stroke: #3182f6;
    stroke: var(--blue500)
}

.pLoader--color-white {
    stroke: #fff;
    stroke: var(--white)
}

.pLoader--color-grey {
    stroke: #6b7684;
    stroke: var(--grey600)
}

.pLoader__circle {
    stroke-dasharray: 180;
    stroke-dashoffset: 0;
    transform-origin: center;
    -webkit-animation: pLoader-turn 1.8s ease-in-out infinite forwards;
    animation: pLoader-turn 1.8s ease-in-out infinite forwards
}

.p-menu {
    padding: 0 8px
}

.p-menu__group-item .icon {
    transition: transform .2s ease
}

.p-menu__group__submenu {
    overflow: hidden
}

.p-menu__group__submenu--indented {
    margin-left: 16px
}

.p-menu__item {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 12px 16px;
    background-color: transparent;
    outline: none;
    border: none;
    margin: 0;
    overflow: visible;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .2s ease
}

.p-menu__item[aria-disabled=true] {
    color: #b0b8c1;
    color: var(--grey400);
    cursor: not-allowed
}

.p-menu__item:not([aria-disabled=true]):focus {
    color: #2272eb;
    color: var(--blue600)
}

.p-menu__item:not([aria-disabled=true]):focus .p-menu__group-item-arrow path {
    fill: #2272eb;
    fill: var(--blue600)
}

.p-menu__item:not([aria-disabled=true]):hover {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.p-menu__item.p-menu__item--readonly:hover {
    background: inherit
}

.p-menu__item.p-menu__item--readonly:focus {
    color: #4e5968;
    color: var(--grey700)
}

.p-menu__item--readonly {
    cursor: default
}

.p-menu__item--active {
    color: #2272eb;
    color: var(--blue600)
}

.p-menu__item--active .p-menu__group-item-arrow path {
    fill: #2272eb;
    fill: var(--blue600)
}

.p-menu__item--margin {
    margin-top: 20px
}

.p-menu__item--small {
    padding: 8px 16px
}

.p-menu__item--large,.p-menu__item--medium {
    padding: 12px 16px
}

.p-menu__item__text {
    text-align: left;
    transition: color .5s ease
}

.p-menu__item__text--expanded {
    flex: 1 1 auto
}

.p-menu__item__addon {
    flex: 0 0 auto;
    display: inline-block
}

.p-menu__item__addon+.p-menu__item__addon {
    margin-left: 4px;
    margin-right: 0
}

.p-menu__item--large .p-menu__item__addon+.p-menu__item__addon {
    margin-left: 6px
}

.p-menu__item__addon+.p-menu__item__text {
    margin-left: 8px
}

.p-menu__item__text+.p-menu__item__addon {
    margin-left: 12px
}

.p-menu__item__text+.p-menu__item__addon--full-right-space {
    margin-right: auto
}

.prefers-reduced-motion .p-menu__group-item .icon,.prefers-reduced-motion .p-menu__item,.prefers-reduced-motion .p-menu__item__text {
    transition: none
}

.p-dark .p-menu__item {
    color: #e5e8eb;
    color: var(--grey200)
}

:root {
    --modal-gradient-height: 24px
}

.p-modal__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    z-index: var(--dimmer-index)
}

.p-modal__container--medium {
    padding: 48px;
    padding: var(--padding-container-base)
}

.p-modal__container--large {
    padding: 40px
}

.p-modal__dimmer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.16);
    will-change: opacity
}

.p-modal {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    border-radius: 20px;
    box-shadow: 0 12px 24px 0 rgba(0,29,58,.18),0 8px 16px 0 rgba(2,32,71,.05);
    box-shadow: 0 12px 24px 0 var(--greyOpacity300),0 8px 16px 0 var(--greyOpacity100);
    background-color: #fff;
    background-color: var(--white);
    padding: 24px;
    z-index: 101;
    z-index: calc(var(--dimmer-index) + 1);
    will-change: transform,opacity
}

.p-modal:focus {
    outline: 0
}

.p-modal--medium {
    width: 100%;
    max-width: 520px
}

.p-modal--large {
    width: 100%
}

@media (min-width: 640px) {
    .p-modal--large {
        width:auto;
        min-width: 520px;
        max-width: 85vw
    }
}

.p-modal__body {
    position: relative;
    display: flex;
    overflow: hidden
}

.p-modal__title {
    padding-bottom: 6px
}

.p-modal__title.p-modal__title--right-padding {
    padding-right: 32px
}

.p-modal__content-container {
    margin-top: 4px
}

.p-modal__content,.p-modal__content-container {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    flex-direction: column
}

.p-modal__content {
    flex-wrap: nowrap;
    overflow: auto
}

.p-modal__content::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.p-modal__content--scroll {
    padding-bottom: 24px;
    padding-bottom: var(--modal-gradient-height)
}

.p-modal__gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24px;
    height: var(--modal-gradient-height);
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),var(--white))
}

.p-modal__actions {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    padding-top: 24px
}

.p-modal__actions>.p-button {
    min-width: 84px
}

.p-modal__actions>.p-button+.p-button {
    margin-left: 8px
}

.p-modal__bottom-addon {
    padding-top: 24px
}

.p-modal__bottom-addon>.p-button {
    min-width: 84px
}

.p-modal__bottom-addon>.p-button+.p-button,.p-modal__bottom-addon>.p-modal__button-group+.p-modal__button-group {
    margin-left: 8px
}

.p-modal__button-group>.p-button {
    min-width: 84px
}

.p-modal__button-group>.p-button+.p-button {
    margin-left: 8px
}

.p-modal__icon {
    margin: 6px 16px 0 4px
}

.p-modal__close {
    align-self: flex-start;
    margin-left: 24px
}

.p-modal__close.p-modal__close--overlap {
    position: absolute;
    top: 0;
    right: 0
}

.p-month-picker {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    min-width: 242px;
    background: #fff;
    background: var(--white)
}

.p-month-picker--fixed {
    width: 242px
}

.p-month-picker__content {
    overflow: hidden;
    padding: 1px
}

.p-month-picker__items {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 0 -24px;
    padding: 0
}

.p-month-picker__item {
    list-style: none;
    flex: 0 0 33.3%;
    margin-bottom: 24px
}

.p-month-picker__item:nth-child(3n+1) {
    text-align: left
}

.p-month-picker__item:nth-child(3n) {
    text-align: right
}

.p-month-picker__button {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
    padding: 7px 12px;
    border: none;
    color: #333d4b;
    color: var(--grey800);
    border-radius: 18px;
    position: relative;
    background: #fff;
    background: var(--white);
    transition: background .2s ease,color .1s ease;
    width: 54px;
    white-space: nowrap
}

.p-month-picker__button:hover {
    background: #f2f4f6;
    background: var(--grey100)
}

.p-month-picker__button.p-month-picker__button--selected {
    background: #3182f6;
    background: var(--blue500);
    color: #fff;
    color: var(--white);
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.p-month-picker__button.p-month-picker__button--disabled {
    background: #fff;
    background: var(--white);
    color: #b0b8c1;
    color: var(--grey400)
}

.p-month-picker__button.p-month-picker__button--disabled:hover {
    background: #fff;
    background: var(--white)
}

.p-month-picker__button.p-month-picker__button--dotted:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #3182f6;
    background: var(--blue500);
    border-radius: 50%;
    position: absolute;
    left: 25px;
    top: 2px
}

.p-month-picker__bottom-addon {
    margin-top: 24px
}

.p-monthpicker-dropdown {
    padding: 16px
}

.p-multi-select__count-chip {
    flex-shrink: 0;
    margin-left: 6px;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

:root {
    --navbar-height: 60px
}

.p-navbar {
    position: fixed;
    z-index: 50;
    z-index: var(--nav-index);
    width: 100%;
    height: 60px;
    height: var(--navbar-height);
    border-bottom: 1px solid transparent;
    background-color: #fff;
    background-color: var(--white);
    left: 0;
    transition: background-color .2s ease
}

.p-navbar.p-navbar--bg-transparent {
    background-color: transparent
}

.p-navbar.p-navbar--bottom-border {
    border-bottom-color: rgba(0,27,55,.1);
    border-bottom-color: var(--greyOpacity200)
}

.p-navbar--dark {
    background-color: #191f28;
    background-color: var(--grey900)
}

.p-navbar__inner-container {
    width: 100%;
    height: 100%;
    display: flex
}

@media (max-width: 639px) {
    .p-navbar__inner-container {
        flex-direction:column
    }
}

.p-navbar__inner-container.p-navbar__inner-container--dashboard {
    max-width: none;
    padding: 0 48px;
    padding: 0 var(--padding-container-base)
}

.p-navbar__logo-container {
    display: flex;
    align-items: center;
    margin-right: 24px;
    min-height: 60px;
    min-height: var(--navbar-height)
}

.p-navbar__logo-text {
    color: #333d4b;
    color: var(--grey800)
}

.p-navbar--dark .p-navbar__logo-text {
    color: #fff;
    color: var(--white)
}

.p-navbar__logo-icon {
    display: flex
}

.p-navbar__logo-icon svg {
    width: auto;
    height: 20px
}

.p-navbar__logo-image {
    display: flex
}

.p-navbar__logo-image img {
    width: auto;
    height: 20px
}

.p-navbar--dark .p-navbar__accessory-button svg [fill]:not([fill=none]),.p-navbar--dark .p-navbar__logo-icon svg [fill]:not([fill=none]) {
    fill: #fff;
    fill: var(--white)
}

.p-navbar--dark .p-navbar__accessory-button svg [stroke]:not([stroke=none]),.p-navbar--dark .p-navbar__logo-icon svg [stroke]:not([stroke=none]) {
    stroke: #fff;
    stroke: var(--white)
}

.p-navbar__right-on-mobile {
    display: none
}

@media (max-width: 639px) {
    .p-navbar__right-on-mobile {
        position:absolute;
        top: 16px;
        right: 20px;
        display: flex;
        align-items: center
    }
}

@media (max-width: 639px) {
    .p-navbar__right-on-mobile--one-item {
        top:0;
        height: 100%
    }
}

.p-navbar__dropdown-toggler {
    height: 100%;
    padding: 0 8px;
    margin-right: -8px
}

.p-navbar__dropdown-toggler:focus {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.p-navbar__accessory-button {
    padding: 11px 10px;
    border-radius: 8px
}

.p-navbar__accessory-button:focus,.p-navbar__accessory-button:hover {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

@media (max-width: 639px) {
    .p-navbar__accessory-button {
        height:100%;
        padding: 0 8px;
        border-radius: 0
    }
}

.p-navbar__content {
    display: flex;
    flex: 1;
    max-height: 100%;
    justify-content: space-between
}

@media (max-width: 639px) {
    .p-navbar__content {
        width:calc(100% + 48px);
        margin: 0 -24px;
        flex-direction: column;
        overflow-y: hidden
    }

    .p-navbar__content .p-navbar__item {
        padding: 0;
        width: 100%
    }
}

.p-navbar__dimmer {
    z-index: calc(var(--navbar-index) - 1)
}

.p-navbar--bg-transparent .p-navbar__content {
    background-color: transparent
}

@media (max-width: 639px) {
    .p-navbar--bg-white .p-navbar__content {
        background-color:#fff;
        background-color: var(--white)
    }
}

@media (max-width: 639px) {
    .p-navbar__content .p-navbar__button {
        width:100%;
        padding: 14px 0;
        margin: 16px 20px
    }
}

@media (max-width: 639px) {
    .p-navbar__content .p-navbar__item>a {
        padding:18px 20px;
        border-radius: 0;
        width: 100%
    }
}

.p-navbar__menu {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0
}

@media (max-width: 639px) {
    .p-navbar__menu {
        flex-direction:column
    }
}

.p-navbar__drawer-container {
    margin-right: 20px
}

.p-navbar__drawer-container,.p-navbar__item {
    height: 100%;
    list-style: none;
    display: flex;
    align-items: center
}

.p-navbar__item {
    padding: 0 8px;
    color: #4e5968;
    color: var(--grey700);
    white-space: nowrap
}

.p-navbar__button-item {
    padding: 0 0 0 8px
}

.p-navbar__button-item:last-child {
    padding-right: 8px
}

.p-navbar__item>a {
    padding: 12px 10px;
    font-size: 15px;
    line-height: 20px;
    color: currentColor;
    border-radius: 8px;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    text-decoration: none;
    text-align: left
}

.p-navbar__item>a:focus {
    outline: 0
}

.p-navbar__item>a.focus-visible,.p-navbar__item>a:focus-visible,.p-navbar__item>a:hover {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.p-navbar--dark .p-navbar__item,.p-navbar--dark .p-navbar__item a {
    color: #fff;
    color: var(--white)
}

.p-navbar--dark .p-navbar__item a:focus {
    outline: 0
}

.p-navbar--dark .p-navbar__item a.focus-visible,.p-navbar--dark .p-navbar__item a:focus-visible,.p-navbar--dark .p-navbar__item a:hover {
    background-color: rgba(217,217,255,.11);
    background-color: var(--whiteOpacity100)
}

.p-navbar__submenu-button {
    background-color: transparent;
    font-weight: 400;
    padding: 12px 10px
}

.p-navbar__submenu-button:focus,.p-navbar__submenu-button:hover {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

@media (max-width: 639px) {
    .p-navbar__submenu-button {
        border-radius:0;
        display: none;
        justify-content: start;
        padding: 18px 20px;
        width: 100%
    }
}

.p-navbar--dark .p-navbar__submenu-button {
    color: #fff;
    color: var(--white);
    background: transparent
}

.p-navbar--dark .p-navbar__submenu-button:focus {
    outline: 0
}

.p-navbar--dark .p-navbar__submenu-button.focus-visible,.p-navbar--dark .p-navbar__submenu-button:focus-visible,.p-navbar--dark .p-navbar__submenu-button:hover {
    background-color: rgba(217,217,255,.11);
    background-color: var(--whiteOpacity100)
}

.p-navbar__submenu--desktop {
    display: block
}

@media (max-width: 639px) {
    .p-navbar__submenu--desktop {
        display:none
    }
}

.p-navbar__submenu--mobile {
    display: none;
    width: 100%
}

@media (max-width: 639px) {
    .p-navbar__submenu--mobile {
        display:block
    }
}

.p-navbar__submenu--mobile .p-menu__group-item button {
    border-radius: 0;
    padding: 17px 20px
}

.p-navbar__submenu--mobile .p-menu__group-item button:focus {
    color: currentColor
}

.p-navbar__submenu--mobile .p-menu__group-item button>.p-menu__item__text {
    font-weight: 500;
    font-weight: var(--font-weight-medium)
}

.p-navbar__submenu--mobile .p-menu__group-item button>.p-menu__item__text .p-navbar__submenu-button {
    padding: 0;
    background: transparent;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    display: inline-flex;
    width: auto
}

.p-navbar__submenu--mobile .p-menu__group-item button>.p-menu__item__addon--right {
    color: #b0b8c1;
    color: var(--grey400)
}

.p-navbar__submenu-item--desktop {
    border-radius: 8px;
    list-style: none;
    outline: none;
    background-color: #fff;
    background-color: var(--white);
    transition: background-color .2s ease,color .2s ease;
    cursor: pointer;
    overflow: hidden
}

.p-navbar__submenu-item--desktop:focus,.p-navbar__submenu-item--desktop:hover {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.p-navbar__submenu-item--desktop>a {
    color: #4e5968;
    color: var(--grey700);
    display: block;
    padding: 12px 16px;
    text-decoration: none
}

.p-navbar--dark .p-navbar__submenu-item--desktop {
    background-color: transparent
}

.p-navbar__submenu-item--mobile {
    border-radius: 0;
    padding: 0
}

.p-navbar__submenu-item--mobile a {
    color: #6b7684;
    color: var(--grey600);
    display: block;
    font-weight: 400;
    font-weight: var(--font-weight-regular);
    padding: 17px 20px;
    text-decoration: none
}

.prefers-reduced-motion .p-navbar,.prefers-reduced-motion .p-navbar__content,.prefers-reduced-motion .p-navbar__submenu-item--desktop {
    transition: none
}

.p-input__number-field>input::-webkit-inner-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.p-input__number-field__button {
    box-shadow: inset 0 0 0 1px rgba(0,27,55,.1);
    box-shadow: inset 0 0 0 1px var(--input-border-color)
}

.p-input__number-field__button+.p-input__number-field__button {
    margin-left: 4px
}

.p-input__number-field.p-input__number-field--center {
    margin: 0 8px
}

.p-input__number-field.p-input__number-field--left {
    margin: 0 8px 0 0
}

.p-input__number-field__wrapper--xsmall .p-input__number-field--center {
    margin: 0 6px
}

.p-input__number-field__wrapper--xsmall .p-input__number-field--left {
    margin: 0 6px 0 0
}

.p-pagination__list {
    display: flex;
    margin: 0;
    padding: 0
}

.p-pagination__item-wrapper {
    list-style-type: none
}

.p-pagination__item-wrapper:not(:first-child) {
    margin-left: 6px
}

.p-pagination__item {
    border-radius: 18px;
    color: #6b7684;
    color: var(--grey600);
    height: 36px;
    min-width: 36px;
    padding: 0 6px
}

.p-pagination__item.p-pagination__item--disabled,.p-pagination__item:disabled {
    color: #d1d6db;
    color: var(--grey300)
}

.p-pagination__item:hover:not(:disabled):not(.p-pagination__item-ellipsis):not(.p-pagination__item--disabled):not(.p-pagination__item--selected) {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.p-pagination__item.p-pagination__item--small {
    border-radius: 15px;
    height: 30px;
    min-width: 30px;
    padding: 0 3px
}

.p-pagination__item-ellipsis {
    color: #b0b8c1;
    color: var(--grey400)
}

.p-pagination__item--selected {
    background-color: rgba(0,27,55,.1);
    background-color: var(--greyOpacity200);
    color: #333d4b;
    color: var(--grey800)
}

.p-pagination__item-content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.p-picker__button {
    margin: 0 4px
}

.p-picker__button:first-child {
    margin-left: 0
}

.p-picker__button:last-child {
    margin-right: 0
}

.p-picker-dropdown-overlay {
    padding: 16px
}

.p-picker__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 12px;
    padding-bottom: 24px;
    flex: 1
}

.p-picker__navigation-buttons {
    display: inline-flex
}

.p-picker-navigation-button {
    display: inline-flex;
    margin-left: 8px;
    border: none;
    background: #fff;
    background: var(--white);
    cursor: pointer;
    padding: 0
}

.p-popover--dark {
    color: #fff;
    background: #4e5968;
    background: var(--grey700)
}

.p-popover__arrow {
    display: flex;
    width: 30px;
    height: 30px;
    padding: 4px;
    position: absolute;
    margin: 0!important
}

.p-popover__arrow svg {
    width: 22px;
    height: 22px
}

.p-popover__arrow svg path {
    fill: #fff;
    fill: var(--white);
    position: absolute
}

.p-popover__arrow.p-popover__arrow--dark svg path {
    fill: #4e5968;
    fill: var(--grey700)
}

.p-popover {
    padding: 14px 18px
}

.p-popover[data-placement^=top] .p-popover__arrow {
    bottom: -25px
}

.p-popover[data-placement^=bottom] .p-popover__arrow {
    top: -25px
}

.p-popover[data-placement^=bottom] .p-popover__arrow svg {
    transform: rotate(180deg)
}

.p-popover[data-placement^=left] .p-popover__arrow {
    right: -25px
}

.p-popover[data-placement^=left] .p-popover__arrow svg {
    transform: rotate(270deg)
}

.p-popover[data-placement^=right] .p-popover__arrow {
    left: -25px
}

.p-popover[data-placement^=right] .p-popover__arrow svg {
    transform: rotate(90deg)
}

.p-popover .p-popover__title {
    font-weight: 600;
    font-weight: var(--font-weight-semibold);
    color: inherit
}

.p-popover .p-popover__message {
    font-weight: 400;
    font-weight: var(--font-weight-regular);
    line-height: 1.3;
    line-height: var(--line-height-adjust,1.3);
    color: inherit
}

.p-popover .p-popover__message+* {
    margin-top: 8px
}

.p-popover .p-popover__bottom-addon {
    display: flex;
    justify-content: flex-end
}

.p-popover .p-popover__button,.p-popover .p-popover__text-button {
    cursor: pointer
}

.p-popover .p-popover__button *,.p-popover .p-popover__text-button * {
    color: inherit
}

.p-post {
    font-size: 17px;
    font-size: var(--font-size-h7);
    line-height: 1.6;
    line-height: var(--line-height-base);
    color: #4e5968;
    color: var(--grey700)
}

.p-post h1,.p-post h2 {
    line-height: 1.3;
    line-height: var(--line-height-adjust);
    color: #333d4b;
    color: var(--grey800);
    margin: 40px 0 12px
}

.p-post h1,.p-post h2,.p-post h3,.p-post h4 {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.p-post h3,.p-post h4 {
    line-height: 1.6;
    line-height: var(--line-height-base);
    color: #4e5968;
    color: var(--grey700);
    margin: 32px 0 12px
}

.p-post h1 {
    font-size: 48px;
    font-size: var(--font-size-h2)
}

.p-post h2 {
    font-size: 36px;
    font-size: var(--font-size-h3)
}

.p-post h3 {
    font-size: 24px;
    font-size: var(--font-size-h5)
}

.p-post h4 {
    font-size: 20px;
    font-size: var(--font-size-h6)
}

.p-post>a,.p-post>hr,.p-post>p,.p-post>table {
    margin: 0 0 24px
}

.p-post a:not(.p-button) {
    display: inline-block;
    color: #3182f6;
    color: var(--blue500)
}

.p-post hr {
    border-top: 0;
    border-color: rgba(2,32,71,.05);
    border-color: var(--greyOpacity100)
}

.p-post ol,.p-post ul {
    margin: 0 0 16px;
    list-style: none
}

.p-post ol li,.p-post ul li {
    position: relative;
    margin-bottom: 8px
}

.p-post ol li:before,.p-post ul li:before {
    position: absolute;
    left: 0
}

.p-post ol li ol,.p-post ul li ol {
    padding-left: 0;
    margin: 8px 0 0 -16px
}

.p-post ol li ul,.p-post ul li ul {
    padding-left: 0;
    margin-top: 8px
}

.p-post ol li p,.p-post ul li p {
    margin: 0
}

.p-post ol {
    padding-left: 16px;
    counter-reset: p-post-ol
}

.p-post ol>li {
    padding-left: 32px;
    counter-increment: p-post-ol
}

.p-post ol>li:before {
    content: counter(p-post-ol) ".";
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.p-post ul {
    padding-left: 16px
}

.p-post ul>li {
    padding-left: 24px
}

.p-post ul>li:before {
    content: "•";
    width: 16px;
    text-align: center
}

.p-post code,.p-post pre {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100);
    border: 1px solid rgba(0,27,55,.1);
    border: 1px solid var(--greyOpacity200);
    border-radius: 6px
}

.p-post code.code-block--theme-grey,.p-post pre.code-block--theme-grey {
    background-color: rgba(222,222,255,.19);
    background-color: var(--whiteOpacity200);
    border: 1px solid rgba(217,217,255,.11);
    border: 1px solid var(--whiteOpacity100);
    color: #fff;
    color: var(--inverseGrey900)
}

.p-post pre {
    padding: .5em .8em
}

.p-post pre code {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-radius: initial;
    padding: 0
}

.p-post code {
    font: inherit;
    padding: 0 .24em
}

.p-profile {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    flex-direction: column
}

.p-profile .p-profile__content-container--center {
    align-self: center
}

.p-profile.p-profile--inline {
    flex-direction: row
}

.p-profile.p-profile--inline .p-profile__avatar-container {
    margin-right: 10px;
    margin-bottom: 0;
    flex: none
}

.p-profile.p-profile--inline .p-profile__avatar-container--xsmall {
    margin-right: 8px;
    margin-bottom: 0;
    flex: none
}

.p-profile.p-profile--center .p-profile__avatar-container {
    display: flex;
    justify-content: center
}

.p-profile.p-profile--center .p-profile__description,.p-profile.p-profile--center .p-profile__label,.p-profile.p-profile--center .p-profile__sub-text {
    text-align: center
}

.p-profile__avatar-container {
    margin-bottom: 10px
}

.p-profile__avatar-container--xsmall {
    margin-bottom: 8px
}

.p-profile__content-container {
    flex: 1
}

.p-profile__label {
    display: inline-block;
    color: #333d4b;
    color: var(--grey800)
}

.p-profile__label+.p-profile__right-addon {
    margin-left: 12px
}

.p-profile__label+.p-profile__right-addon--xsmall {
    margin-left: 10px
}

.p-profile__right-addon {
    display: inline-block
}

.p-profile__bottom-addon {
    display: block
}

.p-profile__sub-text {
    vertical-align: top;
    display: inline-block;
    color: #6b7684;
    color: var(--grey600)
}

.p-profile__sub-text+.p-profile__sub-text {
    margin-left: 6px
}

.p-profile__description {
    display: block;
    color: #b0b8c1;
    color: var(--grey400)
}

.p-progress-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
    background-color: #f2f4f6;
    background-color: var(--grey100);
    border-radius: 100px;
    color: #f2f4f6;
    color: var(--grey100);
    position: relative;
    margin: 8px 0
}

.p-progress-bar.p-progress-bar--small {
    height: 10px
}

.p-progress-bar.p-progress-bar--large {
    height: 19px
}

.p-progress-bar::-webkit-progress-bar {
    background-color: #f2f4f6;
    background-color: var(--grey100);
    border-radius: 100px
}

.p-progress-bar::-webkit-progress-value {
    position: relative;
    background-size: 35px 20px,100% 100%,100% 100%;
    border-radius: 100px;
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.p-progress-bar::-moz-progress-bar {
    background-size: 35px 20px,100% 100%,100% 100%;
    border-radius: 100px
}

.p-progress-bar--blue::-webkit-progress-value {
    background-color: #3182f6;
    background-color: var(--blue500)
}

.p-progress-bar--blue::-moz-progress-bar {
    background-color: #3182f6;
    background-color: var(--blue500)
}

.p-progress-bar--grey::-webkit-progress-value {
    background-color: #4e5968;
    background-color: var(--grey700)
}

.p-progress-bar--grey::-moz-progress-bar {
    background-color: #4e5968;
    background-color: var(--grey700)
}

.p-progress-bar--yellow::-webkit-progress-value {
    background-color: #ffc342;
    background-color: var(--yellow500)
}

.p-progress-bar--yellow::-moz-progress-bar {
    background-color: #ffc342;
    background-color: var(--yellow500)
}

.p-progress-bar--red::-webkit-progress-value {
    background-color: #f04452;
    background-color: var(--red500)
}

.p-progress-bar--red::-moz-progress-bar {
    background-color: #f04452;
    background-color: var(--red500)
}

.p-progress-bar--green::-webkit-progress-value {
    background-color: #03b26c;
    background-color: var(--green500)
}

.p-progress-bar--green::-moz-progress-bar {
    background-color: #03b26c;
    background-color: var(--green500)
}

.p-progress-bar--teal::-webkit-progress-value {
    background-color: #18a5a5;
    background-color: var(--teal500)
}

.p-progress-bar--teal::-moz-progress-bar {
    background-color: #18a5a5;
    background-color: var(--teal500)
}

.p-progress-bar--purple::-webkit-progress-value {
    background-color: #a234c7;
    background-color: var(--purple500)
}

.p-progress-bar--purple::-moz-progress-bar {
    background-color: #a234c7;
    background-color: var(--purple500)
}

.p-progress-bar__row {
    width: 100%
}

.p-relative-date-range-picker__type-select {
    width: 120px;
    flex-shrink: 0;
    margin: 0 8px
}

.p-relative-date-range-picker__type-select .p-select__field-title {
    overflow: visible
}

.p-relative-date-range-picker__type-select.p-select--small {
    width: 98px
}

.p-relative-date-range-picker__type-select.p-select--xsmall {
    width: 94px
}

.p-now-relative-date-range-picker {
    min-width: 270px;
    flex: 1
}

.p-now-relative-date-range-picker.p-now-relative-date-range-picker--fixed-width {
    flex-grow: 0
}

.p-now-relative-date-range-picker.p-now-relative-date-range-picker--small {
    min-width: 236px
}

.p-now-relative-date-range-picker.p-now-relative-date-range-picker--xsmall {
    min-width: 227px
}

.p-now-relative-date-range-picker__unit-value-field {
    margin-right: 8px;
    flex: 2
}

.p-now-relative-date-range-picker__unit-select {
    flex: 1
}

.p-manual-relative-date-range-picker {
    min-width: 440px;
    flex: 1
}

.p-manual-relative-date-range-picker.p-manual-relative-date-range-picker--fixed-width {
    flex-grow: 0
}

.p-manual-relative-date-range-picker.p-manual-relative-date-range-picker--small {
    min-width: 392px
}

.p-manual-relative-date-range-picker.p-manual-relative-date-range-picker--xsmall {
    min-width: 376px
}

.p-manual-relative-date-range-picker.p-manual-relative-date-range-picker--yyyymmdd {
    min-width: 300px
}

.p-manual-relative-date-range-picker.p-manual-relative-date-range-picker--yyyymmdd.p-manual-relative-date-range-picker--small {
    min-width: 245px
}

.p-manual-relative-date-range-picker.p-manual-relative-date-range-picker--yyyymmdd.p-manual-relative-date-range-picker--xsmall {
    min-width: 235px
}

.p-manual-relative-date-range-picker__range-separator {
    margin: 0 10px
}

.p-manual-relative-date-range-picker__picker {
    flex: 1
}

.p-reply {
    position: relative
}

.p-reply__profile {
    width: auto
}

.p-reply__content {
    margin: 8px 0 30px
}

.p-reply__content--padded {
    padding-left: 38px
}

.p-reply__indented-icon {
    position: absolute;
    top: 0;
    left: 0
}

.p-reply--indented .p-reply__content,.p-reply--indented .p-reply__profile {
    margin-left: 28px
}

.p-reply__border {
    margin: 0 0 30px
}

.p-result {
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff;
    background-color: var(--background);
    height: 100%
}

.p-result,.p-result__figure {
    display: flex;
    justify-content: center
}

.p-result__figure {
    width: 280px;
    height: 140px;
    margin-bottom: 32px
}

.p-result__figure svg {
    height: 140px!important
}

.p-result__figure--small {
    height: 80px
}

.p-result__image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.p-result__icon {
    margin-bottom: 12px
}

.p-result__title {
    margin: 0 0 4px;
    font-size: 24px;
    font-size: var(--font-size-h5);
    font-weight: 700;
    color: #4e5968;
    color: var(--grey700)
}

.p-result__description,.p-result__title {
    line-height: 1.6;
    line-height: var(--line-height-base)
}

.p-result__description {
    font-size: 17px;
    font-size: var(--font-size-h7);
    color: #6b7684;
    color: var(--grey600);
    margin: 0
}

.p-result__buttons {
    margin-top: 16px
}

@media (max-width: 640px) {
    .p-result__title {
        font-size:20px;
        font-size: var(--font-size-h6)
    }

    .p-result__description {
        font-size: 15px;
        font-size: var(--font-size-p)
    }

    .p-result__buttons {
        margin-top: 14px
    }
}

.p-result__button+.p-result__button {
    margin-left: 8px
}

:root {
    --pSegmented-padding: 4px
}

.p-segmented-control {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    background: #f2f4f6;
    background: var(--grey100);
    border-radius: 8px;
    border-radius: var(--radius-m);
    max-width: 100%;
    overflow-x: visible;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.p-segmented-control::-webkit-scrollbar {
    display: none
}

.p-segmented-control--fixed-width {
    display: inline-flex
}

.p-segmented-control--scroll {
    overflow-x: scroll;
    justify-content: flex-start
}

.p-segmented-control__item {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-segmented-control__item--disabled {
    color: #d1d6db;
    color: var(--grey300);
    cursor: not-allowed;
    opacity: .3
}

.p-segmented-control__item-text {
    transition: font-weight .2s ease,color .2s ease;
    color: #6b7684;
    color: var(--grey600);
    position: absolute
}

.p-segmented-control__item-text--hidden {
    visibility: hidden;
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.p-segmented-control__item-text--selected {
    color: #333d4b;
    color: var(--grey800)
}

.p-segmented__indicator {
    position: absolute;
    background-color: #fff;
    background-color: var(--white);
    top: 0;
    left: 0;
    margin: 4px;
    margin: var(--pSegmented-padding);
    height: calc(100% - 8px);
    height: calc(100% - var(--pSegmented-padding)*2)
}

.p-segmented__indicator--medium {
    border-radius: 6px
}

.p-segmented__indicator--small,.p-segmented__indicator--xsmall {
    border-radius: 4px
}

.p-segmented-control--medium {
    height: 47px
}

.p-segmented-control--medium,.p-segmented-control--small {
    padding: 4px;
    padding: var(--pSegmented-padding);
    grid-gap: 4px;
    gap: 4px;
    grid-gap: var(--pSegmented-padding);
    gap: var(--pSegmented-padding)
}

.p-segmented-control--small {
    height: 40px
}

.p-segmented-control--xsmall {
    height: 32px;
    padding: 4px;
    padding: var(--pSegmented-padding);
    grid-gap: 4px;
    gap: 4px;
    grid-gap: var(--pSegmented-padding);
    gap: var(--pSegmented-padding)
}

.p-segmented-control__item--medium {
    padding: 6px 26px
}

.p-segmented-control__item--small {
    padding: 4px 26px
}

.p-segmented-control__item--xsmall {
    padding: 4px 30px
}

.p-select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9ImxpbmUtaWNvbiI+PHBhdGggZD0iTTggMTEuMTVhLjg5Ny44OTcgMCAwMS0uNjM2LS4yNjRsLTQuNS00LjVhLjkuOSAwIDExMS4yNzItMS4yNzNMOCA4Ljk3N2wzLjg2NC0zLjg2NGEuOS45IDAgMTExLjI3MiAxLjI3M2wtNC41IDQuNUEuODk3Ljg5NyAwIDAxOCAxMS4xNSIgZmlsbD0iI0IwQjhDMSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
    background-position: right 18px top 14px;
    background-repeat: no-repeat;
    background-size: 20px;
    padding: 0 48px 0 0;
    cursor: pointer;
    text-align: left
}

.p-select::-ms-expand {
    opacity: 0
}

.p-select::-moz-selection {
    background-color: transparent
}

.p-select::selection {
    background-color: transparent
}

.p-select[aria-readonly=true] {
    background-color: #fff;
    background-color: var(--background);
    color: #333d4b;
    color: var(--grey800);
    box-shadow: inset 0 0 0 1px rgba(0,27,55,.1);
    box-shadow: inset 0 0 0 1px var(--input-border-color)
}

.p-select--small {
    background-position: right 12px top 11px;
    background-size: 18px;
    padding: 0 40px 0 0
}

.p-select--xsmall {
    background-size: 16px;
    padding: 0 38px 0 0;
    background-position: right 12px top 8px
}

.p-select--disabled,.p-select--placeholder {
    color: #8b95a1;
    color: var(--grey500)
}

.p-select--disabled.p-select--placeholder {
    color: #b0b8c1;
    color: var(--grey400)
}

.p-select__native {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.p-select__field {
    line-height: 1.6;
    line-height: var(--line-height-base);
    display: flex;
    align-items: center;
    padding-right: 6px
}

.p-select__field-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

:root {
    --sidebar-gradient-height: 24px
}

.p-sidebar {
    width: 260px;
    min-height: 100%;
    padding: 20px 0
}

.p-sidebar.p-sidebar--limit-height {
    display: flex;
    flex-direction: column;
    max-height: 100%
}

.p-sidebar.p-sidebar--full-width {
    width: 100%
}

.p-sidebar--small .p-sidebar__header {
    padding: 14px 20px
}

.p-sidebar--small .p-sidebar__actions {
    padding: 24px 20px 20px
}

.p-sidebar__header {
    padding: 14px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.p-sidebar__header a,.p-sidebar__header img {
    height: 20px
}

.p-sidebar__header [role=button] {
    cursor: pointer
}

.p-sidebar__header a {
    text-decoration: none
}

.p-sidebar__header .typography {
    display: inline-block
}

.p-sidebar__header .p-sidebar__handle-button:first-child {
    margin-left: -8px
}

.p-sidebar__header .p-sidebar__handle-button:last-child {
    margin-right: -8px
}

.p-sidebar--border {
    border-right: 1px solid rgba(0,27,55,.1);
    border-right: 1px solid var(--greyOpacity200)
}

.p-sidebar__body {
    height: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: auto
}

.p-sidebar__body--scroll {
    padding-bottom: 24px;
    padding-bottom: var(--sidebar-gradient-height)
}

.p-sidebar__gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24px;
    height: var(--sidebar-gradient-height);
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),var(--white))
}

.p-sidebar__actions {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    padding: 24px 24px 0
}

.p-sidebar__actions>.p-button+.p-button {
    margin-left: 8px
}

.p-slider {
    display: flex;
    align-items: flex-end
}

.p-slider__addon-container {
    display: flex;
    align-items: center
}

.p-slider__addon-container--small {
    height: 30px
}

.p-slider__addon-container--large {
    height: 47px
}

.p-slider__addon-container--left.p-slider__addon-container--small {
    margin-right: 14px
}

.p-slider__addon-container--left.p-slider__addon-container--large {
    margin-right: 18px
}

.p-slider__addon-container--right.p-slider__addon-container--small {
    margin-left: 14px
}

.p-slider__addon-container--right.p-slider__addon-container--large {
    margin-left: 18px
}

.p-slider__number-input-container {
    position: relative
}

.p-slider__number-input {
    width: 89px;
    margin: initial;
    margin-left: auto
}

.p-slider__number-input input[type=number]::-webkit-inner-spin-button,.p-slider__number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.p-slider__number-input input[type=number] {
    -moz-appearance: textfield
}

.p-slider__number-input-container--small {
    margin-bottom: 6px
}

.p-slider__number-input-container--large {
    margin-bottom: 16px
}

.p-slider__slider-container {
    flex: 1;
    min-width: 84px
}

.p-slider__slider {
    position: relative
}

.p-slider__slider--small {
    height: 30px
}

.p-slider__slider--large {
    height: 47px
}

.p-slider__input {
    position: absolute;
    -webkit-appearance: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    padding: 0;
    cursor: pointer;
    margin: 0
}

.p-slider__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 100%;
    background-color: #fff;
    background-color: var(--white);
    box-shadow: 0 1px 5px 0 rgba(0,27,55,.1);
    box-shadow: 0 1px 5px 0 var(--token-tds-color-grey-opacity-200,var(--adaptiveOpacity200,rgba(0,27,55,.1)));
    border: 1px solid #e5e8eb;
    border: 1px solid var(--token-tds-color-grey-200,var(--adaptiveGrey200,#e5e8eb))
}

.p-slider__input::-moz-range-thumb {
    border-radius: 100%;
    background-color: #fff;
    background-color: var(--white);
    box-shadow: 0 1px 5px 0 rgba(0,27,55,.1);
    box-shadow: 0 1px 5px 0 var(--token-tds-color-grey-opacity-200,var(--adaptiveOpacity200,rgba(0,27,55,.1)));
    border: 1px solid #e5e8eb;
    border: 1px solid var(--token-tds-color-grey-200,var(--adaptiveGrey200,#e5e8eb))
}

.p-slider__input--small::-webkit-slider-thumb {
    height: 30px;
    width: 30px
}

.p-slider__input--small::-moz-range-thumb {
    height: 30px;
    width: 30px
}

.p-slider__input--large::-webkit-slider-thumb {
    height: 47px;
    width: 47px
}

.p-slider__input--large::-moz-range-thumb {
    height: 47px;
    width: 47px
}

.p-slider__track {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f2f4f6;
    background-color: var(--grey100);
    border-radius: 100px;
    overflow: hidden
}

.p-slider__track--small {
    height: 10px
}

.p-slider__track--large {
    height: 19px
}

.p-slider__progress-bar-container {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    will-change: transform
}

.p-slider__progress-bar {
    position: absolute;
    background-color: #3182f6;
    background-color: var(--blue500);
    height: 100%;
    left: -100%;
    width: 100%
}

:root {
    --pStepMargin: 12px;
    --pStepIndicatorMargin: 16px;
    --pStepIndicatorLineBorderWidth: 2px;
    --pStepIndicatorLineMargin: 12px;
    --pStepContentMargin: 4px;
    --pStepNumberIndicatorSize: 40px;
    --pStepNumberIndicatorBorderWidth: 2px
}

:root .p-stepper--small {
    --pStepMargin: 10px;
    --pStepIndicatorMargin: 10px;
    --pStepIndicatorLineMargin: 10px;
    --pStepContentMargin: 2px;
    --pStepNumberIndicatorSize: 30px
}

:root .p-stepper--xsmall {
    --pStepMargin: 4px;
    --pStepIndicatorMargin: 6px;
    --pStepIndicatorLineMargin: 6px;
    --pStepContentMargin: 2px;
    --pStepNumberIndicatorSize: 20px;
    --pStepNumberIndicatorBorderWidth: 1.5px
}

.p-stepper {
    display: flex;
    justify-content: space-evenly
}

.p-step {
    display: flex;
    flex-direction: column;
    flex: 1
}

.p-step__content {
    display: flex;
    flex-direction: column
}

.p-step__indicator {
    display: flex;
    align-items: center
}

.p-step__indicator__line {
    border-style: solid
}

.p-step__title {
    color: #333d4b;
    color: var(--grey800)
}

.p-step__description {
    max-width: 300px;
    color: #6b7684;
    color: var(--grey600)
}

.p-step__description,.p-step__title {
    margin-bottom: 4px;
    margin-bottom: var(--pStepContentMargin)
}

.p-step__description:last-child,.p-step__title:last-child {
    margin-bottom: 0
}

.p-stepper--row .p-step {
    margin-right: 12px;
    margin-right: var(--pStepMargin)
}

.p-stepper--row .p-step__indicator {
    margin-bottom: 16px;
    margin-bottom: var(--pStepIndicatorMargin)
}

.p-stepper--row .p-step__indicator__line {
    border-top: none;
    border-bottom-width: 2px;
    border-bottom-width: var(--pStepIndicatorLineBorderWidth);
    width: 100%;
    height: 0
}

.p-stepper--row .p-step__icon-indicator__line,.p-stepper--row .p-step__number-indicator__line {
    margin-left: 12px;
    margin-left: var(--pStepIndicatorLineMargin)
}

.p-stepper--column {
    flex-direction: column
}

.p-stepper--column .p-step {
    flex-direction: row;
    margin-bottom: 12px;
    margin-bottom: var(--pStepMargin)
}

.p-stepper--column .p-step__indicator {
    flex-direction: column;
    margin-right: 16px;
    margin-right: var(--pStepIndicatorMargin)
}

.p-stepper--column .p-step__indicator__line {
    border-left: none;
    border-right-width: 2px;
    border-right-width: var(--pStepIndicatorLineBorderWidth);
    width: 0;
    height: 100%
}

.p-stepper--column .p-step__icon-indicator__line,.p-stepper--column .p-step__number-indicator__line {
    margin-top: 12px;
    margin-top: var(--pStepIndicatorLineMargin)
}

.p-stepper--column :not(.p-line-step) .p-step__content {
    margin-bottom: 40px
}

.p-step__number-indicator {
    width: 40px;
    width: var(--pStepNumberIndicatorSize);
    height: 40px;
    height: var(--pStepNumberIndicatorSize);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    flex: 0 0 var(--pStepNumberIndicatorSize);
    border-radius: 50%;
    border-width: 2px;
    border-width: var(--pStepNumberIndicatorBorderWidth);
    border-style: solid
}

.p-step--undone .p-step__title {
    color: #6b7684;
    color: var(--grey600)
}

.p-tab {
    position: relative;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: visible;
    border-bottom: 1px solid #e5e8eb;
    border-bottom: 1px solid var(--grey200);
    scrollbar-width: none;
    -ms-overflow-style: none
}

.p-tab::-webkit-scrollbar {
    display: none
}

.p-tab__item {
    position: relative;
    height: 51px;
    padding: 14px 20px;
    transition: font-weight .2s ease,color .2s ease;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    white-space: nowrap;
    color: #4e5968;
    color: var(--grey700)
}

.p-tab__item:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    transform: translate(-50%,-50%);
    border-radius: 8px;
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100);
    opacity: 0;
    transition: opacity .2s ease
}

.p-tab__item:not(.p-tab__item--disabled):hover:after {
    opacity: 1
}

.p-tab__item--selected {
    font-weight: 700;
    color: #191f28;
    color: var(--grey900)
}

.p-tab__item--disabled {
    cursor: not-allowed;
    color: #b0b8c1;
    color: var(--grey400)
}

.p-tab__item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-tab__indicator {
    background-color: #191f28;
    background-color: var(--grey900);
    border-radius: 1px;
    height: 2px
}

.p-tab:after,.p-tab__indicator {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px
}

.p-tab--round {
    border-bottom: none
}

.p-tab--round:after {
    content: none
}

.p-tab--round .p-tab__item {
    height: 44px;
    padding: 10px 18px
}

.p-tab--round .p-tab__item+.p-tab__item {
    margin-left: 4px
}

.p-tab--round .p-tab__item:not(.p-tab__item--disabled):hover {
    font-weight: 700
}

.p-tab--round .p-tab__item:after {
    content: none
}

.p-tab--round .p-tab__indicator {
    border-radius: 21px;
    height: 100%;
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.p-tab--radio {
    display: flex;
    background: #f2f4f6;
    background: var(--grey100);
    border-radius: 8px;
    border-radius: var(--radius-m);
    border-bottom: none;
    justify-content: space-evenly
}

.p-tab--radio.p-tab--fixed-width {
    display: inline-flex
}

.p-tab--radio .p-tab__item {
    height: 40px;
    padding: 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
    color: #6b7684;
    color: var(--grey600);
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    font-size: 15px;
    font-size: var(--font-size-p)
}

.p-tab--radio .p-tab__item--selected {
    color: #333d4b;
    color: var(--grey800);
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.p-tab--radio .p-tab__item--disabled.p-tab__item {
    color: #d1d6db;
    color: var(--grey300)
}

.p-tab--radio .p-tab__item--disabled.p-tab__item--selected {
    color: #b0b8c1;
    color: var(--grey400)
}

.p-tab--radio.p-tab--fixed-width .p-tab__item {
    padding: 0 30px
}

.p-tab--radio.p-tab--fixed-width.p-tab--size-small .p-tab__item {
    padding: 0 34px
}

.p-tab--radio .p-tab__item:hover:after {
    opacity: 0
}

.p-tab--radio .p-tab__indicator {
    top: 4px;
    height: calc(100% - 8px);
    border-radius: 8px;
    border-radius: var(--radius-m);
    background-color: #fff;
    background-color: var(--white);
    box-shadow: 0 0 4px 0 rgba(2,32,71,.05),0 4px 16px 0 rgba(2,32,71,.05);
    box-shadow: var(--shadow-s)
}

.p-tab--radio:after {
    content: none
}

.p-tab--radio.p-tab--size-small .p-tab__item {
    height: 32px;
    font-size: 12px
}

.p-tab--radio.p-tab--size-large .p-tab__item {
    height: 48px;
    font-size: 17px;
    font-size: var(--font-size-h7)
}

.p-tab--scroll {
    overflow-x: auto
}

.prefers-reduced-motion .p-tab__item,.prefers-reduced-motion .p-tab__item:after {
    transition: none
}

.p-tab__item-content--hidden {
    font-weight: 700;
    opacity: 0
}

:root {
    --table-cell-horizontal-padding: 12px;
    --table-cell-vertical-padding: 5px;
    --table-row-height: 49px;
    --table-cell--font-size: 15px;
    --table-cell-padding: var(--table-cell-vertical-padding) var(--table-cell-horizontal-padding);
    --table-input-cell-padding: calc(var(--table-cell-vertical-padding)*2 + 2px) var(--table-cell-horizontal-padding);
    --table-cell-line-height: 1.5;
    --table-row-total-height: 50px;
    --table-cell-line-height-fixed: 40px;
    --required-dot-size: 4px;
    --table-mixed-content-margin-bottom: 8px;
    --table-mixed-content-margin-right: 10px
}

:root .table--small {
    --table-cell-vertical-padding: 4px;
    --table-row-height: 36px;
    --table-cell--font-size: 13px;
    --table-cell-input-vertical: 6px;
    --table-cell-padding: var(--table-cell-vertical-padding) var(--table-cell-horizontal-padding);
    --table-input-cell-padding: calc(var(--table-cell-vertical-padding)*2) var(--table-cell-horizontal-padding);
    --table-row-total-height: 37px;
    --table-cell-line-height-fixed: 29px;
    --required-dot-size: 3px;
    --table-mixed-content-margin-bottom: 6px;
    --table-mixed-content-margin-right: 6px
}

:root .table--xsmall {
    --table-cell-vertical-padding: 3px;
    --table-row-height: 31px;
    --table-cell-input-vertical: 3px;
    --table-cell--font-size: var(--font-size-sm);
    --table-cell-padding: var(--table-cell-vertical-padding) var(--table-cell-horizontal-padding);
    --table-input-cell-padding: calc(var(--table-cell-vertical-padding)*2) var(--table-cell-horizontal-padding);
    --table-row-total-height: 32px;
    --table-cell-line-height-fixed: 26px;
    --required-dot-size: 3px;
    --table-mixed-content-margin-bottom: 4px;
    --table-mixed-content-margin-right: 4px
}

:root {
    --table-shadow-color-base: 2,32,71
}

.p-post table,.table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
    border-top: 1px solid #d1d6db;
    border-top: 1px solid var(--grey300)
}

.table--fixed {
    table-layout: fixed
}

.table--div-layout {
    display: table
}

.table--div-layout div[role=row] {
    display: table-row
}

.table--div-layout .table__head[role=rowgroup] {
    display: table-header-group
}

.table--div-layout .table__foot[role=rowgroup] {
    display: table-footer-group
}

.table--div-layout .table__body[role=rowgroup] {
    display: table-row-group
}

.table--div-layout div[role=cell],.table--div-layout div[role=columnheader] {
    display: table-cell
}

.table--div-layout div.table__caption {
    display: table-caption
}

.table__caption {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #333d4b;
    color: var(--grey800);
    text-align: left;
    margin-bottom: 12px;
    padding: 0
}

.table__caption--top {
    caption-side: top
}

.table__caption--bottom {
    caption-side: bottom
}

.table__caption__inner {
    display: flex;
    align-items: flex-end
}

.table__caption__inner--with-title {
    justify-content: space-between
}

.table__caption__inner--without-title {
    justify-content: flex-end
}

.table__row--clickable {
    cursor: pointer
}

.p-post table td,.p-post table th,.table__cell {
    position: relative;
    font-weight: 400;
    line-height: 1.5;
    line-height: var(--table-cell-line-height,1.5);
    color: #4e5968;
    color: var(--grey700);
    font-size: 15px;
    font-size: var(--table-cell--font-size);
    min-height: 49px;
    min-height: var(--table-row-height);
    height: 49px;
    height: var(--table-row-height);
    border-bottom: 1px solid #d1d6db;
    border-bottom: 1px solid var(--grey300);
    background-color: #fff;
    background-color: var(--white);
    transition: background-color .2s ease,border-color .2s ease;
    padding: 5px 12px;
    padding: var(--table-cell-padding)
}

.p-post table td.table__cell--focused,.p-post table th.table__cell--focused,.table__cell.table__cell--focused {
    border-bottom-color: #4593fc;
    border-bottom-color: var(--blue400)
}

.p-post table td.table__cell--error,.p-post table th.table__cell--error,.table__cell.table__cell--error {
    border-bottom: 1px solid #fb8890;
    border-bottom: 1px solid var(--red300)
}

.p-post table td.table__cell--no-padded,.p-post table th.table__cell--no-padded,.table__cell.table__cell--no-padded {
    padding: 0
}

.p-post table td.table__cell--fit,.p-post table th.table__cell--fit,.table__cell.table__cell--fit {
    width: 1%;
    white-space: nowrap
}

.p-post table td.table__cell--vertical-align-top,.p-post table th.table__cell--vertical-align-top,.table__cell.table__cell--vertical-align-top {
    vertical-align: top
}

.p-post table td.table__cell--vertical-align-bottom,.p-post table th.table__cell--vertical-align-bottom,.table__cell.table__cell--vertical-align-bottom {
    vertical-align: bottom
}

.p-post table td .table__cell--mixed-content,.p-post table th .table__cell--mixed-content,.table__cell .table__cell--mixed-content {
    line-height: 40px;
    line-height: var(--table-cell-line-height-fixed)
}

.p-post table td>.table__thumbnail:not(:last-child),.p-post table th>.table__thumbnail:not(:last-child),.table__cell>.table__thumbnail:not(:last-child) {
    margin-right: 4px
}

.p-post table td .p-autocomplete__text-field,.p-post table td .p-autocomplete__text-field .input__field,.p-post table th .p-autocomplete__text-field,.p-post table th .p-autocomplete__text-field .input__field,.table__cell .p-autocomplete__text-field,.table__cell .p-autocomplete__text-field .input__field {
    min-height: 0
}

.p-post table td .p-autocomplete__text-field,.p-post table th .p-autocomplete__text-field,.table__cell .p-autocomplete__text-field {
    padding: 0;
    margin: 0
}

.p-post table td .input.input.p-multi-select-autocomplete__text-field,.p-post table th .input.input.p-multi-select-autocomplete__text-field,.table__cell .input.input.p-multi-select-autocomplete__text-field {
    height: auto
}

.p-post table td .checkable,.p-post table th .checkable,.table__cell .checkable {
    display: inline-block
}

.table.table--adjust-height .table__cell {
    height: 50px;
    height: var(--table-row-total-height)
}

.table.table--adjust-height .table__cell>* {
    vertical-align: middle
}

.table--compact {
    border-top: 0
}

.table--compact .table__cell,.table--compact .table__header-cell {
    line-height: 24px;
    background-color: #fff;
    background-color: var(--white);
    border: 0;
    padding: 5px 12px;
    padding: 5px var(--table-cell-horizontal-padding)
}

.table--compact .table__cell.table__cell--no-padded,.table--compact .table__header-cell.table__cell--no-padded {
    padding: 0
}

.table--bordered .table__cell,.table--bordered td,.table--bordered th {
    border-right: 1px solid #d1d6db;
    border-right: 1px solid var(--grey300)
}

.table--bordered .table__cell:last-child,.table--bordered td:last-child,.table--bordered th:last-child {
    border-right: none
}

.table .input__left-addon {
    margin-left: 12px;
    margin-left: var(--table-cell-horizontal-padding)
}

.table .input__right-addon.p-icon,.table .table__input__right-addon.p-icon {
    min-width: 0!important;
    width: 16px!important;
    height: 16px!important
}

.table.table--middle .table__input__right-addon.p-icon {
    margin: 0
}

.table.table--small .table__select {
    height: 49px;
    height: var(--table-row-height);
    background-size: 18px;
    background-position: right 12px top 10px
}

.table.table--small .table__select .input__field {
    padding: 0 12px;
    padding: 0 var(--table-cell-horizontal-padding)
}

.table.table--small .input {
    height: 49px;
    height: var(--table-row-height);
    background-position: right 12px top 10px
}

.table.table--small .input .input__field {
    padding: 0 12px;
    padding: 0 var(--table-cell-horizontal-padding)
}

.table.table--small .input__right-addon.p-icon,.table.table--small .table__input__right-addon.p-icon {
    min-width: 0!important;
    width: 14px!important;
    height: 14px!important
}

.table.table--xsmall .table__select {
    height: 49px;
    height: var(--table-row-height);
    background-size: 16px;
    background-position: right 12px top 8px
}

.table.table--xsmall .table__select .input__field {
    padding: 0 12px;
    padding: 0 var(--table-cell-horizontal-padding)
}

.table.table--xsmall .input {
    height: 49px;
    height: var(--table-row-height);
    background-position: right 12px top 10px
}

.table.table--xsmall .input .input__field {
    padding: 0 12px;
    padding: 0 var(--table-cell-horizontal-padding)
}

.table.table--xsmall .input__right-addon.p-icon,.table.table--xsmall .table__input-addon .table__input__right-addon.p-icon,.table.table--xsmall .table__input__right-addon.p-icon {
    min-width: 0!important;
    width: 12px!important;
    height: 12px!important
}

.table__cell--disabled {
    cursor: not-allowed
}

.table__cell--disabled>* {
    opacity: .4;
    pointer-events: none
}

.table__cell--ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.table__cell--sticky {
    position: -webkit-sticky!important;
    position: sticky!important;
    left: 0;
    z-index: 2
}

.table__cell--with-separator:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -7px;
    bottom: 0;
    width: 7px;
    background: linear-gradient(90deg,rgba(2,32,71,.05),rgba(2,32,71,0));
    background: linear-gradient(90deg,var(--greyOpacity100),rgba(2,32,71,0));
    pointer-events: none
}

.table__cell--with-separator+.table__cell.table__cell--no-padded:before,.table__cell--with-separator+.table__cell:before {
    padding-left: 19px;
    padding-left: calc(var(--table-cell-horizontal-padding) + 7px)
}

.table .table__row--clickable:hover>.table__cell:not(.table__header-cell) {
    background-color: #eaf3fe
}

.table .table__row--hoverable:hover>.table__cell:not(.table__header-cell) {
    background-color: rgba(229,232,235,.7)
}

.p-post table th,.table__header-cell {
    position: relative;
    font-weight: 500;
    background-color: #f2f4f6;
    background-color: var(--grey100);
    color: #333d4b;
    color: var(--grey800)
}

.p-post table th.table__cell--focused,.table__header-cell.table__cell--focused {
    background-color: #e8f3ff;
    background-color: var(--blue50);
    color: #1b64da;
    color: var(--blue700)
}

.p-post table th.table__header-cell--error,.table__header-cell.table__header-cell--error {
    background-color: #fee;
    background-color: var(--red50);
    color: #f04452;
    color: var(--red500);
    border-bottom: 1px solid #fb8890;
    border-bottom: 1px solid var(--red300)
}

.p-post table th .icon,.table__header-cell .icon {
    margin-left: 2px
}

.p-post table th.table__header-cell--required .table__header-cell__container__label:after,.table__header-cell.table__header-cell--required .table__header-cell__container__label:after {
    display: inline-block;
    content: "";
    width: 4px;
    width: var(--required-dot-size);
    height: 4px;
    height: var(--required-dot-size);
    background-color: #f66570;
    background-color: var(--red400);
    border-radius: 3px;
    vertical-align: top;
    margin: 1px 0 0 2px
}

.p-post table th.table__header-cell--disabled,.table__header-cell.table__header-cell--disabled {
    cursor: not-allowed;
    color: #b0b8c1;
    color: var(--grey400)
}

.p-post table th.table__header-cell--disabled .table__filter-icon,.p-post table th.table__header-cell--disabled .table__header-cell-sort-addon-wrapper .p-button__icon,.p-post table th.table__header-cell--disabled .table__search-icon,.table__header-cell.table__header-cell--disabled .table__filter-icon,.table__header-cell.table__header-cell--disabled .table__header-cell-sort-addon-wrapper .p-button__icon,.table__header-cell.table__header-cell--disabled .table__search-icon {
    color: #d1d6db;
    color: var(--grey300)
}

.p-post table th.table__header-cell--disabled .table__header-cell__container__label:after,.table__header-cell.table__header-cell--disabled .table__header-cell__container__label:after {
    background-color: #feafb4;
    background-color: var(--red200)
}

.p-post table th.table__header-cell--disabled>*,.table__header-cell.table__header-cell--disabled>* {
    pointer-events: none
}

.table__header-cell {
    transition: background-color .2s ease
}

.table__header-cell:not(.table__header-cell--disabled):focus,.table__header-cell:not(.table__header-cell--disabled):focus .p-button,.table__header-cell:not(.table__header-cell--disabled):hover,.table__header-cell:not(.table__header-cell--disabled):hover .p-button {
    background-color: #e5e8eb;
    background-color: var(--grey200)
}

.table__header-cell:not(.table__header-cell--disabled):focus .p-button:focus,.table__header-cell:not(.table__header-cell--disabled):focus .p-button:hover,.table__header-cell:not(.table__header-cell--disabled):focus .p-button[focus-within],.table__header-cell:not(.table__header-cell--disabled):hover .p-button:focus,.table__header-cell:not(.table__header-cell--disabled):hover .p-button:hover,.table__header-cell:not(.table__header-cell--disabled):hover .p-button[focus-within] {
    background-color: #d1d6db;
    background-color: var(--grey300)
}

.table__header-cell:not(.table__header-cell--disabled):focus .p-button:focus,.table__header-cell:not(.table__header-cell--disabled):focus .p-button:focus-within,.table__header-cell:not(.table__header-cell--disabled):focus .p-button:hover,.table__header-cell:not(.table__header-cell--disabled):hover .p-button:focus,.table__header-cell:not(.table__header-cell--disabled):hover .p-button:focus-within,.table__header-cell:not(.table__header-cell--disabled):hover .p-button:hover {
    background-color: #d1d6db;
    background-color: var(--grey300)
}

.table__header-cell .p-button:not(.table__button--clear) {
    background-color: inherit
}

.table__header-cell.table__cell--nowrap {
    white-space: nowrap;
    overflow: hidden
}

.table__header-cell.table__cell--nowrap .table__header-cell__container {
    overflow: inherit;
    white-space: inherit
}

.table__header-cell .table__header-cell__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: auto;
    text-overflow: inherit;
    font-size: inherit;
    font-weight: inherit;
    white-space: break-spaces
}

.table__header-cell .table__header-cell__container .table__header-cell__container__text-container {
    flex-grow: 1;
    text-overflow: inherit;
    font-size: inherit;
    font-weight: inherit;
    white-space: inherit;
    display: flex;
    align-items: center;
    overflow: inherit
}

.table__header-cell .table__header-cell__container .table__header-cell__container__text-container.align--left {
    justify-content: flex-start
}

.table__header-cell .table__header-cell__container .table__header-cell__container__text-container.align--center {
    justify-content: center
}

.table__header-cell .table__header-cell__container .table__header-cell__container__text-container.align--right {
    justify-content: flex-end
}

.table__header-cell .table__header-cell__container .table__header-cell__container__label {
    margin: 0;
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    overflow: inherit;
    text-overflow: inherit
}

.table__header-cell--clickable {
    cursor: pointer
}

.table__header-cell-sort-addon-wrapper {
    display: inline-flex;
    margin-left: 2px
}

.table__header-cell__container--with-rightAddon>div+div:not(.table__dragger):not(.table__header-cell-rightAddon-wrapper) {
    margin-right: 10px;
    margin-right: var(--table-mixed-content-margin-right)
}

.table__header-cell__container--with-rightAddon .table__header-cell-rightAddon-wrapper {
    display: flex;
    align-items: center;
    margin-right: -10px;
    margin-right: calc(var(--table-mixed-content-margin-right)*-1)
}

.table__header-cell__container--with-rightAddon .table__header-cell-rightAddon-wrapper>* {
    margin-right: 10px;
    margin-right: var(--table-mixed-content-margin-right)
}

.table__link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 12px;
    padding: var(--table-cell-padding);
    color: inherit;
    text-decoration: none
}

.table__link.table__link--no-padded {
    padding: 0
}

.table .input--disabled {
    opacity: 1;
    background-color: transparent;
    background-color: initial;
    box-shadow: none
}

.table .input--disabled.input--focus,.table .input--disabled:active,.table .input--disabled:focus {
    outline: medium none invert;
    outline: initial;
    box-shadow: none
}

.table__input,.table__record-input,.table__select,.table__textarea {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: transparent;
    border: none;
    transition: background .2s ease;
    outline: 0;
    box-shadow: none;
    margin: 0;
    flex: 1
}

.table__input.input--active,.table__input.input--focus,.table__input:focus,.table__input:hover,.table__record-input.input--active,.table__record-input.input--focus,.table__record-input:focus,.table__record-input:hover,.table__select.input--active,.table__select.input--focus,.table__select:focus,.table__select:hover,.table__textarea.input--active,.table__textarea.input--focus,.table__textarea:focus,.table__textarea:hover {
    outline: 0;
    box-shadow: none
}

.table__input:disabled,.table__record-input:disabled,.table__select:disabled,.table__textarea:disabled {
    cursor: not-allowed;
    background-color: transparent;
    color: #4e5968;
    color: var(--grey700)
}

.table__input::-moz-placeholder,.table__record-input::-moz-placeholder,.table__select::-moz-placeholder,.table__textarea::-moz-placeholder {
    color: #8b95a1;
    color: var(--grey500)
}

.table__input:-ms-input-placeholder,.table__record-input:-ms-input-placeholder,.table__select:-ms-input-placeholder,.table__textarea:-ms-input-placeholder {
    color: #8b95a1;
    color: var(--grey500)
}

.table__input::placeholder,.table__record-input::placeholder,.table__select::placeholder,.table__textarea::placeholder {
    color: #8b95a1;
    color: var(--grey500)
}

.table__input .input__right-addon,.table__record-input .input__right-addon,.table__select .input__right-addon,.table__textarea .input__right-addon {
    margin-right: 12px;
    margin-right: var(--table-cell-horizontal-padding)
}

.table__record-input .input__field {
    height: auto;
    line-height: inherit;
    flex: 1
}

.table__record-input .input__field.input__field--hidden {
    height: 0
}

.table__input,.table__textarea {
    display: block;
    height: 49px;
    height: var(--table-row-height);
    width: 100%;
    padding: 12px;
    padding: var(--table-input-cell-padding);
    resize: none;
    box-sizing: border-box
}

.table__input-addon {
    display: flex;
    align-items: center
}

.table__input-addon--right-padding {
    padding-right: 12px;
    padding-right: var(--table-cell-horizontal-padding)
}

.table__input-addon--left-padding {
    padding-left: 8px
}

.table__input__left-addon {
    margin: 0 -8px 0 5px
}

.table .table__record-addon {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.table .table__record__right-addon {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.table .table__record.table__record--mixed-content {
    padding-top: 5px;
    padding-top: var(--table-cell-vertical-padding);
    padding-bottom: 5px;
    padding-bottom: var(--table-cell-vertical-padding)
}

.table .table__cell--mixed-content,.table .table__record__mixed-content-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1.5;
    line-height: var(--table-cell-line-height,1.5)
}

.table .table__cell--mixed-content+.table__record__right-addon,.table .table__record__mixed-content-container+.table__record__right-addon {
    margin-left: 10px;
    margin-left: var(--table-mixed-content-margin-right)
}

.table .table__cell--mixed-content,.table .table__record__mixed-content-container,.table .table__record__right-addon {
    margin-right: -10px;
    margin-right: calc(var(--table-mixed-content-margin-right)*-1);
    margin-bottom: -8px;
    margin-bottom: calc(var(--table-mixed-content-margin-bottom)*-1)
}

.table .table__cell--mixed-content>*,.table .table__record__mixed-content-container>*,.table .table__record__right-addon>* {
    margin-right: 10px;
    margin-right: var(--table-mixed-content-margin-right);
    margin-bottom: 8px;
    margin-bottom: var(--table-mixed-content-margin-bottom)
}

.table__record-addon--only-addon.table__record-addon--only-addon {
    justify-content: flex-end
}

.table__record-addon--horizontal-padding {
    padding: 0 12px;
    padding: 0 var(--table-cell-horizontal-padding)
}

.table__cell .p-input__number-field__wrapper {
    margin: 0 12px 0 0;
    margin: 0 var(--table-cell-horizontal-padding) 0 0
}

.table__select {
    margin: 0;
    width: 100%
}

.table__select,.table__select:focus,.table__select:hover {
    box-shadow: none
}

.table__select--fit {
    margin-right: auto;
    width: auto
}

.table__select--fit.input {
    margin: 0
}

.table__select--fit:disabled {
    width: 100%
}

.table__select:disabled {
    border-radius: 0;
    box-shadow: none
}

.table__filter {
    min-width: 160px
}

.table__filter-icon,.table__search-icon {
    float: right;
    margin-left: 10px;
    margin-right: -6px;
    cursor: pointer;
    padding: 6px;
    box-sizing: content-box
}

.table__filter-icon path,.table__search-icon path {
    fill: rgba(0,29,58,.18);
    fill: var(--greyOpacity300)
}

.table__filter-icon:hover path,.table__search-icon:hover path {
    fill: rgba(3,24,50,.46);
    fill: var(--greyOpacity500)
}

.table__filter-cta {
    margin: 8px;
    display: flex;
    width: calc(100% - 16px)
}

.prefers-reduced-motion .p-post table td,.prefers-reduced-motion .p-post table th,.prefers-reduced-motion .table__cell,.prefers-reduced-motion .table__header-cell--clickable,.prefers-reduced-motion .table__input,.prefers-reduced-motion .table__select,.prefers-reduced-motion .table__textarea {
    transition: none
}

.table__search {
    padding: 8px 14px
}

.table__search__menu {
    text-align: right;
    margin-top: 4px
}

.table__search__text-button {
    font-size: 15px
}

.table__search__text-button--left {
    margin-right: 12px
}

.table__dragger {
    cursor: col-resize;
    height: 100%;
    position: absolute;
    right: -4px;
    top: 0;
    width: 8px;
    z-index: 1
}

.table__record {
    line-height: 1;
    white-space: inherit;
    font-size: inherit;
    font-weight: inherit;
    overflow: inherit;
    text-overflow: inherit
}

.table__record .input__file-field__input-label {
    line-height: inherit
}

.table__record input {
    height: 100%;
    flex: 1
}

.table__record .input__date-range-picker {
    padding: 12px;
    padding: var(--table-input-cell-padding)
}

.table__record .checkable {
    display: inline-block
}

.table__record>.table__thumbnail:not(:last-child) {
    margin-right: 4px
}

.table--middle .table__header-cell__container {
    min-height: 40px;
    min-height: var(--table-cell-line-height-fixed)
}

.table--middle .input__date-range-picker .icon.p-icon {
    min-width: 0!important;
    width: 16px!important;
    height: 16px!important
}

.table--small .table__header-cell__container {
    min-height: 40px;
    min-height: var(--table-cell-line-height-fixed)
}

.table--small .input__date-range-picker .icon.p-icon {
    min-width: 0!important;
    width: 14px!important;
    height: 14px!important
}

.table--small .table__header-cell--required .table__header-cell__container__label:after {
    width: 4px;
    width: var(--required-dot-size);
    height: 4px;
    height: var(--required-dot-size)
}

.table--xsmall .table__header-cell__container {
    min-height: 40px;
    min-height: var(--table-cell-line-height-fixed)
}

.table--xsmall .input__date-range-picker .icon.p-icon {
    min-width: 0!important;
    width: 12px!important;
    height: 12px!important
}

.table--xsmall .table__header-cell--required .table__header-cell__container__label:after {
    width: 4px;
    width: var(--required-dot-size);
    height: 4px;
    height: var(--required-dot-size)
}

.p-tab-2 {
    position: relative;
    display: flex;
    max-width: 100%;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.p-tab-2::-webkit-scrollbar {
    display: none
}

.p-tab-2--medium {
    height: 47px
}

.p-tab-2--small {
    height: 40px
}

.p-tab-2--xsmall {
    height: 32px
}

.p-tab-2--line {
    border-bottom: 1px solid #f2f4f6;
    border-bottom-color: var(--grey100);
    padding-bottom: 2px
}

.p-tab-2--round {
    grid-gap: 4px;
    gap: 4px
}

.p-tab-2--scroll {
    overflow-x: scroll;
    justify-content: flex-start
}

.p-tab-2__item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-tab-2__item .p-tab-2__item-text--selected,.p-tab-2__item:not(.p-tab__item--disabled):hover .p-tab-2__item-text {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.p-tab-2__item--medium {
    padding: 9px 18px
}

.p-tab-2__item--small {
    padding: 8px 16px
}

.p-tab-2__item--xsmall {
    padding: 6px 16px
}

.p-tab-2__item--disabled {
    color: #d1d6db;
    color: var(--grey300);
    cursor: not-allowed;
    opacity: .3
}

.p-tab-2__item--line.p-tab-2__item--xsmall {
    --pTabSpacing: 6px
}

.p-tab-2__item--line.p-tab-2__item--small {
    --pTabSpacing: 8px
}

.p-tab-2__item--line.p-tab-2__item--medium {
    --pTabSpacing: 9px
}

.p-tab-2__item-text {
    transition: font-weight .2s ease,color .2s ease;
    color: #6b7684;
    color: var(--grey600)
}

.p-tab-2__item-text--selected {
    color: #333d4b;
    color: var(--grey800)
}

.p-tab-2__indicator {
    position: absolute
}

.p-tab-2__indicator--line {
    bottom: 0;
    left: 0;
    height: 2px;
    background: #191f28;
    background: var(--grey900)
}

.p-tab-2__indicator--round {
    bottom: 0;
    left: 0;
    height: 100%;
    background: #f2f4f6;
    background: var(--grey100);
    border-radius: 32px
}

.p-text-button {
    cursor: pointer;
    font-size: inherit;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    -webkit-appearance: none;
    transition: background-color .2s ease
}

.p-text-button:focus {
    outline: 0
}

.p-text-button--underline {
    text-decoration: underline
}

.p-text-button--arrow {
    line-height: 1.5
}

.p-text-button--grey {
    color: #6b7684;
    color: var(--grey600)
}

.p-text-button--grey.focus-visible,.p-text-button--grey:focus-visible,.p-text-button--grey:hover {
    color: #333d4b;
    color: var(--grey800)
}

.p-text-button--grey.p-text-button--disabled {
    color: #6b7684;
    color: var(--grey600)
}

.p-text-button--blue {
    color: #3182f6;
    color: var(--blue500)
}

.p-text-button--blue.focus-visible,.p-text-button--blue:focus-visible,.p-text-button--blue:hover {
    color: #1b64da;
    color: var(--blue700)
}

.p-text-button--blue.p-text-button--disabled {
    color: #3182f6;
    color: var(--blue500)
}

.p-text-button__arrow {
    margin: 0 -.4em 0 -.25em
}

.p-text-button--disabled:hover {
    cursor: not-allowed
}

.p-text-button--disabled .p-text-button__arrow {
    opacity: .4
}

.prefers-reduced-motion .p-text-button {
    transition: none
}

.p-thumbnailV2 {
    width: 100%
}

.p-thumbnailV2__asset {
    width: 100%;
    height: 100%
}

.p-thumbnailV2__asset--cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-thumbnailV2__asset--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.p-thumbnailV2__asset--scale-on-hover {
    cursor: pointer;
    transition: transform .5s ease
}

.p-thumbnailV2:hover .p-thumbnailV2__asset--scale-on-hover,.p-thumbnailV2[focus-within] .p-thumbnailV2__asset--scale-on-hover {
    transform: scale(1.1)
}

.p-thumbnailV2:focus-within .p-thumbnailV2__asset--scale-on-hover,.p-thumbnailV2:hover .p-thumbnailV2__asset--scale-on-hover {
    transform: scale(1.1)
}

.p-time-picker {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: #fff;
    background: var(--white)
}

.p-time-picker--fit {
    width: auto
}

.p-time-picker__head {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-bottom: 12px
}

.p-time-picker__content {
    position: relative;
    display: flex;
    justify-content: center;
    height: 240px;
    overflow: hidden
}

.p-time-picker__column {
    height: 100%;
    overflow: scroll;
    margin: 0;
    padding: 0 8px 210px;
    text-align: center;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.p-time-picker__column::-webkit-scrollbar {
    display: none
}

.p-time-picker__item {
    list-style: none;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
    padding: 3px 8px;
    border: none;
    color: #333d4b;
    color: var(--grey800);
    background: #fff;
    background: var(--white);
    border-radius: 8px;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    transition: background .2s ease,color .1s ease
}

.p-time-picker__item:hover {
    background: #f2f4f6;
    background: var(--grey100)
}

.p-time-picker__item.p-time-picker__item--selected {
    background: #3182f6;
    background: var(--blue500);
    color: #fff;
    color: var(--white);
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.p-time-picker__item:disabled {
    background: rgba(2,32,71,.05);
    background: var(--greyOpacity100);
    color: #b0b8c1;
    color: var(--grey400)
}

.p-time-picker__gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
    background: linear-gradient(0deg,var(--white),hsla(0,0%,100%,0));
    pointer-events: none
}

.p-time-picker__bottom-addon {
    margin-top: 24px
}

.p-toast-container {
    position: fixed;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    pointer-events: none;
    z-index: 500;
    z-index: var(--toast-index)
}

.p-toast-container--top {
    flex-direction: column-reverse;
    top: 0
}

.p-toast-container--bottom {
    flex-direction: column;
    bottom: 0
}

.p-toast {
    pointer-events: auto;
    width: auto;
    max-width: 480px;
    box-shadow: 0 24px 40px 0 rgba(0,23,51,.02),0 16px 24px 0 rgba(0,27,55,.1),0 0 8px 0 rgba(2,32,71,.05);
    box-shadow: 0 24px 40px 0 var(--greyOpacity50),0 16px 24px 0 var(--greyOpacity200),0 0 8px 0 var(--greyOpacity100);
    background-color: #fff;
    background-color: var(--white);
    display: flex;
    grid-gap: 10px;
    gap: 10px
}

.p-toast--medium {
    max-width: 440px;
    padding: 16px 22px 16px 20px;
    border-radius: 16px
}

.p-toast--small {
    max-width: 410px;
    padding: 12px 18px 12px 16px;
    border-radius: 12px
}

.p-toast__text {
    flex-grow: 1
}

.p-toast__icon {
    margin-top: 2px
}

.p-toast__button {
    border-radius: 8px;
    font-size: inherit;
    white-space: nowrap;
    align-self: flex-start;
    transition: background-color .2s ease
}

.p-toast__button:focus {
    outline: 0
}

.p-toast__button:hover {
    background-color: rgba(2,32,71,.05);
    background-color: var(--greyOpacity100)
}

.p-toast__button.p-toast__button--medium {
    font-size: 17px;
    font-size: var(--font-size-h7)
}

.p-toast__button.p-toast__button--small {
    font-size: 15px;
    font-size: var(--font-size-p)
}

.p-toast__button.p-toast__button--close {
    padding: 2px 0
}

.prefers-reduced-motion .p-toast__button {
    transition: none
}

.toggle {
    display: inline-block;
    position: relative
}

.toggle__background {
    display: block;
    position: relative;
    min-width: 50px;
    height: 30px;
    border-radius: 16px;
    border: 1px solid rgba(0,23,51,.02);
    border: 1px solid var(--greyOpacity50);
    background-color: #e5e8eb;
    background-color: var(--grey200);
    transition: background-color .3s ease;
    cursor: pointer
}

.toggle__background:focus,.toggle__background:hover {
    background-color: #d1d6db;
    background-color: var(--grey300)
}

.toggle__background__text {
    display: flex;
    position: absolute;
    top: 0;
    left: -1px;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    font-weight: 700;
    height: 100%;
    background-color: transparent;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .3s ease;
    font-size: 12px;
    white-space: nowrap
}

.toggle__background__text.toggle__background__text--on {
    color: #fff;
    color: var(--white)
}

.toggle__background__text.toggle__background__text--off {
    color: #8b95a1;
    color: var(--grey500);
    left: unset
}

.toggle__background__text.toggle__background__text--hidden {
    opacity: 0
}

.toggle__input:checked+.toggle__background {
    background-color: #3182f6;
    background-color: var(--blue500)
}

.toggle__input:checked+.toggle__background:focus,.toggle__input:checked+.toggle__background:hover {
    background-color: #1b64da;
    background-color: var(--blue700)
}

.toggle__input:checked+.toggle__background>.toggle__background__text--on {
    opacity: 1
}

.toggle__input:checked+.toggle__background>.toggle__background__text--off {
    opacity: 0
}

.toggle__input:not(:checked)+.toggle__background>.toggle__background__text--off {
    opacity: 1
}

.toggle__input:not(:checked)+.toggle__background>.toggle__background__text--on {
    opacity: 0
}

.toggle__input:disabled+.toggle__background {
    cursor: not-allowed
}

.toggle__input:disabled+.toggle__background>.toggle__background__text--off {
    color: #d1d6db;
    color: var(--grey300)
}

.toggle__input:disabled+.toggle__background>.toggle__handler {
    opacity: .5
}

.toggle__input:disabled:not(:checked)+.toggle__background {
    background-color: #f2f4f6;
    background-color: var(--grey100)
}

.toggle__input:disabled:checked+.toggle__background {
    background-color: #90c2ff;
    background-color: var(--blue200)
}

.prefers-reduced-motion .toggle__background,.prefers-reduced-motion .toggle__background__text,.prefers-reduced-motion .toggle__handler {
    transition: none
}

.toggle__handler {
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(2,32,71,.05),0 2px 4px 0 rgba(0,0,0,.18);
    box-shadow: 0 0 0 1px var(--greyOpacity100),0 2px 4px 0 rgba(0,0,0,.18);
    background-color: #fff;
    background-color: var(--white);
    position: absolute;
    transition: transform .3s ease
}

.p-toggle--small .toggle__background {
    min-width: 36px;
    height: 21px
}

.p-toggle--small .toggle__background__text {
    font-size: 11px
}

.p-toggle--xsmall .toggle__background {
    min-width: 28px;
    height: 17px
}

.p-toggle--xsmall .toggle__background__text {
    font-size: 11px
}

.p-toggle--xsmall .toggle__background__text--off {
    left: unset
}

.typography code {
    font-family: Menlo,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    font-size: 85%;
    line-height: 1.6;
    line-height: var(--line-height-base);
    vertical-align: text-top;
    padding: .3em .5em;
    background-color: rgba(2,32,71,.05);
    background-color: var(--GreyOpacity100,rgba(2,32,71,.05));
    border: 1px solid var(--GreyOpacity200);
    border-radius: 6px;
    color: #4e5968;
    color: var(--grey700)
}

.p-year-picker {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    min-width: 242px;
    background: #fff;
    background: var(--white)
}

.p-year-picker--fixed {
    width: 242px
}

.p-year-picker__content {
    overflow: hidden;
    padding: 1px
}

.p-year-picker__items {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 0 -24px;
    padding: 0
}

.p-year-picker__item {
    list-style: none;
    flex: 0 0 33.3%;
    margin-bottom: 24px
}

.p-year-picker__item:nth-child(3n+1) {
    text-align: left
}

.p-year-picker__item:nth-child(3n) {
    text-align: right
}

.p-year-picker__button {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
    padding: 7px 12px;
    border: none;
    color: #333d4b;
    color: var(--grey800);
    border-radius: 18px;
    position: relative;
    background: #fff;
    background: var(--white);
    transition: background .2s ease,color .1s ease;
    width: 54px;
    white-space: nowrap
}

.p-year-picker__button:hover {
    background: #f2f4f6;
    background: var(--grey100)
}

.p-year-picker__button.p-year-picker__button--selected {
    background: #3182f6;
    background: var(--blue500);
    color: #fff;
    color: var(--white);
    font-weight: 600;
    font-weight: var(--font-weight-semibold)
}

.p-year-picker__button.p-year-picker__button--disabled {
    background: #fff;
    background: var(--white);
    color: #b0b8c1;
    color: var(--grey400)
}

.p-year-picker__button.p-year-picker__button--disabled:hover {
    background: #fff;
    background: var(--white)
}

.p-year-picker__button.p-year-picker__button--dotted:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #3182f6;
    background: var(--blue500);
    border-radius: 50%;
    position: absolute;
    left: 25px;
    top: 2px
}

.p-year-picker__bottom-addon {
    margin-top: 24px
}

.p-yearpicker-dropdown {
    padding: 16px
}

.text,
p{
    position:relative;
    line-height:1.5;
    font-size:var(--font-16);
    color:var(--color-two); 
    font-family: var(--font-family-Pretendard);
}

/* Typography */

h1{
    line-height:1.5;
    font-weight:500;
    font-size:var(--font-72);
}

h2{
    line-height:1.4;
    font-size:var(--font-56);
}

h3{
    line-height:1.3;
    font-size:var(--font-36);
}

h4{
    line-height:1.2;
    font-size:var(--font-24);
}

h5{
    line-height:1.2;
    font-size:var(--font-22);
}

h6{
    line-height:1.2;
    font-size:var(--font-18);
}

/*** 

    /* button style */
.btn_border{width: 228px; height: 70px;background: none; font-family: 'Poppins',sans-serif; font-weight: 500;}
.btn_border.navy{ border:1px solid var(--main-color); color:var(--main-color); }
.btn_border.navy:hover{background: #e2e4e9cf; /* color: #fff; */ border: none;}
.btn_border.white{ border:1px solid #fff; color: #fff;}