.b24net-portal-list-app-portals{display:flex;flex-direction:column;align-items:center;width:350px;transition:visibility .2s,opacity .2s}.b24net-portal-list-app__popup-anchor{position:fixed;left:50%;top:50%}.b24net-portal-list-app__title{color:#151515;font-size:var(--ui-typography-heading-h2-font-size);line-height:var(--ui-typography-heading-h2-line-height);font-weight:var(--ui-font-weight-normal);margin:0 0 40px;text-align:center}.b24net-portal-list-app__accounts{margin:24px}@media (max-width:490px){.b24net-portal-list-app__accounts{width:350px;margin:24px 0}.b24net-portal-list-app{padding:45px 10px}}.b24net-portal-list-form{display:flex;flex-direction:column;align-items:center;flex-grow:1;width:100%}.b24net-portal-list-form__account{width:100%;margin-bottom:37px}.b24net-portal-list-form__note{margin-top:23px;padding:15px 20px;background-color:var(--ui-color-palette-orange-15);border-radius:var(--ui-border-radius-sm);font-size:16px}.b24net-portal-list-form__wrapper{width:calc(100% + 15px);position:relative;max-height:325px;overflow-y:scroll;padding:10px 15px 25px 0;margin:23px -22px 0 0;scrollbar-width:thin;scrollbar-color:var(--ui-color-base-20,#dfe0e3) transparent;-webkit-mask:linear-gradient(180deg,#000 280px,transparent);mask:linear-gradient(180deg,#000 280px,transparent)}.b24net-portal-list-form__wrapper:hover{scrollbar-color:var(--ui-color-base-30,#d5d7db) transparent}.b24net-portal-list-form__wrapper:after{display:none}@media only screen and (max-width:768px){.b24net-portal-list-form__wrapper{width:calc(100% + 5px);padding:10px 13px 25px 0;margin:23px -13px 0 0}}.b24net-portal-list-form__invites-splitter{height:1px;border:none;margin:23px 0;background-color:#dfe0e3}.b24net-portal-list-form__no-portals-message{margin:23px 0 0;text-align:center;font-size:18px}.b24net-portal-list-form__create-b24-button{margin-top:30px}.b24net-portal-list__list{margin:0;list-style:none;padding:0}.b24net-portal-list__item-wrapper{margin:0 0 16px;position:relative}.b24net-portal-list__item-wrapper:last-of-type,.b24net-portal-list__item-wrapper:last-of-type .b24net-portal-list__item{margin:0 2px}.b24net-portal-card{height:50px;-webkit-user-select:none;user-select:none;border-radius:8px;background:var(--ui-color-background-primary);padding:14px 15px 14px 20px;margin:0 2px 16px;box-shadow:0 2px 3px 0 rgba(0,0,0,.08),inset 0 1px 0 0 rgba(0,0,0,.07);display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-sizing:border-box}.b24net-portal-card__badge{position:absolute;left:11px;top:-9px;padding:4px 8px;border-radius:15px;background-color:#fff;font-size:9px;text-align:center;font-weight:700;max-width:200px;z-index:10;color:#6a737f}.b24net-portal-card__badge,.b24net-portal-card__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b24net-portal-card__name{color:#525c69;font-size:16px;font-weight:var(--ui-font-weight-medium);line-height:var(--ui-font-line-height-3xs);letter-spacing:.18px;position:relative;cursor:pointer}.b24net-portal-card__invite-counter{display:flex;flex-shrink:0;justify-content:center;align-items:center;background-color:#ff5752;border-radius:50%;color:#fff;font-size:12px;font-weight:500;width:16px;height:16px;margin-right:auto;margin-left:5px}.b24net-portal-card__action-button{white-space:nowrap;border-radius:8px;font-size:12px;text-align:center;text-transform:capitalize;transition:background-color .2s;margin-left:20px}.b24net-portal-card--guest{border:1px solid #d4fdb0;box-shadow:0 2px 2px 0 #d4fdb060}.b24net-portal-card--extranet{border:1px solid #ffe9be;box-shadow:0 2px 2px 0 #ffe9be60}.b24net-portal-card--admin{border:1px solid #c4e6ff;box-shadow:0 2px 2px 0 #c4e6ff60}.b24net-portal-card__badge--guest{color:#19cc45}.b24net-portal-card__badge--extranet{color:#c48300}.b24net-portal-card__badge--admin{color:#1f86ff}.b24net-portal-card__action-button--accept{color:#fff;font-weight:700;padding:7px 16px;background-color:#1bce7b}.b24net-portal-card:hover .b24net-portal-card__action-button--accept{background-color:#1bde84;transition:filter .2s,background-color .2s,color .2s}.b24net-portal-card:active .b24net-portal-card__action-button--accept{background-color:#1bce7b;filter:brightness(95%);transition:filter .2s,background-color .2s,color .2s}.b24net-portal-card__action-button--enter{color:#0154c8;font-weight:500;padding:6px 12px;background-color:#e6f4ff}.b24net-portal-card:hover .b24net-portal-card__action-button--enter{filter:brightness(96%) saturate(110%);transition:filter .2s,background-color .2s,color .2s}.b24net-portal-card:active .b24net-portal-card__action-button--enter{background-color:#0062d6;color:#fff}