html {
    /* Prevent font scaling in landscape */
    -webkit-text-size-adjust:none; /*Chrome, Safari, newer versions of Opera*/
    -moz-text-size-adjust:none; /*Firefox*/
    -ms-text-size-adjust:none; /*Ie*/
    -o-text-size-adjust:none; /*old versions of Opera*/
    font-size:62.5%;
    overflow:initial;
}
html::-webkit-scrollbar {width:1rem;}
html::-webkit-scrollbar-thumb {background-color:var(--ibk-blue); border-radius:1rem; background-clip:padding-box; border:0.2rem solid transparent;}
html::-webkit-scrollbar-thumb:hover {background-color:var(--ibk-blue);}
html::-webkit-scrollbar-track {background-color:var(--basic-color-w);}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
.easy_auth_layer input:focus-visible + label {outline:0.2rem dashed var(--ibk-blue);}

/* Firefox */
input[type=number] {-moz-appearance:textfield;}

/* wrap */
#wrapper {position:relative; width:100%; min-width:102.4rem; margin:0 auto; text-align:center;}
.wrap {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; max-width:124.4rem; padding:0 2.2rem;}

/* body fixed */
body.on #wrapper {overflow:hidden; height:100vh;width:calc(100vw - 1rem); left:-0.5rem;}
body.on #header {width:calc(100vw - 1rem);}
body.on #aside {right:1rem;}
body.on #header .ha_nav {left:-1rem}
body.popup_open {overflow:hidden;}

/* focus */
*:focus-visible {outline:0.2rem dashed var(--ibk-blue) !important;}
.aa_menu *:focus-visible {outline:0.2rem dashed #D5ECFD !important;}
.is-checkbox *:focus-visible + .c_mark {outline:0.2rem dashed var(--ibk-blue) !important;}

/* color */
:root {
    --ibk-blue: #0055a2;
    --ibk-blue-10: #0055a21A;
    --ibk-blue-dark-text-color: #003768;
    --ibk-sky-blue: #0099d2;
    --ibk-sky-blue-dark-text-color: #0075A3;
    --ibk-sky-blue-light-text-color: #5DD1D8;
    --ibk-red: #f15a21;
    --ibk-red-dark-text-color: #CD3700;
    --ibk-purple: #6431cf;
    --ibk-green: #00bf93;
    --ibk-green-dark-text-color: #017b82;
    --ibk-gray-blue: #436793;
    --ibk-yellow: #f6dd7f;
    --secondary-light-blue: #d5ecfd;
    --secondary-light-red: #FFEBE3;
    --secondary-light-yellow: #fef6cc;
    --secondary-light-green: #c5f0e1;
    --secondary-color-1: #0d0e0f;
    --secondary-color-1-80: #0d0e0fCC;
    --secondary-color-1-15: #0d0e0f26;
    --secondary-color-1-8: #0d0e0f14;
    --secondary-color-2: #585a5d;
    --secondary-color-3: #7e8082;
    --secondary-color-4: #b5b6b7;
    --secondary-color-5: #d4d6d6;
    --secondary-color-6: #f0f2f6;
    --secondary-color-6-strong: #E4E4EE;
    --secondary-color-6-line: #E0E1E5;
    --custom-pastel-yellow: #FFF8EC;
    --custom-pastel-yellow-text: #F6B17F;
    --custom-pastel-blue: #EDF4FF;
    --custom-pastel-blue-text: #E9F8FE;
    --basic-color-w: #ffffff;
    --basic-color-w-10: #ffffff1A;
    --basic-color-b: #000;
    --ibk-blue-rgb: 0, 85, 162;
    --ibk-sky-blue-rgb: 0, 153, 210;
    --ibk-sky-blue-dark-text-color-rgb: 0, 117, 163;
    --ibk-sky-blue-light-text-color-rgb: 93, 209, 216;
    --ibk-red-rgb: 241, 90, 33;
    --ibk-red-dark-text-color-rgb: 205, 55, 0;
    --ibk-purple-rgb: 100, 49, 207;
    --ibk-green-rgb: 0, 191, 147;
    --ibk-green-dark-text-color-rgb: 1, 123, 130;
    --ibk-gray-blue-rgb: 67, 103, 147;
    --ibk-yellow-rgb: 246, 221, 127;
    --secondary-light-blue-rgb: 213, 236, 253;
    --secondary-light-yellow-rgb: 254, 246, 204;
    --secondary-light-green-rgb: 197, 240, 225;
    --secondary-color-1-rgb: 13, 14, 15;

    /* button tokens */
    --btn-surface-bg: var(--basic-color-w);
    --btn-focus-ring: rgba(var(--ibk-blue-rgb), 0.16);
    --btn-demo-panel-bg: var(--basic-color-w);
    --btn-demo-panel-line: var(--secondary-color-6-line);
    --btn-demo-title: var(--secondary-color-1);
    --btn-demo-label: var(--secondary-color-2);
    --btn-demo-note: var(--secondary-color-3);

    --btn-primary-bg: var(--ibk-blue);
    --btn-primary-bg-hover: var(--ibk-blue-dark-text-color);
    --btn-primary-line: var(--ibk-blue);
    --btn-primary-line-hover: var(--ibk-blue-dark-text-color);
    --btn-primary-text: var(--basic-color-w);
    --btn-primary-tonal-bg: var(--custom-pastel-blue);
    --btn-primary-tonal-bg-hover: var(--secondary-light-blue);
    --btn-primary-tonal-text: var(--ibk-blue);

    --btn-secondary-bg: var(--secondary-color-1);
    --btn-secondary-bg-hover: var(--secondary-color-2);
    --btn-secondary-line: var(--secondary-color-4);
    --btn-secondary-line-hover: var(--secondary-color-2);
    --btn-secondary-text: var(--basic-color-w);
    --btn-secondary-tonal-bg: var(--secondary-color-6);
    --btn-secondary-tonal-bg-hover: var(--secondary-color-5);
    --btn-secondary-tonal-text: var(--secondary-color-1);

    --btn-critical-bg: var(--ibk-red);
    --btn-critical-bg-hover: var(--ibk-red-dark-text-color);
    --btn-critical-line: var(--ibk-red);
    --btn-critical-line-hover: var(--ibk-red-dark-text-color);
    --btn-critical-text: var(--basic-color-w);
    --btn-critical-tonal-bg: var(--secondary-light-yellow);
    --btn-critical-tonal-bg-hover: var(--custom-pastel-yellow);
    --btn-critical-tonal-text: var(--ibk-red-dark-text-color);

    --btn-disabled-fill: var(--secondary-color-6);
    --btn-disabled-stroke: var(--secondary-color-5);
    --btn-disabled-ink: var(--secondary-color-3);
}

/* color */
.cm {color:var(--ibk-blue) !important;}
.cbdt {color:var(--ibk-blue-dark-text-color) !important;}
.cb10 {color:var(--ibk-blue-10) !important;}
.csb {color:var(--ibk-sky-blue) !important;}
.csbdt {color:var(--ibk-sky-blue-dark-text-color) !important;}
.csblt {color:var(--ibk-sky-blue-light-text-color) !important;}
.cr {color:var(--ibk-red) !important;}
.crdt {color:var(--ibk-red-dark-text-color) !important;}
.cp {color:var(--ibk-purple) !important;}
.cg {color:var(--ibk-green) !important;}
.cgt,
.csgdt {color:var(--ibk-green-dark-text-color) !important;}
.cgb {color:var(--ibk-gray-blue) !important;}
.cy {color:var(--ibk-yellow) !important;}
.cslb {color:var(--secondary-light-blue) !important;}
.cslr {color:var(--secondary-light-red) !important;}
.csly {color:var(--secondary-light-yellow) !important;}
.cslg {color:var(--secondary-light-green) !important;}
.cs1 {color:var(--secondary-color-1) !important;}
.cs1_80 {color:var(--secondary-color-1-80) !important;}
.cs1_15 {color:var(--secondary-color-1-15) !important;}
.cs1_8 {color:var(--secondary-color-1-8) !important;}
.cs2 {color:var(--secondary-color-2) !important;}
.cs3 {color:var(--secondary-color-3) !important;}
.cs4 {color:var(--secondary-color-4) !important;}
.cs5 {color:var(--secondary-color-5) !important;}
.cs6 {color:var(--secondary-color-6) !important;}
.cs6s {color:var(--secondary-color-6-strong) !important;}
.cs6l {color:var(--secondary-color-6-line) !important;}
.cpy {color:var(--custom-pastel-yellow) !important;}
.cpyt {color:var(--custom-pastel-yellow-text) !important;}
.cpb {color:var(--custom-pastel-blue) !important;}
.cpbt {color:var(--custom-pastel-blue-text) !important;}
.cbw {color:var(--basic-color-w) !important;}
.cbw10 {color:var(--basic-color-w-10) !important;}
.cbb {color:var(--basic-color-b) !important;}

/* bgcolor */
.bg_cm {background-color:var(--ibk-blue) !important;}
.bg_cbdt {background-color:var(--ibk-blue-dark-text-color) !important;}
.bg_cb10 {background-color:var(--ibk-blue-10) !important;}
.bg_csb {background-color:var(--ibk-sky-blue) !important;}
.bg_csbdt {background-color:var(--ibk-sky-blue-dark-text-color) !important;}
.bg_csblt {background-color:var(--ibk-sky-blue-light-text-color) !important;}
.bg_cr {background-color:var(--ibk-red) !important;}
.bg_crdt {background-color:var(--ibk-red-dark-text-color) !important;}
.bg_cp {background-color:var(--ibk-purple) !important;}
.bg_cg {background-color:var(--ibk-green) !important;}
.bg_cgt,
.bg_csgdt {background-color:var(--ibk-green-dark-text-color) !important;}
.bg_cgb {background-color:var(--ibk-gray-blue) !important;}
.bg_cy {background-color:var(--ibk-yellow) !important;}
.bg_cslb {background-color:var(--secondary-light-blue) !important;}
.bg_cslr {background-color:var(--secondary-light-red) !important;}
.bg_csly {background-color:var(--secondary-light-yellow) !important;}
.bg_cslg {background-color:var(--secondary-light-green) !important;}
.bg_cs1 {background-color:var(--secondary-color-1) !important;}
.bg_cs1_80 {background-color:var(--secondary-color-1-80) !important;}
.bg_cs1_15 {background-color:var(--secondary-color-1-15) !important;}
.bg_cs1_8 {background-color:var(--secondary-color-1-8) !important;}
.bg_cs2 {background-color:var(--secondary-color-2) !important;}
.bg_cs3 {background-color:var(--secondary-color-3) !important;}
.bg_cs4 {background-color:var(--secondary-color-4) !important;}
.bg_cs5 {background-color:var(--secondary-color-5) !important;}
.bg_cs6 {background-color:var(--secondary-color-6) !important;}
.bg_cs6s {background-color:var(--secondary-color-6-strong) !important;}
.bg_cs6l {background-color:var(--secondary-color-6-line) !important;}
.bg_cpy {background-color:var(--custom-pastel-yellow) !important;}
.bg_cpyt {background-color:var(--custom-pastel-yellow-text) !important;}
.bg_cpb {background-color:var(--custom-pastel-blue) !important;}
.bg_cpbt {background-color:var(--custom-pastel-blue-text) !important;}
.bg_cbw {background-color:var(--basic-color-w) !important;}
.bg_cbw10 {background-color:var(--basic-color-w-10) !important;}
.bg_cbb {background-color:var(--basic-color-b) !important;}

mark,
em {background-color:transparent;}

/* underline */
u {text-decoration:underline; text-underline-position:under;}
u a {text-decoration:none !important;}
u a:hover {color:var(--ibk-blue) !important;}

/* font-weight */
.light {font-weight:300 !important;}
.regular {font-weight:400 !important;}
.medium {font-weight:500 !important;}
.semibold {font-weight:600 !important;}
.bold {font-weight:700 !important;}
.exbold {font-weight:800 !important;}

/* font-family */
.opensans {font-family:"OpenSans" !important;}

/* title */
.title {font-size:3.2rem; color:var(--secondary-color-1); font-weight:700; line-height:4rem; letter-spacing:-0.062rem; word-break:keep-all;}
.title.xs {font-size:1.6rem; line-height:3rem; letter-spacing:-0.032rem;}
.title.s {font-size:2rem; line-height:3rem; letter-spacing:-0.04rem;}
.title.m {font-size:2.5rem; line-height:3.5rem; letter-spacing:-0.05rem;}
.title.l {font-size:3rem; line-height:4rem; letter-spacing:-0.06rem;}
.title.xl {font-size:3.5rem; line-height:5rem; letter-spacing:-0.07rem;}

/* text */
.text {font-size:2rem; font-weight:400; color:var(--secondary-color-1); line-height:3rem; letter-spacing:-0.04rem; text-align:center; word-break:keep-all;}
.text.xs, .text .xs {font-size:1.2rem; line-height:2rem; letter-spacing:-0.024rem;}
.text.s, .text .s {font-size:1.4rem; line-height:2.4rem; letter-spacing:-0.028rem;}
.text.m, .text .m {font-size:1.6rem; line-height:2.6rem; letter-spacing:-0.032rem;}
.text.l, .text .l {font-size:1.8rem; line-height:3rem; letter-spacing:-0.036rem;}
.text.xl, .text .xl {font-size:2.2rem; line-height:3.5rem; letter-spacing:-0.044rem;}

.componentwrap {padding:4rem 2rem; background-color:var(--secondary-color-6);}
.btn_canvas {
    padding:2rem;
    border:0.1rem solid var(--secondary-color-6-line);
    border-radius:2.4rem;
    background-color:var(--secondary-color-6);
}
.btn_matrix {
    display:flex;
    flex-direction:column;
    gap:1rem;
}
.btn_matrix_row {
    display:grid;
    grid-template-columns:6.4rem minmax(0, 1fr);
    gap:1.6rem;
    align-items:center;
}
.btn_matrix_label {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:0.2rem;
    color:var(--btn-demo-label);
    text-transform:uppercase;
}
.btn_matrix_style {
    font-size:1.1rem;
    line-height:1.4rem;
    font-weight:600;
    letter-spacing:0;
}
.btn_matrix_size {
    font-size:2rem;
    line-height:2.6rem;
    font-weight:700;
    color:var(--btn-demo-title);
    letter-spacing:0;
}
.btn_matrix_track {
    display:flex;
    gap:1rem;
    overflow-x:auto;
    padding-bottom:0.4rem;
}
.btn_matrix_track::-webkit-scrollbar {
    height:0.8rem;
}
.btn_matrix_track::-webkit-scrollbar-thumb {
    border-radius:99.9rem;
    background-color:var(--secondary-color-5);
}
.btn_matrix_item {
    display:inline-flex;
    flex:0 0 auto;
}
.btn_matrix_item.pill,
.btn_matrix_item--inverse.pill {
    border-radius:99.9rem;
}
.btn_matrix_item.rounded,
.btn_matrix_item--inverse.rounded {
    border-radius:1.2rem;
}
.btn_matrix_item.rounded.xl,
.btn_matrix_item--inverse.rounded.xl {
    border-radius:2rem;
}
.btn_matrix_item.rounded.l,
.btn_matrix_item--inverse.rounded.l {
    border-radius:1.6rem;
}
.btn_matrix_item.rounded.s,
.btn_matrix_item--inverse.rounded.s {
    border-radius:0.8rem;
}
.btn_matrix_item.rounded.xs,
.btn_matrix_item--inverse.rounded.xs {
    border-radius:0.4rem;
}
.c_icons ul {display:flex; flex-wrap:wrap; gap:1.6rem; margin:2rem 0 0; padding:0; list-style:none;}
.c_icons li {width:calc(50% - 0.8rem); max-width:28rem;}
.icon_item {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:16.4rem;
    padding:2.4rem 1.6rem;
    border:0.1rem solid var(--secondary-color-6-line);
    border-radius:1.6rem;
    background-color:var(--basic-color-w);
    text-align:center;
}
.icon_item .figma_name,
.icon_item .class_name {
    margin:1.2rem 0 0;
    word-break:break-word;
}
.icon_item .figma_name {color:var(--secondary-color-2);}
.icon_item .class_name {color:var(--ibk-blue); font-weight:600;}

.icon {display:flex; position:relative; justify-content:center; align-items:center; width:2rem; height:2rem;}
.icon::before {content:""; display:inline-block; width:2rem; height:2rem; background-size:100% auto; background-repeat:no-repeat;}
.icon.tiny {width:1.2rem; height:1.2rem;}
.icon.tiny::before {width:1.2rem; height:1.2rem;}
.icon.small {width:1.6rem; height:1.6rem;}
.icon.small::before {width:1.6rem; height:1.6rem;}
.icon.big {width:2.4rem; height:2.4rem;}
.icon.big::before {width:2.4rem; height:2.4rem;}
.icon.huge {width:4rem; height:4rem;}
.icon.huge::before {width:4rem; height:4rem;}
.icon.w360 {width:36rem; height:36rem;}
.icon.w360::before {width:36rem; height:36rem;}



/* solid */
.icon.solid {
    color:var(--ibk-blue);
    --solid-shadow-rgb: var(--ibk-blue-rgb);
    filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(var(--solid-shadow-rgb), 0.3));
}

.icon.solid.csb {--solid-shadow-rgb: var(--ibk-sky-blue-rgb);}
.icon.solid.csbdt {--solid-shadow-rgb: var(--ibk-sky-blue-dark-text-color-rgb);}
.icon.solid.csblt {--solid-shadow-rgb: var(--ibk-sky-blue-light-text-color-rgb);}
.icon.solid.cr {--solid-shadow-rgb: var(--ibk-red-rgb);}
.icon.solid.crdt {--solid-shadow-rgb: var(--ibk-red-dark-text-color-rgb);}
.icon.solid.cp {--solid-shadow-rgb: var(--ibk-purple-rgb);}
.icon.solid.cg {--solid-shadow-rgb: var(--ibk-green-rgb);}
.icon.solid.cgt {--solid-shadow-rgb: var(--ibk-green-dark-text-color-rgb);}
.icon.solid.cgb {--solid-shadow-rgb: var(--ibk-gray-blue-rgb);}
.icon.solid.cy {--solid-shadow-rgb: var(--ibk-yellow-rgb);}
.icon.solid.cslb {--solid-shadow-rgb: var(--secondary-light-blue-rgb);}
.icon.solid.cslg {--solid-shadow-rgb: var(--secondary-light-green-rgb);}
.icon.solid.cs1 {--solid-shadow-rgb: var(--secondary-color-1-rgb);}


.icon.solid::before ,
.icon.solid::after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-mask-image: url("/nresources/images/newbird/common/icons_solid.svg");
    mask-image: url("/nresources/images/newbird/common/icons_solid.svg");
    background-image:none !important;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left 0;
    mask-position: left 0;
    -webkit-mask-size:1100% auto;
    mask-size: 1100% auto;
    z-index:1;
}
.icon.solid::before {background-color: currentColor;}
.icon.solid::after {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0) 52%);
    box-shadow: 0.3rem 0.3rem 0.9rem 0 rgba(255, 255, 255, 0.8) inset;
}

.icon.solid.i_ambulance::before,
.icon.solid.i_ambulance::after {
    -webkit-mask-position:0 0;
    mask-position:0 0;
}

.icon.solid.i_analyticslinechart::before,
.icon.solid.i_analyticslinechart::after {
    -webkit-mask-position:10% 0;
    mask-position:10% 0;
}

.icon.solid.i_analyticschartdown::before,
.icon.solid.i_analyticschartdown::after {
    -webkit-mask-position:20% 0;
    mask-position:20% 0;
}

.icon.solid.i_analyticschartup::before,
.icon.solid.i_analyticschartup::after {
    -webkit-mask-position:30% 0;
    mask-position:30% 0;
}

.icon.solid.i_analyticslist::before,
.icon.solid.i_analyticslist::after {
    -webkit-mask-position:40% 0;
    mask-position:40% 0;
}

.icon.solid.i_analyticschart::before,
.icon.solid.i_analyticschart::after {
    -webkit-mask-position:50% 0;
    mask-position:50% 0;
}

.icon.solid.i_analyticsring::before,
.icon.solid.i_analyticsring::after {
    -webkit-mask-position:60% 0;
    mask-position:60% 0;
}

.icon.solid.i_analyticspiechart::before,
.icon.solid.i_analyticspiechart::after {
    -webkit-mask-position:70% 0;
    mask-position:70% 0;
}

.icon.solid.i_analyticsexam::before,
.icon.solid.i_analyticsexam::after {
    -webkit-mask-position:80% 0;
    mask-position:80% 0;
}

.icon.solid.i_analyticsverticalchart::before,
.icon.solid.i_analyticsverticalchart::after {
    -webkit-mask-position:90% 0;
    mask-position:90% 0;
}

.icon.solid.i_analyticsnotification::before,
.icon.solid.i_analyticsnotification::after {
    -webkit-mask-position:100% 0;
    mask-position:100% 0;
}

.icon.solid.i_analyticspresentation::before,
.icon.solid.i_analyticspresentation::after {
    -webkit-mask-position:0 2.5%;
    mask-position:0 2.5%;
}

.icon.solid.i_analyticspresentationstrategy::before,
.icon.solid.i_analyticspresentationstrategy::after {
    -webkit-mask-position:10% 2.5%;
    mask-position:10% 2.5%;
}

.icon.solid.i_analyticsbranch::before,
.icon.solid.i_analyticsbranch::after {
    -webkit-mask-position:20% 2.5%;
    mask-position:20% 2.5%;
}

.icon.solid.i_architecturehome1::before,
.icon.solid.i_architecturehome1::after {
    -webkit-mask-position:30% 2.5%;
    mask-position:30% 2.5%;
}

.icon.solid.i_architecturehome2::before,
.icon.solid.i_architecturehome2::after {
    -webkit-mask-position:40% 2.5%;
    mask-position:40% 2.5%;
}

.icon.solid.i_architecturestore::before,
.icon.solid.i_architecturestore::after {
    -webkit-mask-position:50% 2.5%;
    mask-position:50% 2.5%;
}

.icon.solid.i_architecturebank::before,
.icon.solid.i_architecturebank::after {
    -webkit-mask-position:60% 2.5%;
    mask-position:60% 2.5%;
}

.icon.solid.i_architecturebuilding::before,
.icon.solid.i_architecturebuilding::after {
    -webkit-mask-position:70% 2.5%;
    mask-position:70% 2.5%;
}

.icon.solid.i_architecturebuildings::before,
.icon.solid.i_architecturebuildings::after {
    -webkit-mask-position:80% 2.5%;
    mask-position:80% 2.5%;
}

.icon.solid.i_architecturebuildings2::before,
.icon.solid.i_architecturebuildings2::after {
    -webkit-mask-position:90% 2.5%;
    mask-position:90% 2.5%;
}

.icon.solid.i_architecturebuildingcoin::before,
.icon.solid.i_architecturebuildingcoin::after {
    -webkit-mask-position:100% 2.5%;
    mask-position:100% 2.5%;
}

.icon.solid.i_awradsranking::before,
.icon.solid.i_awradsranking::after {
    -webkit-mask-position:0 5%;
    mask-position:0 5%;
}

.icon.solid.i_awardstrophystarthin::before,
.icon.solid.i_awardstrophystarthin::after {
    -webkit-mask-position:10% 5%;
    mask-position:10% 5%;
}

.icon.solid.i_awardstrophystarfat::before,
.icon.solid.i_awardstrophystarfat::after {
    -webkit-mask-position:20% 5%;
    mask-position:20% 5%;
}

.icon.solid.i_awardstrophy2::before,
.icon.solid.i_awardstrophy2::after {
    -webkit-mask-position:30% 5%;
    mask-position:30% 5%;
}

.icon.solid.i_awardstrophydiamond::before,
.icon.solid.i_awardstrophydiamond::after {
    -webkit-mask-position:40% 5%;
    mask-position:40% 5%;
}

.icon.solid.i_awardstrophystar::before,
.icon.solid.i_awardstrophystar::after {
    -webkit-mask-position:50% 5%;
    mask-position:50% 5%;
}

.icon.solid.i_awardsmedal1::before,
.icon.solid.i_awardsmedal1::after {
    -webkit-mask-position:60% 5%;
    mask-position:60% 5%;
}

.icon.solid.i_awardsmedalcircle::before,
.icon.solid.i_awardsmedalcircle::after {
    -webkit-mask-position:70% 5%;
    mask-position:70% 5%;
}

.icon.solid.i_awardsmedalsimple::before,
.icon.solid.i_awardsmedalsimple::after {
    -webkit-mask-position:80% 5%;
    mask-position:80% 5%;
}

.icon.solid.i_awardsmedalstar::before,
.icon.solid.i_awardsmedalstar::after {
    -webkit-mask-position:90% 5%;
    mask-position:90% 5%;
}

.icon.solid.i_awardsmedaluser::before,
.icon.solid.i_awardsmedaluser::after {
    -webkit-mask-position:100% 5%;
    mask-position:100% 5%;
}

.icon.solid.i_bell::before,
.icon.solid.i_bell::after {
    -webkit-mask-position:0 7.5%;
    mask-position:0 7.5%;
}

.icon.solid.i_bellslash::before,
.icon.solid.i_bellslash::after {
    -webkit-mask-position:10% 7.5%;
    mask-position:10% 7.5%;
}

.icon.solid.i_biometricsscan::before,
.icon.solid.i_biometricsscan::after {
    -webkit-mask-position:20% 7.5%;
    mask-position:20% 7.5%;
}

.icon.solid.i_biometricsfingerprint::before,
.icon.solid.i_biometricsfingerprint::after {
    -webkit-mask-position:30% 7.5%;
    mask-position:30% 7.5%;
}

.icon.solid.i_biometricsrecognition::before,
.icon.solid.i_biometricsrecognition::after {
    -webkit-mask-position:40% 7.5%;
    mask-position:40% 7.5%;
}

.icon.solid.i_bookempty::before,
.icon.solid.i_bookempty::after {
    -webkit-mask-position:50% 7.5%;
    mask-position:50% 7.5%;
}

.icon.solid.i_bookline::before,
.icon.solid.i_bookline::after {
    -webkit-mask-position:60% 7.5%;
    mask-position:60% 7.5%;
}

.icon.solid.i_book::before,
.icon.solid.i_book::after {
    -webkit-mask-position:70% 7.5%;
    mask-position:70% 7.5%;
}

.icon.solid.i_bookopenreader::before,
.icon.solid.i_bookopenreader::after {
    -webkit-mask-position:80% 7.5%;
    mask-position:80% 7.5%;
}

.icon.solid.i_bookopentext::before,
.icon.solid.i_bookopentext::after {
    -webkit-mask-position:90% 7.5%;
    mask-position:90% 7.5%;
}

.icon.solid.i_bookopen::before,
.icon.solid.i_bookopen::after {
    -webkit-mask-position:100% 7.5%;
    mask-position:100% 7.5%;
}

.icon.solid.i_bookparagraph::before,
.icon.solid.i_bookparagraph::after {
    -webkit-mask-position:0 10%;
    mask-position:0 10%;
}

.icon.solid.i_bookmark::before,
.icon.solid.i_bookmark::after {
    -webkit-mask-position:10% 10%;
    mask-position:10% 10%;
}

.icon.solid.i_bookmarks::before,
.icon.solid.i_bookmarks::after {
    -webkit-mask-position:20% 10%;
    mask-position:20% 10%;
}

.icon.solid.i_box::before,
.icon.solid.i_box::after {
    -webkit-mask-position:30% 10%;
    mask-position:30% 10%;
}

.icon.solid.i_carryshopping::before,
.icon.solid.i_carryshopping::after {
    -webkit-mask-position:40% 10%;
    mask-position:40% 10%;
}

.icon.solid.i_carryshoppingcart::before,
.icon.solid.i_carryshoppingcart::after {
    -webkit-mask-position:50% 10%;
    mask-position:50% 10%;
}

.icon.solid.i_carrybasket::before,
.icon.solid.i_carrybasket::after {
    -webkit-mask-position:60% 10%;
    mask-position:60% 10%;
}

.icon.solid.i_carryshoppingbag::before,
.icon.solid.i_carryshoppingbag::after {
    -webkit-mask-position:70% 10%;
    mask-position:70% 10%;
}

.icon.solid.i_carrybriefcase1::before,
.icon.solid.i_carrybriefcase1::after {
    -webkit-mask-position:80% 10%;
    mask-position:80% 10%;
}

.icon.solid.i_carrybriefcase2::before,
.icon.solid.i_carrybriefcase2::after {
    -webkit-mask-position:90% 10%;
    mask-position:90% 10%;
}

.icon.solid.i_calculator::before,
.icon.solid.i_calculator::after {
    -webkit-mask-position:100% 10%;
    mask-position:100% 10%;
}

.icon.solid.i_calendar::before,
.icon.solid.i_calendar::after {
    -webkit-mask-position:0 12.5%;
    mask-position:0 12.5%;
}

.icon.solid.i_calendarreservation::before,
.icon.solid.i_calendarreservation::after {
    -webkit-mask-position:10% 12.5%;
    mask-position:10% 12.5%;
}

.icon.solid.i_calendarplus::before,
.icon.solid.i_calendarplus::after {
    -webkit-mask-position:20% 12.5%;
    mask-position:20% 12.5%;
}

.icon.solid.i_calendarminus::before,
.icon.solid.i_calendarminus::after {
    -webkit-mask-position:30% 12.5%;
    mask-position:30% 12.5%;
}

.icon.solid.i_calendarxmark::before,
.icon.solid.i_calendarxmark::after {
    -webkit-mask-position:40% 12.5%;
    mask-position:40% 12.5%;
}

.icon.solid.i_calendarclock::before,
.icon.solid.i_calendarclock::after {
    -webkit-mask-position:50% 12.5%;
    mask-position:50% 12.5%;
}

.icon.solid.i_calendaredit::before,
.icon.solid.i_calendaredit::after {
    -webkit-mask-position:60% 12.5%;
    mask-position:60% 12.5%;
}

.icon.solid.i_chair::before,
.icon.solid.i_chair::after {
    -webkit-mask-position:70% 12.5%;
    mask-position:70% 12.5%;
}

.icon.solid.i_category::before,
.icon.solid.i_category::after {
    -webkit-mask-position:80% 12.5%;
    mask-position:80% 12.5%;
}

.icon.solid.i_certificate1::before,
.icon.solid.i_certificate1::after {
    -webkit-mask-position:90% 12.5%;
    mask-position:90% 12.5%;
}

.icon.solid.i_certificate2::before,
.icon.solid.i_certificate2::after {
    -webkit-mask-position:100% 12.5%;
    mask-position:100% 12.5%;
}

.icon.solid.i_certificatestar::before,
.icon.solid.i_certificatestar::after {
    -webkit-mask-position:0 15%;
    mask-position:0 15%;
}

.icon.solid.i_certified::before,
.icon.solid.i_certified::after {
    -webkit-mask-position:10% 15%;
    mask-position:10% 15%;
}

.icon.solid.i_clock2::before,
.icon.solid.i_clock2::after {
    -webkit-mask-position:20% 15%;
    mask-position:20% 15%;
}

.icon.solid.i_clockalarm::before,
.icon.solid.i_clockalarm::after {
    -webkit-mask-position:30% 15%;
    mask-position:30% 15%;
}

.icon.solid.i_clockalarmminus::before,
.icon.solid.i_clockalarmminus::after {
    -webkit-mask-position:40% 15%;
    mask-position:40% 15%;
}

.icon.solid.i_clockalarmplus::before,
.icon.solid.i_clockalarmplus::after {
    -webkit-mask-position:50% 15%;
    mask-position:50% 15%;
}

.icon.solid.i_clocksquare::before,
.icon.solid.i_clocksquare::after {
    -webkit-mask-position:60% 15%;
    mask-position:60% 15%;
}

.icon.solid.i_cloud::before,
.icon.solid.i_cloud::after {
    -webkit-mask-position:70% 15%;
    mask-position:70% 15%;
}

.icon.solid.i_cloudslash::before,
.icon.solid.i_cloudslash::after {
    -webkit-mask-position:80% 15%;
    mask-position:80% 15%;
}

.icon.solid.i_cloudupload1::before,
.icon.solid.i_cloudupload1::after {
    -webkit-mask-position:90% 15%;
    mask-position:90% 15%;
}

.icon.solid.i_clouddownload::before,
.icon.solid.i_clouddownload::after {
    -webkit-mask-position:100% 15%;
    mask-position:100% 15%;
}

.icon.solid.i_cloudsettings::before,
.icon.solid.i_cloudsettings::after {
    -webkit-mask-position:0 17.5%;
    mask-position:0 17.5%;
}

.icon.solid.i_cloudlock::before,
.icon.solid.i_cloudlock::after {
    -webkit-mask-position:10% 17.5%;
    mask-position:10% 17.5%;
}

.icon.solid.i_cloudshare::before,
.icon.solid.i_cloudshare::after {
    -webkit-mask-position:20% 17.5%;
    mask-position:20% 17.5%;
}

.icon.solid.i_cloudshield::before,
.icon.solid.i_cloudshield::after {
    -webkit-mask-position:30% 17.5%;
    mask-position:30% 17.5%;
}

.icon.solid.i_cloudconnection::before,
.icon.solid.i_cloudconnection::after {
    -webkit-mask-position:40% 17.5%;
    mask-position:40% 17.5%;
}

.icon.solid.i_cloudnetwork::before,
.icon.solid.i_cloudnetwork::after {
    -webkit-mask-position:50% 17.5%;
    mask-position:50% 17.5%;
}

.icon.solid.i_code::before,
.icon.solid.i_code::after {
    -webkit-mask-position:60% 17.5%;
    mask-position:60% 17.5%;
}

.icon.solid.i_commsopenmail::before,
.icon.solid.i_commsopenmail::after {
    -webkit-mask-position:70% 17.5%;
    mask-position:70% 17.5%;
}

.icon.solid.i_commscommentnotification::before,
.icon.solid.i_commscommentnotification::after {
    -webkit-mask-position:80% 17.5%;
    mask-position:80% 17.5%;
}

.icon.solid.i_commscommentcheck::before,
.icon.solid.i_commscommentcheck::after {
    -webkit-mask-position:90% 17.5%;
    mask-position:90% 17.5%;
}

.icon.solid.i_commscommentplus::before,
.icon.solid.i_commscommentplus::after {
    -webkit-mask-position:100% 17.5%;
    mask-position:100% 17.5%;
}

.icon.solid.i_commscommentminus::before,
.icon.solid.i_commscommentminus::after {
    -webkit-mask-position:0 20%;
    mask-position:0 20%;
}

.icon.solid.i_commscommenttimes::before,
.icon.solid.i_commscommenttimes::after {
    -webkit-mask-position:10% 20%;
    mask-position:10% 20%;
}

.icon.solid.i_commscommentdots::before,
.icon.solid.i_commscommentdots::after {
    -webkit-mask-position:20% 20%;
    mask-position:20% 20%;
}

.icon.solid.i_commscommentdotsnotification::before,
.icon.solid.i_commscommentdotsnotification::after {
    -webkit-mask-position:30% 20%;
    mask-position:30% 20%;
}

.icon.solid.i_commscommentdotsplus::before,
.icon.solid.i_commscommentdotsplus::after {
    -webkit-mask-position:40% 20%;
    mask-position:40% 20%;
}

.icon.solid.i_commscommentdotsminus::before,
.icon.solid.i_commscommentdotsminus::after {
    -webkit-mask-position:50% 20%;
    mask-position:50% 20%;
}

.icon.solid.i_commscommentdotstimes::before,
.icon.solid.i_commscommentdotstimes::after {
    -webkit-mask-position:60% 20%;
    mask-position:60% 20%;
}

.icon.solid.i_commscommentcode::before,
.icon.solid.i_commscommentcode::after {
    -webkit-mask-position:70% 20%;
    mask-position:70% 20%;
}

.icon.solid.i_commscommentinfo::before,
.icon.solid.i_commscommentinfo::after {
    -webkit-mask-position:80% 20%;
    mask-position:80% 20%;
}

.icon.solid.i_commscommentexclamation::before,
.icon.solid.i_commscommentexclamation::after {
    -webkit-mask-position:90% 20%;
    mask-position:90% 20%;
}

.icon.solid.i_commscommentquestion::before,
.icon.solid.i_commscommentquestion::after {
    -webkit-mask-position:100% 20%;
    mask-position:100% 20%;
}

.icon.solid.i_commscommentactivity::before,
.icon.solid.i_commscommentactivity::after {
    -webkit-mask-position:0 22.5%;
    mask-position:0 22.5%;
}

.icon.solid.i_commscommentcheckalt::before,
.icon.solid.i_commscommentcheckalt::after {
    -webkit-mask-position:10% 22.5%;
    mask-position:10% 22.5%;
}

.icon.solid.i_commscommentplusalt::before,
.icon.solid.i_commscommentplusalt::after {
    -webkit-mask-position:20% 22.5%;
    mask-position:20% 22.5%;
}

.icon.solid.i_commscommentminusalt::before,
.icon.solid.i_commscommentminusalt::after {
    -webkit-mask-position:30% 22.5%;
    mask-position:30% 22.5%;
}

.icon.solid.i_commscommenttimesalt::before,
.icon.solid.i_commscommenttimesalt::after {
    -webkit-mask-position:40% 22.5%;
    mask-position:40% 22.5%;
}

.icon.solid.i_commscommentclock::before,
.icon.solid.i_commscommentclock::after {
    -webkit-mask-position:50% 22.5%;
    mask-position:50% 22.5%;
}

.icon.solid.i_commscommentedit::before,
.icon.solid.i_commscommentedit::after {
    -webkit-mask-position:60% 22.5%;
    mask-position:60% 22.5%;
}

.icon.solid.i_commscommentheart::before,
.icon.solid.i_commscommentheart::after {
    -webkit-mask-position:70% 22.5%;
    mask-position:70% 22.5%;
}

.icon.solid.i_commscommentlock::before,
.icon.solid.i_commscommentlock::after {
    -webkit-mask-position:80% 22.5%;
    mask-position:80% 22.5%;
}

.icon.solid.i_commscommentsearch::before,
.icon.solid.i_commscommentsearch::after {
    -webkit-mask-position:90% 22.5%;
    mask-position:90% 22.5%;
}

.icon.solid.i_commscommentsettings::before,
.icon.solid.i_commscommentsettings::after {
    -webkit-mask-position:100% 22.5%;
    mask-position:100% 22.5%;
}

.icon.solid.i_commscommentshield::before,
.icon.solid.i_commscommentshield::after {
    -webkit-mask-position:0 25%;
    mask-position:0 25%;
}

.icon.solid.i_commscommentstar::before,
.icon.solid.i_commscommentstar::after {
    -webkit-mask-position:10% 25%;
    mask-position:10% 25%;
}

.icon.solid.i_commscommenttext::before,
.icon.solid.i_commscommenttext::after {
    -webkit-mask-position:20% 25%;
    mask-position:20% 25%;
}

.icon.solid.i_commscommenttextnotification::before,
.icon.solid.i_commscommenttextnotification::after {
    -webkit-mask-position:30% 25%;
    mask-position:30% 25%;
}

.icon.solid.i_commscommenttextcheck::before,
.icon.solid.i_commscommenttextcheck::after {
    -webkit-mask-position:40% 25%;
    mask-position:40% 25%;
}

.icon.solid.i_commscommenttextplus::before,
.icon.solid.i_commscommenttextplus::after {
    -webkit-mask-position:50% 25%;
    mask-position:50% 25%;
}

.icon.solid.i_commscommenttextminus::before,
.icon.solid.i_commscommenttextminus::after {
    -webkit-mask-position:60% 25%;
    mask-position:60% 25%;
}

.icon.solid.i_commscomments::before,
.icon.solid.i_commscomments::after {
    -webkit-mask-position:70% 25%;
    mask-position:70% 25%;
}

.icon.solid.i_commscommentsdots::before,
.icon.solid.i_commscommentsdots::after {
    -webkit-mask-position:80% 25%;
    mask-position:80% 25%;
}

.icon.solid.i_commscommentstext::before,
.icon.solid.i_commscommentstext::after {
    -webkit-mask-position:90% 25%;
    mask-position:90% 25%;
}

.icon.solid.i_commsconsultant::before,
.icon.solid.i_commsconsultant::after {
    -webkit-mask-position:100% 25%;
    mask-position:100% 25%;
}

.icon.solid.i_commsmegaphone::before,
.icon.solid.i_commsmegaphone::after {
    -webkit-mask-position:0 27.5%;
    mask-position:0 27.5%;
}

.icon.solid.i_commsmessagenotification::before,
.icon.solid.i_commsmessagenotification::after {
    -webkit-mask-position:10% 27.5%;
    mask-position:10% 27.5%;
}

.icon.solid.i_commsmessagecheck::before,
.icon.solid.i_commsmessagecheck::after {
    -webkit-mask-position:20% 27.5%;
    mask-position:20% 27.5%;
}

.icon.solid.i_commsmessagecheck2::before,
.icon.solid.i_commsmessagecheck2::after {
    -webkit-mask-position:30% 27.5%;
    mask-position:30% 27.5%;
}

.icon.solid.i_commsmessageplus::before,
.icon.solid.i_commsmessageplus::after {
    -webkit-mask-position:40% 27.5%;
    mask-position:40% 27.5%;
}

.icon.solid.i_commsmessagetimes::before,
.icon.solid.i_commsmessagetimes::after {
    -webkit-mask-position:50% 27.5%;
    mask-position:50% 27.5%;
}

.icon.solid.i_commsmessagedots::before,
.icon.solid.i_commsmessagedots::after {
    -webkit-mask-position:60% 27.5%;
    mask-position:60% 27.5%;
}

.icon.solid.i_commsmessagedotsnotification::before,
.icon.solid.i_commsmessagedotsnotification::after {
    -webkit-mask-position:70% 27.5%;
    mask-position:70% 27.5%;
}

.icon.solid.i_commsmessagedotscheck::before,
.icon.solid.i_commsmessagedotscheck::after {
    -webkit-mask-position:80% 27.5%;
    mask-position:80% 27.5%;
}

.icon.solid.i_commsmessagedotsplus::before,
.icon.solid.i_commsmessagedotsplus::after {
    -webkit-mask-position:90% 27.5%;
    mask-position:90% 27.5%;
}

.icon.solid.i_commsmessagedotsminus::before,
.icon.solid.i_commsmessagedotsminus::after {
    -webkit-mask-position:100% 27.5%;
    mask-position:100% 27.5%;
}

.icon.solid.i_commsmessagedotstimes::before,
.icon.solid.i_commsmessagedotstimes::after {
    -webkit-mask-position:0 30%;
    mask-position:0 30%;
}

.icon.solid.i_commsmessageactivity::before,
.icon.solid.i_commsmessageactivity::after {
    -webkit-mask-position:10% 30%;
    mask-position:10% 30%;
}

.icon.solid.i_commsmessageinfo::before,
.icon.solid.i_commsmessageinfo::after {
    -webkit-mask-position:20% 30%;
    mask-position:20% 30%;
}

.icon.solid.i_commsmessageexclamation::before,
.icon.solid.i_commsmessageexclamation::after {
    -webkit-mask-position:30% 30%;
    mask-position:30% 30%;
}

.icon.solid.i_commsmessagequestion::before,
.icon.solid.i_commsmessagequestion::after {
    -webkit-mask-position:40% 30%;
    mask-position:40% 30%;
}

.icon.solid.i_commsmessageminusalt::before,
.icon.solid.i_commsmessageminusalt::after {
    -webkit-mask-position:50% 30%;
    mask-position:50% 30%;
}

.icon.solid.i_commsmessagetimesalt::before,
.icon.solid.i_commsmessagetimesalt::after {
    -webkit-mask-position:60% 30%;
    mask-position:60% 30%;
}

.icon.solid.i_commsmessageclock::before,
.icon.solid.i_commsmessageclock::after {
    -webkit-mask-position:70% 30%;
    mask-position:70% 30%;
}

.icon.solid.i_commsmessageedit::before,
.icon.solid.i_commsmessageedit::after {
    -webkit-mask-position:80% 30%;
    mask-position:80% 30%;
}

.icon.solid.i_commsmessageheart::before,
.icon.solid.i_commsmessageheart::after {
    -webkit-mask-position:90% 30%;
    mask-position:90% 30%;
}

.icon.solid.i_commsmessageshield::before,
.icon.solid.i_commsmessageshield::after {
    -webkit-mask-position:100% 30%;
    mask-position:100% 30%;
}

.icon.solid.i_commsmessagesettings::before,
.icon.solid.i_commsmessagesettings::after {
    -webkit-mask-position:0 32.5%;
    mask-position:0 32.5%;
}

.icon.solid.i_commsmessagesearch::before,
.icon.solid.i_commsmessagesearch::after {
    -webkit-mask-position:10% 32.5%;
    mask-position:10% 32.5%;
}

.icon.solid.i_commsmessagelock::before,
.icon.solid.i_commsmessagelock::after {
    -webkit-mask-position:20% 32.5%;
    mask-position:20% 32.5%;
}

.icon.solid.i_commsmessagestar::before,
.icon.solid.i_commsmessagestar::after {
    -webkit-mask-position:30% 32.5%;
    mask-position:30% 32.5%;
}

.icon.solid.i_commsmessagetext::before,
.icon.solid.i_commsmessagetext::after {
    -webkit-mask-position:40% 32.5%;
    mask-position:40% 32.5%;
}

.icon.solid.i_commsmessagetextnotification::before,
.icon.solid.i_commsmessagetextnotification::after {
    -webkit-mask-position:50% 32.5%;
    mask-position:50% 32.5%;
}

.icon.solid.i_commsmessagetextcheck::before,
.icon.solid.i_commsmessagetextcheck::after {
    -webkit-mask-position:60% 32.5%;
    mask-position:60% 32.5%;
}

.icon.solid.i_commsmessagetextplus::before,
.icon.solid.i_commsmessagetextplus::after {
    -webkit-mask-position:70% 32.5%;
    mask-position:70% 32.5%;
}

.icon.solid.i_commsmessagetextminus::before,
.icon.solid.i_commsmessagetextminus::after {
    -webkit-mask-position:80% 32.5%;
    mask-position:80% 32.5%;
}

.icon.solid.i_commsmessagetexttimes::before,
.icon.solid.i_commsmessagetexttimes::after {
    -webkit-mask-position:90% 32.5%;
    mask-position:90% 32.5%;
}

.icon.solid.i_commsmessages::before,
.icon.solid.i_commsmessages::after {
    -webkit-mask-position:100% 32.5%;
    mask-position:100% 32.5%;
}

.icon.solid.i_commsmessagesdots::before,
.icon.solid.i_commsmessagesdots::after {
    -webkit-mask-position:0 35%;
    mask-position:0 35%;
}

.icon.solid.i_commsmessagestext::before,
.icon.solid.i_commsmessagestext::after {
    -webkit-mask-position:10% 35%;
    mask-position:10% 35%;
}

.icon.solid.i_commsmicrophone::before,
.icon.solid.i_commsmicrophone::after {
    -webkit-mask-position:20% 35%;
    mask-position:20% 35%;
}

.icon.solid.i_commsmicrophoneslash::before,
.icon.solid.i_commsmicrophoneslash::after {
    -webkit-mask-position:30% 35%;
    mask-position:30% 35%;
}

.icon.solid.i_commsspeaker::before,
.icon.solid.i_commsspeaker::after {
    -webkit-mask-position:40% 35%;
    mask-position:40% 35%;
}

.icon.solid.i_commsspeackermute::before,
.icon.solid.i_commsspeackermute::after {
    -webkit-mask-position:50% 35%;
    mask-position:50% 35%;
}

.icon.solid.i_commstelephone::before,
.icon.solid.i_commstelephone::after {
    -webkit-mask-position:60% 35%;
    mask-position:60% 35%;
}

.icon.solid.i_compass::before,
.icon.solid.i_compass::after {
    -webkit-mask-position:70% 35%;
    mask-position:70% 35%;
}

.icon.solid.i_consultant::before,
.icon.solid.i_consultant::after {
    -webkit-mask-position:80% 35%;
    mask-position:80% 35%;
}

.icon.solid.i_controlspanel::before,
.icon.solid.i_controlspanel::after {
    -webkit-mask-position:90% 35%;
    mask-position:90% 35%;
}

.icon.solid.i_controlssliders::before,
.icon.solid.i_controlssliders::after {
    -webkit-mask-position:100% 35%;
    mask-position:100% 35%;
}

.icon.solid.i_controlsplay::before,
.icon.solid.i_controlsplay::after {
    -webkit-mask-position:0 37.5%;
    mask-position:0 37.5%;
}

.icon.solid.i_controlspause::before,
.icon.solid.i_controlspause::after {
    -webkit-mask-position:10% 37.5%;
    mask-position:10% 37.5%;
}

.icon.solid.i_controlsstop::before,
.icon.solid.i_controlsstop::after {
    -webkit-mask-position:20% 37.5%;
    mask-position:20% 37.5%;
}

.icon.solid.i_controlsplaycircle::before,
.icon.solid.i_controlsplaycircle::after {
    -webkit-mask-position:30% 37.5%;
    mask-position:30% 37.5%;
}

.icon.solid.i_controlsstopcircle::before,
.icon.solid.i_controlsstopcircle::after {
    -webkit-mask-position:40% 37.5%;
    mask-position:40% 37.5%;
}

.icon.solid.i_controlspausecircle::before,
.icon.solid.i_controlspausecircle::after {
    -webkit-mask-position:50% 37.5%;
    mask-position:50% 37.5%;
}

.icon.solid.i_copyalt::before,
.icon.solid.i_copyalt::after {
    -webkit-mask-position:60% 37.5%;
    mask-position:60% 37.5%;
}

.icon.solid.i_copycheck::before,
.icon.solid.i_copycheck::after {
    -webkit-mask-position:70% 37.5%;
    mask-position:70% 37.5%;
}

.icon.solid.i_copyplus::before,
.icon.solid.i_copyplus::after {
    -webkit-mask-position:80% 37.5%;
    mask-position:80% 37.5%;
}

.icon.solid.i_coupon::before,
.icon.solid.i_coupon::after {
    -webkit-mask-position:90% 37.5%;
    mask-position:90% 37.5%;
}

.icon.solid.i_crown1::before,
.icon.solid.i_crown1::after {
    -webkit-mask-position:100% 37.5%;
    mask-position:100% 37.5%;
}

.icon.solid.i_crown2::before,
.icon.solid.i_crown2::after {
    -webkit-mask-position:0 40%;
    mask-position:0 40%;
}

.icon.solid.i_deviceplug::before,
.icon.solid.i_deviceplug::after {
    -webkit-mask-position:10% 40%;
    mask-position:10% 40%;
}

.icon.solid.i_devicestethoscope::before,
.icon.solid.i_devicestethoscope::after {
    -webkit-mask-position:20% 40%;
    mask-position:20% 40%;
}

.icon.solid.i_devicepc::before,
.icon.solid.i_devicepc::after {
    -webkit-mask-position:30% 40%;
    mask-position:30% 40%;
}

.icon.solid.i_devicedesktopmobile::before,
.icon.solid.i_devicedesktopmobile::after {
    -webkit-mask-position:40% 40%;
    mask-position:40% 40%;
}

.icon.solid.i_devicedesktopchart::before,
.icon.solid.i_devicedesktopchart::after {
    -webkit-mask-position:50% 40%;
    mask-position:50% 40%;
}

.icon.solid.i_devicedesktopdownload::before,
.icon.solid.i_devicedesktopdownload::after {
    -webkit-mask-position:60% 40%;
    mask-position:60% 40%;
}

.icon.solid.i_devicebrowserchart::before,
.icon.solid.i_devicebrowserchart::after {
    -webkit-mask-position:70% 40%;
    mask-position:70% 40%;
}

.icon.solid.i_devicelaptop::before,
.icon.solid.i_devicelaptop::after {
    -webkit-mask-position:80% 40%;
    mask-position:80% 40%;
}

.icon.solid.i_devicelaptopchart::before,
.icon.solid.i_devicelaptopchart::after {
    -webkit-mask-position:90% 40%;
    mask-position:90% 40%;
}

.icon.solid.i_devicelaptoppen::before,
.icon.solid.i_devicelaptoppen::after {
    -webkit-mask-position:100% 40%;
    mask-position:100% 40%;
}

.icon.solid.i_devicelaptopconnection::before,
.icon.solid.i_devicelaptopconnection::after {
    -webkit-mask-position:0 42.5%;
    mask-position:0 42.5%;
}

.icon.solid.i_devicemobile::before,
.icon.solid.i_devicemobile::after {
    -webkit-mask-position:10% 42.5%;
    mask-position:10% 42.5%;
}

.icon.solid.i_devicemobilechart::before,
.icon.solid.i_devicemobilechart::after {
    -webkit-mask-position:20% 42.5%;
    mask-position:20% 42.5%;
}

.icon.solid.i_devicegamecontroller::before,
.icon.solid.i_devicegamecontroller::after {
    -webkit-mask-position:30% 42.5%;
    mask-position:30% 42.5%;
}

.icon.solid.i_devicecompress::before,
.icon.solid.i_devicecompress::after {
    -webkit-mask-position:40% 42.5%;
    mask-position:40% 42.5%;
}

.icon.solid.i_deviceexpand::before,
.icon.solid.i_deviceexpand::after {
    -webkit-mask-position:50% 42.5%;
    mask-position:50% 42.5%;
}

.icon.solid.i_deviceheadphone1::before,
.icon.solid.i_deviceheadphone1::after {
    -webkit-mask-position:60% 42.5%;
    mask-position:60% 42.5%;
}

.icon.solid.i_deviceheadphone2::before,
.icon.solid.i_deviceheadphone2::after {
    -webkit-mask-position:70% 42.5%;
    mask-position:70% 42.5%;
}

.icon.solid.i_devicecamera::before,
.icon.solid.i_devicecamera::after {
    -webkit-mask-position:80% 42.5%;
    mask-position:80% 42.5%;
}

.icon.solid.i_devicecameraslash::before,
.icon.solid.i_devicecameraslash::after {
    -webkit-mask-position:90% 42.5%;
    mask-position:90% 42.5%;
}

.icon.solid.i_devicevideo1::before,
.icon.solid.i_devicevideo1::after {
    -webkit-mask-position:100% 42.5%;
    mask-position:100% 42.5%;
}

.icon.solid.i_devicevideo1slash::before,
.icon.solid.i_devicevideo1slash::after {
    -webkit-mask-position:0 45%;
    mask-position:0 45%;
}

.icon.solid.i_devicepicture::before,
.icon.solid.i_devicepicture::after {
    -webkit-mask-position:10% 45%;
    mask-position:10% 45%;
}

.icon.solid.i_devicepicturegallery::before,
.icon.solid.i_devicepicturegallery::after {
    -webkit-mask-position:20% 45%;
    mask-position:20% 45%;
}

.icon.solid.i_devicevideo2::before,
.icon.solid.i_devicevideo2::after {
    -webkit-mask-position:30% 45%;
    mask-position:30% 45%;
}

.icon.solid.i_devicewatch::before,
.icon.solid.i_devicewatch::after {
    -webkit-mask-position:40% 45%;
    mask-position:40% 45%;
}

.icon.solid.i_devicezoomin::before,
.icon.solid.i_devicezoomin::after {
    -webkit-mask-position:50% 45%;
    mask-position:50% 45%;
}

.icon.solid.i_devicezoomout::before,
.icon.solid.i_devicezoomout::after {
    -webkit-mask-position:60% 45%;
    mask-position:60% 45%;
}

.icon.solid.i_direct::before,
.icon.solid.i_direct::after {
    -webkit-mask-position:70% 45%;
    mask-position:70% 45%;
}

.icon.solid.i_document::before,
.icon.solid.i_document::after {
    -webkit-mask-position:80% 45%;
    mask-position:80% 45%;
}

.icon.solid.i_document2::before,
.icon.solid.i_document2::after {
    -webkit-mask-position:90% 45%;
    mask-position:90% 45%;
}

.icon.solid.i_effectsdiamond::before,
.icon.solid.i_effectsdiamond::after {
    -webkit-mask-position:100% 45%;
    mask-position:100% 45%;
}

.icon.solid.i_effectsfire::before,
.icon.solid.i_effectsfire::after {
    -webkit-mask-position:0 47.5%;
    mask-position:0 47.5%;
}

.icon.solid.i_effectsheart::before,
.icon.solid.i_effectsheart::after {
    -webkit-mask-position:10% 47.5%;
    mask-position:10% 47.5%;
}

.icon.solid.i_effectsheartslash::before,
.icon.solid.i_effectsheartslash::after {
    -webkit-mask-position:20% 47.5%;
    mask-position:20% 47.5%;
}

.icon.solid.i_effectsmoon::before,
.icon.solid.i_effectsmoon::after {
    -webkit-mask-position:30% 47.5%;
    mask-position:30% 47.5%;
}

.icon.solid.i_effectsreactionstar::before,
.icon.solid.i_effectsreactionstar::after {
    -webkit-mask-position:40% 47.5%;
    mask-position:40% 47.5%;
}

.icon.solid.i_effectsstarmagic::before,
.icon.solid.i_effectsstarmagic::after {
    -webkit-mask-position:50% 47.5%;
    mask-position:50% 47.5%;
}

.icon.solid.i_effectsstarshooting::before,
.icon.solid.i_effectsstarshooting::after {
    -webkit-mask-position:60% 47.5%;
    mask-position:60% 47.5%;
}

.icon.solid.i_effectssun::before,
.icon.solid.i_effectssun::after {
    -webkit-mask-position:70% 47.5%;
    mask-position:70% 47.5%;
}

.icon.solid.i_eye::before,
.icon.solid.i_eye::after {
    -webkit-mask-position:80% 47.5%;
    mask-position:80% 47.5%;
}

.icon.solid.i_eyeslash::before,
.icon.solid.i_eyeslash::after {
    -webkit-mask-position:90% 47.5%;
    mask-position:90% 47.5%;
}

.icon.solid.i_facesmile::before,
.icon.solid.i_facesmile::after {
    -webkit-mask-position:100% 47.5%;
    mask-position:100% 47.5%;
}

.icon.solid.i_faceeyesxmarks::before,
.icon.solid.i_faceeyesxmarks::after {
    -webkit-mask-position:0 50%;
    mask-position:0 50%;
}

.icon.solid.i_facesad::before,
.icon.solid.i_facesad::after {
    -webkit-mask-position:10% 50%;
    mask-position:10% 50%;
}

.icon.solid.i_filebox::before,
.icon.solid.i_filebox::after {
    -webkit-mask-position:20% 50%;
    mask-position:20% 50%;
}

.icon.solid.i_file::before,
.icon.solid.i_file::after {
    -webkit-mask-position:30% 50%;
    mask-position:30% 50%;
}

.icon.solid.i_filecheck::before,
.icon.solid.i_filecheck::after {
    -webkit-mask-position:40% 50%;
    mask-position:40% 50%;
}

.icon.solid.i_fileplus::before,
.icon.solid.i_fileplus::after {
    -webkit-mask-position:50% 50%;
    mask-position:50% 50%;
}

.icon.solid.i_fileminus::before,
.icon.solid.i_fileminus::after {
    -webkit-mask-position:60% 50%;
    mask-position:60% 50%;
}

.icon.solid.i_filetimes::before,
.icon.solid.i_filetimes::after {
    -webkit-mask-position:70% 50%;
    mask-position:70% 50%;
}

.icon.solid.i_filesearch::before,
.icon.solid.i_filesearch::after {
    -webkit-mask-position:80% 50%;
    mask-position:80% 50%;
}

.icon.solid.i_filecode::before,
.icon.solid.i_filecode::after {
    -webkit-mask-position:90% 50%;
    mask-position:90% 50%;
}

.icon.solid.i_filecopy::before,
.icon.solid.i_filecopy::after {
    -webkit-mask-position:100% 50%;
    mask-position:100% 50%;
}

.icon.solid.i_filedownload::before,
.icon.solid.i_filedownload::after {
    -webkit-mask-position:0 52.5%;
    mask-position:0 52.5%;
}

.icon.solid.i_fileimport::before,
.icon.solid.i_fileimport::after {
    -webkit-mask-position:10% 52.5%;
    mask-position:10% 52.5%;
}

.icon.solid.i_fileexport::before,
.icon.solid.i_fileexport::after {
    -webkit-mask-position:20% 52.5%;
    mask-position:20% 52.5%;
}

.icon.solid.i_fileupload::before,
.icon.solid.i_fileupload::after {
    -webkit-mask-position:30% 52.5%;
    mask-position:30% 52.5%;
}

.icon.solid.i_fileimportalt::before,
.icon.solid.i_fileimportalt::after {
    -webkit-mask-position:40% 52.5%;
    mask-position:40% 52.5%;
}

.icon.solid.i_fileexportalt::before,
.icon.solid.i_fileexportalt::after {
    -webkit-mask-position:50% 52.5%;
    mask-position:50% 52.5%;
}

.icon.solid.i_filelock::before,
.icon.solid.i_filelock::after {
    -webkit-mask-position:60% 52.5%;
    mask-position:60% 52.5%;
}

.icon.solid.i_filemusic::before,
.icon.solid.i_filemusic::after {
    -webkit-mask-position:70% 52.5%;
    mask-position:70% 52.5%;
}

.icon.solid.i_filesettings::before,
.icon.solid.i_filesettings::after {
    -webkit-mask-position:80% 52.5%;
    mask-position:80% 52.5%;
}

.icon.solid.i_fileshield::before,
.icon.solid.i_fileshield::after {
    -webkit-mask-position:90% 52.5%;
    mask-position:90% 52.5%;
}

.icon.solid.i_filestar::before,
.icon.solid.i_filestar::after {
    -webkit-mask-position:100% 52.5%;
    mask-position:100% 52.5%;
}

.icon.solid.i_fileuser::before,
.icon.solid.i_fileuser::after {
    -webkit-mask-position:0 55%;
    mask-position:0 55%;
}

.icon.solid.i_fileclock::before,
.icon.solid.i_fileclock::after {
    -webkit-mask-position:10% 55%;
    mask-position:10% 55%;
}

.icon.solid.i_fileheart::before,
.icon.solid.i_fileheart::after {
    -webkit-mask-position:20% 55%;
    mask-position:20% 55%;
}

.icon.solid.i_fileban::before,
.icon.solid.i_fileban::after {
    -webkit-mask-position:30% 55%;
    mask-position:30% 55%;
}

.icon.solid.i_filekey::before,
.icon.solid.i_filekey::after {
    -webkit-mask-position:40% 55%;
    mask-position:40% 55%;
}

.icon.solid.i_filelist::before,
.icon.solid.i_filelist::after {
    -webkit-mask-position:50% 55%;
    mask-position:50% 55%;
}

.icon.solid.i_filelistcheck::before,
.icon.solid.i_filelistcheck::after {
    -webkit-mask-position:60% 55%;
    mask-position:60% 55%;
}

.icon.solid.i_filelistplus::before,
.icon.solid.i_filelistplus::after {
    -webkit-mask-position:70% 55%;
    mask-position:70% 55%;
}

.icon.solid.i_filelistminus::before,
.icon.solid.i_filelistminus::after {
    -webkit-mask-position:80% 55%;
    mask-position:80% 55%;
}

.icon.solid.i_filelisttimes::before,
.icon.solid.i_filelisttimes::after {
    -webkit-mask-position:90% 55%;
    mask-position:90% 55%;
}

.icon.solid.i_filelistlock::before,
.icon.solid.i_filelistlock::after {
    -webkit-mask-position:100% 55%;
    mask-position:100% 55%;
}

.icon.solid.i_filelistheart::before,
.icon.solid.i_filelistheart::after {
    -webkit-mask-position:0 57.5%;
    mask-position:0 57.5%;
}

.icon.solid.i_filelistshield::before,
.icon.solid.i_filelistshield::after {
    -webkit-mask-position:10% 57.5%;
    mask-position:10% 57.5%;
}

.icon.solid.i_fileliststar::before,
.icon.solid.i_fileliststar::after {
    -webkit-mask-position:20% 57.5%;
    mask-position:20% 57.5%;
}

.icon.solid.i_filelistsearch::before,
.icon.solid.i_filelistsearch::after {
    -webkit-mask-position:30% 57.5%;
    mask-position:30% 57.5%;
}

.icon.solid.i_filelistban::before,
.icon.solid.i_filelistban::after {
    -webkit-mask-position:40% 57.5%;
    mask-position:40% 57.5%;
}

.icon.solid.i_filetext::before,
.icon.solid.i_filetext::after {
    -webkit-mask-position:50% 57.5%;
    mask-position:50% 57.5%;
}

.icon.solid.i_filetextplus::before,
.icon.solid.i_filetextplus::after {
    -webkit-mask-position:60% 57.5%;
    mask-position:60% 57.5%;
}

.icon.solid.i_filetextminus::before,
.icon.solid.i_filetextminus::after {
    -webkit-mask-position:70% 57.5%;
    mask-position:70% 57.5%;
}

.icon.solid.i_filetextedit::before,
.icon.solid.i_filetextedit::after {
    -webkit-mask-position:80% 57.5%;
    mask-position:80% 57.5%;
}

.icon.solid.i_flag::before,
.icon.solid.i_flag::after {
    -webkit-mask-position:90% 57.5%;
    mask-position:90% 57.5%;
}

.icon.solid.i_flagcrown::before,
.icon.solid.i_flagcrown::after {
    -webkit-mask-position:100% 57.5%;
    mask-position:100% 57.5%;
}

.icon.solid.i_flask::before,
.icon.solid.i_flask::after {
    -webkit-mask-position:0 60%;
    mask-position:0 60%;
}

.icon.solid.i_folder::before,
.icon.solid.i_folder::after {
    -webkit-mask-position:10% 60%;
    mask-position:10% 60%;
}

.icon.solid.i_foldercheck::before,
.icon.solid.i_foldercheck::after {
    -webkit-mask-position:20% 60%;
    mask-position:20% 60%;
}

.icon.solid.i_folderplus::before,
.icon.solid.i_folderplus::after {
    -webkit-mask-position:30% 60%;
    mask-position:30% 60%;
}

.icon.solid.i_folderminus::before,
.icon.solid.i_folderminus::after {
    -webkit-mask-position:40% 60%;
    mask-position:40% 60%;
}

.icon.solid.i_foldercancel::before,
.icon.solid.i_foldercancel::after {
    -webkit-mask-position:50% 60%;
    mask-position:50% 60%;
}

.icon.solid.i_folderup::before,
.icon.solid.i_folderup::after {
    -webkit-mask-position:60% 60%;
    mask-position:60% 60%;
}

.icon.solid.i_folderimport::before,
.icon.solid.i_folderimport::after {
    -webkit-mask-position:70% 60%;
    mask-position:70% 60%;
}

.icon.solid.i_folderexport::before,
.icon.solid.i_folderexport::after {
    -webkit-mask-position:80% 60%;
    mask-position:80% 60%;
}

.icon.solid.i_folderdown::before,
.icon.solid.i_folderdown::after {
    -webkit-mask-position:90% 60%;
    mask-position:90% 60%;
}

.icon.solid.i_folderedit::before,
.icon.solid.i_folderedit::after {
    -webkit-mask-position:100% 60%;
    mask-position:100% 60%;
}

.icon.solid.i_foldersettings::before,
.icon.solid.i_foldersettings::after {
    -webkit-mask-position:0 62.5%;
    mask-position:0 62.5%;
}

.icon.solid.i_folderheart::before,
.icon.solid.i_folderheart::after {
    -webkit-mask-position:10% 62.5%;
    mask-position:10% 62.5%;
}

.icon.solid.i_folderlock::before,
.icon.solid.i_folderlock::after {
    -webkit-mask-position:20% 62.5%;
    mask-position:20% 62.5%;
}

.icon.solid.i_foldermusic::before,
.icon.solid.i_foldermusic::after {
    -webkit-mask-position:30% 62.5%;
    mask-position:30% 62.5%;
}

.icon.solid.i_foldersearch::before,
.icon.solid.i_foldersearch::after {
    -webkit-mask-position:40% 62.5%;
    mask-position:40% 62.5%;
}

.icon.solid.i_foldershield::before,
.icon.solid.i_foldershield::after {
    -webkit-mask-position:50% 62.5%;
    mask-position:50% 62.5%;
}

.icon.solid.i_folderban::before,
.icon.solid.i_folderban::after {
    -webkit-mask-position:60% 62.5%;
    mask-position:60% 62.5%;
}

.icon.solid.i_folderstar::before,
.icon.solid.i_folderstar::after {
    -webkit-mask-position:70% 62.5%;
    mask-position:70% 62.5%;
}

.icon.solid.i_folderuser::before,
.icon.solid.i_folderuser::after {
    -webkit-mask-position:80% 62.5%;
    mask-position:80% 62.5%;
}

.icon.solid.i_foldernetwork::before,
.icon.solid.i_foldernetwork::after {
    -webkit-mask-position:90% 62.5%;
    mask-position:90% 62.5%;
}

.icon.solid.i_folderopen::before,
.icon.solid.i_folderopen::after {
    -webkit-mask-position:100% 62.5%;
    mask-position:100% 62.5%;
}

.icon.solid.i_foodforkknife::before,
.icon.solid.i_foodforkknife::after {
    -webkit-mask-position:0 65%;
    mask-position:0 65%;
}

.icon.solid.i_foodforkknifealt::before,
.icon.solid.i_foodforkknifealt::after {
    -webkit-mask-position:10% 65%;
    mask-position:10% 65%;
}

.icon.solid.i_foodforkspoon::before,
.icon.solid.i_foodforkspoon::after {
    -webkit-mask-position:20% 65%;
    mask-position:20% 65%;
}

.icon.solid.i_foodsalt::before,
.icon.solid.i_foodsalt::after {
    -webkit-mask-position:30% 65%;
    mask-position:30% 65%;
}

.icon.solid.i_foodbowlhot::before,
.icon.solid.i_foodbowlhot::after {
    -webkit-mask-position:40% 65%;
    mask-position:40% 65%;
}

.icon.solid.i_foodbowlspoon::before,
.icon.solid.i_foodbowlspoon::after {
    -webkit-mask-position:50% 65%;
    mask-position:50% 65%;
}

.icon.solid.i_foodcupstraw::before,
.icon.solid.i_foodcupstraw::after {
    -webkit-mask-position:60% 65%;
    mask-position:60% 65%;
}

.icon.solid.i_foodburgerlettuce::before,
.icon.solid.i_foodburgerlettuce::after {
    -webkit-mask-position:70% 65%;
    mask-position:70% 65%;
}

.icon.solid.i_foodcake::before,
.icon.solid.i_foodcake::after {
    -webkit-mask-position:80% 65%;
    mask-position:80% 65%;
}

.icon.solid.i_foodcakeslice::before,
.icon.solid.i_foodcakeslice::after {
    -webkit-mask-position:90% 65%;
    mask-position:90% 65%;
}

.icon.solid.i_foodcandy::before,
.icon.solid.i_foodcandy::after {
    -webkit-mask-position:100% 65%;
    mask-position:100% 65%;
}

.icon.solid.i_foodcandycane::before,
.icon.solid.i_foodcandycane::after {
    -webkit-mask-position:0 67.5%;
    mask-position:0 67.5%;
}

.icon.solid.i_foodcarrot::before,
.icon.solid.i_foodcarrot::after {
    -webkit-mask-position:10% 67.5%;
    mask-position:10% 67.5%;
}

.icon.solid.i_foodcoffeebean::before,
.icon.solid.i_foodcoffeebean::after {
    -webkit-mask-position:20% 67.5%;
    mask-position:20% 67.5%;
}

.icon.solid.i_foodeggfried::before,
.icon.solid.i_foodeggfried::after {
    -webkit-mask-position:30% 67.5%;
    mask-position:30% 67.5%;
}

.icon.solid.i_foodicecream::before,
.icon.solid.i_foodicecream::after {
    -webkit-mask-position:40% 67.5%;
    mask-position:40% 67.5%;
}

.icon.solid.i_foodlemon::before,
.icon.solid.i_foodlemon::after {
    -webkit-mask-position:50% 67.5%;
    mask-position:50% 67.5%;
}

.icon.solid.i_foodlemonslice::before,
.icon.solid.i_foodlemonslice::after {
    -webkit-mask-position:60% 67.5%;
    mask-position:60% 67.5%;
}

.icon.solid.i_foodmartiniglass::before,
.icon.solid.i_foodmartiniglass::after {
    -webkit-mask-position:70% 67.5%;
    mask-position:70% 67.5%;
}

.icon.solid.i_foodmug::before,
.icon.solid.i_foodmug::after {
    -webkit-mask-position:80% 67.5%;
    mask-position:80% 67.5%;
}

.icon.solid.i_foodmughot::before,
.icon.solid.i_foodmughot::after {
    -webkit-mask-position:90% 67.5%;
    mask-position:90% 67.5%;
}

.icon.solid.i_foodpills::before,
.icon.solid.i_foodpills::after {
    -webkit-mask-position:100% 67.5%;
    mask-position:100% 67.5%;
}

.icon.solid.i_foodpizzaslice::before,
.icon.solid.i_foodpizzaslice::after {
    -webkit-mask-position:0 70%;
    mask-position:0 70%;
}

.icon.solid.i_foodplateutensils::before,
.icon.solid.i_foodplateutensils::after {
    -webkit-mask-position:10% 70%;
    mask-position:10% 70%;
}

.icon.solid.i_foodpopsicle::before,
.icon.solid.i_foodpopsicle::after {
    -webkit-mask-position:20% 70%;
    mask-position:20% 70%;
}

.icon.solid.i_foodtray::before,
.icon.solid.i_foodtray::after {
    -webkit-mask-position:30% 70%;
    mask-position:30% 70%;
}

.icon.solid.i_foodfish::before,
.icon.solid.i_foodfish::after {
    -webkit-mask-position:40% 70%;
    mask-position:40% 70%;
}

.icon.solid.i_foodwater::before,
.icon.solid.i_foodwater::after {
    -webkit-mask-position:50% 70%;
    mask-position:50% 70%;
}

.icon.solid.i_gauge::before,
.icon.solid.i_gauge::after {
    -webkit-mask-position:60% 70%;
    mask-position:60% 70%;
}

.icon.solid.i_gift::before,
.icon.solid.i_gift::after {
    -webkit-mask-position:70% 70%;
    mask-position:70% 70%;
}

.icon.solid.i_graduationcap::before,
.icon.solid.i_graduationcap::after {
    -webkit-mask-position:80% 70%;
    mask-position:80% 70%;
}

.icon.solid.i_handmoneywon::before,
.icon.solid.i_handmoneywon::after {
    -webkit-mask-position:90% 70%;
    mask-position:90% 70%;
}

.icon.solid.i_handpersonal::before,
.icon.solid.i_handpersonal::after {
    -webkit-mask-position:100% 70%;
    mask-position:100% 70%;
}

.icon.solid.i_hourglass::before,
.icon.solid.i_hourglass::after {
    -webkit-mask-position:0 72.5%;
    mask-position:0 72.5%;
}

.icon.solid.i_idcard::before,
.icon.solid.i_idcard::after {
    -webkit-mask-position:10% 72.5%;
    mask-position:10% 72.5%;
}

.icon.solid.i_layers::before,
.icon.solid.i_layers::after {
    -webkit-mask-position:20% 72.5%;
    mask-position:20% 72.5%;
}

.icon.solid.i_lightingdesklamp::before,
.icon.solid.i_lightingdesklamp::after {
    -webkit-mask-position:30% 72.5%;
    mask-position:30% 72.5%;
}

.icon.solid.i_lightingidea::before,
.icon.solid.i_lightingidea::after {
    -webkit-mask-position:40% 72.5%;
    mask-position:40% 72.5%;
}

.icon.solid.i_lightingcreative::before,
.icon.solid.i_lightingcreative::after {
    -webkit-mask-position:50% 72.5%;
    mask-position:50% 72.5%;
}

.icon.solid.i_lockopen::before,
.icon.solid.i_lockopen::after {
    -webkit-mask-position:60% 72.5%;
    mask-position:60% 72.5%;
}

.icon.solid.i_lockclosed::before,
.icon.solid.i_lockclosed::after {
    -webkit-mask-position:70% 72.5%;
    mask-position:70% 72.5%;
}

.icon.solid.i_map::before,
.icon.solid.i_map::after {
    -webkit-mask-position:80% 72.5%;
    mask-position:80% 72.5%;
}

.icon.solid.i_maplocationpin::before,
.icon.solid.i_maplocationpin::after {
    -webkit-mask-position:90% 72.5%;
    mask-position:90% 72.5%;
}

.icon.solid.i_maplocationpinslash::before,
.icon.solid.i_maplocationpinslash::after {
    -webkit-mask-position:100% 72.5%;
    mask-position:100% 72.5%;
}

.icon.solid.i_maplocationsettings::before,
.icon.solid.i_maplocationsettings::after {
    -webkit-mask-position:0 75%;
    mask-position:0 75%;
}

.icon.solid.i_mathematics::before,
.icon.solid.i_mathematics::after {
    -webkit-mask-position:10% 75%;
    mask-position:10% 75%;
}

.icon.solid.i_money::before,
.icon.solid.i_money::after {
    -webkit-mask-position:20% 75%;
    mask-position:20% 75%;
}

.icon.solid.i_moneyreceipt::before,
.icon.solid.i_moneyreceipt::after {
    -webkit-mask-position:30% 75%;
    mask-position:30% 75%;
}

.icon.solid.i_moneybill::before,
.icon.solid.i_moneybill::after {
    -webkit-mask-position:40% 75%;
    mask-position:40% 75%;
}

.icon.solid.i_moneywithdrawal::before,
.icon.solid.i_moneywithdrawal::after {
    -webkit-mask-position:50% 75%;
    mask-position:50% 75%;
}

.icon.solid.i_moneybill2::before,
.icon.solid.i_moneybill2::after {
    -webkit-mask-position:60% 75%;
    mask-position:60% 75%;
}

.icon.solid.i_moneybillup::before,
.icon.solid.i_moneybillup::after {
    -webkit-mask-position:70% 75%;
    mask-position:70% 75%;
}

.icon.solid.i_moneybillreceive::before,
.icon.solid.i_moneybillreceive::after {
    -webkit-mask-position:80% 75%;
    mask-position:80% 75%;
}

.icon.solid.i_moneycreditcard::before,
.icon.solid.i_moneycreditcard::after {
    -webkit-mask-position:90% 75%;
    mask-position:90% 75%;
}

.icon.solid.i_moneycreditcardslash::before,
.icon.solid.i_moneycreditcardslash::after {
    -webkit-mask-position:100% 75%;
    mask-position:100% 75%;
}

.icon.solid.i_moneywallet::before,
.icon.solid.i_moneywallet::after {
    -webkit-mask-position:0 77.5%;
    mask-position:0 77.5%;
}

.icon.solid.i_moneywallet2::before,
.icon.solid.i_moneywallet2::after {
    -webkit-mask-position:10% 77.5%;
    mask-position:10% 77.5%;
}

.icon.solid.i_moneydollarcircle::before,
.icon.solid.i_moneydollarcircle::after {
    -webkit-mask-position:20% 77.5%;
    mask-position:20% 77.5%;
}

.icon.solid.i_moneydollarsquare::before,
.icon.solid.i_moneydollarsquare::after {
    -webkit-mask-position:30% 77.5%;
    mask-position:30% 77.5%;
}

.icon.solid.i_moneyeurocircle::before,
.icon.solid.i_moneyeurocircle::after {
    -webkit-mask-position:40% 77.5%;
    mask-position:40% 77.5%;
}

.icon.solid.i_moneyeurosquare::before,
.icon.solid.i_moneyeurosquare::after {
    -webkit-mask-position:50% 77.5%;
    mask-position:50% 77.5%;
}

.icon.solid.i_moneywoncircle::before,
.icon.solid.i_moneywoncircle::after {
    -webkit-mask-position:60% 77.5%;
    mask-position:60% 77.5%;
}

.icon.solid.i_moneywonsquare::before,
.icon.solid.i_moneywonsquare::after {
    -webkit-mask-position:70% 77.5%;
    mask-position:70% 77.5%;
}

.icon.solid.i_moneymore::before,
.icon.solid.i_moneymore::after {
    -webkit-mask-position:80% 77.5%;
    mask-position:80% 77.5%;
}

.icon.solid.i_moneymorecoin::before,
.icon.solid.i_moneymorecoin::after {
    -webkit-mask-position:90% 77.5%;
    mask-position:90% 77.5%;
}

.icon.solid.i_networkgloballocation::before,
.icon.solid.i_networkgloballocation::after {
    -webkit-mask-position:100% 77.5%;
    mask-position:100% 77.5%;
}

.icon.solid.i_networkglobalstand::before,
.icon.solid.i_networkglobalstand::after {
    -webkit-mask-position:0 80%;
    mask-position:0 80%;
}

.icon.solid.i_networkinternet::before,
.icon.solid.i_networkinternet::after {
    -webkit-mask-position:10% 80%;
    mask-position:10% 80%;
}

.icon.solid.i_networkinternetsecurity::before,
.icon.solid.i_networkinternetsecurity::after {
    -webkit-mask-position:20% 80%;
    mask-position:20% 80%;
}

.icon.solid.i_music::before,
.icon.solid.i_music::after {
    -webkit-mask-position:30% 80%;
    mask-position:30% 80%;
}

.icon.solid.i_pagespeed::before,
.icon.solid.i_pagespeed::after {
    -webkit-mask-position:40% 80%;
    mask-position:40% 80%;
}

.icon.solid.i_private::before,
.icon.solid.i_private::after {
    -webkit-mask-position:50% 80%;
    mask-position:50% 80%;
}

.icon.solid.i_path::before,
.icon.solid.i_path::after {
    -webkit-mask-position:60% 80%;
    mask-position:60% 80%;
}

.icon.solid.i_pen::before,
.icon.solid.i_pen::after {
    -webkit-mask-position:70% 80%;
    mask-position:70% 80%;
}

.icon.solid.i_pencil1::before,
.icon.solid.i_pencil1::after {
    -webkit-mask-position:80% 80%;
    mask-position:80% 80%;
}

.icon.solid.i_pencil2::before,
.icon.solid.i_pencil2::after {
    -webkit-mask-position:90% 80%;
    mask-position:90% 80%;
}

.icon.solid.i_percent::before,
.icon.solid.i_percent::after {
    -webkit-mask-position:100% 80%;
    mask-position:100% 80%;
}

.icon.solid.i_percentsimple::before,
.icon.solid.i_percentsimple::after {
    -webkit-mask-position:0 82.5%;
    mask-position:0 82.5%;
}

.icon.solid.i_repeat::before,
.icon.solid.i_repeat::after {
    -webkit-mask-position:10% 82.5%;
    mask-position:10% 82.5%;
}

.icon.solid.i_safe::before,
.icon.solid.i_safe::after {
    -webkit-mask-position:20% 82.5%;
    mask-position:20% 82.5%;
}

.icon.solid.i_safeshield::before,
.icon.solid.i_safeshield::after {
    -webkit-mask-position:30% 82.5%;
    mask-position:30% 82.5%;
}

.icon.solid.i_safesecurity::before,
.icon.solid.i_safesecurity::after {
    -webkit-mask-position:40% 82.5%;
    mask-position:40% 82.5%;
}

.icon.solid.i_safeshieldstar::before,
.icon.solid.i_safeshieldstar::after {
    -webkit-mask-position:50% 82.5%;
    mask-position:50% 82.5%;
}

.icon.solid.i_safeshieldline::before,
.icon.solid.i_safeshieldline::after {
    -webkit-mask-position:60% 82.5%;
    mask-position:60% 82.5%;
}

.icon.solid.i_searchengine::before,
.icon.solid.i_searchengine::after {
    -webkit-mask-position:70% 82.5%;
    mask-position:70% 82.5%;
}

.icon.solid.i_server::before,
.icon.solid.i_server::after {
    -webkit-mask-position:80% 82.5%;
    mask-position:80% 82.5%;
}

.icon.solid.i_settings::before,
.icon.solid.i_settings::after {
    -webkit-mask-position:90% 82.5%;
    mask-position:90% 82.5%;
}

.icon.solid.i_stopwatch::before,
.icon.solid.i_stopwatch::after {
    -webkit-mask-position:100% 82.5%;
    mask-position:100% 82.5%;
}

.icon.solid.i_stopwatchplus::before,
.icon.solid.i_stopwatchplus::after {
    -webkit-mask-position:0 85%;
    mask-position:0 85%;
}

.icon.solid.i_stopwatchminus::before,
.icon.solid.i_stopwatchminus::after {
    -webkit-mask-position:10% 85%;
    mask-position:10% 85%;
}

.icon.solid.i_speedometer::before,
.icon.solid.i_speedometer::after {
    -webkit-mask-position:20% 85%;
    mask-position:20% 85%;
}

.icon.solid.i_rocket::before,
.icon.solid.i_rocket::after {
    -webkit-mask-position:30% 85%;
    mask-position:30% 85%;
}

.icon.solid.i_tag::before,
.icon.solid.i_tag::after {
    -webkit-mask-position:40% 85%;
    mask-position:40% 85%;
}

.icon.solid.i_thumbtack::before,
.icon.solid.i_thumbtack::after {
    -webkit-mask-position:50% 85%;
    mask-position:50% 85%;
}

.icon.solid.i_target::before,
.icon.solid.i_target::after {
    -webkit-mask-position:60% 85%;
    mask-position:60% 85%;
}

.icon.solid.i_ticket::before,
.icon.solid.i_ticket::after {
    -webkit-mask-position:70% 85%;
    mask-position:70% 85%;
}

.icon.solid.i_trash::before,
.icon.solid.i_trash::after {
    -webkit-mask-position:80% 85%;
    mask-position:80% 85%;
}

.icon.solid.i_transferupload::before,
.icon.solid.i_transferupload::after {
    -webkit-mask-position:90% 85%;
    mask-position:90% 85%;
}

.icon.solid.i_transferdownload::before,
.icon.solid.i_transferdownload::after {
    -webkit-mask-position:100% 85%;
    mask-position:100% 85%;
}

.icon.solid.i_writing::before,
.icon.solid.i_writing::after {
    -webkit-mask-position:0 87.5%;
    mask-position:0 87.5%;
}




/* stroke */
.icon.stroke {color:var(--secondary-color-1);}
.icon.stroke::before ,
.icon.stroke::after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-mask-image: url("/nresources/images/newbird/common/icons_stroke_l.svg");
    mask-image: url("/nresources/images/newbird/common/icons_stroke_l.svg");
    background-image:none !important;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left 0;
    mask-position: left 0;
    -webkit-mask-size:1100% auto;
    mask-size: 1100% auto;
}
.icon.small.stroke::before ,
.icon.small.stroke::after {
    -webkit-mask-image: url("/nresources/images/newbird/common/icons_stroke_s.svg");
    mask-image: url("/nresources/images/newbird/common/icons_stroke_s.svg");
    background-image:none !important;
}
.icon.stroke::before {background-color:currentColor;}

.icon.stroke.i_activity::before,
.icon.stroke.i_activity::after {
    -webkit-mask-position:0 0;
    mask-position:0 0;
}

.icon.stroke.i_add::before,
.icon.stroke.i_add::after {
    -webkit-mask-position:10% 0;
    mask-position:10% 0;
}

.icon.stroke.i_addcircle::before,
.icon.stroke.i_addcircle::after {
    -webkit-mask-position:20% 0;
    mask-position:20% 0;
}

.icon.stroke.i_ai::before,
.icon.stroke.i_ai::after {
    -webkit-mask-position:30% 0;
    mask-position:30% 0;
}

.icon.stroke.i_airplane::before,
.icon.stroke.i_airplane::after {
    -webkit-mask-position:40% 0;
    mask-position:40% 0;
}

.icon.stroke.i_alarm::before,
.icon.stroke.i_alarm::after {
    -webkit-mask-position:50% 0;
    mask-position:50% 0;
}

.icon.stroke.i_archive::before,
.icon.stroke.i_archive::after {
    -webkit-mask-position:60% 0;
    mask-position:60% 0;
}

.icon.stroke.i_archive2::before,
.icon.stroke.i_archive2::after {
    -webkit-mask-position:70% 0;
    mask-position:70% 0;
}

.icon.stroke.i_arrowdown::before,
.icon.stroke.i_arrowdown::after {
    -webkit-mask-position:80% 0;
    mask-position:80% 0;
}

.icon.stroke.i_arrowleft::before,
.icon.stroke.i_arrowleft::after {
    -webkit-mask-position:90% 0;
    mask-position:90% 0;
}

.icon.stroke.i_arrowright::before,
.icon.stroke.i_arrowright::after {
    -webkit-mask-position:100% 0;
    mask-position:100% 0;
}

.icon.stroke.i_arrowup::before,
.icon.stroke.i_arrowup::after {
    -webkit-mask-position:0 2.5%;
    mask-position:0 2.5%;
}

.icon.stroke.i_arrow2down::before,
.icon.stroke.i_arrow2down::after {
    -webkit-mask-position:10% 2.5%;
    mask-position:10% 2.5%;
}

.icon.stroke.i_arrow2left::before,
.icon.stroke.i_arrow2left::after {
    -webkit-mask-position:20% 2.5%;
    mask-position:20% 2.5%;
}

.icon.stroke.i_arrow2right::before,
.icon.stroke.i_arrow2right::after {
    -webkit-mask-position:30% 2.5%;
    mask-position:30% 2.5%;
}

.icon.stroke.i_arrow2up::before,
.icon.stroke.i_arrow2up::after {
    -webkit-mask-position:40% 2.5%;
    mask-position:40% 2.5%;
}

.icon.stroke.i_award::before,
.icon.stroke.i_award::after {
    -webkit-mask-position:50% 2.5%;
    mask-position:50% 2.5%;
}

.icon.stroke.i_backward::before,
.icon.stroke.i_backward::after {
    -webkit-mask-position:60% 2.5%;
    mask-position:60% 2.5%;
}

.icon.stroke.i_bag::before,
.icon.stroke.i_bag::after {
    -webkit-mask-position:70% 2.5%;
    mask-position:70% 2.5%;
}

.icon.stroke.i_bank::before,
.icon.stroke.i_bank::after {
    -webkit-mask-position:80% 2.5%;
    mask-position:80% 2.5%;
}

.icon.stroke.i_bluetooth::before,
.icon.stroke.i_bluetooth::after {
    -webkit-mask-position:90% 2.5%;
    mask-position:90% 2.5%;
}

.icon.stroke.i_bookopen::before,
.icon.stroke.i_bookopen::after {
    -webkit-mask-position:100% 2.5%;
    mask-position:100% 2.5%;
}

.icon.stroke.i_book::before,
.icon.stroke.i_book::after {
    -webkit-mask-position:0 5%;
    mask-position:0 5%;
}

.icon.stroke.i_booksaved::before,
.icon.stroke.i_booksaved::after {
    -webkit-mask-position:10% 5%;
    mask-position:10% 5%;
}

.icon.stroke.i_bookmark::before,
.icon.stroke.i_bookmark::after {
    -webkit-mask-position:20% 5%;
    mask-position:20% 5%;
}

.icon.stroke.i_bookmark2::before,
.icon.stroke.i_bookmark2::after {
    -webkit-mask-position:30% 5%;
    mask-position:30% 5%;
}

.icon.stroke.i_box::before,
.icon.stroke.i_box::after {
    -webkit-mask-position:40% 5%;
    mask-position:40% 5%;
}

.icon.stroke.i_box2::before,
.icon.stroke.i_box2::after {
    -webkit-mask-position:50% 5%;
    mask-position:50% 5%;
}

.icon.stroke.i_briefcase::before,
.icon.stroke.i_briefcase::after {
    -webkit-mask-position:60% 5%;
    mask-position:60% 5%;
}

.icon.stroke.i_buildings::before,
.icon.stroke.i_buildings::after {
    -webkit-mask-position:70% 5%;
    mask-position:70% 5%;
}

.icon.stroke.i_building2::before,
.icon.stroke.i_building2::after {
    -webkit-mask-position:80% 5%;
    mask-position:80% 5%;
}

.icon.stroke.i_building3::before,
.icon.stroke.i_building3::after {
    -webkit-mask-position:90% 5%;
    mask-position:90% 5%;
}

.icon.stroke.i_bulb::before,
.icon.stroke.i_bulb::after {
    -webkit-mask-position:100% 5%;
    mask-position:100% 5%;
}

.icon.stroke.i_buliding::before,
.icon.stroke.i_buliding::after {
    -webkit-mask-position:0 7.5%;
    mask-position:0 7.5%;
}

.icon.stroke.i_bus::before,
.icon.stroke.i_bus::after {
    -webkit-mask-position:10% 7.5%;
    mask-position:10% 7.5%;
}

.icon.stroke.i_cake::before,
.icon.stroke.i_cake::after {
    -webkit-mask-position:20% 7.5%;
    mask-position:20% 7.5%;
}

.icon.stroke.i_calculator::before,
.icon.stroke.i_calculator::after {
    -webkit-mask-position:30% 7.5%;
    mask-position:30% 7.5%;
}

.icon.stroke.i_calendar::before,
.icon.stroke.i_calendar::after {
    -webkit-mask-position:40% 7.5%;
    mask-position:40% 7.5%;
}

.icon.stroke.i_call::before,
.icon.stroke.i_call::after {
    -webkit-mask-position:50% 7.5%;
    mask-position:50% 7.5%;
}

.icon.stroke.i_camera::before,
.icon.stroke.i_camera::after {
    -webkit-mask-position:60% 7.5%;
    mask-position:60% 7.5%;
}

.icon.stroke.i_candle::before,
.icon.stroke.i_candle::after {
    -webkit-mask-position:70% 7.5%;
    mask-position:70% 7.5%;
}

.icon.stroke.i_car::before,
.icon.stroke.i_car::after {
    -webkit-mask-position:80% 7.5%;
    mask-position:80% 7.5%;
}

.icon.stroke.i_card::before,
.icon.stroke.i_card::after {
    -webkit-mask-position:90% 7.5%;
    mask-position:90% 7.5%;
}

.icon.stroke.i_cardcoin::before,
.icon.stroke.i_cardcoin::after {
    -webkit-mask-position:100% 7.5%;
    mask-position:100% 7.5%;
}

.icon.stroke.i_cardtick::before,
.icon.stroke.i_cardtick::after {
    -webkit-mask-position:0 10%;
    mask-position:0 10%;
}

.icon.stroke.i_cards::before,
.icon.stroke.i_cards::after {
    -webkit-mask-position:10% 10%;
    mask-position:10% 10%;
}

.icon.stroke.i_cart::before,
.icon.stroke.i_cart::after {
    -webkit-mask-position:20% 10%;
    mask-position:20% 10%;
}

.icon.stroke.i_category::before,
.icon.stroke.i_category::after {
    -webkit-mask-position:30% 10%;
    mask-position:30% 10%;
}

.icon.stroke.i_change::before,
.icon.stroke.i_change::after {
    -webkit-mask-position:40% 10%;
    mask-position:40% 10%;
}

.icon.stroke.i_chartsquare::before,
.icon.stroke.i_chartsquare::after {
    -webkit-mask-position:50% 10%;
    mask-position:50% 10%;
}

.icon.stroke.i_chart::before,
.icon.stroke.i_chart::after {
    -webkit-mask-position:60% 10%;
    mask-position:60% 10%;
}

.icon.stroke.i_chart2::before,
.icon.stroke.i_chart2::after {
    -webkit-mask-position:70% 10%;
    mask-position:70% 10%;
}

.icon.stroke.i_chat::before,
.icon.stroke.i_chat::after {
    -webkit-mask-position:80% 10%;
    mask-position:80% 10%;
}

.icon.stroke.i_circulargraph::before,
.icon.stroke.i_circulargraph::after {
    -webkit-mask-position:90% 10%;
    mask-position:90% 10%;
}

.icon.stroke.i_clipboard::before,
.icon.stroke.i_clipboard::after {
    -webkit-mask-position:100% 10%;
    mask-position:100% 10%;
}

.icon.stroke.i_clipboardtext::before,
.icon.stroke.i_clipboardtext::after {
    -webkit-mask-position:0 12.5%;
    mask-position:0 12.5%;
}

.icon.stroke.i_clock::before,
.icon.stroke.i_clock::after {
    -webkit-mask-position:10% 12.5%;
    mask-position:10% 12.5%;
}

.icon.stroke.i_close::before,
.icon.stroke.i_close::after {
    -webkit-mask-position:20% 12.5%;
    mask-position:20% 12.5%;
}

.icon.stroke.i_closecircle::before,
.icon.stroke.i_closecircle::after {
    -webkit-mask-position:30% 12.5%;
    mask-position:30% 12.5%;
}

.icon.stroke.i_code::before,
.icon.stroke.i_code::after {
    -webkit-mask-position:40% 12.5%;
    mask-position:40% 12.5%;
}

.icon.stroke.i_coin::before,
.icon.stroke.i_coin::after {
    -webkit-mask-position:50% 12.5%;
    mask-position:50% 12.5%;
}

.icon.stroke.i_coins::before,
.icon.stroke.i_coins::after {
    -webkit-mask-position:60% 12.5%;
    mask-position:60% 12.5%;
}

.icon.stroke.i_coin2::before,
.icon.stroke.i_coin2::after {
    -webkit-mask-position:70% 12.5%;
    mask-position:70% 12.5%;
}

.icon.stroke.i_colorssquare::before,
.icon.stroke.i_colorssquare::after {
    -webkit-mask-position:80% 12.5%;
    mask-position:80% 12.5%;
}

.icon.stroke.i_command::before,
.icon.stroke.i_command::after {
    -webkit-mask-position:90% 12.5%;
    mask-position:90% 12.5%;
}

.icon.stroke.i_computing::before,
.icon.stroke.i_computing::after {
    -webkit-mask-position:100% 12.5%;
    mask-position:100% 12.5%;
}

.icon.stroke.i_copy::before,
.icon.stroke.i_copy::after {
    -webkit-mask-position:0 15%;
    mask-position:0 15%;
}

.icon.stroke.i_data::before,
.icon.stroke.i_data::after {
    -webkit-mask-position:10% 15%;
    mask-position:10% 15%;
}

.icon.stroke.i_data2::before,
.icon.stroke.i_data2::after {
    -webkit-mask-position:20% 15%;
    mask-position:20% 15%;
}

.icon.stroke.i_devicemessage::before,
.icon.stroke.i_devicemessage::after {
    -webkit-mask-position:30% 15%;
    mask-position:30% 15%;
}

.icon.stroke.i_device::before,
.icon.stroke.i_device::after {
    -webkit-mask-position:40% 15%;
    mask-position:40% 15%;
}

.icon.stroke.i_diagram::before,
.icon.stroke.i_diagram::after {
    -webkit-mask-position:50% 15%;
    mask-position:50% 15%;
}

.icon.stroke.i_direct::before,
.icon.stroke.i_direct::after {
    -webkit-mask-position:60% 15%;
    mask-position:60% 15%;
}

.icon.stroke.i_directbox::before,
.icon.stroke.i_directbox::after {
    -webkit-mask-position:70% 15%;
    mask-position:70% 15%;
}

.icon.stroke.i_discount::before,
.icon.stroke.i_discount::after {
    -webkit-mask-position:80% 15%;
    mask-position:80% 15%;
}

.icon.stroke.i_dislike::before,
.icon.stroke.i_dislike::after {
    -webkit-mask-position:90% 15%;
    mask-position:90% 15%;
}

.icon.stroke.i_document::before,
.icon.stroke.i_document::after {
    -webkit-mask-position:100% 15%;
    mask-position:100% 15%;
}

.icon.stroke.i_documents::before,
.icon.stroke.i_documents::after {
    -webkit-mask-position:0 17.5%;
    mask-position:0 17.5%;
}

.icon.stroke.i_download::before,
.icon.stroke.i_download::after {
    -webkit-mask-position:10% 17.5%;
    mask-position:10% 17.5%;
}

.icon.stroke.i_edit::before,
.icon.stroke.i_edit::after {
    -webkit-mask-position:20% 17.5%;
    mask-position:20% 17.5%;
}

.icon.stroke.i_edit2::before,
.icon.stroke.i_edit2::after {
    -webkit-mask-position:30% 17.5%;
    mask-position:30% 17.5%;
}

.icon.stroke.i_email::before,
.icon.stroke.i_email::after {
    -webkit-mask-position:40% 17.5%;
    mask-position:40% 17.5%;
}

.icon.stroke.i_export::before,
.icon.stroke.i_export::after {
    -webkit-mask-position:50% 17.5%;
    mask-position:50% 17.5%;
}

.icon.stroke.i_eyeslash::before,
.icon.stroke.i_eyeslash::after {
    -webkit-mask-position:60% 17.5%;
    mask-position:60% 17.5%;
}

.icon.stroke.i_eye::before,
.icon.stroke.i_eye::after {
    -webkit-mask-position:70% 17.5%;
    mask-position:70% 17.5%;
}

.icon.stroke.i_filter::before,
.icon.stroke.i_filter::after {
    -webkit-mask-position:80% 17.5%;
    mask-position:80% 17.5%;
}

.icon.stroke.i_filtersquare::before,
.icon.stroke.i_filtersquare::after {
    -webkit-mask-position:90% 17.5%;
    mask-position:90% 17.5%;
}

.icon.stroke.i_fingerscan::before,
.icon.stroke.i_fingerscan::after {
    -webkit-mask-position:100% 17.5%;
    mask-position:100% 17.5%;
}

.icon.stroke.i_firstline::before,
.icon.stroke.i_firstline::after {
    -webkit-mask-position:0 20%;
    mask-position:0 20%;
}

.icon.stroke.i_flag::before,
.icon.stroke.i_flag::after {
    -webkit-mask-position:10% 20%;
    mask-position:10% 20%;
}

.icon.stroke.i_folderminus::before,
.icon.stroke.i_folderminus::after {
    -webkit-mask-position:20% 20%;
    mask-position:20% 20%;
}

.icon.stroke.i_folderopen::before,
.icon.stroke.i_folderopen::after {
    -webkit-mask-position:30% 20%;
    mask-position:30% 20%;
}

.icon.stroke.i_folderplus::before,
.icon.stroke.i_folderplus::after {
    -webkit-mask-position:40% 20%;
    mask-position:40% 20%;
}

.icon.stroke.i_folder::before,
.icon.stroke.i_folder::after {
    -webkit-mask-position:50% 20%;
    mask-position:50% 20%;
}

.icon.stroke.i_forward::before,
.icon.stroke.i_forward::after {
    -webkit-mask-position:60% 20%;
    mask-position:60% 20%;
}

.icon.stroke.i_frame::before,
.icon.stroke.i_frame::after {
    -webkit-mask-position:70% 20%;
    mask-position:70% 20%;
}

.icon.stroke.i_gallery::before,
.icon.stroke.i_gallery::after {
    -webkit-mask-position:80% 20%;
    mask-position:80% 20%;
}

.icon.stroke.i_gift::before,
.icon.stroke.i_gift::after {
    -webkit-mask-position:90% 20%;
    mask-position:90% 20%;
}

.icon.stroke.i_globalsearch::before,
.icon.stroke.i_globalsearch::after {
    -webkit-mask-position:100% 20%;
    mask-position:100% 20%;
}

.icon.stroke.i_global::before,
.icon.stroke.i_global::after {
    -webkit-mask-position:0 22.5%;
    mask-position:0 22.5%;
}

.icon.stroke.i_graph::before,
.icon.stroke.i_graph::after {
    -webkit-mask-position:10% 22.5%;
    mask-position:10% 22.5%;
}

.icon.stroke.i_hashtag::before,
.icon.stroke.i_hashtag::after {
    -webkit-mask-position:20% 22.5%;
    mask-position:20% 22.5%;
}

.icon.stroke.i_headphone::before,
.icon.stroke.i_headphone::after {
    -webkit-mask-position:30% 22.5%;
    mask-position:30% 22.5%;
}

.icon.stroke.i_heart::before,
.icon.stroke.i_heart::after {
    -webkit-mask-position:40% 22.5%;
    mask-position:40% 22.5%;
}

.icon.stroke.i_home::before,
.icon.stroke.i_home::after {
    -webkit-mask-position:50% 22.5%;
    mask-position:50% 22.5%;
}

.icon.stroke.i_hourglass::before,
.icon.stroke.i_hourglass::after {
    -webkit-mask-position:60% 22.5%;
    mask-position:60% 22.5%;
}

.icon.stroke.i_image::before,
.icon.stroke.i_image::after {
    -webkit-mask-position:70% 22.5%;
    mask-position:70% 22.5%;
}

.icon.stroke.i_infocircle::before,
.icon.stroke.i_infocircle::after {
    -webkit-mask-position:80% 22.5%;
    mask-position:80% 22.5%;
}

.icon.stroke.i_key::before,
.icon.stroke.i_key::after {
    -webkit-mask-position:90% 22.5%;
    mask-position:90% 22.5%;
}

.icon.stroke.i_keyboard::before,
.icon.stroke.i_keyboard::after {
    -webkit-mask-position:100% 22.5%;
    mask-position:100% 22.5%;
}

.icon.stroke.i_layer::before,
.icon.stroke.i_layer::after {
    -webkit-mask-position:0 25%;
    mask-position:0 25%;
}

.icon.stroke.i_like::before,
.icon.stroke.i_like::after {
    -webkit-mask-position:10% 25%;
    mask-position:10% 25%;
}

.icon.stroke.i_likeheart::before,
.icon.stroke.i_likeheart::after {
    -webkit-mask-position:20% 25%;
    mask-position:20% 25%;
}

.icon.stroke.i_likeshapes::before,
.icon.stroke.i_likeshapes::after {
    -webkit-mask-position:30% 25%;
    mask-position:30% 25%;
}

.icon.stroke.i_link::before,
.icon.stroke.i_link::after {
    -webkit-mask-position:40% 25%;
    mask-position:40% 25%;
}

.icon.stroke.i_location::before,
.icon.stroke.i_location::after {
    -webkit-mask-position:50% 25%;
    mask-position:50% 25%;
}

.icon.stroke.i_lock::before,
.icon.stroke.i_lock::after {
    -webkit-mask-position:60% 25%;
    mask-position:60% 25%;
}

.icon.stroke.i_lockcircle::before,
.icon.stroke.i_lockcircle::after {
    -webkit-mask-position:70% 25%;
    mask-position:70% 25%;
}

.icon.stroke.i_login::before,
.icon.stroke.i_login::after {
    -webkit-mask-position:80% 25%;
    mask-position:80% 25%;
}

.icon.stroke.i_logout::before,
.icon.stroke.i_logout::after {
    -webkit-mask-position:90% 25%;
    mask-position:90% 25%;
}

.icon.stroke.i_magicpen::before,
.icon.stroke.i_magicpen::after {
    -webkit-mask-position:100% 25%;
    mask-position:100% 25%;
}

.icon.stroke.i_man::before,
.icon.stroke.i_man::after {
    -webkit-mask-position:0 27.5%;
    mask-position:0 27.5%;
}

.icon.stroke.i_map::before,
.icon.stroke.i_map::after {
    -webkit-mask-position:10% 27.5%;
    mask-position:10% 27.5%;
}

.icon.stroke.i_math::before,
.icon.stroke.i_math::after {
    -webkit-mask-position:20% 27.5%;
    mask-position:20% 27.5%;
}

.icon.stroke.i_maximize::before,
.icon.stroke.i_maximize::after {
    -webkit-mask-position:30% 27.5%;
    mask-position:30% 27.5%;
}

.icon.stroke.i_medal::before,
.icon.stroke.i_medal::after {
    -webkit-mask-position:40% 27.5%;
    mask-position:40% 27.5%;
}

.icon.stroke.i_medalstar::before,
.icon.stroke.i_medalstar::after {
    -webkit-mask-position:50% 27.5%;
    mask-position:50% 27.5%;
}

.icon.stroke.i_memo::before,
.icon.stroke.i_memo::after {
    -webkit-mask-position:60% 27.5%;
    mask-position:60% 27.5%;
}

.icon.stroke.i_menu::before,
.icon.stroke.i_menu::after {
    -webkit-mask-position:70% 27.5%;
    mask-position:70% 27.5%;
}

.icon.stroke.i_menuboard::before,
.icon.stroke.i_menuboard::after {
    -webkit-mask-position:80% 27.5%;
    mask-position:80% 27.5%;
}

.icon.stroke.i_messageedit::before,
.icon.stroke.i_messageedit::after {
    -webkit-mask-position:90% 27.5%;
    mask-position:90% 27.5%;
}

.icon.stroke.i_messagesearch::before,
.icon.stroke.i_messagesearch::after {
    -webkit-mask-position:100% 27.5%;
    mask-position:100% 27.5%;
}

.icon.stroke.i_messagetext::before,
.icon.stroke.i_messagetext::after {
    -webkit-mask-position:0 30%;
    mask-position:0 30%;
}

.icon.stroke.i_message::before,
.icon.stroke.i_message::after {
    -webkit-mask-position:10% 30%;
    mask-position:10% 30%;
}

.icon.stroke.i_messages::before,
.icon.stroke.i_messages::after {
    -webkit-mask-position:20% 30%;
    mask-position:20% 30%;
}

.icon.stroke.i_mic::before,
.icon.stroke.i_mic::after {
    -webkit-mask-position:30% 30%;
    mask-position:30% 30%;
}

.icon.stroke.i_minus::before,
.icon.stroke.i_minus::after {
    -webkit-mask-position:40% 30%;
    mask-position:40% 30%;
}

.icon.stroke.i_minuscirlce::before,
.icon.stroke.i_minuscirlce::after {
    -webkit-mask-position:50% 30%;
    mask-position:50% 30%;
}

.icon.stroke.i_mobile::before,
.icon.stroke.i_mobile::after {
    -webkit-mask-position:60% 30%;
    mask-position:60% 30%;
}

.icon.stroke.i_money::before,
.icon.stroke.i_money::after {
    -webkit-mask-position:70% 30%;
    mask-position:70% 30%;
}

.icon.stroke.i_moneys::before,
.icon.stroke.i_moneys::after {
    -webkit-mask-position:80% 30%;
    mask-position:80% 30%;
}

.icon.stroke.i_more::before,
.icon.stroke.i_more::after {
    -webkit-mask-position:90% 30%;
    mask-position:90% 30%;
}

.icon.stroke.i_morecircle::before,
.icon.stroke.i_morecircle::after {
    -webkit-mask-position:100% 30%;
    mask-position:100% 30%;
}

.icon.stroke.i_mouse::before,
.icon.stroke.i_mouse::after {
    -webkit-mask-position:0 32.5%;
    mask-position:0 32.5%;
}

.icon.stroke.i_mute::before,
.icon.stroke.i_mute::after {
    -webkit-mask-position:10% 32.5%;
    mask-position:10% 32.5%;
}

.icon.stroke.i_next::before,
.icon.stroke.i_next::after {
    -webkit-mask-position:20% 32.5%;
    mask-position:20% 32.5%;
}

.icon.stroke.i_note::before,
.icon.stroke.i_note::after {
    -webkit-mask-position:30% 32.5%;
    mask-position:30% 32.5%;
}

.icon.stroke.i_notification::before,
.icon.stroke.i_notification::after {
    -webkit-mask-position:40% 32.5%;
    mask-position:40% 32.5%;
}

.icon.stroke.i_panel::before,
.icon.stroke.i_panel::after {
    -webkit-mask-position:50% 32.5%;
    mask-position:50% 32.5%;
}

.icon.stroke.i_paperclip::before,
.icon.stroke.i_paperclip::after {
    -webkit-mask-position:60% 32.5%;
    mask-position:60% 32.5%;
}

.icon.stroke.i_password::before,
.icon.stroke.i_password::after {
    -webkit-mask-position:70% 32.5%;
    mask-position:70% 32.5%;
}

.icon.stroke.i_pause::before,
.icon.stroke.i_pause::after {
    -webkit-mask-position:80% 32.5%;
    mask-position:80% 32.5%;
}

.icon.stroke.i_playfull::before,
.icon.stroke.i_playfull::after {
    -webkit-mask-position:90% 50%;
    mask-position:90% 50%;
}

.icon.stroke.i_pc::before,
.icon.stroke.i_pc::after {
    -webkit-mask-position:90% 32.5%;
    mask-position:90% 32.5%;
}

.icon.stroke.i_percentage::before,
.icon.stroke.i_percentage::after {
    -webkit-mask-position:100% 32.5%;
    mask-position:100% 32.5%;
}

.icon.stroke.i_percentage2::before,
.icon.stroke.i_percentage2::after {
    -webkit-mask-position:0 35%;
    mask-position:0 35%;
}

.icon.stroke.i_percentage3::before,
.icon.stroke.i_percentage3::after {
    -webkit-mask-position:10% 35%;
    mask-position:10% 35%;
}

.icon.stroke.i_personalcard::before,
.icon.stroke.i_personalcard::after {
    -webkit-mask-position:20% 35%;
    mask-position:20% 35%;
}

.icon.stroke.i_play::before,
.icon.stroke.i_play::after {
    -webkit-mask-position:30% 35%;
    mask-position:30% 35%;
}

.icon.stroke.i_presentionchart::before,
.icon.stroke.i_presentionchart::after {
    -webkit-mask-position:40% 35%;
    mask-position:40% 35%;
}

.icon.stroke.i_previous::before,
.icon.stroke.i_previous::after {
    -webkit-mask-position:50% 35%;
    mask-position:50% 35%;
}

.icon.stroke.i_print::before,
.icon.stroke.i_print::after {
    -webkit-mask-position:60% 35%;
    mask-position:60% 35%;
}

.icon.stroke.i_profile::before,
.icon.stroke.i_profile::after {
    -webkit-mask-position:70% 35%;
    mask-position:70% 35%;
}

.icon.stroke.i_profilecircle::before,
.icon.stroke.i_profilecircle::after {
    -webkit-mask-position:80% 35%;
    mask-position:80% 35%;
}

.icon.stroke.i_question::before,
.icon.stroke.i_question::after {
    -webkit-mask-position:90% 35%;
    mask-position:90% 35%;
}

.icon.stroke.i_ranking::before,
.icon.stroke.i_ranking::after {
    -webkit-mask-position:100% 35%;
    mask-position:100% 35%;
}

.icon.stroke.i_receipt::before,
.icon.stroke.i_receipt::after {
    -webkit-mask-position:0 37.5%;
    mask-position:0 37.5%;
}

.icon.stroke.i_receiptdiscount::before,
.icon.stroke.i_receiptdiscount::after {
    -webkit-mask-position:10% 37.5%;
    mask-position:10% 37.5%;
}

.icon.stroke.i_receiptsearch::before,
.icon.stroke.i_receiptsearch::after {
    -webkit-mask-position:20% 37.5%;
    mask-position:20% 37.5%;
}

.icon.stroke.i_refresh::before,
.icon.stroke.i_refresh::after {
    -webkit-mask-position:30% 37.5%;
    mask-position:30% 37.5%;
}

.icon.stroke.i_reservation::before,
.icon.stroke.i_reservation::after {
    -webkit-mask-position:40% 37.5%;
    mask-position:40% 37.5%;
}

.icon.stroke.i_reset::before,
.icon.stroke.i_reset::after {
    -webkit-mask-position:50% 37.5%;
    mask-position:50% 37.5%;
}

.icon.stroke.i_routing::before,
.icon.stroke.i_routing::after {
    -webkit-mask-position:60% 37.5%;
    mask-position:60% 37.5%;
}

.icon.stroke.i_save::before,
.icon.stroke.i_save::after {
    -webkit-mask-position:70% 37.5%;
    mask-position:70% 37.5%;
}

.icon.stroke.i_scanner::before,
.icon.stroke.i_scanner::after {
    -webkit-mask-position:80% 37.5%;
    mask-position:80% 37.5%;
}

.icon.stroke.i_scheduler::before,
.icon.stroke.i_scheduler::after {
    -webkit-mask-position:90% 37.5%;
    mask-position:90% 37.5%;
}

.icon.stroke.i_search::before,
.icon.stroke.i_search::after {
    -webkit-mask-position:100% 37.5%;
    mask-position:100% 37.5%;
}

.icon.stroke.i_securitysafe::before,
.icon.stroke.i_securitysafe::after {
    -webkit-mask-position:0 40%;
    mask-position:0 40%;
}

.icon.stroke.i_securityuser::before,
.icon.stroke.i_securityuser::after {
    -webkit-mask-position:10% 40%;
    mask-position:10% 40%;
}

.icon.stroke.i_send::before,
.icon.stroke.i_send::after {
    -webkit-mask-position:20% 40%;
    mask-position:20% 40%;
}

.icon.stroke.i_server::before,
.icon.stroke.i_server::after {
    -webkit-mask-position:30% 40%;
    mask-position:30% 40%;
}

.icon.stroke.i_setting::before,
.icon.stroke.i_setting::after {
    -webkit-mask-position:40% 40%;
    mask-position:40% 40%;
}

.icon.stroke.i_share::before,
.icon.stroke.i_share::after {
    -webkit-mask-position:50% 40%;
    mask-position:50% 40%;
}

.icon.stroke.i_shield::before,
.icon.stroke.i_shield::after {
    -webkit-mask-position:60% 40%;
    mask-position:60% 40%;
}

.icon.stroke.i_ship::before,
.icon.stroke.i_ship::after {
    -webkit-mask-position:70% 40%;
    mask-position:70% 40%;
}

.icon.stroke.i_shop::before,
.icon.stroke.i_shop::after {
    -webkit-mask-position:80% 40%;
    mask-position:80% 40%;
}

.icon.stroke.i_shoppingbag::before,
.icon.stroke.i_shoppingbag::after {
    -webkit-mask-position:90% 40%;
    mask-position:90% 40%;
}

.icon.stroke.i_speaker::before,
.icon.stroke.i_speaker::after {
    -webkit-mask-position:100% 40%;
    mask-position:100% 40%;
}

.icon.stroke.i_star::before,
.icon.stroke.i_star::after {
    -webkit-mask-position:0 42.5%;
    mask-position:0 42.5%;
}

.icon.stroke.i_statusup::before,
.icon.stroke.i_statusup::after {
    -webkit-mask-position:10% 42.5%;
    mask-position:10% 42.5%;
}

.icon.stroke.i_stop::before,
.icon.stroke.i_stop::after {
    -webkit-mask-position:20% 42.5%;
    mask-position:20% 42.5%;
}

.icon.stroke.i_strongbox::before,
.icon.stroke.i_strongbox::after {
    -webkit-mask-position:30% 42.5%;
    mask-position:30% 42.5%;
}

.icon.stroke.i_strongbox2::before,
.icon.stroke.i_strongbox2::after {
    -webkit-mask-position:40% 42.5%;
    mask-position:40% 42.5%;
}

.icon.stroke.i_subtitle::before,
.icon.stroke.i_subtitle::after {
    -webkit-mask-position:50% 42.5%;
    mask-position:50% 42.5%;
}

.icon.stroke.i_tag::before,
.icon.stroke.i_tag::after {
    -webkit-mask-position:60% 42.5%;
    mask-position:60% 42.5%;
}

.icon.stroke.i_tasksquare::before,
.icon.stroke.i_tasksquare::after {
    -webkit-mask-position:70% 42.5%;
    mask-position:70% 42.5%;
}

.icon.stroke.i_task::before,
.icon.stroke.i_task::after {
    -webkit-mask-position:80% 42.5%;
    mask-position:80% 42.5%;
}

.icon.stroke.i_tickcircleon::before,
.icon.stroke.i_tickcircleon::after {
    -webkit-mask-position:90% 42.5%;
    mask-position:90% 42.5%;
}

.icon.stroke.i_tickcircleoff::before,
.icon.stroke.i_tickcircleoff::after {
    -webkit-mask-position:100% 42.5%;
    mask-position:100% 42.5%;
}

.icon.stroke.i_ticksquareon::before,
.icon.stroke.i_ticksquareon::after {
    -webkit-mask-position:0 45%;
    mask-position:0 45%;
}

.icon.stroke.i_ticksquareoff::before,
.icon.stroke.i_ticksquareoff::after {
    -webkit-mask-position:10% 45%;
    mask-position:10% 45%;
}

.icon.stroke.i_ticket::before,
.icon.stroke.i_ticket::after {
    -webkit-mask-position:20% 45%;
    mask-position:20% 45%;
}

.icon.stroke.i_translate::before,
.icon.stroke.i_translate::after {
    -webkit-mask-position:30% 45%;
    mask-position:30% 45%;
}

.icon.stroke.i_trash::before,
.icon.stroke.i_trash::after {
    -webkit-mask-position:40% 45%;
    mask-position:40% 45%;
}

.icon.stroke.i_trophy::before,
.icon.stroke.i_trophy::after {
    -webkit-mask-position:50% 45%;
    mask-position:50% 45%;
}

.icon.stroke.i_unlock::before,
.icon.stroke.i_unlock::after {
    -webkit-mask-position:60% 45%;
    mask-position:60% 45%;
}

.icon.stroke.i_upload::before,
.icon.stroke.i_upload::after {
    -webkit-mask-position:70% 45%;
    mask-position:70% 45%;
}

.icon.stroke.i_userbox::before,
.icon.stroke.i_userbox::after {
    -webkit-mask-position:80% 45%;
    mask-position:80% 45%;
}

.icon.stroke.i_user::before,
.icon.stroke.i_user::after {
    -webkit-mask-position:90% 45%;
    mask-position:90% 45%;
}

.icon.stroke.i_usertag::before,
.icon.stroke.i_usertag::after {
    -webkit-mask-position:100% 45%;
    mask-position:100% 45%;
}

.icon.stroke.i_usertick::before,
.icon.stroke.i_usertick::after {
    -webkit-mask-position:0 47.5%;
    mask-position:0 47.5%;
}

.icon.stroke.i_user2::before,
.icon.stroke.i_user2::after {
    -webkit-mask-position:10% 47.5%;
    mask-position:10% 47.5%;
}

.icon.stroke.i_verify::before,
.icon.stroke.i_verify::after {
    -webkit-mask-position:20% 47.5%;
    mask-position:20% 47.5%;
}

.icon.stroke.i_video::before,
.icon.stroke.i_video::after {
    -webkit-mask-position:30% 47.5%;
    mask-position:30% 47.5%;
}

.icon.stroke.i_voicesquare::before,
.icon.stroke.i_voicesquare::after {
    -webkit-mask-position:40% 47.5%;
    mask-position:40% 47.5%;
}

.icon.stroke.i_wallet::before,
.icon.stroke.i_wallet::after {
    -webkit-mask-position:50% 47.5%;
    mask-position:50% 47.5%;
}

.icon.stroke.i_walletadd::before,
.icon.stroke.i_walletadd::after {
    -webkit-mask-position:60% 47.5%;
    mask-position:60% 47.5%;
}

.icon.stroke.i_walletcheck::before,
.icon.stroke.i_walletcheck::after {
    -webkit-mask-position:70% 47.5%;
    mask-position:70% 47.5%;
}

.icon.stroke.i_walletsearch::before,
.icon.stroke.i_walletsearch::after {
    -webkit-mask-position:80% 47.5%;
    mask-position:80% 47.5%;
}

.icon.stroke.i_wifi::before,
.icon.stroke.i_wifi::after {
    -webkit-mask-position:90% 47.5%;
    mask-position:90% 47.5%;
}

.icon.stroke.i_wifisquare::before,
.icon.stroke.i_wifisquare::after {
    -webkit-mask-position:100% 47.5%;
    mask-position:100% 47.5%;
}

.icon.stroke.i_woman::before,
.icon.stroke.i_woman::after {
    -webkit-mask-position:0 50%;
    mask-position:0 50%;
}

.icon.stroke.i_zoomin::before,
.icon.stroke.i_zoomin::after {
    -webkit-mask-position:10% 50%;
    mask-position:10% 50%;
}

.icon.stroke.i_zoommaximize::before,
.icon.stroke.i_zoommaximize::after {
    -webkit-mask-position:20% 50%;
    mask-position:20% 50%;
}

.icon.stroke.i_zoomout::before,
.icon.stroke.i_zoomout::after {
    -webkit-mask-position:30% 50%;
    mask-position:30% 50%;
}





/* btn */
.btn {
    --btn-filled-bg: transparent;
    --btn-filled-bg-hover: var(--btn-filled-bg);
    --btn-filled-border: var(--btn-filled-bg);
    --btn-filled-border-hover: var(--btn-filled-bg-hover);
    --btn-filled-text: var(--basic-color-w);
    --btn-filled-text-hover: var(--btn-filled-text);
    --btn-outlined-border: var(--secondary-color-1);
    --btn-outlined-border-hover: var(--btn-outlined-border);
    --btn-outlined-text: var(--secondary-color-1);
    --btn-outlined-text-hover: var(--btn-outlined-text);
    --btn-disabled-fill-bg: var(--secondary-color-5);
    --btn-disabled-fill-border: var(--secondary-color-5);
    --btn-disabled-fill-text: var(--basic-color-w);
    --btn-disabled-outlined-border: var(--secondary-color-5);
    --btn-disabled-outlined-text: var(--secondary-color-5);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    max-width:100%;
    border:0.1rem solid transparent;
    background-color:transparent;
    font-family:"Pretendard", sans-serif;
    font-weight:700;
    white-space:nowrap;
    line-height:2rem;
    letter-spacing:0;
}
.btn span {margin-left:0;}
.btn.w100 {width:100% !important;}
.btn.xl {gap:1rem; min-width:20rem; height:6rem; padding:0 2.8rem; font-size:2rem; line-height:3rem; letter-spacing:-0.04rem;}
.btn.l {gap:0.8rem; min-width:14rem; height:5rem; padding:0 2.4rem; font-size:1.8rem; line-height:2.5rem; letter-spacing:-0.036rem;}
.btn.m {gap:0.6rem; min-width:11.7rem; height:4rem; padding:0 2rem; font-size:1.6rem; line-height:2rem; letter-spacing:-0.032rem;}
.btn.s {gap:0.5rem; min-width:9.6rem; height:3rem; padding:0 1.6rem; font-size:1.4rem; line-height:2rem; letter-spacing:-0.028rem;}
.btn.xs {gap:0.4rem; min-width:8.1rem; height:2.4rem; padding:0 1.2rem; font-size:1.2rem; line-height:2rem; letter-spacing:-0.024rem;}

/* ��ư border-radius */
.btn.pill {border-radius:99.9rem;}
.btn.rounded {border-radius:1.2rem;}
.btn.xl.rounded {border-radius:2rem;}
.btn.l.rounded {border-radius:1.6rem;}
.btn.s.rounded {border-radius:0.8rem;}
.btn.xs.rounded {border-radius:0.4rem;}

.btn.filled {
    background-color:var(--btn-filled-bg);
    border-color:var(--btn-filled-border);
    color:var(--btn-filled-text);
}
.btn.outlined {
    background-color:transparent;
    border-color:var(--btn-outlined-border);
    color:var(--btn-outlined-text);
    box-shadow:inset 0 0 0 0 var(--btn-outlined-border);
}
.btn.filled:hover,
.btn.filled:active,
.btn.filled.is-hover {
    background-color:var(--btn-filled-bg-hover);
    border-color:var(--btn-filled-border-hover);
    color:var(--btn-filled-text-hover);
}
.btn.outlined:hover,
.btn.outlined:active,
.btn.outlined.is-hover {
    border-color:var(--btn-outlined-border-hover);
    color:var(--btn-outlined-text-hover);
    box-shadow:inset 0 0 0 0.1rem var(--btn-outlined-border-hover);
}
.btn.filled:disabled,
.btn.filled.is-disabled {
    background-color:var(--btn-disabled-fill-bg);
    border-color:var(--btn-disabled-fill-border);
    color:var(--btn-disabled-fill-text);
}
.btn.outlined:disabled,
.btn.outlined.is-disabled {
    border-color:var(--btn-disabled-outlined-border);
    color:var(--btn-disabled-outlined-text);
    box-shadow:inset 0 0 0 0.1rem var(--btn-disabled-outlined-border);
}
.btn:disabled,
.btn.is-disabled {
    cursor:default;
    pointer-events:none;
}
.btn.primary {
    --btn-filled-bg: var(--ibk-blue);
    --btn-filled-bg-hover: var(--ibk-blue-dark-text-color);
    --btn-filled-border: var(--ibk-blue);
    --btn-filled-border-hover: var(--ibk-blue-dark-text-color);
    --btn-filled-text: var(--basic-color-w);
    --btn-filled-text-hover: var(--basic-color-w);
    --btn-outlined-border: var(--ibk-blue);
    --btn-outlined-border-hover: var(--ibk-blue-dark-text-color);
    --btn-outlined-text: var(--ibk-blue);
    --btn-outlined-text-hover: var(--ibk-blue-dark-text-color);
}
.btn.secondary {
    --btn-filled-bg: var(--secondary-color-1);
    --btn-filled-bg-hover: var(--ibk-blue-dark-text-color);
    --btn-filled-border: var(--secondary-color-1);
    --btn-filled-border-hover: var(--ibk-blue-dark-text-color);
    --btn-filled-text: var(--basic-color-w);
    --btn-filled-text-hover: var(--basic-color-w);
    --btn-outlined-border: var(--secondary-color-1);
    --btn-outlined-border-hover: var(--ibk-blue-dark-text-color);
    --btn-outlined-text: var(--secondary-color-1);
    --btn-outlined-text-hover: var(--ibk-blue-dark-text-color);
}
.btn.tertiary {
    --btn-filled-bg: var(--secondary-color-2);
    --btn-filled-bg-hover: var(--secondary-color-2);
    --btn-filled-border: var(--secondary-color-2);
    --btn-filled-border-hover: var(--secondary-color-2);
    --btn-filled-text: var(--basic-color-w);
    --btn-filled-text-hover: var(--basic-color-w);
    --btn-outlined-border: var(--secondary-color-2);
    --btn-outlined-border-hover: var(--secondary-color-2);
    --btn-outlined-text: var(--secondary-color-2);
    --btn-outlined-text-hover: var(--secondary-color-2);
}
.btn.success {
    --btn-filled-bg: var(--ibk-sky-blue);
    --btn-filled-bg-hover: var(--ibk-sky-blue-dark-text-color);
    --btn-filled-border: var(--ibk-sky-blue);
    --btn-filled-border-hover: var(--ibk-sky-blue-dark-text-color);
    --btn-filled-text: var(--basic-color-w);
    --btn-filled-text-hover: var(--basic-color-w);
    --btn-outlined-border: var(--ibk-sky-blue);
    --btn-outlined-border-hover: var(--ibk-sky-blue-dark-text-color);
    --btn-outlined-text: var(--ibk-sky-blue);
    --btn-outlined-text-hover: var(--ibk-sky-blue-dark-text-color);
}
.btn.danger {
    --btn-filled-bg: var(--ibk-red);
    --btn-filled-bg-hover: var(--ibk-red-dark-text-color);
    --btn-filled-border: var(--ibk-red);
    --btn-filled-border-hover: var(--ibk-red-dark-text-color);
    --btn-filled-text: var(--basic-color-w);
    --btn-filled-text-hover: var(--basic-color-w);
    --btn-outlined-border: var(--ibk-red);
    --btn-outlined-border-hover: var(--ibk-red-dark-text-color);
    --btn-outlined-text: var(--ibk-red);
    --btn-outlined-text-hover: var(--ibk-red-dark-text-color);
}
.btn.inverse {
    --btn-filled-bg: var(--basic-color-w);
    --btn-filled-bg-hover: var(--basic-color-w);
    --btn-filled-border: var(--basic-color-w);
    --btn-filled-border-hover: var(--basic-color-w);
    --btn-filled-text: var(--ibk-blue);
    --btn-filled-text-hover: var(--ibk-sky-blue);
    --btn-outlined-border: var(--basic-color-w);
    --btn-outlined-border-hover: var(--basic-color-w);
    --btn-outlined-text: var(--basic-color-w);
    --btn-outlined-text-hover: var(--basic-color-w);
}
.btn.outlined.inverse {
    background-color:transparent;
    border-color:var(--basic-color-w);
    color:var(--basic-color-w);
}

/* ������ */
.btn i.icon.stroke {color:currentColor;}
.btn i.icon {width:1.6rem; height:1.6rem;}
.btn.xl i.icon {width:2rem; height:2rem;}
.btn.s i.icon {width:1.2rem; height:1.2rem;}
.btn.xs i.icon {width:1.2rem; height:1.2rem;}
.btn i.icon.stroke::before,
.btn i.icon.stroke::after {
    -webkit-mask-image: url("/nresources/images/newbird/common/icons_stroke_s.svg");
    mask-image: url("/nresources/images/newbird/common/icons_stroke_s.svg");
    background-image:none !important;
    width:1.6rem;
    height:1.6rem;
}
.btn.xl i.icon.stroke::before,
.btn.xl i.icon.stroke::after {
    -webkit-mask-image: url("/nresources/images/newbird/common/icons_stroke_l.svg");
    mask-image: url("/nresources/images/newbird/common/icons_stroke_l.svg");
    background-image:none !important;
    width:2rem;
    height:2rem;
}
.btn.xs i.icon.stroke::before,
.btn.s i.icon.stroke::before,
.btn.xs i.icon.stroke::after,
.btn.s i.icon.stroke::after
{
    width:1.2rem;
    height:1.2rem;
}





/* input */
.input {
    --input-bg: var(--basic-color-w);
    --input-border: transparent;
    --input-text: var(--secondary-color-1);
    --input-arrow-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 7.5L10 12L14.5 7.5' stroke='%230D0E0F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --input-arrow-success: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 7.5L10 12L14.5 7.5' stroke='%230075A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --input-arrow-error: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 7.5L10 12L14.5 7.5' stroke='%23CD3700' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --input-arrow-disabled-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 7.5L10 12L14.5 7.5' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --input-arrow-disabled-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 7.5L10 12L14.5 7.5' stroke='%23D4D6D6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --input-arrow-image: var(--input-arrow-default);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    display: flex;
    width: 28rem;
    max-width: 100%;
    height: 5rem;
    padding: 0 1.5rem 0 2rem;
    border: 0.1rem solid var(--input-border);
    border-radius: 1.6rem;
    background-color: var(--input-bg);
    color: var(--input-text);
    font-family: "Pretendard", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: -0.036rem;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
input[type=text], input[type=tel], input[type=email], input[type=password] {padding: 0 1.5rem 0 2rem;}
.pi-input .del {position:absolute; top:calc(50% - 0.8rem); right:1.5rem; width:1.6rem; height:1.6rem; background-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-size:1100% auto; background-position:30% -8rem;}
.input.w100 {width:100% !important;}
.input:focus {outline:none;}
.input.l {width:32rem; height:6rem; border-radius:2rem; font-size:2rem; font-weight:500; line-height:3rem; letter-spacing:-0.04rem;}
.input.m {width:28rem; height:5rem; border-radius:1.6rem; font-size:1.8rem; font-weight:500; line-height:2.5rem; letter-spacing:-0.036rem;}
.input.s {width:24rem; height:4rem; border-radius:1.2rem; font-size:1.6rem; font-weight:500; line-height:2rem; letter-spacing:-0.032rem;}
.input.l::placeholder {font-size:2rem; font-weight:500; line-height:3rem; letter-spacing:-0.04rem; color:var(--secondary-color-2);}
.input.m::placeholder {font-size:1.8rem; font-weight:500; line-height:2.5rem; letter-spacing:-0.036rem; color:var(--secondary-color-2);}
.input.s::placeholder {font-size:1.6rem; font-weight:500; line-height:2rem; letter-spacing:-0.032rem; color:var(--secondary-color-2);}

/* select */
select.input {
    padding: 0 1rem 0 1.8rem;
    padding-right:5.5rem;
    background-color:var(--input-bg);
    background-image:var(--input-arrow-image);
    background-repeat:no-repeat;
    background-position:right 1.5rem center;
    background-size:2rem 2rem;
    cursor:pointer;
    opacity:1;
    -webkit-text-fill-color:currentColor;
    text-overflow:ellipsis;
    white-space:nowrap;
}
select.input::-ms-expand {display:none;}
select.input.l {padding:0 4.5rem 0 2rem;}
select.input.m {padding:0 4.4rem 0 1.8rem; padding-right:4.4rem; background-position:right 1rem center; background-size:1.6rem 1.6rem;}
select.input.s {padding:0 3.8rem 0 1.6rem; padding-right:3.8rem; background-position:right 0.8rem center; background-size:1.6rem 1.6rem;}

/* textarea */
textarea.input {
    display:block;
    width:32rem;
    max-width:none;
    height:auto;
    min-height:12rem;
    padding:1.5rem 2rem;
    background-image:none;
    resize:none;
    overflow:auto;
}
textarea.input.l {width:32rem; min-height:12rem; padding:1.5rem 2rem;}
textarea.input.m {width:32rem; min-height:10rem; padding:1.2rem 1.8rem;}
textarea.input.s {width:32rem; min-height:8rem; padding:1rem 1.6rem;}





/* semantic */
.input.normal {--input-text:var(--secondary-color-1); --input-arrow-image:var(--input-arrow-default);}
.input.normal.filled {--input-bg:var(--secondary-color-6); --input-border:transparent; border-color:transparent;}
.input.normal.filled.hover,
.input.normal.filled:not(.readonly):not(.disabled):hover,
.input.normal.filled:not(.readonly):not(.disabled):active {--input-border:rgba(var(--secondary-color-1-rgb), 0.08);}
#container .content .join_box .jb_input #jumin1.input.normal.filled,
#container .content .join_box .jb_input #jumin2.input.normal.filled {background-color:var(--secondary-color-6) !important; --input-border:transparent; border-color:transparent;}
input[type=text], 
input[type=tel], 
input[type=email], 
input[type=password], 
select {color:var(--secondary-color-1);}
input.ch_basic:focus-visible + label {outline:0.2rem dashed var(--ibk-blue);}
.input.normal.outlined {--input-bg:var(--basic-color-w); --input-border:var(--secondary-color-4); border-color:var(--secondary-color-4);}
.input.normal.outlined.hover,
.input.normal.outlined:not(.readonly):not(.disabled):hover,
.input.normal.outlined:not(.readonly):not(.disabled):active {--input-border:var(--secondary-color-3);}

.input.success {--input-text:var(--ibk-sky-blue-dark-text-color); --input-arrow-image:var(--input-arrow-success);}
.input.success.filled {--input-bg:var(--secondary-light-blue); --input-border:transparent;}
.input.success.filled.hover,
.input.success.filled:hover,
.input.success.filled:active {--input-border:rgba(var(--secondary-color-1-rgb), 0.08);}
.input.success.outlined {--input-bg:var(--basic-color-w); --input-border:var(--ibk-sky-blue);}
.input.success.outlined.hover,
.input.success.outlined:hover,
.input.success.outlined:active {--input-border:var(--ibk-sky-blue-dark-text-color);}

.input.error {--input-text:var(--ibk-red-dark-text-color); --input-arrow-image:var(--input-arrow-error);}
.input.error.filled {--input-bg:var(--secondary-light-red); --input-border:transparent;}
.input.error.filled.hover,
.input.error.filled:hover,
.input.error.filled:active {--input-border:rgba(var(--secondary-color-1-rgb), 0.08);}
.input.error.outlined {--input-bg:var(--basic-color-w); --input-border:var(--ibk-red);}
.input.error.outlined.hover,
.input.error.outlined:hover,
.input.error.outlined:active {--input-border:var(--ibk-red-dark-text-color);}

.input.readonly {--input-text:var(--secondary-color-1); --input-arrow-image:var(--input-arrow-default); cursor:default; pointer-events:none;}
.input.readonly.filled {--input-bg:var(--secondary-color-6-strong); --input-border:transparent;}
.input.readonly.outlined {--input-bg:var(--secondary-color-6); --input-border:var(--secondary-color-4);}

.input.disabled,
.input:disabled {cursor:default; pointer-events:none; opacity:1; -webkit-text-fill-color:currentColor;}
.input.disabled.filled,
.input.filled:disabled {--input-bg:var(--secondary-color-5); --input-border:transparent; --input-text:var(--basic-color-w); --input-arrow-image:var(--input-arrow-disabled-fill);}
.input.disabled.outlined,
.input.outlined:disabled {--input-bg:transparent; --input-border:var(--secondary-color-5); --input-text:var(--secondary-color-5); --input-arrow-image:var(--input-arrow-disabled-outline);}
input[type=text]:disabled, input[type=tel]:disabled, input[type=email]:disabled, input[type=password]:disabled, select:disabled {background-color:var(--secondary-color-6-strong);}




/* input matrix */
.input_canvas {
    padding:2.4rem;
    border:0.1rem solid var(--secondary-color-6-line);
    border-radius:2.4rem;
    background-color:var(--basic-color-w);
    overflow-x:auto;
    overflow-y:hidden;
}
.input_canvas::-webkit-scrollbar {height:1rem;}
.input_canvas::-webkit-scrollbar-thumb {border-radius:99.9rem; background-color:var(--secondary-color-5);}
.input_matrix {
    display:flex;
    flex-direction:column;
    gap:1.2rem;
    width:max-content;
    min-width:100%;
}
.input_matrix_row {
    display:grid;
    grid-template-columns:12rem max-content;
    gap:2rem;
    align-items:start;
}
.input_matrix_label {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding-top:.6rem;
    color:var(--secondary-color-2);
}
.input_matrix_kind {
    font-size:1.1rem;
    line-height:1.4rem;
    font-weight:600;
    text-transform:uppercase;
}
.input_matrix_name {
    font-size:1.8rem;
    line-height:2.4rem;
    font-weight:700;
    color:var(--secondary-color-1);
    letter-spacing:0;
}
.input_matrix_track {
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:max-content;
    gap:1rem;
}
.input_matrix_item {display:inline-flex; flex:0 0 auto;}

/* checkbox */
.checkbox_canvas {
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding:1rem;
    border:0.1rem solid var(--secondary-color-6-line);
    border-radius:2.4rem;
    background-color:var(--basic-color-w);
}
.checkbox_board {
    display:grid;
    grid-template-columns:repeat(16, 124.375px);
    grid-auto-rows:max-content;
    width:max-content;
    min-width:199rem;
    row-gap:1rem;
}
.checkbox_board .checkbox {
    cursor:default;
}
.checkbox_board .checkbox input {
    pointer-events:none;
    cursor:default;
}
.checkbox {
    --checkbox-size: 3rem;
    --checkbox-width: 3rem;
    --checkbox-radius: .8rem;
    --checkbox-gap: 1.2rem;
    --checkbox-padding-y: 1.5rem;
    --checkbox-bg: var(--basic-color-w);
    --checkbox-border: var(--secondary-color-3);
    --checkbox-label-color: var(--secondary-color-1);
    --checkbox-label-weight: 500;
    --checkbox-font-size: 2rem;
    --checkbox-line-height: 3rem;
    --checkbox-letter-spacing: -0.04rem;
    --checkbox-check-image: url("/nresources/images/newbird/common/icon_checkbox.svg");
    --checkbox-check-opacity: 0;
    --checkbox-check-size: 100% auto;
    --checkbox-radio-dot-size: 1.2rem;
    --checkbox-switch-width: 5rem;
    --checkbox-switch-thumb-size: 2.4rem;
    --checkbox-switch-track: var(--secondary-color-5);
    --checkbox-readonly-bg: var(--secondary-color-6-strong);
    --checkbox-readonly-border: var(--secondary-color-3);
    position:relative;
    display:inline-flex;
    align-items:flex-start;
    gap:var(--checkbox-gap);
    padding:var(--checkbox-padding-y) 0;
    white-space:nowrap;
    cursor:pointer;
}
.checkbox input {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    opacity:0;
    cursor:pointer;
}
.checkbox.state-disabled {
    --checkbox-label-color: var(--secondary-color-5);
}
.checkbox.state-readonly,
.checkbox.state-readonly input {
    cursor:default;
}
.checkbox input:checked ~ .c_label,
.checkbox input:checked ~ .c_label * {
    font-weight:600 !important;
}
.checkbox.primary input:checked ~ .c_label,
.checkbox.primary input:checked ~ .c_label *,
.checkbox.secondary input:checked ~ .c_label,
.checkbox.secondary input:checked ~ .c_label *,
.checkbox.tertiary input:checked ~ .c_label,
.checkbox.tertiary input:checked ~ .c_label * {
	text-decoration:underline; text-underline-position:under;
}

.c_mark {
    position:relative;
    flex:0 0 var(--checkbox-width);
    width:var(--checkbox-width);
    height:var(--checkbox-size);
    border:0.1rem solid var(--checkbox-border);
    border-radius:var(--checkbox-radius);
    background-color:var(--checkbox-bg);
    box-sizing:border-box;
}
.c_mark::after {
    content:"";
    position:absolute;
    inset:0;
    margin:auto;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url("/nresources/images/newbird/common/icon_checkbox_cs1-15.svg");
    background-size:var(--checkbox-check-size);
}
.checkbox.is-checkbox.secondary .c_mark::after {
	background-image:none;
}
.c_label,
.c_label * {
    min-height:var(--checkbox-size);
    color:var(--checkbox-label-color);
    font-family:"Pretendard", sans-serif;
    font-size:var(--checkbox-font-size);
    font-weight:var(--checkbox-label-weight) !important;
    line-height:var(--checkbox-line-height);
    letter-spacing:var(--checkbox-letter-spacing);
    white-space:normal;
    word-break:keep-all;
}
.checkbox.l {
    --checkbox-size: 3rem;
    --checkbox-width: 3rem;
    --checkbox-radius: .8rem;
    --checkbox-gap: 1.2rem;
    --checkbox-padding-y: 1.5rem;
    --checkbox-font-size: 2rem;
    --checkbox-line-height: 3rem;
    --checkbox-letter-spacing: -0.04rem;
    --checkbox-radio-dot-size: 1.2rem;
    --checkbox-switch-width: 5rem;
    --checkbox-switch-thumb-size: 2.4rem;
}
.checkbox.m {
    --checkbox-size: 2.6rem;
    --checkbox-width: 2.6rem;
    --checkbox-radius: .7rem;
    --checkbox-gap: 1rem;
    --checkbox-padding-y: 1.2rem;
    --checkbox-font-size: 1.8rem;
    --checkbox-line-height: 2.5rem;
    --checkbox-letter-spacing: -0.036rem;
    --checkbox-radio-dot-size: 1rem;
    --checkbox-switch-width: 4.2rem;
    --checkbox-switch-thumb-size: 2rem;
}
.checkbox.s {
    --checkbox-size: 2.2rem;
    --checkbox-width: 2.2rem;
    --checkbox-radius: .6rem;
    --checkbox-gap: .8rem;
    --checkbox-padding-y: .9rem;
    --checkbox-font-size: 1.6rem;
    --checkbox-line-height: 2rem;
    --checkbox-letter-spacing: -0.032rem;
    --checkbox-radio-dot-size: .8rem;
    --checkbox-switch-width: 3.6rem;
    --checkbox-switch-thumb-size: 1.8rem;
}
.checkbox.l .c_label,
.checkbox.l .c_label > * {line-height:3rem !important;}
.checkbox.m .c_label,
.checkbox.m .c_label > * {line-height:2.6rem !important;}
.checkbox.s .c_label,
.checkbox.s .c_label > * {line-height:2.2rem !important;}
.checkbox.is-checkbox.primary input:checked + .c_mark {
    background-color:var(--ibk-blue);
    border-color:var(--ibk-blue);
}
.checkbox.is-checkbox.primary input:checked + .c_mark::after {
    background-image:url("/nresources/images/newbird/common/icon_checkbox.svg");
}
.checkbox.is-checkbox.primary:not(.state-readonly):not(.state-disabled):hover input:checked + .c_mark,
.checkbox.is-checkbox.primary[data-preview-hover="true"] input:checked + .c_mark {
    background-color:var(--ibk-blue-dark-text-color);
    border-color:var(--ibk-blue-dark-text-color);
}
.checkbox.is-checkbox.primary:not(.state-readonly):not(.state-disabled):hover input:not(:checked) + .c_mark,
.checkbox.is-checkbox.primary[data-preview-hover="true"] input:not(:checked) + .c_mark,
.checkbox.is-checkbox.secondary:not(.state-readonly):not(.state-disabled):hover input:not(:checked) + .c_mark,
.checkbox.is-checkbox.secondary[data-preview-hover="true"] input:not(:checked) + .c_mark {
    border-color:var(--secondary-color-2);
}
.checkbox.is-checkbox.secondary input:checked + .c_mark {
    background-color:var(--basic-color-w);
    border-color:var(--secondary-color-4);
}
.checkbox.is-checkbox.secondary input:checked + .c_mark::after {
    width:100%;
    height:100%;
    background-image:url("/nresources/images/newbird/common/icon_checkbox_cs1.svg");
    background-size:var(--checkbox-check-size);
    opacity:1;
}
.checkbox.is-checkbox.secondary:not(.state-readonly):not(.state-disabled):hover input:checked + .c_mark,
.checkbox.is-checkbox.secondary[data-preview-hover="true"] input:checked + .c_mark {
    border-color:var(--secondary-color-2);
}
.checkbox.is-checkbox.tertiary .c_mark {
    border-color:transparent;
    background-color:transparent;
}
.checkbox.is-checkbox.tertiary .c_mark::after {
    width:100%;
    height:100%;
    background-size:var(--checkbox-check-size);
    opacity:1;
}
.checkbox.is-checkbox.tertiary input:checked + .c_mark::after {
    background-image:url("/nresources/images/newbird/common/icon_checkbox_cs1.svg");
}
.checkbox.is-checkbox.tertiary input:not(:checked) + .c_mark::after {
    background-image:url("/nresources/images/newbird/common/icon_checkbox_cs1-15.svg");
}
.checkbox.is-checkbox.tertiary:not(.state-readonly):not(.state-disabled):hover .c_mark,
.checkbox.is-checkbox.tertiary[data-preview-hover="true"] .c_mark {
    background-color:var(--secondary-color-1-8);
}
.checkbox.is-checkbox.state-readonly input:checked + .c_mark {
    background-color:var(--checkbox-readonly-bg);
    border-color:var(--secondary-color-2);
}
.checkbox.is-checkbox.state-readonly input:checked + .c_mark::after {
    width:100%;
    height:100%;
    background-image:url("/nresources/images/newbird/common/icon_checkbox_cs1.svg");
    background-size:var(--checkbox-check-size);
    opacity:1;
}
.checkbox.is-checkbox.state-readonly input:not(:checked) + .c_mark {
    background-color:var(--checkbox-readonly-bg);
    border-color:var(--secondary-color-4);
}
.checkbox.is-checkbox.state-readonly input:not(:checked) + .c_mark::after {
    width:100%;
    height:100%;
    background-image:url("/nresources/images/newbird/common/icon_checkbox_cs1-15.svg");
    background-size:var(--checkbox-check-size);
    opacity:1;
}
.checkbox.is-checkbox.state-disabled .c_mark {
    background-color:var(--basic-color-w) !important;
    border-color:var(--secondary-color-1-15) !important;
}
.checkbox.is-checkbox.state-disabled .c_mark::after {
    width:100%;
    height:100%;
    background-image:url("/nresources/images/newbird/common/icon_checkbox_cs1-15.svg");
    background-size:var(--checkbox-check-size);
    opacity:1;
}
.checkbox.is-checkbox.state-disabled input:checked + .c_mark::after {
    background-image:url("/nresources/images/newbird/common/icon_checkbox_cs1-15.svg");
}

.checkbox.is-radio .c_mark {
    border-radius:50%;
    background-color:var(--basic-color-w);
    border-color:var(--secondary-color-4);
}
.checkbox.is-radio .c_mark::after {
    width:var(--checkbox-radio-dot-size);
    height:var(--checkbox-radio-dot-size);
    border-radius:50%;
    background-image:none !important;
    background-color:var(--secondary-color-1-15);
    opacity:1;
}
.checkbox.is-radio.primary input:checked + .c_mark {
    background-color:var(--ibk-blue);
    border-color:var(--ibk-blue);
}
.checkbox.is-radio.primary input:checked + .c_mark::after {
    background-color:var(--basic-color-w);
    opacity:1;
}
.checkbox.is-radio.primary:not(.state-readonly):not(.state-disabled):hover input:checked + .c_mark,
.checkbox.is-radio.primary[data-preview-hover="true"] input:checked + .c_mark {
    background-color:var(--ibk-blue-dark-text-color);
    border-color:var(--ibk-blue-dark-text-color);
}
.checkbox.is-radio.primary:not(.state-readonly):not(.state-disabled):hover input:not(:checked) + .c_mark,
.checkbox.is-radio.primary[data-preview-hover="true"] input:not(:checked) + .c_mark,
.checkbox.is-radio.secondary:not(.state-readonly):not(.state-disabled):hover input:not(:checked) + .c_mark,
.checkbox.is-radio.secondary[data-preview-hover="true"] input:not(:checked) + .c_mark {
    border-color:var(--secondary-color-2);
}
.checkbox.is-radio.secondary input:checked + .c_mark {
    background-color:var(--basic-color-w);
    border-color:var(--secondary-color-4);
}
.checkbox.is-radio.secondary input:checked + .c_mark::after {
    background-color:var(--secondary-color-1);
    opacity:1;
}
.checkbox.is-radio.secondary:not(.state-readonly):not(.state-disabled):hover input:checked + .c_mark,
.checkbox.is-radio.secondary[data-preview-hover="true"] input:checked + .c_mark {
    border-color:var(--secondary-color-2);
}
.checkbox.is-radio.state-readonly input:checked + .c_mark {
    background-color:var(--checkbox-readonly-bg);
    border-color:var(--secondary-color-2);
}
.checkbox.is-radio.state-readonly input:checked + .c_mark::after {
    background-color:var(--secondary-color-1);
    opacity:1;
}
.checkbox.is-radio.state-readonly input:not(:checked) + .c_mark {
    background-color:var(--checkbox-readonly-bg);
    border-color:var(--secondary-color-4);
}
.checkbox.is-radio.state-readonly input:not(:checked) + .c_mark::after {
    background-color:var(--secondary-color-1-15);
    opacity:1;
}
.checkbox.is-radio.state-disabled .c_mark {
    background-color:var(--basic-color-w) !important;
    border-color:var(--secondary-color-1-15) !important;
}
.checkbox.is-radio.state-disabled .c_mark::after {
    background-color:var(--secondary-color-1-15);
    opacity:1;
}
.checkbox.is-radio.state-disabled input:checked + .c_mark::after {
    background-color:var(--secondary-color-1-15);
    opacity:1;
}

.checkbox.is-switch .c_mark {
    flex-basis:var(--checkbox-switch-width);
    width:var(--checkbox-switch-width);
    border:0;
    border-radius:99.9rem;
    background-color:var(--checkbox-switch-track);
    box-shadow:inset 0 0 0 0.1rem rgba(var(--secondary-color-1-rgb), 0.06);
}
.checkbox.is-switch .c_mark::after {
    top:50%;
    left:.3rem;
    width:var(--checkbox-switch-thumb-size);
    height:var(--checkbox-switch-thumb-size);
    margin:0;
    border-radius:50%;
    background-color:var(--basic-color-w);
    box-shadow:0 .4rem .8rem rgba(var(--secondary-color-1-rgb), 0.10);
    opacity:1;
    transform:translateY(-50%);
    background-image:none !important;
    transition:0.2s;
}
.checkbox.is-switch input:checked + .c_mark {
    background-color:var(--ibk-sky-blue);
    box-shadow:none;
}
.checkbox.is-switch input:checked + .c_mark::after {
    left:calc(100% - var(--checkbox-switch-thumb-size) - .3rem);
}
.checkbox.is-switch:not(.state-readonly):not(.state-disabled):hover input:checked + .c_mark,
.checkbox.is-switch[data-preview-hover="true"] input:checked + .c_mark {
    background-color:var(--ibk-sky-blue-dark-text-color);
}
.checkbox.is-switch:not(.state-readonly):not(.state-disabled):hover input:not(:checked) + .c_mark,
.checkbox.is-switch[data-preview-hover="true"] input:not(:checked) + .c_mark {
    background-color:var(--secondary-color-4);
}





/* tab */




/* paging */
.paging {display:inline-block; vertical-align:middle; width:100%; margin-top:5rem;}
.paging .pg_wrap {display:flex; gap:5rem; flex-direction:row;justify-content:center}
.paging .pg_page {display:inline-block; vertical-align:middle; box-sizing:border-box;float:left; min-width:5rem; height:5rem; border-radius:0.5rem; border:0.1rem solid var(--secondary-color-5); box-sizing:border-box; font-size:1.6rem;font-weight:600; color:#231F20 !important; line-height:5rem; letter-spacing:-0.064rem; text-align:center;}
.paging .pg_left .pg_page, .paging .pg_right .pg_page {display:flex; align-items:center; justify-content:center; background:var(--secondary-color-6)}
.paging .pg_page:hover {border-width:0.2rem; border-color:var(--secondary-color-4); line-height:4.8rem;}
.paging .pg_current {border-color:var(--secondary-color-3); font-weight:700;}
.paging .pg_left {display:flex; vertical-align:middle; gap:0.5rem;}
.paging .pg_center {display:flex; vertical-align:middle; gap:1rem;}
.paging .pg_right {display:flex; vertical-align:middle; gap:0.5rem;}
.paging .pg_start i:last-child, .paging .pg_end i:last-child {margin-left:-1rem;}


/* form */


/* table */
.tb_col {position:relative; width:100%; margin-top:0.1rem; border-left:0.1rem solid var(--secondary-color-5); border-right:0.1rem solid var(--secondary-color-5); border-top:0; border-collapse:collapse;}
.tb_col:before {content:''; display:block; position:absolute; top:-0.1rem; left:0; right:0; width:auto; height:0.1rem; background-color:var(--ibk-blue);}
.tb_col thead tr {border-top:0;}
.tb_col th {height:auto; min-height:4rem; padding:1rem 0.5rem; border:0.1rem solid var(--secondary-color-5); background-color:var(secondary-color-6); font-size:1.2rem; font-weight:700; line-height:2rem; letter-spacing:-0.024rem; color:var(--secondary-color-1); word-break:keep-all;}
.tb_col th.lsp{letter-spacing:-0.024rem;}
.tb_col td {height:auto; min-height:3rem; padding:0.5rem 0.5rem; border:0.1rem solid var(--secondary-color-5); border-top:0; font-size:1.2rem; font-weight:400; line-height:2rem; letter-spacing:-0.024rem; color:var(--secondary-color-1);}
.tb_col tr td:first-child,
.tb_col tr th:first-child {border-left:0;}
.tb_col tr td:last-child,
.tb_col tr th:last-child {border-right:0;}
.prd_num span{display:block;}
.tb_col tbody th {border-top:0;}
.tb_col th .fc_sm {font-size:inherit; color:#666;}
.tb_bottxt {display:block; width:100%; margin:0; padding:0.5rem 0; color:var(--secondary-color-3); font-size:1.2rem; font-weight:500; line-height:2rem; letter-spacing:-0.024rem; text-align:left; word-break:keep-all;}
.win_popup .win_content.t2 p:first-child + .tb_col {margin-top:10px;}

/* terms */


/* popup */
.popup {position:fixed; top:0; bottom:0; left:0; right:0; z-index:1000; opacity:0; overflow:auto; visibility:hidden; transition:opacity .3s ease; pointer-events:none;}
.popup::-webkit-scrollbar {width:1rem;}
.popup::-webkit-scrollbar-thumb {background-color:var(--ibk-blue); border-radius:1rem; background-clip:padding-box; border:0.2rem solid transparent;}
.popup::-webkit-scrollbar-thumb:hover {background-color:var(--ibk-blue);}
.popup::-webkit-scrollbar-track {background-color:var(--basic-color-w);}
.popup.open {opacity:1; visibility:visible;}
.dim {display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:1000; background:rgba(13, 14, 15, 0.80);}
.dim.on {display:block;}
.popup .p_wrapper {display:block; box-sizing:border-box; width:100%; max-width:90rem; margin:8rem auto;}
.popup .p_inner {display:block; position:relative; box-sizing:border-box; width:100%; padding:8rem 15rem; border-radius:3.2rem; background:var(--basic-color-w); pointer-events:auto;}
.popup .p_head {}
.popup .p_head .p_close {position:absolute; top:3rem; right:3rem; width:4rem; height:4rem; border:0; background:none; transform:rotate(-45deg); transition:0.3s all; cursor:pointer;}
.popup .p_head .p_close:hover {transform:rotate(45deg);}
.popup .p_head .p_close::before,
.popup .p_head .p_close::after {content:''; position:absolute; top:50%; left:50%; width:2.4rem; height:0.4rem; border-radius:1rem; background:var(--ibk-blue);}
.popup .p_head .p_close::before {transform:translate(-50%, -50%) rotate(90deg);}
.popup .p_head .p_close::after {transform:translate(-50%, -50%);}
.popup .p_body {}
.popup .p_body .pb_title {text-align:left; word-break:keep-all;}
.popup .p_body .pb_tab {display:flex; box-sizing:border-box; width:100%; margin-top:4rem; padding:0.5rem; border:0.1rem solid var(--secondary-color-5); border-radius:1.5rem; background-color:var(--basic-color-w);}
.popup .p_body .pb_tab .pbt_btn {flex:1; width:50%; padding:1rem 0; border-radius:1rem; background:var(--basic-color-w); font-weight:600; cursor:pointer; transition:0.2s;}
.popup .p_body .pb_tab .pbt_btn.active {background-color:var(--secondary-color-2);}
.popup .p_body .pb_tab .pbt_btn.active span {color:var(--basic-color-w); font-weight:700 !important;}
.popup .p_body .pb_tab .pbt_btn:hover span {font-weight:700 !important;}
.popup .p_body .pb_desc {margin-top:3rem; line-height:3rem; text-align:left; word-break:keep-all;}
.popup .p_body .pb_desc > span {display:block;}
.popup .p_body .content_title {padding:0.5rem 0; text-align:left;}
.popup .p_body .content_desc {margin-top:1.5rem; text-align:left;}
.popup .p_body .pb_contents {display:none; margin-top:4rem;}
.popup .p_body .pb_contents.active {display:block;}
.popup .p_body .auth_wrap {display:flex; gap:2rem; margin-top:1rem;}
.popup .p_body .auth_btn {flex:1; height:6rem; border:0; outline:0.1rem solid var(--ibk-blue); border-radius:999rem; background:var(--basic-color-w); cursor:pointer;}
.popup .p_body .auth_btn span {color:var(--ibk-blue);}
.popup .p_body .auth_btn.active,
.popup .p_body .auth_btn:hover {outline:0.2rem solid var(--ibk-blue);}
.popup .p_body .input_wrap {display:flex; margin-top:1.5rem;}
.popup .p_body .input_wrap.dash {align-items:flex-end;}
.popup .p_body .input_wrap.dash > i {flex-shrink:0; width:2rem; height:6rem; line-height:6rem;}
.popup .p_body .input_box {flex:1;}
.popup .p_body .input_box + .input_box {margin-left:2rem;}
.popup .p_body .label {display:block; margin-top:1rem; margin-bottom:1rem; text-align:left; word-break:keep-all;}
.popup .p_body .btnwrap {display:block; margin-top:4rem; border-top:0.1rem solid var(--secondary-color-6);}
.popup .p_body .bottom_btn {margin:4rem auto 0;}
.popup.t2 .p_wrapper {max-width:80rem; margin:20rem auto;}
.popup.t2 .p_inner {margin-top:6rem; padding:3rem 3.5rem;}
.popup.t2 .p_head .pop_tit02 {display:block; position:relative; box-sizing:border-box; padding-left:2.4rem; text-align:left; word-break:keep-all;}
.popup.t2 .p_head .pop_tit02:before {content:''; position:absolute; top:1rem; left:0; width:1.4rem; height:1.4rem; border-radius:50%; background-color:var(--ibk-sky-blue);}
.popup.t2 .p_head .pop_tit02:after {content:''; position:absolute; top:1.4rem; left:0.4rem; width:0.6rem; height:0.6rem; border-radius:50%; background-color:var(--basic-color-w);}
.popup.t2 .p_head .p_close {top:-6rem; left:50%; right:unset; margin-left:-2rem; background-color:var(--basic-color-w); border-radius:50%;}
.popup.t2 .p_head .p_close:before,
.popup.t2 .p_head .p_close:after {width:1.6rem; height:0.2rem;}
.popup.t2 .p_body .win_popup {width:100% !important; height:auto !important;}
.win_popup {padding-top:2rem;}
.win_popup .win_content.t2 {padding:0;}
.layerpop_wrap.t2 .tit03,
.win_content.t2 .tit03 {margin-bottom:1.5rem; font-size:2rem; font-weight:700; line-height:3rem; letter-spacing:-0.04rem;}
.layerpop_wrap.t2 table + .tit03,
.win_content.t2 table + .tit03 {margin-top:3rem;}
.layerpop_wrap.t2 .t_unit,
.win_content.t2 .t_unit {position:absolute; right:0; top:-2rem; overflow:hidden; height:2rem;}
.layerpop_wrap.t2 .t_unit span,
.win_content.t2 .t_unit span {float:left; font-size:1.2rem; font-weight:500; line-height:2rem; letter-spacing:-0.024rem; color:var(--secondary-color-3);}
.layerpop_wrap.t2 .guide_box,
.win_content.t2 .guide_box {box-sizing:border-box; margin-top:2rem; padding:2rem 3rem; border:0; border-radius:1.5rem; background:var(--secondary-color-6);}
.layerpop_wrap.t2 .guide_box::before,
.win_content.t2 .guide_box::before {display:none;}
.layerpop_wrap.t2 .guide_box .guide_tit,
.win_content.t2 .guide_box .guide_tit {position:relative; top:unset; left:unset; padding:0; margin:0; border:0;}
.layerpop_wrap.t2 .guide_box .guide_tit,
.win_content.t2 .guide_box .guide_tit {font-size:2rem; font-weight:700; line-height:3rem; color:var(--secondary-color-1); letter-spacing:-0.04rem; text-align:left; word-break:keep-all;}
.layerpop_wrap.t2 .guide_box .guide_txt,
.win_content.t2 .guide_box .guide_txt {margin-top:1.5rem; font-size:1.2rem; font-weight:400; line-height:2rem; color:var(--secondary-color-1); letter-spacing:-0.024rem; text-align:left; word-break:keep-all;}
.layerpop_wrap.t2 .guide_box .guide_txt .star,
.win_content.t2 .guide_box .guide_txt .star {position:relative; box-sizing:border-box; margin:0; padding-left:1.8rem; font-size:1.2rem; line-height:2rem; background:none;}
.layerpop_wrap.t2 .guide_box .guide_txt .star:before,
.win_content.t2 .guide_box .guide_txt .star:before {content:''; display:block; position:absolute; top:0.8rem; left:0.8rem; width:0.3rem; height:0.3rem; border-radius:50%; background-color:var(--secondary-color-1);}
.layerpop_wrap.t2 .li_list,
.win_content.t2 .li_list {margin-top:1rem; margin-bottom:2rem;}
.layerpop_wrap.t2 .tg_key,
.win_content.t2 .tg_key {display:block; position:relative; width:100%; text-align:left;}
.layerpop_wrap.t2 .tg_key:before,
.win_content.t2 .tg_key:before {content:''; position:absolute; top:0.1rem; right:0; width:2.8rem; height:2.8rem; border-radius:50%; background-color:var(--secondary-color-6);}
.layerpop_wrap.t2 .tg_key:after,
.win_content.t2 .tg_key:after {content:''; position:absolute; top:0.7rem; right:0.6rem; width:1.6rem; height:1.6rem; background-image:url("/nresources/images/newbird/common/icons_stroke_s.svg"); background-size:1100% auto; background-position:80% 0;}
.layerpop_wrap.t2 .tg_key span,
.win_content.t2 .tg_key span {font-size:1.6rem; font-weight:600; line-height:600; line-height:3rem; letter-spacing:-0.032rem; text-align:left; text-decoration:unset;}
.layerpop_wrap.t2 .tg_key.btn_open:after,
.win_content.t2 .tg_key.btn_open:after {background-position:0 2.5%;}
.layerpop_wrap.t2 .tg_key + ul,
.win_content.t2 .tg_key + ul {display:block; box-sizing:border-box; width:100%; margin-top:1.5rem; padding:1rem 1.5rem; border-radius:1rem; border:0.1rem solid var(--secondary-color-6);}
.layerpop_wrap.t2 .tg_key + ul li,
.win_content.t2 .tg_key + ul li {font-size:1.2rem; font-weight:400; line-height:2rem; letter-spacing:-0.024rem; color:var(--secondary-color-1);}
.win_content .btn_area_c {margin-top:3rem;}
.win_content .btn_area_c .btn_pri {display:block; box-sizing:border-box; width:10rem; height:4rem; margin:0 auto; padding:1rem 2rem; border:0.1rem solid var(--ibk-blue); border-radius:99.9rem; font-size:1.6rem; font-weight:700; line-height:2rem; color:var(--basic-color-w) !important; letter-spacing:-0.032rem; transition:0.3s all;}
.win_content .btn_area_c .btn_pri:hover {background-color:var(--basic-color-w); color:var(--ibk-blue) !important;}





@media (max-width:1280px) {
    #contents {padding-top:7rem;}

    /* title */
    .title {font-size:3.2rem; line-height:4rem; letter-spacing:-0.062rem;}
    .title.xs {font-size:1.6rem; line-height:3rem; letter-spacing:-0.032rem;}
    .title.s {font-size:2rem; line-height:3rem; letter-spacing:-0.04rem;}
    .title.m {font-size:2.5rem; line-height:3.5rem; letter-spacing:-0.05rem;}
    .title.l {font-size:3rem; line-height:4rem; letter-spacing:-0.06rem;}
    .title.xl {font-size:3.5rem; line-height:5rem; letter-spacing:-0.07rem;}

    /* text */
    .text {font-size:2rem; line-height:3rem; letter-spacing:-0.04rem;}
    .text.xs, .text .xs {font-size:1.2rem; line-height:2rem; letter-spacing:-0.024rem;}
    .text.s, .text .s {font-size:1.4rem; line-height:2.4rem; letter-spacing:-0.028rem;}
    .text.m, .text .m {font-size:1.6rem; line-height:2.6rem; letter-spacing:-0.032rem;}
    .text.l, .text .l {font-size:1.8rem; line-height:3rem; letter-spacing:-0.036rem;}
    .text.xl, .text .xl {font-size:2.2rem; line-height:3.5rem; letter-spacing:-0.044rem;}
}