@charset "utf-8";

.s-component.s-social-media .s-component-editor.social-media-button-editor { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }

.s-component.s-social-media .s-component-editor.social-media-button-editor .s-social-media-buttons .social-media-button .link-icon { font-family: open_sans, "Open Sans", sans-serif; }

.s-social-media-edit { width: 440px; color: rgb(226, 228, 231); }

.s-social-media-edit .title { font-size: 20px; font-weight: bold; text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

.s-social-media-edit .note { margin: 10px 0px; line-height: 1.5; font-size: 12px; font-family: open_sans, "Open Sans", sans-serif; }

.s-social-media-edit button.s-kit-btn { margin: 0px; }

.s-social-media-edit .add-btn { margin-top: 1px; width: 100%; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 2px; background-color: rgb(71, 75, 86); text-transform: uppercase; font-weight: bold; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; cursor: pointer; }

.s-social-media-edit .add-btn:hover { background-color: rgb(92, 102, 118); }

.s-social-media-edit .sync-checkbox.button-list-part { margin-top: 20px; }

.s-social-media-edit .sync-checkbox .sync-hint { color: rgb(226, 228, 231); font-size: 12px; }

.s-social-media-edit .footer { margin-top: 20px; }

.s-social-media-edit .footer .submit { margin-right: 10px; }

.s-social-media-edit .footer .s-kit-btn:last-of-type { margin-right: 10px; }

.s-social-media-edit .footer .sync-checkbox { display: inline-block; }

.s-social-media-edit .social-media-contact-container { margin-top: 20px; }

.s-social-media-edit .social-media-contact-list { padding: 10px; margin-bottom: 1px; box-sizing: border-box; border-radius: 2px; font-size: 12px; }

.s-social-media-edit .social-media-contact-list, .s-social-media-edit .social-media-contact-list input { color: rgb(226, 228, 231); background: rgb(71, 75, 86); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; line-height: 15px; font-size: 12px; min-height: unset; }

.s-social-media-edit .social-media-contact-list input { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; padding: 0px 10px; }

.s-social-media-edit .social-media-contact-list input::-webkit-input-placeholder { color: rgb(141, 148, 156); }

.sm-item-container { display: flex; justify-content: space-between; align-items: center; background: rgb(71, 75, 86); padding: 10px; margin-bottom: 1px; color: rgb(226, 228, 231); box-sizing: border-box; border-radius: 2px; font-size: 12px; }

.sm-item-container.sxl-item { justify-content: flex-start; }

.sm-item-container.error { padding-bottom: 25px; }

.sm-item-container .s-kit-icon { color: rgb(226, 228, 231); }

.sm-item-container .drag-field { padding-left: 5px; cursor: move; }

.sm-item-container i.social-media-icon { margin: 0px 10px; font-size: 16px; }

.sm-item-container .social-media-svg { height: 16px; margin: 0px 10px; fill: currentcolor; }

.sm-item-container .item-title { margin-right: 10px; }

.sm-item-container .content-wrapper { flex: 1 1 0%; position: relative; display: inline-block; }

.sm-item-container .item-cell { width: 100%; overflow: hidden; display: inline-block; }

.sm-item-container .item-cell .sm-link-input { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; line-height: 15px; color: rgb(226, 228, 231); background-color: transparent; }

.sm-item-container .item-cell .sm-link { height: 15px; max-width: 92%; line-height: 15px; display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; scrollbar-width: none; }

.sm-item-container .item-cell .sm-link::-webkit-scrollbar { display: none; }

.sm-item-container .item-cell .sm-link.hint-link { color: rgb(141, 148, 156); }

.sm-item-container .item-cell .update-image, .sm-item-container .item-cell .show-image, .sm-item-container .item-cell .delete-image { cursor: pointer; display: inline-block; border-bottom: 1px solid rgb(226, 228, 231); }

.sm-item-container .item-cell .show-image { margin-right: 10px; }

.sm-item-container .item-cell .edit-icon { margin-left: 10px; vertical-align: top; }

.sm-item-container .delete-icon { cursor: pointer; margin-left: 10px; }

.sm-item-container .error-hint { top: 20px; left: 0px; position: absolute; white-space: nowrap; color: rgb(230, 71, 81); }

.social-media__style__stylizedHelper { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -5px, rgba(0, 0, 0, 0.2) 0px -5px 5px -5px; z-index: 3200; font-family: open_sans, "Open Sans", sans-serif; }