﻿
.it-links-wrapper {
    display: flex;
    flex-wrap: wrap;
}

#edit-url {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.5);
}

    #edit-url > div {
        background-color: #fff;
        border: none;
        border-radius: 8px;
        box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
        padding: 16px;
        width: 320px;
        z-index: 10000;
    }



#dialog-title {
    color: rgb(32, 33, 36);
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 16px;
}


.field-title {
    color: rgb(154, 160, 166);
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 4px;
}

.field-input {
    background-color: rgb(232, 234, 237);
    border: none;
    border-radius: 4px;
    caret-color: rgb(26, 115, 232);
    color: rgb(32, 33, 36);
    font-family: 'Roboto', arial, sans-serif;
    font-size: 13px;
    height: 32px;
    line-height: 24px;
    outline: none;
    padding-inline-end: 8px;
    padding-inline-start: 8px;
    width: calc(100% - 16px);
}

#url-field:not(.text-modified) {
    color: rgba(32, 33, 36, 0.38);
}


.buttons-container {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

    .buttons-container .right {
    }

.it-links-wrapper button {
    border: none;
    border-radius: 4px;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    padding: 0 16px;
    transition-duration: 200ms;
    transition-property: background-color, color, box-shadow, border;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

    button:disabled {
        transition: none;
    }

    button.primary {
        background-color: rgb(26, 115, 232);
        color: white;
    }

        button.primary:disabled {
            background-color: rgb(241, 243, 244);
            color: rgb(128, 134, 139);
        }

        button.primary:hover:not(:disabled) {
            background-color: rgb(41, 123, 231);
            box-shadow: 0 1px 2px 0 rgba(66, 133, 244, 0.3), 0 1px 3px 1px rgba(66, 133, 244, 0.15);
        }

        button.primary:active:not(:disabled) {
            box-shadow: 0 1px 2px 0 rgba(66, 133, 244, 0.3), 0 3px 6px 2px rgba(66, 133, 244, 0.15);
        }

    button.secondary {
        background-color: white;
        border: 1px solid rgb(218, 220, 224);
        color: rgb(26, 115, 232);
    }

        button.secondary:disabled {
            border-color: rgb(241, 243, 244);
            color: rgb(128, 134, 139);
        }

        button.secondary:hover:not(:disabled) {
            background-color: rgba(66, 133, 244, 0.04);
            border-color: rgb(210, 227, 252);
        }

        button.secondary:active:not(:disabled) {
            background-color: white;
            border-color: white;
            box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 3px 6px 2px rgba(60, 64, 67, 0.15);
        }

#cancel {
    margin-right: 8px;
}


.underline {
    border-bottom: 2px solid rgb(26, 115, 232);
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 120ms ease-out, width 0ms linear 180ms;
    width: 0;
}

input:focus + .underline {
    opacity: 1;
    transition: width 180ms ease-out, opacity 120ms ease-in;
    width: 100%;
}






.site-container {
    border: #d7d7d7 solid 1px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    width: 200px;
    text-align: center;
}

    .site-container i {
        padding: 30px;
        color: #d7d7d7;
        cursor: pointer;
    }

.site-inner .preview {
    display: inline-flex;
    cursor: pointer;
    background-size: contain;
    width: 200px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: 50px;
    cursor: pointer;
    /*background-image: url('data:image/png;base64,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');*/
}

    .site-inner .preview span {
        word-break: break-all;
        padding: 5px;
    }

.site-container .separator {
    margin-top: 5px;
    padding: 0 5px 5px 5px;
    border-top: #d7d7d7 solid 1px;
}

.site-container .actions {
    padding: 5px;
}

    .site-container .actions i {
        padding: 5px;
        color: #d7d7d7;
    }

        .site-container .actions i:hover {
            color: #000;
            cursor: pointer;
        }