.panel{border:1px solid #2574a9;padding:18px;font-size:14px}.panel header{font-size:16px;font-weight:700}.panel-header-closed{padding-top:12px}.panel-header-closed header{border-bottom:1px solid #dcdcdc;margin-bottom:18px;margin-left:-18px;margin-right:-18px;padding:0 18px 12px}.panel.search-filter-panel .search-filter-panel__group{align-items:center;display:flex}.panel.search-filter-panel .search-filter-panel__group input{margin-right:12px}.panel.search-filter-panel .search-filter-panel__submit{align-items:center;margin-top:12px;display:flex}.panel.search-filter-panel .search-filter-panel__submit .center{text-align:center;margin:0 12px}.panel.need-help{line-height:1.4}.account-page{padding:0 12px 18px}.account-page__status .logged-out-message{padding:0}.panel__account-link{color:#2574a9}@media (width>=966px){.account-heading-wrapper .page_header{max-width:512px}.account-page{justify-content:center;display:flex}.account-page__status{flex-basis:500px;margin:0 20px}}.account-page__aside{flex-basis:225px;display:none}@media (width>=966px){.account-page__aside{display:block}}.account-status{margin-bottom:12px;font-size:14px}.account-status__main-heading{margin-bottom:12px;font-size:16px}.account-status__benefits-text{font-weight:700}.account-status__benefits-list{padding:0;line-height:1.4;list-style-type:none}.account-status__benefits-list-item--first{margin-bottom:24px}.account-status__benefits-list-item{margin-left:30px;position:relative}.account-status__benefits-list-item:before{content:"";color:#00b16a;font-family:"Font Awesome 7 Pro";font-size:18px;font-weight:300;display:inline-block;position:absolute;left:-30px}.account-status__benefits-list-highlight{font-size:16px;font-weight:700;display:inline-block}.account-status__button{text-align:right}.account-status.panel-bold,.account-status.panel-bold .account-status__button{text-align:center}.account-status.panel-bold .button--secondary{margin-bottom:12px;margin-right:6px}.account-status.panel-bold .account-status__text-wrapper{margin-bottom:12px}.account-status.panel-bold .account-status__main-heading{margin-bottom:0}.account-status__upgraded-status{margin-bottom:12px;font-size:16px}.account-page__options{flex-flow:column;line-height:1.4;display:flex}.account-page__options .panel{margin-bottom:12px;padding:12px 12px 12px 40px;font-size:16px;position:relative}.account-page__options .panel__account-heading{color:#2574a9;font-weight:700}.account-page__options .panel__text-content{color:#333;font-size:14px}.account-page__options .panel__account-link:hover .account-panel-icon{color:#2574a9}.account-page__options .account-panel-icon{color:#000;align-items:center;height:100%;font-size:18px;font-weight:300;display:flex;position:absolute;top:0;left:12px}.account-page__options .counter{position:absolute;top:0;right:0}.panel.account-option .panel__content-wrapper{display:flex}.panel.account-option{padding-left:12px}.panel.account-option .panel__account-heading{margin-bottom:6px}.panel.account-option .button{margin-left:12px}.panel.post-an-ad .button{margin-top:12px;padding:12px 24px}.account-page__options .tooltip{position:relative}.account-page__options .tooltip_box{z-index:100;width:150px;font-size:14px;display:none;position:absolute;bottom:30px;left:-10px}.account-page__options .tooltip_text{color:#525252;background:#fff9cf url(/img/spareroom/v4/icons/msg_notice.png) 10px 10px no-repeat;border:1px solid #dcdcdc;border-radius:6px;padding:10px 10px 10px 34px;font-size:14px;display:block;box-shadow:2px 2px 3px #0000001a}.account-page__options .tooltip_arrow{background-color:#fff9cf;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;width:10px;height:10px;position:absolute;bottom:-5px;left:15px;transform:rotate(45deg);box-shadow:2px 2px 3px #0000001a}.account-page__options .anchor_text{color:#fff;background-color:#1f628f;padding:3px 6px;display:inline-block}.account-page__options .new-count .anchor_text{background-color:#14c8f6}@media (width>=966px){.account-status{margin-bottom:20px}.account-page__options{flex-flow:wrap;justify-content:space-between}.account-page__options .panel{flex-shrink:1;width:calc(50% - 10px);min-height:120px;margin-bottom:20px;padding:21px 18px}.account-page__options .panel__text-content{float:left;max-width:80%}.account-page__options .account-panel-icon{float:right;position:static}.panel-standard--account-email-alert{display:none}.tooltip:hover .tooltip_box,.tooltip:focus .tooltip_box{display:block}}

.modal-overlay{z-index:500;will-change:background-color;background-color:#0000;transition:background-color .3s ease-in;position:fixed;inset:0;overflow:auto}.modal-overlay--open{background-color:#00000080}.modal{box-sizing:border-box;z-index:501;background-color:#fff;outline:none;width:100vw;height:auto;max-height:calc(100vh - 100px);position:fixed;bottom:0;overflow:auto;box-shadow:0 2px 24px #0000005c}@supports (-webkit-touch-callout:none){.modal{max-height:calc(100vh - 150px)}}.modal__header h1,.modal__header h2,.modal__header h3,.modal__header h4,.modal__header h5,.modal__header h6{color:#333;margin:0;padding:0;line-height:1.25}.modal__header{border-bottom:1px solid #dcdcdc;padding:18px 40px 18px 18px}.modal__content{padding:18px}.modal__content--full-bleed{padding:0}.modal__close{color:#525252;cursor:pointer;background-color:#0000;border:0;flex-direction:column;align-items:center;padding:12px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;top:0;right:6px}.modal__close:focus{outline:1px auto highlight;outline:1px auto -webkit-focus-ring-color}@media only screen and (width<=768px){.modal{transform-origin:bottom;will-change:transform;opacity:1;transition:transform .3s ease-in-out;transform:translateY(100%)}.modal--open{transform:translateY(0)}}@media only screen and (width>=768px){.modal{will-change:opacity;opacity:0;border-radius:3px;max-width:375px;transition:opacity .3s ease-in-out;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.modal--open{opacity:1}.modal--large{max-width:760px}}

.modal__ad-example-image{max-width:100%;height:auto;margin-bottom:18px}.modal__ad-example-upgrade-button .button{width:100%}
