#search-button-narratheque-E61727261 {
position: fixed;
top: 99px;
right: 0;
background: #000;
color: white;
min-width: 40px;
max-width: 300px;
width: auto;
padding: 3px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 50px;
border-radius: 10px 0 0 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
cursor: pointer;
font-size: 18px;
transition: transform 0.3s ease, background 0.3s ease;
z-index: 9999 !important;
}
#search-button-narratheque-E61727261:hover {
opacity: 0.7;
}
.modal-narratheque-E61727261 {
position: fixed;
top: 0;
right: -100%; 
width: 700px; 
max-width: 100%;
height: 100%;
background: white;
box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2);
transition: right 0.3s ease-in-out;
z-index: 10000 !important;
}
.modal-narratheque-E61727261.template-1 {
position: fixed;
border-radius: 10px;
top: 5%;
right: -100%;
width: 470px;
max-width: 100%;
height: 90%;
background: linear-gradient(180deg, #CDE7F7 0%, #A1BEE8 54.33%, #81A1DD 100%);
box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2);
transition: right 0.3s ease-in-out;
z-index: 10000 !important;
}
.modal-content-narratheque-E61727261 {
background: #fff;
padding: 20px;
border-radius: 10px;
width: 100%;
display: flex;
flex-direction: column;
position: relative;
}
.modal-content-narratheque-E61727261 {
height: 100%;
padding-top: 49px;
}
.modal-narratheque-E61727261.template-1 .modal-content-narratheque-E61727261 {
background: transparent;
padding: 20px;
border-radius: 10px;
width: 100%;
display: flex;
flex-direction: column;
position: relative;
}
.modal-narratheque-E61727261 .title-modal-E61727261 {
height: 0;
opacity: 0;
}
.modal-narratheque-E61727261 .title-modal-E61727261 h2 {
height: 0;
opacity: 0;
padding: 0;
margin: 0;
}
.modal-narratheque-E61727261 .title-modal-E61727261 p {
height: 0;
opacity: 0;
padding: 0;
margin: 0;
}
.modal-narratheque-E61727261.template-1 .title-modal-E61727261 {
height: fit-content;
opacity: 1;
width: 90%;
margin: auto;
}
.modal-narratheque-E61727261.template-1 .title-modal-E61727261.show-narratheque {
height: 0;
opacity: 0;
}
.modal-narratheque-E61727261.template-1 .title-modal-E61727261 h2 {
font-size: 24px;
text-align: center;
}
.modal-narratheque-E61727261.template-1 .title-modal-E61727261 p {
font-size: 17px;
text-align: center;
}
.modal-content-narratheque-E61727261 .bottom-modal-narratheque-E61727261 {
text-align: center;
margin-top: 19px;
margin-bottom: 19px;
font-size: 17px;
color: #000;
position: relative;
}
.modal-content-narratheque-E61727261 .fleche-narratheque-E61727261 {
position: absolute;
top: 10px;
font-size: 30px;
cursor: pointer;
}
.modal-content-narratheque-E61727261  .close-narratheque-right-E61727261 {
position: absolute;
top: 0px;
right: 10px;
font-size: 30px;
cursor: pointer;
z-index: -1;
opacity: 0;
}
.modal-content-narratheque-E61727261 .close-narratheque-left-E61727261 {
position: absolute;
top: 10px;
right: inherit;
font-size: 30px;
cursor: pointer;
color: #555;
transition: color 0.3s ease;
}
.modal-narratheque-E61727261.template-1 .modal-content-narratheque-E61727261  .close-narratheque-leftE61727261 {
z-index: 1;
opacity: 0;
}
.modal-narratheque-E61727261.template-1  .close-narratheque-left-E61727261 {
left: 10px;
z-index: -1;
width: fit-content;
opacity: 0;
}
.modal-narratheque-E61727261.template-1 .modal-content-narratheque-E61727261  .close-narratheque-right-E61727261 {
opacity: 1;
}
.modal-narratheque-E61727261.template-1  .close-narratheque.right-E61727261 {
left: 10px;
width: fit-content;
}
.modal-content-narratheque-E61727261 #flex-result-E61727261 {
flex-grow: 1;
overflow-y: auto;
margin-bottom: 20px;
background: #f3f4f6;
padding: 10px;
border-radius: 10px;
}
.modal-narratheque-E61727261.template-1 #flex-result-E61727261 {
flex-grow: 1;
overflow-y: auto;
margin-bottom: 20px;
margin-top: 20px;
background: transparent;
padding: 10px;
border-radius: 10px;
}
.lang-select-container-E61727261 select {
border-radius: 5px;
border: transparent;
background: transparent;
color: #000;
margin-left: 10px;
}
.modal-narratheque-E61727261.template-2 .lang-select-container-E61727261 select {
background: transparent;
color: #FFF;
}
.lang-select-container-E61727261 .lang-select-label-E61727261 {
font-weight: bold;
}
.lang-select-container-E61727261 select option{
color: #000000;
}
.lang-select-container-E61727261 {
color: #000;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
margin-left: 10px;
}
.modal-narratheque-E61727261.template-2 .lang-select-container-E61727261 {
color: #FFF;
}
.modal-content-narratheque-E61727261 .conversation-block-E61727261 {
display: flex;
flex-direction: column;
gap: 10px;
margin: 39px 0;
}
.modal-content-narratheque-E61727261 .user-question-E61727261, .modal-content-narratheque-E61727261 .response-item-E61727261 {
max-width: 70%;
padding: 10px;
border-radius: 10px;
margin-bottom: 10px;
line-height: 1.5;
}
.modal-content-narratheque-E61727261 .user-question-E61727261 {
align-self: flex-end;
background-color: #d1e7fd;
text-align: right;
position: relative;
}
.modal-narrateque-E61727261.template-1 .user-question-E61727261 {
align-self: flex-end;
position: relative;
background-color: #518FD7;
text-align: right;
color: #FFF;
min-width: 50%;
font-family: 'Lato';
padding: 10px 20px;
font-weight: 400;
font-size: 17px;
}
.modal-narratheque-E61727261 .user-question-E61727261 span {
position: absolute;
width: 197px;
top: -23px;
color: #000;
right: 0;
font-size: 13px;
}
.modal-content-narratheque-E61727261 .response-item-E61727261 {
align-self: flex-start;
padding-bottom: 40px;
background-color: #f1f1f1;
text-align: left;
position: relative;
margin-top: 40px;
}
.modal-narratheque-E61727261.template-1 .response-item-E61727261 {
background-color: #C4C9C06B;
padding: 10px 20px;
max-width: 100%;
color: #000000;
border-radius: 10px;
padding-bottom: 54px;
margin-bottom: 10px;
font-weight: 400;
font-size: 17px;
min-width: 90%;
position: relative;
margin-top: 40px;
}
.modal-narratheque-E61727261 .response-item-E61727261 .top-span-modal-response-E61727261 {
left: 0;
position: absolute;
font-size: 13px;
top: -30px;
width: 100%;
color: #000;
}
.modal-narratheque-E61727261 .response-item-E61727261 span {
position: absolute;
bottom: 13px;
color: #5F8C16;
right: 13px;
font-size: 14px;
}
.modal-narratheque-E61727261 .response-item-E61727261 span strong {
color: #5F8C16;
}
.modal-narratheque-E61727261 .response-item-E61727261 span img{
margin: 0;
}
.modal-content-narratheque-E61727261 .search-links-container-E61727261 {
padding: 10px;
border-radius: 5px;
background: #37404c;
color: #FFF;
}
.response-certified-label-E61727261{
display:inline;
}
.modal-narratheque-E61727261.template-2 .modal-content-narratheque-E61727261 .search-links-container-E61727261 {
color: #FFF;
background: #333333;
}
.modal-narratheque-E61727261.template-1 .search-links-container-E61727261 {
background: transparent;
}
.modal-content-narratheque-E61727261.template-1 .search-links-container-E61727261 {
padding: 10px;
border-radius: 5px;
background: transparent;
}
.modal-content-narratheque-E61727261 .search-links-container-E61727261 a {
background: #FFF;
text-decoration: inherit;
padding: 10px;
border-radius: 5px;
margin: 10px 0;
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'Lato';
font-size: 17px;
color: #000;
}
.modal-content-narratheque-E61727261 .search-links-container-E61727261 a:hover {
background: #FFF;
padding: 10px;
border-radius: 5px;
margin: 10px 0;
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'Lato';
font-size: 17px;
color: #000;
opacity: 0.7;
}
.modal-content-narratheque-E61727261 #search-links-E61727261 a div {
width: 30px;
height: 30px;
border-radius: 100px;
background: #37404c;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.modal-content-narratheque-E61727261 .suggested-links-E61727261 {
margin-top: 20px;
}
.modal-content-narratheque-E61727261 .inputs {
display: flex;
flex-direction: column;
}
.modal-narratheque-E61727261.template-1 .inputs .divider-modal-E61727261.show-narratheque {
height: 1px;
background: #000;
width: 50%;
margin: 20px auto;
}
.modal-content-narratheque-E61727261 #user-prompt-E61727261 {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: 1px solid #ccc;
height: 46px;
min-height: auto;
resize: vertical;
width: 100%;
font-size: 17px;
}
.modal-narratheque-E61727261.template-1 #user-prompt-E61727261 {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: 1px solid #ccc;
height: 99px;
min-height: auto;
resize: vertical;
width: 100%;
font-size: 17px;
}
.modal-narratheque-E61727261.template-1 #user-prompt-E61727261.show-narratheque {
height: 46px;
}
.modal-content-narratheque-E61727261 .prompt-container-E61727261{
position: relative;
}
.modal-content-narratheque-E61727261 svg#trigger-vector-search-modal-E61727261 {
position: absolute;
top: 18px;
right: 20px;
color: #FFF;
background: #37404c;
width: 30px;
height: 30px;
padding: 6px;
border-radius: 25px;
cursor: pointer;
}
.modal-content-narratheque-E61727261 .suggestions-container-E61727261 {
margin-top: 20px;
}
.modal-narratheque-E61727261.template-1 .suggestions-container-E61727261 {
margin-top: 20px;
opacity: 1;
z-index: 1;
position: relative;
}
.modal-narratheque-E61727261.template-1 .suggestions-container-E61727261.show-narratheque {
margin-top: 20px;
height: 0;
opacity: 0;
z-index: -1;
position: relative;
} .modal-narratheque-E61727261.template-1 .suggestions-E61727261 .suggestion-E61727261 {
background: #f8f9fa;
padding: 10px 15px;
margin: 8px 0;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
border: 1px solid #e9ecef;
color: #495057;
font-size: 14px;
line-height: 1.4;
}
.modal-narratheque-E61727261.template-1 .suggestions-E61727261 .suggestion-E61727261:hover {
background: #e9ecef;
border-color: #007cba;
color: #007cba;
transform: translateY(-1px);
}
.modal-narratheque-E61727261.template-1 .example-questions-label-E61727261 {
font-weight: 600;
color: #495057;
margin-bottom: 12px;
font-size: 15px;
}
.modal-content-narratheque-E61727261 .suggestion-E61727261 {
background: #f0f0f0;
padding: 9px;
margin: 5px 0;
border-radius: 5px;
cursor: pointer;
font-size: 17px;
}
.modal-content-narratheque-E61727261 .suggestion-E61727261:hover {
background: #ddd;
}
.modal-content-narratheque-E61727261 .title {
font-weight: bold;
margin-bottom: 10px;
font-size: 17px;
font-family: 'Lato';
}
.modal-content-narratheque-E61727261 .user-question-E61727261 {
align-self: flex-end;
background-color: #5457cd;
text-align: right;
color: #FFF;
font-family: 'Lato';
font-weight: 400;
font-size: 17px;
}
.modal-content-narratheque-E61727261 .response-item-E61727261 {
background-color: #37404c;
padding: 10px;
min-width: 70%;
padding-bottom: 47px;
max-width: 100%;
color: #FFF;
border-radius: 10px;
margin-bottom: 10px;
font-weight: 400;
font-size: 17px;
}
.modal-narratheque-E61727261.template-2 .modal-content-narratheque-E61727261 .response-item-E61727261 {
background-color: #333333;
color: #FFF;
}
.modal-content-narratheque-E61727261 .response-item-E61727261 p {
margin: 0;
font-family: 'Lato';
color: #FFF;
font-size: 17px;
}
.modal-narratheque-E61727261.template-1 .response-item-E61727261 p {
color: #000000;
}
.modal-narratheque-E61727261 .response-item-E61727261 strong {
color: #ffffff;
}
.modal-narratheque-E61727261.template-1 .response-item-E61727261 strong {
color: #000000;
}
.modal-content-narratheque-E61727261 .response-item-E61727261 code, .modal-content-narratheque-E61727261 .response-item-E61727261 pre {
background: #FFF;
color: #000;
margin: 10px 0;
padding: 10px;
border-radius: 10px;
}
.modal-content-narratheque-E61727261 .response-item-E61727261 li {
color: #FFF;
font-size: 17px;
}
.modal-narratheque-E61727261.template-1 .response-item-E61727261 li {
color: #000000;
font-size: 17px;
}
.modal-content-narratheque-E61727261 .clear-conversation-E61727261 {
font-size: 17px;
padding: 10px;
border-radius: 10px;
border: 1px solid;
background: #37404c;
color: #FFF;
width: fit-content;
display: flex;
justify-content: center;
margin: auto;
margin-top: 20px;
}
.modal-content-narratheque-E61727261 .suggested-links-E61727261 {
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #f9f9f9;
border-top: 1px solid #ddd;
border-radius: 5px;
}
.modal-content-narratheque-E61727261 .suggested-links-E61727261 a {
display: block;
margin: 5px 0;
color: #007bff;
text-decoration: none;
font-family: 'Lato';
}
.modal-content-narratheque-E61727261 .suggested-links-E61727261 a:hover {
text-decoration: underline;
}
.modal-content-narratheque-E61727261 .suggested-links-E61727261 .title {
font-weight: bold;
margin-bottom: 5px;
}
.modal-content-narratheque-E61727261 #search-loading-E61727261 {
display: none;
width: 48px;
height: 48px;
border: 5px solid #FFF;
border-bottom-color: #37404c;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} 
.modal-content-narratheque-E61727261 .user-question-E61727261,
.modal-content-narratheque-E61727261 .response-item-E61727261 {
margin-bottom: 10px;
}
.modal-content-narratheque-E61727261 .error-message {
color: red;
}
.modal-content-narratheque-E61727261 .suggested-links-E61727261 a {
display: block;
margin: 5px 0;
color: #007bff;
}
.modal-narratheque-E61727261.show-narratheque {
right: 0;
bottom: 0;
}
.close-narratheque-E61727261 {
position: absolute;
top: 10px;
right: 15px;
font-size: 30px;
cursor: pointer;
color: #555;
transition: color 0.3s ease;
}
.close-narratheque-E61727261:hover {
color: black;
}
.modal-narratheque-E61727261.template-2 .modal-content-narratheque-E61727261 .modal-header-narratheque {
z-index: 11;
top: 0;
left: 0;
width: 100%;
padding: 10px;
height: 40px;
position: absolute;
background: #000;
border-radius: 10px 0 0 0;
display: flex;
justify-content: space-between;
}
.modal-content-narratheque-E61727261 .modal-header-narratheque p{
font-size: 20px;
color: #ffffff;
margin-left: 39px;
}
.modal-content-narratheque-E61727261 .title-modal {
padding-left: 3px;
font-size: 14px;
}
.modal-content-narratheque-E61727261 .menu-header-narratheque img {
height: 20px;
}
.modal-content-narratheque-E61727261 .header-modal-left {
display: flex;
align-items: center;
height: 0;
}
.modal-narratheque-E61727261.template-2 .modal-content-narratheque-E61727261 .header-modal-left {
height: initial;
}
.modal-content-narratheque-E61727261 .modal-menu-right-narratheque {
position: absolute;
visibility: hidden;
opacity: 0;
width: fit-content;
background: #FFF;
right: 9px;
left: inherit;
top: 34px;
box-shadow: 0px 1px 3px 0px #ccc;
color: #000;
font-size: 14px;
border-radius: 10px;
padding: 10px;
}
.modal-content-narratheque-E61727261 .modal-menu-right-narratheque.show-narratheque {
position: absolute;
visibility: visible;
opacity: 1;
}
.modal-content-narratheque-E61727261 .menu-header-narratheque img {
height: 20px;
cursor: pointer;
margin: 0;
}
.modal-content-narratheque-E61727261 .menu-header-narratheque .modal-menu-right-narratheque .clean {
margin: 5px 0;
cursor: pointer;
}
.modal-content-narratheque-E61727261 .menu-header-narratheque .modal-menu-right-narratheque .clean img {
margin-right: 10px;
}
.modal-content-narratheque-E61727261 .menu-header-narratheque .modal-menu-right-narratheque .propos {
margin: 5px 0;
cursor: pointer;
}
.modal-content-narratheque-E61727261 .menu-header-narratheque .modal-menu-right-narratheque .propos img {
margin-right: 10px;
}
.modal-content-narratheque-E61727261  .close-narrateque.left {
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
font-size: 24px;
position: initial;
}
.modal-content-narratheque-E61727261  .close-narrateque.left.bottom {
transform: rotateZ(92deg);
}
.modal-narratheque-E61727261.template-2 .modal-content-narratheque-E61727261 .close-narratheque-left-E61727261 {
top: 0px;
left: 0;
border-radius: 7px 0 0 0;
padding: 0 9px;
}
.modal-narratheque-E61727261 .modal-content-narratheque-E61727261 .close-narratheque-left-E61727261 svg g g {
stroke: #000;
}
.modal-narratheque-E61727261.template-2 .modal-content-narratheque-E61727261 .close-narratheque-left-E61727261 svg g g {
stroke: #FFF;
}
.modal-narratheque-E61727261.template-2 .modal-content-narratheque-E61727261 .clear-conversation-E61727261 {
padding: 0px;
margin: auto;
margin-top: 0px;
height: 0;
position: relative;
z-index: -1;
}
.modal-narratheque-E61727261 .bottom-modal-narratheque-E61727261 a {
color: #000;
font-weight: 700;
}
.modal-narratheque-E61727261.template-1 .modal-content-narratheque-E61727261 .modal-header-narratheque {
z-index: 11;
top: 0;
left: 0;
width: 100%;
padding: 10px;
height: 40px;
position: absolute;
background: transparent;
border-radius: 10px 0 0 0;
display: flex;
justify-content: space-between;
}
.modal-narratheque-E61727261.template-1 .modal-content-narratheque-E61727261 .header-modal-left {
opacity: 1;
height: 15px;
}
.modal-narratheque-E61727261.template-1 .modal-content-narratheque-E61727261 .modal-header-narratheque p {
font-size: 0;
color: #ffffff;
margin-left: 39px;
}
.modal-narratheque-E61727261.template-1 .menu-header-narratheque{
opacity: 0;
}
#search-button-narratheque-E61727261.narratheque-icon-position-top {
top: 70px;
}
#search-button-narratheque-E61727261.narratheque-icon-position-middle {
top: 50%;
transform: translateY(-50%);
}
#search-button-narratheque-E61727261.narratheque-icon-position-bottom {
bottom: 30px;
top: inherit;
}
.narratheque-icon-label {
max-width: 100%;
text-align: center;
word-break: break-word;
}
.narratheque-bot-cta a {
background: #ffffff;
border-radius: 8px;
padding: 10px 24px;
margin: 20px auto 0 auto;
font-size: 1.1em;
color: #000000;
text-decoration: inherit;
max-width: 90%;
}
#search-button-narratheque-E61727261 svg {
width: 100% !important;
height: 100% !important;
max-width: 100%;
max-height: 100%;
display: block;
} #narratheque-rgpd-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 300000;
display: flex;
align-items: center;
justify-content: center;
}
.narratheque-rgpd-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
}
.narratheque-rgpd-content {
background: white;
border-radius: 8px;
padding: 30px;
max-width: 500px;
width: 90%;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
text-align: center;
position: relative;
}
.narratheque-rgpd-content h3 {
margin-top: 0;
margin-bottom: 20px;
color: #333;
font-size: 1.4em;
font-weight: 600;
}
.narratheque-rgpd-content p {
margin-bottom: 25px;
line-height: 1.6;
color: #666;
font-size: 1em;
}
.narratheque-rgpd-buttons {
display: flex;
gap: 15px;
justify-content: center;
flex-wrap: wrap;
}
.narratheque-rgpd-btn {
padding: 12px 24px;
border: none;
border-radius: 5px;
font-size: 1em;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
min-width: 120px;
}
.narratheque-rgpd-accept {
background: #007cba;
color: white;
}
.narratheque-rgpd-accept:hover {
background: #005a87;
transform: translateY(-1px);
}
.narratheque-rgpd-decline {
background: #ddd;
color: #666;
}
.narratheque-rgpd-decline:hover {
background: #ccc;
transform: translateY(-1px);
}
@media (max-width: 600px) {
.narratheque-rgpd-content {
padding: 20px;
margin: 20px;
}
.narratheque-rgpd-buttons {
flex-direction: column;
}
.narratheque-rgpd-btn {
width: 100%;
}
} .modal-narratheque-E61727261.template-3 {
border-radius: 24px;
background: #FFF;
overflow: hidden;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 {
height: 100%;
padding: 0;
background: transparent;
color: #ffffff;
overflow: hidden;
position: relative;
z-index: 2;
font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .modal-header-narratheque {
background: #6237c0;
padding: 19px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
position: relative;
display: flex;
align-items: center;
z-index: 9999;
justify-content: space-between;
}
.modal-narratheque-E61727261.template-3  .modal-content-narratheque-E61727261 #flex-result-E61727261 {
flex-grow: 1;
overflow-y: auto;
margin-bottom: 20px;
background: #ffffff;
padding: 20px;
border-radius: 10px;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .user-question-E61727261 {
align-self: flex-end;
background-color: #c3c3c3;
text-align: right;
color: #000000;
font-family: 'Lato';
font-weight: 400;
font-size: 17px;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .modal-header-narratheque p {
font-size: 20px;
color: #ffffff;
margin-left: 49px;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .prompt-container-E61727261 {
position: relative;
margin: 20px;
}
.modal-narratheque-E61727261.template-3 .lang-select-container-E61727261 {
color: #000;
height: auto;
display: flex;
justify-content: center;
align-items: center;
margin-left: 53px;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .close-narratheque-left-E61727261 {
background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 
0 4px 6px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .close-narratheque-left-E61727261:hover {
background: linear-gradient(145deg, rgba(255, 119, 198, 0.2), rgba(120, 119, 198, 0.2));
transform: translateY(-2px) scale(1.05);
box-shadow: 
0 8px 25px rgba(255, 119, 198, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .close-narratheque-left-E61727261 svg {
fill: #ffffff;
width: 18px;
height: 18px;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}
.modal-narratheque-E61727261.template-3 .lang-select-container-E61727261 {
color: rgba(255, 255, 255, 0.9);
font-weight: 500;
}
.modal-narratheque-E61727261.template-3 .lang-select-container-E61727261 select {
background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 12px;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
backdrop-filter: blur(10px);
box-shadow: 
0 4px 6px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.modal-narratheque-E61727261.template-3 .lang-select-container-E61727261 select:hover {
border-color: rgba(120, 119, 198, 0.5);
box-shadow: 
0 6px 20px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(120, 119, 198, 0.3);
}
.modal-narratheque-E61727261.template-3 .lang-select-container-E61727261 select:focus {
outline: none;
border-color: rgba(120, 119, 198, 0.7);
box-shadow: 
0 0 0 3px rgba(120, 119, 198, 0.2),
0 6px 20px rgba(0, 0, 0, 0.15);
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-container-E61727261 {
padding: 24px;
position: relative;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-container-E61727261::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01));
border-radius: 20px;
backdrop-filter: blur(20px);
z-index: -1;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-container-E61727261 input {
background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9));
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 16px;
padding: 16px 24px;
color: #1a1a2e;
font-size: 15px;
font-weight: 500;
width: 100%;
box-shadow: 
0 8px 32px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.5);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
backdrop-filter: blur(20px);
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-container-E61727261 input:focus {
outline: none;
border-color: rgba(120, 119, 198, 0.6);
box-shadow: 
0 0 0 3px rgba(120, 119, 198, 0.2),
0 12px 40px rgba(0, 0, 0, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.7);
transform: translateY(-2px);
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-container-E61727261 input::placeholder {
color: rgba(26, 26, 46, 0.6);
font-weight: 400;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-button-E61727261 {
background: linear-gradient(135deg, #7c77c6, #f777c6, #77dbc6);
background-size: 200% 200%;
border: none;
border-radius: 16px;
padding: 16px 32px;
color: white;
font-weight: 600;
font-size: 15px;
letter-spacing: 0.5px;
box-shadow: 
0 8px 32px rgba(120, 119, 198, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
animation: gradient-shift 3s ease infinite;
}
@keyframes gradient-shift {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-button-E61727261::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.5s ease;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-button-E61727261:hover {
transform: translateY(-3px) scale(1.02);
box-shadow: 
0 16px 48px rgba(120, 119, 198, 0.6),
inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-button-E61727261:hover::before {
left: 100%;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-button-E61727261:active {
transform: translateY(-1px) scale(0.98);
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .response-item-E61727261 {
background: #6237c0;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
margin: 12px 0;
padding: 20px;
padding-bottom: 40px;
backdrop-filter: blur(20px);
position: relative;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .clear-conversation-E61727261 {
height: 0;
opacity: 0;
font-size: 0;
position: relative;
z-index: -1;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .clear-conversation-E61727261:hover {
background: linear-gradient(145deg, rgba(255, 119, 198, 0.2), rgba(120, 119, 198, 0.2));
transform: translateY(-2px);
box-shadow: 
0 8px 24px rgba(255, 119, 198, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
border-color: rgba(255, 119, 198, 0.4);
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .title {
font-weight: bold;
margin-bottom: 10px;
font-size: 17px;
color: #000;
font-family: 'Lato';
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-links-container-E61727261 {
padding: 20px 24px;
flex-wrap: wrap;
gap: 8px;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261  .close-narratheque-right-E61727261 {
opacity: 0;
visibility: hidden;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-links-container-E61727261 button {
background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
color: rgba(255, 255, 255, 0.85);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 24px;
padding: 10px 18px;
font-size: 13px;
font-weight: 500;
backdrop-filter: blur(10px);
box-shadow: 
0 4px 16px rgba(0, 0, 0, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.modal-narratheque-E61727261.template-3 .modal-narratheque-E61727261 .user-question-E61727261 span {
position: absolute;
width: 197px;
top: -23px;
color: #ffffff;
right: 0;
font-size: 13px;
}
.modal-narratheque-E61727261.template-3 .response-item-E61727261 span strong {
color: #ffffff;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-links-container-E61727261 button::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(120, 119, 198, 0.1), rgba(255, 119, 198, 0.1));
opacity: 0;
transition: opacity 0.3s ease;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-links-container-E61727261 button:hover {
transform: translateY(-2px) scale(1.05);
box-shadow: 
0 8px 24px rgba(120, 119, 198, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
border-color: rgba(120, 119, 198, 0.4);
color: #ffffff;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-links-container-E61727261 button:hover::before {
opacity: 1;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .suggestion-E61727261 {
background: #6237c0;
padding: 9px;
margin: 5px 0;
border-radius: 5px;
cursor: pointer;
font-size: 17px;
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .close-narratheque-left-E61727261 svg g g {
stroke: #ffffff;
}
.modal-narratheque-E61727261.template-3 .modal-content-narratheque-E61727261 .search-links-container-E61727261 button {
animation: fadeInUp 0.3s ease-out;
} .modal-narratheque-E61727261.template-3 *::-webkit-scrollbar {
width: 6px;
}
.modal-narratheque-E61727261.template-3 *::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
border-radius: 3px;
}
.modal-narratheque-E61727261.template-3 *::-webkit-scrollbar-thumb {
background: linear-gradient(135deg, rgba(120, 119, 198, 0.6), rgba(255, 119, 198, 0.6));
border-radius: 3px;
}
.modal-narratheque-E61727261.template-3 *::-webkit-scrollbar-thumb:hover {
background: linear-gradient(135deg, rgba(120, 119, 198, 0.8), rgba(255, 119, 198, 0.8));
} .rgpd-consent-message-E61727261 {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border: 2px solid #dee2e6;
border-radius: 12px;
padding: 20px;
margin: 10px 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
position: relative;
}
.rgpd-consent-message-E61727261::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(135deg, #007bff, #6f42c1);
border-radius: 14px;
z-index: -1;
opacity: 0.1;
}
.rgpd-message-content-E61727261 p {
margin: 0 0 15px 0;
color: #495057;
line-height: 1.6;
}
.rgpd-message-content-E61727261 p:first-child {
color: #007bff;
font-weight: 600;
margin-bottom: 10px;
}
.rgpd-buttons-inline-E61727261 {
display: flex;
gap: 12px;
justify-content: center;
margin-top: 20px;
}
.rgpd-btn-E61727261 {
padding: 10px 20px;
border: none;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
font-size: 14px;
min-width: 100px;
}
.rgpd-accept-btn-E61727261 {
background: linear-gradient(135deg, #28a745, #20c997);
color: white;
box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}
.rgpd-accept-btn-E61727261:hover {
background: linear-gradient(135deg, #218838, #1ea080);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
transform: translateY(-2px);
}
.rgpd-decline-btn-E61727261 {
background: linear-gradient(135deg, #6c757d, #495057);
color: white;
box-shadow: 0 2px 8px rgba(108, 117, 125, 0.3);
}
.rgpd-decline-btn-E61727261:hover {
background: linear-gradient(135deg, #5a6268, #343a40);
box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
transform: translateY(-2px);
} .rgpd-consent-message-E61727261 {
animation: rgpdFadeIn 0.5s ease-out;
}
@keyframes rgpdFadeIn {
from {
opacity: 0;
transform: translateY(20px) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
} @media (max-width: 480px) {
.rgpd-buttons-inline-E61727261 {
flex-direction: column;
align-items: center;
}
.rgpd-btn-E61727261 {
width: 100%;
max-width: 200px;
}
}.always-open-hotspots.et_pb_module.dipi_image_hotspot .dipi_image_hotspot_child .dipi-tooltip-wrap {
display: inline-block !important
}
@media (max-width: 767px) {
.always-open-hotspots.et_pb_module.dipi_image_hotspot .dipi_image_hotspot_child .dipi-tooltip-wrap {
position: absolute !important;
top: 115%;
right: auto;
left: 50%;
bottom: auto;
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}
}
.always-open-hotspots.et_pb_module.dipi_image_hotspot .dipi_image_hotspot_child .dipi-hotspot .dipi-hotspot-icon {
padding: 0 2px 2px 0;
}
.title-over-blog-image.et_pb_posts .et_pb_post .entry-featured-image-url,
.title-over-blog-image.et_pb_blog_grid_wrapper .et_pb_post .entry-featured-image-url,
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_item .et_portfolio_image > img {
margin-bottom: 0;
width: 100%;
}
.title-over-blog-image.et_pb_blog_grid_wrapper .et_pb_post,
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_item {
padding: 0;
border: 0;
margin-bottom: 0 !important;
}
.title-over-blog-image.et_pb_blog_grid_wrapper .et_pb_post .et_pb_image_container {
margin: 0;
}
.title-over-blog-image.et_pb_blog_grid_wrapper .et_pb_blog_grid .column {
float: none;
}
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_grid_items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item {
width: 100%;
}
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item,
.et_pb_column .title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n) {
margin-right: 0;
}
@media (min-width: 768px) {
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item {
width: 47.25%;
}
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item {
margin-right: 5.5%;
}
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item:nth-of-type(2) {
margin-right: 0;
}
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item:last-of-type {
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 981px) {
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item {
width: 29.667%;
}
.title-over-blog-image.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item:last-of-type {
margin-right: 0;
}
}
.triade-theme.tax-project_category .et_pb_module a > img {
width: 100%;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}