.out-of-office-popup .popup-base{max-width:480px}.out-of-office-popup .popup-base>div{padding:0 24px 24px}.out-of-office-popup .popup-base header h2{text-transform:inherit!important}.out-of-office-popup .popup-base>div .error-message{color:#d80000;margin-top:5px;font-size:13px}.out-of-office-popup .popup-base>div label{font-size:15px;font-weight:500;line-height:23px;display:block;color:#555;margin-top:24px}.out-of-office-popup .popup-base>div label:first-child{margin-top:0}.out-of-office-popup .popup-base>div label .optional{color:#999;font-size:13px;padding-left:5px}.out-of-office-popup .popup-base>div label input,.out-of-office-popup .popup-base>div label select{display:block;margin-top:7px;border-radius:3px;font-size:15px;border:1px solid #ddd;width:100%;color:#999;padding:10px}.out-of-office-popup .popup-base>div label input.is-active,.out-of-office-popup .popup-base>div label select.is-active{color:#555}.out-of-office-popup .popup-base>div label select{padding:12px}.out-of-office-popup .popup-base>div .vacation-date{margin-top:7px}.out-of-office-popup .popup-base>div .vacation-date label{width:80px;display:inline-block;margin:0 15px 0 0}.out-of-office-popup .popup-base>div .vacation-date .return-select.error{border:1px solid #d80000}.out-of-office-popup .popup-base>div .vacation-date select{color:#555}.out-of-office-popup .popup-base>div .fit-textarea{border-radius:3px;margin-top:44px}.out-of-office-popup .popup-base>div .fit-textarea textarea{font-size:15px;padding:10px 16px;color:#555}.out-of-office-popup .popup-base>div .fit-textarea textarea:focus{border:0;-webkit-box-shadow:none;box-shadow:none}.out-of-office-popup .popup-base>div .fit-textarea label{border-radius:3px}.out-of-office-popup .popup-base>div .fit-textarea label div{top:-30px}.out-of-office-popup .popup-base>div .fit-textarea footer{border:0;line-height:35px}.out-of-office-popup .popup-base>div .fit-textarea footer .fit-char-count{float:right}.out-of-office-popup .popup-base>div .fit-checkbox{font-size:14px;font-weight:400;color:#777;margin-top:10px;padding-left:20px;height:auto}.out-of-office-popup .popup-base>div .fit-checkbox .chk-img{margin-top:4px;position:absolute;left:0}.out-of-office-popup .popup-base>div .submit-vacation{float:right;margin-top:20px}.popup-root.base{opacity:0;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s}.popup-root.base.shown{opacity:1}.popup-root .popup-base{width:80vw;display:block;visibility:visible}.popup-root .popup-overlay-mobile{-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.popup-root.shown .popup-overlay-mobile{-webkit-transform:translateY(0);transform:translateY(0)}.popup-root.overlay-mobile .f-popup-wrapper{background-color:rgba(0,0,0,.7);-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;opacity:0}.popup-root.overlay-mobile.shown .f-popup-wrapper{opacity:1}.popup-overlay-mobile{background:#fff;position:fixed;top:0;right:0;bottom:0;left:0}.popup-overlay-mobile header{background-color:#111;height:50px;padding:15px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.popup-overlay-mobile header h2{color:#fff;text-align:center}.popup-overlay-mobile header a.btn-close{color:#999;padding:15px;position:absolute;z-index:1;right:0;top:50px;font-size:25px;line-height:25px}.popup-overlay-mobile h3{font-size:22px;line-height:120%;text-transform:capitalize;margin-bottom:5px}.popup-overlay-mobile .popup-content{padding:25px}.popup-overlay-mobile .popup-content p{font-size:14px;padding:0 25px 20px 0}.popup-overlay-mobile footer{position:absolute;z-index:1;right:25px;left:25px;bottom:20px}.popup-overlay-mobile footer .btn-lrg-standard{text-align:center;display:block}.popup-root.lean{opacity:0;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s}.popup-root.lean.shown{opacity:1}.popup-root.lean .btn-close.outside-close{display:block;font-weight:400}.popup-root.lean .popup-lean{background-color:#fff;position:absolute;z-index:1;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:70px 0;padding:20px;min-width:50vw;max-width:800px;min-height:30vh;border-radius:3px;font-size:14px;line-height:150%;-webkit-box-shadow:0 5px 15px 0 rgba(14,14,15,.15);box-shadow:0 5px 15px 0 rgba(14,14,15,.15)}.popup-root.lean .popup-lean h3{padding-bottom:14px;font:700 18px/20px Helvetica Neue,Helvetica,Arial,sans-serif;color:#0e0e0f}.popup-root.lean header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:20px}.popup-root.lean header div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1 1}.popup-root.lean header h6{color:#0e0e0f}.popup-root.lean header a:hover{text-decoration:none}.mobile-sticky.popup-root{position:fixed;bottom:0;top:auto;min-height:230px;height:230px}.mobile-sticky.popup-root .f-popup-wrapper.modal{background:#fff;min-height:230px;height:230px}.mobile-sticky a.btn-close{color:#999;padding:0 15px;position:absolute;z-index:1;right:0;font-size:25px;line-height:25px}.popup-root{position:absolute;z-index:2001;min-height:100vh;min-width:100vw;top:0}.popup-root .btn-close.outside-close{display:none;position:fixed;z-index:1;top:0;right:25px;padding:15px;font-size:30px;line-height:100%;color:#999;text-decoration:none;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s;border:0;background-color:transparent}.popup-root .btn-close.outside-close:hover{color:#555}.popup-root .f-popup-wrapper.modal{position:fixed;overflow-y:scroll;overflow-x:hidden;min-height:100vh;height:100vh;min-width:100vw}.popup-root .f-popup-wrapper.darken{background-color:rgba(0,0,0,.7)}.popup-root .f-popup-wrapper.brighten{background-color:hsla(0,0%,93.3%,.9)}.popup-root .centered{position:fixed;top:50vh;left:50vw;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.popup-root .in-progress-overlay{background-color:hsla(0,0%,100%,.8);position:absolute;z-index:1;top:0;bottom:0;right:0;left:0}.out-of-office{width:100%}.out-of-office .banner{padding:15px;border:1px solid #ddd;border-radius:3px}@media only screen and (min-width:600px){.out-of-office .banner{padding:20px}}.out-of-office .banner.in-profile-page{background:#e0ebec;padding-left:70px}@media only screen and (min-width:600px){.out-of-office .banner.in-profile-page{padding-left:105px}}.out-of-office .banner.in-profile-page:before{content:"";background-image:url(https://npm-assets.fiverrcdn.com/assets/@fiverr-private/out_of_office/suitcase.fdd65cf.svg);background-size:contain;float:left;width:40px;height:40px;margin-left:-55px}@media only screen and (min-width:600px){.out-of-office .banner.in-profile-page:before{width:64px;height:64px;margin-left:-85px}}@media (max-width:600px){.out-of-office .banner.in-profile-page .edit{display:none}}.out-of-office .banner.in-gig-page{background:#f7f7f7;padding-left:70px}@media only screen and (min-width:600px){.out-of-office .banner.in-gig-page{padding-left:95px}}.out-of-office .banner.in-gig-page .img-wrapper{position:relative;float:left;margin-left:-55px}@media only screen and (min-width:600px){.out-of-office .banner.in-gig-page .img-wrapper{margin-left:-75px}}.out-of-office .banner.in-gig-page .img-wrapper .user-ooo-indicator{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;left:33px;top:2px;background:#f7f7f7;border:2px solid #999;-webkit-box-shadow:0 0 0 2px #f7f7f7;box-shadow:0 0 0 2px #f7f7f7}@media only screen and (min-width:600px){.out-of-office .banner.in-gig-page .img-wrapper .user-ooo-indicator{left:50px;top:5px}}@media (max-width:600px){.out-of-office .banner.in-gig-page .user-pict-60,.out-of-office .banner.in-gig-page .user-pict-60 img{height:40px;width:40px}}.out-of-office .banner .content h3{font:500 16px/20px HCo Gotham SSm,Helvetica Neue,Helvetica,Arial,sans-serif;color:#0e0e0f}@media only screen and (min-width:600px){.out-of-office .banner .content h3{font-size:18px}}.out-of-office .banner .content h3 span{font-weight:300;color:#777}.out-of-office .banner .content small{font-size:13px;line-height:120%;display:block;padding-top:3px}@media only screen and (min-width:600px){.out-of-office .banner .content small{font-size:14px;padding-top:5px}}.out-of-office .banner .content small.settings-nav{display:none}@media only screen and (min-width:600px){.out-of-office .banner .content small.settings-nav{display:block;padding-top:5px}}.out-of-office .banner .content small.settings-nav .edit{margin-left:3px}.out-of-office .banner .content small a{color:#00698c;font-weight:500;display:inline-block}.out-of-office .banner .content small a.edit:hover,.out-of-office .banner .content small a.turn-off:hover{text-decoration:none}.out-of-office .banner .content small a.edit{margin-left:10px}.out-of-office .banner .content small a.edit:before{content:"\F040";font-family:FontAwesome;margin-right:4px}.out-of-office .banner .content small a.turn-off:before{content:"\F0B1";font-family:FontAwesome;margin-right:4px}.out-of-office .banner .content .buyer-message{font-size:13px;line-height:20px;font-style:italic;font-weight:300;padding-top:8px;display:block;quotes:"\201C" "\201D" "\2018" "\2019"}@media only screen and (min-width:600px){.out-of-office .banner .content .buyer-message{font-size:15px}}.out-of-office .banner .content .buyer-message:before{content:open-quote}.out-of-office .banner .content .buyer-message:after{content:close-quote}.pro-gig .out-of-office .banner .content small a{color:#1fd0b6}