관리-도구

편집 파일: integrations.95d80fb2.css

.omapi-integrations-wrap{display:flex;flex-flow:row wrap;box-sizing:border-box;overflow:auto;justify-content:flex-start}.omapi-integrations-wrap .integration-wrap{flex-basis:20%;flex-basis:calc(25% - 16px);transition:opacity .25s ease;min-width:216px;border:8px solid transparent}.omapi-integrations-wrap .om-hide{display:none}.omapi-integrations-wrap .om-dim{opacity:.75}.omapi-integrations-wrap .expandable-content.active,.omapi-integrations-wrap .fade-in{animation:fadeIn .2s ease;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.omapi-integrations-wrap .align-top{align-items:flex-start}.omapi-integrations__section{position:relative;margin-bottom:20px}.omapi-integrations__section h2{color:#23282d;font-size:16px;font-weight:700;line-height:22.4px;margin-bottom:25px;margin-top:8px}.omapi-integrations__section.all-integrations h2{margin-bottom:15px}.omapi-card.omapi-integration-card{margin-bottom:0}.omapi-integration-card{display:flex;justify-content:center;flex-basis:100%;height:175px;text-align:center;width:100%;transition:margin .25s;border:2px solid #fff;min-width:216px}.omapi-integration-card:hover{border-color:#087ce1;box-shadow:0 3px 2px rgba(0,0,0,.05)}.omapi-integration-card.active:after{animation:fadeIn .5s ease;animation-fill-mode:forwards;animation-delay:.5s;opacity:0;content:"";position:absolute;bottom:-21px;left:50%;margin-left:-14px;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:16px solid #fff}.omapi-integration-card .omapi-card-content{padding-top:21px!important}.omapi-integration-card .omapi-card-content:hover{cursor:pointer}.omapi-integration-card .omapi-card-content:hover .omapi-integration-card__cta span{text-decoration:underline}.omapi-integration-card__image{max-height:68px;max-width:68px;margin-bottom:6px}.omapi-integration-card__name{font-size:14px;font-weight:700;line-height:14px;margin-bottom:2px}.omapi-integration-card__connections{color:#6c7781;font-size:12px;line-height:18px;margin-bottom:8px}.omapi-integration-card__cta span{color:#087ce1;display:block;font-size:12px;margin-top:10px!important}.expandable-content{position:absolute;left:8px;width:100%;z-index:9;opacity:0}.expandable-content .omapi-card{margin:16px 16px 0 0}.expandable-content .omapi-card-title.capital{padding-top:22px;padding-left:31px;padding-bottom:20px}.expandable-content__title{align-items:center;display:flex;font-size:18px;font-weight:700;line-height:25.2px}.expandable-content__title .int-count{background-color:#e9ebec;font-size:16px;height:22px;width:29px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-left:11px}.existing-integrations-wrap .existing-integration{display:flex;font-size:13px;justify-content:space-between;padding:10px 10px 10px 20px}.existing-integrations-wrap .existing-integration:nth-child(odd){background-color:#f7f8fb}.existing-integrations-wrap .existing-integration__label{align-items:center;display:flex;font-weight:700;width:600px}.existing-integrations-wrap .existing-integration__created{align-items:center;display:flex;color:#24292d;width:600px;justify-content:center}.existing-integrations-wrap .existing-integration__connected{font-size:13px;color:#6c7781;margin-right:5px}.existing-integrations-wrap .existing-integration__actions{align-items:center;display:flex;width:600px;justify-content:flex-end}@media (max-width:850px){.existing-integrations-wrap .existing-integration__actions,.existing-integrations-wrap .existing-integration__created,.existing-integrations-wrap .existing-integration__label{margin-bottom:10px;display:block;width:100%;text-align:center}}.omapi-integrations-filter{border-bottom:2px solid #e8e8eb;display:flex;height:60px;justify-content:space-between;margin-bottom:20px}@media (max-width:990px){.omapi-integrations-filter{justify-content:start}}@media screen and (max-width:782px){.omapi-integrations-filter{display:block;height:auto}}.omapi-integrations-filter__filters{display:flex}@media screen and (max-width:782px){.omapi-integrations-filter__filters{margin-bottom:10px}}.omapi-integrations-filter__filter{color:#6c7781;cursor:pointer;font-size:15px;align-items:center;display:flex;height:60px;justify-content:center}.omapi-integrations-filter__filter.visually-hidden{visibility:hidden}.omapi-integrations-filter__filter.selected,.omapi-integrations-filter__filter:hover{border-bottom:2px solid #087ce1;color:#23282d;font-weight:700}.omapi-integrations-filter__filter-sort{font-weight:700}.omapi-integrations-filter__filter.clear{padding:0 20px}.omapi-integrations-filter__filter.clear:hover{border-bottom:2px solid #dc3232}.omapi-integrations-filter__filter.email-marketing{width:144px}.omapi-integrations-filter__filter.crm{width:74px}.omapi-integrations-filter__filter.remarketing{width:127px}@media screen and (max-width:782px){.omapi-integrations-filter__filter-sort,.omapi-integrations-filter__filter.clear,.omapi-integrations-filter__filter.crm,.omapi-integrations-filter__filter.email-marketing,.omapi-integrations-filter__filter.remarketing{float:left}}.omapi-integrations-filter__search{position:relative;justify-self:flex-end;align-self:center;width:212px}@media screen and (max-width:990px){.omapi-integrations-filter__search{width:100%}}@media screen and (max-width:782px){.omapi-integrations-filter__search{display:block}}.omapi-integrations-filter__search svg{position:absolute;right:8px;top:9px;width:13px;height:13px}.omapi-integrations-filter__search svg.clear-search{cursor:pointer}.omapi-integrations-filter__search .omapi-input[type=text]{width:212px;height:30px;padding-right:24px;margin:0}@media screen and (max-width:990px){.omapi-integrations-filter__search .omapi-input[type=text]{width:100%}}.omapi-integrations-filter__filter-sort{color:#6c7781;font-size:15px;width:36px;align-items:center;display:flex;height:60px;justify-content:center}.omapi-integration-cta{margin-top:20px}.omapi-integrations-form .alert-message blockquote{font-weight:600}.omapi-integrations-form__intro{border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:15px!important;padding:20px 0}.omapi-integrations-form__intro p{font-size:15px!important;margin:0}.omapi-integrations-form.adding .omapi-integrations-form__intro{border-top:0;padding:10px 0 30px 0}.omapi-integrations-form__oauth{margin-top:20px;width:100%}.omapi-integrations-form__oauth .alert-message:before{display:none}.omapi-integrations-form__oauth .alert-message button{margin-left:10px}.omapi-integrations-form__wrap{margin:0}.omapi-integrations-form__cta{margin-top:30px}.omapi-integrations-form__cta>p{margin-bottom:0}.omapi-integrations-form__field-wrap{display:flex;border-bottom:1px solid #ddd;padding:30px 0}@media (max-width:850px){.omapi-integrations-form__field-wrap{display:block;margin-bottom:20px}}.omapi-integrations-form__field-wrap-label{align-items:center;display:flex;font-size:14px;font-weight:700;width:300px}@media (max-width:850px){.omapi-integrations-form__field-wrap-label{display:block;margin-bottom:20px}}.omapi-integrations-form__field-wrap-label.large{width:360px}.omapi-integrations-form__field-wrap-field{align-items:center;display:flex;width:600px}@media (max-width:850px){.omapi-integrations-form__field-wrap-field{display:block}}.omapi-integrations-form__field-wrap-field .omapi-input__multiselect,.omapi-integrations-form__field-wrap-field input[type=text]{margin:0!important;width:100%}@media (max-width:850px){.omapi-integrations-form__field-wrap-field .omapi-input__multiselect,.omapi-integrations-form__field-wrap-field input[type=text]{width:90%!important}}.omapi-integrations-form__field-wrap-field input[type=text]::-moz-placeholder{color:hsla(215,6%,42%,.5)}.omapi-integrations-form__field-wrap-field input[type=text]::placeholder{color:hsla(215,6%,42%,.5)}.delete-integration{height:35px;width:118px}.delete-integration svg{height:20px;width:20px}.omapi-app-integrations .om-page>.integrations-loading{position:absolute;display:flex;justify-content:center;align-items:center;width:100%}.search-alert{margin:auto;width:879px}