/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    font-weight: 100 900;
    src: url('../fonts/Pretendard/PretendardVariable.woff2') format('woff2-variations');
}

/* animations */
@keyframes empty {
    from {
    }
    to {
    }
}

@keyframes cameImpact {
    from {
    }

    50% {
        color: #F48B0E;
        scale: 1;
        rotate: 0deg;
    }

    to {
        color: #F46224;
        scale: 3;
        rotate: -15deg;
    }
    
}


/* styles */

/* Current application customs */
html {

    --color-mango-archromatic-darker: #34373A;      --cmadr: 52 55 58;
    --color-mango-archromatic-dark: #4D5256;        --cmad: 77 82 86;
    --color-mango-archromatic-neutral: #949DA5;     --cman: 148 157 165;
    --color-mango-archromatic-lightness: #C5D2DD;   --cmaln: 197 210 221;
    --color-mango-archromatic-lightest: #F1F1F4;    --cmalt: 241 241 244;

    --color-mango-red-light: #FDD105;               --cmrl: 253 209 5;
    --color-mango-red-dark: #ED5047;                --cmrd: 237 80 71;
    --color-mango-red-vivid-lightest: #FFEA47;      --cmrvlt: 255 234 71;
    --color-mango-red-vivid-lightness: #FFEB30;     --cmrvln: 255 235 48;
    --color-mango-red-vivid-lighter: #FFD930;       --cmrvlr: 255 217 48;
    --color-mango-red-vivid-light: #FFCC22;         --cmrvl: 255 204 34;
    --color-mango-red-vivid: #F7B500;               --cmrv: 247 181 0;
    --color-mango-red-vivid-dark: #DBA100;          --cmrvd: 219 161 0;
    --color-mango-red-vivid-darker: #CA9400;        --cmrvdr: 202 148 0;

    --color-mango-yellow-light: #FDD105;            --cmyl: 253 209 5;
    --color-mango-yellow-dark: #FFB300;             --cmyd: 255 179 0;
    --color-mango-yellow-vivid-lightest: #FFEA47;   --cmyvlt: 255 234 71;
    --color-mango-yellow-vivid-lightness: #FFEB30;  --cmyvln: 255 235 48;
    --color-mango-yellow-vivid-lighter: #FFD930;    --cmyvlr: 255 217 48;
    --color-mango-yellow-vivid-light: #FFCC22;      --cmyvl: 255 204 34;
    --color-mango-yellow-vivid: #F7B500;            --cmyv: 247 181 0;
    --color-mango-yellow-vivid-dark: #DBA100;       --cmyvd: 219 161 0;
    --color-mango-yellow-vivid-darker: #CA9400;     --cmyvdr: 202 148 0;

    --color-mango-green-light: #5ADA3B;             --cmgl: 90 218 59;
    --color-mango-green-dark: #39A020;              --cmgd: 57 160 32;
    --color-mango-green-vivid-lightest: #C6F558;    --cmgvlt: 198 245 88;
    --color-mango-green-vivid-lightness: #B0DF43;   --cmgvln: 113 230 84;
    --color-mango-green-vivid-lighter: #A3D332;     --cmgvlr: 163 211 50;
    --color-mango-green-vivid-light: #92C21E;       --cmgvl: 146 194 30;
    --color-mango-green-vivid: #73B11F;             --cmgv: 115 177 31;
    --color-mango-green-vivid-dark: #66A30F;        --cmgvd: 102 163 15;
    --color-mango-green-vivid-darker: #548A08;      --cmgvdr: 84 138 8;

    --color-mango-blue-light: #3280FD;              --cmbl: 50 128 253;
    --color-mango-blue-dark: #0261FD;               --cmbd: 2 97 253;
    --color-mango-blue-vivid-lightest: #96B2FF;     --cmbvlt: 150 178 255;
    --color-mango-blue-vivid-lighter: #789CFF;      --cmbvlr: 120 156 255;
    --color-mango-blue-vivid-light: #6087F0;        --cmbvl: 96 135 240;
    --color-mango-blue-vivid: #446BD6;              --cmbv: 68 107 214;
    --color-mango-blue-vivid-dark: #2552CF;         --cmbvd: 37 82 207;
    --color-mango-blue-vivid-darker: #113AA8;       --cmbvdr: 17 58 168;

    --color-mango-light: var(--color-mango-yellow-light);                    --cml: var(--cmyl);
    --color-mango-dark: var(--color-mango-yellow-dark);                      --cmd: var(--cmyd);
    --color-mango-vivid-lightest: var(--color-mango-yellow-vivid-lightest);  --cmvlt: var(--cmyvlt);
    --color-mango-vivid-lighter: var(--color-mango-yellow-vivid-lighter);    --cmvlr: var(--cmyvlr);
    --color-mango-vivid-light: var(--color-mango-yellow-vivid-light);        --cmvl: var(--cmyvl);
    --color-mango-vivid: var(--color-mango-yellow-vivid);                    --cmv: var(--cmyv);
    --color-mango-vivid-dark: var(--color-mango-yellow-vivid-dark);          --cmvd: var(--cmyvd);
    --color-mango-vivid-darker: var(--color-mango-yellow-vivid-darker);      --cmvdr: var(--cmyvdr);

    --image-mango-gradate: var(--color-mango-light), var(--color-mango-dark);
    --image-mango-gradate-tp: rgb(var(--cml) / 50%), rgb(var(--cmd) / 50%);
    --image-mango-gradate-tpl: rgb(var(--cml) / 25%), rgb(var(--cmd) / 25%);
    --image-mango-gradate-tph: rgb(var(--cml) / 75%), rgb(var(--cmd) / 75%);

    --image-mango-vivid-gradate: var(--color-mango-vivid-lightest), var(--color-mango-vivid);
    --image-mango-vivid-gradate-tp: rgb(var(--cmvlt) / 50%), rgb(var(--cmv) / 50%);
    --image-mango-vivid-gradate-tpl: rgb(var(--cmvlt) / 25%), rgb(var(--cmv) / 25%);
    --image-mango-vivid-gradate-tph: rgb(var(--cmvlt) / 75%), rgb(var(--cmv) / 75%);

    --image-mango-gradient: linear-gradient(135deg, var(--image-mango-gradate));
    --image-mango-gradient-tp: linear-gradient(135deg, var(--image-mango-gradate-tp));
    --image-mango-gradient-tpl: linear-gradient(135deg, var(--image-mango-gradate-tpl));
    --image-mango-gradient-tph: linear-gradient(135deg, var(--image-mango-gradate-tph));
    --image-mango-vivid-gradient: linear-gradient(135deg, var(--image-mango-vivid-gradate));
    --image-mango-vivid-gradient-tp: linear-gradient(135deg, var(--image-mango-vivid-gradate-tp));
    --image-mango-vivid-gradient-tpl: linear-gradient(135deg, var(--image-mango-vivid-gradate-tpl));
    --image-mango-vivid-gradient-tph: linear-gradient(135deg, var(--image-mango-vivid-gradate-tph));


    --color-mango-fluorescent-green: #DBFF00;       --cmfg: 219 255 0;


    --image-mango-edu-logo: url('../images/mango_edu_logo_tight.png');
    --image-mango-edu-logo-white-filled: url('../images/mango_edu_logo_tight_white_filled.png');



    --color-point-dim: var(--color-mango-yellow-vivid-darker);     --cpdm: var(--cmydr);
    --color-point-dark: var(--color-mango-yellow-vivid-dark);      --cpd: var(--cmvyd);
    --color-point: var(--color-mango-yellow-vivid);                --cp: var(--cmvy);
    --color-point-light: var(--color-mango-yellow-vivid-light);    --cpl: var(--cmyvl);
    --color-point-bright: var(--color-mango-yellow-vivid-lighter); --cpbr: var(--cmyvlr);

    --color-point-sub-dim: var(--color-mango-green-vivid-darker);     --cpsdm: var(--cmgdr);
    --color-point-sub-dark: var(--color-mango-green-vivid-dark);      --cpsd: var(--cmgvd);
    --color-point-sub: var(--color-mango-green-vivid);                --cps: var(--cmgv);
    --color-point-sub-light: var(--color-mango-green-vivid-light);    --cpsl: var(--cmgvl);
    --color-point-sub-bright: var(--color-mango-green-vivid-lighter); --cpsbr: var(--cmgvlr);

    --color-indicator-bold: #FFD200;            --cib: 255 210 0;


    --color-id-holiday: #ED8063;
    --color-id-memorial: #AAAAAA;

    --color-id-tag-01: #F7B500;
    --color-id-tag-02: #FF962E;
    --color-id-tag-03: #A5AE0C;
    --color-id-tag-04: #7AB53D;
    --color-id-tag-05: #52C3BC;
    --color-id-tag-06: #6FA4FC;
    --color-id-tag-07: #7582CB;
    --color-id-tag-08: #9074EF;
    --color-id-tag-09: #ED5B86;
    --color-id-tag-10: #CC503A;
    --color-id-tag-11: #AC6C25;
    --color-id-tag-12: #777777;




    --svg-checkbox-27x24-bg: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='white'/%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' stroke='black' stroke-opacity='0.3'/%3E%3C/svg%3E");
    --svg-checkbox-27x24-empty: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E");
    --svg-checkbox-27x24-checker: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.068 7.33333L12.3333 12.584L24.932 0L27 2.068L12.3333 16.7347L5 9.40133L7.068 7.33333Z' fill='black'/%3E%3C/svg%3E");
    --svg-checkbox-20x18-bg: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='white'/%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='8.5' stroke='black' stroke-opacity='0.3'/%3E%3C/svg%3E");
    --svg-checkbox-20x18-empty: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E");
    --svg-checkbox-20x18-checker: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.90016 5.55556L8.88905 9.53333L18.4335 0L20.0002 1.56667L8.88905 12.6778L3.3335 7.12222L4.90016 5.55556Z' fill='black'/%3E%3C/svg%3E");

    --svg-flow-in-8x12: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.589996 1.41L5.17 6L0.589996 10.59L2 12L8 6L2 0L0.589996 1.41Z' fill='%23777777'/%3E%3C/svg%3E");
    --svg-flow-in-24x24: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.53003 7.88008L13.3467 11.7051L9.53003 15.5301L10.705 16.7051L15.705 11.7051L10.705 6.70508L9.53003 7.88008Z' fill='%23777777'/%3E%3C/svg%3E");

    --svg-profile-image-placeholder: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.9998 24.6281C36.4652 24.6281 33.5998 27.4935 33.5998 31.0281C33.5998 34.5627 36.4652 37.4281 39.9998 37.4281C43.5344 37.4281 46.3998 34.5627 46.3998 31.0281C46.3998 27.4935 43.5344 24.6281 39.9998 24.6281ZM30.7998 31.0281C30.7998 25.9471 34.9188 21.8281 39.9998 21.8281C45.0808 21.8281 49.1998 25.9471 49.1998 31.0281C49.1998 36.1091 45.0808 40.2281 39.9998 40.2281C34.9188 40.2281 30.7998 36.1091 30.7998 31.0281Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40 41.6281C33.0176 41.6281 28.8 46.9562 28.8 52.2281C28.8 53.0013 28.1732 53.6281 27.4 53.6281C26.6268 53.6281 26 53.0013 26 52.2281C26 45.5 31.3824 38.8281 40 38.8281C48.6176 38.8281 54 45.5 54 52.2281C54 53.0013 53.3732 53.6281 52.6 53.6281C51.8268 53.6281 51.2 53.0013 51.2 52.2281C51.2 46.9562 46.9824 41.6281 40 41.6281Z' fill='%23999999'/%3E%3C/svg%3E");

    --svg-icon-photo: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 17.1447C14.8455 17.1447 15.5623 16.8474 16.1503 16.2528C16.7383 15.6582 17.0323 14.9334 17.0323 14.0784C17.0323 13.2234 16.7383 12.4986 16.1503 11.904C15.5623 11.3095 14.8455 11.0122 14 11.0122C13.1545 11.0122 12.4377 11.3095 11.8497 11.904C11.2617 12.4986 10.9677 13.2234 10.9677 14.0784C10.9677 14.9334 11.2617 15.6582 11.8497 16.2528C12.4377 16.8474 13.1545 17.1447 14 17.1447ZM14 16.0272C13.4558 16.0272 12.9986 15.84 12.6284 15.4654C12.258 15.091 12.0728 14.6287 12.0728 14.0784C12.0728 13.5282 12.258 13.0658 12.6284 12.6914C12.9986 12.3169 13.4558 12.1296 14 12.1296C14.5442 12.1296 15.0014 12.3169 15.3716 12.6914C15.742 13.0658 15.9272 13.5282 15.9272 14.0784C15.9272 14.6287 15.742 15.091 15.3716 15.4654C15.0014 15.84 14.5442 16.0272 14 16.0272ZM8.33203 19.6667C7.9598 19.6667 7.64474 19.5363 7.38684 19.2755C7.12895 19.0147 7 18.6961 7 18.3197V9.83715C7 9.46075 7.12895 9.14216 7.38684 8.88137C7.64474 8.62059 7.9598 8.4902 8.33203 8.4902H10.5822L11.9453 7H16.0547L17.4178 8.4902H19.668C20.0402 8.4902 20.3553 8.62059 20.6132 8.88137C20.8711 9.14216 21 9.46075 21 9.83715V18.3197C21 18.6961 20.8711 19.0147 20.6132 19.2755C20.3553 19.5363 20.0402 19.6667 19.668 19.6667H8.33203ZM8.33203 18.549H19.668C19.7342 18.549 19.7885 18.5275 19.831 18.4846C19.8735 18.4416 19.8947 18.3867 19.8947 18.3197V9.83715C19.8947 9.77021 19.8735 9.71526 19.831 9.67229C19.7885 9.62933 19.7342 9.60784 19.668 9.60784H16.9247L15.5728 8.11765H12.4272L11.0753 9.60784H8.33203C8.26583 9.60784 8.21149 9.62933 8.169 9.67229C8.12651 9.71526 8.10526 9.77021 8.10526 9.83715V18.3197C8.10526 18.3867 8.12651 18.4416 8.169 18.4846C8.21149 18.5275 8.26583 18.549 8.33203 18.549Z' fill='white'/%3E%3C/svg%3E");
    --svg-icon-search: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7741 20.0003L11.4675 12.6934C10.8859 13.1737 10.217 13.5495 9.46079 13.821C8.70463 14.0924 7.92239 14.2281 7.11406 14.2281C5.12574 14.2281 3.44298 13.5397 2.06579 12.1629C0.688595 10.7861 0 9.10375 0 7.11581C0 5.12806 0.688401 3.44511 2.0652 2.06695C3.44201 0.688983 5.12438 0 7.11232 0C9.10006 0 10.783 0.688595 12.1612 2.06579C13.5391 3.44298 14.2281 5.12574 14.2281 7.11406C14.2281 7.94488 14.0887 8.73837 13.8099 9.49453C13.5309 10.2507 13.1587 10.9084 12.6934 11.4675L20 18.7741L18.7741 20.0003ZM7.11406 12.4834C8.61302 12.4834 9.8826 11.9632 10.9228 10.9228C11.9632 9.8826 12.4834 8.61302 12.4834 7.11406C12.4834 5.61511 11.9632 4.34553 10.9228 3.30532C9.8826 2.26491 8.61302 1.74471 7.11406 1.74471C5.61511 1.74471 4.34553 2.26491 3.30532 3.30532C2.26491 4.34553 1.74471 5.61511 1.74471 7.11406C1.74471 8.61302 2.26491 9.8826 3.30532 10.9228C4.34553 11.9632 5.61511 12.4834 7.11406 12.4834Z' fill='%235F6368'/%3E%3C/svg%3E");
    --svg-icon-heart-empty: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 19.8889L9.72197 18.7399C7.80257 16.9987 6.21529 15.5024 4.96013 14.2511C3.70497 12.9996 2.71034 11.8858 1.97624 10.9097C1.24213 9.93377 0.729281 9.04345 0.437684 8.23871C0.145895 7.43417 0 6.61775 0 5.78947C0 4.14623 0.554053 2.77046 1.66216 1.66216C2.77046 0.554052 4.14623 0 5.78947 0C6.80032 0 7.75558 0.236403 8.65526 0.709211C9.55495 1.18202 10.3365 1.86006 11 2.74334C11.6635 1.86006 12.4451 1.18202 13.3447 0.709211C14.2444 0.236403 15.1997 0 16.2105 0C17.8538 0 19.2295 0.554052 20.3378 1.66216C21.4459 2.77046 22 4.14623 22 5.78947C22 6.61775 21.8541 7.43417 21.5623 8.23871C21.2707 9.04345 20.7579 9.93377 20.0238 10.9097C19.2897 11.8858 18.2969 12.9996 17.0454 14.2511C15.7941 15.5024 14.205 16.9987 12.278 18.7399L11 19.8889ZM11 17.5421C12.8526 15.8751 14.3772 14.4463 15.5737 13.2556C16.7702 12.0651 17.7158 11.0308 18.4105 10.1527C19.1053 9.27464 19.5877 8.49489 19.8579 7.81347C20.1281 7.13225 20.2632 6.45758 20.2632 5.78947C20.2632 4.63158 19.8772 3.66667 19.1053 2.89474C18.3333 2.12281 17.3684 1.73684 16.2105 1.73684C15.2962 1.73684 14.4511 1.99621 13.6753 2.51495C12.8997 3.03388 12.2856 3.75573 11.8328 4.6805H10.1672C9.70692 3.7482 9.09083 3.02452 8.31889 2.50945C7.54697 1.99438 6.70382 1.73684 5.78947 1.73684C4.63891 1.73684 3.67583 2.12281 2.90024 2.89474C2.12464 3.66667 1.73684 4.63158 1.73684 5.78947C1.73684 6.45758 1.87193 7.13225 2.14211 7.81347C2.41228 8.49489 2.89474 9.27464 3.58947 10.1527C4.28421 11.0308 5.22982 12.0632 6.42632 13.2501C7.62281 14.4369 9.14737 15.8676 11 17.5421Z' fill='%23999999'/%3E%3C/svg%3E");
    --svg-icon-heart-filled: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.72197 18.7399L11 19.8889L12.278 18.7399C14.205 16.9987 15.7941 15.5024 17.0454 14.2511C18.2969 12.9996 19.2897 11.8858 20.0238 10.9097C20.7579 9.93377 21.2707 9.04345 21.5623 8.23871C21.8541 7.43417 22 6.61775 22 5.78947C22 4.14623 21.4459 2.77046 20.3378 1.66216C19.2295 0.554052 17.8538 0 16.2105 0C15.1997 0 14.2444 0.236403 13.3447 0.709211C12.4451 1.18202 11.6635 1.86006 11 2.74334C10.3365 1.86006 9.55495 1.18202 8.65526 0.709211C7.75558 0.236403 6.80032 0 5.78947 0C4.14623 0 2.77046 0.554052 1.66216 1.66216C0.554053 2.77046 0 4.14623 0 5.78947C0 6.61775 0.145895 7.43417 0.437684 8.23871C0.729281 9.04345 1.24213 9.93377 1.97624 10.9097C2.71034 11.8858 3.70497 12.9996 4.96013 14.2511C6.21529 15.5024 7.80257 16.9987 9.72197 18.7399Z' fill='%23ED5047'/%3E%3C/svg%3E");

    --svg-icon-inbound: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.07' cx='18' cy='18' r='18' fill='%23ED5047'/%3E%3Crect x='11' y='17' width='14' height='2' fill='%23ED5047'/%3E%3Crect x='17' y='11' width='2' height='14' fill='%23ED5047'/%3E%3C/svg%3E");
    --svg-icon-payment: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.07' cx='18' cy='18' r='18' fill='%2339A020'/%3E%3Crect x='11' y='17' width='14' height='2' fill='%2339A020'/%3E%3C/svg%3E");
    --svg-icon-outbound: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.07' cx='18' cy='18' r='18' fill='%230261FD'/%3E%3Crect x='11' y='17' width='14' height='2' fill='%230261FD'/%3E%3C/svg%3E");
    --svg-icon-extinct: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.07' cx='18' cy='18' r='18' fill='%23555555'/%3E%3Crect x='11' y='17' width='14' height='2' fill='%23555555'/%3E%3C/svg%3E");

    --svg-icon-settings: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.78951 19.1006L6.42481 16.1824C6.16826 16.0965 5.90517 15.9762 5.63554 15.8215C5.36606 15.6666 5.12508 15.5008 4.9126 15.3241L2.21025 16.4662L0 12.6344L2.3374 10.8677C2.31537 10.7253 2.29973 10.5822 2.29047 10.4385C2.28121 10.2948 2.27658 10.1517 2.27658 10.0091C2.27658 9.87291 2.28121 9.73449 2.29047 9.59383C2.29973 9.45317 2.31537 9.29933 2.3374 9.13233L0 7.36562L2.21025 3.55224L4.90326 4.68526C5.13426 4.50229 5.38083 4.33496 5.64296 4.18329C5.90509 4.03161 6.16267 3.90971 6.41571 3.81759L6.78951 0.899414H11.2105L11.5752 3.82669C11.8625 3.93111 12.1225 4.05301 12.3551 4.19239C12.5879 4.33177 12.8228 4.49606 13.0599 4.68526L15.7897 3.55224L18 7.36562L15.6257 9.15987C15.66 9.31458 15.6788 9.45923 15.682 9.59383C15.685 9.72826 15.6865 9.86365 15.6865 10C15.6865 10.1301 15.6834 10.2625 15.6772 10.3971C15.6711 10.5315 15.6491 10.6853 15.6111 10.8586L17.967 12.6344L15.7565 16.4662L13.0599 15.3147C12.8228 15.5039 12.5809 15.6713 12.334 15.8167C12.0872 15.9623 11.8343 16.0812 11.5752 16.1733L11.2105 19.1006H6.78951ZM8.04214 17.6637H9.92481L10.2692 15.0975C10.758 14.9698 11.2047 14.7883 11.6092 14.5532C12.0139 14.3178 12.4041 14.0154 12.7799 13.6457L15.1597 14.6461L16.103 13.0176L14.0251 11.4518C14.105 11.2037 14.1592 10.9604 14.188 10.7221C14.2169 10.4838 14.2313 10.2432 14.2313 10C14.2313 9.75061 14.2169 9.50992 14.188 9.27794C14.1592 9.04579 14.105 8.8087 14.0251 8.56666L16.1212 6.98244L15.1782 5.35391L12.7706 6.36887C12.45 6.02624 12.066 5.72352 11.6185 5.46072C11.1709 5.19792 10.7181 5.01184 10.2601 4.90247L9.95785 2.33635H8.05699L7.73994 4.89337C7.25128 5.00881 6.80005 5.18563 6.38625 5.42384C5.9723 5.66221 5.57743 5.96924 5.20163 6.34492L2.82184 5.35391L1.87883 6.98244L3.94732 8.52427C3.8675 8.75162 3.81162 8.98808 3.77969 9.23363C3.74776 9.47919 3.7318 9.73768 3.7318 10.0091C3.7318 10.2585 3.74776 10.5029 3.77969 10.7424C3.81162 10.9819 3.86446 11.2184 3.93822 11.4518L1.87883 13.0176L2.82184 14.6461L5.19253 13.6402C5.55603 14.0135 5.94468 14.3193 6.35848 14.5577C6.77243 14.7959 7.22988 14.9789 7.73084 15.1066L8.04214 17.6637ZM9.01101 12.8739C9.80795 12.8739 10.4861 12.5941 11.0455 12.0347C11.6049 11.4753 11.8846 10.797 11.8846 10C11.8846 9.20298 11.6049 8.52475 11.0455 7.9653C10.4861 7.40585 9.80795 7.12613 9.01101 7.12613C8.20418 7.12613 7.52355 7.40585 6.96911 7.9653C6.41467 8.52475 6.13745 9.20298 6.13745 10C6.13745 10.797 6.41467 11.4753 6.96911 12.0347C7.52355 12.5941 8.20418 12.8739 9.01101 12.8739Z' fill='%23999999'/%3E%3C/svg%3E");
    --svg-icon-copy: url("data:image/svg+xml,%3Csvg width='16' height='19' viewBox='0 0 16 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.30775 15C4.80258 15 4.375 14.825 4.025 14.475C3.675 14.125 3.5 13.6974 3.5 13.1923V1.80775C3.5 1.30258 3.675 0.875 4.025 0.525C4.375 0.175 4.80258 0 5.30775 0H13.6923C14.1974 0 14.625 0.175 14.975 0.525C15.325 0.875 15.5 1.30258 15.5 1.80775V13.1923C15.5 13.6974 15.325 14.125 14.975 14.475C14.625 14.825 14.1974 15 13.6923 15H5.30775ZM5.30775 13.5H13.6923C13.7692 13.5 13.8398 13.4679 13.9038 13.4038C13.9679 13.3398 14 13.2692 14 13.1923V1.80775C14 1.73075 13.9679 1.66025 13.9038 1.59625C13.8398 1.53208 13.7692 1.5 13.6923 1.5H5.30775C5.23075 1.5 5.16025 1.53208 5.09625 1.59625C5.03208 1.66025 5 1.73075 5 1.80775V13.1923C5 13.2692 5.03208 13.3398 5.09625 13.4038C5.16025 13.4679 5.23075 13.5 5.30775 13.5ZM1.80775 18.5C1.30258 18.5 0.875 18.325 0.525 17.975C0.175 17.625 0 17.1974 0 16.6923V3.80775H1.5V16.6923C1.5 16.7693 1.53208 16.8398 1.59625 16.9038C1.66025 16.9679 1.73075 17 1.80775 17H11.6923V18.5H1.80775Z' fill='%235F6368'/%3E%3C/svg%3E");

    --svg-icon-check-empty: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E");
    --svg-icon-check: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.90016 5.55556L5.88905 9.53333L15.4335 0L17.0002 1.56667L5.88905 12.6778L0.333496 7.12222L1.90016 5.55556Z' fill='white'/%3E%3C/svg%3E");

    --svg-icon-monthly-view: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.80775 15C1.30258 15 0.875 14.825 0.525 14.475C0.175 14.125 0 13.6974 0 13.1923V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H17.1923C17.6974 0 18.125 0.175 18.475 0.525C18.825 0.875 19 1.30258 19 1.80775V13.1923C19 13.6974 18.825 14.125 18.475 14.475C18.125 14.825 17.6974 15 17.1923 15H1.80775ZM1.5 6.75H5.8365V1.5H1.80775C1.71792 1.5 1.64417 1.52883 1.5865 1.5865C1.52883 1.64417 1.5 1.71792 1.5 1.80775V6.75ZM7.3365 6.75H11.6635V1.5H7.3365V6.75ZM13.1635 6.75H17.5V1.80775C17.5 1.71792 17.4712 1.64417 17.4135 1.5865C17.3558 1.52883 17.2821 1.5 17.1923 1.5H13.1635V6.75ZM5.8365 13.5V8.25H1.5V13.1923C1.5 13.2821 1.52883 13.3558 1.5865 13.4135C1.64417 13.4712 1.71792 13.5 1.80775 13.5H5.8365ZM7.3365 13.5H11.6635V8.25H7.3365V13.5ZM13.1635 13.5H17.1923C17.2821 13.5 17.3558 13.4712 17.4135 13.4135C17.4712 13.3558 17.5 13.2821 17.5 13.1923V8.25H13.1635V13.5Z' fill='%23777777'/%3E%3C/svg%3E");
    --svg-icon-weekly-view: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.80775 15C1.30258 15 0.875 14.825 0.525 14.475C0.175 14.125 0 13.6974 0 13.1923V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H17.1923C17.6974 0 18.125 0.175 18.475 0.525C18.825 0.875 19 1.30258 19 1.80775V13.1923C19 13.6974 18.825 14.125 18.475 14.475C18.125 14.825 17.6974 15 17.1923 15H1.80775ZM10.25 13.5H13.125V1.5H10.25V13.5ZM5.875 13.5H8.75V1.5H5.875V13.5ZM1.80775 13.5H4.375V1.5H1.80775C1.71792 1.5 1.64417 1.52883 1.5865 1.5865C1.52883 1.64417 1.5 1.71792 1.5 1.80775V13.1923C1.5 13.2821 1.52883 13.3558 1.5865 13.4135C1.64417 13.4712 1.71792 13.5 1.80775 13.5ZM14.625 13.5H17.1923C17.2821 13.5 17.3558 13.4712 17.4135 13.4135C17.4712 13.3558 17.5 13.2821 17.5 13.1923V1.80775C17.5 1.71792 17.4712 1.64417 17.4135 1.5865C17.3558 1.52883 17.2821 1.5 17.1923 1.5H14.625V13.5Z' fill='%23777777'/%3E%3C/svg%3E");

    --svg-small-icon-clear: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' style='width: 16px; height: 16px; '%3E%3Ccircle cx='8' cy='8' r='8' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.81804 4.11091L4.11094 4.81802L7.29292 8L4.11094 11.182L4.81804 11.8891L8.00002 8.70711L11.182 11.8891L11.8891 11.182L8.70713 8L11.8891 4.81802L11.182 4.11091L8.00002 7.29289L4.81804 4.11091Z' fill='white'/%3E%3C/svg%3E");
    --svg-small-icon-plus: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6.5' y='14' width='14' height='2' transform='rotate(-90 6.5 14)' fill='%23666666'/%3E%3Crect x='0.5' y='6' width='14' height='2' fill='%23666666'/%3E%3C/svg%3E");
    --svg-small-icon-home: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.8 13.3417H4.70008V8.19173H9.29992V13.3417H12.2V5.54168L7 1.625L1.8 5.54168V13.3417ZM0.5 14.6417V4.89168L7 0L13.5 4.89168V14.6417H7.99992V9.49173H6.00008V14.6417H0.5Z' fill='%23555555'/%3E%3C/svg%3E");
    --svg-small-icon-calendar: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.3824 15.0023C0.996093 15.0023 0.669118 14.8685 0.401471 14.6008C0.133824 14.3332 0 14.0062 0 13.6199V3.38471C0 2.9984 0.133824 2.67143 0.401471 2.40378C0.669118 2.13613 0.996093 2.00231 1.3824 2.00231H2.44113V0.384766H3.61763V2.00231H9.41181V0.384766H10.5589V2.00231H11.6176C12.0039 2.00231 12.3309 2.13613 12.5985 2.40378C12.8662 2.67143 13 2.9984 13 3.38471V13.6199C13 14.0062 12.8662 14.3332 12.5985 14.6008C12.3309 14.8685 12.0039 15.0023 11.6176 15.0023H1.3824ZM1.3824 13.8552H11.6176C11.6765 13.8552 11.7304 13.8307 11.7793 13.7816C11.8284 13.7327 11.8529 13.6788 11.8529 13.6199V6.44353H1.14706V13.6199C1.14706 13.6788 1.17159 13.7327 1.22066 13.7816C1.2696 13.8307 1.32351 13.8552 1.3824 13.8552ZM1.14706 5.29647H11.8529V3.38471C11.8529 3.32582 11.8284 3.27191 11.7793 3.22297C11.7304 3.1739 11.6765 3.14937 11.6176 3.14937H1.3824C1.32351 3.14937 1.2696 3.1739 1.22066 3.22297C1.17159 3.27191 1.14706 3.32582 1.14706 3.38471V5.29647ZM6.5 9.3259C6.31277 9.3259 6.15321 9.25994 6.02129 9.12803C5.88951 8.99625 5.82362 8.83668 5.82362 8.64932C5.82362 8.4621 5.88951 8.30253 6.02129 8.17062C6.15321 8.03883 6.31277 7.97294 6.5 7.97294C6.68723 7.97294 6.84679 8.03883 6.97871 8.17062C7.11049 8.30253 7.17638 8.4621 7.17638 8.64932C7.17638 8.83668 7.11049 8.99625 6.97871 9.12803C6.84679 9.25994 6.68723 9.3259 6.5 9.3259ZM3.44118 9.3259C3.25395 9.3259 3.09438 9.25994 2.96247 9.12803C2.83069 8.99625 2.76479 8.83668 2.76479 8.64932C2.76479 8.4621 2.83069 8.30253 2.96247 8.17062C3.09438 8.03883 3.25395 7.97294 3.44118 7.97294C3.6284 7.97294 3.78797 8.03883 3.91988 8.17062C4.05167 8.30253 4.11756 8.4621 4.11756 8.64932C4.11756 8.83668 4.05167 8.99625 3.91988 9.12803C3.78797 9.25994 3.6284 9.3259 3.44118 9.3259ZM9.55882 9.3259C9.3716 9.3259 9.21203 9.25994 9.08012 9.12803C8.94833 8.99625 8.88244 8.83668 8.88244 8.64932C8.88244 8.4621 8.94833 8.30253 9.08012 8.17062C9.21203 8.03883 9.3716 7.97294 9.55882 7.97294C9.74605 7.97294 9.90562 8.03883 10.0375 8.17062C10.1693 8.30253 10.2352 8.4621 10.2352 8.64932C10.2352 8.83668 10.1693 8.99625 10.0375 9.12803C9.90562 9.25994 9.74605 9.3259 9.55882 9.3259ZM6.5 12.3258C6.31277 12.3258 6.15321 12.2599 6.02129 12.128C5.88951 11.9962 5.82362 11.8367 5.82362 11.6495C5.82362 11.4621 5.88951 11.3025 6.02129 11.1707C6.15321 11.0388 6.31277 10.9729 6.5 10.9729C6.68723 10.9729 6.84679 11.0388 6.97871 11.1707C7.11049 11.3025 7.17638 11.4621 7.17638 11.6495C7.17638 11.8367 7.11049 11.9962 6.97871 12.128C6.84679 12.2599 6.68723 12.3258 6.5 12.3258ZM3.44118 12.3258C3.25395 12.3258 3.09438 12.2599 2.96247 12.128C2.83069 11.9962 2.76479 11.8367 2.76479 11.6495C2.76479 11.4621 2.83069 11.3025 2.96247 11.1707C3.09438 11.0388 3.25395 10.9729 3.44118 10.9729C3.6284 10.9729 3.78797 11.0388 3.91988 11.1707C4.05167 11.3025 4.11756 11.4621 4.11756 11.6495C4.11756 11.8367 4.05167 11.9962 3.91988 12.128C3.78797 12.2599 3.6284 12.3258 3.44118 12.3258ZM9.55882 12.3258C9.3716 12.3258 9.21203 12.2599 9.08012 12.128C8.94833 11.9962 8.88244 11.8367 8.88244 11.6495C8.88244 11.4621 8.94833 11.3025 9.08012 11.1707C9.21203 11.0388 9.3716 10.9729 9.55882 10.9729C9.74605 10.9729 9.90562 11.0388 10.0375 11.1707C10.1693 11.3025 10.2352 11.4621 10.2352 11.6495C10.2352 11.8367 10.1693 11.9962 10.0375 12.128C9.90562 12.2599 9.74605 12.3258 9.55882 12.3258Z' fill='%23555555'/%3E%3C/svg%3E");
    --svg-small-icon-copy: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.10923 11.6129C3.71813 11.6129 3.3871 11.4774 3.11613 11.2065C2.84516 10.9355 2.70968 10.6045 2.70968 10.2134V1.39955C2.70968 1.00845 2.84516 0.677419 3.11613 0.406452C3.3871 0.135484 3.71813 0 4.10923 0H10.6005C10.9915 0 11.3226 0.135484 11.5935 0.406452C11.8645 0.677419 12 1.00845 12 1.39955V10.2134C12 10.6045 11.8645 10.9355 11.5935 11.2065C11.3226 11.4774 10.9915 11.6129 10.6005 11.6129H4.10923ZM4.10923 10.4516H10.6005C10.6601 10.4516 10.7146 10.4268 10.7642 10.3771C10.8139 10.3275 10.8387 10.273 10.8387 10.2134V1.39955C10.8387 1.33994 10.8139 1.28535 10.7642 1.23581C10.7146 1.18613 10.6601 1.16129 10.6005 1.16129H4.10923C4.04961 1.16129 3.99503 1.18613 3.94548 1.23581C3.89581 1.28535 3.87097 1.33994 3.87097 1.39955V10.2134C3.87097 10.273 3.89581 10.3275 3.94548 10.3771C3.99503 10.4268 4.04961 10.4516 4.10923 10.4516ZM1.39955 14.3226C1.00845 14.3226 0.677419 14.1871 0.406452 13.9161C0.135484 13.6452 0 13.3141 0 12.923V2.94794H1.16129V12.923C1.16129 12.9826 1.18613 13.0372 1.23581 13.0868C1.28535 13.1365 1.33994 13.1613 1.39955 13.1613H9.05206V14.3226H1.39955Z' fill='%23666666'/%3E%3C/svg%3E");

    --svg-tiny-icon-check: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.90016 1.55556L4.88905 4.53333L9.4335 0L11.0002 1.56667L4.88905 7.67778L0.333496 3.12222L1.90016 1.55556Z' fill='white'/%3E%3C/svg%3E");
    --svg-tiny-icon-phone: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748059 12C0.534294 12 0.356176 11.9294 0.213706 11.7882C0.0712353 11.6471 0 11.4706 0 11.2588V8.2643C0 8.09324 0.056353 7.9403 0.169059 7.80548C0.281765 7.67065 0.427235 7.57971 0.605471 7.53265L2.56553 7.13348C2.73482 7.10995 2.89794 7.12124 3.05488 7.16736C3.21194 7.21359 3.34571 7.29418 3.45618 7.40912L5.04018 9.00689C5.54606 8.72089 6.01712 8.41183 6.45335 8.07971C6.76745 7.84058 7.06886 7.58712 7.35759 7.31932C7.61029 7.04783 7.85032 6.76758 8.07766 6.47859C8.41483 6.05 8.7146 5.59547 8.97695 5.115L7.34672 3.528C7.24354 3.43388 7.17201 3.31759 7.13213 3.17912C7.09236 3.04065 7.08648 2.87506 7.11448 2.68235L7.51913 0.605471C7.55619 0.434412 7.64283 0.290765 7.77907 0.17453C7.91531 0.0581767 8.07254 0 8.25078 0H11.2588C11.4706 0 11.6471 0.071235 11.7882 0.213706C11.9294 0.356176 12 0.534294 12 0.748059C12 2.07829 11.6907 3.41353 11.0721 4.75377C10.4535 6.09412 9.58206 7.32765 8.45771 8.45435C7.33324 9.58094 6.09976 10.4535 4.75729 11.0721C3.41471 11.6907 2.07829 12 0.748059 12Z' fill='%23777777'/%3E%3C/svg%3E");

    --svg-mango-point-base: url("data:image/svg+xml,%3Csvg width='116' height='102' viewBox='0 0 116 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M69.0091 0.635075C55.9438 3.66975 48.4532 12.7972 37.1392 20.0734C28.7816 25.4514 13.4361 26.3419 6.71708 34.7429C-12.1396 58.3056 12.0143 91.4995 38.2923 99.01C65.6453 106.825 101 96.8424 112.982 64.6092C126.29 26.049 92.6688 -4.86014 69.0091 0.635075Z' fill='%23FFD200'/%3E%3C/svg%3E");
    --svg-mango-point-type: url("data:image/svg+xml,%3Csvg width='116' height='102' viewBox='0 0 116 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48 38H42V45H48V77.6H54.96V64.82H64.74C67.06 64.82 69.22 64.54 71.22 63.98C73.26 63.38 75.04 62.5 76.56 61.34C78.04 60.22 79.2 58.84 80.04 57.2C80.88 55.52 81.3 53.58 81.3 51.38C81.3 49.22 80.88 47.32 80.04 45.68C79.2 44 78.06 42.58 76.62 41.42C75.14 40.3 73.38 39.46 71.34 38.9C69.34 38.3 67.14 38 64.74 38H54H48ZM68.16 57.5C67.04 57.74 65.9 57.86 64.74 57.86H54.96V44.96H64.74C66.06 44.96 67.3 45.1 68.46 45.38C69.62 45.62 70.64 46 71.52 46.52C72.36 47.04 73.02 47.72 73.5 48.56C74.02 49.36 74.28 50.3 74.28 51.38C74.28 52.54 74 53.52 73.44 54.32C72.88 55.12 72.16 55.78 71.28 56.3C70.36 56.86 69.32 57.26 68.16 57.5Z' fill='%23F7B500'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48 33H42V40H48V72.6H54.96V59.82H64.74C67.06 59.82 69.22 59.54 71.22 58.98C73.26 58.38 75.04 57.5 76.56 56.34C78.04 55.22 79.2 53.84 80.04 52.2C80.88 50.52 81.3 48.58 81.3 46.38C81.3 44.22 80.88 42.32 80.04 40.68C79.2 39 78.06 37.58 76.62 36.42C75.14 35.3 73.38 34.46 71.34 33.9C69.34 33.3 67.14 33 64.74 33H54H48ZM68.16 52.5C67.04 52.74 65.9 52.86 64.74 52.86H54.96V39.96H64.74C66.06 39.96 67.3 40.1 68.46 40.38C69.62 40.62 70.64 41 71.52 41.52C72.36 42.04 73.02 42.72 73.5 43.56C74.02 44.36 74.28 45.3 74.28 46.38C74.28 47.54 74 48.52 73.44 49.32C72.88 50.12 72.16 50.78 71.28 51.3C70.36 51.86 69.32 52.26 68.16 52.5Z' fill='white'/%3E%3C/svg%3E");

    --svg-twinkler-mango-yellow: url("data:image/svg+xml,%3Csvg width='48' height='52' viewBox='0 0 48 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7273 43.6364C21.8182 45.8182 22.9091 48 24 51.2727C25.0909 49.0909 26.1818 45.8182 27.2727 43.6364C31.6364 34.9091 39.2727 28.3636 48 25.0909C39.2727 22.9091 31.6364 16.3636 27.2727 7.63636C26.1818 5.45455 25.0909 2.18182 24 0C22.9091 2.18182 22.9091 5.45455 20.7273 7.63636C16.3636 16.3636 8.72727 22.9091 0 25.0909C8.72727 28.3636 16.3636 34.9091 20.7273 43.6364Z' fill='%23FFD200'/%3E%3C/svg%3E");
    --svg-twinkler-mango-olive: url("data:image/svg+xml,%3Csvg width='48' height='52' viewBox='0 0 48 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7273 43.6364C21.8182 45.8182 22.9091 48 24 51.2727C25.0909 49.0909 26.1818 45.8182 27.2727 43.6364C31.6364 34.9091 39.2727 28.3636 48 25.0909C39.2727 22.9091 31.6364 16.3636 27.2727 7.63636C26.1818 5.45455 25.0909 2.18182 24 0C22.9091 2.18182 22.9091 5.45455 20.7273 7.63636C16.3636 16.3636 8.72727 22.9091 0 25.0909C8.72727 28.3636 16.3636 34.9091 20.7273 43.6364Z' fill='%23B8D11D'/%3E%3C/svg%3E");
    --svg-twinkler-mango-green: url("data:image/svg+xml,%3Csvg width='48' height='52' viewBox='0 0 48 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7273 43.6364C21.8182 45.8182 22.9091 48 24 51.2727C25.0909 49.0909 26.1818 45.8182 27.2727 43.6364C31.6364 34.9091 39.2727 28.3636 48 25.0909C39.2727 22.9091 31.6364 16.3636 27.2727 7.63636C26.1818 5.45455 25.0909 2.18182 24 0C22.9091 2.18182 22.9091 5.45455 20.7273 7.63636C16.3636 16.3636 8.72727 22.9091 0 25.0909C8.72727 28.3636 16.3636 34.9091 20.7273 43.6364Z' fill='%2339A020'/%3E%3C/svg%3E");
    --svg-twinkler-mango-red: url("data:image/svg+xml,%3Csvg width='48' height='52' viewBox='0 0 48 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7273 43.6364C21.8182 45.8182 22.9091 48 24 51.2727C25.0909 49.0909 26.1818 45.8182 27.2727 43.6364C31.6364 34.9091 39.2727 28.3636 48 25.0909C39.2727 22.9091 31.6364 16.3636 27.2727 7.63636C26.1818 5.45455 25.0909 2.18182 24 0C22.9091 2.18182 22.9091 5.45455 20.7273 7.63636C16.3636 16.3636 8.72727 22.9091 0 25.0909C8.72727 28.3636 16.3636 34.9091 20.7273 43.6364Z' fill='%23ED5047'/%3E%3C/svg%3E");

    --svg-heart-life-red: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.26 20.46L12 22.02L13.74 20.46C15.76 18.64 17.43 17.07 18.75 15.75C20.07 14.43 21.12 13.245 21.9 12.195C22.68 11.145 23.225 10.18 23.535 9.3C23.845 8.42 24 7.52 24 6.6C24 4.72 23.37 3.15 22.11 1.89C20.85 0.63 19.28 0 17.4 0C16.36 0 15.37 0.22 14.43 0.66C13.49 1.1 12.68 1.72 12 2.52C11.32 1.72 10.51 1.1 9.57 0.66C8.63 0.22 7.64 0 6.6 0C4.72 0 3.15 0.63 1.89 1.89C0.63 3.15 0 4.72 0 6.6C0 7.52 0.155 8.42 0.465 9.3C0.775 10.18 1.32 11.145 2.1 12.195C2.88 13.245 3.93 14.43 5.25 15.75C6.57 17.07 8.24 18.64 10.26 20.46Z' fill='%23ED5047' fill-opacity='0.9'/%3E%3C/svg%3E");

    --svg-accordion-stremer-olive: url("data:image/svg+xml,%3Csvg width='57' height='52' viewBox='0 0 57 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.42009 0.268468L0.719123 1.04514L3.62684 18.0497L18.9839 19.0368L21.585 34.1138L36.8138 35.2086L39.415 50.2856L56.5404 51.4275L56.953 46.7117L43.4926 45.7717L40.8914 30.6947L25.5344 29.7075L22.9435 14.5127L7.70441 13.5358L5.42009 0.268468Z' fill='%23B8D11D'/%3E%3C/svg%3E");

    --svg-mango-child-yellow: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.2 44.1C23.94 44.1 22.875 43.665 22.005 42.795C21.135 41.925 20.7 40.86 20.7 39.6C20.7 38.34 21.135 37.275 22.005 36.405C22.875 35.535 23.94 35.1 25.2 35.1C26.46 35.1 27.525 35.535 28.395 36.405C29.265 37.275 29.7 38.34 29.7 39.6C29.7 40.86 29.265 41.925 28.395 42.795C27.525 43.665 26.46 44.1 25.2 44.1ZM46.8 44.1C45.54 44.1 44.475 43.665 43.605 42.795C42.735 41.925 42.3 40.86 42.3 39.6C42.3 38.34 42.735 37.275 43.605 36.405C44.475 35.535 45.54 35.1 46.8 35.1C48.06 35.1 49.125 35.535 49.995 36.405C50.865 37.275 51.3 38.34 51.3 39.6C51.3 40.86 50.865 41.925 49.995 42.795C49.125 43.665 48.06 44.1 46.8 44.1ZM36 64.8C44.04 64.8 50.85 62.01 56.43 56.43C62.01 50.85 64.8 44.04 64.8 36C64.8 34.56 64.71 33.165 64.53 31.815C64.35 30.465 64.02 29.16 63.54 27.9C62.28 28.2 61.02 28.425 59.76 28.575C58.5 28.725 57.18 28.8 55.8 28.8C50.34 28.8 45.18 27.63 40.32 25.29C35.46 22.95 31.32 19.68 27.9 15.48C25.98 20.16 23.235 24.225 19.665 27.675C16.095 31.125 11.94 33.72 7.2 35.46V36C7.2 44.04 9.99 50.85 15.57 56.43C21.15 62.01 27.96 64.8 36 64.8ZM36 72C31.02 72 26.34 71.055 21.96 69.165C17.58 67.275 13.77 64.71 10.53 61.47C7.29 58.23 4.725 54.42 2.835 50.04C0.945 45.66 0 40.98 0 36C0 31.02 0.945 26.34 2.835 21.96C4.725 17.58 7.29 13.77 10.53 10.53C13.77 7.29 17.58 4.725 21.96 2.835C26.34 0.945 31.02 0 36 0C40.98 0 45.66 0.945 50.04 2.835C54.42 4.725 58.23 7.29 61.47 10.53C64.71 13.77 67.275 17.58 69.165 21.96C71.055 26.34 72 31.02 72 36C72 40.98 71.055 45.66 69.165 50.04C67.275 54.42 64.71 58.23 61.47 61.47C58.23 64.71 54.42 67.275 50.04 69.165C45.66 71.055 40.98 72 36 72ZM31.14 7.65C33.66 11.85 37.08 15.225 41.4 17.775C45.72 20.325 50.52 21.6 55.8 21.6C56.64 21.6 57.45 21.555 58.23 21.465C59.01 21.375 59.82 21.27 60.66 21.15C58.14 16.95 54.72 13.575 50.4 11.025C46.08 8.475 41.28 7.2 36 7.2C35.16 7.2 34.35 7.245 33.57 7.335C32.79 7.425 31.98 7.53 31.14 7.65ZM8.73 26.91C11.79 25.17 14.46 22.92 16.74 20.16C19.02 17.4 20.73 14.31 21.87 10.89C18.81 12.63 16.14 14.88 13.86 17.64C11.58 20.4 9.87 23.49 8.73 26.91Z' fill='%23F7B500'/%3E%3C/svg%3E");


    --svg-mono-icon-24-kakao: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0008 3.08905C6.75319 3.08905 2.5 6.3911 2.5 10.4643C2.5 12.9978 4.14521 15.2305 6.65025 16.5585L5.59461 20.4274C5.57534 20.5038 5.57975 20.5842 5.60723 20.658C5.63472 20.7318 5.68398 20.7955 5.7485 20.8407C5.81302 20.8859 5.88975 20.9103 5.9685 20.9109C6.04725 20.9115 6.12431 20.8881 6.18947 20.8439L10.81 17.7799C11.1996 17.8174 11.596 17.8395 11.9992 17.8395C17.2463 17.8395 21.5 14.5369 21.5 10.4643C21.5 6.39163 17.2463 3.08905 11.9992 3.08905' fill='%23191600'/%3E%3C/svg%3E");
    --svg-mono-icon-24-naver: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.725 12.53L9.04499 4.4H4.33499V19.6H9.26499V11.47L14.955 19.6H19.665V4.4H14.725V12.53Z' fill='white'/%3E%3C/svg%3E");

}

body {
    --common-bg-color: white;
    /* font-family: 'SpoqaHanSansNeo'; */
    font-family: 'Pretendard';

    word-break: keep-all;
    overflow-wrap: anywhere; 


    /* static color */
    --color-imported-kakao-yellow: #FEE500;     --ciky: 254 229 0;
    --color-imported-kakao-logo-black: #191600; --cik-lb: 25 22 0;
    --color-imported-kakao-text-black: #191919; --cik-tb: 25 25 25;
    
    --color-imported-naver-green: #03C75A;  --cing: 3 199 90;
    


    /* adaptive color (light/common) */
    --color-adaptive-kakao-bg: var(--color-imported-kakao-yellow);          --cak-bg: var(--ciky);
    --color-adaptive-kakao-logo: var(--color-imported-kakao-logo-black);    --cak-logo: var(--cik-lb);
    --color-adaptive-kakao-text: var(--color-imported-kakao-text-black);    --cak-text: var(--cik-tb);

    --color-adaptive-naver-bg: var(--color-imported-naver-green);      --can-bg: var(--cing);
    --color-adaptive-naver-logo: var(--color-white);                   --can-logo: var(--cwht);
    --color-adaptive-naver-text: var(--color-white);                   --can-text: var(--cwht);
}

body[data-dark-mode="1"] {

    /* adaptive color (dark) */

}

main { /* font-family: 'TmoneyRoundWind'; */ font-family: 'Pretendard'; }
main button, main input, main textarea { /* font-family: 'TmoneyRoundWind'; */ font-family: 'Pretendard'; }


article { --article-theme-color: transparent; }

/* global classes */
.font_10 { font-size: 0.625rem; line-height: 1.125rem; }
.font_12 { font-size: 0.75rem; line-height: 1.25rem; }
.font_13 { font-size: 0.8125rem; line-height: 1.3125rem; }
.font_14 { font-size: 0.875rem; line-height: 1.375rem; }
.font_16 { font-size: 1rem; line-height: 1.5rem; }
.font_18 { font-size: 1.125rem; line-height: 1.625rem; }
.font_20 { font-size: 1.25rem; line-height: 1.75rem; }

h1, h2, h3, h4, h5, h6 { margin: 0; color: var(--color-text-darker); font-weight: 500; }
h1 { font-size: 1.25rem; line-height: 1.75rem; }
h2 { font-size: 1.125rem; line-height: 1.625rem; }
h3 { font-size: 1rem; line-height: 1.5rem; }
h4 { font-size: 0.875rem; line-height: 1.375rem; }
h5 { font-size: 0.75rem; line-height: 1.25rem; }
h6 { font-size: 0.625rem; line-height: 1.125rem; }

.bg_fluorescent_green { background-color: var(--color-mango-fluorescent-green); }


/* override estreUi */
body .tp_tiled_btn { --bg-hover: var(--color-boundary-o1); --bg-active: var(--color-boundary-o3); }


article span { }
/* article label { font-size: 1.03125rem; } */
article label.block { font-weight: 500; }


nav#managedOverlay > section#customDialog > div.container > article.popup_interface > .dialog > div.title { font-size: 1.25rem; font-weight: 500; }
nav#managedOverlay > section#customDialog > div.container > article.popup_interface > .dialog > div.message { font-size: 1rem; }

nav#managedOverlay > section#customToast > div.container > article.popup_interface > .dialog > div.title { font-size: 1rem; font-weight: 500; }
nav#managedOverlay > section#customToast > div.container > article.popup_interface > .dialog > div.message { font-size: 0.875rem; }

nav#managedOverlay > section#toastUpSlide > div.container > article.popup_interface > .dialog > div.title { font-size: 1rem; font-weight: 500; }
nav#managedOverlay > section#toastUpSlide > div.container > article.popup_interface > .dialog > div.message { font-size: 0.875rem; }

nav#managedOverlay > section#interaction > div.container > article.popup_interface > .dialog > div.title { font-size: 1.25rem; font-weight: 500; }
nav#managedOverlay > section#interaction > div.container > article.popup_interface > .dialog > div.message { font-size: 1rem; }


article .flow_block.with_mango_rex { --flow-bg-color: var(--color-adaptive-bright); --bg-hover: var(--color-boundary-o1); --bg-active: var(--color-boundary-o3); display: flex; flex-flow: row nowrap; }
article .flow_block.with_mango_rex::after { content: ''; position: relative; flex-grow: 0; flex-shrink: 0; margin: auto; margin-right: 0; border-radius: 100%; background-repeat: no-repeat; }
article .flow_block.with_mango_rex:not(.no_pad) { padding: 8px 16px; }
article .flow_block.with_mango_rex.bordered{ width: -webkit-fill-available; margin-inline: 16px; padding: 12px 16px; }
article .flow_block.with_mango_rex:is(.bordered, .shift_flow)::after { width: 8px; height: 12px; background-image: var(--svg-flow-in-8x12); }
article .flow_block.with_mango_rex:not(.bordered):not(.shift_flow)::after { width: 24px; aspect-ratio: 1; background-color: var(--flow-bg-color); background-image: var(--svg-flow-in-24x24); }
article .flow_block.with_mango_rex.shift_flow::after { margin-right: 8px; }
article .flow_block.with_mango_rex.tp_flow { --flow-bg-color: transparent; }
article .flow_block.with_mango_rex > div { width: 0%; flex-grow: 1; flex-shrink: 1; }
article .flow_block.with_mango_rex > div > .icon_place { --bg-color: transparent; background-color: var(--bg-color); }
article .flow_block.with_mango_rex > div > .icon_place.circle_border { border-color: rgb(var(--cbdm) / 10%); }
article .flow_block.with_mango_rex > div > .content_place { margin-left: 16px; }
article .flow_block.with_mango_rex > div > .content_place > label { color: var(--color-text); font-size: 1rem; line-height: 1.25rem; }
article .flow_block.with_mango_rex > div > .content_place > span { color: var(--color-text-pale); font-size: 0.75rem; line-height: 1.25rem; }

article .toggle_switch_checkbox.with_mango_rex { --height: 1.5rem; --enabled-color: var(--color-mango-green-dark); --disabled-color: #C3C8C9; }

article .menu_block > .lead_in_label { --divider-color: var(--color-boundary-lightest); }

article .icon_list { --bg-hover: var(--color-boundary-o1); --bg-active: var(--color-boundary-o3); }

article [data-prefix]::before, article [data-suffix]::after { margin: unset; color: var(--color-text); font-size: 1em; }

body main#instantDoc > section > div.container > article nav.instant_appbar > nav > button.back_navigation { margin-left: 2px; }


[droppable="true"]:empty::after { content: '여기에 항목을 드래그하세요'; }
[droppable="true"][data-highlight="1"]:empty::after { content: '여기에 놓으세요!'; }


/* custom element styles */
article button.mango_rex { --disable-rate: 20%; --color: #222; --border-color: rgb(var(--cadm) / 20%); --bg-color: #FFF0; --apply-color: var(--color); --apply-border-color: var(--border-color); --apply-bg-color: var(--bg-color); --radius: 12px; height: 44px; padding: initial; border-style: none; border-radius: var(--radius); color: var(--apply-color); font-size: 1.125rem; cursor: pointer; transition-timing-function: ease; transition-duration: 0.2s; will-change: auto; }
article button.mango_rex:disabled { --apply-color: rgb(from var(--color) r g b / 50%); --apply-border-color: rgb(from var(--border-color) r g b / var(--disable-rate)); --apply-bg-color: rgb(from var(--bg-color) r g b / var(--disable-rate)); } 
article button.mango_rex.tpbg { background-color: transparent; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); }
article button.mango_rex:not(.bold) { --color: var(--color-grayscale-dark); border: solid 1px var(--apply-border-color); }
article button.mango_rex.bold { --color: var(--color-white); height: 44px; background-color: var(--apply-bg-color); }
article button.mango_rex.bold:disabled { --color: #888; }
article button.mango_rex.bold:not(.pointed) { --bg-color: var(--color-grayscale-darker); }
article button.mango_rex.bold.pointed { --bg-color: var(--color-point); }
article button.mango_rex > .logo_icon svg path { fill: var(--fill); transition-duration: 0.2s; }
article button.mango_rex:disabled > .logo_icon svg path { fill: rgb(from var(--fill) r g b / 50%); }
article button.mango_rex > .mango_inline_icon { transition-duration: 0.2s; }
article button.mango_rex:disabled > .mango_inline_icon { opacity: 0.5; }


article [data-badge]::after { --badge-color: var(--color-mango-red-dark); }
article [data-inline-badge]::after { --badge-color: var(--color-mango-red-dark); }

article .line_block { border-bottom: none; border-radius: 0; }
/* article .toggle_block > label { font-family: 'TmoneyRoundWind'; } */

/* article .inner_space { font-family: 'NanumSquareRound'; } */
/* article .round_around { font-family: 'NanumSquareRound'; } */

article .bg_pointed { --bg-basic: rgb(var(--cpl) / 15%); --bg-hover: rgb(var(--cpl) / 30%); --bg-active: rgb(var(--cpl) / 60%); }

article > section > .basic > .label { width: max(240px, 75%); padding: 8px 24px 10px; border-radius: 40% 30% 50% 32px; /* border-top-left-radius: 48px; */ background-image: linear-gradient(-10deg, var(--image-mango-gradate-tph)); box-shadow: inset -25px -9px 15px 1px var(--color-mango-vivid-lightest), inset 4px 4px 12px 1px var(--color-mango-vivid), -4px -4px 4px -1px var(--color-mango-vivid); }
article > section.collapsible > button.toggle { margin-top: -1px; margin-right: 5px; border: none; }
article > section.collapsible > .basic button.toggle { margin-top: -1px; margin-right: 5px; border: none; }

/* button.toggle { --margin: 6px; width: 32px; aspect-ratio: 1; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23333333;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D .st1%7Bfill:none;stroke:%23333333;stroke-width:1.5;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.5,15.5L12,18l2.5-2.5'/%3E%3Cpath class='st0' d='M9.5,8.5L12,6l2.5,2.5'/%3E%3Cpath class='st1' d='M15,22H9c-2.2,0-4-1.8-4-4V6c0-2.2,1.8-4,4-4h6c2.2,0,4,1.8,4,4v12C19,20.2,17.2,22,15,22z'/%3E%3C/svg%3E"), var(--image-mango-gradient-tp); background-size: 80%, auto; background-position: center; background-repeat: no-repeat; }
button.toggle:focus { }
button.toggle:hover { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D .st1%7Bfill:none;stroke:%23333333;stroke-width:1.5;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.5,15.5L12,18l2.5-2.5'/%3E%3Cpath class='st0' d='M9.5,8.5L12,6l2.5,2.5'/%3E%3Cpath class='st1' d='M15,22H9c-2.2,0-4-1.8-4-4V6c0-2.2,1.8-4,4-4h6c2.2,0,4,1.8,4,4v12C19,20.2,17.2,22,15,22z'/%3E%3C/svg%3E"), var(--image-mango-vivid-gradient-tp); }
button.toggle:active { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.5;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.5,15.5L12,18l2.5-2.5'/%3E%3Cpath class='st0' d='M9.5,8.5L12,6l2.5,2.5'/%3E%3Cpath class='st1' d='M15,22H9c-2.2,0-4-1.8-4-4V6c0-2.2,1.8-4,4-4h6c2.2,0,4,1.8,4,4v12C19,20.2,17.2,22,15,22z'/%3E%3C/svg%3E"), var(--image-mango-vivid-gradient-tph); } */


article .mango_inline_icon { display: inline-block; height: 1em; background-size: contain; background-position: center; background-repeat: no-repeat; vertical-align: middle; }
article .mango_inline_icon.push_left { margin-left: 8px; }
article .mango_inline_icon.push_right { margin-right: 8px; }

article .mango_inline_icon.settings { aspect-ratio: 18 / 20; background-image: var(--svg-icon-settings); }
article .mango_inline_icon.settings.fixed_size { width: 18px; height: 20px; aspect-ratio: 18 / 20; }
article .mango_inline_icon.settings.rated_size { aspect-ratio: 18 / 20; }

article .mango_inline_icon.plus { aspect-ratio: 15 / 16; background-image: var(--svg-small-icon-plus); }
article .mango_inline_icon.plus.fixed_size { width: 15px; height: 14px; aspect-ratio: 15 / 14; }
article .mango_inline_icon.plus.rated_size { aspect-ratio: 15 / 14; }

article .mango_inline_icon.home { aspect-ratio: 13 / 16; background-image: var(--svg-small-icon-home); }
article .mango_inline_icon.home.fixed_size { width: 13px; height: 15px; aspect-ratio: 13 / 15; }
article .mango_inline_icon.home.rated_size { aspect-ratio: 13 / 15; }

article .mango_inline_icon.calendar { aspect-ratio: 13 / 16; background-image: var(--svg-small-icon-calendar); }
article .mango_inline_icon.calendar.fixed_size { width: 13px; height: 15px; aspect-ratio: 13 / 15; }
article .mango_inline_icon.calendar.rated_size { aspect-ratio: 13 / 15; }

article .mango_inline_icon.copy { aspect-ratio: 12 / 16; background-image: var(--svg-small-icon-copy); }
article .mango_inline_icon.copy.fixed_size { width: 12px; height: 15px; aspect-ratio: 12 / 15; }
article .mango_inline_icon.copy.rated_size { aspect-ratio: 12 / 15; }


article .mango_inline_icon.tiny { height: 0.75em; aspect-ratio: 1; }

article .mango_inline_icon.tiny.phone { background-image: var(--svg-tiny-icon-phone); }


article .mango_inline_icon.mono_24 { height: 24px; aspect-ratio: 1; }
article .mango_inline_icon.mono_24.kakao { background-image: var(--svg-mono-icon-24-kakao); }
article .mango_inline_icon.mono_24.naver { background-image: var(--svg-mono-icon-24-naver); }


/* custom handle styles */
article .mango_enter_rex { --height: 56px; --pad-h: 24px; --border-color: rgb(var(--cadm) / 20%); --radius: 12px; --label-color: var(--color-text-pale); --font-size: 1rem; --placeholder-color: var(--color-text-palen); --label-gap: 0px; --label-font-size: 0.875rem; --label-line-height: var(--label-font-size); position: relative; height: var(--height); box-sizing: content-box; padding-top: max(calc(var(--label-line-height) - ((var(--height) - var(--font-size)) / 2) + var(--label-gap)), 0px); border: solid 1px var(--border-color); border-radius: var(--radius); cursor: text; transition-timing-function: ease; transition-duration: 0.2s; will-change: auto; }
article .mango_enter_rex:has(> input:disabled) { background-color: #DDD; opacity: 50%; }
article .mango_enter_rex.under_border { --height: 48px; --pad-h: 0; --radius: 0; border-top-style: none; border-left-style: none; border-right-style: none; }
article .mango_enter_rex.emp_ph { --placeholder-color: var(--color-text-lighten); }
article .mango_enter_rex > * { }
article .mango_enter_rex:focus-within { border-color: var(--color-boundary-dim); }
article .mango_enter_rex > input { position: absolute; bottom: 0; left: 0; right: 0; height: var(--height); padding-inline: var(--pad-h); border-style: none; border-radius: var(--radius); background-color: transparent; color: var(--color-text-darker); font-size: var(--font-size); }
article .mango_enter_rex > input::placeholder { color: var(--placeholder-color); }
article .mango_enter_rex > input:focus { box-shadow: none; outline-style: none; }
article .mango_enter_rex > label { position: absolute; top: 0; left: 0; padding-inline: var(--pad-h); color: var(--label-color); font-size: var(--label-font-size); line-height: var(--label-line-height); }
article .mango_enter_rex > .condition_host { position: absolute; display: flex; flex-direction: column; flex-wrap: nowrap; top: 0; bottom: 0; right: 0; height: fit-content; margin: auto; margin-right: var(--pad-h); justify-content: center; align-items: flex-end; transition-timing-function: ease; transition-duration: 0.3s; will-change: auto; }
article .mango_enter_rex:has(> .right_side[data-show="1"]) > .condition_host { margin-right: calc(var(--pad-h) + 24px); }
article .mango_enter_rex > .condition_host div { height: min-content; }
article .mango_enter_rex > .condition_host > .conditions { display: flex; flex-direction: row; flex-wrap: nowrap; width: max-content; height: fit-content; color: var(--color-text-pale); font-size: 0.875rem; text-align: right; overflow: hidden; transform-origin: center right; transition-timing-function: ease; transition-duration: 0.5s; will-change: auto; }
article .mango_enter_rex > .condition_host > .conditions.alert { color: #F46224; overflow: hidden; }
article .mango_enter_rex > .condition_host > .conditions[data-satisfy="1"] { height: 0; opacity: 0; }
article .mango_enter_rex > .condition_host > .conditions span { height: min-content; min-width: fit-content; text-wrap: nowrap; }
article .mango_enter_rex > .condition_host > .conditions .condition_set { display: flex; flex-direction: row; flex-wrap: nowrap; overflow: hidden; transition-timing-function: ease; transition-duration: 0.5s; will-change: auto; }
article .mango_enter_rex > .condition_host > .conditions .condition_set:not(:last-child) > span::after { content: '\A0'; }
article .mango_enter_rex > .condition_host > .conditions .condition_set[data-satisfy="1"] { width: 0; opacity: 0; }
article .mango_enter_rex > .condition_host > .conditions .condition { overflow: hidden; transition-timing-function: ease; transition-duration: 0.5s; will-change: auto; }
article .mango_enter_rex > .condition_host > .conditions .condition:not(:last-child) > span::after { content: '\A0'; }
article .mango_enter_rex > .condition_host > .conditions .condition[data-satisfy="1"] { width: 0; opacity: 0; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed] { text-shadow: 0 0 3px var(--common-bg-color); }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="-7"] { color: #2854cc; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="-6"] { color: #2e58cc; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="-5"] { color: #375cc2; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="-4"] { color: #486cce; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="-3"] { color: #6682cf; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="-2"] { color: #6d82bb; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="-1"] { color: #7c8bb3; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="1"] { color: #818799; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="2"] { color: #b9a184; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="3"] { color: #c49c70; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="4"] { color: #cc9450; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="5"] { color: #e0902f; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="6"] { color: #F48B0E; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="7"] { color: #f48224; font-weight: 400; scale: 1.25; rotate: -2deg; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="8"] { color: #f47024; font-weight: 500; scale: 1.75; rotate: -6deg; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="9"] { color: #F46224; font-weight: 600; scale: 2.3; rotate: -11deg; }
article .mango_enter_rex > .condition_host > .conditions:not(.alert)[data-exceed="10"] { color: #f44324; font-weight: 700; scale: 3; rotate: -15deg; }
article .mango_enter_rex > .right_side { --src: none; position: absolute; display: none; opacity: 0; height: var(--height); aspect-ratio: 1; top: 0; bottom: 0; right: 0; margin: auto; border-style: none; border-radius: var(--radius); background-color: transparent; background-image: var(--src); background-position: center; background-repeat: no-repeat; }
article .mango_enter_rex > .right_side[data-show] { display: block; }
article .mango_enter_rex > .right_side[data-show="1"] { opacity: 1; }
article .mango_enter_rex > .right_side.clear { --src: var(--svg-small-icon-clear); }

article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) { position: relative; }
article .mango_check_block_box_rex { --height: 56px; --checker-out-pad: 22px; --checker-in-pad: 14px; --border-color: rgb(var(--cadm) / 20%); --radius: 12px; height: var(--height); border-radius: var(--radius); }
article .mango_check_block_box_rex.mini { --checker-out-pad: 8px; --checker-in-pad: 14px; }
article .mango_check_line_block_rex { --checker-out-pad: 18px; --checker-in-pad: 12px; }
article .mango_check_line_block_rex.mini { --checker-out-pad: 8px; --checker-in-pad: 12px; }
article .mango_check_inline_block_rex { --checker-out-pad: 18px; --checker-in-pad: 12px; min-width: max-content; }
article .mango_check_inline_block_rex.mini { --checker-out-pad: 8px; --checker-in-pad: 12px; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > input[type="checkbox"] { position: absolute; width: 0; height: 0; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > input[type="radio"] { position: absolute; width: 0; height: 0; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > label { display: flex; flex-flow: row nowrap; top: 0; bottom: 0; left: 0; right: 0; align-items: center; cursor: pointer; }
article .mango_check_inline_block_rex > label { display: inline-flex; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > label { --checkbox-bg: var(--svg-checkbox-27x24-bg); --empty: var(--svg-checkbox-27x24-empty); --checker: var(--svg-checkbox-27x24-checker); }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex).mini > label { --checkbox-bg: var(--svg-checkbox-20x18-bg); --empty: var(--svg-checkbox-20x18-empty); --checker: var(--svg-checkbox-20x18-checker); }
article .mango_check_block_box_rex > label { position: absolute; height: var(--height); border: solid 1px var(--border-color); border-radius: var(--radius); }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > label.left_checker { justify-content: flex-start; transition-timing-function: ease; transition-duration: 0.3s; will-change: auto; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex):has(> input[type="checkbox"]:disabled) label { opacity: 50%; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex):has(> input[type="radio"]:disabled) label { opacity: 50%; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > label::before, article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > label::after { width: 27px; height: 24px; margin: 0 var(--checker-in-pad); flex-grow: 0; flex-shrink: 0; transition-timing-function: ease; transition-duration: 0.2s; will-change: auto; user-select: none; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex).mini > label::before, article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex).mini > label::after { width: 20px; height: 18px; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > label.left_checker::before { content: ''; margin-left: var(--checker-out-pad); background-image: var(--empty), var(--checkbox-bg); }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex):has(> input[type="checkbox"]:checked) > label.left_checker::before { background-image: var(--checker), var(--checkbox-bg); }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex):has(> input[type="radio"]:checked) > label.left_checker::before { background-image: var(--checker), var(--checkbox-bg); }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > label.right_checker { justify-content: flex-end; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > label.right_checker::after { content: ''; margin-right: var(--checker-out-pad); background-image: var(--empty), var(--checkbox-bg); }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex):has(> input[type="checkbox"]:checked) > label.right_checker::after { background-image: var(--checker), var(--checkbox-bg); }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex):has(> input[type="radio"]:checked) > label.right_checker::after { background-image: var(--checker), var(--checkbox-bg); }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex) > label > .content { flex-grow: 1; flex-shrink: 1; color: #000; font-size: 1.125rem; line-height: 1.875rem; }
article :is(.mango_check_block_box_rex, .mango_check_line_block_rex, .mango_check_inline_block_rex).mini > label > .content { font-size: 0.875rem; }

article .mango_agreement_item { margin: 4px 0; }
article .mango_agreement_item > label { }
article .mango_agreement_item > label > .content { color: #555; }
article .mango_agreement_item[data-is-mandatory="1"] > label > .content::before { content: '[필수]\A0\A0'; }
article .mango_agreement_item[data-is-optional="1"] > label > .content::before { content: '[선택]\A0\A0'; }
article .mango_agreement_item > label > button.show_entire { height: 1.875rem; border-style: none; border-radius: 4px; background-color: transparent; cursor: pointer; transition-duration: 0.2s; }
article .mango_agreement_item > label > button.show_entire:focus { box-shadow: solid 4px var(--color-boundary-dim); }
article .mango_agreement_item > label > button.show_entire:hover { background-color: var(--color-boundary-lightness); }
article .mango_agreement_item > label > button.show_entire:active { background-color: var(--color-boundary-darkly); }
article .mango_agreement_item > label > button.show_entire::before { content: ''; display: inline-block; width: 7px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.825195 1.175L4.64186 5L0.825195 8.825L2.0002 10L7.0002 5L2.0002 0L0.825195 1.175Z' fill='%23AAAAAA'/%3E%3C/svg%3E"); background-size: contain; background-position: center; background-repeat: no-repeat; }
article .mango_agreement_item > label > button.show_entire > article.agreement_entire { display: none; }

article:is(.license_document, .terms_document) { }
article:is(.license_document, .terms_document) > div { }
article:is(.license_document, .terms_document) > div:is(.license_item_title, .terms_item_title) { margin-top: 16px; font-weight: 500; text-align: center; }
article:is(.license_document, .terms_document) > div:not(:is(.license_item_title, .terms_item_title)) { font-weight: 300; text-align: left; }
article:is(.license_document, .terms_document) :is(.license_sub_block, .terms_sub_block) { padding: 16px; color: var(--color-text-dark); background-color: var(--color-adaptive); }

article .mango_round_box_rex { padding: 16px; margin: 0 16px; border: 1px solid rgb(0 0 0 / 10%); border-radius: 12px; }

article .mango_list_handle_rex { display: flex; flex-flow: column nowrap; }
article .mango_list_handle_rex > .handle_line { display: flex; flex-flow: row nowrap; height: fit-content; justify-content: space-between; align-items: stretch; }
article .mango_list_handle_rex > .handle_line > * { display: flex; flex-flow: row nowrap; align-items: center; }
article .mango_list_handle_rex > .handle_line > .left_set { }
article .mango_list_handle_rex > .handle_line > .right_set { }
article .mango_list_handle_rex > .handle_line button { align-self: stretch; padding-inline: 16px; }
article .mango_list_handle_rex > .handle_line button.search { --size: 20px; --padding: 16px; position: relative; height: calc(var(--size) + (var(--padding) * 2)); aspect-ratio: 1; }
article .mango_list_handle_rex > .handle_line button.search::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: var(--size); aspect-ratio: 1; margin: auto; background-image: var(--svg-icon-search); background-size: contain; background-position: center; background-repeat: no-repeat; }
article .mango_list_handle_rex > .handle_line hr { width: 1px; height: 10px; margin: 0; background-color: var(--color-boundary-o5); }

article .mango_handled_list_rex {
    --placeholder-margin: 40px 0; --placeholder-color: var(--color-text-lighten); --placeholder-font-size: 1rem; --placeholder-line-height: 1.25em;
    --basic-inset-h: var(--basic-ui-inset-h);
    --indexed-list-margin: 0; --indexed-list-margin-v: var(--indexed-list-margin); --indexed-list-margin-h: var(--indexed-list-margin); --indexed-list-margin-t: var(--indexed-list-margin-v); --indexed-list-margin-b: var(--indexed-list-margin-v); --indexed-list-margin-l: var(--indexed-list-margin-h); --indexed-list-margin-r: var(--indexed-list-margin-h);
    --list-item-pad: 0; --list-item-pad-v: var(--list-item-pad); --list-item-pad-h: var(--list-item-pad); --list-item-pad-t: var(--list-item-pad-v); --list-item-pad-b: var(--list-item-pad-v); --list-item-pad-l: var(--list-item-pad-h); --list-item-pad-r: var(--list-item-pad-h);
    --divider-margin: 0; --divider-margin-v: var(--divider-margin); --divider-margin-h: var(--divider-margin); --divider-margin-t: var(--divider-margin-v); --divider-margin-b: var(--divider-margin-v); --divider-margin-l: var(--divider-margin-h); --divider-margin-r: var(--divider-margin-h);
    display: flex; flex-flow: column nowrap; align-items: center;
}
article ul.mango_handled_list_rex { list-style: none; margin: 0; padding: 0; }
article .mango_handled_list_rex[data-order="asc"] { flex-direction: column-reverse; }
article .mango_handled_list_rex:empty::before { content: attr(data-placeholder); margin: var(--placeholder-margin); color: var(--placeholder-color); font-size: var(--placeholder-font-size); line-height: var(--placeholder-line-height); }
article .mango_handled_list_rex hr { width: -webkit-fill-available; height: 1px; margin: var(--divider-margin-t) var(--divider-margin-r) var(--divider-margin-b) var(--divider-margin-l); }
article .mango_handled_list_rex hr.blocked { margin: 32px 16px; }
article .mango_handled_list_rex :is(li:not(.indexed_list), .list_item) { width: 100%; padding: var(--list-item-pad-t) var(--list-item-pad-r) var(--list-item-pad-b) var(--list-item-pad-l); box-sizing: border-box; }
article .mango_handled_list_rex li {  }
article .mango_handled_list_rex .list_item {  }
article .mango_handled_list_rex > .indexed_list { display: flex; flex-flow: column nowrap; width: 100%; margin: var(--indexed-list-margin-t) var(--indexed-list-margin-r) var(--indexed-list-margin-b) var(--indexed-list-margin-l); }
article .mango_handled_list_rex > .indexed_list > label { margin: 0 var(--basic-inset-h) 2px; color: var(--color-text-lighten); font-size: 0.875rem; line-height: 1.0625rem; }
article .mango_handled_list_rex > .indexed_list > ul { display: flex; flex-flow: column nowrap; list-style: none; margin: 0; padding: 0; }
article .mango_handled_list_rex[data-order="asc"] > .indexed_list > ul { flex-direction: column-reverse; }
article .mango_handled_list_rex > .indexed_list > ul > li {  }

article .mango_valued_list_rex { --icon-size: 36px; --lead-icon-size: var(--icon-size); --trail-icon-size: var(--icon-size); }
article .mango_valued_list_rex > li { display: flex; flex-flow: row nowrap; align-items: center; }
article .mango_valued_list_rex > li > .icon { height: var(--icon-size); aspect-ratio: 1; margin-right: 12px; flex-grow: 0; flex-shrink: 0; }
article .mango_valued_list_rex > li > .icon:first-child { height: var(--lead-icon-size); }
article .mango_valued_list_rex > li > .icon:last-child { height: var(--trail-icon-size); }
article .mango_valued_list_rex > li[data-case] > .icon { --size: 36px; height: var(--size); aspect-ratio: 1; background-size: contain; background-position: center; background-repeat: no-repeat; }
article .mango_valued_list_rex > li[data-case="inbound"] > .icon { background-image: var(--svg-icon-inbound); }
article .mango_valued_list_rex > li[data-case="outbound"] > .icon { background-image: var(--svg-icon-outbound); }
article .mango_valued_list_rex > li[data-case="payment"] > .icon { background-image: var(--svg-icon-payment); }
article .mango_valued_list_rex > li[data-case="extinct"] > .icon { background-image: var(--svg-icon-extinct); }
article .mango_valued_list_rex > li > .content { display: flex; flex-flow: column nowrap; justify-content: center; flex-grow: 1; flex-shrink: 1; }
article .mango_valued_list_rex > li > .content > .line { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
article .mango_valued_list_rex > li > .content > .line.main { color: var(--color-text-darker); font-size: 0.875rem; line-height: 1.375rem; }
article .mango_valued_list_rex > li > .content > .line.sub { color: var(--color-text-pale); font-size: 0.75rem; line-height: 1.25rem; }
article .mango_valued_list_rex > li > .content > .line > div { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
article .mango_valued_list_rex > li > .content span { display: inline-block; }
article .mango_valued_list_rex > li > .content span.title { }
article .mango_valued_list_rex > li > .content span:is(.value, .unit) { color: var(--color-text); }
article .mango_valued_list_rex > li > .content span.value { }
article .mango_valued_list_rex > li > .content span.value.positive::before { content: '+\A0'; }
article .mango_valued_list_rex > li > .content span.value.negative::before { content: '-\A0'; }
article .mango_valued_list_rex > li > .content span.value[data-value]::after { content: attr(data-value); }
article .mango_valued_list_rex > li > .content span.unit { margin-left: 0.1em; }
article .unit_won .mango_valued_list_rex > li > .content span.unit::before, article .mango_valued_list_rex.unit_won > li > .content span.unit::before { content: '원'; }
article .unit_point .mango_valued_list_rex > li > .content span.unit::before, article .mango_valued_list_rex.unit_point > li > .content span.unit::before { content: 'P'; }
article .mango_valued_list_rex > li > .content span.amount:is(.value, .unit) { font-weight: 600; }
article .mango_valued_list_rex > li[data-case="inbound"] > .content span.amount:is(.value, .unit) { color: var(--color-mango-red-dark); }
article .mango_valued_list_rex > li[data-case="outbound"] > .content span.amount:is(.value, .unit) { color: var(--color-mango-blue-dark); }
article .mango_valued_list_rex > li[data-case="payment"] > .content span.amount:is(.value, .unit) { color: var(--color-mango-green-dark); }
article .mango_valued_list_rex > li[data-case="extinct"] > .content span.amount:is(.value, .unit) { color: var(--color-text-paleness); }
article .mango_valued_list_rex > li > .content span.time { width: 3em; }
article .mango_valued_list_rex > li > .content span.happened { }
article .unit_point .mango_valued_list_rex > li > .content span.happened::before, article .mango_valued_list_rex.unit_point > li > .content span.happened::before { content: '포인트\A0'; }
article .unit_won .mango_valued_list_rex > li[data-case="inbound"] > .content span.happened::after, article .mango_valued_list_rex.unit_won > li[data-case="inbound"] > .content span.happened::after { content: '입금'; }
article .unit_point .mango_valued_list_rex > li[data-case="inbound"] > .content span.happened::after, article .mango_valued_list_rex.unit_point > li[data-case="inbound"] > .content span.happened::after { content: '적립'; }
article .unit_won .mango_valued_list_rex > li[data-case="outbound"] > .content span.happened::after, article .mango_valued_list_rex.unit_won > li[data-case="outbound"] > .content span.happened::after { content: '출금'; }
article .unit_point .mango_valued_list_rex > li[data-case="outbound"] > .content span.happened::after, article .mango_valued_list_rex.unit_point > li[data-case="outbound"] > .content span.happened::after { content: '환전'; }
article .unit_won .mango_valued_list_rex > li[data-case="payment"] > .content span.happened::after, article .mango_valued_list_rex.unit_won > li[data-case="payment"] > .content span.happened::after { content: '지출'; }
article .unit_point .mango_valued_list_rex > li[data-case="payment"] > .content span.happened::after, article .mango_valued_list_rex.unit_point > li[data-case="payment"] > .content span.happened::after { content: '사용'; }
article .unit_won .mango_valued_list_rex > li[data-case="extinct"] > .content span.happened::after, article .mango_valued_list_rex.unit_won > li[data-case="extinct"] > .content span.happened::after { content: '상계'; }
article .unit_point .mango_valued_list_rex > li[data-case="extinct"] > .content span.happened::after, article .mango_valued_list_rex.unit_point > li[data-case="extinct"] > .content span.happened::after { content: '기한 만료'; }
article .mango_valued_list_rex > li > .content span.remains.desc { }
article .unit_won .mango_valued_list_rex > li > .content span.remains.desc::before, article .mango_valued_list_rex.unit_won > li > .content span.remains.desc::before { content: '잔액\A0'; }
article .unit_point .mango_valued_list_rex > li > .content span.remains.desc::before, article .mango_valued_list_rex.unit_point > li > .content span.remains.desc::before { content: '잔여 포인트\A0'; }
article .mango_valued_list_rex > li > .content span.remains:is(.value, .unit) { color: var(--color-text-lighten); font-weight: 500; }


article .mango_class_board { display: flex; flex-flow: column nowrap; }
article .mango_class_board > .filter_bar { }
article .mango_class_board > .board_contents { display: flex; flex-flow: column nowrap; width: 100%; overflow-y: auto; }
article .mango_class_board > .board_contents > hr { display: block; width: -webkit-fill-available; flex-shrink: 0; margin: 0 var(--basic-ui-inset-h); background-color: var(--color-boundary-o5); }

article .mango_class_boards { display: flex; flex-flow: column nowrap; }
article .mango_class_boards > * { }
article .mango_class_boards > .boards_bar { display: flex; flex-flow: row nowrap; width: 100%; overflow-x: auto; }
article .mango_class_boards > .boards_bar > .board_item { transition-timing-function: ease; transition-duration: 0.3s; }
article .mango_class_boards > .boards_bar > .board_item[data-active="1"] { color: var(--color-text-darker); font-weight: 400; }
article .mango_class_boards > .board_area { display: flex; flex-flow: row nowrap; height: 0; flex-grow: 1; flex-shrink: 1; overflow-x: scroll; scrollbar-width: none;  scroll-behavior: smooth; scroll-snap-type: x mandatory; }
article .mango_class_boards > .board_area > .board_block { display: flex; flex-flow: column nowrap; width: 100%; height: 100%; flex-shrink: 0; scroll-snap-align: start end; }
article .mango_class_boards > .board_area > .board_block > .filter_bar { }
article .mango_class_boards > .board_area > .board_block > .board_contents { display: flex; flex-flow: column nowrap; width: 100%; height: 0; flex-grow: 1; flex-shrink: 1; overflow-y: auto; }
article .mango_class_boards > .board_area > .board_block > .board_contents > hr { display: block; width: -webkit-fill-available; flex-shrink: 0; margin: 0 var(--basic-ui-inset-h); background-color: var(--color-boundary-o5); }




/* for handle */

.mango_edu_id_login {}
.mango_edu_id_login #login_submit { cursor: pointer; }

.mango_user_handle { }
.mango_user_handle .sign_out { cursor: pointer; }




/* Extra preset */

article .block_box { margin: var(--basic-ui-inset-v) var(--basic-ui-inset-h); }
article .block_box.line_block { padding: 0; }
article .block_box > * { margin: 0; }
article .block_box > *:first-child { margin-top: 0; }
article .block_box.line_block > *:not(:first-child) { margin-left: 8px; }
article .block_box:not(.line_block) > *:not(:first-child) { margin-top: 16px; }
article .block_box > *:last-child { margin-bottom: 0; }
article .block_box > hr { background-color: var(--color-boundary-o10); }
article .block_box > hr:last-child { margin-top: 32px !important; }

article .checkbox_set { }
article .checkbox_set input[type="checkbox"] { }