@import './base.css';
@import './layout.css';
@import './toggle.css';
/* Common */
a.poly-pin-anchor,
a.poly-pin-anchor:focus,
a.poly-pin-anchor:active {
    outline: none;
    user-select: none;
}

.poly-pin,
.poly-cursor,
.poly-pin-manager-block label {
    cursor: pointer
}

#wp-admin-bar-poly_pin_language_menu-default {
    max-height: 300px;
    overflow-x: hidden;
}

#wp-admin-bar-poly_pin_language_menu .active {
    color: #fff
}

.poly-pin-help-block {
    color: #737373;
    padding: 8px 0px;
}

.poly-pin-manager-button-reset {
    margin-bottom: 13px !important
}

.column-poly-pin {
    width: 80px;
    text-align: center !important;
}

/* Common */

/* Tooltips */
.polypin-tooltip{
    min-width: 200px;
    max-width: 800px;
    background: #fff09e;
    border: 1px solid #c7c7c7;
    padding: 8px;
    border-radius: 8px;
    position: absolute;
    display: block;
}
/* END Tooltips */

/* Pin themes */
.theme-overlay .poly-pin,.theme-overlay [class*='edit-']{display:none}
.poly-pinned-theme-note,
.poly-unpin-theme,
.poly-add-pin-theme {
    color: #0073aa;
    cursor: pointer;
}

/* Pin themes */

/* Pin plugins */
.poly-pinned-plugin-note,
.poly-unpin-plugin,
.poly-add-pin-plugin {
    color: #0073aa;
    cursor: pointer;
    margin-left: 5px;
}

/* Pin plugins */

/* Swal */
.poly-pin-popup.swal2-show #swal2-html-container{
    max-height:68vh;
    text-align: left;
}
.poly-pin-popup-container .poly-pin-popup-footer.swal2-footer-buttons {
    display: flex;
    justify-content: right;
}

#poly-pin-edit-note-btn {
    display: inline-block;
}

.poly-pin-popup-container .swal2-title {
    line-height: normal
}

.poly-pin-manager-confirm-deactive {
    text-align: left
}

.poly-pin-manager-confirm-deactive .option {
    margin-bottom: 8px;
    display: block
}

/* Swal */

/* Quick menu */
#poly-pin-menu-list {
    overflow-x: auto;
    position: relative;
}

#poly-pin-menu-list li span:first-child,
#poly-pin-menu-list li span:last-child {
    position: sticky;
    top: 0;
    z-index: 1;
}

#poly-pin-menu-list li span:first-child {

    left: 0;
}

#poly-pin-menu-list li span:last-child {
    right: 0;
}

#poly-pin-menu-list li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.poly-pin-manager-diver-default {
    height: 1px !important;
    background: #e4e4e4 !important;
    display: block
}

/* Mobile & Tablet */
@media (max-width: 768px) {

    #poly-pin-menu-list li span:first-child,
    #poly-pin-menu-list li span:last-child {
        border-radius: 4px;
        background-size: auto;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
    }

    #poly-pin-menu-list li span:first-child {
        padding: 12px 18px;
    }

    #poly-pin-menu-list li span:last-child {
        padding: 6px;
    }

    .poly-pin-popup-container h2 {
        font-size: 20px
    }

    .poly-pin-popup-container .swal2-html-container {
        font-size: 16px
    }
}

/* Mobile & Tablet */
/* Quick menu */

/* Icons */
.poly-icons {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    cursor: pointer;
}

.poly-icons.pin {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22%230073aa%22 class=%22bi bi-pin-angle-fill%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a6 6 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707s.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a6 6 0 0 1 1.013.16l3.134-3.133a3 3 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146%22/%3E%3C/svg%3E');
}

.poly-icons.unpin {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22%230073aa%22 class=%22bi bi-pin-angle%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a6 6 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707s.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a6 6 0 0 1 1.013.16l3.134-3.133a3 3 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146m.122 2.112v-.002zm0-.002v.002a.5.5 0 0 1-.122.51L6.293 6.878a.5.5 0 0 1-.511.12H5.78l-.014-.004a5 5 0 0 0-.288-.076 5 5 0 0 0-.765-.116c-.422-.028-.836.008-1.175.15l5.51 5.509c.141-.34.177-.753.149-1.175a5 5 0 0 0-.192-1.054l-.004-.013v-.001a.5.5 0 0 1 .12-.512l3.536-3.535a.5.5 0 0 1 .532-.115l.096.022c.087.017.208.034.344.034q.172.002.343-.04L9.927 2.028q-.042.172-.04.343a1.8 1.8 0 0 0 .062.46z%22/%3E%3C/svg%3E');
}

.poly-icons.note {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22%23ffac00%22 class=%22bi bi-stickies-fill%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M0 1.5V13a1 1 0 0 0 1 1V1.5a.5.5 0 0 1 .5-.5H14a1 1 0 0 0-1-1H1.5A1.5 1.5 0 0 0 0 1.5%22/%3E%3Cpath d=%22M3.5 2A1.5 1.5 0 0 0 2 3.5v11A1.5 1.5 0 0 0 3.5 16h6.086a1.5 1.5 0 0 0 1.06-.44l4.915-4.914A1.5 1.5 0 0 0 16 9.586V3.5A1.5 1.5 0 0 0 14.5 2zm6 8.5a1 1 0 0 1 1-1h4.396a.25.25 0 0 1 .177.427l-5.146 5.146a.25.25 0 0 1-.427-.177z%22/%3E%3C/svg%3E');
}

.poly-icons.code {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22%230073aa%22 class=%22bi bi-file-earmark-code%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z%22/%3E%3Cpath d=%22M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708m-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708%22/%3E%3C/svg%3E');
}

.poly-icons.edit {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16"%3E%3Cpath d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"%2F%3E%3Cpath fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"%2F%3E%3C%2Fsvg%3E');
}

/* Icons */