/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
}

:root {
  --ion-toolbar-background: #fff;
  --ion-tab-bar-background: #fff;
  --ion-tab-bar-color: #757575;
  --ion-tab-bar-color-selected: #373531;
}

ion-icon {
  font-size: 24px;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/core.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0,  0,  0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media(prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}/*# sourceMappingURL=core.css.map */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/normalize.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*# sourceMappingURL=normalize.css.map */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/structure.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}/*# sourceMappingURL=structure.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/typography.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
html{font-family:var(--ion-font-family)}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}/*# sourceMappingURL=typography.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/display.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.ion-hide{display:none !important}.ion-hide-up{display:none !important}.ion-hide-down{display:none !important}@media(min-width: 576px){.ion-hide-sm-up{display:none !important}}@media(max-width: 575.98px){.ion-hide-sm-down{display:none !important}}@media(min-width: 768px){.ion-hide-md-up{display:none !important}}@media(max-width: 767.98px){.ion-hide-md-down{display:none !important}}@media(min-width: 992px){.ion-hide-lg-up{display:none !important}}@media(max-width: 991.98px){.ion-hide-lg-down{display:none !important}}@media(min-width: 1200px){.ion-hide-xl-up{display:none !important}}@media(max-width: 1199.98px){.ion-hide-xl-down{display:none !important}}/*# sourceMappingURL=display.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/padding.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}/*# sourceMappingURL=padding.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/float-elements.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.ion-float-left{float:left !important}.ion-float-right{float:right !important}.ion-float-start{float:left !important}:host-context([dir=rtl]) .ion-float-start{float:right !important}[dir=rtl] .ion-float-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right !important}}.ion-float-end{float:right !important}:host-context([dir=rtl]) .ion-float-end{float:left !important}[dir=rtl] .ion-float-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left !important}}@media(min-width: 576px){.ion-float-sm-left{float:left !important}.ion-float-sm-right{float:right !important}.ion-float-sm-start{float:left !important}:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}[dir=rtl] .ion-float-sm-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right !important}}.ion-float-sm-end{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}[dir=rtl] .ion-float-sm-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left !important}}}@media(min-width: 768px){.ion-float-md-left{float:left !important}.ion-float-md-right{float:right !important}.ion-float-md-start{float:left !important}:host-context([dir=rtl]) .ion-float-md-start{float:right !important}[dir=rtl] .ion-float-md-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right !important}}.ion-float-md-end{float:right !important}:host-context([dir=rtl]) .ion-float-md-end{float:left !important}[dir=rtl] .ion-float-md-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left !important}}}@media(min-width: 992px){.ion-float-lg-left{float:left !important}.ion-float-lg-right{float:right !important}.ion-float-lg-start{float:left !important}:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}[dir=rtl] .ion-float-lg-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right !important}}.ion-float-lg-end{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}[dir=rtl] .ion-float-lg-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left !important}}}@media(min-width: 1200px){.ion-float-xl-left{float:left !important}.ion-float-xl-right{float:right !important}.ion-float-xl-start{float:left !important}:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}[dir=rtl] .ion-float-xl-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right !important}}.ion-float-xl-end{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}[dir=rtl] .ion-float-xl-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left !important}}}/*# sourceMappingURL=float-elements.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/text-alignment.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.ion-text-center{text-align:center !important}.ion-text-justify{text-align:justify !important}.ion-text-start{text-align:start !important}.ion-text-end{text-align:end !important}.ion-text-left{text-align:left !important}.ion-text-right{text-align:right !important}.ion-text-nowrap{white-space:nowrap !important}.ion-text-wrap{white-space:normal !important}@media(min-width: 576px){.ion-text-sm-center{text-align:center !important}.ion-text-sm-justify{text-align:justify !important}.ion-text-sm-start{text-align:start !important}.ion-text-sm-end{text-align:end !important}.ion-text-sm-left{text-align:left !important}.ion-text-sm-right{text-align:right !important}.ion-text-sm-nowrap{white-space:nowrap !important}.ion-text-sm-wrap{white-space:normal !important}}@media(min-width: 768px){.ion-text-md-center{text-align:center !important}.ion-text-md-justify{text-align:justify !important}.ion-text-md-start{text-align:start !important}.ion-text-md-end{text-align:end !important}.ion-text-md-left{text-align:left !important}.ion-text-md-right{text-align:right !important}.ion-text-md-nowrap{white-space:nowrap !important}.ion-text-md-wrap{white-space:normal !important}}@media(min-width: 992px){.ion-text-lg-center{text-align:center !important}.ion-text-lg-justify{text-align:justify !important}.ion-text-lg-start{text-align:start !important}.ion-text-lg-end{text-align:end !important}.ion-text-lg-left{text-align:left !important}.ion-text-lg-right{text-align:right !important}.ion-text-lg-nowrap{white-space:nowrap !important}.ion-text-lg-wrap{white-space:normal !important}}@media(min-width: 1200px){.ion-text-xl-center{text-align:center !important}.ion-text-xl-justify{text-align:justify !important}.ion-text-xl-start{text-align:start !important}.ion-text-xl-end{text-align:end !important}.ion-text-xl-left{text-align:left !important}.ion-text-xl-right{text-align:right !important}.ion-text-xl-nowrap{white-space:nowrap !important}.ion-text-xl-wrap{white-space:normal !important}}/*# sourceMappingURL=text-alignment.css.map */

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/text-transformation.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.ion-text-uppercase{text-transform:uppercase !important}.ion-text-lowercase{text-transform:lowercase !important}.ion-text-capitalize{text-transform:capitalize !important}@media(min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}@media(min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}@media(min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}@media(min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}/*# sourceMappingURL=text-transformation.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/flex-utils.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.ion-align-self-start{align-self:flex-start !important}.ion-align-self-end{align-self:flex-end !important}.ion-align-self-center{align-self:center !important}.ion-align-self-stretch{align-self:stretch !important}.ion-align-self-baseline{align-self:baseline !important}.ion-align-self-auto{align-self:auto !important}.ion-wrap{flex-wrap:wrap !important}.ion-nowrap{flex-wrap:nowrap !important}.ion-wrap-reverse{flex-wrap:wrap-reverse !important}.ion-justify-content-start{justify-content:flex-start !important}.ion-justify-content-center{justify-content:center !important}.ion-justify-content-end{justify-content:flex-end !important}.ion-justify-content-around{justify-content:space-around !important}.ion-justify-content-between{justify-content:space-between !important}.ion-justify-content-evenly{justify-content:space-evenly !important}.ion-align-items-start{align-items:flex-start !important}.ion-align-items-center{align-items:center !important}.ion-align-items-end{align-items:flex-end !important}.ion-align-items-stretch{align-items:stretch !important}.ion-align-items-baseline{align-items:baseline !important}/*# sourceMappingURL=flex-utils.css.map */

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
/* Basic CSS for apps built with Ionic */
/* Optional CSS utils that can be commented out */
.modal-default {
  --background: rgba(44, 39, 45, 0.2);
}
.modal-default::part(content) {
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

ion-app {
  transition: margin-bottom 420ms;
}
ion-app.show-keyboard ion-footer ion-toolbar:last-of-type {
  padding-bottom: 0;
}

.half-modal {
  align-items: flex-end;
}
.half-modal .modal-wrapper {
  height: 400px !important;
}
.half-modal ion-header ion-toolbar:first-of-type {
  padding-top: 0;
}

/*--------------------------------
reset
--------------------------------*/
html, body, div, p, img, iframe, a, span, blockquote, q, address, cite,
pre, code, em, small, strong, b, i,
header, article, section, nav, figure, figcaption, hgroup, menu, aside, footer, time,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
table, tbody, thead, tfoot, th, tr, td,
form, fieldset, legend, label, select, input, textarea, button {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  vertical-align: baseline;
  text-align: left;
}

header, article, section, nav, figure, figcaption, hgroup, menu, aside, footer {
  display: block;
}

ul li {
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

body {
  line-height: 1;
}

a {
  text-decoration: none;
}

img {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

select, option, input:not([type=checkbox]):not([type=radio]), textarea, button {
  font-family: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  outline: none;
  transition: 0.3s;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: "";
  content: none;
}

[type=submit], [type=button], [type=reset], [type=file], button {
  cursor: pointer;
}

:focus {
  outline: none;
}

/*--------------------------------
common
--------------------------------*/
html {
  /* Prevent selection and 3D touch */
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #373531;
}

a {
  color: #4db6ac;
  text-decoration: none;
  transition: all 0.4s ease;
  -webkit-tap-highlight-color: transparent;
}
a:hover {
  color: #757575;
}

button {
  transition: all 0.4s ease;
  -webkit-tap-highlight-color: transparent;
}

strong {
  color: #ec407a;
  font-weight: inherit;
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  height: 100%;
}

.btn {
  display: inline-block;
  background: #455a64;
  position: relative;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
}
.btn .fa,
.btn ion-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  font-size: 18px;
  transform: translateY(-50%);
}
.btn ion-icon {
  left: 10px;
}

.general-btn {
  padding: 6px 8px;
  min-width: 60px;
  background-color: transparent;
  color: #607d8b;
  border: 1px solid #90a4ae;
  border-radius: 40px;
}

.release-btn {
  white-space: nowrap;
}
.release-btn .fa,
.release-btn ion-icon {
  position: relative;
  left: 0;
  top: 0;
  font-size: 10px;
  transform: translateY(0);
}

.is-all {
  color: #999;
  border-color: #bdbdbd;
}

.action-btn {
  padding: 0;
  width: 100%;
  max-width: 311px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  border-radius: 8px;
}
.action-btn:hover {
  color: #fff;
}
.modal .action-btn {
  height: 45px;
  line-height: 45px;
}
.modal .small-space .action-btn {
  height: 40px;
  line-height: 40px;
}
.small-space .action-btn {
  max-width: 240px;
  font-size: 15px;
}

.action-mini-btn {
  width: 100%;
  max-width: 280px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  border-radius: 8px;
}
.action-mini-btn:hover {
  color: #fff;
}

.common-btn {
  margin: 0 4px;
  padding: 0 40px;
  height: 42px;
  line-height: 42px;
  border-radius: 21px;
}
.emptystate .common-btn {
  background: #4db6ac;
}
.common-btn ion-icon {
  font-size: 22px;
  color: #fff;
}
.common-btn:hover {
  color: #fff;
}
.common-btn + .common-btn {
  margin-top: 8px;
}
@media (min-width: 600px) {
  .common-btn + .common-btn {
    margin-top: 0;
    margin-left: 8px;
  }
}

.submit-btn {
  margin: 0 4px;
  padding: 0 10px;
  min-width: 90px;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
  letter-spacing: normal;
}
.submit-btn:hover {
  color: #fff;
}
.submit-btn:first-child {
  margin-left: 0;
}
.submit-btn:last-child {
  margin-right: 0;
}
.btn-space .submit-btn {
  margin: 0 4px;
}

.small-btn {
  font-size: 10px;
}

.large-btn {
  width: 120px;
}

.tapped {
  position: relative;
  overflow: hidden;
}
.tapped::after {
  margin: -15px 0 0 -15px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.3);
  content: "";
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
  animation: ripple 0.3s ease-in forwards;
  z-index: 1;
}
.thumbnail + .tapped::after {
  content: none;
}
.photo-list .thumbnail + .tapped::after {
  content: "";
}

input.tapped {
  animation: tapFadeBright 0.3s ease-in-out;
}

.tapped-box {
  animation: tapBounce 0.3s ease-in-out;
}

.tapped-list {
  animation: tapFade 0.8s ease-in-out;
}
.tapped-list.newlist {
  animation: tapFadeIsNew 0.8s ease-in-out;
}

.btn-loading {
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url('loading.png') no-repeat center;
  background-size: contain;
  content: "";
  animation: spin 1s linear infinite;
}

.primary-heading {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
.grid-wrapper .primary-heading {
  margin: 0 8px 16px;
}
.general-section .primary-heading {
  margin-bottom: 16px;
}
.primary-heading ion-icon,
.primary-heading .fa {
  margin-right: 2px;
  font-size: 18px;
  font-weight: 500;
  color: #90a4ae;
  vertical-align: middle;
}
.primary-heading .emphasis {
  margin-right: 4px;
  font-size: 160%;
  font-weight: 500;
}

.secondary-heading {
  margin-bottom: 16px;
  padding-left: 8px;
  color: #455a64;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  border-left: 3px solid #cfd8dc;
}

.tertiary-heading {
  margin-bottom: 8px;
  color: #607d8b;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.primary-lead {
  color: #455a64;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
}

.secondary-lead {
  display: block;
  color: #999;
  font-size: 12px;
  line-height: 1.4;
}

.huge-heading {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
  color: #ec407a;
  line-height: 1.4;
  word-break: break-word;
}

.wide-heading {
  margin: 32px 16px;
  color: #455a64;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
}

.entry-heading {
  margin: 54px 0;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
}
.entry-heading .secondary-lead {
  margin: 8px 0;
  font-weight: 500;
}
@media (max-width: 374px) {
  .entry-heading {
    margin: 32px 0;
  }
}

.general-parts {
  margin-bottom: 24px;
}

.general-parts-mini {
  margin-bottom: 16px;
}
.btn-checkbox + .general-parts-mini {
  margin-top: 16px;
}

.note {
  line-height: 1.6;
  text-align: left;
}
.note > li {
  margin: 16px 0;
  padding-left: 8px;
  font-size: 12px;
  border-left: 3px solid #eceff1;
}

.strong-text {
  color: #e91e63;
}

.emphasis-text {
  color: #0097a7;
}

ol.note > li {
  margin-left: 24px;
  position: relative;
  counter-increment: linum;
  list-style: none;
}
ol.note > li::before {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: -24px;
  top: 2px;
  background: #90a4ae;
  color: #fff;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  content: counter(linum);
}

.desc {
  margin-bottom: 15px;
  padding: 10px 13px;
  background: #eceff1;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.local-desc {
  margin: 8px 0;
  line-height: 1.4;
  font-size: 12px;
  color: #757575;
}

.local-note {
  margin-bottom: 16px;
  line-height: 1.6;
  font-size: 18px;
}

.general-section {
  margin: 16px 0;
  padding: 0 16px;
  text-align: left;
}
.general-section .note {
  margin-bottom: 32px;
}

.local-section {
  margin: 16px 0;
}

.basic-parts {
  margin-bottom: 48px;
}

.advice {
  margin-bottom: 32px;
  text-align: center;
  overflow: hidden;
}
.advice img {
  max-width: 100%;
  height: auto;
}

.img-wrapper {
  text-align: center;
}
.img-wrapper img {
  max-width: 100%;
  height: auto;
}

.screen-body {
  min-height: 100vh;
  position: relative;
  background: #eceff1;
  --background: $surfaceColor;
  overflow: hidden;
}
.in-logout .screen-body {
  min-height: auto;
}
.thankyou .screen-body {
  background: #fff;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 6;
  -webkit-tap-highlight-color: transparent;
}
.overlay.transparent {
  opacity: 0;
}

.loading-circle {
  margin: 0 auto -15px;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  background: url('loading.png') no-repeat;
  background-size: 30px;
  animation: loading 1s infinite linear;
}

.general-table {
  width: 100%;
}
.general-table th,
.general-table td {
  padding: 16px;
  line-height: 1.6;
  border-bottom: 1px solid #fff;
}

.general-table-head {
  width: 120px;
  background: #eceff1;
  color: #757575;
  font-size: 12px;
}
.general-table-head.wide-th {
  width: 174px;
  vertical-align: middle;
}

.local-table {
  border-radius: 8px;
  overflow: hidden;
}
.local-table td {
  background: #eceff1;
  vertical-align: middle;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.local-table td .release-btn {
  margin: 0 0 0 4px;
}
.local-table .general-table-head {
  width: 148px;
  background: #cfd8dc;
  color: #607d8b;
  vertical-align: middle;
}

.male {
  background: #e0f7fa;
  color: #0097a7;
}

.female {
  background: #fff4f8;
  color: #ec407a;
}

.parent-th {
  border-left: 4px solid;
  vertical-align: middle;
}
.parent-th.male {
  width: 54px;
  border-left-color: #b2ebf2;
}
.parent-th.female {
  border-left-color: #f8bbd0;
}

.child-th {
  width: 120px;
  font-size: 12px;
  vertical-align: middle;
}

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

.huge-text {
  font-size: 200%;
}

.large-text {
  font-size: 180%;
}

.huge-text {
  font-size: 220%;
}

.middle-text {
  font-size: 140%;
}

.small-text {
  color: #999;
  font-size: 10px;
}

.address-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  word-break: break-word;
}

.new-sign {
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  background: #f06292;
  font-size: 10px;
  color: #fff;
  text-align: center;
  line-height: 12px;
  border-radius: 6px;
  z-index: 1;
}

.is-hidden {
  opacity: 0;
}

.is-none {
  display: none;
}

.required,
.optional,
.m-sign {
  margin-right: 4px;
  padding: 3px 0;
  width: 36px;
  display: inline-block;
  background: #373531;
  color: #fff;
  font-size: 11px;
  text-align: center;
  border-radius: 5px;
}

.required {
  background-color: #f06292;
}

.optional {
  background-color: #80cbc4;
}

.unanswered {
  padding: 1px 2px;
  width: auto;
  font-size: 10px;
  border-radius: 3px;
}

.review {
  position: absolute;
  background: #f06292;
}
.thumbnail .review {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.option-btn-space .review {
  right: 0;
}
.push_head .review {
  margin: 0;
  right: -8px;
  bottom: 4px;
}
.set-label .review {
  position: relative;
}

.is-alert,
.error {
  color: #e53935;
}

.delete {
  padding: 0 8px;
  color: #607d8b;
  font-size: 16px;
  border-radius: 30px;
  z-index: 1;
}

.default {
  color: #bdbdbd;
}

.set-label {
  margin: 16px 0;
}

.icon-label {
  margin-right: 8px;
  display: inline-block;
  font-size: 16px;
  color: #90a4ae;
}
.icon-label.icon-like-active {
  color: #f06292;
}
.icon-label.icon-age {
  color: #80cbc4;
}
.icon-label.icon-fee-active {
  color: #f9a825;
}
.icon-label.icon-premium-active {
  color: #dac266;
}
.icon-label.unauthor {
  color: #cfd8dc;
}

.has-animation {
  transition: all 0.4s ease-in-out;
}

select,
input,
textarea {
  padding: 8px 4px;
  background-color: transparent;
  font-size: 14px;
  line-height: 1.3;
  border-radius: 0;
  -webkit-tap-highlight-color: transparent;
}

select,
[type=text],
[type=email],
[type=tel],
[type=date],
textarea {
  font-size: 18px;
  color: #373531;
}

select {
  padding-right: 35px;
  background: url('select_arrow.png') no-repeat right center;
  background-size: auto 30px;
  text-indent: 0.01px;
  text-overflow: "";
}

textarea {
  resize: none;
  vertical-align: middle;
}

::-webkit-input-placeholder {
  font-size: 14px;
}

:-ms-input-placeholder {
  font-size: 14px;
}

::-moz-placeholder {
  font-size: 14px;
}

.txt-s {
  width: 40px;
}

[type=date] {
  height: 40px;
}

.txt-l {
  width: 100%;
}

.normal-label {
  font-size: 12px;
}

.floating_label {
  font-size: 12px;
  transition: color 0.3s ease;
}
.focus .floating_label {
  color: #4db6ac;
}
.in_entry .floating_label {
  color: #cfd8dc;
}

.fl-on {
  /*border-bottom: 1px solid $onBgThin4Color;*/
  vertical-align: bottom;
  transition: all 0.3s ease;
}
.focus .fl-on {
  padding: 8px 0;
}

.fc-item {
  position: relative;
}
.fc-item::after {
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: #80cbc4;
  z-index: 1;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out;
}
.focus .fc-item::after {
  transform: scaleX(1);
}

.birthday {
  margin-top: 5px;
  border: 1px solid #bdbdbd;
  border-radius: 10px;
}

.box-textarea {
  padding-bottom: 32px;
  height: 300px;
  height: 35vh;
  border: 1px solid #bdbdbd;
}

.count {
  position: absolute;
  right: 0;
  bottom: -16px;
  font-size: 10px;
  color: #999;
}
.f_error + .count {
  color: #e53935;
}

.f_error {
  color: #e53935;
  border-color: #c62828;
}

.error {
  margin: 4px 0;
  font-size: 12px;
  line-height: 1.4;
}

.datefit-select {
  padding: 8px 4px;
  width: 100%;
  border: none;
  background: none;
}
.focus .datefit-select {
  padding: 8px 4px;
}
.datefit-select:first-child {
  flex: 0 1 140%;
}

.date-group {
  border-bottom: 1px solid #bdbdbd;
}

.date-slash {
  margin: 0 16px;
}

.photo-list {
  padding-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.photo-list .thumbnail {
  margin: 0;
  width: 100%;
  max-width: 150px;
  border-radius: 0;
  flex: 1 1 calc(33.3333333333% - 4px);
}
.photo-list .delete {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

.photo-default {
  background: #eceff1;
}

.photo-selection input[type=file] {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
}

.photo-btn-icon {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(255, 255, 255, 0.5);
  color: #455a64;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.slider-outer {
  padding: 52px 0 18px;
  position: relative;
}

.vertical-slider-outer {
  padding: 8px 0 0 0x;
  width: 50%;
  position: relative;
  float: left;
}
.vertical-slider-outer + .col-1-btn {
  width: 50%;
  float: right;
}
@media (min-width: 768px) {
  .vertical-slider-outer {
    padding-left: 20%;
  }
}

.min,
.max {
  position: absolute;
  top: 0;
  font-size: 11px;
  color: #bdbdbd;
}

.min {
  left: 0;
}

.max {
  right: 0;
}

.slider-value {
  margin-right: 3px;
  padding: 4px;
  width: 44px;
  text-align: right;
  border: 1px solid #e0e0e0;
  vertical-align: bottom;
}

.vslider-value {
  padding: 0;
  width: 60px;
  display: inline-block;
  font-size: 30px;
}

.vslider-feedback {
  position: absolute;
  top: -24px;
  left: 30%;
}
@media (min-width: 768px) {
  .vslider-feedback {
    left: 45%;
  }
}

.btn-checkbox {
  margin-bottom: -4px;
  display: flex;
  flex-wrap: wrap;
}
.btn-checkbox [type=checkbox],
.btn-checkbox [type=radio] {
  display: none;
}
.btn-checkbox [type=checkbox] + label,
.btn-checkbox [type=radio] + label {
  margin: 0 4px 4px 0;
  padding: 4px 16px;
  min-width: 40px;
  display: inline-block;
  color: #bdbdbd;
  text-align: center;
  font-size: 18px;
  border: 1px solid #cfd8dc;
  border-radius: 30px;
  cursor: pointer;
  transition: color, background, border-color 0.4s ease;
  -webkit-tap-highlight-color: transparent;
}
.btn-checkbox [type=checkbox]:checked + label,
.btn-checkbox [type=radio]:checked + label {
  background: #f4fffe;
  color: #4db6ac;
  border-color: #80cbc4;
  font-weight: 600;
}
.btn-checkbox.col-1-btn {
  margin-bottom: -8px;
  display: block;
}
.btn-checkbox.col-1-btn [type=checkbox] + label,
.btn-checkbox.col-1-btn [type=radio] + label {
  margin: 0 auto 8px;
  padding: 15px 16px;
  max-width: 600px;
  display: block;
}
.btn-checkbox.col-2-btn {
  margin-bottom: -8px;
  justify-content: space-between;
}
.btn-checkbox.col-2-btn [type=checkbox] + label,
.btn-checkbox.col-2-btn [type=radio] + label {
  margin: 0 0 8px;
  padding: 15px 16px;
  width: calc(50% - 4px);
  max-width: 600px;
  display: block;
}

.normal-checkbox [type=checkbox] {
  display: none;
}
.normal-checkbox [type=checkbox] + label {
  padding: 8px 0 8px 24px;
  display: inline-block;
  position: relative;
  color: #bdbdbd;
  font-size: 18px;
  cursor: pointer;
  transition: color 0.4s ease;
  -webkit-tap-highlight-color: transparent;
}
.normal-checkbox [type=checkbox] + label::before {
  margin-top: -9px;
  width: 16px;
  height: 16px;
  display: block;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  border: 1px solid #e0e0e0;
  transition: all 0.2s ease;
}
.normal-checkbox [type=checkbox] + label::after {
  margin-top: -4px;
  width: 8px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 4px;
  content: "";
  border-left: 2px solid #4db6ac;
  border-bottom: 2px solid #4db6ac;
  transform: scale(0) rotate(0);
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.normal-checkbox [type=checkbox]:checked + label {
  color: #4db6ac;
  font-weight: 600;
}
.normal-checkbox [type=checkbox]:checked + label::before {
  background-color: #e0f7fa;
  border-color: #4db6ac;
}
.normal-checkbox [type=checkbox]:checked + label::after {
  transform: scale(1) rotate(-45deg);
  opacity: 1;
}
.normal-checkbox.style-dark [type=checkbox] + label {
  color: #757575;
}
.normal-checkbox.style-dark [type=checkbox]:checked + label {
  color: #4db6ac;
}

.radio-btn {
  margin: 8px 0;
}
.radio-btn [type=radio] {
  display: none;
}
.radio-btn [type=radio] + label {
  margin: 0;
  padding: 12px 5px;
  display: block;
  float: left;
  background: #fff;
  font-size: 16px;
  color: #4db6ac;
  text-align: center;
  border: 1px solid #4db6ac;
  border-right: none;
  transition: all 0.4s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.radio-btn [type=radio]:checked + label {
  background: #4db6ac;
  color: #fff;
}
.radio-btn label {
  width: 33.3333333333%;
}
.radio-btn label:first-of-type {
  border-radius: 8px 0 0 8px;
}
.radio-btn label:last-of-type {
  border-right: 1px solid;
  border-radius: 0 8px 8px 0;
}

.g-2 label {
  width: 50%;
}

#message-like {
  height: 44px;
}

.submit-error {
  animation: shakeX 0.4s;
}

@keyframes ripple {
  from {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(10);
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes dropBounceFade {
  0% {
    transform: translateY(-16px);
    opacity: 0;
  }
  60% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    transform: translateY(-4px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes tapBounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes tapFade {
  0% {
    background-color: #fff;
  }
  20% {
    background-color: #ebebeb;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes tapFadeIsNew {
  0% {
    background-color: #e0f7fa;
  }
  20% {
    background-color: #bdeef4;
  }
  100% {
    background-color: #e0f7fa;
  }
}
@keyframes scaleUpFade {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes tapFadeBright {
  0% {
    filter: brightness(100%);
  }
  20% {
    filter: brightness(90%);
  }
  100% {
    filter: brightness(100%);
  }
}
@keyframes loading {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes shake {
  0%, 20%, 40%, 60% {
    transform: translateY(0);
  }
  10%, 30%, 50% {
    transform: translateY(-8px);
  }
}
@keyframes scaleUpFadeDown {
  0% {
    opacity: 0;
    transform: scale(0.6) translateY(-200px);
  }
  60% {
    transform: scale(1.1) translateY(16px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes shakeX {
  0%, 100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(5px);
  }
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.navigation-bar {
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
  z-index: 4;
}
.message .navigation-bar {
  border-color: #fff;
}
.in-logout .navigation-bar {
  position: relative;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .push-setting .navigation-bar {
    padding-top: 44px;
    height: 94px;
  }
}

.nav-menu,
.help-btn {
  position: absolute;
  bottom: 0;
}

.nav-menu {
  padding: 0 4px;
  height: 44px;
  font-size: 9px;
  font-feature-settings: "palt";
}
.nav-menu a {
  height: 100%;
  display: block;
  color: #757575;
  overflow: visible;
}
.nav-menu ion-icon {
  height: 26px;
  display: block;
  color: #999;
}
.nav-menu .btn-inner {
  padding: 4px 0 0 0;
}
.nav-menu .mypage-btn-label {
  padding: 0 0 4px 0;
  display: block;
}

.search-menu {
  left: 0;
}
.search-menu ion-icon {
  color: #cfd8dc;
}
.search-menu.filtering a {
  color: #4db6ac;
}
.search-menu.filtering ion-icon {
  color: #80cbc4;
}

.mypage-menu {
  right: 0;
}
.mypage-menu ion-icon {
  margin: 0 auto;
  color: #999;
  display: block;
}
.mypage-menu .new-sign {
  top: 4px;
  right: 8px;
}
.mypage-menu ion-label {
  display: block;
  color: #999;
  font-size: 10px;
  font-feature-settings: "palt";
}

.help-btn {
  width: 22px;
  height: 22px;
  top: 50%;
  right: 58px;
  font-size: 18px;
  color: #999;
  border: 1px solid;
  border-radius: 50%;
  line-height: 20px;
  transform: translateY(-50%);
  /*@include media(iPhoneX){
  	margin-top: 4px;
  }*/
}
ion-buttons .help-btn {
  height: 22px;
  font-size: 18px;
}
.help-btn ion-label {
  color: #999;
}

.view-switch {
  margin-top: 6.5px;
  display: inline-block !important;
  /*@include media(iPhoneX){
  	margin-top: 14.5px;
  }*/
}

.view-grid,
.view-card {
  display: block;
  float: left;
  vertical-align: middle;
}

.switch-btn {
  width: 36px;
  height: 36px;
  display: block;
  background: #eceff1;
  font-size: 18px;
  color: #fff;
  line-height: 36px;
  overflow: hidden;
  z-index: 1;
}
.view-grid .switch-btn {
  border-radius: 8px 0 0 8px;
}
.view-card .switch-btn {
  border-radius: 0 8px 8px 0;
}
.switch-btn.is-active {
  background-color: #373531;
}
.switch-btn:hover {
  color: #fff;
}

.page-title {
  padding: 0 50px;
  font-size: 18px;
  color: #373531;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  /*@include media(iPhoneX){
  	margin-top: 8px;
  }*/
}

.tab-wrapper {
  height: 50px;
  border-radius: 0;
}

.tab {
  height: 50px;
  display: flex;
  justify-content: center;
  background: #fff;
  box-shadow: 0 1px 0 #e0e0e0;
}
.credit-possible .tab {
  position: relative;
  top: 0;
}

.tab-1::before {
  transform: translateX(-50%) scaleX(0.8);
}

.tab-2::before {
  transform: translateX(50%) scaleX(0.8);
}

.tab-menu {
  width: 100%;
  height: 50px;
  position: relative;
  --st-base-color-active: #96f;
  --indicator-color: #4db6ac;
  --color-checked: $onBgThin4Color;
}
.tab-menu a, .tab-menu ion-label {
  display: block;
  line-height: 50px;
  text-align: center;
  font-size: 12px;
  color: #999;
}
.tab-menu ion-icon {
  margin-right: 4px;
  font-size: 16px;
  color: #bdbdbd;
  vertical-align: text-top;
}
.tab-menu.current, .tab-menu.segment-button-checked {
  color: #4db6ac;
}
.tab-menu.current a, .tab-menu.current ion-label, .tab-menu.segment-button-checked a, .tab-menu.segment-button-checked ion-label {
  color: #4db6ac;
}
.tab-menu.current ion-icon, .tab-menu.segment-button-checked ion-icon {
  color: #4db6ac;
}
.tab-menu.active ion-label {
  color: #4db6ac;
}
.tab-menu.active ion-icon {
  color: #4db6ac;
}
.tab-menu.active::after {
  margin: 0 auto;
  height: 2px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 10%;
  background: #80cbc4;
  z-index: 2;
}

.new-sign-mini ion-label::before {
  width: 5px;
  height: 5px;
  display: inline-block;
  position: relative;
  top: 0;
  left: -10px;
  border-radius: 3px;
  background: #f06292;
  content: "";
}

/*--------------------------------
tabbar
--------------------------------*/
ion-tab-button {
  width: 20%;
  flex-shrink: 0;
}
ion-tab-button .new-sign {
  top: 8px;
  left: 50%;
  transform: translateX(6px);
}
ion-tab-button ion-label {
  font-size: 10px;
  font-feature-settings: "palt";
}

.tabmenu-bar {
  height: 50px;
}

/*--------------------------------
slide menu
--------------------------------*/
.slide-menu {
  padding: 0 0 50px;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  right: -100%;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 4;
  /*@include media(iPhoneX){
  	padding-bottom: 82px;
  }*/
}

.top-fixed {
  padding-top: 205px;
  /*@include media(iPhoneX){
  	padding-top: 213px;
  }*/
}

.menu-close {
  top: 0;
  bottom: auto;
  left: 0;
  text-align: center;
  z-index: 5;
  -webkit-tap-highlight-color: transparent;
  /*@include media(iPhoneX){
  	top: 8px;
  }*/
}

.mystatus-summary {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
  z-index: 4;
  /*@include media(iPhoneX){
  	padding-top: 8px;
  }*/
}

.my-name {
  color: #373531;
  font-size: 16px;
}

.mystatus-basic-section {
  margin: 16px 0 0;
  position: relative;
  text-align: center;
  transition: opacity 0.4s ease-in-out;
}
.mystatus-basic-section .thumbnail {
  margin: 0 auto 8px;
  width: 70px;
  height: 70px;
}
.mystatus-basic-section .my-name {
  margin-top: 8px;
  margin-bottom: 38px;
  height: 16px;
  display: inline-block;
}
.mystatus-basic-section .general-btn {
  margin-left: 43px;
  height: 28px;
  position: absolute;
  top: 42px;
  left: 50%;
  font-size: 14px;
}

.mystatus-sub-section {
  margin-bottom: 8px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  transition: opacity 0.4s ease-in-out;
}

.mystatus-col {
  flex: 1 1 100%;
  text-align: center;
}
.mystatus-col .label {
  font-size: 10px;
  color: #bdbdbd;
  font-feature-settings: "palt";
  text-align: center;
}
.mystatus-col .value {
  margin-left: -16px;
  padding-left: 20px;
  min-width: 60px;
  height: 38px;
  display: inline-block;
  font-size: 16px;
  line-height: 38px;
  white-space: nowrap;
  position: relative;
}
.mystatus-col .value ion-icon {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 18px;
  transform: translate(0, -50%);
}
.mystatus-col .rank-free ion-icon {
  color: #cfd8dc;
}
.mystatus-col .rank-pay ion-icon,
.mystatus-col .rank-premium ion-icon {
  color: #c5ac84;
}
.mystatus-col .rank-premium {
  font-size: 14px;
  font-feature-settings: "palt";
  letter-spacing: -0.08em;
}

.like-badge ion-label,
.point-badge ion-label {
  font-size: 24px;
}
.like-badge .value,
.point-badge .value {
  font-size: 24px;
}

.like-badge ion-icon {
  color: #f06292;
}
.point-badge ion-icon {
  color: #ffc107;
}

.rank-premium {
  font-size: 14px;
  font-feature-settings: "palt";
  letter-spacing: -0.08em;
}

.is-fixed {
  height: 50px;
  position: fixed;
  top: 0;
  /*@include media(iPhoneX){
  	top: 8px;
  	&.mystatus-summary,
  	&.navigation-bar{
  		height: 58px;
  		top: 0;
  	}
  }*/
}
.is-fixed.mystatus-summary {
  left: 0;
  right: 0;
}
.in-logout .is-fixed {
  position: fixed;
}

.global-nav-wrapper {
  padding: 16px 0;
}

.global-nav {
  height: 90px;
  text-align: center;
  font-size: 10px;
  color: #757575;
}
.global-nav ion-button {
  margin: 8px auto 0;
  height: 50px;
}

.global-nav-menu {
  width: 68px;
  height: 90px;
  font-size: 10px;
  position: relative;
  color: #757575;
  overflow: visible;
  display: flex;
  flex-flow: column wrap;
}
.global-nav-menu ion-icon {
  margin: 0 auto;
  height: 50px;
  display: block;
  font-size: 38px;
  line-height: 50px;
  color: #999;
  flex-shrink: 0;
}
.global-nav-menu .new-sign {
  top: 8px;
  left: 50%;
  transform: translateX(10px);
}
.global-nav-menu span {
  text-align: center;
}

@media (min-width: 600px) {
  .global-nav-wrapper {
    padding: 30px 0;
  }
  .global-nav {
    width: 25%;
    height: 112px;
  }
  .global-nav-menu {
    margin-top: 16px;
    width: 80px;
    height: 75px;
    font-size: 12px;
  }
  .global-nav-menu ion-icon {
    height: 60px;
    font-size: 48px;
    line-height: 60px;
  }
  .global-nav-menu .new-sign {
    top: 10px;
    left: 28%;
    transform: translateX(10px);
  }
}
.pickup-wrapper {
  padding: 4px 8px 0;
}
@media (min-width: 600px) {
  .pickup-wrapper {
    padding: 40px 11px 0;
  }
}

.pickup-card {
  margin-bottom: 20px;
  width: calc(50% - 4px);
  float: left;
}
.pickup-card:nth-child(2n-1) {
  margin-right: 8px;
}
.pickup-card .js-tap-object {
  width: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
@media (min-width: 600px) {
  .pickup-card {
    margin: 0 5px 30px;
    width: calc(33.3333333333% - 10px);
  }
  .pickup-card:nth-child(2n-1) {
    margin-right: 5px;
  }
}

.card-thumbnail {
  position: relative;
  background: url('thumb_bg.png') no-repeat center center #eceff1;
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
}
.card-thumbnail::before {
  padding-top: 50%;
  display: block;
  content: "";
}

.card-caption {
  padding: 4px;
  height: 38px;
  font-size: 12px;
  color: #373531;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .card-caption {
    font-size: 14px;
  }
}

/*--------------------------------
Button tap animation
--------------------------------*/
.js-tap-object {
  transition: transform 0.1s ease, background-color 0.1s ease;
}

.js-tap-object:active {
  transform: scale(0.95);
  background-color: #3c948b;
}

/*--------------------------------
index
--------------------------------*/
.index-slick-wrapper {
  background: #373531;
}
.index-slick-wrapper .slick-dots {
  width: 100%;
  height: 6px;
  display: block;
  position: absolute;
  bottom: 16px;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .index-slick-wrapper .slick-dots {
    bottom: 72px;
  }
}
@media (min-width: 600px) {
  .index-slick-wrapper .slick-dots {
    bottom: 32px;
  }
}

.index-slick {
  height: 100vh;
  position: relative;
  opacity: 0;
  animation: fadeIn 0.8s ease-in forwards;
}

.slide-catch {
  position: absolute;
  top: 40vh;
  left: 32px;
  right: 32px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1.75;
  text-align: center;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}
.index-slick-1 .slide-catch {
  top: 30vh;
  right: auto;
}
.index-slick-4 .slide-catch {
  left: auto;
}
@media (min-width: 768px) {
  .slide-catch {
    top: 32vh;
    font-size: 24px;
  }
  .index-slick-1 .slide-catch {
    left: 100px;
    right: auto;
  }
  .index-slick-2 .slide-catch {
    top: 38vh;
    left: auto;
    right: 100px;
  }
  .index-slick-3 .slide-catch {
    left: 100px;
    right: auto;
  }
  .index-slick-4 .slide-catch {
    top: 38vh;
    left: auto;
    right: 100px;
  }
}
@media (max-width: 374px) {
  .slide-catch {
    top: 37vh;
  }
}

.index-slick,
.index-slick-1,
.index-slick-2,
.index-slick-3,
.index-slick-4 {
  background: #373531;
}

.regist-parts {
  padding: 0 16px;
  position: absolute;
  bottom: 18%;
  bottom: 18vh;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .regist-parts {
    bottom: 23%;
    bottom: 23vh;
  }
}
@media (min-width: 768px) {
  .regist-parts {
    height: 16%;
    height: 16vh;
  }
}
.regist-parts fieldset {
  text-align: center;
}

.btn-note {
  line-height: 1.4;
}
.index .btn-note {
  margin-bottom: 16px;
  color: #fff;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.8);
}
@media (min-width: 768px) {
  .btn-note {
    font-size: 16px;
  }
}

.fb-login-btn {
  width: 100%;
  max-width: 260px;
  height: 40px;
  background: #3b5999;
  line-height: 40px;
  font-size: 16px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .fb-login-btn {
    max-width: 330px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border-radius: 25px;
  }
}

.ak-btn {
  width: 260px;
  height: 40px;
  background: #4f5357;
  line-height: 40px;
  font-size: 16px;
  border-radius: 10px;
  --border-radius: $buttonHeight * 0.25;
}
.ak-btn:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .ak-btn {
    width: 330px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border-radius: 25px;
    --border-radius: 25px;
  }
}

.ak-btn-many-string {
  width: 260px;
  height: 40px;
  background: #4f5357;
  line-height: 40px;
  font-size: 14px;
  border-radius: 20px;
  --border-radius: $buttonHeight * 0.5;
}
.ak-btn-many-string:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .ak-btn-many-string {
    width: 330px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-radius: 25px;
    --border-radius: 25px;
  }
}

.apple-btn {
  --background: #000000 !important;
  background: #000000 !important;
  border-radius: 20px;
  --border-radius: $buttonHeight * 0.5;
}
.apple-btn ion-icon, .apple-btn span {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.terms-link {
  display: inline-block;
  position: absolute;
  bottom: 48px;
  left: 50%;
  color: #fff;
  font-size: 12px;
  text-decoration: underline;
  z-index: 1;
  transform: translateX(-50%);
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .terms-link {
    bottom: 110px;
  }
}
@media (min-width: 600px) {
  .terms-link {
    bottom: 58px;
    font-size: 14px;
  }
}

.privacy-link {
  display: inline-block;
  position: absolute;
  bottom: 24px;
  left: 50%;
  color: #fff;
  font-size: 12px;
  text-decoration: underline;
  z-index: 1;
  transform: translateX(-50%);
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .privacy-link {
    bottom: 88px;
  }
}
@media (min-width: 600px) {
  .privacy-link {
    bottom: 34px;
    font-size: 14px;
  }
}

.update .slick-list {
  opacity: 0.4;
  filter: brightness(80%);
}
.update .regist-parts {
  bottom: 20vh;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .update .regist-parts {
    bottom: 30vh;
  }
}

.animate-bounce-fade {
  opacity: 0;
}
.animate-bounce-fade:nth-child(1) {
  animation: dropBounceFade 0.6s ease-in 0.6s forwards;
}
.animate-bounce-fade:nth-child(2) {
  animation: dropBounceFade 0.6s ease-in 1.1s forwards;
}
.animate-bounce-fade:nth-child(3) {
  animation: dropBounceFade 0.6s ease-in 1.4s forwards;
}

/*--------------------------------
thank you page
--------------------------------*/
.thanks-body {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url('thanks_bg@2x.jpg') no-repeat center center;
  background-size: cover;
}
@media (min-width: 413px) and (max-width: 767px) {
  .thanks-body {
    background-image: url('thanks_bg@3x.jpg');
  }
}
@media (min-width: 768px) {
  .thanks-body {
    background-image: url('thanks_bg@tab.jpg');
  }
}
@media (min-width: 1024px) {
  .thanks-body {
    background-image: url('thanks_bg@tabpro.jpg');
  }
}

.fb-status {
  margin: 0 38px;
  height: 130px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
}

.progress_bar {
  margin-top: 80px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 4px;
  box-sizing: border-box;
}

.fb_progress {
  width: 0;
  height: 100%;
  display: block;
  background: #fff;
  content: "";
  animation: progress 1.2s ease-out 0.3s forwards;
}

.progress_text {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
  transform: translateY(-50%);
}

@media (min-width: 768px) {
  .fb-status {
    margin: 0 auto;
    width: 400px;
    height: 200px;
  }
  .progress_bar {
    margin-top: 130px;
  }
  .progress_text {
    font-size: 20px;
    line-height: 1.4;
  }
}
/*--------------------------------
general contents
--------------------------------*/
.content-body {
  padding: 50px 0;
  overflow: hidden;
}
.push-setting .content-body, .community-detail .content-body, .campaign .content-body, .in-logout .content-body, .auth .content-body, .in-logout .content-body, .pr-sample .content-body {
  padding-bottom: 0;
}
.entry .content-body {
  padding: 3px 0 60px;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .content-body {
    /*padding: 58px 0 82px;*/
  }
  .community-detail .content-body, .auth .content-body, .campaign .content-body, .in-logout .content-body, .pr-sample .content-body {
    padding-bottom: 32px;
  }
  .push-setting .content-body {
    padding-top: 94px;
  }
  .entry .content-body {
    padding-bottom: 92px;
  }
  .s-filter .content-body {
    padding-bottom: 66px;
  }
  .unsupported .content-body {
    padding-bottom: 0;
  }
}

.none-padding-top {
  padding-top: 0;
}

.none-padding-bottom {
  padding-bottom: 0;
}

.grid-wrapper {
  margin: 16px 0;
  padding: 0 8px;
  position: relative;
}

.card-wrapper {
  margin: 16px 0;
  padding: 0 16px;
}

.newface {
  width: 40px;
  height: 40px;
  position: absolute;
  background: rgba(69, 90, 100, 0.6);
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  z-index: 2;
}

.thumbnail {
  position: relative;
  background: url('thumb_bg.png') no-repeat center center #eceff1;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.thumbnail::before {
  padding-top: 100%;
  display: block;
  content: "";
}
.thumbnail ion-button {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.chara-list .thumbnail ion-button {
  width: 100%;
  height: 100%;
  --border-radius: 0 !important;
}

.thumbnail-img {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-indent: 100%;
  white-space: nowrap;
}
.thumbnail-img img {
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 !important;
}

.online {
  text-indent: 22px;
  background: url('icon_online.png') no-repeat left center;
  background-size: 18px auto;
  vertical-align: bottom;
}

.offline {
  position: relative;
  text-indent: 10px;
  vertical-align: bottom;
}
.offline::before {
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 50%;
  background: #999;
  content: "";
  border-radius: 3px;
  transform: translateY(-50%);
}
.offline.short-span::before {
  background-color: #9addb0;
}
.offline.long-span::before {
  background-color: #ffd54f;
}

.pr-banner {
  position: relative;
}
.grid-wrapper .pr-banner {
  margin: 0 8px 20px;
}
.card-wrapper .pr-banner {
  margin-bottom: 16px;
}
.entry .pr-banner {
  position: relative;
}
.pr-banner a {
  display: inline-block;
  overflow: hidden;
}
.pr-banner img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 600px) {
  .grid-wrapper .pr-banner, .entry .pr-banner {
    margin: 0 auto 40px;
    max-width: 450px;
  }
  .card-wrapper .pr-banner {
    margin: 0 auto 32px;
    max-width: 450px;
  }
}

.overscroll {
  padding: 32px 0;
  clear: both;
  text-align: center;
  color: #999;
}

.no-receive {
  margin: 16px;
  position: relative;
  background: url('caution.png') no-repeat 14px center #c62828;
  background-size: 22px auto;
  font-size: 11px;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
}
.no-receive a {
  padding: 14px 30px 14px 48px;
  display: block;
  color: #fff;
}
.no-receive .angle {
  position: absolute;
  top: 50%;
  right: 13px;
  font-size: 18px;
  transform: translateY(-50%);
}
@media (max-width: 374px) {
  .no-receive {
    font-size: 10px;
    background-position: 12px center;
    background-size: 16px auto;
  }
  .no-receive a {
    padding: 14px 16px 14px 32px;
  }
  .no-receive .angle {
    right: 8px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .no-receive {
    font-size: 12px;
  }
  .no-receive a {
    padding: 16px 30px 16px 48px;
  }
}

.warning-box {
  margin: 16px;
  padding: 14px 16px;
  background: #c62828;
  font-size: 12px;
  color: #fff;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
}
.warning-box a {
  color: #fff;
  text-decoration: underline;
}
.warning-box .primary-heading {
  margin-bottom: 8px;
}
.warning-box .note > li {
  font-size: 11px;
  border-left-color: #e53935;
}
.warning-box ol.note > li::before {
  background: #fcc;
  color: #c62828;
}

.sub-prof {
  line-height: 1.4;
  letter-spacing: -0.4em;
}
.sub-prof .prof-list {
  display: inline-block;
  font-size: 10px;
  color: #999;
  white-space: nowrap;
  letter-spacing: normal;
  word-break: break-all;
}
.sub-prof .prof-list .value {
  font-size: 14px;
  color: #373531;
}
@media (min-width: 600px) {
  .sub-prof .prof-list {
    display: block;
  }
}
@media (min-width: 768px) {
  .sub-prof {
    line-height: 26px;
  }
  .sub-prof .prof-list {
    font-size: 14px;
  }
  .sub-prof .prof-list .value {
    font-size: 18px;
  }
}

.HN,
.tweet {
  word-break: break-all;
}

.btn-space {
  text-align: center;
}

.large-space {
  margin: 40px 0;
  padding: 0 16px;
}
.large-space .cancel {
  margin: 16px auto;
  padding: 0;
  width: 220px;
  display: block;
}
.large-space .cancel:hover {
  color: #757575;
}

.middle-space {
  margin: 32px 0;
  padding: 0 16px;
}

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

.btn-wrapper {
  margin: 0 auto;
  max-width: 311px;
  display: block;
  position: relative;
}

.inline-position {
  letter-spacing: -0.4em;
}
.tabmenu-bar .inline-position {
  padding-top: 4px;
}
@media (max-width: 374px) {
  .tabmenu-bar .inline-position .ok {
    min-width: 125px;
  }
}
.inline-position .like,
.inline-position .message-like,
.inline-position .ok {
  padding: 0 16px;
  min-width: 145px;
}

.like,
.ans-like,
.free-like,
.thanks {
  background: url('btn_like.png') no-repeat 10px center #f06292;
  background-size: 27px;
}

.look {
  background: url('btn_look.png') no-repeat 10px center #f9a825;
  background-size: 27px;
}

.to-message {
  background: url('btn_msg_w.png') no-repeat 10px center #4db6ac;
  background-size: 24px;
}

.ok {
  background: #4db6ac;
}

.message-like {
  background: url('btn_m-like.png') no-repeat 10px center #ff7b74;
  background-size: 27px;
}

.look-message {
  background: url('btn_look_message.png') no-repeat 10px center #f9a825;
  background-size: 27px;
}
@media (max-width: 374px) {
  .look-message {
    font-size: 16px;
    text-indent: 14px;
  }
}

.check-prof {
  background-color: #607d8b;
}

.after-look {
  width: 100%;
  max-width: 311px;
  height: 40px;
  line-height: 36px;
  font-size: 18px;
  font-weight: 600;
  color: #f9a825;
  border: 2px solid #f9a825;
  background-color: #fff;
  pointer-events: none;
  cursor: default;
}

.buy {
  background: url('btn_shop.png') no-repeat 10px center #4db6ac;
  background-size: 20px;
  text-indent: 12px;
}

.exchange-btn {
  background: url('btn_exchange.png') no-repeat 10px center #4db6ac;
  background-size: 20px;
  text-indent: 12px;
}

.in-review {
  background: #eceff1;
  color: #bdbdbd;
  cursor: default;
  pointer-events: none;
}

.em-btn {
  background-color: #4db6ac;
}

.em-secondary-btn {
  background-color: #f06292;
}

.skip-btn,
.hide_btn,
.removeFav,
.exit,
.light-btn {
  background-color: #90a4ae;
}

.cancel {
  padding: 8px;
  width: 120px;
  background: transparent;
  font-size: 12px;
  color: #999;
}
.cancel.submit-btn {
  padding: 0 8px;
  width: auto;
  background: #90a4ae;
  font-size: 14px;
  color: #fff;
}

.clear {
  min-width: 65px;
}

.disabled,
[disabled] {
  background-color: #455a64;
  pointer-events: none;
  cursor: default;
}

.consume-pt {
  padding: 0 8px;
  height: 18px;
  position: absolute;
  top: -5px;
  right: -5px;
  background: #e91e63;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  border-radius: 30px;
  z-index: 2;
}
.consume-pt small {
  font-size: 10px;
}

.msg-ok {
  padding: 1px 8px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 30px;
}
@media (max-width: 374px) {
  .msg-ok {
    padding: 1px 4px;
  }
}
@media (min-width: 600px) {
  .msg-ok {
    background: #373531;
    border-color: #373531;
    color: #fff;
  }
}

.toolbar {
  padding: 8px 0;
  position: relative;
  background: #fff;
}
.toolbar .no-receive {
  margin: 0 16px 8px;
}

.tool-lead {
  padding: 8px 10px;
  font-size: 14px;
  text-align: left;
}
.tool-lead span {
  font-size: 16px;
}

.tool-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.tool-btn .btn {
  padding: 6px 8px;
  height: auto;
  font-size: 0.9em;
}

.option-btn {
  position: absolute;
  right: 16px;
  top: 0;
}

.option-btn-space {
  margin-bottom: 16px;
  min-height: 28px;
  position: relative;
}
.option-btn-space .btn {
  position: absolute;
  right: 0;
  top: 0;
}

.caution {
  margin-bottom: 16px;
  padding: 12px 8px;
  background: #eceff1;
  line-height: 1.6;
  font-size: 11px;
}

.caution-content {
  margin-bottom: 16px;
  line-height: 1.6;
  font-size: 12px;
}
.caution-content p {
  margin-bottom: 32px;
}

.date {
  text-align: center;
}

.time {
  font-size: 10px;
}

.body-img {
  margin-bottom: 16px;
  max-width: 100%;
  height: auto;
}
@media (min-width: 600px) {
  .body-img {
    max-width: 60%;
    margin: 30px 20%;
  }
}
.img-card .body-img {
  border-radius: 8px;
}

.basic_section {
  margin: 16px 0;
  position: relative;
  right: -16px;
  margin-left: -16px;
  border-bottom: 1px solid #eceff1;
}
.note + .basic_section {
  padding-top: 16px;
  border-top: 1px solid #eceff1;
}

.basic_contents {
  margin-right: 16px;
  padding: 24px 16px;
  line-height: 1.6;
  word-break: break-word;
}

.basic-label {
  color: #999;
  font-size: 12px;
  line-height: 1.4;
}

.flex-item {
  display: flex;
  align-items: center;
}
.flex-item .fc-item {
  width: 100%;
  max-width: 400px;
}

.common-list {
  padding-bottom: 32px;
}
.common-list img {
  margin-right: 16px;
  width: 50%;
  max-width: 130px;
  float: left;
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 374px) {
  .common-list img {
    margin-right: 8px;
  }
}

.notice-list {
  margin: 8px 0;
  font-size: 14px;
  color: #0097a7;
}
.notice-list a {
  color: #0097a7;
  text-decoration: underline;
}
.notice-list ion-icon {
  font-size: 14px;
}

@media (min-width: 768px) {
  .common-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .common-list {
    width: calc(50% - 8px);
  }
}
/*--------------------------------
entry
--------------------------------*/
.flex-center {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-box {
  margin-top: -50px;
  width: 100%;
  max-width: 500px;
}
.flex-center-box .submit-btn {
  min-width: 150px;
  font-size: 18px;
}

.code-group {
  justify-content: center;
}
.code-group .txt-s {
  margin: 8px 4px 0;
  border: 1px solid #bdbdbd;
  text-align: center;
}

.progress-bg {
  height: 6px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #cfd8dc;
  overflow: hidden;
  z-index: 5;
}

.entry-nav {
  padding: 10px 16px;
  height: 60px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  z-index: 5;
}
.entry-nav .ok {
  position: absolute;
  top: 10px;
  right: 16px;
  font-size: 14px;
}
.entry-nav .cancel {
  padding: 0 8px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
}
.entry-nav .cancel.submit-btn,
.entry-nav .input-switch {
  width: auto;
  position: absolute;
  top: 10px;
  left: 16px;
}
.entry-nav .input-switch {
  width: 120px;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .entry-nav {
    padding: 10px 16px 42px;
    height: 92px;
  }
}

.slide-in {
  animation: slideIn 0.3s ease-out;
}

.tab-field {
  margin-bottom: 8px;
}

.tab-index {
  display: flex;
}

.tab-index-list {
  width: 100%;
  height: 40px;
  background: #eceff1;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-right: none;
  color: #999;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.tab-index-list.active {
  background: #fff;
  border-bottom: none;
  color: #373531;
}
.tab-index-list:last-child {
  border-right: 1px solid #e0e0e0;
}

.tab-desc {
  width: 100%;
  min-height: 150px;
  height: 320px;
  height: 54vh;
  border: 1px solid #e0e0e0;
  border-top: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 374px) {
  .tab-desc {
    height: 47vh;
  }
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .tab-desc {
    height: 57vh;
  }
}
@media (min-width: 768px) {
  .tab-desc {
    height: 64vh;
  }
}

.tab-iframe {
  width: 100%;
  height: 100%;
}

.plain-alert {
  padding: 8px 0 8px 40px;
  background: url('emp_error.png') no-repeat left center;
  background-size: 32px;
  line-height: 1.6;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 374px) {
  .agree-check.normal-checkbox [type=checkbox] + label {
    font-size: 15px;
  }
}
.return-value .huge-text {
  margin-right: 4px;
}

.entry-photo-set {
  margin: 0;
  padding: 0;
  border: 0;
}
.entry-photo-set .thumbnail {
  border-radius: 50%;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .entry-photo-set .thumbnail {
    max-width: 150px;
  }
}

.in-photo-set {
  -webkit-mask: url('photo_mask.png') no-repeat center/120px 120px;
  mask: url('photo_mask.png') no-repeat center/120px 120px;
}
.in-photo-set .thumbnail {
  border-radius: 0;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .in-photo-set {
    -webkit-mask: url('photo_mask.png') no-repeat center/150px 150px;
    mask: url('photo_mask.png') no-repeat center/150px 150px;
  }
}

.exsample-slick-wrapper li {
  /*display: none;*/
}
.exsample-slick-wrapper .thumbnail {
  margin: 0 auto;
  width: 80%;
  max-width: 100px;
  border-radius: 8px;
}

.img-caption {
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
}

.animate-shake {
  animation: shake 1.5s ease-in-out infinite;
}

.do-1 {
  background-image: url('do-1.jpg');
}

.do-2 {
  background-image: url('do-2.jpg');
}

.do-3 {
  background-image: url('do-3.jpg');
}

.do-4 {
  background-image: url('do-4.jpg');
}

.do-5 {
  background-image: url('do-5.jpg');
}

.do-6 {
  background-image: url('do-6.jpg');
}

.do-7 {
  background-image: url('do-7.jpg');
}

.do-8 {
  background-image: url('do-8.jpg');
}

.ng-1 {
  background-image: url('ng-1.jpg');
}

.ng-2 {
  background-image: url('ng-2.jpg');
}

.ng-3 {
  background-image: url('ng-3.jpg');
}

.ng-4 {
  background-image: url('ng-4.jpg');
}

.ng-5 {
  background-image: url('ng-5.jpg');
}

.ng-6 {
  background-image: url('ng-6.jpg');
}

.ng-7 {
  background-image: url('ng-7.jpg');
}

.ng-8 {
  background-image: url('ng-8.jpg');
}

.ng-9 {
  background-image: url('ng-9.jpg');
}

.conf-menu {
  padding: 16px;
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  z-index: 7;
}

.list-btn {
  margin: 0 auto 8px;
  max-width: 500px;
  display: block;
}

.menu-btn {
  height: 50px;
  display: block;
  background: #fff;
  font-size: 16px;
  line-height: 50px;
  color: #373531;
  border-radius: 8px;
}

.animate-in {
  animation: scaleUpFadeDown 0.4s ease-out 1;
}

.check-btn {
  width: 53px;
  height: 53px;
  position: absolute;
  bottom: -10px;
  right: -10px;
  background: url('check.png') no-repeat center center;
  background-size: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  animation: shake 1.5s ease-in-out infinite;
}

.pr-refresh {
  margin-top: 8px;
  padding-left: 20px;
  width: 130px;
  background-color: #90a4ae;
}

.howto-pr {
  padding: 8px;
  position: absolute;
  bottom: 1px;
  right: 1px;
  background: white;
  color: #757575;
  font-size: 14px;
  border-radius: 30px;
}
.howto-pr .help-btn {
  margin-right: 2px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  transform: translateY(0);
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  color: #757575;
}

.tips-balloon {
  margin: 0 auto;
  padding: 16px;
  max-width: 250px;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  background: rgba(37, 34, 33, 0.9);
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  text-indent: 0;
  text-align: center;
  border-radius: 16px;
  box-sizing: border-box;
  opacity: 1;
  animation: shake 1.5s ease-in-out infinite 0.9s, fadeOut 0.5s ease-in-out forwards 5s;
  transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 15;
}
.tips-balloon h3 {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.tips-balloon::before {
  margin-left: -5px;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  border-style: solid;
}
.entry-nav .tips-balloon {
  margin: 0 16px;
  bottom: 100%;
  left: auto;
}
.entry-nav .tips-balloon::before {
  left: auto;
  right: 50px;
}
.tips-balloon.colorpink {
  background: rgba(240, 98, 146, 0.9);
}
.learn_ani .tips-balloon, .learning .tips-balloon {
  animation: none;
}

.top-balloon::before {
  top: -10px;
  display: block;
  content: "";
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent rgba(37, 34, 33, 0.9) transparent;
}

.bottom-balloon::before {
  bottom: -10px;
  display: block;
  content: "";
  border-width: 10px 5px 0 5px;
  border-color: rgba(37, 34, 33, 0.9) transparent transparent transparent;
}

.top_balloon.colorpink::before {
  border-color: transparent transparent rgba(240, 98, 146, 0.9) transparent;
}

.bottom-balloon.colorpink::before {
  border-color: rgba(240, 98, 146, 0.9) transparent transparent transparent;
}

.display-toBottom {
  margin-bottom: -30px;
  opacity: 0;
}

.display-toTop {
  margin-bottom: 30px;
  opacity: 0;
}

/*--------------------------------
tutorial
--------------------------------*/
.transparency {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 16;
}

.tips_like {
  max-width: 300px;
  bottom: 80px;
  animation: none;
}

.learn_top,
.learning,
.learn_last {
  position: fixed;
  content: "";
  z-index: 15;
}

.learning {
  display: none;
}

.learn_top,
.learn_last {
  top: 50%;
  left: 0;
  right: 0;
}

.learn_approach {
  width: 20%;
  height: 50px;
  bottom: 0;
  left: 60%;
  background: #fff;
  text-align: center;
  font-size: 10px;
  font-feature-settings: "palt";
  color: #757575;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .learn_approach {
    height: 80px;
  }
}
.learn_approach ion-icon {
  margin: 0 auto;
  height: 32px;
  display: block;
  font-size: 23px;
  line-height: 32px;
}
.learn_approach .tips-balloon {
  margin-top: 5px;
  width: 290px;
  max-width: none;
  top: auto;
  bottom: 54px;
  right: -60px;
  left: auto;
}
.learn_approach .tips-balloon::before {
  left: 190px;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .learn_approach .tips-balloon {
    bottom: 84px;
  }
}

.learn_ani {
  position: fixed;
  bottom: 15%;
  left: 0;
  right: 0;
  z-index: 19;
}

.learning .display-toBottom {
  margin-top: 10px;
  margin-bottom: -15px;
}
.learning .display-toTop {
  margin-top: -15px;
  margin-bottom: 10px;
}

#ani_tips4 {
  bottom: 35%;
}

#action_container {
  width: 250%;
  height: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  transition: transform 1.5s cubic-bezier(0.39, -0.21, 0.54, 1.18);
}

.device_container {
  margin-top: -186px;
  width: 184px;
  height: 372px;
  position: absolute;
  top: 50%;
  background: url('device.svg') no-repeat;
  background-size: contain;
}

#my_device {
  margin-left: -92px;
  left: 20%;
  z-index: 18;
  transition: all 0.6s ease-in-out;
}

#the_other_device {
  margin-right: -92px;
  right: 20%;
  z-index: 16;
}

.device_display {
  width: 160px;
  height: 284px;
  position: absolute;
  left: 12px;
  top: 44px;
  background: #222;
  overflow: hidden;
}

.profile_view {
  height: 100%;
  position: relative;
  background: #fff;
  transition: transform 0.2s ease-in-out;
}

.main_photo_container {
  position: relative;
}
.main_photo_container .thumbnail {
  border-radius: 0;
}

.like_mark {
  width: 70px;
  height: 70px;
  position: absolute;
  background: #f06292;
  color: #fff;
  text-align: center;
  line-height: 70px;
  font-size: 30px;
  border-radius: 50%;
  opacity: 0;
  z-index: 2;
}
.main_photo_container .like_mark {
  margin-top: -35px;
  margin-left: -35px;
  top: 50%;
  left: 50%;
}

.ripple {
  margin-top: -35px;
  margin-left: -35px;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background: #f06292;
  content: "";
  border-radius: 50%;
}

#throw {
  margin-left: -35px;
  top: 40%;
  left: 20%;
  z-index: 17;
}
#throw .ripple {
  opacity: 0;
}

.sub_photo_container {
  padding: 8px;
}
.sub_photo_container .thumbnail {
  margin-right: 4px;
  width: 30%;
  float: left;
  border-radius: 0;
}

.profile_view .btn-space {
  padding: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.profile_view .btn-space .btn {
  height: 35px;
  line-height: 35px;
  text-indent: 8px;
  background-size: 20px;
}

.startup_view {
  height: 100%;
  position: relative;
  background: #2f3d41;
  color: #fff;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.time_count {
  padding-top: 40px;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-size: 35px;
  text-align: center;
  letter-spacing: 0.05em;
}

.date_count {
  padding: 2px 0 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0.05em;
}

.push_list {
  padding-left: 8px;
}
.push_list li {
  border-top: 1px solid #365058;
  border-bottom: 1px solid #365058;
  padding: 8px 8px 8px 20px;
  font-size: 10px;
  line-height: 1.4;
  background: url('push_icon.png') no-repeat left 10px;
  background-size: 16px;
  transform: translateX(10px);
  transition: transform 0.4s ease;
}

.heart_mark {
  width: 60px;
  height: 60px;
  position: absolute;
  top: -57px;
  background: url('heart.png') no-repeat;
  background-size: contain;
  content: "";
  opacity: 0;
  transform-origin: 50% bottom;
}
#my_device .heart_mark {
  right: -30px;
  transform: rotate(20deg);
}
#the_other_device .heart_mark {
  left: -30px;
  transform: rotate(-20deg);
}

.hand {
  width: 90px;
  height: 90px;
  position: absolute;
  right: -30px;
  bottom: -5px;
  content: "";
  background: url('hand.png') no-repeat;
  background-size: contain;
  opacity: 0;
  z-index: 19;
  transition: transform 0.05s ease-in-out;
}

.notify {
  width: 60px;
  height: 60px;
  position: absolute;
  left: -50px;
  top: -55px;
  background: url('notify.png') no-repeat;
  background-size: contain;
  content: "";
  opacity: 0;
  transform-origin: right bottom;
}

#matching_container {
  display: none;
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  z-index: 17;
  transform: translateY(-50%);
}
#matching_container .matching-title {
  font-size: 40px;
  line-height: 1.2;
}
#matching_container .matching-title,
#matching_container .matching-lead {
  color: #fff;
}
#matching_container .center-heart {
  background-size: 40px;
}
#matching_container .matching-pair .thumbnail {
  width: 80px;
  border: 2px solid rgba(255, 255, 255, 0.8);
}

#guide .purchased {
  display: none;
}

.start_from_zoom {
  transform: scale(2);
}

.start_bounce {
  opacity: 1;
  animation: start-bounce 0.3s;
}

.start_bounce2 {
  opacity: 1;
  animation: start-bounce2 0.3s;
}

.start_hand {
  opacity: 1;
}

.start_click {
  transform: translate(-5px, 10px);
}

.start_like {
  animation: start-like 1.4s;
}
.start_like .ripple {
  opacity: 0;
  animation: slow-ripple 0.8s;
}

.throw_like {
  opacity: 1;
  transform: translateX(150vw);
  animation: throw-like 1.5s linear;
}

.slide_screen {
  transform: translateX(-60%);
}
.slide_screen #my_device {
  animation: acceleration 1.5s linear;
}
.slide_screen #the_other_device {
  animation: deceleration 1.5s linear;
}

.catch_push {
  opacity: 1;
}
.catch_push .push_list li {
  transform: translateX(0);
}

.start_notify {
  opacity: 1;
  animation: start-bounce3 0.3s;
}

.close_prof_view {
  transform: scale(0);
}

@keyframes start-bounce {
  0% {
    opacity: 0;
    transform: scale(0, 0) rotate(10deg);
  }
  10% {
    opacity: 1;
    transform: scale(0.2, 0.1) rotate(14deg);
  }
  75% {
    transform: scale(1.5, 1.7) rotate(28deg);
  }
  100% {
    transform: scale(1, 1) rotate(20deg);
  }
}
@keyframes start-bounce2 {
  0% {
    opacity: 0;
    transform: scale(0, 0) rotate(-10deg);
  }
  10% {
    opacity: 1;
    transform: scale(0.2, 0.1) rotate(-14deg);
  }
  75% {
    transform: scale(1.5, 1.7) rotate(-28deg);
  }
  100% {
    transform: scale(1, 1) rotate(-20deg);
  }
}
@keyframes start-bounce3 {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  75% {
    transform: scale(1.5, 1.6);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes slow-ripple {
  0% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(2.4, 2.4);
  }
}
@keyframes start-like {
  0% {
    opacity: 1;
    transform: scale(1.7, 1.7);
  }
  55% {
    transform: scale(0.7, 0.7);
  }
  58% {
    transform: scale(0.9, 0.8);
  }
  64% {
    transform: scale(1.05, 1.1);
  }
  67% {
    transform: scale(0.85, 0.95);
  }
  70% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(1, 1);
  }
}
@keyframes throw-like {
  0% {
    transform: translate(0, 0) rotate(-20deg);
  }
  25% {
    transform: translate(37.5vw, -70px) rotate(-10deg);
  }
  50% {
    transform: translate(75vw, -100px) rotate(-5deg);
  }
  75% {
    transform: translate(112.5vw, -70px) rotate(0deg);
  }
  95% {
    transform: translate(142.5vw, -5.5px) rotate(10deg);
  }
  100% {
    transform: translate(150vw, 0) rotate(0deg);
  }
}
@keyframes acceleration {
  0% {
    transform: rotate(0deg);
    transform-origin: left bottom;
  }
  30% {
    transform: rotate(0.5deg);
    transform-origin: left bottom;
  }
  50% {
    transform: rotate(-1deg);
    transform-origin: left bottom;
  }
  60% {
    transform: rotate(0deg);
    transform-origin: left bottom;
  }
  100% {
    transform: rotate(0deg);
    transform-origin: left bottom;
  }
}
@keyframes deceleration {
  0% {
    transform: rotate(0deg);
    transform-origin: right bottom;
  }
  40% {
    transform: rotate(-1deg);
    transform-origin: right bottom;
  }
  70% {
    transform: rotate(0.5deg);
    transform-origin: right bottom;
  }
  100% {
    transform: rotate(0deg);
    transform-origin: right bottom;
  }
}
/*--------------------------------
search grid
--------------------------------*/
.chara-box {
  margin: 0 8px 20px;
  width: calc(50% - 16px);
  position: relative;
  float: left;
}
@media (min-width: 600px) {
  .chara-box {
    margin-bottom: 40px;
    width: calc(33.3333333333% - 16px);
  }
  .fee-list .chara-box {
    margin: 0 8px 20px;
    width: calc(50% - 16px);
  }
}
.chara-box .btn-space {
  margin-top: 6px;
  margin-bottom: 32px;
  min-height: 40px;
}
.chara-box .btn {
  font-size: 16px;
}
.chara-box .look {
  padding-left: 8px;
}
.chara-box .to_message,
.chara-box .thanks {
  padding-left: 16px;
}
@media (max-width: 374px) {
  .chara-box .like,
  .chara-box .ans-like,
  .chara-box .thanks {
    padding-left: 8px;
  }
  .chara-box .look {
    padding-left: 16px;
  }
  .chara-box .to_message,
  .chara-box .thanks {
    padding-left: 24px;
  }
}

.grid-wrapper .thumbnail {
  border-radius: 5%;
  margin-bottom: 6px;
}
.grid-wrapper .basic-prof {
  margin-bottom: 6px;
  position: relative;
  font-size: 12px;
  color: #373531;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.4em;
}
.grid-wrapper .online,
.grid-wrapper .offline,
.grid-wrapper .area,
.grid-wrapper .age,
.grid-wrapper .compa {
  padding: 2px 0;
  display: inline-block;
  letter-spacing: normal;
}
.grid-wrapper .online {
  margin-right: 4px;
  width: 18px;
  overflow: hidden;
}
.grid-wrapper .offline {
  margin-right: 6px;
  width: 6px;
  overflow: hidden;
}
.grid-wrapper .area,
.grid-wrapper .age {
  margin-right: 8px;
}
.grid-wrapper .compa {
  padding-left: 17px;
  background: url('icon_compa_gray.png') no-repeat left center;
  background-size: 15px auto;
}
.grid-wrapper .like-get {
  padding: 4px 8px 4px 24px;
  position: absolute;
  bottom: 28px;
  right: 4px;
  /*background: url(./assets/images/icon_like_get.png) no-repeat 6px center rgba($bgColor, .9);
  background-size: 17px auto;*/
  color: #f06292;
  border: 1px solid #eceff1;
  border-radius: 13px;
  letter-spacing: normal;
  z-index: 2;
}
.grid-wrapper .tweet {
  padding: 0 8px;
  height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 10px;
  color: #757575;
  line-height: 1.4;
  overflow: hidden;
  text-align: left;
}
.grid-wrapper .newface {
  top: 8px;
  left: 8px;
  transform: rotate(-15deg);
}
@media (min-width: 600px) {
  .grid-wrapper .like-get {
    right: 20px;
  }
  .grid-wrapper .tweet {
    padding: 0 35px;
    height: 40px;
    font-size: 14px;
  }
  .grid-wrapper .newface {
    top: 20px;
    left: 8px;
  }
  .grid-wrapper .appeal,
  .grid-wrapper .to_message,
  .grid-wrapper .thanks {
    padding-left: 0;
  }
}

/*--------------------------------
search card
--------------------------------*/
.chara-list {
  margin: 0 0 16px;
  position: relative;
  background: #fff;
  text-align: left;
}
.chara-list a {
  color: #fff;
}
.chara-list a:hover {
  color: #fff;
}
.chara-list .in-review {
  color: #bdbdbd;
}
@media (min-width: 600px) {
  .chara-list {
    margin-bottom: 32px;
  }
}

.card-wrapper .thumbnail, .tinder .thumbnail {
  border-radius: 0;
}
@media (max-width: 374px) {
  .card-wrapper .thumbnail::before, .tinder .thumbnail::before {
    padding-top: calc(100% - 16px);
  }
}
@media (min-width: 600px) {
  .card-wrapper .thumbnail, .tinder .thumbnail {
    margin-right: 20px;
    width: 48%;
    float: left;
    overflow: visible;
  }
}
.card-wrapper .basic-prof, .tinder .basic-prof {
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
@media (min-width: 600px) {
  .card-wrapper .basic-prof, .tinder .basic-prof {
    height: auto;
    position: relative;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -5px;
    padding: 5px;
    color: #252221;
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .card-wrapper .basic-prof .HN,
  .card-wrapper .basic-prof .age,
  .card-wrapper .basic-prof .area, .tinder .basic-prof .HN,
  .tinder .basic-prof .age,
  .tinder .basic-prof .area {
    display: inline;
    line-height: 1.4;
  }
  .card-wrapper .basic-prof .HN, .tinder .basic-prof .HN {
    max-width: none;
    white-space: normal;
    text-overflow: inherit;
    overflow: visible;
  }
  .card-wrapper .basic-prof .sub-photo, .tinder .basic-prof .sub-photo {
    color: #fff;
  }
}
@media (min-width: 768px) {
  .card-wrapper .basic-prof .HN,
  .card-wrapper .basic-prof .age,
  .card-wrapper .basic-prof .area, .tinder .basic-prof .HN,
  .tinder .basic-prof .age,
  .tinder .basic-prof .area {
    font-size: 24px;
  }
  .card-wrapper .basic-prof .sub-photo, .tinder .basic-prof .sub-photo {
    color: #fff;
  }
}
.card-wrapper .sub-prof, .tinder .sub-prof {
  margin: 12px 4px 12px 16px;
}
.card-wrapper .sub-prof .prof-list, .tinder .sub-prof .prof-list {
  margin-right: 12px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card-wrapper .tweet, .tinder .tweet {
  margin: 12px 16px 16px;
  font-size: 12px;
  color: #373531;
}
.card-wrapper .tweet p, .tinder .tweet p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card-wrapper .newface, .tinder .newface {
  top: 8px;
  right: 8px;
}
.card-wrapper .btn-space, .tinder .btn-space {
  margin-top: 12px;
  padding: 0 16px;
  height: 60px;
}
.card-wrapper .btn, .tinder .btn {
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .card-wrapper .sub-prof, .tinder .sub-prof {
    margin: 16px 0 16px;
  }
  .card-wrapper .sub-prof .prof-list, .tinder .sub-prof .prof-list {
    margin-right: 0;
  }
  .card-wrapper .sub-prof, .tinder .sub-prof {
    padding-right: 20px;
  }
  .card-wrapper .tweet, .tinder .tweet {
    margin: 0;
    padding-right: 20px;
    font-size: 14px;
  }
  .card-wrapper .newface, .tinder .newface {
    left: 8px;
    right: auto;
  }
  .card-wrapper .btn-space, .tinder .btn-space {
    margin-top: 0;
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 48%;
  }
  .card-wrapper .action-btn, .tinder .action-btn {
    max-width: 400px;
  }
  .card-wrapper .sub-photo, .tinder .sub-photo {
    padding: 2px 8px;
    left: 10px;
    bottom: 10px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 30px;
  }
  .card-wrapper .sub-photo ion-icon, .tinder .sub-photo ion-icon {
    margin-right: 4px;
    color: rgba(255, 255, 255, 0.7);
  }
}

.prof-line-wrapper {
  padding: 8px 4px 8px 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 600px) {
  .prof-line-wrapper {
    padding: 35px 0 5px 10px;
    position: relative;
  }
}

.prof-line {
  margin-bottom: 8px;
  letter-spacing: -0.4em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.prof-line li {
  margin-right: 10px;
  white-space: nowrap;
  letter-spacing: normal;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
@media (max-width: 374px) {
  .prof-line li {
    margin-right: 7px;
  }
}
.prof-line .online,
.prof-line .offline,
.prof-line .msg-ok {
  font-size: 12px;
}
@media (max-width: 374px) {
  .prof-line .msg-ok {
    font-size: 11px;
  }
}
.prof-line .HN,
.prof-line .age,
.prof-line .area,
.prof-line .sub-photo {
  font-size: 16px;
}
.prof-line .HN {
  max-width: 160px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 374px) {
  .prof-line .HN {
    max-width: 124px;
  }
}
.prof-line ion-icon {
  margin-right: 2px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 600px) {
  .prof-line .msg-ok {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .prof-line ion-icon {
    color: #cfd8dc;
  }
}
@media (min-width: 768px) {
  .prof-line {
    font-size: 18px;
  }
}

/*--------------------------------
recv like
--------------------------------*/
.overlap-layout, .tinder {
  margin: 5vh 0 0;
  position: relative;
}
@media (max-width: 374px) {
  .overlap-layout, .tinder {
    margin: 3vh 0 0;
  }
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .overlap-layout, .tinder {
    margin: 10vh 0 0;
  }
}
@media (min-width: 600px) {
  .overlap-layout, .tinder {
    margin: 200px 0 0;
  }
}
.recomme .overlap-layout, .newcomers-pickup .overlap-layout, .recomme .tinder, .newcomers-pickup .tinder {
  margin: 8vh 0 0;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .recomme .overlap-layout, .newcomers-pickup .overlap-layout, .recomme .tinder, .newcomers-pickup .tinder {
    margin: 13vh 0 0;
  }
}
@media (min-width: 600px) {
  .recomme .overlap-layout, .newcomers-pickup .overlap-layout, .recomme .tinder, .newcomers-pickup .tinder {
    margin: 230px 0 0;
  }
}
.overlap-layout .chara-list, .tinder .chara-list {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  transform: translate(4px, 4px);
}
.overlap-layout .chara-list .newface, .tinder .chara-list .newface {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
.overlap-layout .chara-list:last-child .newface, .tinder .chara-list:last-child .newface {
  opacity: 1;
}
.overlap-layout .above-list, .tinder .above-list {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
}
.overlap-layout .isForward, .tinder .isForward {
  transform: translate(0, 0);
}
.overlap-layout .sub-prof, .tinder .sub-prof {
  height: 23px;
  white-space: nowrap;
}
.overlap-layout .sub-prof .prof-list, .tinder .sub-prof .prof-list {
  max-width: 70%;
}
@media (max-width: 374px) {
  .overlap-layout .sub-prof .prof-list, .tinder .sub-prof .prof-list {
    max-width: 60%;
  }
}
.overlap-layout .btn-space, .tinder .btn-space {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 374px) {
  .overlap-layout .btn-space, .tinder .btn-space {
    height: 53px;
  }
}
@media (max-width: 374px) {
  .overlap-layout .btn, .tinder .btn {
    margin-bottom: 13px;
  }
}
.overlap-layout .btn:first-child, .tinder .btn:first-child {
  flex: 0 0 calc(40% - 4px);
}
.overlap-layout .btn:last-child, .tinder .btn:last-child {
  flex: 0 0 calc(60% - 4px);
}
.overlap-layout app-progress-button, .tinder app-progress-button {
  flex: 0 0 calc(60% - 4px);
}
@media (max-width: 374px) {
  .overlap-layout .thanks, .tinder .thanks {
    padding-left: 22px;
  }
  .overlap-layout .message-like, .tinder .message-like {
    padding-left: 10px;
  }
  .overlap-layout .free-like, .tinder .free-like {
    padding-left: 20px;
    font-size: 17px;
    letter-spacing: -0.07em;
  }
}
.overlap-layout .toMatchingList, .tinder .toMatchingList {
  opacity: 0;
  transform: translate(80px, 50vh) scale(0.2);
  transition: all 0.6s ease-in-out;
  z-index: 6;
}
.overlap-layout .toSkipList, .tinder .toSkipList {
  opacity: 0;
  transform: translate(-200px, 0) scale(0.8);
  transition: all 0.4s ease-in-out;
}
.overlap-layout .toLikeList, .tinder .toLikeList {
  opacity: 0;
  transform: translate(200px, 0) scale(0.8);
  transition: all 0.4s ease-in-out;
}

.get-like-recomme {
  position: absolute;
  top: -5vh;
  left: 0;
  right: 0;
  background: #f9a825;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  z-index: 1;
}
@media (max-width: 374px) {
  .get-like-recomme {
    top: -3vh;
  }
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .get-like-recomme {
    top: -10vh;
  }
}
@media (min-width: 600px) {
  .get-like-recomme {
    top: -200px;
  }
}
.get-like-recomme::after {
  margin-left: -9px;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  content: "";
  border-style: solid;
  border-width: 10px 9px 0 9px;
  border-color: #f9a825 transparent transparent transparent;
}

.toast {
  margin: -60px 0 0 -60px;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(55, 53, 49, 0.85);
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 16px;
  animation: scaleUpFade 0.4s ease-in-out;
}
.toast ion-icon {
  height: 90px;
  display: block;
  font-size: 52px;
  line-height: 90px;
}

/*--------------------------------
list
--------------------------------*/
.list {
  padding: 11px 10px;
  position: relative;
  background: #fff;
  border-bottom: 1px solid #eceff1;
  overflow: hidden;
  text-align: left;
}
.list-menu .list {
  padding: 0;
}
.list-menu .list a {
  padding: 10px;
  min-height: 30px;
  display: block;
  position: relative;
  color: #373531;
  line-height: 30px;
}
.list-menu .list a .fa-angle-right, .list-menu .list a ion-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  color: #90a4ae;
  font-size: 14px;
  transform: translateY(-50%);
}
.list-menu .list.primary-heading {
  margin-top: 16px;
  padding: 16px;
}
.list-menu .list .add-btn {
  margin-left: auto;
  padding: 0;
  width: 60px;
  min-height: 0;
  text-align: right;
  color: #4db6ac;
  display: block;
  overflow: visible;
}
.list .prof-line {
  margin-right: 20px;
  color: #373531;
  white-space: nowrap;
}
.visitor .list .prof-line, .fav .list .prof-line, .give-like .list .prof-line {
  margin-right: 40px;
}
.list .prof-line .HN {
  max-width: 50%;
}
@media (max-width: 374px) {
  .list .prof-line .HN {
    max-width: 70px;
  }
}
.list .time {
  position: absolute;
  right: 10px;
  bottom: 8px;
  line-height: 1;
  opacity: 0.5;
}
.list .thumbnail {
  width: 64px;
  height: 64px;
  float: left;
}
.list .basic-prof {
  padding: 4px 0 0;
  width: calc(100% - 78px);
  min-height: 64px;
  float: right;
}
.list .online {
  margin-right: 4px;
  width: 18px;
  overflow: hidden;
}
.list .offline {
  margin-right: 6px;
  width: 6px;
  overflow: hidden;
}
.list .btn-space {
  text-align: left;
}
.list .action-btn {
  width: 68%;
  height: 28px;
  font-size: 15px;
  line-height: 28px;
  border-radius: 5px;
  background-size: 20px;
}
.list .after-look {
  width: 68%;
  height: 28px;
  font-size: 15px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .list {
    padding: 11px 16px;
  }
  .list .thumbnail {
    width: 94px;
    height: 94px;
  }
  .list .basic-prof {
    padding-top: 8px;
    width: calc(100% - 120px);
    min-height: 94px;
  }
  .list .action-btn {
    width: 300px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    background-size: 27px;
  }
  .list .after-look {
    width: 300px;
    height: 40px;
    font-size: 18px;
    line-height: 36px;
  }
}

.toolbar + .list-wrapper {
  border-top: 1px solid #eceff1;
}
.list-wrapper .date {
  background: #eceff1;
  color: #607d8b;
}

.newlist {
  background: #e0f7fa;
}
.newlist::before {
  width: 0;
  height: 0;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 10px 10px 0 0;
  border-color: #80cbc4 transparent transparent transparent;
}

.leave {
  background: #e0e0e0;
}
.leave .thumbnail-img {
  background-image: url('leave.png');
}
.leave .prof-line {
  color: #757575;
}

.list-text {
  margin: 0 20px 8px 0;
  display: -webkit-box;
  font-size: 12px;
  color: rgba(117, 117, 117, 0.8);
  line-height: 1.1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: left;
}

.list-top-border {
  border-top: 1px solid #eceff1;
}

.matching {
  color: #ec407a;
}

.message-appeal {
  color: #f9a825;
}

.btn-group {
  position: absolute;
  top: 0;
  right: 0;
}
.btn-group ion-icon {
  width: 14px;
  font-size: 14px;
}

.btnFavorite,
.toHide {
  width: 28px;
  height: 30px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  overflow: visible;
}
.btnFavorite:hover,
.toHide:hover {
  color: rgba(0, 0, 0, 0.2);
}

.favorite-on {
  color: #ffc107;
}
.favorite-on:hover {
  color: #ffc107;
}

.list-bottom-btn {
  position: absolute;
  right: 10px;
  bottom: 8px;
}

.recommend {
  margin: -8px 0 8px;
  padding: 20px 0;
  background: #fff4d5;
}
.no-receive + .recommend {
  margin-top: 8px;
}
.recommend .grid-wrapper {
  margin-bottom: 0;
  display: flex;
}

.recommend-heading {
  margin-bottom: 20px;
  font-size: 16px;
  text-align: center;
}

.recommend-box {
  margin: 0 2%;
  width: 21%;
}
@media (min-width: 600px) {
  .recommend-box {
    margin: 0 5%;
    width: 15%;
  }
}

.menu-title {
  margin-bottom: 16px;
  height: 38px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  line-height: 1.4;
  word-break: break-word;
  overflow: hidden;
}
.newlist .menu-title {
  font-weight: 600;
}

.linear-navigation {
  height: 40px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  line-height: 40px;
  overflow: hidden;
}
.linear-navigation + .list-menu {
  border-top: 1px solid #eceff1;
}
@media (min-width: 768px) {
  .linear-navigation {
    justify-content: space-around;
  }
}

.no-receive + .list-menu {
  border-top: 1px solid #eceff1;
}

.nav-link {
  width: 40%;
  font-size: 18px;
  text-align: left;
}
.nav-link a {
  display: block;
  color: #757575;
  overflow: visible;
}
.nav-link:last-child {
  text-align: right;
}
.nav-link .fa {
  margin: 0 16px;
}
@media (min-width: 768px) {
  .nav-link {
    text-align: center;
  }
  .nav-link:last-child {
    text-align: center;
  }
}

.fix-nav-link {
  margin-top: -30px;
  width: 24px;
  height: 60px;
  position: fixed;
  top: 50%;
  display: block;
  font-size: 18px;
  line-height: 60px;
}
.fix-nav-link a {
  height: 100%;
  display: block;
  color: #757575;
  overflow: visible;
}
.fix-nav-link:first-child {
  left: 0;
}
.fix-nav-link:last-child {
  right: 0;
  text-align: right;
}
.fix-nav-link .fa {
  margin: 0 8px;
}

.unactive {
  color: #cfd8dc;
}

.logout {
  margin-top: 32px;
  border-top: 1px solid #eceff1;
}
.list-menu .logout a {
  color: #e53935;
}

/*--------------------------------
my page
--------------------------------*/
.main-photo {
  width: 40%;
  max-width: 160px;
}
.main-photo .thumbnail-img {
  z-index: 2;
}

.property {
  margin-left: 16px;
  flex-grow: 1;
}

.prof-rate {
  color: #757575;
  font-size: 11px;
  text-align: center;
}

.meter {
  margin: 8px auto 0;
  max-width: 300px;
  height: 8px;
  background: #cfd8dc;
  border-radius: 30px;
  overflow: hidden;
}

.progress {
  height: 100%;
  background: #f06292;
  text-indent: -9999px;
}
.progress span {
  text-indent: 0;
}

.photo-slick-wrapper li {
  display: none;
}
.photo-slick-wrapper .thumbnail {
  margin: 0 auto;
  width: 90%;
  max-width: 100px;
  border-radius: 0;
}

.text-setting {
  position: relative;
}
.text-setting .tweet {
  margin-bottom: 8px;
  padding: 8px;
  border: 1px solid #e0e0e0;
}
.text-setting .tweet::before, .text-setting .tweet::after {
  width: 0px;
  height: 0px;
  position: absolute;
  display: block;
  content: "";
  border-style: solid;
}
.text-setting .tweet::before {
  top: -5px;
  left: 53px;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #fff transparent;
  z-index: 1;
}
.text-setting .tweet::after {
  top: -6px;
  left: 54px;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #e0e0e0 transparent;
  z-index: -1;
}
.text-setting .local-desc {
  position: absolute;
  bottom: -28px;
}
.text-setting .error {
  position: absolute;
}

.review-thumb .thumbnail-img {
  opacity: 1;
}

.get-photo-req {
  color: #ec407a;
}
.get-photo-req::before {
  margin-right: 4px;
  width: 6px;
  height: 6px;
  position: relative;
  top: -2px;
  background: #f06292;
  content: "";
  display: inline-block;
  border-radius: 3px;
}

.edit-btn {
  margin: 0 auto;
  width: 90%;
  max-width: 100px;
  position: relative;
}
.edit-btn::before {
  padding-top: 100%;
  display: block;
  content: "";
}
.edit-btn .btn {
  padding-top: 64%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 11px;
  font-feature-settings: "palt";
  white-space: nowrap;
  border-radius: 0;
}
.edit-btn .btn ion-icon {
  margin: -8px auto 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font-size: 26px;
}

.popform .error {
  position: absolute;
}

.detail_list {
  width: 100%;
  table-layout: fixed;
}
.detail_list th {
  padding: 16px 8px;
  width: 40%;
  font-size: 12px;
  color: #999;
  font-weight: 500;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.detail_list td {
  color: #276270;
  border-bottom: 1px solid #eee;
}
.detail_list:last-of-type {
  margin-bottom: 40px;
}

.push_head {
  padding: 8px 0;
  width: 60%;
  position: relative;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.push_head > div + div {
  margin-top: 8px;
}
.push_head a {
  padding: 10px 8px;
  display: block;
  background: #cfd8dc;
  color: #607d8b;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 8px;
  overflow: hidden;
  z-index: 1;
}
.push_head .unset {
  background: #4db6ac;
  color: #fff;
}

.ng-list {
  padding: 0 32px;
}
.ng-list img {
  margin-right: 16px;
  width: 90px;
  height: auto;
  float: left;
}

.ng-txt {
  padding-top: 8px;
  font-size: 12px;
  line-height: 1.4;
}

.photo-advice {
  margin: 0 auto;
  padding: 16px;
  max-width: 500px;
  position: relative;
  background: #e0f7fa;
  color: #455a64;
  text-align: center;
  line-height: 1.4;
  border-radius: 16px;
}
.photo-advice::after {
  margin-left: -12px;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -8px;
  left: 50%;
  content: "";
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #e0f7fa transparent transparent transparent;
}

.photo-grid-wrapper {
  justify-content: left;
}
@media (min-width: 600px) {
  .photo-grid-wrapper .thumbnail {
    max-width: none;
    flex: 0 1 calc(16.6666666667% - 4px);
  }
}

.theme {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 8px;
  font-size: 12px;
  color: #fff;
}

/*--------------------------------
age author
--------------------------------*/
.certification {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.document {
  margin: 16px 0;
  width: 46%;
  max-width: 150px;
  text-align: center;
}
.document img {
  margin-bottom: 8px;
  width: 80%;
  height: auto;
}

.age-step {
  margin: 16px 32px;
  padding: 32px 0 0;
  width: 100%;
  max-width: 311px;
  text-align: center;
  position: relative;
  background: #f5f5f5;
  border-radius: 4px;
}
.age-step img {
  margin-bottom: 8px;
  width: auto;
  height: 200px;
  object-fit: cover;
}
.age-step .local-desc {
  text-align: center;
  color: #373531;
}
.age-step:nth-child(2)::before, .age-step:nth-child(2)::after {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  display: block;
  background: url('arrow_g_g.png') no-repeat center center;
  background-size: contain;
  content: "";
  transform: translateY(-50%);
}
.age-step:nth-child(2)::before {
  left: -16px;
}
.age-step:nth-child(2)::after {
  right: -16px;
}

.local-label {
  margin-bottom: 16px;
  font-size: 14px;
  text-align: center;
}
.local-label .fa, .local-label ion-icon {
  font-size: 14px;
  margin-right: 4px;
  color: #cfd8dc;
}

.small-list {
  font-size: 10px;
  text-align: left;
}
.small-list li {
  margin: 8px 0;
}

.rh-item {
  margin-bottom: 60px;
  width: 100%;
  table-layout: fixed;
}
.rh-item th,
.rh-item td {
  padding: 16px;
}

th.required-parts {
  background: #f06292;
  color: #fff;
}

td.required-parts {
  background: #f8bbd0;
}

th.hide-parts {
  background: #90a4ae;
  color: #fff;
}

td.hide-parts {
  background: #cfd8dc;
}

.rh-list {
  margin-bottom: 16px;
}
.rh-list li {
  margin-bottom: 8px;
}
.rh-list li::before {
  margin-right: 4px;
  font-family: "felizIcon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.required-parts .rh-list li::before {
  content: "\e904";
  color: #ec407a;
}
.hide-parts .rh-list li::before {
  content: "×";
  color: #90a4ae;
}

.balloon {
  font-size: 13px;
  font-weight: 600;
  color: #455a64;
  text-align: center;
  line-height: 30px;
}

.img-preview {
  margin: 0 auto 32px;
  max-width: 200px;
  height: auto;
  display: block;
}

@media (max-width: 374px) {
  .age .modal-heading {
    font-size: 16px;
  }
}
.certificate-wrapper {
  padding: 0 16px;
}
.certificate-wrapper img {
  margin: 0 4% 16px;
  width: 40%;
}

.age-in-review {
  padding: 40px 0;
  color: #ec407a;
  line-height: 1.6;
  text-align: center;
}

/*--------------------------------
info detail
--------------------------------*/
.detail-wrapper {
  min-height: calc(100vh - 140px);
  text-align: left;
  /*@include media(iPhoneX){
  	min-height: calc(100vh - 180px);
  }*/
}

.info-detail-header {
  padding: 16px;
}
.info-detail-header .time {
  display: block;
  text-align: right;
  opacity: 0.5;
}

.detail-heading {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
  color: #373531;
  line-height: 1.4;
  word-break: break-word;
}
@media (min-width: 768px) {
  .detail-heading {
    font-size: 26px;
  }
}

.info-body {
  padding: 20px 16px 40px;
  line-height: 1.6;
  word-break: break-word;
}
@media (min-width: 768px) {
  .info-body {
    font-size: 18px;
  }
}

/*--------------------------------
help detail
--------------------------------*/
.help-title {
  padding: 13px 32px 13px 16px;
  font-size: 15px;
  line-height: 1.4;
}
.help-title.accordion-open {
  font-weight: 600;
}

.accordion-head {
  background: url('plus.png') no-repeat right center;
  background-size: 24px 13px;
}

.accordion-open {
  background-image: url('minus.png');
}

.accordion-body {
  padding: 8px 16px 16px;
}
.help-title + .accordion-body {
  line-height: 1.6;
}

/*--------------------------------
community
--------------------------------*/
.community-box {
  margin: 0 8px 20px;
  width: calc(33.3333333333% - 16px);
  position: relative;
  float: left;
}
@media (min-width: 600px) {
  .community-box {
    margin: 0 12px 20px;
    width: calc(16.6666666667% - 24px);
  }
}

.community-name {
  height: 32px;
  font-size: 12px;
  color: #373531;
  line-height: 1.4;
  text-align: center;
  word-break: break-word;
}

.commu_search input[type=text] {
  padding-right: 40px;
}

.searching {
  width: 40px;
  position: absolute;
  top: 0;
  right: 0;
  background: url('search_mini.png') no-repeat center center;
  background-size: 40px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

.category-nav {
  margin-bottom: 60px;
}

.category-btn {
  height: 45px;
  position: relative;
  background: #fff;
  line-height: 43px;
  font-size: 18px;
  color: #607d8b;
  text-align: center;
  border: 1px solid #90a4ae;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}
.category-btn .fa, .category-btn ion-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  font-size: 18px;
  transform: translateY(-50%);
}
.category-btn.accordion-open {
  border-radius: 8px 8px 0 0;
  background: #373531;
  border-color: #373531;
  color: #fff;
}

.category-list {
  border: 1px solid #e0e0e0;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  text-align: left;
}
@media (min-width: 600px) {
  .category-list {
    display: flex;
    flex-wrap: wrap;
  }
  .category-list li {
    flex: 0 1 33.3333333333%;
  }
}
.category-list li a {
  padding: 14px 16px 14px 40px;
  display: block;
  position: relative;
  font-size: 12px;
  color: #757575;
}
.category-list a::before {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 16px;
  top: 50%;
  content: "";
  background: url('icon_category.png') no-repeat;
  background-size: auto 16px;
  transform: translateY(-50%);
}
.category-list .tapped {
  animation: tapFade 0.8s ease-in-out;
}
.category-list .tapped::after {
  display: none;
}

.primary-heading[class*=cate] {
  padding-left: 24px;
  position: relative;
}
.primary-heading[class*=cate]::before {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  background: url('icon_category.png') no-repeat;
  background-size: auto 16px;
  transform: translateY(-50%);
}

.cate01 a::before, .cate01.primary-heading::before {
  background-position: 0px 0;
}

.cate02 a::before, .cate02.primary-heading::before {
  background-position: -16px 0;
}

.cate03 a::before, .cate03.primary-heading::before {
  background-position: -32px 0;
}

.cate04 a::before, .cate04.primary-heading::before {
  background-position: -48px 0;
}

.cate05 a::before, .cate05.primary-heading::before {
  background-position: -64px 0;
}

.cate06 a::before, .cate06.primary-heading::before {
  background-position: -80px 0;
}

.cate07 a::before, .cate07.primary-heading::before {
  background-position: -96px 0;
}

.cate08 a::before, .cate08.primary-heading::before {
  background-position: -112px 0;
}

.cate09 a::before, .cate09.primary-heading::before {
  background-position: -128px 0;
}

.cate10 a::before, .cate10.primary-heading::before {
  background-position: -144px 0;
}

.cate11 a::before, .cate11.primary-heading::before {
  background-position: -160px 0;
}

.cate12 a::before, .cate12.primary-heading::before {
  background-position: -176px 0;
}

.cate13 a::before, .cate13.primary-heading::before {
  background-position: -192px 0;
}

.cate14 a::before, .cate14.primary-heading::before {
  background-position: -208px 0;
}

.cate15 a::before, .cate15.primary-heading::before {
  background-position: -224px 0;
}

.cate16 a::before, .cate16.primary-heading::before {
  background-position: -240px 0;
}

.cate17 a::before, .cate17.primary-heading::before {
  background-position: -256px 0;
}

.cate18 a::before, .cate18.primary-heading::before {
  background-position: -272px 0;
}

.cate19 a::before, .cate19.primary-heading::before {
  background-position: -288px 0;
}

.cate20 a::before, .cate20.primary-heading::before {
  background-position: -304px 0;
}

.cate21 a::before, .cate21.primary-heading::before {
  background-position: -320px 0;
}

.cate22 a::before, .cate22.primary-heading::before {
  background-position: -336px 0;
}

.cate23 a::before, .cate23.primary-heading::before {
  background-position: -352px 0;
}

.cate24 a::before, .cate24.primary-heading::before {
  background-position: -368px 0;
}

.cate25 a::before, .cate25.primary-heading::before {
  background-position: -384px 0;
}

.cate26 a::before, .cate26.primary-heading::before {
  background-position: -400px 0;
}

.cate27 a::before, .cate27.primary-heading::before {
  background-position: -416px 0;
}

.cate28 a::before, .cate28.primary-heading::before {
  background-position: -432px 0;
}

.cate29 a::before, .cate29.primary-heading::before {
  background-position: -448px 0;
}

.grid-desc {
  margin: 0 8px 16px;
  font-size: 10px;
  line-height: 1.6;
  text-align: left;
}
.grid-desc .is-join {
  color: #f8bbd0;
}
.grid-desc .is-create {
  color: #b2ebf2;
}

.is-join .thumbnail-img {
  box-shadow: inset 0 0 0 4px #f8bbd0;
  border-radius: 50%;
}
.is-create .thumbnail-img {
  box-shadow: inset 0 0 0 4px #b2ebf2;
  border-radius: 50%;
}

.community-header {
  margin-bottom: 32px;
  position: relative;
}
.community-header .basic-prof {
  position: relative;
  overflow: hidden;
  background: url('thumb_bg.png') no-repeat center center #eceff1;
  background-size: cover;
}
.community-header .basic-prof::before, .community-header .basic-prof::after {
  display: block;
  content: "";
}
.community-header .basic-prof::before {
  padding-top: 65%;
}
@media (min-width: 600px) {
  .community-header .basic-prof::before {
    padding-top: 40%;
  }
}
.community-header .basic-prof::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.community-header .btn-space {
  padding: 16px 0;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  z-index: 2;
}

.detail-prop {
  padding: 16px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  position: absolute;
  bottom: 56px;
  left: 0;
  top: 0;
  right: 0;
  color: #fff;
  z-index: 2;
}
.detail-prop .cate {
  margin-bottom: 8px;
  padding-bottom: 14px;
  position: relative;
}
.detail-prop .cate::after {
  width: 30px;
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  background: #fff;
  content: "";
  transform: translateX(-50%);
}
.detail-prop .community-name {
  margin-bottom: 4px;
  width: 100%;
  height: auto;
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}
.detail-prop .member {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}
.detail-prop .newface {
  width: 64px;
  top: -12px;
  left: -24px;
  background: #fff;
  color: #90a4ae;
  line-height: 64px;
  border-radius: 0;
  transform: rotate(-45deg);
}
.detail-prop .is-join,
.detail-prop .is-create {
  margin-left: 8px;
  width: 6px;
  position: relative;
  display: inline-block;
  text-indent: 10px;
  white-space: nowrap;
  vertical-align: bottom;
  overflow: hidden;
}
.detail-prop .is-join::before,
.detail-prop .is-create::before {
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 50%;
  content: "";
  border-radius: 3px;
  transform: translateY(-50%);
}
.detail-prop .is-join::before {
  background: #f8bbd0;
}
.detail-prop .is-create::before {
  background: #b2ebf2;
}

.commu_img {
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  bottom: -50px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}

/*--------------------------------
setting
--------------------------------*/
.mail-address {
  padding: 16px;
  background: #eceff1;
}
.mail-address .address-text {
  margin: 16px 0;
}

.inline-input-wrapper {
  position: relative;
}
.inline-input-wrapper input[type=text] {
  padding-right: 54px;
}
.inline-input-wrapper .submit-btn {
  width: 50px;
  min-width: auto;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 36px;
  border-radius: 18px;
}

.fb-setting {
  padding-top: 16px;
  background: repeating-linear-gradient(-45deg, #f4feff, #f4feff 10px, #fff 10px, #fff 20px);
  border: 1px solid #80cbc4;
}

.switcher .general-parts {
  position: relative;
}

.switch-checkbox input[type=checkbox],
.switch-checkbox input[type=radio] {
  display: none;
}

.legend {
  padding: 0 112px 0 16px;
  height: 50px;
  color: #757575;
  line-height: 50px;
  white-space: pre-wrap;
  overflow: hidden;
}

.switch-label {
  padding: 0;
  width: 104px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 25px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.switch-inner {
  margin-left: -100%;
  width: 200%;
  display: block;
  transition: margin 0.2s ease-in 0s;
}
.switch-checkbox:checked + .switch-label .switch-inner {
  margin-left: 0;
}
.switch-inner::before, .switch-inner::after {
  padding: 0;
  width: 50%;
  height: 50px;
  display: block;
  float: left;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
}
.switch-inner:before {
  padding-left: 16px;
  background-color: #4db6ac;
  content: "ON";
  color: #fff;
}
.switch-inner:after {
  padding-right: 16px;
  background-color: #e0e0e0;
  content: "OFF";
  color: #999;
  text-align: right;
}

.switch-switch {
  margin: 2px;
  width: 44px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  display: block;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 25px;
  transition: all 0.2s ease-in 0s;
}
.switch-checkbox:checked + .switch-label .switch-switch {
  right: 0;
}
.tapped .switch-switch {
  animation: tapBounce 0.3s ease-in-out;
}

.float-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.float-text .note {
  flex: 1 0 55%;
}
@media (min-width: 768px) {
  .float-text .note {
    font-size: 18px;
  }
}
@media (min-width: 600px) {
  .float-text {
    margin-bottom: 40px;
  }
  .general-section .float-text .note {
    margin-bottom: 0;
  }
}

.float-img-wrapper {
  text-align: center;
}
.float-img-wrapper img {
  margin-bottom: 16px;
  width: 100%;
  max-width: 200px;
}
@media (min-width: 600px) {
  .float-img-wrapper {
    width: 232px;
  }
}

/*--------------------------------
search setting
--------------------------------*/
#form_tr_link {
  padding: 4px 0;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100vh - 50px);
  text-align: center;
  z-index: 7;
  letter-spacing: -0.4em;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  #form_tr_link {
    top: calc(100vh - 66px);
  }
}
#form_tr_link a,
#form_tr_link input {
  margin: 0 4px;
  height: 40px;
  display: inline-block;
  content: "";
  vertical-align: middle;
  border: 0;
  letter-spacing: normal;
  opacity: 0;
}
#form_tr_link a {
  margin-left: 0;
  width: 90px;
}
#form_tr_link input[type=submit] {
  width: 145px;
}
@media (max-width: 374px) {
  #form_tr_link input[type=submit] {
    width: 125px;
  }
}
#form_tr_link input[type=reset] {
  margin-right: 0;
  width: 65px;
}

/*--------------------------------
point fee exchange
--------------------------------*/
.flex-list {
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-list .basic-label,
.flex-list .value {
  padding: 0 16px;
}
.flex-list .point-num {
  padding-left: 24px;
  background: url('buy_point.png') no-repeat left center;
  background-size: 20px;
}
.flex-list .like-num {
  padding-left: 24px;
  background: url('rest_like.png') no-repeat left center;
  background-size: 20px;
}

.stock {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.stock.rp_side {
  margin-top: 22px;
}

.product_img {
  position: relative;
  background: #b2ebf2;
  background: linear-gradient(to bottom, #b2ebf2 0%, #e0f7fa 100%);
}
.product_img::before {
  padding-top: 65%;
  content: "";
  display: block;
}
.recommend_plan .product_img {
  background: #f8bbd0;
  background: linear-gradient(to bottom, #f8bbd0 0%, #fde9f0 100%);
}
.recommend_plan .product_img::before {
  padding-top: calc(65% + 24px);
}
@media (min-width: 600px) {
  .fee-list .product_img::before {
    padding-top: 50%;
  }
  .fee-list .recommend_plan .product_img::before {
    padding-top: calc(50% + 24px);
  }
}

.product-icon {
  padding-top: 36px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #455a64;
  text-align: center;
  transform: translate(-50%, -50%);
}
.product-icon span {
  font-size: 18px;
}
.point-list .product-icon {
  background: url('buy_point.png') no-repeat center top;
  background-size: 32px;
}
.exchange-list .product-icon {
  background: url('exchange.png') no-repeat center top;
  background-size: auto 32px;
}
.fee-list .product-icon {
  background: url('fee.png') no-repeat center top;
  background-size: 40px auto;
}
.product-icon .product_name {
  font-size: 10px;
}
.fee-list .product-icon {
  padding-top: 40px;
  font-weight: 600;
}
.fee-list .product-icon .product_name {
  font-weight: 500;
  line-height: 1.4;
}
.fee-list .stock:last-child .product-icon {
  top: calc(50% - 5px);
}
.recommend_plan .product-icon {
  top: calc(50% + 12px);
}

.product_status {
  padding: 4px 8px;
  height: 36px;
  position: relative;
  color: #373531;
  font-feature-settings: "palt";
}
.product_status .product_name,
.product_status .discount {
  color: #999;
  font-size: 10px;
  line-height: 1.4;
}
@media (max-width: 374px) {
  .product_status .product_name,
  .product_status .discount {
    margin-left: -4px;
    transform: scale(0.9);
  }
}
.product_status .discount {
  color: #ec407a;
}
.fee-list .product_status .discount {
  padding-top: 16px;
  width: 48px;
  height: 48px;
  position: absolute;
  top: -12px;
  left: -4px;
  background: url('discount.png') no-repeat center center;
  background-size: 48px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  line-height: 1;
  transform: rotateZ(-5deg) scale(0.9);
}
.trial-plan .product_status {
  height: 48px;
}

.price {
  position: absolute;
  right: 8px;
  top: 50%;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  transform: translateY(-50%);
}
.price span {
  font-size: 22px;
}
.fee-list .price span {
  font-size: 24px;
}
@media (max-width: 374px) {
  .price {
    font-size: 10px;
  }
  .price span {
    font-size: 18px;
  }
  .exchange-list .stock:last-child .price span {
    font-size: 16px;
  }
}
.trial-plan .price {
  font-size: 16px;
}
.trial-plan .price span {
  font-size: 40px;
}

.confirmed {
  padding: 0 8px 8px;
  text-align: center;
}

.stock_odd .chara-box:first-child {
  width: calc(100% - 16px);
}
.stock_odd .chara-box:first-child .product_img::before {
  padding-top: 140px;
}

.recommend_plan .buy {
  background-color: #f06292;
}

.recommended {
  padding: 4px 8px;
  position: absolute;
  top: 0px;
  left: -4px;
  background: #e91e63;
  color: #fff;
  white-space: nowrap;
  font-size: 11px;
  font-feature-settings: "palt";
  transform: rotateZ(-3deg) skew(-3deg);
}

.lead-wrapper {
  padding: 16px;
  position: relative;
  background: linear-gradient(to top left, #b2ebf2 0%, #f9f4ff 50%, #ffdae5 100%);
}

.campaign-paper::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url('campaign-paper.png') no-repeat center;
  background-size: contain;
  content: "";
}

.lead-card {
  margin-bottom: 16px;
  padding: 8px 16px;
  width: 100%;
  max-width: 500px;
  display: inline-block;
  background: #fff;
  border-radius: 12px;
}
.lead-card:last-child {
  margin-bottom: 0;
}

.lead-card-wrapper {
  padding: 16px;
  background: linear-gradient(to bottom, #a6f5ff 0%, #ffd2e8 100%);
  text-align: center;
}

/*--------------------------------
modal
--------------------------------*/
.modal {
  width: 88%;
  max-width: 470px;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 8px;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.modal .close {
  position: absolute;
  top: -15px;
  right: -15px;
}
.modal .btn {
  margin-bottom: 10px;
}
.modal .common-btn {
  margin-left: 0;
}
.modal .btn-space {
  padding: 0 15px 10px;
}
.modal .btn-space ion-icon {
  font-size: 130%;
}
.modal .small-space {
  margin: 0 auto;
  width: 270px;
}
.modal .desc {
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}
.modal .desc::before {
  margin-left: -10px;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  content: "";
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #eceff1 transparent;
}

.modal-inner {
  max-height: 80vh;
  position: relative;
  overflow-y: auto;
  border-radius: 8px;
}
.popform .modal-inner {
  max-height: calc(80vh - 60px);
}

.close {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #90a4ae;
  font-size: 26px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
}
.close:hover {
  color: #fff;
}

.modal-heading {
  margin: 20px 15px;
  color: #455a64;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
}

.matching-title-wrapper {
  padding-top: 45px;
  text-align: center;
}

.matching-title {
  margin-bottom: 8px;
  position: relative;
  font-size: 34px;
  font-family: "Amiri", serif;
  color: #455a64;
  letter-spacing: 0.1em;
  transition: all 1s ease;
  opacity: 0;
  text-align: center;
}
.matching-title::before, .matching-title::after {
  width: 82px;
  height: 66px;
  display: inline-block;
  position: absolute;
  top: -40px;
  background: url('match_paper.png') no-repeat left center;
  background-size: auto 100%;
  content: "";
  transition: all 1s ease;
  opacity: 0;
}
.m_animation .matching-title::before, .m_animation .matching-title::after {
  transform: translateY(10px);
  opacity: 1;
}
.matching-title::before {
  left: -5px;
}
.matching-title::after {
  right: -5px;
  background-position: right center;
}
.m_animation .matching-title {
  opacity: 1;
}

.matching-lead {
  font-size: 17px;
  text-align: center;
}

.summary-group {
  padding: 35px 15px 25px;
  display: flex;
  align-items: center;
}
.rest + .summary-group {
  padding-top: 70px;
}
.summary-group .thumbnail {
  margin: 3px;
  flex: 0 0 25%;
}
.pr-sample .summary-group {
  padding: 0 16px;
}

.eye-catch {
  width: 40%;
}
.eye-catch img {
  width: 100%;
  height: auto;
}

.matching-pair {
  justify-content: center;
}

.center-heart {
  width: 80px;
  font-size: 22px;
  color: #f06292;
  text-align: center;
  transition: all 1.2s ease-out;
  opacity: 0;
}
.m_animation .center-heart {
  width: 42px;
  opacity: 1;
}

.modal-summary {
  margin: 0 8px;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
}
.thumbnail + .modal-summary {
  margin: 0 0 0 16px;
}
.modal-summary span {
  color: #4db6ac;
}
@media (min-width: 768px) {
  .modal-summary {
    font-size: 16px;
  }
}

.rest {
  padding: 8px 5px;
  position: absolute;
  top: 15px;
  right: 15px;
  letter-spacing: -0.4em;
}
.rest .value {
  margin-left: 16px;
  display: inline-block;
  font-size: 20px;
  letter-spacing: normal;
}
.rest .value a {
  color: #757575;
}
.rest .value ion-icon {
  margin-right: 8px;
  color: #cfd8dc;
}
.rest .value .over {
  font-size: 14px;
}

.heading {
  height: 40px;
  background: #f06292;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

.heading-light {
  height: 40px;
  background: #eceff1;
  font-size: 13px;
  font-weight: 600;
  color: #607d8b;
  text-align: center;
  line-height: 40px;
}

.spot {
  height: 50px;
  font-size: 17px;
  color: #0097a7;
  line-height: 50px;
}

.visual {
  margin-bottom: 16px;
}
.visual img {
  width: 100%;
  height: auto;
}

.startup-member {
  padding: 10px 16px;
  min-height: 130px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.startup-member .thumbnail {
  margin: 4px;
  width: 25%;
  max-width: 120px;
}

.member-get-like {
  background: url('startup_like.jpg') no-repeat center top;
  background-size: cover;
}

.member-get-msg {
  background: url('startup_msg.jpg') no-repeat center top;
  background-size: cover;
}

.modal-content {
  margin: 16px 0;
  padding: 0 15px;
  text-align: center;
  line-height: 1.6;
}
.modal-content img {
  width: 100%;
  height: auto;
}

.modal-form {
  margin: 16px 0;
  padding: 0 15px;
}

.conf-prof {
  padding: 50px 15px;
  text-align: center;
}
.conf-prof .thumbnail {
  width: 25%;
  display: inline-block;
}
.conf-prof .caption {
  line-height: 1.7;
}

.msg-balloon {
  margin: 0 15px 30px;
  padding: 16px 20px;
  position: relative;
  background: #eceff1;
  line-height: 1.3;
  border-radius: 8px;
}
.msg-balloon::before {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -12px;
  left: 26px;
  content: "";
  border-style: solid;
  border-width: 0px 0px 14px 14px;
  border-color: transparent transparent #eceff1 transparent;
  transform: skewX(-20deg);
}

#set_prof .action-btn {
  padding-left: 10px;
}

.input-space {
  margin: 0 0 15px;
  padding: 0 15px;
}

.hints-wrapper {
  padding: 0 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.hints-wrapper figure {
  margin-bottom: 16px;
  width: 50%;
}
.hints-wrapper figure img {
  margin: 0 auto;
  width: 100px;
  height: auto;
  display: block;
}
.hints-wrapper figcaption {
  margin: 8px auto 0;
  width: 100px;
  position: relative;
  color: #757575;
  font-size: 11px;
  line-height: 1.3;
}
.hints-wrapper figcaption span {
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
}
.hints-wrapper figcaption .icon-nice {
  color: #4db6ac;
}
.hints-wrapper figcaption .icon-none {
  color: #c62828;
}

.dialog {
  width: calc(100% - 32px);
  max-width: 540px;
  display: none;
  position: fixed;
  top: 74px;
  left: 50%;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 8px;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, calc(-100% - 85px));
  transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  z-index: 7;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .dialog {
    top: 82px;
    transform: translate(-50%, calc(-100% - 93px));
  }
}
.dialog .modal-inner {
  overflow: hidden;
}

.is-show {
  transform: translate(-50%, 0);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.47, 1.18);
}

.modal-lead {
  margin-top: -16px;
  font-size: 10px;
  text-align: center;
  color: #757575;
}

.bonus-wrapper {
  position: relative;
}
.bonus-wrapper .flex-item {
  padding: 24px 16px 24px 24px;
  justify-content: center;
  text-align: center;
  transition: all 270ms ease-in;
}
.bonus-wrapper .flex-item:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(20px, 0);
  transition: all 270ms ease-in 270ms;
  opacity: 0;
}
.bonus-wrapper.next-step .flex-item:nth-child(1) {
  position: relative;
  transform: translate(-30px, 0);
  opacity: 0;
}
.bonus-wrapper.next-step .flex-item:nth-child(2) {
  transform: translate(0, 0);
  opacity: 1;
}

.bonus-item {
  width: 50px;
}
.bonus-item .day {
  font-size: 10px;
  font-weight: 600;
}
.bonus-item .icon-space {
  padding-top: 12px;
  height: 44px;
  color: #f06292;
  font-size: 24px;
}
.bonus-item .value {
  position: relative;
  color: #ec407a;
  font-size: 10px;
  font-weight: 600;
}
.bonus-item .value.get-bonus {
  color: #cfd8dc;
  transition: all 0.4s ease;
}
.bonus-item .value.get-bonus .icon-space {
  color: #cfd8dc;
  transition: all 0.4s ease;
}

.step-arrow {
  padding-top: 10px;
  max-width: 40px;
  flex-grow: 1;
  color: #cfd8dc;
}
.step-arrow:last-child {
  flex-grow: 0.5;
}

.get-icon {
  margin-top: -22px;
  margin-left: -22px;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #607d8b;
  font-size: 16px;
  font-weight: 600;
  font-feature-settings: "palt";
  border: 2px solid;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  letter-spacing: -0.05em;
  transform: rotate(-15deg);
  transition: all 320ms cubic-bezier(0.54, 0, 0.69, 1.43);
}

.before-animation {
  transform: rotate(-10deg) scale(3);
  opacity: 0;
}

/*--------------------------------
empty state
--------------------------------*/
.emptystate {
  margin: 0;
  width: 100%;
  min-height: calc(100vh - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.emptystate .btn {
  margin: 0;
}
.recomme .emptystate, .newcomers-pickup .emptystate {
  margin: 0;
}

.emptycontent {
  padding: 32px 0;
}
.emptycontent::before {
  margin-bottom: 40px;
  height: 100px;
  display: block;
  display: block;
  background: no-repeat center center;
  background-size: contain;
  content: "";
}
.search .emptycontent::before {
  background-image: url('emp_search.png');
}
.recv-like .emptycontent::before, .give-like .emptycontent::before, .guide .emptycontent::before {
  background-image: url('emp_like.png');
}
.visitor .emptycontent::before {
  background-image: url('emp_history.png');
}
.fav .emptycontent::before {
  background-image: url('emp_favorite.png');
}
.approach .emptycontent::before, .recomme .emptycontent::before {
  background-image: url('emp_matching.png');
}
.in-message .emptycontent::before {
  background-image: url('emp_approach.png');
}
.skip-list .emptycontent::before {
  background-image: url('emp_skip.png');
}
.hide-list .emptycontent::before {
  background-image: url('emp_hidden.png');
}
.block-list .emptycontent::before {
  background-image: url('emp_block.png');
}
.newcomers-pickup .emptycontent::before {
  background-image: url('emp_newlist.png');
}
.fee .emptycontent::before {
  background-image: url('emp_fee.png');
}
.exchange .emptycontent::before {
  background-image: url('like_limit.png');
}
.error-page .emptycontent::before {
  background-image: url('emp_error.png');
}
.unsupported .emptycontent::before {
  background-image: url('emp_unsupported.png');
}
.identity .emptycontent::before {
  background-image: url('emp_identity.png');
}
.not-found .emptycontent::before {
  width: 80vw;
  max-width: 500px;
  background-image: url('not-found.png');
}

.text-group {
  margin-bottom: 40px;
}
.text-group p {
  margin-bottom: 16px;
  color: #999;
  font-size: 12px;
  line-height: 1.6;
}

.empty-heading {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}

.support-target {
  margin: 16px 0 40px;
  width: 280px;
  text-align: left;
}

/*--------------------------------
editor
--------------------------------*/
.editor-view {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: #252221;
}

.photo-edit-heading {
  height: 30px;
  position: relative;
  background: #373531;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
}
.photo-edit-heading .help-btn {
  margin-top: 0;
  width: 20px;
  height: 20px;
  right: 10px;
  bottom: auto;
  line-height: 18px;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .photo-edit-heading {
    padding-top: 8px;
    height: 38px;
  }
}

.edit-space {
  width: 100%;
  height: calc(100vh - 80px);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .edit-space {
    height: calc(100vh - 120px);
  }
}

.photo-edit-footer {
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #373531;
  color: #fff;
  line-height: 50px;
  text-align: center;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
  .photo-edit-footer {
    height: 82px;
  }
}

.edit-clear,
.edit-submit {
  padding: 0 16px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  color: #fff;
}

.edit-clear {
  font-size: 14px;
  left: 0;
}

.edit-submit {
  font-size: 16px;
  right: 0;
}

/*--------------------------------
help menu
--------------------------------*/
.help-menu {
  display: none;
}

/*--------------------------------
slick theme
--------------------------------*/
.slick-list {
  overflow: visible;
}

.slick-box,
.ng-list {
  display: none;
}

.slick-dots, .swiper-pagination {
  padding: 0;
  list-style: none;
  text-align: center;
  z-index: 5;
}

.slick-dots li, .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  padding: 0;
  width: 6px;
  height: 6px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.slick-dots li button, .swiper-pagination .swiper-pagination-bullet button {
  width: 6px;
  height: 6px;
  display: block;
  background: rgba(255, 255, 255, 0.3);
  border: 0;
  border-radius: 30px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  outline: none;
}
.slick-dots li.slick-active button, .swiper-pagination .swiper-pagination-bullet.slick-active button {
  background: rgb(255, 255, 255);
}
.slick-dots li.swiper-pagination-bullet-active, .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgb(255, 255, 255);
}

.slick-prev,
.slick-next {
  padding: 0;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 50%;
  background: transparent;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  opacity: 0.8;
  outline: none;
  border: 0;
  cursor: pointer;
  z-index: 3;
  transform: translateY(-50%);
}

.slick-prev {
  width: 20px;
  height: 80px;
  left: 0;
  background: url('arrow_b_l.png') no-repeat center center;
  background-size: 12px;
}

.slick-next {
  width: 20px;
  height: 80px;
  right: 0;
  background: url('arrow_b_g.png') no-repeat center center;
  background-size: 12px;
}

/*--------------------------------
Tooltipster theme
--------------------------------*/
.tooltipster-default {
  border-radius: 5px;
  background: #fff;
  color: #757575;
  border: 1px solid #cfd8dc;
}
.tooltipster-default .tooltipster-content {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.6;
  padding: 6px 10px;
  overflow: hidden;
}
.entry .tooltipster-default .tooltipster-content {
  font-size: 12px;
}
.entry .tooltipster-default {
  background: rgba(37, 34, 33, 0.9);
  color: #fff;
  border: none;
}

.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 7;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}
.entry .tooltipster-arrow-top span,
.entry .tooltipster-arrow-top-right span,
.entry .tooltipster-arrow-top-left span {
  bottom: -8px;
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -8px;
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}
.entry .tooltipster-arrow-bottom span,
.entry .tooltipster-arrow-bottom-right span,
.entry .tooltipster-arrow-bottom-left span {
  top: -8px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -8px;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

.tooltipster-fade {
  opacity: 0;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  opacity: 0;
  transform: scale(0, 0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  opacity: 1;
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/*--------------------------------
nouislider
--------------------------------*/
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  margin: 0 12px;
  height: 100%;
  position: relative;
  z-index: 1;
}
.vertical-slider-outer .noUi-base {
  margin: 0;
}

.noUi-origin {
  position: absolute;
  right: -12px;
  top: 0;
  left: 0;
  bottom: 0;
}
.vertical-slider-outer .noUi-origin {
  right: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-base,
.noUi-handle {
  transform: translate3d(0, 0, 0);
}

.noUi-horizontal {
  height: 4px;
}
.noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  left: -12px;
  top: -10px;
}

.noUi-vertical {
  width: 4px;
}
.noUi-vertical .noUi-handle {
  width: 24px;
  height: 24px;
  left: -10px;
  top: -12px;
}
.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-background {
  background: #eceff1;
}

.noUi-connect {
  background: #80cbc4;
  border-radius: 30px;
  transition: background 450ms;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.noUi-target {
  border-radius: 30px;
}

.noUi-draggable {
  cursor: w-resize;
}

.noUi-handle {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 30px;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #eceff1, 0 3px 6px -3px #cfd8dc;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
  background: #eceff1;
}

[disabled] .noUi-handle,
[disabled].noUi-origin {
  cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  text-align: center;
}

.noUi-value-sub {
  color: #bdbdbd;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #bdbdbd;
}

.noUi-marker-large,
.noUi-marker-sub {
  background: #aaa;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  width: 100%;
  height: 80px;
  top: 100%;
  left: 0;
}

.noUi-value-horizontal {
  transform: translate3d(-50%, 50%, 0);
}
.noUi-value-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-value-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-value-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  padding-left: 25px;
  transform: translate3d(0, -50%, 0);
}
.noUi-value-vertical.noUi-marker {
  margin-top: -1px;
  width: 5px;
  height: 2px;
}
.noUi-value-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-value-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  padding: 5px;
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  text-align: center;
}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  top: -32px;
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  bottom: -32px;
}
.noUi-vertical .noUi-handle-lower .noUi-tooltip {
  left: 120%;
}
.noUi-vertical .noUi-handle-upper .noUi-tooltip {
  left: 120%;
  top: -32px;
}

/*--------------------------------
SweetAlert
--------------------------------*/
.sweet-alert {
  margin-left: -235px;
  margin-top: -200px;
  padding: 16px;
  width: 470px;
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  background-color: #fff;
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
  z-index: 99999;
}
.sweet-alert h2 {
  margin: 24px 0;
  padding: 0;
  display: block;
  position: relative;
  color: #373531;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-transform: none;
  line-height: 1.4;
}
.sweet-alert p {
  margin: 0;
  padding: 0;
  position: relative;
  float: none;
  color: #999;
  font-size: 12px;
  text-align: inherit;
  line-height: 1.4;
}
.sweet-alert .confirm {
  margin: 16px auto 0;
  padding: 0 16px;
  min-width: 120px;
  height: 40px;
  display: block;
  background-color: #4db6ac !important;
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  box-shadow: none;
}
.sweet-alert .confirm:focus {
  outline: 0;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert .confirm:hover {
  background-color: #5fbdb4;
}
.sweet-alert .confirm:active {
  background-color: #3c948b;
}
.sweet-alert .confirm::-moz-focus-inner {
  border: 0;
}
.sweet-alert .cancel {
  margin: 16px auto 0;
  padding: 0;
  min-width: 120px;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
}
.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px;
}
.sweet-alert .sa-icon {
  margin: 20px auto;
  padding: 0;
  width: 80px;
  height: 80px;
  position: relative;
  box-sizing: content-box;
  border: 4px solid gray;
  border-radius: 50%;
}
.sweet-alert .sa-icon.sa-error {
  border-color: #e53935;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
  height: 5px;
  width: 47px;
  display: block;
  position: absolute;
  top: 37px;
  background-color: #e53935;
  border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  left: 17px;
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  right: 16px;
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success {
  border-color: #80cbc4;
}
.sweet-alert .sa-icon.sa-success::after, .sweet-alert .sa-icon.sa-success::before {
  width: 60px;
  height: 120px;
  position: absolute;
  background: #fff;
  content: "";
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
  top: -7px;
  left: -33px;
  border-radius: 120px 0 0 120px;
  transform: rotate(-45deg);
  transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
  top: -11px;
  left: 30px;
  border-radius: 0 120px 120px 0;
  transform: rotate(-45deg);
  transform-origin: 0 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  position: absolute;
  left: -4px;
  top: -4px;
  box-sizing: content-box;
  border: 4px solid rgba(134, 220, 148, 0.2);
  border-radius: 50%;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  position: absolute;
  left: 28px;
  top: 8px;
  background-color: #fff;
  transform: rotate(-45deg);
  z-index: 1;
}
.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  display: block;
  position: absolute;
  background-color: #80cbc4;
  border-radius: 2px;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  border-radius: 0;
}

@media all and (max-width: 540px) {
  .sweet-alert {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    left: 15px;
    right: 15px;
  }
}
.sweet-btn-space {
  margin: 16px auto 0;
  width: 240px;
}

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
.showSweetAlert {
  animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
  animation: none;
}

.hideSweetAlert {
  animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
  animation: none;
}

@keyframes animateSuccessTip {
  0%, 54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessLong {
  0%, 65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes rotatePlaceholder {
  0%, 5% {
    transform: rotate(-45deg);
  }
  100%, 12% {
    transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  animation: rotatePlaceholder 4.25s ease-in;
}

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  animation: animateErrorIcon 0.5s;
}

@keyframes animateXMark {
  0%, 50% {
    margin-top: 26px;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -6px;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
.animateXMark {
  animation: animateXMark 0.5s;
}

.clearfix {
  display: inline-table;
  min-height: 1%;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* Hides from IE-mac \*/
.clearfix {
  display: block;
}

/* End hide from IE-mac */
/*--------------------------------
preload
--------------------------------*/
.preload * {
  transition: none !important;
}

/*--------------------------------
20210407
--------------------------------*/
.like-ct-label {
  width: 28px;
  line-height: 28px;
  position: absolute;
  top: 6px;
  right: 6px;
  bottom: 6px;
  background: #fff;
  color: #f06292;
  border-radius: 7px;
  font-size: 12px;
  box-sizing: border-box;
  text-align: center;
}
.modal .like-ct-label {
  width: 33px;
  line-height: 33px;
}
.list .like-ct-label {
  width: 32px;
  line-height: 20px;
  top: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 4px;
}
.prof_body .like-ct-label {
  width: 42px;
  line-height: 42px;
  top: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .list .like-ct-label {
    width: 28px;
    line-height: 28px;
    top: 6px;
    right: 6px;
    bottom: 6px;
  }
}

.user-rank {
  padding: 0 0 0 16px;
  color: #f06292;
  background: url('rest_like.png') no-repeat left;
  background-size: 14px;
  font-size: 14px;
}

.like {
  position: relative;
}

#message_entry textarea {
  padding: 4px;
}

.modal-summary-txt {
  margin: 0 8px 8px 8px;
  padding: 8px;
  line-height: 18px;
  flex-grow: 1;
  text-align: center;
  border: 1px solid #80cbc4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.summary-group .modal-summary-txt {
  margin: 0 0 -16px 0;
}
.modal-summary-txt span {
  color: #373531;
}

.required-like {
  padding: 0 4px;
  line-height: 20px;
  background: #f06292;
  border-radius: 10px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: #fff;
  position: absolute;
  top: -10px;
  right: -4px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.required-like ion-icon {
  font-size: 12px;
  color: #fff;
}

.btn-label {
  padding: 0 0 8px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-label input[type=checkbox] {
  margin: 0 4px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #757575;
  display: block;
  border-radius: 2px;
  box-sizing: border-box;
}
.btn-label input[type=checkbox]:checked {
  border: 1px solid #455a64;
  background: #4db6ac;
}

.modal-summary-like {
  margin: 4px 0 0 0;
  padding: 0 16px;
  line-height: 20px;
  border-radius: 10px;
  background: #e0f7fa;
  font-size: 14px;
}
.modal-summary-txt .modal-summary-like {
  color: #455a64;
}
.modal-summary-like span {
  color: #455a64;
}

.button, .button-solid, .button-native {
  margin: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  box-shadow: none;
  --padding-top: 0;
  --padding-start: 0;
  --padding-end: 0;
  --padding-bottom: 0;
  --background: none;
  --background-activated-opacity: 0;
  --background-focused-opacity: 0;
  --background-hover-opacity: 0;
  --box-shadow: none;
  --border-width: 0;
}
.regist-parts .button, .regist-parts .button-solid, .regist-parts .button-native {
  margin: 12px 0 0 0;
}

ion-header ion-menu-button {
  height: 24px;
}
ion-header ion-buttons {
  flex-flow: column wrap;
  justify-content: center;
  color: #999;
}
ion-header ion-icon {
  color: #999;
}

.custom-menu {
  --width: 100%;
}

.list {
  margin: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 10px;
  box-shadow: none;
  --padding-top: 0;
  --padding-start: 0;
  --padding-end: 0;
  --padding-bottom: 0;
  --background: none;
  --background-activated-opacity: 0;
  --background-focused-opacity: 0;
  --background-hover-opacity: 0;
  --box-shadow: none;
}

.slide-inner {
  width: 100%;
  height: 100%;
}

ion-popover {
  --width: auto;
  --height: 50px;
  --background: rgba(0, 0, 0, .75);
  --backdrop-opacity: .5;
  border-radius: 0;
  border: 0;
}

.popover-inner {
  padding: 0 8px;
  height: 50px;
  line-height: 1em;
  color: white;
  text-align: left;
  font-size: 0.7rem;
  top: 0;
  display: flex;
  align-items: center;
}

ion-back-button {
  --color: #999;
}

.notification-toggle {
  margin: 0;
  padding: 0;
  width: 104px;
  height: 48px;
  --border-radius: 40px;
  --handle-width: 20px;
  --handle-height: 20px;
  --handle-border-radius: 50%;
  --background: #e9e9e9;
  --background-checked: #4db6ac;
  --handle-background-checked: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
.notification-toggle::before, .notification-toggle::after {
  width: 48px;
  position: absolute;
  top: 0;
  font-size: 14px;
  line-height: 48px;
  text-align: center;
  z-index: 2;
}
.notification-toggle::before {
  content: "";
  right: 20px;
  color: #999;
}
.notification-toggle::after {
  content: "";
}

.notification-toggle.toggle-checked::before {
  content: "";
}
.notification-toggle.toggle-checked::after {
  content: "";
  right: 100px;
  color: #999;
}

.radio-toggle {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 44px;
  border: 1px solid #4db6ac;
  border-radius: 6px;
  box-shadow: none;
  color: #4db6ac;
  --border-radius: 5px;
  --handle-width: 50%;
  --handle-height: 44px;
  --handle-spacing: 0;
  --handle-border-radius: 0;
  --handle-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --background: #fff;
  position: relative;
  overflow: hidden;
}
.radio-toggle ion-segment-button {
  margin: 0;
  --margin-end: 0;
  --margin-start: 0;
  --border: 0;
  --border-radius: 0;
  --border-width: 0;
  --indicator-color: #4db6ac;
  --indicator-box-shadow: none;
  --color-checked: #fff;
  --background: #fff;
  --background-checked: #4db6ac;
  font-size: 1.2em;
}

/* アラート */
.thumbnail-alert, .notify-alert, .error-alert {
  --width: 88%;
  --max-width: 470px;
}
.thumbnail-alert .alert-button-group, .notify-alert .alert-button-group, .error-alert .alert-button-group {
  padding: 0 16px 16px;
  text-align: center;
  flex-wrap: wrap;
}
.thumbnail-alert .alert-button-group .action-btn, .notify-alert .alert-button-group .action-btn, .error-alert .alert-button-group .action-btn {
  max-width: 100%;
}
.thumbnail-alert .alert-button-group .bottom-margin, .notify-alert .alert-button-group .bottom-margin, .error-alert .alert-button-group .bottom-margin {
  margin: 0 0 16px;
}
.thumbnail-alert .alert-button-group .alert-button.sc-ion-alert-ios:last-child, .notify-alert .alert-button-group .alert-button.sc-ion-alert-ios:last-child, .error-alert .alert-button-group .alert-button.sc-ion-alert-ios:last-child {
  font-weight: normal;
}
.thumbnail-alert .confirm, .notify-alert .confirm, .error-alert .confirm {
  margin: 16px auto 0;
  padding: 0 16px;
  min-width: 120px;
  height: 40px;
  display: block;
  background-color: #4db6ac !important;
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  text-align: center;
}
.thumbnail-alert .confirm:focus, .notify-alert .confirm:focus, .error-alert .confirm:focus {
  outline: 0;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.thumbnail-alert .confirm:hover, .notify-alert .confirm:hover, .error-alert .confirm:hover {
  background-color: #5fbdb4;
}
.thumbnail-alert .confirm:active, .notify-alert .confirm:active, .error-alert .confirm:active {
  background-color: #3c948b;
}
.thumbnail-alert .confirm::-moz-focus-inner, .notify-alert .confirm::-moz-focus-inner, .error-alert .confirm::-moz-focus-inner {
  border: 0;
}
.thumbnail-alert .confirm .alert-button-inner.sc-ion-alert-md, .notify-alert .confirm .alert-button-inner.sc-ion-alert-md, .error-alert .confirm .alert-button-inner.sc-ion-alert-md {
  justify-content: center;
}

.thumbnail-alert .alert-button-role-cancel, .notify-alert .alert-button-role-cancel {
  margin: 0;
  padding: 0;
  width: 32px;
  min-width: auto;
  height: 32px;
  border: 0;
  background: url('close.svg') no-repeat center/24px;
  color: #666;
  font-size: 1em;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
.thumbnail-alert .alert-button-role-cancel .alert-button-inner, .notify-alert .alert-button-role-cancel .alert-button-inner {
  padding: 200% 0 0 0;
  display: block;
}
.thumbnail-alert .alert-button-inner, .notify-alert .alert-button-inner {
  justify-content: center;
}

.thumbnail-alert .alert-message {
  padding: 0 16px 16px;
}
.thumbnail-alert .desc {
  margin: 0;
  padding: 10px;
  text-align: left;
  position: relative;
}
.thumbnail-alert .desc::before {
  margin: 0 auto;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  content: "";
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #eceff1 transparent transparent transparent;
}
.thumbnail-alert .summary-group {
  padding: 0 0 8px;
}
.thumbnail-alert .action-btn {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 18px;
  border-radius: 8px;
  color: #fff;
  line-height: 1;
}
.thumbnail-alert .hide-btn {
  background-color: #90a4ae;
  border-radius: 8px;
}
.thumbnail-alert .like {
  background: url('btn_like.png') no-repeat 10px center #f06292;
  background-size: 27px;
}
.thumbnail-alert .look {
  background: url('btn_look.png') no-repeat 10px center #f9a825;
  background-size: 27px;
}
.thumbnail-alert .thanks {
  background: url('btn_like.png') no-repeat 10px center #f06292;
  background-size: 27px;
}
.thumbnail-alert .message-like {
  background: url('btn_m-like.png') no-repeat 10px center #ff7b74;
  background-size: 27px;
}
.thumbnail-alert .btn-badge {
  margin: -10px -10px -10px auto;
  padding: 0 8px;
  width: auto;
  max-width: 50%;
  min-width: auto;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  background: #e91e63;
  color: #fff;
  font-size: 0.9em;
  font-weight: normal;
  border-radius: 10px;
  border: 0;
  z-index: 2;
}
.thumbnail-alert .rest {
  padding: 0 0 8px;
  position: relative;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
}
.thumbnail-alert .rest-like {
  padding: 0 16px 0 0;
}
.thumbnail-alert .rest-like a {
  display: flex;
  align-items: center;
}

.error-alert {
  text-align: center;
}
.error-alert .alert-message.sc-ion-alert-md, .error-alert .alert-input-group.sc-ion-alert-md {
  padding: 0 16px;
}
.error-alert .alert-icon {
  margin: 0 auto;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  border: 4px solid #666;
  position: relative;
  opacity: 0;
  animation: show-alert-icon 0.3s ease 0.1s forwards;
}
.error-alert .alert-error {
  border-color: #e53935;
}
.error-alert .alert-error::before, .error-alert .alert-error::after {
  margin: auto;
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e53935;
  opacity: 0;
  animation: grow-border 0.3s ease 0.2s forwards;
  transform-origin: center;
  border-radius: 2px;
}
.error-alert .alert-error::before {
  transform: rotate(45deg);
}
.error-alert .alert-error::after {
  transform: rotate(-45deg);
}
@keyframes show-alert-icon {
  0% {
    transform: scale(1, 0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes grow-border {
  0% {
    width: 4px;
    opacity: 0;
  }
  100% {
    width: 44px;
    opacity: 1;
  }
}
.error-alert .alert-label {
  padding: 16px 0;
  font-size: 1.2em;
  font-weight: 500;
}
.error-alert .alert-txt {
  font-size: 0.9em;
}

.alert-checkbox-group.sc-ion-alert-md {
  border-top: 0;
  border-bottom: 0;
}

.alert-checkbox-label.sc-ion-alert-md {
  color: #aaaaaa;
  padding-inline-start: 34px;
  font-size: 14px;
}

.no-btn .alert-message {
  padding: 0 16px;
}
.no-btn .summary-group {
  padding: 0;
}

.form-border {
  margin: 0 auto;
  width: 100%;
  height: 2px;
  background: #ddd;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin: center;
}

input:focus + .form-border::after {
  margin: 0 auto;
  width: 0%;
  height: 2px;
  content: "";
  background: #80cbc4;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  transform-origin: center;
  animation: fade-border 0.3s ease 0.1s forwards;
}

.has-focus input {
  --padding-start: 0;
}
.has-focus + .form-border::after {
  margin: 0 auto;
  width: 0%;
  height: 2px;
  content: "";
  background: #80cbc4;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  transform-origin: center;
  animation: fade-border 0.3s ease 0.1s forwards;
}

@keyframes fade-border {
  0% {
    width: 0%;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
super-tabs-toolbar:after {
  background: transparent;
}

.pr-modal .alert-head {
  padding: 0;
}
.pr-modal .alert-message {
  padding: 0;
  max-height: 80vh;
}
.pr-modal .alert-wrapper {
  width: 88%;
  max-width: 470px;
  background: #fff;
  border-radius: 8px;
}
.pr-modal .close {
  position: absolute;
  top: 8px;
  right: 8px;
}

#content_body h2 {
  display: block;
  font-size: 18px;
  color: #276270;
  font-weight: 500;
  line-height: 1.7em;
}

#content_body h3 {
  display: block;
  color: #276270;
  font-size: 18px;
  border-left: 4px solid #276270;
  padding: 5px 10px;
  font-weight: 500;
}

.sq-thumbnail {
  position: relative;
  overflow: hidden;
  background: url('thumb_bg.png') no-repeat center center/cover #f8f8f8;
}
.sq-thumbnail::before {
  padding-top: 100%;
  content: "";
  display: block;
}
.sq-thumbnail .thumbnail_img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: 100%;
  overflow: hidden;
}
.sq-thumbnail .thumbnail_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* リスト表示 */
.list_body {
  background: #f8f8f8;
}

.chara_list {
  position: relative;
  background: #fff;
  margin: 0 0 13px;
  border: 1px solid #ddd;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s 0.3s ease-in-out;
}

.chara_list .section {
  position: relative;
  padding: 10px 0;
}

.chara_list .thumbnail {
  max-width: 500px;
  width: 100%;
  border-radius: 0;
  padding: 0;
  float: none;
  box-sizing: border-box;
}

.chara_list .thumbnail .thumbnail_img {
  border-radius: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chara_list a {
  color: #232b2b;
}

.chara_list .msg-ok {
  top: 10px;
  left: 6px;
}

.basic_profile {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 60%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.prop_layer {
  padding: 0 10px 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.prof_line {
  color: #fff;
  line-height: 1;
  margin-bottom: 7px;
}

.prof_line li {
  display: inline-block;
  margin-right: 7px;
  vertical-align: baseline;
  font-size: 16px;
}

.prof_line li:last-of-type {
  margin-right: 0;
}

.prof_line .online {
  padding: 0 6px 0 0;
  font-size: 11px;
}

.prof_line .offline {
  font-size: 11px;
  color: #fff;
  padding: 0 8px;
  display: none;
}

.prof_line .short_span, .prof_line .long_span {
  display: inline-block;
}

.prof_line .compa span {
  display: flex;
  align-items: center;
  color: #fc798c;
}
.prof_line .like_get {
  padding: 0 0 0 8px;
}
.prof_line .like_get span {
  display: flex;
  align-items: center;
  color: #87c5de;
}
.prof_line .like_get span ion-icon {
  color: #f8bbd0;
}
.prof_line ion-icon {
  margin: 0 4px 0 0;
  font-size: 1em;
}

.sub_photo i {
  font-size: 12px;
  margin-right: 5px;
}

.chara_list .newface {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  margin-right: 0;
  top: 10px;
  right: 6px;
  left: auto;
}

.chara_list .like_space {
  width: 100%;
  max-width: 500px;
  margin: 10px auto;
  padding: 0 10px;
  box-sizing: border-box;
  clear: both;
  position: relative;
  display: -webkit-box;
  -webkit-box-pack: center;
  display: -webkit-flex;
  -webkit-justify-content: center;
  display: flex;
  justify-content: center;
}

.chara_list .like_space a {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  width: 100%;
}

.chara_list .like_space a.like {
  max-width: 320px;
}

.chara_list .like_space a.skip_btn {
  width: 60%;
  margin-right: 2%;
}

.profile_list {
  padding: 5px 0 0 10px;
  margin-bottom: 10px;
}

.profile_list li {
  display: inline-block;
  font-weight: 500;
  text-align: left;
  color: #999;
  font-size: 12px;
  margin-right: 10px;
}

.profile_list li span {
  display: inline-block;
  color: #276270;
  font-size: 14px;
}

.get_card.clearfix {
  position: relative;
  min-height: 437px;
  min-height: calc(100vh - 147px);
  box-sizing: border-box;
}

.above_list {
  position: absolute;
  top: 13px;
  left: 10px;
  right: 10px;
  z-index: 7;
}

.get_card .chara_list:not(:last-child) {
  transform: translate(4px, 4px);
}

.get_card .chara_list.isForward {
  transform: translate(0, 0);
}

.get_card .profile_list {
  height: 46px;
  overflow: hidden;
}

.toMatchingList {
  transform: translate(80px, 50vh) scale(0.3);
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.toSkipList {
  transform: translate(-200px, 0) scale(0.8);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

@media screen and (min-width: 530px) {
  .chara_list .thumbnail {
    max-width: 350px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .profile_list {
    padding: 5px 0 10px 360px;
  }
  .profile_list li span {
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom;
  }
  .get_card .profile_list {
    height: auto;
    overflow: visible;
  }
}
/* profile */
#content_body.prof_content {
  padding: 0;
  text-align: left;
}

#content_body.prof_bottom_padding {
  padding-bottom: 60px;
}

.prof_body {
  padding: 10px 0;
  background: #f8f8f8;
}

#face, #my_status, #my-access, #detail_prof, #join_community, #introduction, #check_prof, #ans_like {
  background: #fff;
  margin-bottom: 13px;
  position: relative;
}

#my-status {
  margin: 0 -10px 13px 0;
  position: relative;
}

#next-like {
  background: #fff;
  position: relative;
}

.prof_body .inner {
  padding: 10px 0px;
}

#content_body .prof_body h2 {
  margin-bottom: 10px;
}

#content_body .prof_body #my-tweets h2 {
  margin-bottom: 0;
  position: absolute;
  bottom: 10px;
}

#content_body h2 span {
  font-size: 12px;
}

#setting_btn {
  margin-bottom: 10px;
}

#setting_btn a {
  display: block;
  height: 100%;
  line-height: 50px;
  text-align: center;
  color: #276270;
  border: 1px solid #4e8c9b;
  background: url('btn_anslike.png') no-repeat 10px center;
  background-size: 25px;
  border-radius: 5px;
}

.editor {
  display: none;
}

#my_status .thumbnail {
  float: left;
  width: 40%;
  max-width: 300px;
  overflow: visible;
}

#my_status .thumbnail .m_sign {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 1;
}

#my_status .property {
  float: left;
  width: 55%;
}

#my_status ul {
  margin: 20px 0 0 15px;
  font-size: 16px;
}

#my_status .HN {
  display: block;
}

#my_status .area {
  display: inline-block;
  padding: 0 10px 0 0;
}

#my_status .age {
  display: inline-block;
}

#prof_rate {
  text-align: center;
  font-size: 11px;
  margin: 0 0 0 15px;
  white-space: nowrap;
}

#prof_rate span {
  font-size: 16px;
  color: #5fc9bc;
  padding-left: 5px;
}

#prof_rate .meter {
  border: 1px solid #84d8d1;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  text-align: left;
}

#prof_rate .progress {
  height: 8px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: #a2d7eb;
  border-radius: 4px 0 0 4px;
}

#my-tweets {
  margin-top: 10px;
}

#my-tweets p {
  margin: 5px 0;
  border: 1px solid #ddd;
  padding: 5px 10px;
  position: relative;
  z-index: 4;
  background: #fff;
  position: relative;
}

#my-tweets p::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 53px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #fff transparent;
  z-index: 5;
}

#my-tweets p::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 54px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #ddd transparent;
  z-index: 4;
}

.detail_submit {
  text-align: center;
}

.detail_submit a, .detail_submit input {
  border-radius: 5px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  border: 0;
}

.detail_submit .cancel {
  background: #aaa;
  color: #fff;
  width: 80px;
}

.detail_submit input {
  padding: 0;
  background: #4ec1b3;
  color: #fff;
  width: 150px;
}

#content_body #my-status h2 {
  font-size: 10px;
  line-height: 1.5em;
}

#my-status > div {
  float: left;
  width: 33%;
}

#my-status > div:nth-child(3) {
  width: 34%;
}

#my-status h2 {
  white-space: nowrap;
}

#my-status section {
  margin-right: 10px;
  text-align: center;
  padding: 5px 0 20px 0;
  position: relative;
  z-index: 1;
}

#my-status section::after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #fc798c transparent;
}

.restLike section {
  border: 1px solid #fc798c;
  background: #fff5f7;
}

.restPoint section {
  border: 1px solid #ffea00;
  background: #fffede;
}

.restStatus section {
  border: 1px solid #4e8c9b;
  background: #ffffff;
}

#my-status .restPoint section::after {
  border-color: transparent transparent #ffea00 transparent;
}

#my-status .restStatus section::after {
  border-color: transparent transparent #4e8c9b transparent;
}

.restLike a, .restStatus a {
  color: #5fc9bc;
}

.restPoint a {
  color: #eebe00;
}

.restLike a {
  color: #fc798c;
}

.rest_status {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #f8f8f8;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  margin: 5px 0;
  white-space: nowrap;
  position: relative;
}

.rest_status a {
  display: block;
  height: 100%;
  text-decoration: none;
  color: #276270;
}

.user-rank {
  line-height: 20px;
  white-space: nowrap;
}

.num {
  line-height: 20px;
  font-size: 18px;
  position: relative;
  padding-left: 23px;
  white-space: nowrap;
}

.restPoint .num {
  background: url('buy_point.png') no-repeat 10px center;
  background-size: 20px;
}

.restLike .num {
  background: url('rest_like.png') no-repeat 10px center;
  background-size: 20px;
}

#face #select_photo {
  padding-bottom: 5px;
}

#face #select_photo li a {
  display: block;
}

#face #select_photo li .photo_edit {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  border: 1px solid #4e8c9b;
  color: #276270;
  font-size: 10px;
  text-align: center;
  padding-top: 60%;
  background: url('btn_photo.png') no-repeat center 5px #fff;
  background-size: 25px auto;
}

#face #select_photo .sq-thumbnail {
  width: 90%;
  max-width: 100px;
  margin: 0 auto;
}

#select_photo .m_sign {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 45px;
  margin: 0 auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.get_photoReq {
  position: absolute;
  right: -5px;
  top: -5px;
  width: 40px;
  height: 40px;
  background: url('photo_req.png') no-repeat center center #ff90a1;
  border-radius: 20px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-size: 100%;
}

#sub-thumb {
  position: relative;
}

#sub-thumb .pager a {
  margin-top: -15px;
}

#sub-thumb .pager .prev {
  position: absolute;
  top: 50%;
  left: -5px;
}

#sub-thumb .pager .next {
  position: absolute;
  top: 50%;
  right: -5px;
}

#sub-thumb .pager a {
  width: 25px;
  height: 25px;
  border-radius: 15px;
  color: #276270;
  display: block;
  border: 1px solid #4e8c9b;
  box-sizing: border-box;
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
}

#introduction p {
  margin: 10px 10px;
  font-size: 1.15em;
  line-height: 1.5em;
  color: #444;
}

.join_list {
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
  word-break: break-word;
  margin: 0 3px;
}

.community_box .join_list {
  width: 33%;
  float: left;
  padding-bottom: 10px;
  min-height: 130px;
  margin: 0;
}

.community_box .join_list .thumbnail {
  margin: 0 auto;
  max-width: 80px;
}

.community-list .join_list {
  margin: 0 8px 20px;
  width: calc(33.3333333333% - 16px);
  position: relative;
}
@media (min-width: 600px) {
  .community-list .join_list {
    margin: 0 12px 20px;
    width: calc(16.6666666667% - 24px);
  }
}
.community-list .join_list .thumbnail_img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: 100%;
  overflow: hidden;
}
.community-list .join_list .thumbnail_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#join_community h3 {
  margin-bottom: 10px;
}

#join_community .pager {
  height: 25px;
  position: relative;
  clear: both;
}

#join_community .pager a {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 15px;
  color: #276270;
  border: 1px solid #4e8c9b;
  box-sizing: border-box;
  text-align: center;
}

#join_community .pager .prev {
  position: absolute;
  top: 0;
  left: 0;
}

#join_community .pager .next {
  position: absolute;
  top: 0;
  right: 0;
}

.pager a i {
  line-height: 23px;
}

.reviewThumb .thumbnail_img {
  opacity: 0.6;
}

#join_community .defult {
  padding: 10px 5px;
}

/* 相手のプロフィールいいねボタン周り */
.prof_body .like_space {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.prof_body .like_space a {
  height: 50px;
  line-height: 50px;
  background-size: 24px;
  display: inline-block;
  width: 60%;
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
}

.prof_body .like_space a.after-look {
  line-height: 46px;
}

.prof_body .like_space a.look, .prof_body .like_space a.after-look, .prof_body .like_space a.to_message, .prof_body .like_space a {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

.bottom-fix {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
  padding: 10px 10px 40px;
  background: rgba(255, 255, 255, 0.9);
}

/* 相手のプロフィール写真 */
#big_photo {
  overflow: hidden;
  position: relative;
}

#main_photo .sq-thumbnail::before {
  padding-top: calc(100% - 24px);
}

@media screen and (min-width: 801px) {
  #big_photo {
    width: 75%;
    max-width: 600px;
  }
  #semi_photo {
    position: absolute;
    top: 0;
    left: 600px;
    width: 40%;
    max-width: 200px;
  }
  #semi_photo #select_photo {
    padding-bottom: 0px;
  }
  #semi_photo .slick-list {
    overflow: hidden;
  }
  #main_photo .sq-thumbnail::before {
    padding-top: 100%;
  }
}
@media screen and (max-width: 800px) and (min-width: 400px) {
  #big_photo {
    width: 80%;
  }
  #semi_photo {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
  }
  #semi_photo #select_photo {
    padding-bottom: 0px;
  }
  #semi_photo .slick-list {
    overflow: hidden;
  }
  #main_photo .sq-thumbnail::before {
    padding-top: 100%;
  }
}
@media screen and (max-width: 399px) {
  #big_photo {
    width: 100%;
  }
  #semi_photo {
    padding: 0 0 13px;
    position: relative;
  }
  #semi_photo #select_photo {
    padding-bottom: 13px;
  }
  #semi_photo #select_photo .sq-thumbnail {
    width: 90%;
    max-width: 100px;
    margin: 0 auto;
  }
}
#big_photo .prop_layer {
  padding: 0 20px 5px;
}

#main_photo {
  width: 400%;
}

#main_photo li, #main_photo figure {
  float: left;
  width: 25%;
  position: relative;
}

#main_photo figure:nth-of-type(n+4) {
  display: none;
}

#main_photo .sq-thumbnail .thumbnail_img {
  background-size: cover;
}

#tweet {
  border: 1px solid #ddd;
  padding: 10px 10px;
  font-size: 12px;
  position: relative;
  z-index: 4;
  background: rgba(255, 255, 255, 0.5);
  margin-bottom: 13px;
  color: #111;
  border-radius: 10px;
}
@media (min-width: 600px) {
  #tweet {
    width: 78%;
  }
}

#tweet::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 13px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #fff transparent;
  z-index: 5;
}

#tweet::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 14px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #ddd transparent;
  z-index: 4;
}

#semi_photo .pager a {
  width: 25px;
  height: 25px;
  border-radius: 15px;
  color: #276270;
  display: block;
  border: 1px solid #4e8c9b;
  box-sizing: border-box;
  text-align: center;
}

.img-file-view {
  display: none;
  margin-bottom: 10px;
}

.img-file-view .sq-thumbnail {
  width: 100px;
}

.img-file-view .sq-thumbnail::before {
  padding: 0;
}

#msg-ok, .msg-ok {
  position: absolute;
  bottom: 67px;
  left: 19px;
  font-size: 10px;
  background: rgba(252, 121, 140, 0.7);
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  z-index: 5;
}

#msg-ok.msg-ng, .msg-ng {
  display: none;
}

#select_photo .active .thumbnail_img {
  border: 1px solid #84d8d1;
}

#report_display {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 7px;
  padding: 5px 15px 5px 30px;
  display: block;
  background: url('icon_report_red@3x.png') no-repeat 10px 9px rgba(255, 246, 246, 0.9);
  font-size: 12px;
  z-index: 5;
  color: #ff5454;
  text-align: center;
  border-radius: 18px;
  background-size: 15px auto;
}

.last_access {
  background-color: rgba(0, 0, 0, 0.6);
  height: 24px;
  line-height: 24px;
}

.last_access.online {
  color: #a8fff8;
  background-color: transparent;
}

/*
.offline::before {
  display: block;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #aaa;
  border-radius: 3px;
  top: 50%;
  left: 8px;
  margin-top: -3px;
}
*/
.short_span::before {
  background-color: #7ce06e;
}

.long_span::before {
  background-color: #ffe228;
}

/* 質問付きいいねの回答 */
#ans_like h3 {
  margin-bottom: 10px;
}

#ans_like h4 {
  font-size: 12px;
  color: #999;
  font-weight: 500;
  padding: 0 10px;
}

#ans_like p {
  padding: 6px 15px 15px 15px;
  border-bottom: 1px solid #eee;
  color: #276270;
  margin-bottom: 10px;
}

#ans_like p:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

#ans_like .inner {
  padding-bottom: 0;
}

/* 共通設定 */
#wrap {
  overflow: hidden;
}

#content {
  background-color: #fff;
  position: relative;
}

article {
  min-height: 300px;
}

.thumbnail {
  background: url('thumb_bg.png') no-repeat center center #f8f8f8;
  background-size: cover;
  padding: 5px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}

.thumbnail::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.sq-thumbnail {
  position: relative;
  overflow: hidden;
  background: url('thumb_bg.png') no-repeat center center #f8f8f8;
  background-size: cover;
}

.sq-thumbnail::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.thumbnail .thumbnail_img {
  border-radius: 50%;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background-size: cover;
  -webkit-background-size: cover;
  background-position: center center;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
}

.sq-thumbnail .thumbnail_img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  -webkit-background-size: cover;
  background-position: center center;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
}

.like_space a {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.submit_space a, .submit_space input, .e-cancel a {
  display: block;
  height: 100%;
  text-align: center;
  font-size: 16px;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.like_space a.like, .submit_space a.like, .like_space a.thanks, .like_space a.ans-like, .like_space a.free_like, .like_space a.msg_like {
  background: url('btn_like.png') no-repeat 10px center #fc798c;
  color: #fff;
  background-size: 20px 20px;
}

.like_space a.message-like {
  background: url('btn_m-like.png') no-repeat 10px center #ff7b74;
  color: #fff;
  background-size: 20px 20px;
}

.like_space a.look {
  background: url('btn_look.png') no-repeat 10px center #ffc416;
  color: #fff;
  background-size: 20px 20px;
}

.like_space a.look_message {
  background: url('btn_look_message.png') no-repeat 10px center #ffc416;
  color: #fff;
  background-size: 20px;
  font-size: 17px;
  text-indent: 20px;
}

.like_space a.to_message {
  background: url('btn_msg_w.png') no-repeat 10px center #4ec1b3;
  color: #fff;
  background-size: 20px 20px;
}

.chara_box .like_space a.look {
  text-indent: 10px;
}

.chara_box .like_space a.to_message {
  text-indent: 15px;
}

.chara_box .like_space a.thanks {
  text-indent: 15px;
}

.like_space a.after-look {
  border: 2px solid #ffc416;
  color: #fdca06;
  box-shadow: none;
  cursor: default;
  box-sizing: border-box;
  border-radius: 0;
  font-weight: 800;
}

.like_space .in-review {
  color: #bbb;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}

.like_space a.in-review {
  background: #efefef;
}

.chara_box .like_space a.after-look {
  font-size: 16px;
  line-height: 36px;
}

.like_space a.joined {
  background: #4ec1b3;
  color: #fff;
}

.like_space a.ok, .submit_space a.ok {
  background: #4ec1b3;
  color: #fff;
}

.submit_space a.cancel {
  background: #aaa;
  color: #fff;
}

.like_space a.exit {
  background: transparent;
  border: 1px solid #4e8c9b;
  color: #276270;
  box-shadow: none;
}

.chara_box .like_space a.exit {
  line-height: 38px;
}

.like_space a.check_prof {
  background: url('nav_mypage.png') no-repeat 10px center #4e8c9b;
  color: #fff;
  background-size: 17px;
}

.modal .like_space a.removeFav {
  background: url('config_btn.png') no-repeat 0 1px #aaa;
  color: #fff;
  background-size: 40px auto;
  width: 225px;
  margin-left: auto;
  margin-right: auto;
  text-indent: 0.5em;
}

.like_space a.hide_btn {
  background: #aaa;
  color: #fff;
  background-size: 20px;
  margin-left: auto;
  margin-right: auto;
}

.like_space a.skip_btn {
  background: #aaa;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

a.reported {
  background: url('icon_report.png') no-repeat 10px center;
  border: 1px solid #4e8c9b;
  color: #276270;
  background-size: 15px;
  box-sizing: border-box;
  box-shadow: none;
}

.like_space p {
  text-align: center;
  padding: 5px 0;
}

.like_space p span {
  color: #5fc9bc;
}

ion-toolbar .like_space a.look_message {
  background-position: 5px center;
  background-size: 15px;
  font-size: 12px;
  text-indent: 10px;
}

table {
  border: 0;
  border-spacing: 0;
  width: 100%;
}

strong {
  color: #ff90a1;
}

a.sq_btn {
  background: #276270;
  color: #fff;
  padding: 5px 10px;
  min-width: 80px;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
}

.secondary_btn {
  color: #6a6a6a;
  padding: 4px 9px;
  min-width: 80px;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.option_btn_space {
  text-align: right;
  clear: both;
}

.option_btn_space a {
  display: inline-block;
  background: #276270;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  min-width: 80px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

.defult {
  color: #ccc;
}

.m_sign {
  display: inline-block;
  padding: 0 3px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  line-height: 2;
}

.review, .unanswered {
  background: #fc798c;
}

.unopened {
  color: #fc798c;
  margin-right: 3px;
}

.reject {
  background: #ff5656;
  color: #fff;
}
.reject p {
  text-align: center;
}

.new_sign {
  position: absolute;
  left: -5px;
  top: -5px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #ff90a1;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 10px;
  transform: rotate(-10deg);
  z-index: 4;
}

.new_sign_mini a::before {
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background: #fe6d83;
  display: inline-block;
  content: "";
  left: -10px;
}

#content_body h2.hidden_h {
  display: none;
}

.red {
  color: #f00;
}

/*.overscroll{height:100px; line-height:100px; text-align:center; color:#999; font-size:11px; clear:both;}
.overscroll i{font-size:14px;}*/
/*
.compa {
  background: transparent url(./assets/images/icon_compa.png) no-repeat left center;
  background-size: 18px;
  color: #fc798c;
}
*/
.compa span {
  font-size: 17px;
}

/*
.like_get {
  background: transparent url(./assets/images/icon_like_get.png) no-repeat left center;
  background-size: 18px;
  color: #87c5de;
}
*/
.offline {
  position: relative;
}

/* message */
#message_head {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #f8f8f8;
  padding: 0 40px;
  text-align: center;
  z-index: 4;
  border-bottom: 1px solid #ddd;
  height: 43px;
  box-sizing: border-box;
}

#message_entry {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f8f8f8;
  padding: 0 0 7px 0;
  z-index: 4;
  border-top: 1px solid #ddd;
}

#message_head .back_index {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

#message_head .back_index a {
  display: block;
  width: 100%;
  height: 100%;
}

ion-toolbar .like_space {
  width: 80px;
  height: 30px;
  line-height: 30px;
}

ion-toolbar .like_space a {
  height: 28px;
}

.msg-head-prof {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  height: 100%;
  font-size: 0.8em;
}

.msg-head-prof li {
  margin-right: 4px;
  letter-spacing: -0.4em;
}

.msg-head-prof li span {
  letter-spacing: normal;
  margin-right: 4px;
}

.msg-head-prof li:last-of-type, .msg-head-prof li span:last-of-type {
  margin-right: 0;
}

.chara_value {
  max-width: 123px;
  max-width: calc(100vw - 180px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.msg-head-prof .thumbnail {
  width: 30px;
  padding: 0;
}

.msg-head-prof .thumbnail_img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#message_head.appeal-possible {
  padding-right: 95px;
}

#message_entry #m-option {
  position: absolute;
  bottom: 8px;
  left: 10px;
  width: 40px;
  height: 40px;
  z-index: 1;
}

#message_entry #m-option a, #message_entry #m-option ion-button {
  width: 38px;
  height: 38px;
  display: block;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  overflow: hidden;
  position: relative;
  color: #276271;
}

#message_entry #m-option a img {
  width: 100%;
}

#message_entry .option_cell {
  background: #fff;
  display: none;
}

#message_entry .option_cell li {
  float: left;
  width: 20%;
  height: 50px;
  position: relative;
  overflow: hidden;
}

#message_entry .option_cell li a, #message_entry .option_cell li span {
  display: block;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 8px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 30px;
}

#message_entry .option_cell li a {
  color: #276270;
}

#message_entry .option_cell li input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 50px;
  cursor: pointer;
  opacity: 0;
  padding: 0;
  z-index: 1;
}

.option_cell .prof_btn a {
  background: url('btn_mypage.png') no-repeat center 5px;
  background-size: 30px auto;
}

.option_cell .block_btn a {
  background: url('btn_block_msg.png') no-repeat center -10px;
  background-size: 30px auto;
}

.option_cell .block_btn a.user-block-on {
  background-position: center -70px;
}

.option_cell .photo_btn a {
  background: url('btn_photo.png') no-repeat center -10px;
  background-size: 30px auto;
}

.option_cell .fb_btn a, .option_cell .fb_sign a {
  background: url('btn_fb.png') no-repeat center -10px;
  background-size: 30px auto;
}

.option_cell .fb_sign .disable, .option_cell .fb_btn .disable {
  opacity: 0.5;
  cursor: default;
}

#message_entry .option_cell .fb_sign .active {
  background-position: center -70px;
  color: #385894;
}

#message_entry .option_cell .fb_btn a.active {
  background-position: center -70px;
  color: #385894;
}

.send_a_message {
  background: #fff;
  border: 1px solid #ff90a1;
  padding: 15px;
  margin: 10px 0;
  position: relative;
}

.send_a_message p {
  color: inherit;
  font-size: 13px;
  line-height: 1.4;
  padding-left: 70px;
}

.send_a_message p span {
  color: #ff3857;
}

.induction_message {
  background: #fff;
  border: 1px solid #ff90a1;
  padding: 15px;
  margin: 10px 0;
  position: relative;
}

.induction_message p {
  color: inherit;
  font-size: 13px;
  line-height: 1.4;
}

.induction_message p span {
  color: #ff3857;
}

#message_entry fieldset {
  padding: 0 68px 0 53px;
  margin: 7px 0 0 0;
}

#message_entry textarea {
  /*height: 32px;*/
  width: 97%;
  vertical-align: bottom;
  box-sizing: content-box;
  border: 1px solid #ccc;
  /*-webkit-transition: all .5s ease;
  transition: all .5s ease;*/
  resize: none;
  font-size: 14px;
  line-height: 1.2;
}

#message_entry .submit_cell {
  padding: 0;
  position: absolute;
  bottom: 8px;
  right: 10px;
  z-index: 5;
}

#message_entry .submit_cell input[type=submit], #message_entry .submit_cell ion-button {
  width: 50px;
}

article.message {
  height: 100%;
  background: #ecf9f8;
}

#message_body {
  padding: 1vh 0 2vh 0;
  background: #ecf9f8;
  box-sizing: border-box;
}

#message_body .inner {
  padding: 10px;
}

#message_body .m_date {
  text-align: center;
  padding: 5px 0;
  background: #F7FFFE;
  width: 120px;
  margin: 5px auto;
  border-radius: 20px;
  color: #aaa;
}

#message_body .recv_msg {
  padding: 10px 50px;
  position: relative;
  font-size: 12px;
  line-height: 1.5;
}

#message_body .send_msg {
  padding: 10px 20px 10px 72px;
  text-align: right;
}

#message_body .thumbnail {
  position: absolute;
  top: 10px;
  left: 0;
  width: 36px;
  height: 36px;
  padding: 2px;
}

#message_body .thumbnail .thumbnail_img {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

#message_body .send_a_message .thumbnail {
  top: 50%;
  left: 10px;
  width: 60px;
  height: 60px;
  transform: translateY(-50%);
}

#message_body .m_text {
  border: 1px solid #ccc;
  padding: 10px 15px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  text-align: left;
}

#message_body .m_text p {
  font-size: 15px;
  line-height: 1.5;
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  word-break: break-all;
}

#message_body .m_text p.unopened {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
}

#message_body .send_msg .m_text {
  background: #aee2d8;
  border-color: #9EDACE;
}

.send_msg .m_time .m_sign {
  width: 40px;
}

.recv_msg .m_time {
  width: 40px;
  position: absolute;
  bottom: 0;
  right: -44px;
  font-size: 11px;
  line-height: 1.1;
  overflow-wrap: break-word;
}

.send_msg .m_time {
  width: 40px;
  position: absolute;
  bottom: 0px;
  left: -44px;
  font-size: 11px;
  text-align: right;
  line-height: 1.1;
  overflow-wrap: break-word;
}

#message_body .recv_msg .m_img {
  text-align: left;
  position: relative;
  display: inline-block;
}

#message_body .send_msg .m_img {
  text-align: right;
  position: relative;
  display: inline-block;
}

#message_body .send_msg .reject-msg {
  color: #276270;
}

.send_msg > .reject {
  padding: 3px 5px;
  position: relative;
  margin-top: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.4em;
}

.send_msg > .reject::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -8px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ff5656 transparent;
}

#message_body .recv_msg .m_text::before {
  display: block;
  content: "";
  position: absolute;
  width: 15px;
  height: 19px;
  top: 5px;
  left: -10px;
  z-index: 1;
  background-size: 100% auto;
}

#message_body .send_msg .m_text::before {
  display: block;
  content: "";
  position: absolute;
  width: 19px;
  height: 23px;
  top: 5px;
  right: -19px;
  z-index: 1;
  background-size: 100% auto;
}

.img_icon {
  width: 90px;
  height: 90px;
  border: 1px solid #ccc;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
}

.unopened .img_icon {
  background: url('mosaic_photo.png') no-repeat center center;
  background-size: cover;
  text-indent: 0;
}

#message_body .unopened {
  background: none;
}

#message_body .m_text .unopened {
  background: url('mosaic.png') no-repeat 0 0;
  padding: 20px 0;
}

.message_open {
  display: block;
  width: 150px;
  margin: 0 auto;
  background: #fff;
  height: 40px;
  border-radius: 5px;
}

.message_open a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  background: url('btn_message_open.png') no-repeat 5px center #84d8d1;
  color: #fff;
  border-radius: 5px;
  background-size: 20px;
}

.img_icon .message_open {
  background: none;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background: rgba(132, 216, 209, 0.9);
  border-radius: 0 0 19px 19px;
  overflow: hidden;
}

.msg_caution {
  padding: 10px;
  position: relative;
  background: #fffbdb;
  border: 1px solid #ffed5b;
  color: #276271;
  margin-bottom: 10px;
  border-radius: 8px;
}

.msg_caution h2 {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3em;
}

.msg_caution li {
  font-size: 10px;
  line-height: 1.3em;
  padding: 2px 0;
}
.msg_caution li ion-icon {
  color: #84d8d1;
  font-size: 10px;
  line-height: 1.3em;
}

.caution_close {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  text-align: center;
}

#msgReload {
  text-align: center;
  color: #D4D4D4;
  font-size: 16px;
  padding: 5px 0;
}

.submit_cell a, .submit_cell input, .submit_cell ion-button {
  border-radius: 5px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  border: 0;
}

.submit_cell input[type=submit], .submit_cell .submit, .submit_cell ion-button {
  padding: 0;
  background: #4ec1b3;
  color: #fff;
  width: 100%;
  max-width: 300px;
  transition: none;
  transition: background 0.4s ease;
}

ion-select {
  padding: 8px;
  font-size: 1.4em;
  border-bottom: 2px solid #4db6ac;
}

ion-col .cancel.submit-btn {
  width: 100%;
}

.wide-btn {
  text-align: center;
}
.wide-btn .submit-btn {
  margin: 0 auto;
  width: 80%;
}

.email-form {
  padding: 0 16px 54px 16px;
  width: 100%;
}
.email-form .entry-heading {
  margin: 54px 0 0;
  color: #276270;
}
.email-form .secondary-lead {
  padding: 0 0 16px;
  color: #276270;
  text-align: center;
}
.email-form .general-txt {
  padding: 16px 0;
}
.email-form .sub-btn {
  background: #fff;
  color: #4db6ac;
  border: 1px solid #4db6ac;
}
.email-form .conf-txt {
  margin: 8px 0 0;
  padding: 16px 16px 14px 16px;
  width: 100%;
  font-size: 1.4em;
  line-height: 1.1;
  color: #276270;
  font-weight: bold;
  font-family: arial, sans-serif;
  background: #ecf9f8;
  border-bottom: 2px solid #4db6ac;
  text-align: center;
  overflow-wrap: break-word;
  word-break: break-all;
}
.email-form .digits-form {
  padding: 16px 16px 8px;
  display: flex;
  justify-content: space-around;
}
.email-form .digits-form .txt-l {
  --padding-start: 10px;
  border: 1px solid #ddd;
  flex-grow: 0;
}
.email-form .digits-form .txt-l .native-input {
  width: 44px;
  font-size: 1.4em;
  font-weight: bold;
  font-family: arial, sans-serif;
  text-align: center;
}
.email-form .digits-form .txt-sq {
  border: 1px solid #ddd;
  flex-grow: 0;
}
.email-form .digits-form .txt-sq .native-input {
  width: 44px;
  font-size: 1.4em;
  font-weight: bold;
  font-family: arial, sans-serif;
  text-align: center;
}
.email-form .digits-form .txt-digits {
  --padding-start: 10px;
  border: 1px solid #ddd;
  flex-grow: 0;
}
.email-form .form-sub {
  padding: 16px 0 0;
  text-align: right;
}

.message-popover {
  --width: auto;
  --height: auto;
  --background: #fff;
  --backdrop-opacity: .5;
  border-radius: 0;
  border: 0;
}

.pagenation {
  margin: auto 0;
  width: 30%;
  height: 45%;
  position: fixed;
  top: 30%;
  bottom: 0;
  z-index: 11;
}

.pagenation-l {
  left: 0;
  justify-content: flex-start;
}

.pagenation-r {
  right: 0;
  justify-content: flex-end;
}

.page-nav {
  margin: auto 0;
  width: 60px;
  height: 80px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 30px;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
  transition: all 1.5s ease;
  z-index: 13;
  position: fixed;
  top: 0;
  bottom: 0;
}

.page-nav-l {
  top: -150px;
  left: -10px;
}

.page-nav-r {
  top: -150px;
  right: -10px;
}

.page-nav ion-icon {
  font-size: 40px;
  filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.7));
}

.page-nav .unactive {
  display: none;
}

.image-swiper-container {
  display: inline;
}

@media (width > 400px) {
  .image-swiper-container {
    height: 100vh;
  }
  div .swiper-wrapper {
    display: block;
  }
}
.image-swiper-slide {
  width: 25%;
  height: 25%;
}

@media (width > 400px) {
  .image-swiper-slide {
    width: 100%;
    height: 25%;
  }
}
.prof-top {
  position: relative;
}
.prof-top .prof-top-inner {
  position: relative;
}
.prof-top .prof-thumb {
  width: 100%;
  position: relative;
  background: url('thumb_bg.png') no-repeat center center/cover #f8f8f8;
}
.prof-top .prof-thumb a {
  padding-top: 100%;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.prof-top .prof-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.prof-thumb-sub {
  padding: 10px 10px 10px;
  position: relative;
  z-index: 12;
}
.prof-thumb-sub div {
  width: 100%;
}
.prof-thumb-sub a {
  padding-top: 100%;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.prof-thumb-sub img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.prof-thumb-sub .review-thumb {
  opacity: 0.6;
}
.prof-thumb-sub .review {
  margin: auto;
  padding: 0;
  width: 44px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 400px) {
  .prof-top {
    position: relative;
  }
  .prof-top .prof-top-inner {
    position: relative;
  }
  .prof-top .prof-thumb {
    width: 80%;
  }
  .prof-top .prof-thumb-sub {
    padding: 0;
    width: 20%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
  }
  .prof-top .prof-thumb-sub div {
    height: 100%;
  }
  .prof-top .prof-thumb-sub a {
    border: 1px solid #fff;
  }
}
.chat-foot .chat-foot-inner {
  --padding-top: 8px;
  --padding-bottom: 8px;
  --padding-start: 8px;
  --padding-end: 8px;
  display: flex;
  justify-content: space-between;
}
.chat-foot ion-textarea {
  padding: 0 4px;
  border: 1px solid #ccc;
}
.chat-foot .chat-option-btn {
  margin: 0 8px 0 0;
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  overflow: hidden;
  position: relative;
  color: #276271;
}
.chat-foot .chat-option-btn ion-icon {
  color: #276271;
}
.chat-foot .chat-foot-btn {
  margin: 0 0 0 8px;
  position: relative;
}
.chat-foot .chat-submit-btn {
  width: 60px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  border: 0;
  background: #4ec1b3;
  color: #fff;
}

.close-txt {
  --color: #999;
}

ion-refresher {
  text-align: center;
  padding-top: 10px;
}

.ion-button-btn {
  top: 5px;
}

.thumbnail-page {
  position: absolute;
  top: 0;
  width: 100%;
}

.list-page {
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .list-page {
    margin-left: 5%;
  }
  .list-page .card-wrapper {
    max-width: 90%;
  }
}
@media (min-width: 992px) {
  .list-page {
    margin-left: 10%;
  }
  .list-page .card-wrapper {
    max-width: 80%;
  }
}

@media (min-width: 768px) {
  .large-modal {
    --width: 90vw;
    --height: 90vh;
    --border-radius: 0;
  }
}
/* recaptcha */
.grecaptcha-badge {
  visibility: hidden;
}

p.recaptcha-text {
  margin-top: 10px;
  font-size: 11px;
  text-align: center;
}

/* 追加: 必須ラベルのスタイル */
.required-label {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 10px;
  background: rgba(235, 72, 90, 0.12); /* ほのかな赤背景 */
  color: var(--ion-color-danger, #eb445a);
  font-size: 13px; /* 文字を少し小さめに */
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  box-shadow: none;
  border: 1px solid rgba(235, 68, 90, 0.18);
}

@media (max-width: 360px) {
  .required-label {
    font-size: 12px;
    padding: 2px 5px;
    margin-left: 6px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#673ab7;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ffd740;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#673ab7;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#673ab7;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#ffd740;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ffd740;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ffd740;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ffd740;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#673ab7;--mdc-linear-progress-track-color:rgba(103, 58, 183, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ffd740;--mdc-linear-progress-track-color:rgba(255, 215, 64, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px}html{--mdc-filled-text-field-caret-color:#673ab7;--mdc-filled-text-field-focus-active-indicator-color:#673ab7;--mdc-filled-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#673ab7;--mdc-outlined-text-field-focus-outline-color:#673ab7;--mdc-outlined-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(103, 58, 183, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.08}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ffd740;--mdc-filled-text-field-focus-active-indicator-color:#ffd740;--mdc-filled-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);--mdc-outlined-text-field-caret-color:#ffd740;--mdc-outlined-text-field-focus-outline-color:#ffd740;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);--mat-form-field-focus-select-arrow-color:rgba(255, 215, 64, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(103, 58, 183, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 215, 64, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color:white}html{--mdc-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mdc-dialog-container-shadow-color:#000;--mdc-dialog-container-shape:4px;--mat-dialog-container-max-width:80vw;--mat-dialog-container-small-max-width:80vw;--mat-dialog-container-min-width:0;--mat-dialog-actions-alignment:start;--mat-dialog-actions-padding:8px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px;--mat-dialog-headline-padding:0 24px 9px}html{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-family:rounded;--mdc-chip-container-shape-radius:16px 16px 16px 16px;--mdc-chip-with-avatar-avatar-shape-family:rounded;--mdc-chip-with-avatar-avatar-shape-radius:14px 14px 14px 14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1;--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-selected-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-flat-disabled-selected-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#673ab7;--mdc-chip-elevated-selected-container-color:#673ab7;--mdc-chip-elevated-disabled-container-color:#673ab7;--mdc-chip-flat-disabled-selected-container-color:#673ab7;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-elevated-container-color:#ffd740;--mdc-chip-elevated-selected-container-color:#ffd740;--mdc-chip-elevated-disabled-container-color:#ffd740;--mdc-chip-flat-disabled-selected-container-color:#ffd740;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-selected-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-disabled-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-selected-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-trailing-icon-trailing-icon-color:rgba(0, 0, 0, 0.87);--mat-chip-selected-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);--mat-chip-selected-trailing-icon-color:rgba(0, 0, 0, 0.87)}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1;--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent}html{--mdc-switch-selected-focus-state-layer-color:#5e35b1;--mdc-switch-selected-handle-color:#5e35b1;--mdc-switch-selected-hover-state-layer-color:#5e35b1;--mdc-switch-selected-pressed-state-layer-color:#5e35b1;--mdc-switch-selected-focus-handle-color:#311b92;--mdc-switch-selected-hover-handle-color:#311b92;--mdc-switch-selected-pressed-handle-color:#311b92;--mdc-switch-selected-focus-track-color:#9575cd;--mdc-switch-selected-hover-track-color:#9575cd;--mdc-switch-selected-pressed-track-color:#9575cd;--mdc-switch-selected-track-color:#9575cd;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-handle-shadow-color:black;--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#ffb300;--mdc-switch-selected-handle-color:#ffb300;--mdc-switch-selected-hover-state-layer-color:#ffb300;--mdc-switch-selected-pressed-state-layer-color:#ffb300;--mdc-switch-selected-focus-handle-color:#ff6f00;--mdc-switch-selected-hover-handle-color:#ff6f00;--mdc-switch-selected-pressed-handle-color:#ff6f00;--mdc-switch-selected-focus-track-color:#ffd54f;--mdc-switch-selected-hover-track-color:#ffd54f;--mdc-switch-selected-pressed-track-color:#ffd54f;--mdc-switch-selected-track-color:#ffd54f}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#673ab7;--mdc-radio-selected-hover-icon-color:#673ab7;--mdc-radio-selected-icon-color:#673ab7;--mdc-radio-selected-pressed-icon-color:#673ab7;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#673ab7;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ffd740;--mdc-radio-selected-hover-icon-color:#ffd740;--mdc-radio-selected-icon-color:#ffd740;--mdc-radio-selected-pressed-icon-color:#ffd740;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ffd740;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}.mat-mdc-radio-button{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%);--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6}html{--mdc-slider-handle-color:#673ab7;--mdc-slider-focus-handle-color:#673ab7;--mdc-slider-hover-handle-color:#673ab7;--mdc-slider-active-track-color:#673ab7;--mdc-slider-inactive-track-color:#673ab7;--mdc-slider-with-tick-marks-inactive-container-color:#673ab7;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-ripple-color:#673ab7;--mat-slider-hover-state-layer-color:rgba(103, 58, 183, 0.05);--mat-slider-focus-state-layer-color:rgba(103, 58, 183, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mat-slider-ripple-color:#ffd740;--mat-slider-hover-state-layer-color:rgba(255, 215, 64, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 215, 64, 0.2);--mdc-slider-handle-color:#ffd740;--mdc-slider-focus-handle-color:#ffd740;--mdc-slider-hover-handle-color:#ffd740;--mdc-slider-active-track-color:#ffd740;--mdc-slider-inactive-track-color:#ffd740;--mdc-slider-with-tick-marks-inactive-container-color:#ffd740;--mdc-slider-with-tick-marks-active-container-color:rgba(0, 0, 0, 0.87)}html .mat-warn{--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:0;--mat-menu-divider-top-spacing:0;--mat-menu-item-spacing:16px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:16px;--mat-menu-item-trailing-spacing:16px;--mat-menu-item-with-icon-leading-spacing:16px;--mat-menu-item-with-icon-trailing-spacing:16px}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px}html{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#673ab7;--mdc-radio-selected-hover-icon-color:#673ab7;--mdc-radio-selected-icon-color:#673ab7;--mdc-radio-selected-pressed-icon-color:#673ab7}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ffd740;--mdc-radio-selected-hover-icon-color:#ffd740;--mdc-radio-selected-icon-color:#ffd740;--mdc-radio-selected-pressed-icon-color:#ffd740}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#673ab7;--mdc-checkbox-selected-hover-icon-color:#673ab7;--mdc-checkbox-selected-icon-color:#673ab7;--mdc-checkbox-selected-pressed-icon-color:#673ab7;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#673ab7;--mdc-checkbox-selected-hover-state-layer-color:#673ab7;--mdc-checkbox-selected-pressed-state-layer-color:#673ab7;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:black;--mdc-checkbox-selected-focus-icon-color:#ffd740;--mdc-checkbox-selected-hover-icon-color:#ffd740;--mdc-checkbox-selected-icon-color:#ffd740;--mdc-checkbox-selected-pressed-icon-color:#ffd740;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ffd740;--mdc-checkbox-selected-hover-state-layer-color:#ffd740;--mdc-checkbox-selected-pressed-state-layer-color:#ffd740;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text{color:#673ab7}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#673ab7}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px;--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12)}html{--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mdc-secondary-navigation-tab-container-height:48px;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#673ab7;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#673ab7;--mat-tab-header-active-ripple-color:#673ab7;--mat-tab-header-inactive-ripple-color:#673ab7;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#673ab7;--mat-tab-header-active-hover-label-text-color:#673ab7;--mat-tab-header-active-focus-indicator-color:#673ab7;--mat-tab-header-active-hover-indicator-color:#673ab7}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ffd740;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ffd740;--mat-tab-header-active-ripple-color:#ffd740;--mat-tab-header-inactive-ripple-color:#ffd740;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ffd740;--mat-tab-header-active-hover-label-text-color:#ffd740;--mat-tab-header-active-focus-indicator-color:#ffd740;--mat-tab-header-active-hover-indicator-color:#ffd740}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#673ab7;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ffd740;--mat-tab-header-with-background-foreground-color:rgba(0, 0, 0, 0.87)}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:black;--mdc-checkbox-selected-focus-icon-color:#ffd740;--mdc-checkbox-selected-hover-icon-color:#ffd740;--mdc-checkbox-selected-icon-color:#ffd740;--mdc-checkbox-selected-pressed-icon-color:#ffd740;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ffd740;--mdc-checkbox-selected-hover-state-layer-color:#ffd740;--mdc-checkbox-selected-pressed-state-layer-color:#ffd740;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black;--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-checkbox{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#673ab7;--mdc-checkbox-selected-hover-icon-color:#673ab7;--mdc-checkbox-selected-icon-color:#673ab7;--mdc-checkbox-selected-pressed-icon-color:#673ab7;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#673ab7;--mdc-checkbox-selected-hover-state-layer-color:#673ab7;--mdc-checkbox-selected-pressed-state-layer-color:#673ab7;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px;--mat-checkbox-touch-target-display:block}.mat-mdc-checkbox{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-keep-touch-target:false;--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0;--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px;--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px;--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px}html{--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-protected-button-container-shadow-color:#000;--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#673ab7;--mat-text-button-state-layer-color:#673ab7;--mat-text-button-ripple-color:rgba(103, 58, 183, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ffd740;--mat-text-button-state-layer-color:#ffd740;--mat-text-button-ripple-color:rgba(255, 215, 64, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#673ab7;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ffd740;--mdc-filled-button-label-text-color:black;--mat-filled-button-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#673ab7;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ffd740;--mdc-protected-button-label-text-color:black;--mat-protected-button-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#673ab7;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#673ab7;--mat-outlined-button-ripple-color:rgba(103, 58, 183, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ffd740;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#ffd740;--mat-outlined-button-ripple-color:rgba(255, 215, 64, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mdc-protected-button-container-height:36px;--mat-text-button-touch-target-display:block;--mat-filled-button-touch-target-display:block;--mat-protected-button-touch-target-display:block;--mat-outlined-button-touch-target-display:block}html{--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none;--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none;--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none}html{--mdc-icon-button-icon-size:24px}html{--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#673ab7;--mat-icon-button-state-layer-color:#673ab7;--mat-icon-button-ripple-color:rgba(103, 58, 183, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ffd740;--mat-icon-button-state-layer-color:#ffd740;--mat-icon-button-ripple-color:rgba(255, 215, 64, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-icon-size:24px;--mdc-fab-small-container-shape:50%;--mdc-fab-small-icon-size:24px;--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px}html{--mdc-fab-container-color:white;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-container-shadow-color:#000;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-fab-small-container-color:white;--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-small-container-shadow-color:#000;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-extended-fab-container-shadow-color:#000}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#673ab7;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ffd740;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#673ab7;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ffd740;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block;--mat-fab-small-touch-target-display:block}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ffd740}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-row-item-outline-width:1px}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#673ab7}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ffd740}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-container-shape:50%;--mat-badge-container-size:unset;--mat-badge-small-size-container-size:unset;--mat-badge-large-size-container-size:unset;--mat-badge-legacy-container-size:22px;--mat-badge-legacy-small-size-container-size:16px;--mat-badge-legacy-large-size-container-size:28px;--mat-badge-container-offset:-11px 0;--mat-badge-small-size-container-offset:-8px 0;--mat-badge-large-size-container-offset:-14px 0;--mat-badge-container-overlap-offset:-11px;--mat-badge-small-size-container-overlap-offset:-8px;--mat-badge-large-size-container-overlap-offset:-14px;--mat-badge-container-padding:0;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0}html{--mat-badge-background-color:#673ab7;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ffd740;--mat-badge-text-color:rgba(0, 0, 0, 0.87)}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}html{--mat-bottom-sheet-container-shape:4px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400}html{--mat-datepicker-calendar-container-shape:4px;--mat-datepicker-calendar-container-touch-shape:4px;--mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#673ab7;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(103, 58, 183, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(103, 58, 183, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(103, 58, 183, 0.3);--mat-datepicker-toggle-active-state-icon-color:#673ab7;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(103, 58, 183, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color:black;--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-selected-state-background-color:#ffd740;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 215, 64, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 215, 64, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 215, 64, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 215, 64, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ffd740}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-width:1px}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#673ab7}.mat-icon.mat-accent{--mat-icon-color:#ffd740}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width:auto}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#673ab7;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#673ab7;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#673ab7;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-selected-state-icon-background-color:#ffd740;--mat-stepper-header-selected-state-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-done-state-icon-background-color:#ffd740;--mat-stepper-header-done-state-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-edit-state-icon-background-color:#ffd740;--mat-stepper-header-edit-state-icon-foreground-color:rgba(0, 0, 0, 0.87)}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}html{--mat-sort-arrow-color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#673ab7;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ffd740;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}html{--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height:48px}html{--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}

/*# sourceMappingURL=styles.css.map*/