@charset "UTF-8";.user-header{display:grid;gap:0 1.25rem;grid-template-areas:"icon name edit edit money" "icon preview preview about money";grid-template-columns:6.875rem 1fr repeat(2,auto) 13.125rem;margin-bottom:1.25rem}@media(max-width:991.98px){.user-header{grid-template-areas:"icon name name name money" "icon rank edit edit money" "icon preview preview about money"}}@media(max-width:767.98px){.user-header{gap:0 .75rem;grid-template-areas:"icon name name name" "icon rank edit edit" "preview preview preview about" "money money money money";grid-template-columns:4.4375rem 1fr repeat(2,auto);margin-bottom:.75rem}}.user-header:has(>.title){grid-template-areas:"icon name edit edit money" "icon title edit edit money" "icon preview preview about money"}@media(max-width:991.98px){.user-header:has(>.title){grid-template-areas:"icon name name name money" "icon title title title money" "icon rank edit edit money" "icon preview preview about money"}}@media(max-width:767.98px){.user-header:has(>.title){grid-template-areas:"icon name name name" "icon title title title" "icon rank edit edit" "preview preview preview about" "money money money money"}}.user-header:has(>.title):has(.badge-list){grid-template-areas:"icon name edit edit money" "icon title edit edit money" "icon badge edit edit money" "icon preview preview about money"}@media(max-width:767.98px){.user-header:has(>.title):has(.badge-list){grid-template-areas:"icon name name name" "icon title title title" "icon badge edit edit" "preview preview preview about" "money money money money"}}.user-header:has(>.title):has(.badge-list):has(.introduction){grid-template-areas:"icon name edit edit money" "icon title edit edit money" "icon badge edit edit money" "icon introduction introduction introduction money" "icon preview preview about money"}@media(max-width:767.98px){.user-header:has(>.title):has(.badge-list):has(.introduction){grid-template-areas:"icon name name name" "icon title title title" "icon badge edit edit" "introduction introduction introduction introduction" "preview preview preview about" "money money money money"}}.user-header:has(>.title):has(.introduction){grid-template-areas:"icon name edit edit money" "icon title edit edit money" "icon introduction introduction introduction money" "icon preview preview about money"}@media(max-width:991.98px){.user-header:has(>.title):has(.introduction){grid-template-areas:"icon name name name money" "icon title title title money" "icon rank edit edit money" "icon introduction introduction introduction money" "icon preview preview about money"}}@media(max-width:767.98px){.user-header:has(>.title):has(.introduction){grid-template-areas:"icon name name name" "icon title title title" "icon rank edit edit" "introduction introduction introduction introduction" "preview preview preview about" "money money money money"}}.user-header:has(.badge-list){grid-template-areas:"icon name edit edit money" "icon badge edit edit money" "icon preview preview about money"}@media(max-width:767.98px){.user-header:has(.badge-list){grid-template-areas:"icon name name name" "icon badge edit edit" "preview preview preview about" "money money money money"}}.user-header:has(.badge-list):has(.introduction){grid-template-areas:"icon name edit edit money" "icon badge edit edit money" "icon introduction introduction introduction money" "icon preview preview about money"}@media(max-width:767.98px){.user-header:has(.badge-list):has(.introduction){grid-template-areas:"icon name name name" "icon badge edit edit" "introduction introduction introduction introduction" "preview preview preview about" "money money money money"}}.user-header:has(.introduction){grid-template-areas:"icon name edit edit money" "icon introduction introduction introduction money" "icon preview preview about money"}@media(max-width:991.98px){.user-header:has(.introduction){grid-template-areas:"icon name name name money" "icon rank edit edit money" "icon introduction introduction introduction money" "icon preview preview about money"}}@media(max-width:767.98px){.user-header:has(.introduction){gap:0 .75rem;grid-template-areas:"icon name name name" "icon rank edit edit" "introduction introduction introduction introduction" "preview preview preview about" "money money money money"}}.user-header .btn{--kib-btn-border-radius: .1875rem;--kib-btn-padding-x: .625rem;--kib-btn-padding-y: .1875rem}@media(max-width:767.98px){.user-header .btn{--kib-btn-font-size: .75rem;--kib-btn-padding-x: .375rem;--kib-btn-padding-y: .09375rem}}@media(max-width:767.98px){.user-header .btn.icon-link{gap:.1875rem}}.user-header .icon{grid-area:icon}.user-header .icon>img{aspect-ratio:1 / 1;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}@media(max-width:767.98px){.user-header .icon>img{height:4.4375rem;width:4.4375rem}}.user-header .icon .user-rank{display:block;grid-area:initial;margin:.625rem -.28125rem 0;text-align:center}.user-header .name{font-size:1.5rem;grid-area:name;margin:0}@media(max-width:767.98px){.user-header .name{font-size:var(--kib-body-font-size)}}.user-header>.title{color:var(--kib-primary);font-size:1.125rem;grid-area:title}@media(max-width:767.98px){.user-header>.title{font-size:.8125rem}}.user-header .badge-list{grid-area:badge}@media(max-width:767.98px){.user-header .badge-list img{height:1.625rem;width:1.625rem}}.user-header .user-rank{grid-area:rank;margin-left:-.28125rem}@media(max-width:991.98px){.user-header .user-rank{-ms-flex-item-align:end;align-self:end}}.user-header .edit-button{align-self:end;grid-area:edit}@media(max-width:991.98px){.user-header .edit-button{margin-bottom:.25rem}}.user-header .introduction{grid-area:introduction}.user-header .introduction:not(:empty){background:#f2f2f2;border-radius:.25rem;font-size:.875rem;line-height:1.7;margin-top:.5625rem;padding:.875rem;white-space:pre-wrap}@media(max-width:991.98px){.user-header .introduction:not(:empty){margin-top:.25rem}}@media(max-width:767.98px){.user-header .introduction:not(:empty){font-size:.75rem;padding:.5625rem}}.user-header .preview-button{grid-area:preview;margin-right:-.75rem;margin-top:.5625rem;place-self:start end}@media(max-width:767.98px){.user-header .preview-button{margin-right:-.375rem;margin-top:.5rem}}.user-header .about-preview-button{align-self:start;grid-area:about;margin-top:.5625rem}@media(max-width:767.98px){.user-header .about-preview-button{--kib-btn-font-size: 1.0625rem;--kib-btn-line-height: 1.25;margin-top:.5rem}}.user-header .money-held{grid-area:money}@media(min-width:768px){.user-header .money-held{margin-left:.625rem}}@media(max-width:767.98px){.user-header .money-held{display:grid;gap:.5625rem;grid-template-columns:repeat(2,1fr);margin-top:.75rem}}@media(min-width:768px){.user-header .money-held .wrapper+.wrapper{margin-top:.375rem}}.user-header .money-held .wrapper{position:relative}.user-header .money-held .wrapper.point .form-control{--kib-body-bg: #e8f4ff;--kib-border-color: rgba(12, 110, 253, .15)}.user-header .money-held .wrapper.point .form-control .fs-small{color:var(--kib-blue)}.user-header .money-held .wrapper.gold .form-control{--kib-body-bg: #fbf3d5;--kib-border-color: rgba(230, 188, 23, .3)}.user-header .money-held .wrapper.gold .form-control .fs-small{color:#c90}.user-header .money-held .wrapper .badge{left:.625rem;position:absolute;top:50%;translate:0 -50%;z-index:1}.user-header .money-held .badge.square{width:1.5em}.user-header .money-held .form-control{--kib-border-radius: .25rem;padding-bottom:.21875rem;padding-left:1.75rem;padding-top:.21875rem;text-align:right}.user-header .money-held .form-control .fs-small{display:inline-block;font-size:.75rem;margin-left:.375rem;min-width:.6875rem}@media(max-width:767.98px){.user-header .money-held .btn{--kib-btn-font-size: .625rem}}.user-header .money-held .icon-link{gap:.1875rem}.user-header .introducing-friends-button{display:grid}@media(min-width:768px){.user-header .introducing-friends-button{margin-top:.5rem}}@media(max-width:767.98px){.user-header .introducing-friends-button{grid-column:1 / -1}}.user-header .introducing-friends-button .btn:hover .text-bg-success,.user-header .introducing-friends-button .btn:focus-visible .text-bg-success{--kib-success-rgb: var(--kib-white-rgb);color:var(--kib-success)!important}@media(max-width:767.98px){.user-header .introducing-friends-button .btn-sm{--kib-btn-font-size: .75rem}}.user-header.detail{grid-template-areas:"icon name name favorite" "icon rank rate rate";grid-template-columns:6.875rem 1fr repeat(2,-webkit-max-content);grid-template-columns:6.875rem 1fr repeat(2,max-content);margin-bottom:2.5rem}@media(max-width:767.98px){.user-header.detail{grid-template-areas:"icon name name" "icon rank favorite" "icon rate rate";grid-template-columns:3.75rem 1fr -webkit-max-content;grid-template-columns:3.75rem 1fr max-content;margin-bottom:1rem}}.user-header.detail:has(>.title){grid-template-areas:"icon name name favorite" "icon title title title" "icon rank rate rate"}@media(max-width:767.98px){.user-header.detail:has(>.title){grid-template-areas:"icon name name" "icon title title" "icon rank favorite" "icon rate rate"}}.user-header.detail:has(>.title):has(.introduction){grid-template-areas:"icon name name favorite" "icon title title title" "icon rank rate rate" "introduction introduction introduction introduction"}@media(max-width:767.98px){.user-header.detail:has(>.title):has(.introduction){grid-template-areas:"icon name name" "icon title title" "icon rank favorite" "icon rate rate" "introduction introduction introduction"}}.user-header.detail:has(.introduction){grid-template-areas:"icon name name favorite" "icon rank rate rate" "introduction introduction introduction introduction"}@media(max-width:767.98px){.user-header.detail:has(.introduction){grid-template-areas:"icon name name" "icon rank favorite" "icon rate rate" "introduction introduction introduction"}}@media(max-width:767.98px){.user-header.detail .icon img{height:3.75rem;width:3.75rem}}@media(min-width:768px){.user-header.detail .name{font-size:1.75rem}}.user-header.detail>.title{-ms-flex-item-align:center;align-self:center}@media(max-width:767.98px){.user-header.detail>.title{font-size:.875rem;margin-bottom:.25rem}}.user-header.detail .badge-list{-ms-flex-item-align:end;align-self:end}@media(max-width:767.98px){.user-header.detail .badge-list img{height:1.875rem;width:1.875rem}}.user-header.detail .recovery-rate{margin-bottom:.5rem}@media(max-width:767.98px){.user-header.detail .recovery-rate{margin-top:.3125rem}}.user-header.detail .introduction:not(:empty){margin-top:.5rem}.user-header.detail .favorite-button{grid-area:favorite}.user-header.detail .favorite-button .badge.square{width:1.5em}