.aitorpena-modal {
    width: 100%;
    max-width: 600px;
    border: none;
    border-radius: 1em;
    height: 100%;
    max-height: 520px;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    outline:none;
}

.aipamena_btn_container {
    display: flex;
    padding: 10px 0;
}



.aipamena_btn {
    cursor: pointer;
    color: #9D8AAF;
    line-height:15px;
}

.aipamena_btn:hover {
    text-decoration: underline;
}

.dialog-inner {
    display: flex;
    flex-direction: column;
    width:100%;
    height: 100%;
    justify-content: space-between;
    padding: 0 1em;
}

.dialog-inner:focus-visible {
    outline:none;
}

.dialog-inner-header {
    display: flex;
    width: 100%;
    padding:1em;
    justify-content: flex-end;
}

.dialog-inner-header > span {
    font-size: 2em;
    font-weight: 600;
    cursor: pointer;
}

.dialog-inner-format-btns {
    display: flex;
    gap: 1em;
    align-items: baseline;
}

.format-btn {
    cursor:pointer;
    transition: all .5 ease-in;
    padding: 0 1em;
}

.format-btn:hover {
    color:#808080;
}

.format-btn.selected {
    border-bottom: 2px solid #9D8AAF;
}

.dialog-inner-testua {
    height: 300px;
    background-color: #9d8aaf33;
    padding: 1em;
    border-radius:3px;
}

.aitorpena-text:not(.visible) {
    display:none;
}

.aitorpena-text.visible {
    display:block;
}

.dialog-inner-copy-btn {
    display: flex;
    position: relative;
    justify-content: flex-end;
}

.copy-btn {
    display: flex;
    cursor: pointer;
}

.copyed-text {
    position: absolute;
    top: -30px;
    width: 100%;
    text-align: center;
    background-color: #7f9b7f;
    color: white;
    font-weight: 600;
    opacity:0;
    transition: all .5s ease-out;
}

.copyed-text.error {
    background-color:rgb(144, 93, 93);
}

.copyed-text.done {
    opacity:1;
}

.dialog-inner-format-explanation {
    font-style: italic;
    color:#808080;
}