.field-icon-left{margin-right:-30px}.field-icon-left.clickable{cursor:pointer}.user-card{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:1rem;background-color:#1d112b;border-radius:20px;padding:1rem;border:1px solid #302145}.user-card-avatar-container{position:relative}.storygazer-icon{position:absolute;width:24px;bottom:-5px;right:-10px;z-index:20;padding:.1rem;background-color:#1d112b;border-radius:100%}.user-card-avatar{height:90px;border-radius:8px;background-color:#231b4d}.kinsprit-avatar-link{display:block;width:57px;height:90px;border-radius:8px;background-color:#231b4d}.kinsprit-avatar-link img{width:100%;height:100%;object-fit:cover;object-position:22% 50%;border-radius:8px}.style{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.style button{width:100%}.reader-mask{height:40px;border-radius:7px;cursor:pointer}.reader-mask:hover{box-shadow:0 0 8px -1px #eee}.user-card-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;width:100%}.user-card-row-1{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}.floating-dot{color:#a195b8}.user-card-row-2{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.5rem;row-gap:.25rem;flex-wrap:wrap;width:100%}.user-card-titles{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin:.25rem 0}.user-card-numbers{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1.5rem}.update-username-badge-and-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.update-username-badge,.books-read-icon{max-height:20px}.small-text{font-size:1rem;line-height:1.5rem}@media (max-width: 599px){.small-text{font-size:.9375rem;line-height:1.40625rem}}.crystals-icon{max-height:20px}.post-token-icon{width:20px;height:20px}.achievement-points-icon{max-height:20px}.number-with-icon{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.lvl{color:#e1b42c}#social-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2rem}#social-content.center{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#list-of-users{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));grid-auto-rows:max-content;gap:2.5rem}@media (max-width: 599px){#list-of-users{gap:2rem}}#social-selection-form{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:1.5rem;background-color:#1d112b;border:1px solid #5f279b;border-radius:10px;width:fit-content;padding:.5rem}.tab{border:none;position:relative;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.tab{font-size:1rem;line-height:1.5rem}}.tab{background-color:transparent;border-radius:10px;color:#eee;padding:0 .5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;min-height:2.25rem}@media (max-width: 599px){.tab{width:100%}}.tab:hover{background-color:#231b4dbf}.tab.selected{background-color:#231b4d;color:#f6d}#fetching-users{text-align:left;color:#edf}#users-search{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}@media (max-width: 599px){#users-search{align-self:flex-start;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}#users-search-box{position:relative}#users-search-box #users-search-input{resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){#users-search-box #users-search-input{font-size:1rem;line-height:1.5rem}}#users-search-box #users-search-input{background-color:#12071c;color:#eee;border:1px solid #5f279b}#users-search-box #users-search-input:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}#users-search-box #users-search-input:focus::placeholder{color:transparent}#users-search-box #users-search-input::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){#users-search-box #users-search-input::placeholder{font-size:1rem;line-height:1.5rem}}#users-search-box #users-search-input::placeholder{color:#ddbbffb3}#users-search-box #users-search-input.invalid{border:3px solid #f33;color:#f33}#users-search-box #users-search-input{width:min(40ch,90vw)}@media (min-width: 1200px){#users-search-box #users-search-input{width:min(50ch,33vw)}}.my-guilds-section{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:stretch;gap:1.25rem;padding-bottom:1rem;border-bottom:1px solid #5f279b}.my-guilds-section .section-header-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:1rem}.my-guilds-section .section-header-row .section-title{font-size:1.5rem;font-weight:700;color:#eee;margin:0}.my-guilds-section .guilds-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1rem}.my-guilds-section .guild-card{background-color:#1d112b;border:1px solid #5f279b;border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.6rem;text-decoration:none;transition:all .2s ease}.my-guilds-section .guild-card:hover{background-color:#231b4d;border-color:#f6d6;transform:translateY(-2px)}.my-guilds-section .guild-card .guild-card-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.my-guilds-section .guild-card .guild-card-top .guild-card-header-left{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem}.my-guilds-section .guild-card .guild-card-top .guild-card-header-left .guild-card-logo{width:50px;height:50px;border-radius:10px;object-fit:cover;flex-shrink:0}.my-guilds-section .guild-card .guild-card-top .guild-card-header-left .guild-name{font-weight:600;font-size:1.1rem;color:#eee;transition:color .15s ease}.my-guilds-section .guild-card:hover .guild-card-top .guild-card-header-left .guild-name{color:#f6d}.my-guilds-section .guild-card .guild-role-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:4px}.my-guilds-section .guild-card .guild-role-badge.owner{background-color:#f6d3;color:#f6d;border:1px solid rgba(255,102,221,.4)}.my-guilds-section .guild-card .guild-role-badge.member{background-color:#eeeeee1a;color:#a195b8;border:1px solid rgba(238,238,238,.2)}.my-guilds-section .guild-card .guild-description{font-size:.85rem;color:#a195b8;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-guilds-section .guild-card .guild-card-meta{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;font-size:.8rem;color:#edf;margin-top:auto}.my-guilds-section .no-guilds-msg{color:#a195b8;font-style:italic;margin:.5rem 0}.create-guild-modal-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1.25rem;padding:.5rem 0}.create-guild-modal-content .modal-title{font-size:1.25rem;font-weight:700;color:#eee;margin:0}.create-guild-modal-content .form-error-msg{color:#f87171;font-size:.875rem;margin:0}.create-guild-modal-content .create-guild-form{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1.25rem}.create-guild-modal-content .modal-form-field{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.4rem}.create-guild-modal-content .modal-form-field .field-name{font-size:.875rem;color:#a195b8;margin:0}.create-guild-modal-content .modal-form-field .glow-input{resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.create-guild-modal-content .modal-form-field .glow-input{font-size:1rem;line-height:1.5rem}}.create-guild-modal-content .modal-form-field .glow-input{background-color:#12071c;color:#eee;border:1px solid #5f279b}.create-guild-modal-content .modal-form-field .glow-input:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}.create-guild-modal-content .modal-form-field .glow-input:focus::placeholder{color:transparent}.create-guild-modal-content .modal-form-field .glow-input::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.create-guild-modal-content .modal-form-field .glow-input::placeholder{font-size:1rem;line-height:1.5rem}}.create-guild-modal-content .modal-form-field .glow-input::placeholder{color:#ddbbffb3}.create-guild-modal-content .modal-form-field .glow-input.invalid{border:3px solid #f33;color:#f33}.create-guild-modal-content .modal-form-field .glow-input{width:100%}.create-guild-modal-content .modal-form-field .glow-input.textarea{resize:vertical;min-height:80px}.create-guild-modal-content .form-action-buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.5rem}