관리-도구

편집 파일: playbooks.a3c632c3.css

.playbooks-page-wrapper a.button{color:#606a73}.playbooks-page-wrapper a.button:hover{background-color:#f2f7ff;color:#41495b;border:1px solid #d7e5ff}.playbooks-page-wrapper .playbooks-content{text-align:center;color:#606a73;box-sizing:border-box;overflow:hidden}.omapi-app-playbooks .container{box-sizing:border-box;padding:0 10px;margin:0 auto;width:100%;max-width:1160px}.omapi-app-playbooks .om-checkbox{align-items:center;display:flex;font-size:14px;position:relative;margin-bottom:15px}.omapi-app-playbooks .om-checkbox [type=checkbox]{opacity:0;pointer-events:none;position:absolute}.omapi-app-playbooks .om-checkbox [type=checkbox]:disabled{opacity:0}.omapi-app-playbooks .om-checkbox-group{display:flex;flex-direction:column}.omapi-app-playbooks .om-checkbox__input{background:#fff;border:1px solid #c9d0d6;border-radius:4px;display:inline-block;height:16px;line-height:1;margin-right:10px;width:16px;min-width:16px;cursor:pointer}.omapi-app-playbooks .om-checkbox :checked+.om-checkbox__input{align-items:center;background:#087ce1;background-size:10px;background-repeat:no-repeat;background-position:50%;border-color:#087ce1;display:flex;justify-content:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAQAAABq86Y9AAAAAmJLR0QA/4ePzL8AAABVSURBVAjXY2BAAf+5/y/934sudPD///8vkIW4/u8DCn3578DwP/9/838WuKpP/21A8h+AzOX/+ZGEgIKh/38DuW+RhMDCIf9/Qc1CsTXw/4H/Vgg+ANISRXiLut/hAAAAAElFTkSuQmCC)}.omapi-app-playbooks .om-checkbox :focus+.om-checkbox__input{outline:1px auto -webkit-focus-ring-color}.omapi-app-playbooks .om-checkbox__helper{color:#646970}.omapi-app-playbooks .om-checkbox__helper:before{content:"-";margin-left:.25rem}.omapi-app-playbooks .playbook-upsell.container{width:auto;padding-bottom:2px;padding-left:30px;padding-right:40px;padding-top:21px;margin-bottom:30px}.playbooks-intro{color:#60656f}.playbooks-intro__text{font-size:18px!important;line-height:1.4em!important;font-weight:300}.playbooks-intro__subtext{font-size:14px!important;line-height:1.4em!important;font-weight:300}.playbooks-recommendation{max-width:1240px;padding:0 40px;position:relative}.playbooks-recommendation.omapi-card{margin:0 auto 40px}.playbooks-recommendation .playbooks-card{outline:2px solid rgba(0,0,0,.05)}@media screen and (max-width:1240px){.playbooks-recommendation .playbooks-card:nth-child(3){margin-right:0}}@media screen and (max-width:1240px)and (max-width:720px){.playbooks-recommendation .playbooks-card{margin-right:0}}.playbooks-recommendation__dismiss{position:absolute;top:-13px;right:-13px;cursor:pointer}@media screen and (max-width:1520px){.playbooks-recommendation__dismiss{top:5px;right:5px}}.playbooks-recommendation__heading{margin-bottom:20px;font-size:24px;font-weight:600;line-height:1.4em}.playbooks-recommendation__heading svg{margin-right:5px;height:28px;vertical-align:sub}.playbooks-recommendation .playbooks-table__container:not(.featured-recommendation){margin-top:30px}@media screen and (max-width:1240px){.playbooks-recommendation .playbooks-table__container:not(.featured-recommendation) .playbooks-card.playbook:nth-of-type(2n){margin-right:0}}.playbooks-recommendation .playbooks-table__container.featured-recommendation .playbooks-card{background-color:transparent;border:none}@media screen and (max-width:1240px){.playbooks-recommendation .playbooks-table__container.featured-recommendation .playbooks-card.playbooks-card.playbook:nth-of-type(2n){margin-right:0}.playbooks-recommendation .playbooks-table__container{justify-content:flex-end}}@media screen and (max-width:1280px){.playbooks-recommendation{max-width:100%}}.playbooks-card{border-radius:3px;padding:15px;margin-bottom:60px!important;margin-right:24px;background-repeat:no-repeat;flex:0 1 calc(33.33333% - 54px)!important}@media screen and (max-width:1240px){.playbooks-card{flex-basis:calc(50% - 54px)!important;margin-bottom:30px!important;flex-grow:1!important}}@media screen and (max-width:720px){.playbooks-card{flex-basis:100%!important}}.playbooks-card__medium{flex:auto!important}@media screen and (max-width:1220px){.playbooks-card__medium{flex-basis:460px!important}}.playbooks-card__large{flex-basis:1160px!important}.playbook-preview{min-height:212px;background-size:contain;background-position:50%;background-repeat:no-repeat}@media screen and (max-width:1210px){.playbook-preview{min-height:175px}}.playbook-preview__buttons{min-height:212px;width:100%;background-color:#6c7781;display:none;justify-content:center;align-items:center}@media screen and (max-width:1210px){.playbook-preview__buttons{min-height:175px}}.playbook-preview__buttons .button{padding:9px 10px;border:1px solid #fff;border-radius:3px;font-size:14px;font-weight:600;text-align:center;line-height:1}.playbook-preview__buttons .button:first-child{margin-right:5px}.playbook-preview__buttons .button.primary{background-color:#46b450;border-color:#46b450;color:#fff}.playbook-preview__buttons .button.primary:hover{background-color:#3fa548;border-color:#3fa548;color:#fff}.playbook-preview__buttons .button.secondary{background-color:transparent;color:#fff}.playbook-preview__buttons .button.secondary span{color:#fff}.playbook-preview__buttons .button.secondary:hover{background-color:#fff;color:#646970;text-decoration:none!important}.playbook-preview__buttons .button.secondary:hover span{color:#646970}.playbook-preview__buttons .button svg{width:16px;height:16px;display:block;margin:auto}.playbook-description{color:#606a73;font-size:16px;margin:10px 0 15px;font-weight:600;line-height:1.4em}.playbook-rules{margin-bottom:15px;color:#606a73}.playbook-rules__heading{font-size:15px;font-weight:500;margin-bottom:15px}.playbook-rule{display:flex;align-items:center;padding:1px 0 2px;font-size:15px;font-weight:500;line-height:1.5em;margin-bottom:5px}.playbook-rule svg{vertical-align:text-bottom;margin-right:10px}.playbook-rule span{width:100%}.playbook:hover .playbook-preview__buttons{display:flex}.playbook .inspired-by{margin-bottom:10px;font-size:12px;line-height:1em;color:#6c7781}.playbook .inspired-by__name{font-size:20px;font-weight:600;line-height:25px;margin-top:5px;color:#606a73}.playbook .inspired-by__amount{margin-left:5px;padding:5px 7px 6px 7px;font-size:14px;font-weight:600;color:#6ba017;background-color:rgba(70,180,80,.1);border-radius:3px;vertical-align:bottom}.playbook .inspired-by__amount svg{width:23px;height:15px;margin-right:5px;vertical-align:sub}.playbook .hire-expert{font-size:14px;font-weight:600;line-height:1em}.playbook .hire-expert a{color:#0d82df}.playbook__featured{padding:40px;background-repeat:no-repeat;background-position:100%}.playbook__featured>div{max-width:482px}@media screen and (max-width:1210px){.playbook__featured>div{max-width:440px}}.playbook__featured .inspired-by{font-size:14px;line-height:1.4em;margin-bottom:10px}.playbook__featured .inspired-by__name{font-size:36px;line-height:1em;margin-top:10px}.playbook__featured .inspired-by__amount{border:1px solid #46b450}.playbook__featured .playbook-description{font-size:18px;line-height:1.4em;margin-bottom:30px}.playbook__featured .playbook-heading-rules{margin-bottom:35px}.playbook__featured .playbook-heading-rules__heading{font-size:16px}.playbook__featured .playbook-featured__buttons{display:flex;margin-bottom:10px}.playbook__featured .playbook-featured__buttons .button{font-size:18px;font-weight:600;height:auto}.playbook__featured .playbook-featured__buttons .primary{margin-right:10px;padding:16px 40px;background-color:#46b450;border-color:#46b450;color:#fff}.playbook__featured .playbook-featured__buttons .primary:hover{background-color:#3fa548;border-color:#3fa548;color:#fff}.playbook__featured .playbook-featured__buttons .secondary{padding:16px 24px;background-color:#ddd;border-color:#ddd}.playbook__featured .playbook-featured__buttons .secondary:hover{background-color:#fafafb}.playbook__featured .playbook-featured__buttons .secondary span{color:#646970}.playbooks-filter{border-bottom:2px solid #e8e8eb;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media screen and (max-width:618px){.playbooks-filter{justify-content:center}}.playbooks-filter__filters{display:flex;margin-bottom:-2px}.playbooks-filter__filter{font-size:15px;border-bottom:2px solid transparent;cursor:pointer;color:#646970;height:60px;display:flex;align-items:center;justify-content:center;position:relative}.playbooks-filter__filter.selected{border-bottom:2px solid #087ce1}.playbooks-filter__filter.selected span{font-weight:600;color:#23282d}.playbooks-filter__filter-options{display:none;position:absolute;left:0;top:calc(100% + 2px);height:auto;z-index:2;font-size:13px}.playbooks-filter__filter:hover .campaign-type-filter__filter-options{display:block}.playbooks-filter__filter-featured{width:97px}@media screen and (max-width:990px){.playbooks-filter__filter-featured{width:82px}}.playbooks-filter__filter-latest{width:81px}@media screen and (max-width:990px){.playbooks-filter__filter-latest{width:66px}}.playbooks-filter__filter-category{width:152px}.playbooks-filter__filter-category>span{display:flex;align-items:center;justify-content:center}.playbooks-filter__filter-category>span>svg{width:14px;margin-right:5px}.playbooks-filter__filter-category.active>span,.playbooks-filter__filter-category:hover>span{padding:8px 14px;font-weight:400;font-size:15px;line-height:14px;border-radius:3px;background-color:#087ce1;color:#fff;border:1px solid #087ce1}.playbooks-filter__filter-category.active>span:hover,.playbooks-filter__filter-category:hover>span:hover{background-color:#096bc1;border-color:#096bc1}.playbooks-filter__search{position:relative;justify-self:flex-end;align-self:center;width:219px}@media screen and (max-width:990px){.playbooks-filter__search{width:219px;margin-bottom:20px}}@media screen and (max-width:618px){.playbooks-filter__search{width:100%}}.playbooks-filter__search svg{position:absolute;right:8px;top:15px;width:13px;height:13px}.playbooks-filter__search svg.clear-search{cursor:pointer}.playbooks-filter__search .omapi-input[type=text]{height:44px;margin:0}.playbooks-filter__search .omapi-input[type=text]::-moz-placeholder{color:#c9d0d6}.playbooks-filter__search .omapi-input[type=text]::placeholder{color:#c9d0d6}.playbooks-filter__options{flex-basis:100%}.playbooks-filter__options .filters-top{background-color:#fff;padding:10px 10px;border:2px solid #fafafb}@media screen and (max-width:950px){.playbooks-filter__options .filters-top{flex-direction:column}.playbooks-filter__options{margin-bottom:20px}}.playbooks-filter__options .filters-left{display:flex;justify-content:flex-start;flex-wrap:nowrap}@media screen and (max-width:950px){.playbooks-filter__options .filters-left{flex-wrap:wrap-reverse;justify-content:center}}.playbooks-filter__options .filters-left .om-checkbox-group{padding:20px;flex-grow:1;align-items:flex-start}.playbooks-filter__options .filters-left .om-checkbox-group label{font-weight:400}.playbooks-filter__options .filters-left .om-checkbox-group label:hover{cursor:default}.playbooks-filter__options .filters-left .om-checkbox-group strong{font-weight:600;font-size:14px;line-height:140%;padding:0 0 15px;color:#23282d;text-transform:capitalize}.playbooks-filter__options .filters-right{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.playbooks-filter__options .filters-bottom{padding:16px 29px 14px;background:#fff;border-radius:0 0 3px 3px;border:2px solid #fafafb;text-align:left}.playbooks-filter__options .filters-bottom button:disabled{opacity:.5}.playbooks-filter .did-you-know{max-width:442px;border-left:1px solid #ddd;padding:20px 15px;display:flex;justify-content:flex-start;text-align:left}@media screen and (max-width:950px){.playbooks-filter .did-you-know{border-left:none;border-top:1px solid #ddd;max-width:100%;border-top:none;border-bottom:1px solid #ddd}}.playbooks-filter .did-you-know>svg{width:108px;flex-basis:108px;margin-right:16px}.playbooks-filter .did-you-know>div{flex-basis:calc(100% - 154px)}.playbooks-filter .did-you-know>div>strong{display:block;font-size:15px;line-height:150%;color:#23282d;margin-bottom:2px}.playbooks-filter .did-you-know>div p{font-size:14px;line-height:150%;margin-bottom:9px}.playbooks-table{width:auto;box-sizing:content-box}@media screen and (max-width:1200px){.playbooks-table{max-width:98%}}.playbooks-table__container{display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:left;margin-right:-24px}.playbooks-table .not-found{font-size:24px;font-weight:600;padding:50px 0}.playbooks-page-wrapper .v--modal-overlay .v--modal .header{background-color:#fff}.playbooks-page-wrapper .v--modal-overlay .v--modal .header svg{color:#555d66}.playbooks-page-wrapper .v--modal-overlay .v--modal .content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 54px 54px}.playbooks-page-wrapper .v--modal-overlay .v--modal .content h1{margin:0 0 20px;font-size:24px;font-weight:600}.playbooks-page-wrapper .v--modal-overlay .v--modal .content p{color:#6c7781;text-align:center}.playbooks-page-wrapper .v--modal-overlay .v--modal .content ul{margin:6px 0 24px}.playbooks-page-wrapper .v--modal-overlay .v--modal .content li{list-style-type:none;position:relative;padding:0 0 0 30px;margin-bottom:16px}.playbooks-page-wrapper .v--modal-overlay .v--modal .content li:before{content:"";display:block;position:absolute;top:1px;left:0;width:20px;height:20px;background:#46b450;border-radius:100%}.playbooks-page-wrapper .v--modal-overlay .v--modal .content li svg{width:12px;fill:#fff;color:#fff;position:absolute;top:5px;left:4px}.playbooks-page-wrapper .v--modal-overlay .v--modal .content .button{height:auto;padding:16px 24px;border:1px solid #fff;border-radius:3px;font-size:16px;font-weight:600;text-align:center}.playbooks-page-wrapper .v--modal-overlay .v--modal .content .button:first-child{margin-right:5px}.playbooks-page-wrapper .v--modal-overlay .v--modal .content .button.primary{background-color:#46b450;border-color:#46b450;color:#fff}.playbooks-page-wrapper .v--modal-overlay .v--modal .content .button.primary:hover{background-color:#3fa548;border-color:#3fa548;color:#fff}.playbooks-page-wrapper .v--modal-overlay .v--modal .content .button.link-style{background-color:transparent;border:0;color:#087ce1;font-size:14px;font-weight:400;padding:0;margin:9px 0 0}.playbooks-page-wrapper .v--modal-overlay .v--modal .content .button.link-style:hover{color:#096bc1}.playbooks-page-wrapper .create-campaign-modal .v--modal .header{background-color:#41495b}.playbooks-page-wrapper .create-campaign-modal .v--modal form{width:100%}