.cmplz-obfuscate span{display:none}#cmplz-manage-consent-container{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary{display:block;cursor:pointer}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker{display:none;content:""}.cmplz-alert{display:none;padding:7px;color:white;margin:10px 0}.cmplz-alert.cmplz-error{background-color:#f44336}.cmplz-alert.cmplz-success{background-color:green}.cmplz-close{margin-left:15px;color:white;font-weight:700;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.cmplz-close:hover{color:black}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{display:inline-block;width:calc(50% - 35px);vertical-align:top}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{width:100%}}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;cursor:pointer}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary div,#cmplz-document .cmplz-dropdown summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div{display:grid;grid-template:"heading chevron";grid-template-columns:2fr 25px;grid-gap:15px;align-items:center}#cmplz-cookies-overview .cmplz-dropdown summary div h3,#cmplz-document .cmplz-dropdown summary div h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3{grid-area:heading;margin:0}#cmplz-cookies-overview .cmplz-dropdown summary div::after,#cmplz-document .cmplz-dropdown summary div::after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div::after{grid-area:chevron}#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category=functional],#cmplz-document .cmplz-dropdown summary div input[data-category=functional],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category=functional]{visibility:hidden}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary{display:block}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div{grid-template:"heading paragraph label checkbox chevron";grid-template-columns:2fr auto 0 auto 25px}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p{grid-area:paragraph}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{display:grid}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-column:span 2;grid-template-columns:1fr 1fr 1fr;grid-template:"purpose purpose purpose" "header1 header2 header3" auto}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-area:purpose}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header{grid-area:header1}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header{grid-area:header2}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header{grid-area:header3}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-template-columns:100px 1fr}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-column:span 2}}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories{margin-top:10px;display:block;width:100%}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description{padding:10px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child){margin-bottom:5px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category{background-color:rgba(239,239,239,0.25)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{display:grid;grid-template-columns:1fr auto 25px;grid-template-rows:auto;align-items:center;grid-gap:10px;padding:5px 10px;background-color:rgba(239,239,239,0.5)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section{padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2{grid-column-start:1;width:100%;justify-self:start;font-size:18px;text-align:left;margin-top:8px;text-transform:initial;padding-bottom:10px;border-bottom:0;margin-bottom:0}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2::before{height:0;margin:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active{font-size:var(--cmplz_category_header_active_font_size);color:var(--cmplz_category_header_always_active_color)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox{display:flex;align-items:center;margin:0;padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle{background:0;border:0;padding:0;margin:0;cursor:pointer;grid-column-start:3;display:flex;align-items:center;justify-content:center;color:inherit}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open{display:flex;align-items:center;justify-content:center;cursor:pointer;content:"";transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:25px;width:25px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded=true] .cmplz-icon.cmplz-open{transform:rotate(180deg)}.postbox #cmplz-document{margin:auto auto}#cmplz-document,.editor-styles-wrapper .cmplz-unlinked-mode{font-size:14px;margin-top:0;max-width:800px;text-justify:inter-word}#cmplz-document input::-moz-focus-inner,#cmplz-document button::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode input::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode button::-moz-focus-inner{border:0;padding:0}#cmplz-document a,.editor-styles-wrapper .cmplz-unlinked-mode a{text-decoration:underline}#cmplz-document a[target=_blank]::after,.editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]::after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);margin:0 3px 0 5px}#cmplz-document a:focus,.editor-styles-wrapper .cmplz-unlinked-mode a:focus{border:1px solid black;padding:2px}#cmplz-document #cmplz-dnsmpd-form label,.editor-styles-wrapper .cmplz-unlinked-mode #cmplz-dnsmpd-form label{margin-right:20px;min-width:100px;display:inline-block}#cmplz-document h2,#cmplz-document h3,.editor-styles-wrapper .cmplz-unlinked-mode h2,.editor-styles-wrapper .cmplz-unlinked-mode h3{font-size:22px;text-align:left;margin-top:15px;text-transform:initial;padding-bottom:10px;margin-bottom:10px}#cmplz-document.impressum h2,#cmplz-document.impressum h3,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h2,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h3{border-bottom:0;font-size:1em;padding-bottom:5px;margin-bottom:5px}#cmplz-document.impressum p,.editor-styles-wrapper .cmplz-unlinked-mode.impressum p{margin-bottom:7px}#cmplz-document h4,.editor-styles-wrapper .cmplz-unlinked-mode h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-document h5,.editor-styles-wrapper .cmplz-unlinked-mode h5{font-size:14px;text-align:left;margin-top:10px;margin-bottom:5px;text-transform:initial}#cmplz-document h3.annex,#cmplz-document h4.annex,.editor-styles-wrapper .cmplz-unlinked-mode h3.annex,.editor-styles-wrapper .cmplz-unlinked-mode h4.annex{font-weight:bold}#cmplz-document span h3,.editor-styles-wrapper .cmplz-unlinked-mode span h3{font-size:14px;border-bottom:0}#cmplz-document p,#cmplz-document li,#cmplz-document td,.editor-styles-wrapper .cmplz-unlinked-mode p,.editor-styles-wrapper .cmplz-unlinked-mode li,.editor-styles-wrapper .cmplz-unlinked-mode td{font-size:14px;margin-top:0}#cmplz-document ol.alphabetic,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic li:before{font-weight:bold;content:counter(list,lower-alpha) ") ";counter-increment:list}#cmplz-document ul,.editor-styles-wrapper .cmplz-unlinked-mode ul{list-style:disc;margin-left:15px;margin-bottom:15px}#cmplz-document ol.alphabetic ol,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic ol li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol li:before{font-weight:bold;content:counter(list,decimal) ") ";counter-increment:list}#cmplz-document .cmplz-subtitle,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle{font-size:inherit;font-weight:bold;margin-top:25px}#cmplz-document .cmplz-indent,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-indent{margin-left:36px}#cmplz-cookies-overview .cmplz-dropdown,#cmplz-document .cmplz-dropdown,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown{background-color:rgba(239,239,239,0.25)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown a,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown a,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a{font-size:14px;margin-top:0}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-cookies-overview .cmplz-dropdown ul,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown ul,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown ul{padding:0 15px}#cmplz-cookies-overview .cmplz-dropdown p.legal-obligations-description,#cmplz-document .cmplz-dropdown p.legal-obligations-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p.legal-obligations-description{padding-bottom:15px}#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;background-color:rgba(239,239,239,0.5);margin:5px 0;padding:5px 10px;align-items:center;justify-items:stretch}#cmplz-cookies-overview .cmplz-dropdown summary h3,#cmplz-document .cmplz-dropdown summary h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3{padding:0 5px;border-bottom:0;font-size:18px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary p,#cmplz-document .cmplz-dropdown summary p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p{text-align:right;padding:0;margin:0;font-size:14px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{cursor:pointer;content:"";background:url(//www.centre-effet-papillon.be/wp-content/plugins/complianz-gdpr/assets/images/chevron-down.svg) no-repeat;transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:18px;width:18px;margin:3px}#cmplz-cookies-overview .cmplz-dropdown[open],#cmplz-document .cmplz-dropdown[open],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open]{padding-bottom:1px}#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after,#cmplz-document .cmplz-dropdown[open] summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div:after{transform:rotate(180deg)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:15px;margin:5px 0}#cmplz-cookies-overview .cmplz-dropdown h5,#cmplz-document .cmplz-dropdown h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h5{margin:0}#cmplz-cookies-overview .cmplz-dropdown .name-header strong,#cmplz-cookies-overview .cmplz-dropdown .retention-header strong,#cmplz-cookies-overview .cmplz-dropdown .function-header strong,#cmplz-document .cmplz-dropdown .name-header strong,#cmplz-document .cmplz-dropdown .retention-header strong,#cmplz-document .cmplz-dropdown .function-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .name-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .retention-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .function-header strong{display:block;font-size:14px;font-weight:bold;text-align:left;margin:0;text-transform:initial}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{padding:0 15px 15px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,#cmplz-document .cmplz-dropdown .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose{border:1px solid #dadada;grid-gap:1px;background-color:#dadada;margin-bottom:10px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,#cmplz-document .cmplz-dropdown .cookies-per-purpose div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div{background-color:white;padding:15px}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header{background-color:#f7f7f7}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5,#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header strong,#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header strong,#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header strong,#cmplz-document .cmplz-dropdown .cookies-per-purpose h5,#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header strong,#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header strong,#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header strong,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header strong{line-height:1.8}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7){background-color:#f7f7f7}}.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:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.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-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}}@keyframes mwai-cursor-blink {
0%, 49.9% {
background: var(--mwai-terminal-active-color);
color: var(--mwai-backgroundPrimaryColor);
}
50%, 100% {
background: transparent;
color: var(--mwai-terminal-active-color);
}
}
body > textarea[aria-hidden=true][tabindex="-1"] {
transition: none !important;
}
.mwai-context-menu-portal .mwai-context-menu {
background: var(--mwai-backgroundHeaderColor);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: var(--mwai-borderRadius);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 13px;
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
transition: background-color 0.2s;
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item.mwai-danger {
color: #dc3545;
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background-color: rgba(220, 53, 69, 0.1);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item svg {
flex-shrink: 0;
}
.mwai-chunks {
padding: 8px;
background: rgba(0, 0, 0, 0.03);
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 11px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.mwai-chunks.mwai-chunks-collapsed .mwai-chunks-header {
margin-bottom: 0 !important;
}
.mwai-chunks .mwai-chunks-header {
display: flex;
align-items: center;
gap: 2px;
margin-bottom: 8px;
color: #6b7280;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-title {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-status {
margin-left: 4px;
font-weight: 500;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-toggle {
background: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
padding: 2px;
width: 30px;
height: 20px;
cursor: pointer;
color: #6b7280;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
margin-left: 4px;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-toggle:hover {
background: rgba(0, 0, 0, 0.05);
color: #374151;
}
.mwai-chunks .mwai-chunks-list {
max-height: 240px;
overflow-y: auto;
}
.mwai-chunks .mwai-chunk {
margin-bottom: 4px;
padding: 6px 8px;
background: white;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
transition: all 0.2s ease;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #9ca3af;
font-size: 10px;
font-variant-numeric: tabular-nums;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-type {
display: flex;
align-items: center;
gap: 4px;
padding: 2px 6px;
border-radius: 3px;
font-size: 10px;
font-weight: 500;
color: white;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
flex: 1;
color: #374151;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #9ca3af;
transition: transform 0.2s ease;
}
.mwai-chunks .mwai-chunk .mwai-chunk-details {
margin-top: 8px;
padding: 8px;
background: rgba(0, 0, 0, 0.02);
border-radius: 3px;
overflow-x: auto;
}
.mwai-chunks .mwai-chunk .mwai-chunk-details pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
color: #4b5563;
}
.mwai-user-images {
display: flex;
flex-wrap: wrap;
gap: 4px;
flex: 1 1 100%;
min-width: 0;
margin-bottom: 6px;
}
.mwai-user-images .mwai-user-image {
display: block;
width: auto;
height: auto;
max-width: min(100%, 320px);
max-height: 220px;
object-fit: contain;
border-radius: calc(var(--mwai-borderRadius) / 2);
}
.mwai-user-images:has(.mwai-user-image:nth-child(2)) {
display: grid;
grid-template-columns: repeat(2, minmax(0, 160px));
gap: 4px;
width: fit-content;
}
.mwai-user-images:has(.mwai-user-image:nth-child(2)) .mwai-user-image {
width: 100%;
max-width: none;
max-height: none;
aspect-ratio: 1;
object-fit: cover;
}
.mwai-foundation-theme .mwai-reply.mwai-user:has(.mwai-user-images) {
flex-wrap: wrap;
}
.mwai-foundation-theme .mwai-reply.mwai-user:has(.mwai-user-images) .mwai-user-images {
order: 3;
margin: 8px 0 0;
}
.mwai-chat .mwai-input .mwai-input-submit.mwai-stoppable {
cursor: pointer !important;
}
.mwai-chat .mwai-input .mwai-input-submit.mwai-stoppable:before {
display: none !important;
}
.mwai-chat .mwai-input .mwai-input-submit.mwai-stoppable svg {
opacity: 1;
}
.mwai-chatbot-container {
height: 100%;
}
.mwai-chatbot-container.mwai-popup-container {
height: auto;
} @keyframes mwaiIconTextZoomIn {
0% {
transform: translateY(12px) scale(0.9);
opacity: 0;
}
65% {
transform: translateY(-2px) scale(1.01);
opacity: 1;
}
100% {
transform: translateY(0) scale(1);
opacity: 1;
}
}
@keyframes mwaiIconTextSlideIn {
0% {
transform: translateY(28px);
opacity: 0;
}
70% {
transform: translateY(-3px);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes mwaiIconTextSlideUp {
0% {
transform: translateY(24px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes mwaiIconTextFadeOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes mwaiIconTextFadeTransform {
0% {
transform: translateY(8px) scale(0.98);
}
100% {
transform: translateY(0) scale(1);
}
}
.mwai-chatgpt-theme {
font-family: var(--mwai-fontFamily, inherit);
--mwai-spacing: 15px;
--mwai-fontSize: 15px;
--mwai-linkColor: #2196f3;
--mwai-lineHeight: 1.5;
--mwai-borderRadius: 10px;
--mwai-borderColor: #4f4f4f32;
--mwai-width: 460px;
--mwai-maxHeight: 40vh;
--mwai-iconTextColor: white;
--mwai-iconTextBackgroundColor: #212121;
--mwai-fontColor: #ECECEC;
--mwai-backgroundPrimaryColor: #2f2f2f;
--mwai-backgroundHeaderColor: #212121;
--mwai-bubbleColor: #212121;
--mwai-iconSize: 60px;
--mwai-accentColor: #0b72e0;
--mwai-headerColor: #ECECEC;
--mwai-conversationsBackgroundColor: #171717;
--mwai-conversationsTextColor: #ECECEC;
--mwai-backgroundSecondaryColor: #212121;
--mwai-errorBackgroundColor: #6d2f2a;
--mwai-errorTextColor: #FFFFFF;
}
.mwai-chatgpt-theme * {
box-sizing: border-box;
}
.mwai-chatgpt-theme .mwai-body {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
font-size: var(--mwai-fontSize);
overflow: hidden;
display: flex;
flex-direction: column;
border-radius: var(--mwai-borderRadius);
position: relative;
}
.mwai-chatgpt-theme .mwai-drag-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(33, 33, 33, 0.95);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--mwai-borderRadius);
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 20px;
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-icons {
display: flex;
gap: 8px;
color: var(--mwai-accentColor);
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-title {
font-size: 15px;
font-weight: 500;
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-subtitle {
font-size: 12px;
color: var(--mwai-fontColor);
opacity: 0.7;
text-align: center;
}
.mwai-chatgpt-theme .mwai-drag-overlay.mwai-blocked .mwai-drag-overlay-icons {
color: #ef4444;
}
.mwai-chatgpt-theme .mwai-drag-overlay.mwai-blocked .mwai-drag-overlay-title {
color: #ef4444;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-name {
color: var(--mwai-headerColor);
font-size: var(--mwai-fontSize);
}
.mwai-chatgpt-theme .mwai-shortcuts {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: calc(var(--mwai-spacing) / 2);
margin: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 8px 14px;
border-radius: 999px;
border: 1px solid var(--mwai-borderColor);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
font-family: inherit;
font-size: var(--mwai-fontSize);
line-height: 1.2;
text-align: left;
cursor: pointer;
transition: filter 0.15s ease, border-color 0.15s ease;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut:hover {
filter: brightness(1.15);
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-danger {
border-color: rgba(244, 67, 54, 0.5);
color: #ef5350;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut .mwai-icon {
margin-right: 0;
display: inline-flex;
align-items: center;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut .mwai-icon img {
max-height: 16px;
width: auto;
}
.mwai-chatgpt-theme .mwai-blocks {
display: flex;
flex-direction: column;
padding: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-blocks .mwai-block p:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-blocks button {
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-conversation {
overflow: auto;
flex: 1 1 auto;
max-height: var(--mwai-maxHeight);
min-height: 0;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar {
width: 8px;
background: transparent;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
background: color-mix(in srgb, var(--mwai-fontColor) 5%, transparent);
border-radius: 4px;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.15);
background: color-mix(in srgb, var(--mwai-fontColor) 15%, transparent);
border-radius: 4px;
transition: background 0.2s ease;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.25);
background: color-mix(in srgb, var(--mwai-fontColor) 25%, transparent);
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb:active {
background: rgba(255, 255, 255, 0.3);
background: color-mix(in srgb, var(--mwai-fontColor) 30%, transparent);
}
.mwai-chatgpt-theme .mwai-conversation {
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.05);
scrollbar-color: color-mix(in srgb, var(--mwai-fontColor) 15%, transparent) color-mix(in srgb, var(--mwai-fontColor) 5%, transparent);
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line {
line-height: 1.5;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line.mwai-terminal-user .mwai-terminal-prompt {
opacity: 0.95;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line.mwai-terminal-user .mwai-terminal-text {
opacity: 0.98;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line.mwai-terminal-system {
opacity: 0.75;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-prompt {
color: var(--mwai-headerColor);
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text {
flex: 1;
opacity: 0.92;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text .mwai-image {
max-width: 100%;
height: auto;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text pre {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.08);
padding: 8px;
border-radius: 4px;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text code {
font-family: inherit;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-typed {
white-space: pre-wrap;
}
.mwai-chatgpt-theme .mwai-reply {
display: flex;
padding: var(--mwai-spacing);
position: relative;
line-height: var(--mwai-lineHeight);
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
background: transparent;
}
.mwai-chatgpt-theme .mwai-reply.mwai-fade-out {
opacity: 0;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user {
display: block;
background: transparent;
text-align: right;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-name {
display: none;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images {
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 4px;
margin-bottom: 8px;
max-width: 70%;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images .mwai-user-image {
max-width: 100%;
max-height: 300px;
width: auto;
height: auto;
border-radius: var(--mwai-borderRadius);
object-fit: contain;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images:has(.mwai-user-image:nth-child(2)) {
display: inline-grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images:has(.mwai-user-image:nth-child(2)) .mwai-user-image {
width: 160px;
height: 160px;
object-fit: cover;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images:has(.mwai-user-image:nth-child(2)) .mwai-user-image:nth-child(1) {
border-top-left-radius: var(--mwai-borderRadius);
border-top-right-radius: 4px;
border-bottom-left-radius: var(--mwai-borderRadius);
border-bottom-right-radius: 4px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images:has(.mwai-user-image:nth-child(2)) .mwai-user-image:nth-child(2) {
border-top-left-radius: 4px;
border-top-right-radius: var(--mwai-borderRadius);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text {
display: inline-block;
text-align: left;
max-width: 70%;
background: var(--mwai-accentColor);
padding: 10px 16px;
border-radius: 20px;
word-wrap: break-word;
overflow-wrap: break-word;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai {
align-items: flex-start;
background: transparent;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai:has(.mwai-name-text) {
flex-direction: column;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-name .mwai-name-text {
display: block;
font-size: 0.75em;
font-weight: 600;
opacity: 0.6;
margin-bottom: 4px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-text {
max-width: 100%;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-name {
color: var(--mwai-fontColor);
margin-right: 5px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-name-text {
opacity: 0.5;
white-space: nowrap;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar {
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar img {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar.mwai-svg img {
width: 28px;
height: 28px;
min-width: 28px;
min-height: 28px;
filter: brightness(0) invert(1);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text {
flex: auto;
font-size: var(--mwai-fontSize);
line-height: var(--mwai-lineHeight);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-image {
display: block;
max-width: 250px;
height: auto;
margin: 0 0 10px 0;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-filename {
display: flex;
text-decoration: none;
border: 1px solid var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
padding: 5px 10px;
margin-bottom: 10px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text * {
font-size: var(--mwai-fontSize);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > span > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > span > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text a {
color: var(--mwai-linkColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1, .mwai-chatgpt-theme .mwai-reply .mwai-text h2, .mwai-chatgpt-theme .mwai-reply .mwai-text h3, .mwai-chatgpt-theme .mwai-reply .mwai-text h4, .mwai-chatgpt-theme .mwai-reply .mwai-text h5, .mwai-chatgpt-theme .mwai-reply .mwai-text h6 {
color: var(--mwai-fontColor);
margin: 0px;
line-height: 1.2;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1 {
font-size: 150%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h2 {
font-size: 130%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h3 {
font-size: 115%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h4 {
font-size: 105%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h5 {
font-size: 100%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h6 {
font-size: 95%;
font-weight: bold;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text p code {
background: var(--mwai-backgroundSecondaryColor);
background: color-mix(in srgb, var(--mwai-fontColor) 11%, transparent);
padding: 2px 6px;
border-radius: 8px;
font-size: 90%;
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text pre {
color: var(--mwai-fontColor);
border-radius: var(--mwai-borderRadius);
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
break-after: auto;
white-space: pre-wrap;
font-size: 90%;
max-width: 100%;
width: 100%;
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
background: hsl(0 0% 0% / 30%);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text pre code {
padding: 0 !important;
background: transparent;
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul, .mwai-chatgpt-theme .mwai-reply .mwai-text ol {
padding: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul {
list-style: disc;
margin: 0 0 0 15px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ol {
list-style: decimal;
margin: 0 0 0 15px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--mwai-borderColor);
border-color: color-mix(in srgb, var(--mwai-fontColor) 14%, transparent);
border-radius: calc(var(--mwai-borderRadius) * 0.6);
overflow: hidden;
margin: calc(var(--mwai-spacing) / 2) 0;
font-size: calc(var(--mwai-fontSize) * 0.94);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text th, .mwai-chatgpt-theme .mwai-reply .mwai-text td {
border: 0;
border-bottom: 1px solid var(--mwai-borderColor);
border-bottom-color: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
padding: 7px 10px;
text-align: left;
vertical-align: top;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text tbody tr:last-child td {
border-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text th {
font-weight: 600;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text thead {
background: color-mix(in srgb, var(--mwai-fontColor) 8%, transparent);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text tbody tr:nth-child(even) {
background: color-mix(in srgb, var(--mwai-fontColor) 4%, transparent);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-typewriter {
display: inline-block;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-typewriter > :first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply.mwai-system {
background: var(--mwai-errorBackgroundColor);
color: var(--mwai-errorTextColor);
}
.mwai-chatgpt-theme .mwai-reply.mwai-system .mwai-name {
display: none;
}
.mwai-chatgpt-theme .mwai-input {
display: flex;
align-items: flex-end;
gap: 4px;
padding: 4px 6px 5px 4px !important;
margin: var(--mwai-spacing);
background: var(--mwai-backgroundPrimaryColor);
border: 1px solid var(--mwai-borderColor);
border-radius: 26px;
position: relative;
transition: border-color 0.2s ease;
}
.mwai-chatgpt-theme .mwai-input:focus-within {
border-color: rgba(255, 255, 255, 0.25);
border-color: color-mix(in srgb, var(--mwai-accentColor) 55%, transparent);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text {
flex: auto;
position: relative;
display: flex;
overflow: hidden;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-locked {
opacity: 0.5;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-locked input, .mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-locked textarea {
cursor: not-allowed;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text {
background: transparent;
border: none;
padding: 0;
align-items: flex-end;
gap: 4px;
border-radius: 0;
overflow: visible;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-blocked {
background: var(--mwai-errorBackgroundColor);
border-radius: 16px;
padding: 4px 8px;
margin: -4px -8px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-dragging {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea {
background: transparent;
color: var(--mwai-fontColor);
flex: auto;
border: none;
font-size: var(--mwai-fontSize);
resize: none;
font-family: inherit;
margin: 0;
padding: 2px;
line-height: normal;
border-radius: 0;
box-shadow: none;
transition: none;
max-height: 210px;
overflow-y: auto;
min-height: inherit;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea:focus {
outline: none;
box-shadow: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea {
padding: 6px 4px;
margin: 0 !important;
line-height: 1.4;
min-height: unset;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea:focus {
outline: none;
box-shadow: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea::placeholder {
color: var(--mwai-fontColor);
opacity: 0.5;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone {
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone svg {
opacity: 0.5;
filter: grayscale(100%);
transition: opacity 0.3s ease-out;
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone[active=true] svg {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone[disabled] svg {
opacity: 0;
cursor: not-allowed;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone {
flex-shrink: 0;
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
background: transparent;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
margin: 0;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone svg {
color: var(--mwai-fontColor);
opacity: 0.7;
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone:hover {
background: rgba(255, 255, 255, 0.1);
background: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone:hover svg {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide) {
background: url(//www.centre-effet-papillon.be/wp-content/plugins/ai-engine-pro/themes/icons/dark-icons.svg);
background-size: 500%;
background-position: 0px -96px;
width: 32px;
height: 32px;
z-index: 100;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-idle-add {
background-position: -32px -96px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-image-add {
background-position: -32px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-image-up {
background-position: -64px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-image-del {
background-position: -96px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-image-ok {
background-position: -128px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-document-add {
background-position: -32px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-document-up {
background-position: -64px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-document-del {
background-position: -96px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-document-ok {
background-position: -128px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide) .mwai-file-upload-progress {
position: absolute;
font-size: 8px;
width: 21px;
top: 24px;
left: 23px;
overflow: hidden;
text-align: center;
font-weight: bold;
color: white;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload {
flex-shrink: 0;
order: -1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
background: transparent;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-sizing: border-box;
padding: 0;
margin: 0;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload svg {
color: var(--mwai-fontColor);
opacity: 0.7;
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload:hover {
background: rgba(255, 255, 255, 0.1);
background: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload:hover svg {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file {
background: var(--mwai-accentColor);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file svg {
color: white;
opacity: 1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file .mwai-icon-check {
display: block;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file .mwai-icon-x {
display: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload:hover .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file {
background: #c53030;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload:hover .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file .mwai-icon-check {
display: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload:hover .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file .mwai-icon-x {
display: block;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit {
flex-shrink: 0;
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
padding: 0;
margin: 0;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.1);
background: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
color: rgba(255, 255, 255, 0.4);
color: color-mix(in srgb, var(--mwai-fontColor) 40%, transparent);
display: flex;
align-items: center;
justify-content: center;
cursor: not-allowed;
transition: background 0.15s ease, color 0.15s ease, filter 0.15s ease;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit svg {
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-has-content {
background: var(--mwai-accentColor);
color: white;
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-has-content:hover {
filter: brightness(1.15);
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-clear-mode {
cursor: pointer;
color: rgba(255, 255, 255, 0.5);
color: color-mix(in srgb, var(--mwai-fontColor) 50%, transparent);
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-clear-mode:hover, .mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-clear-mode:focus-visible {
background: rgba(255, 255, 255, 0.16);
background: color-mix(in srgb, var(--mwai-fontColor) 16%, transparent);
color: rgba(255, 255, 255, 0.85);
color: color-mix(in srgb, var(--mwai-fontColor) 85%, transparent);
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-busy {
width: auto;
min-width: 32px;
padding: 0 12px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.15);
background: color-mix(in srgb, var(--mwai-fontColor) 15%, transparent);
cursor: wait;
gap: 6px;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-busy .mwai-timer {
font-size: 13px;
color: rgba(255, 255, 255, 0.8);
color: color-mix(in srgb, var(--mwai-fontColor) 80%, transparent);
margin: 0;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit:disabled:not(.mwai-has-content) {
cursor: not-allowed;
}
.mwai-chatgpt-theme .mwai-files {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 0 var(--mwai-spacing) 0 var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview {
background: var(--mwai-backgroundPrimaryColor);
border: 1px solid var(--mwai-borderColor);
border-radius: 12px;
padding: 8px 12px;
display: flex;
align-items: center;
gap: 8px;
max-width: 200px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-content {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-thumbnail {
width: 32px;
height: 32px;
border-radius: 6px;
object-fit: cover;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: var(--mwai-fontColor);
opacity: 0.7;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-info {
flex: 1;
min-width: 0;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-info .mwai-file-name {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-info .mwai-file-size {
font-size: 10px;
opacity: 0.6;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove {
width: 24px;
height: 24px;
min-width: 24px;
padding: 0;
border: none;
background: transparent;
color: var(--mwai-fontColor);
opacity: 0.5;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove:hover {
opacity: 1;
color: #ef4444;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove svg {
width: 16px;
height: 16px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-progress {
flex: 1;
height: 4px;
background: rgba(255, 255, 255, 0.1);
background: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
border-radius: 2px;
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-progress .mwai-file-progress-bar {
height: 100%;
background: var(--mwai-accentColor);
transition: width 0.2s ease;
}
.mwai-chatgpt-theme .mwai-compliance {
opacity: 0.5; margin-top: 0;
padding: calc(var(--mwai-spacing) / 1.5) var(--mwai-spacing);
font-size: smaller;
color: var(--mwai-fontColor);
text-align: left;
}
.mwai-chatgpt-theme .mwai-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 5px;
}
.mwai-chatgpt-theme .mwai-gallery img {
width: 100%;
}
.mwai-chatgpt-theme button {
color: var(--mwai-fontColor);
background: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
min-width: 70px;
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
display: flex;
align-items: center;
justify-content: center;
font-size: calc(var(--mwai-fontSize) * 0.9);
position: relative;
}
.mwai-chatgpt-theme button .mwai-timer {
margin-left: 5px;
margin-right: 5px;
font-size: 11px;
}
.mwai-chatgpt-theme button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme button[disabled] {
cursor: not-allowed;
}
.mwai-chatgpt-theme button[disabled] span {
opacity: 0.5;
}
.mwai-chatgpt-theme button[disabled].mwai-busy span {
display: none;
}
.mwai-chatgpt-theme button[disabled].mwai-busy:before {
content: "";
width: 18px;
height: 18px;
margin: auto;
border: 3px solid transparent;
border-top-color: var(--mwai-fontColor);
border-radius: 50%;
animation: mwai-button-spinner 1s ease infinite;
}
.mwai-chatgpt-theme.mwai-form-container {
padding: var(--mwai-spacing);
font-size: var(--mwai-fontSize);
color: var(--mwai-fontColor);
background: var(--mwai-backgroundSecondaryColor);
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme.mwai-form-container fieldset {
border: 0;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.mwai-chatgpt-theme.mwai-form-container fieldset input[type=text], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=email], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=tel], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=url], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=password], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=number], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=date], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=datetime], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=datetime-local], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=month], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=search], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=time], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=week], .mwai-chatgpt-theme.mwai-form-container fieldset select, .mwai-chatgpt-theme.mwai-form-container fieldset textarea {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset select {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset textarea {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-family: inherit;
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset input[disabled], .mwai-chatgpt-theme.mwai-form-container fieldset select[disabled], .mwai-chatgpt-theme.mwai-form-container fieldset textarea[disabled] {
opacity: 0.25;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button {
height: 45px;
background: none;
width: 100%;
color: var(--mwai-fontColor);
font-size: var(--mwai-fontSize);
background-color: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
position: relative;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button:hover, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button[disabled] span, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button[disabled] span {
opacity: 0.25;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button[disabled]:hover, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button[disabled]:hover {
background: none;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit.mwai-loading button span, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset.mwai-loading button span {
opacity: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit.mwai-loading button::after, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset.mwai-loading button::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 3px solid transparent;
border-top-color: var(--mwai-fontColor);
border-radius: 50%;
animation: mwai-button-spinner 1s ease infinite;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit.mwai-loading button .mwai-timer, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset.mwai-loading button .mwai-timer {
position: absolute;
top: 50%;
left: 50%;
margin-left: 16px;
transform: translateY(-50%);
font-size: 11px;
opacity: 0.8;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output {
font-size: var(--mwai-fontSize);
position: relative;
margin-top: var(--mwai-spacing);
padding: var(--mwai-spacing);
border: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output.mwai-error {
background: var(--mwai-errorBackgroundColor);
color: var(--mwai-errorTextColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output img {
max-width: 33%;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output div > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output div > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container.mwai-has-content {
display: block;
}
.mwai-chatgpt-theme.mwai-form-container .wp-block-columns {
margin: 0;
}
.mwai-chatgpt-theme .mwai-chunks {
background: rgba(255, 255, 255, 0.05);
background: color-mix(in srgb, var(--mwai-fontColor) 5%, transparent);
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-top: 1px solid color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header {
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk {
background: rgba(255, 255, 255, 0.08);
background: color-mix(in srgb, var(--mwai-fontColor) 8%, transparent);
border: 1px solid rgba(255, 255, 255, 0.1);
border: 1px solid color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #6b7280;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #6b7280;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details {
background: rgba(0, 0, 0, 0.2);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details pre {
color: #d1d5db;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window {
filter: none;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
opacity: 0;
transform: scale(0.5);
transform-origin: bottom right;
transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-body {
display: flex !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-window-box {
opacity: 1;
transform: scale(0.92);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: scale(1);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
transform: scale(0.85);
transition: opacity 180ms cubic-bezier(0.4, 0, 1, 1), transform 180ms cubic-bezier(0.4, 0, 1, 1);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-closing.mwai-open .mwai-trigger .mwai-icon-container {
transform: scale(1);
opacity: 1;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-right .mwai-window-box {
transform-origin: calc(100% - 32px) calc(100% - 32px);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-left .mwai-window-box {
transform-origin: 32px calc(100% - 32px);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-right .mwai-window-box {
transform-origin: calc(100% - 32px) 32px;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-left .mwai-window-box {
transform-origin: 32px 32px;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-center-open .mwai-window-box {
transform-origin: center center;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open .mwai-window-box {
transform-origin: center center !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-header {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger {
position: fixed !important;
z-index: 9999 !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-right .mwai-trigger {
bottom: calc(20px + env(safe-area-inset-bottom, 0)) !important;
right: 20px !important;
left: auto !important;
top: auto !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-left .mwai-trigger {
bottom: calc(20px + env(safe-area-inset-bottom, 0)) !important;
left: 20px !important;
right: auto !important;
top: auto !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-right .mwai-trigger {
top: 20px !important;
right: 20px !important;
left: auto !important;
bottom: auto !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-left .mwai-trigger {
top: 20px !important;
left: 20px !important;
right: auto !important;
bottom: auto !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open:not(.mwai-closing) .mwai-trigger {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
transform: scale(0.8);
opacity: 0.3;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
will-change: transform, opacity;
transform: none;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-bottom-right .mwai-icon-text {
transform-origin: right bottom;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-bottom-left .mwai-icon-text {
transform-origin: left bottom;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-top-right .mwai-icon-text {
transform-origin: right top;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-top-left .mwai-icon-text {
transform-origin: left top;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-center-open .mwai-icon-text {
transform-origin: center center;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: mwaiIconTextZoomIn 340ms cubic-bezier(0.22, 1.2, 0.36, 1) 0ms 1 both;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger:hover .mwai-icon-text {
transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: none !important;
transform: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: mwaiIconTextZoomIn 260ms cubic-bezier(0.22, 1.2, 0.36, 1) 0ms 1 reverse both !important;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: none !important;
opacity: 0 !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window {
filter: none;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 -5px 20px rgba(0, 0, 0, 0.15));
opacity: 0;
transform: translateY(100%);
transition: opacity 250ms ease-out, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-body {
display: flex !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-window-box {
opacity: 0.5;
transform: translateY(20px);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: translateY(0);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
transform: translateY(100%);
transition: opacity 200ms ease-in, transform 200ms ease-in;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
opacity: 0;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-window-dragging.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
will-change: transform, opacity;
transform: none;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: mwaiIconTextSlideUp 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms 1 both;
backface-visibility: hidden;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger:hover .mwai-icon-text {
transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: none !important;
transform: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: mwaiIconTextSlideUp 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms 1 reverse both !important;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: none !important;
opacity: 0 !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
opacity: 0;
transform: translateY(8px) scale(0.98);
transform-origin: center bottom;
will-change: opacity, transform;
transition: opacity 180ms ease-out, transform 220ms cubic-bezier(0.2, 0, 0, 1);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-body {
display: flex !important;
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-window-box {
opacity: 1;
transform: translateY(0) scale(1);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-header, .mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-body {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: translateY(0) scale(1);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
transform: translateY(8px) scale(0.98);
transition: opacity 160ms ease-in, transform 180ms cubic-bezier(0.4, 0, 1, 1);
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-window-box {
transition: opacity 120ms linear !important;
transform: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-window-box, .mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
opacity: 0;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-window-dragging.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
will-change: transform, opacity;
transform: none;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: mwaiIconTextFadeOpacity 180ms ease-out 0ms 1 both, mwaiIconTextFadeTransform 220ms cubic-bezier(0.2, 0, 0, 1) 0ms 1 both;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger:hover .mwai-icon-text {
transform: scale(1.01);
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: none !important;
transform: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: mwaiIconTextFadeOpacity 160ms ease-out 0ms 1 reverse both, mwaiIconTextFadeTransform 180ms cubic-bezier(0.2, 0, 0, 1) 0ms 1 reverse both !important;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: none !important;
opacity: 0 !important;
}
}
.mwai-chatgpt-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}
.mwai-chatgpt-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window .mwai-trigger .mwai-icon-text {
animation: none !important;
transition: none !important;
opacity: 1 !important;
transform: none !important;
}
.mwai-chatgpt-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
.mwai-chatgpt-theme .mwai-footer {
display: flex;
align-items: center;
background: var(--mwai-backgroundAiColor, var(--mwai-backgroundSecondaryColor));
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
padding: 6px var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-footer:empty {
display: none;
}
.mwai-chatgpt-theme .mwai-footer:not(:has(.mwai-tools)):has(.mwai-compliance:empty) {
display: none;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools {
display: flex;
align-items: center;
gap: 8px;
margin-right: calc(var(--mwai-spacing) / 2);
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload {
display: inline-block;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
min-width: 16px;
height: 16px;
color: var(--mwai-fontColor);
opacity: 0.75;
margin: 0;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide:hover {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide svg {
width: 16px;
height: 16px;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide .mwai-upload-count {
position: absolute;
top: -5px;
right: -6px;
min-width: 12px;
height: 12px;
padding: 0 2px;
border-radius: 999px;
background: var(--mwai-backgroundHeaderColor);
color: #fff;
border: 2px solid var(--mwai-backgroundAiColor, var(--mwai-backgroundSecondaryColor));
font-size: 8px;
font-family: system-ui;
font-weight: 700;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide .mwai-upload-count::after {
content: attr(data-count);
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide.mwai-hover .mwai-upload-count::after {
content: "-";
}
.mwai-chatgpt-theme .mwai-footer .mwai-compliance {
opacity: 0.5;
font-size: 11px;
line-height: 11px;
color: var(--mwai-fontColor);
flex: 1;
text-align: left;
padding: calc(var(--mwai-spacing) / 2) 0;
margin: 0;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools + .mwai-compliance {
text-align: right;
}
.mwai-chatgpt-theme .mwai-body:not(:has(~ .mwai-footer)):not(:has(+ .mwai-footer)) .mwai-input, .mwai-chatgpt-theme .mwai-body:last-child .mwai-input {
padding-bottom: var(--mwai-spacing);
}
@media (max-width: 760px) {
.mwai-chatgpt-theme .mwai-body:not(:has(~ .mwai-footer)):not(:has(+ .mwai-footer)) .mwai-input, .mwai-chatgpt-theme .mwai-body:last-child .mwai-input {
padding-bottom: var(--mwai-spacing);
}
}
.mwai-chatgpt-theme .mwai-jump-anchor {
position: sticky;
bottom: 8px;
z-index: 5;
display: flex;
justify-content: flex-end;
height: 0;
pointer-events: none;
padding-inline-end: 4px;
}
.mwai-chatgpt-theme .mwai-jump-to-latest {
pointer-events: auto;
transform: translateY(-40px);
box-sizing: border-box;
flex: none;
width: 32px;
min-width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid var(--mwai-borderColor);
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
color: var(--mwai-fontColor);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.mwai-chatgpt-theme .mwai-jump-to-latest:hover {
transform: translateY(-42px);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
}
.mwai-chatgpt-theme .mwai-jump-to-latest:focus-visible {
outline: 2px solid var(--mwai-accentColor, currentColor);
outline-offset: 2px;
}
.mwai-chatgpt-theme .mwai-jump-to-latest svg {
width: 17px;
height: 17px;
display: block;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme .mwai-jump-to-latest {
transition: none;
}
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1, .mwai-chatgpt-theme .mwai-reply .mwai-text h2, .mwai-chatgpt-theme .mwai-reply .mwai-text h3, .mwai-chatgpt-theme .mwai-reply .mwai-text h4, .mwai-chatgpt-theme .mwai-reply .mwai-text h5, .mwai-chatgpt-theme .mwai-reply .mwai-text h6 {
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.005em;
margin: 1.15em 0 0.4em;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text h2:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text h3:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text h4:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text h5:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text h6:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul, .mwai-chatgpt-theme .mwai-reply .mwai-text ol {
margin-top: 0.45em;
margin-bottom: 0.45em;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text ol:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul:last-child, .mwai-chatgpt-theme .mwai-reply .mwai-text ol:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text :not(pre) > code {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text li + li {
margin-top: 0.25em;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text li > ul, .mwai-chatgpt-theme .mwai-reply .mwai-text li > ol {
margin-top: 0.25em;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text li::marker {
color: color-mix(in srgb, currentColor 72%, transparent);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text blockquote {
margin: 0.8em 0;
padding: 1px 0 1px 12px;
padding-inline: 12px 0;
border-inline-start: 3px solid rgba(128, 128, 128, 0.5);
border-inline-start-color: color-mix(in srgb, currentColor 28%, transparent);
opacity: 0.85;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text blockquote > :first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text blockquote > :last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text hr {
height: 1px;
margin: 1.15em 0;
border: 0;
background: rgba(128, 128, 128, 0.35);
background: color-mix(in srgb, currentColor 16%, transparent);
}
.mwai-chatgpt-theme .mwai-empty-hint {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
height: 100%;
min-height: 132px;
padding: 24px 20px;
text-align: center;
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-empty-hint-who {
display: block !important;
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-name {
margin: 0;
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-name .mwai-avatar {
margin: 0;
display: block;
border-radius: 50%;
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-name .mwai-avatar img {
display: block;
width: 48px;
height: 48px;
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-name .mwai-name-text {
opacity: 1;
font-weight: 600;
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-empty-hint-text {
color: var(--mwai-fontColor);
opacity: 0.62;
font-size: 0.95em;
}
.mwai-chatgpt-theme {
font-weight: var(--mwai-fontWeight, 400);
line-height: var(--mwai-lineHeight);
}
.mwai-chatgpt-theme .mwai-files {
display: flex;
flex-direction: column;
gap: 8px;
padding: var(--mwai-spacing);
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
max-height: 150px;
overflow-y: auto;
flex-shrink: 0;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar {
width: 6px;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar-track {
background: var(--mwai-backgroundPrimaryColor);
border-radius: 3px;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar-thumb {
background: var(--mwai-backgroundHeaderColor);
border-radius: 3px;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar-thumb:hover {
background: var(--mwai-accentColor, var(--mwai-backgroundUserColor, #0084ff));
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview {
position: relative;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-content {
display: flex;
align-items: center;
gap: 8px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-thumbnail {
width: 32px;
height: 32px;
object-fit: cover;
border-radius: 4px;
border: 1px solid var(--mwai-backgroundHeaderColor);
display: block;
flex-shrink: 0;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: var(--mwai-backgroundSecondaryColor);
border-radius: 4px;
color: var(--mwai-fontColor);
opacity: 0.6;
flex-shrink: 0;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-icon svg {
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-name {
font-size: calc(var(--mwai-fontSize) * 0.85);
color: var(--mwai-fontColor);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.2;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-size {
font-size: calc(var(--mwai-fontSize) * 0.7);
color: var(--mwai-fontColor);
opacity: 0.5;
line-height: 1;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-progress {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: rgba(128, 128, 128, 0.25);
border-radius: 0 0 calc(var(--mwai-borderRadius) / 2) calc(var(--mwai-borderRadius) / 2);
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-progress .mwai-file-progress-bar {
height: 100%;
background: var(--mwai-accentColor, var(--mwai-backgroundUserColor, #0084ff));
transition: width 0.3s ease;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove {
display: flex;
align-items: center;
justify-content: center;
background: none;
cursor: pointer;
color: var(--mwai-fontColor);
padding: 4px;
border: none;
line-height: 0;
min-width: inherit;
margin-left: auto;
opacity: 0.6;
transition: opacity 0.2s ease;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove:hover {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove svg {
width: 20px;
height: 20px;
}
.mwai-chatgpt-theme .mwai-files:empty {
display: none;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-block {
margin: 0.8em 0;
border-radius: var(--mwai-borderRadius);
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-block:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-block:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-block pre {
margin: 0;
border-radius: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 4px 6px 4px 12px;
background: rgba(128, 128, 128, 0.22);
font-size: 11px;
line-height: 1;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-lang,
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy,
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy span {
font-size: 11px;
line-height: 1;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-lang {
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
letter-spacing: 0.02em;
opacity: 0.6;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy {
display: inline-flex;
align-items: center;
gap: 5px;
width: auto;
min-width: 0;
height: auto;
min-height: 0;
margin: 0;
padding: 4px 7px;
border: 0;
border-radius: 5px;
background: transparent;
box-shadow: none;
color: inherit;
font-family: inherit;
font-weight: inherit;
letter-spacing: normal;
text-transform: none;
opacity: 0.7;
cursor: pointer;
transition: opacity 0.15s ease, background 0.15s ease;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy:hover, .mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy:focus-visible {
opacity: 1;
background: rgba(128, 128, 128, 0.25);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy.mwai-copied {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy svg {
display: block;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text li > code,
.mwai-chatgpt-theme .mwai-reply .mwai-text td > code,
.mwai-chatgpt-theme .mwai-reply .mwai-text blockquote code {
padding: 2px 6px;
border-radius: 6px;
background: rgba(128, 128, 128, 0.2);
font-size: 90%;
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.mwai-chatgpt-theme :focus:not(:focus-visible) {
outline: none;
}
@media (min-width: 1000px) {
.mwai-chatgpt-theme.mwai-fullscreen {
--mwai-readingWidth: 780px;
}
.mwai-chatgpt-theme.mwai-fullscreen .mwai-conversation {
padding-inline: max(var(--mwai-spacing), (100% - var(--mwai-readingWidth)) / 2);
}
.mwai-chatgpt-theme.mwai-fullscreen .mwai-input,
.mwai-chatgpt-theme.mwai-fullscreen .mwai-footer {
width: 100%;
box-sizing: border-box;
max-width: var(--mwai-readingWidth);
margin-inline: auto;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme:not(.mwai-window) .mwai-input .mwai-input-text input, .mwai-chatgpt-theme:not(.mwai-window) .mwai-input .mwai-input-text textarea {
font-size: 16px;
}
}
.mwai-chatgpt-theme .mwai-file-upload-icon {
margin-bottom: -3px;
}
.mwai-chatgpt-theme .mwai-spin {
animation: mwai-spin 1s linear infinite;
}
@keyframes mwai-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.mwai-chatgpt-theme .mwai-terminal {
--mwai-terminal-active-color: var(--mwai-fontColor);
font-family: ui-monospace, SFMono-Regular, "SF Mono", Monaco, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 12px;
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
padding: var(--mwai-spacing);
height: 100%;
overflow-y: auto;
cursor: text;
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
padding-bottom: calc(var(--mwai-spacing) * 1.25);
}
.mwai-chatgpt-theme .mwai-terminal:focus {
outline: none;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line {
display: flex;
align-items: flex-start;
margin: calc(var(--mwai-spacing) / 2) 0;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user {
color: var(--mwai-fontColor);
opacity: 0.35;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user-typing {
color: var(--mwai-terminal-active-color);
opacity: 1;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user-typing .mwai-terminal-prompt {
color: var(--mwai-terminal-active-color);
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-assistant {
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-system {
color: #608b4e;
font-style: italic;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-prompt {
color: var(--mwai-terminal-active-color);
margin-left: -4px;
margin-right: 4px;
display: inline-flex;
align-items: center;
height: 1.5em;
line-height: 1.2;
flex-shrink: 0;
align-self: flex-start;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-prompt svg {
display: block;
width: 1.4em;
height: 1.4em;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-text {
color: inherit;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-input-wrapper {
flex: 1;
display: inline;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-typed {
color: var(--mwai-terminal-active-color);
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor {
display: inline-block;
min-width: 8px;
height: 1.35em;
color: var(--mwai-terminal-active-color);
background: var(--mwai-terminal-active-color);
opacity: 0.35;
vertical-align: text-bottom;
line-height: inherit;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-active {
opacity: 1;
color: var(--mwai-backgroundPrimaryColor);
animation: mwai-cursor-blink 1s infinite;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-typing {
opacity: 1;
color: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-inactive {
opacity: 0.35;
}
.mwai-chatgpt-theme .mwai-terminal {
scrollbar-width: thin;
scrollbar-color: rgba(128, 128, 128, 0.3) transparent;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar {
width: 8px;
background: transparent;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar-track {
background: transparent;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar-thumb {
background: rgba(128, 128, 128, 0.3);
border-radius: 4px;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar-thumb:hover {
background: rgba(128, 128, 128, 0.5);
}
.mwai-chatgpt-theme .mwai-terminal + .mwai-compliance {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-transition, .mwai-chatgpt-theme .mwai-transition {
opacity: 0;
transition: opacity 350ms ease-in-out;
}
.mwai-chatgpt-theme.mwai-transition-visible, .mwai-chatgpt-theme .mwai-transition-visible {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-text {
overflow-wrap: anywhere;
}
.mwai-chatgpt-theme .mwai-text img, .mwai-chatgpt-theme .mwai-text svg {
max-width: 100%;
}
.mwai-chatgpt-theme .mwai-text div p:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-text div p:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-trigger {
position: absolute;
right: 0;
bottom: 0;
transition: all 0.2s ease-out;
z-index: 9999;
display: flex;
flex-direction: column;
align-items: end;
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container {
display: flex;
flex-direction: column;
align-items: flex-end;
position: relative;
z-index: 2;
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container.mwai-leaving, .mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container.mwai-leaving * {
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text {
pointer-events: auto;
background: var(--mwai-iconTextBackgroundColor);
color: var(--mwai-iconTextColor);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
max-width: 270px;
font-size: 14px;
line-height: 1.45;
margin-bottom: 15px;
padding: 12px 16px;
border-radius: 12px;
position: relative;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-header {
display: flex;
align-items: center;
gap: 7px;
margin-bottom: 5px;
min-height: 22px;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-avatar {
width: 22px;
height: 22px;
min-width: 22px;
border-radius: 50%;
object-fit: cover;
display: block;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-avatar.mwai-emoji {
font-size: 18px;
line-height: 22px;
text-align: center;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-name {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.02em;
opacity: 0.7;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-close {
--mwai-icon-close-size: 24px;
width: var(--mwai-icon-close-size);
height: var(--mwai-icon-close-size);
min-width: var(--mwai-icon-close-size);
flex: none;
margin-left: auto;
margin-right: -4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
line-height: 1;
color: inherit;
border-radius: 50%;
opacity: 0.8;
cursor: pointer;
transition: opacity 120ms ease;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-close:focus-visible {
outline: 2px solid currentColor;
outline-offset: 1px;
opacity: 1;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close:hover {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container {
position: relative;
z-index: 1;
pointer-events: auto;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon {
display: block;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.14)) drop-shadow(0 6px 10px rgba(0, 0, 0, 0.16));
transition: transform 0.2s ease-out, filter 0.2s ease-out;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:hover {
cursor: pointer;
transform: translateY(-2px) scale(1.05);
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.14)) drop-shadow(0 10px 16px rgba(0, 0, 0, 0.22));
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:active {
transform: scale(0.97);
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.18)) drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon {
transition: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:hover, .mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:active {
transform: none;
}
}
.mwai-chatgpt-theme.mwai-window {
position: fixed;
right: 30px;
bottom: 30px;
width: var(--mwai-width);
z-index: 9999;
}
.mwai-chatgpt-theme.mwai-window .mwai-window-box {
position: relative;
z-index: 1;
}
.mwai-chatgpt-theme.mwai-window .mwai-conversation, .mwai-chatgpt-theme.mwai-window .mwai-input-text textarea {
overscroll-behavior: contain;
}
.mwai-chatgpt-theme.mwai-window .mwai-header {
display: none;
justify-content: space-between;
align-items: center;
padding: 0 0 0 15px;
border-radius: var(--mwai-borderRadius) var(--mwai-borderRadius) 0 0;
background: var(--mwai-backgroundHeaderColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons {
display: flex;
align-items: center;
margin-left: auto;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button {
justify-content: center;
height: 32px;
width: 32px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:before {
transition: all 0.2s ease-out;
content: " ";
cursor: pointer;
position: absolute;
height: 20px;
width: 20px;
background-color: var(--mwai-headerColor);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M3 9V3h6'/%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M21 15v6h-6'/%3E%3Cpath d='M9 21H3v-6'/%3E%3C/svg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M3 9V3h6'/%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M21 15v6h-6'/%3E%3Cpath d='M9 21H3v-6'/%3E%3C/svg%3E") no-repeat center/contain;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 22px;
height: 22px;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button {
justify-content: center;
height: 32px;
width: 32px;
cursor: pointer;
border-radius: var(--mwai-borderRadius);
margin-left: -10px;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before {
transition: all 0.2s ease-out;
transform: translate(16px, 5px) rotate(45deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
transition: all 0.2s ease-out;
transform: translate(16px, 5px) rotate(-45deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:focus-visible, .mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:focus-visible {
outline: 2px solid var(--mwai-headerColor);
outline-offset: -7px;
border-radius: 6px;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before, .mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
content: " ";
cursor: pointer;
position: absolute;
height: 22px;
width: 1.2px;
background-color: var(--mwai-headerColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:before {
opacity: 1;
transform: translate(16px, 5px) rotate(135deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:after {
opacity: 1;
transform: translate(16px, 5px) rotate(45deg);
}
.mwai-chatgpt-theme.mwai-window.mwai-opening, .mwai-chatgpt-theme.mwai-window.mwai-closing {
cursor: default !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-opening .mwai-header, .mwai-chatgpt-theme.mwai-window.mwai-closing .mwai-header {
cursor: default !important;
}
.mwai-chatgpt-theme.mwai-window .mwai-body {
display: none;
opacity: 0;
max-height: var(--mwai-maxHeight);
border-radius: 0 0 var(--mwai-borderRadius) var(--mwai-borderRadius);
}
.mwai-chatgpt-theme.mwai-window.mwai-bottom-left {
bottom: 30px;
right: inherit;
left: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-bottom-left .mwai-trigger {
right: inherit;
left: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right {
top: 30px;
bottom: inherit;
right: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger {
top: 0;
bottom: inherit;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left {
top: 30px;
bottom: inherit;
right: inherit;
left: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger {
top: 0;
bottom: inherit;
right: inherit;
left: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-center-open.mwai-open {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
right: auto;
bottom: auto;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-window.mwai-center-open.mwai-open {
width: calc(100% - 40px);
max-width: var(--mwai-width);
}
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger, .mwai-chatgpt-theme.mwai-window.mwai-bottom-left .mwai-trigger {
align-items: flex-start;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger, .mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger {
flex-direction: column-reverse;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger .mwai-icon-text, .mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger .mwai-icon-text {
margin-bottom: 0;
margin-top: 15px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons {
margin-bottom: 0px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:before {
width: 20px;
height: 20px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M8 3V8H3'/%3E%3Cpath d='M21 8H16V3'/%3E%3Cpath d='M3 16H8V21'/%3E%3Cpath d='M16 21V16H21'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M8 3V8H3'/%3E%3Cpath d='M21 8H16V3'/%3E%3Cpath d='M3 16H8V21'/%3E%3Cpath d='M16 21V16H21'/%3E%3C/svg%3E");
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 22px;
height: 22px;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) {
position: fixed;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: 0 !important;
width: 100%;
height: 100%;
height: 100vh;
height: 100dvh;
max-height: 100dvh;
max-width: 100%;
display: flex;
flex-direction: column;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-header {
border-radius: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body {
flex: 1;
min-height: 0;
max-height: inherit;
border-radius: 0;
display: flex !important;
flex-direction: column !important;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-conversation {
flex: 0 1 auto !important;
max-height: none;
overflow-y: auto;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-fullscreen-spacer {
flex: 1 1 auto !important;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-input {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-footer {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-files {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-window-box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-header {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
height: 100%;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open {
position: fixed;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: 0 !important;
width: 100%;
height: 100%;
height: 100vh;
height: 100dvh;
max-height: 100dvh;
max-width: 100%;
display: flex;
flex-direction: column;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-header {
border-radius: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body {
flex: 1;
min-height: 0;
max-height: inherit;
border-radius: 0;
display: flex !important;
flex-direction: column !important;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 0 1 auto !important;
max-height: none;
overflow-y: auto;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-fullscreen-spacer {
flex: 1 1 auto !important;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-input {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-footer {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-files {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open {
transform: none !important;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-window-box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body {
flex: 1 1 auto;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-header {
display: flex;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-window.mwai-open:not(.mwai-fullscreen) .mwai-body {
height: var(--mwai-maxHeight);
}
.mwai-chatgpt-theme.mwai-window.mwai-open:not(.mwai-fullscreen) .mwai-body .mwai-conversation {
flex: 1 1 auto;
min-height: 0;
}
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body {
display: flex;
transition: opacity 200ms ease-in-out 0s;
opacity: 1;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme.mwai-window:not(.mwai-fullscreen) .mwai-input textarea {
max-height: min(210px, var(--mwai-maxHeight) * 0.4);
}
.mwai-chatgpt-theme .mwai-body {
position: relative;
}
.mwai-chatgpt-theme .mwai-drag-overlay {
position: absolute;
inset: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--mwai-borderRadius);
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
background: color-mix(in srgb, var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor)) 94%, transparent);
box-shadow: inset 0 0 0 2px var(--mwai-accentColor, var(--mwai-backgroundUserColor, #0084ff));
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 20px;
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-icons {
display: flex;
color: var(--mwai-accentColor, var(--mwai-backgroundUserColor, #0084ff));
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-title {
font-size: 15px;
font-weight: 500;
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-drag-overlay.mwai-blocked {
box-shadow: inset 0 0 0 2px #ef4444;
}
.mwai-chatgpt-theme .mwai-drag-overlay.mwai-blocked .mwai-drag-overlay-icons, .mwai-chatgpt-theme .mwai-drag-overlay.mwai-blocked .mwai-drag-overlay-title {
color: #ef4444;
}
.mwai-chatgpt-theme .mwai-gallery {
grid-template-columns: repeat(6, 1fr);
}
.mwai-chatgpt-theme .mwai-gallery > * {
grid-column: span 2;
}
.mwai-chatgpt-theme .mwai-gallery > :first-child:nth-last-child(2),
.mwai-chatgpt-theme .mwai-gallery > :first-child:nth-last-child(2) ~ * {
grid-column: span 3;
}
.mwai-chatgpt-theme .mwai-gallery > :only-child {
grid-column: 1/-1;
max-width: 360px;
}
.mwai-chatgpt-theme .mwai-gallery > :only-child img {
width: auto;
max-width: 100%;
max-height: 320px;
}
.mwai-chatgpt-theme .mwai-gallery img {
display: block;
width: 100%;
height: auto;
border-radius: calc(var(--mwai-borderRadius) / 2);
}
.mwai-chatgpt-theme .mwai-undo-clear {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex: 0 0 auto;
margin: 0 var(--mwai-spacing) 8px;
padding: 7px 12px;
border-radius: 999px;
background: rgba(128, 128, 128, 0.16);
color: var(--mwai-fontColor);
font-size: calc(var(--mwai-fontSize) * 0.9);
line-height: 1.2;
animation: mwai-undo-clear-in 180ms ease-out both;
}
.mwai-chatgpt-theme .mwai-undo-clear span {
opacity: 0.8;
}
.mwai-chatgpt-theme .mwai-undo-clear button {
width: auto;
min-width: 0;
height: auto;
min-height: 0;
margin: 0;
padding: 2px 4px;
border: none;
border-radius: 4px;
background: none;
color: inherit;
font: inherit;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-undo-clear button:hover {
opacity: 0.75;
}
.mwai-chatgpt-theme .mwai-undo-clear button:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme .mwai-undo-clear {
animation: none;
}
}
@keyframes mwai-undo-clear-in {
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.mwai-chatgpt-theme .mwai-input .mwai-file-upload,
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload {
display: flex;
align-self: center;
align-items: center;
justify-content: center;
min-width: 24px;
min-height: 24px;
}
.mwai-chatgpt-theme .mwai-input-text.mwai-has-counter {
flex-wrap: wrap;
}
.mwai-chatgpt-theme .mwai-input-counter {
flex: 0 0 100%;
order: 99;
box-sizing: border-box;
padding: 2px 10px 6px;
text-align: right;
color: var(--mwai-fontColor);
opacity: 0.65;
font-size: 11px;
line-height: 1.3;
font-variant-numeric: tabular-nums;
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-input-counter.mwai-at-limit {
color: #e5484d;
opacity: 1;
}
.mwai-chatgpt-theme .mwai-body > .mwai-error {
margin: var(--mwai-spacing);
color: white;
background: rgba(180, 55, 55, 0.55);
padding: var(--mwai-spacing);
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-body > .mwai-error:hover {
cursor: pointer;
background: rgba(180, 44, 44, 0.85);
}
.mwai-chatgpt-theme .mwai-reply {
animation: mwai-reply-in 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme .mwai-reply {
animation: none;
}
}
@keyframes mwai-reply-in {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: none;
}
}
.mwai-chatgpt-theme .mwai-reply.mwai-error,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error {
border: 0;
background: var(--mwai-errorBackgroundColor);
color: var(--mwai-errorTextColor);
border-radius: var(--mwai-borderRadius);
padding: calc(var(--mwai-spacing) * 0.75) var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-text,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-text {
color: var(--mwai-errorTextColor);
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-text a,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-text a {
color: var(--mwai-errorTextColor);
text-decoration: underline;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-retry,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-retry {
display: flex;
align-items: center;
gap: 6px;
width: auto;
min-width: 0;
height: auto;
min-height: 0;
margin: 10px 0 0;
padding: 6px 12px 6px 9px;
border: 1px solid currentColor;
border: 1px solid color-mix(in srgb, currentColor 40%, transparent);
border-radius: 999px;
background: none;
color: inherit;
font: inherit;
font-size: calc(var(--mwai-fontSize) * 0.9);
line-height: 1.2;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-retry svg,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-retry svg {
width: 15px;
height: 15px;
fill: currentColor;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-retry:hover,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-retry:hover {
background: color-mix(in srgb, currentColor 14%, transparent);
border-color: color-mix(in srgb, currentColor 60%, transparent);
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-retry:focus-visible,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-retry:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-reply-actions {
opacity: 1 !important;
position: relative;
top: auto;
right: auto;
width: fit-content;
margin-top: 8px;
padding: 0;
gap: 6px;
background: none;
box-shadow: none;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-copy-button,
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-reply-actions .mwai-copy-button,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button {
fill: var(--mwai-errorTextColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: rgba(255, 255, 255, 0.16);
background: color-mix(in srgb, var(--mwai-errorTextColor) 14%, transparent);
cursor: pointer;
border-radius: 5px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-copy-button:hover,
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button:hover,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-reply-actions .mwai-copy-button:hover,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button:hover {
background: rgba(255, 255, 255, 0.3);
background: color-mix(in srgb, var(--mwai-errorTextColor) 26%, transparent);
}
.mwai-chatgpt-theme.mwai-chat:not(.mwai-window):not(.mwai-fullscreen) {
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-chat:not(.mwai-window):not(.mwai-fullscreen) .mwai-window-box {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-chat:not(.mwai-window):not(.mwai-fullscreen) .mwai-body {
flex: 1 1 auto;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-chat:not(.mwai-window):not(.mwai-fullscreen) .mwai-conversation {
flex: 1 1 auto;
min-height: 0;
}
.mwai-chatgpt-theme .mwai-reply-actions {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.mwai-chatgpt-theme .mwai-reply:hover .mwai-reply-actions,
.mwai-chatgpt-theme .mwai-reply .mwai-reply-actions.mwai-actions-open {
opacity: 1 !important;
}
.mwai-chatgpt-theme .mwai-reply .mwai-reply-actions:has(:focus-visible) {
opacity: 1 !important;
}
.mwai-chatgpt-theme .mwai-form-output-container:hover .mwai-reply-actions {
opacity: 1 !important;
}
.mwai-chatgpt-theme .mwai-form-output-container:hover .mwai-reply-actions.mwai-hidden {
opacity: 1 !important;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container {
background: var(--mwai-bubbleColor);
width: var(--mwai-iconSize, 60px);
height: var(--mwai-iconSize, 60px);
border-radius: 100%;
transition: all 0.2s ease-out;
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-icon {
max-width: 50%;
max-height: 50%;
filter: none;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-icon:hover {
transform: none;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-emoji {
font-size: calc(var(--mwai-iconSize, 60px) / 2);
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container:hover {
cursor: pointer;
filter: brightness(1.1);
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open, .mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) {
top: var(--mwai-vv-offset-top, 0) !important;
bottom: var(--mwai-vv-offset-bottom, 0) !important;
height: var(--mwai-vv-height, 100dvh);
max-height: var(--mwai-vv-height, 100dvh);
}
.mwai-chatgpt-theme.mwai-window.mwai-open {
position: fixed;
top: var(--mwai-vv-offset-top, 0) !important;
left: 0 !important;
right: 0 !important;
bottom: var(--mwai-vv-offset-bottom, 0) !important;
width: 100%;
min-height: 100%;
min-height: 100vh;
min-height: var(--mwai-vv-height, 100dvh);
height: var(--mwai-vv-height, 100dvh);
max-height: var(--mwai-vv-height, 100dvh);
max-width: 100%;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundPrimaryColor, var(--mwai-backgroundSecondaryColor));
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
padding-top: env(safe-area-inset-top, 0);
padding-left: env(safe-area-inset-left, 0);
padding-right: env(safe-area-inset-right, 0);
box-sizing: border-box;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-window-box {
width: 100%;
height: 100%;
flex: 1;
display: flex;
flex-direction: column;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
background: transparent !important;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-header {
display: none !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
border-radius: 0 !important;
overflow: hidden;
background: var(--mwai-backgroundPrimaryColor, var(--mwai-backgroundSecondaryColor));
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 1;
overflow-y: auto;
max-height: none;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-input {
flex-shrink: 0;
position: relative;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-footer {
flex-shrink: 0;
position: relative;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-body:last-child .mwai-input {
padding-bottom: env(safe-area-inset-bottom, 0);
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header {
display: flex;
position: sticky;
top: 0;
left: 0;
right: 0;
min-height: 50px;
background: var(--mwai-backgroundHeaderColor);
border-bottom: 1px solid var(--mwai-lineColor);
padding: 0 15px;
padding-top: env(safe-area-inset-top, 0);
padding-left: calc(15px + env(safe-area-inset-left, 0));
padding-right: calc(15px + env(safe-area-inset-right, 0));
align-items: center;
justify-content: space-between;
z-index: 10;
flex-shrink: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-title {
font-size: 16px;
font-weight: 600;
color: var(--mwai-headerColor);
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close {
all: unset;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
min-width: 32px;
cursor: pointer;
border-radius: 6px;
transition: background-color 0.2s ease;
-webkit-tap-highlight-color: transparent;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:hover, .mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:active {
background-color: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close svg {
width: 20px;
height: 20px;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close svg path {
stroke: var(--mwai-headerColor);
}
.mwai-chatgpt-theme.mwai-window.mwai-open.mwai-center-open {
top: var(--mwai-vv-offset-top, 0) !important;
left: 0 !important;
transform: none !important;
right: 0 !important;
bottom: var(--mwai-vv-offset-bottom, 0) !important;
width: 100% !important;
max-width: 100% !important;
height: var(--mwai-vv-height, 100dvh) !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input {
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input button:not(.mwai-input-submit) {
font-size: 16px;
margin-left: 0;
width: 100%;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text {
width: 100%;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text input, .mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text textarea {
font-size: 16px;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body {
display: flex;
transition: opacity 200ms ease-in-out 0s;
opacity: 1;
flex: 1;
min-height: 0;
max-height: inherit;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 1;
max-height: none;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-resize-button {
display: none !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-trigger {
display: none;
}
}
@keyframes mwai-button-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.mwai-chatgpt-theme button:not(.mwai-busy):before {
content: none !important;
display: none !important;
animation: none !important;
}
.mwai-chatgpt-theme .admin-bar .mwai-fullscreen:not(.mwai-window),
.mwai-chatgpt-theme .admin-bar .mwai-fullscreen.mwai-window.mwai-open {
top: 32px;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line {
display: flex;
align-items: flex-start;
color: var(--mwai-terminal-active-color, var(--mwai-fontColor));
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-prompt {
color: var(--mwai-terminal-active-color, currentColor);
margin-left: -4px;
margin-right: 4px;
display: inline-flex;
align-items: center;
height: 1.5em;
line-height: 1.2;
flex-shrink: 0;
align-self: flex-start;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-prompt svg {
display: block;
width: 1.4em;
height: 1.4em;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-input-wrapper {
flex: 1;
display: inline;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-typed {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor {
display: inline-block;
min-width: 8px;
height: 1.35em;
color: currentColor;
background: currentColor;
opacity: 0.35;
vertical-align: text-bottom;
line-height: inherit;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-active {
opacity: 1;
color: var(--mwai-backgroundPrimaryColor, #1a1a2e);
animation: mwai-cursor-blink 1s infinite;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-typing {
opacity: 1;
color: var(--mwai-backgroundPrimaryColor, #1a1a2e);
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-inactive {
opacity: 0.35;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-window.mwai-open:not(.mwai-fullscreen):not(.mwai-container-osx) .mwai-window-box {
border-radius: var(--mwai-borderRadius);
box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.18), 0 1px 2px rgba(0, 0, 0, 0.08), 0 10px 24px -8px rgba(0, 0, 0, 0.2), 0 32px 64px -16px rgba(0, 0, 0, 0.32);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--mwai-fontColor) 10%, transparent), 0 1px 2px rgba(0, 0, 0, 0.08), 0 10px 24px -8px rgba(0, 0, 0, 0.2), 0 32px 64px -16px rgba(0, 0, 0, 0.32);
}
}
.mwai-chatgpt-theme.mwai-window .mwai-header {
position: relative;
z-index: 1;
box-shadow: 0 1px 0 color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
}
.mwai-chatgpt-theme pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
.mwai-chatgpt-theme code.hljs {
padding: 3px 5px;
}
.mwai-chatgpt-theme .hljs {
color: #fff;
}
.mwai-chatgpt-theme .hljs-subst {
color: #fff;
}
.mwai-chatgpt-theme .hljs-comment {
color: #999;
}
.mwai-chatgpt-theme .hljs-attr, .mwai-chatgpt-theme .hljs-doctag, .mwai-chatgpt-theme .hljs-keyword, .mwai-chatgpt-theme .hljs-meta .hljs-keyword, .mwai-chatgpt-theme .hljs-section, .mwai-chatgpt-theme .hljs-selector-tag {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-attribute {
color: #c59bc1;
}
.mwai-chatgpt-theme .hljs-name, .mwai-chatgpt-theme .hljs-number, .mwai-chatgpt-theme .hljs-quote, .mwai-chatgpt-theme .hljs-selector-id, .mwai-chatgpt-theme .hljs-template-tag, .mwai-chatgpt-theme .hljs-type {
color: #f08d49;
}
.mwai-chatgpt-theme .hljs-selector-class {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-link, .mwai-chatgpt-theme .hljs-regexp, .mwai-chatgpt-theme .hljs-selector-attr, .mwai-chatgpt-theme .hljs-string, .mwai-chatgpt-theme .hljs-symbol, .mwai-chatgpt-theme .hljs-template-variable, .mwai-chatgpt-theme .hljs-variable {
color: #b5bd68;
}
.mwai-chatgpt-theme .hljs-meta, .mwai-chatgpt-theme .hljs-selector-pseudo {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-built_in, .mwai-chatgpt-theme .hljs-literal, .mwai-chatgpt-theme .hljs-title {
color: #f08d49;
}
.mwai-chatgpt-theme .hljs-bullet, .mwai-chatgpt-theme .hljs-code {
color: #ccc;
}
.mwai-chatgpt-theme .hljs-meta .hljs-string {
color: #b5bd68;
}
.mwai-chatgpt-theme .hljs-deletion {
color: #de7176;
}
.mwai-chatgpt-theme .hljs-addition {
color: #76c490;
}
.mwai-chatgpt-theme .hljs-emphasis {
font-style: italic;
}
.mwai-chatgpt-theme .hljs-strong {
font-weight: 700;
}
.mwai-chatgpt-theme .mwai-reply-actions {
position: absolute;
border-radius: 5px;
top: 10px;
right: 10px;
display: flex;
align-items: center;
padding: 2px 2px;
z-index: 100;
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
box-shadow: 0 0 0 1px color-mix(in srgb, var(--mwai-fontColor) 10%, transparent), 0 1px 2px rgba(0, 0, 0, 0.1), 0 4px 10px -2px rgba(0, 0, 0, 0.18);
z-index: 100;
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-copy-button,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-download-button,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-pdf-button {
fill: var(--mwai-fontColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
cursor: pointer;
border-radius: 5px;
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-copy-button:hover,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-download-button:hover,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-pdf-button:hover {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-pdf-button {
padding: 3px 3.5px;
}
.mwai-chatgpt-theme .mwai-reply-actions.mwai-hidden {
opacity: 0;
}
.mwai-chatgpt-theme .mwai-realtime {
padding: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-visualizer {
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-visualizer hr {
width: 100px;
margin-right: var(--mwai-spacing);
margin-left: var(--mwai-spacing);
border: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-visualizer .mwai-animation {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls > * + * {
margin-left: 10px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button {
border-radius: 100%;
width: 50px;
height: 50px;
margin: 5px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
color: var(--mwai-fontColor);
border: 2px solid var(--mwai-backgroundPrimaryColor);
background: none;
cursor: pointer;
transition: all 0.2s ease-out;
min-width: inherit;
max-width: inherit;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button:disabled {
opacity: 0.5;
cursor: not-allowed;
background: none;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button.mwai-active {
border: 2px solid var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode {
flex-direction: column;
gap: 8px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk {
border-radius: calc(var(--mwai-borderRadius) * 0.8);
width: auto;
min-width: 120px;
padding: 12px 24px;
margin: 5px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--mwai-fontColor);
border: 2px solid var(--mwai-backgroundPrimaryColor);
background: none;
cursor: pointer;
transition: all 0.2s ease-out;
font-family: inherit;
font-size: var(--mwai-fontSize);
line-height: 1.2;
font-weight: 500;
height: auto;
user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
touch-action: manipulation;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk:disabled {
opacity: 0.5;
cursor: not-allowed;
background: none;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk.mwai-active {
border: 2px solid var(--mwai-fontColor);
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk svg {
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-talk-hint {
font-size: 12px;
color: var(--mwai-fontColor);
opacity: 0.6;
text-align: center;
margin: 0;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript {
margin: var(--mwai-spacing);
margin-top: 0;
border: 2px solid var(--mwai-backgroundPrimaryColor);
padding: calc(var(--mwai-spacing) / 2);
padding-right: calc(var(--mwai-spacing) / 2 + 10px);
border-radius: var(--mwai-borderRadius);
font-size: 80%;
text-align: center;
max-height: 120px;
overflow-y: auto;
overflow-x: hidden;
word-wrap: break-word;
overflow-wrap: break-word;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar {
width: 6px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar-track {
background: transparent;
margin: 4px 0;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar-thumb {
background: var(--mwai-backgroundHeaderColor);
border-radius: 10px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar-thumb:hover {
background: var(--mwai-accentColor, var(--mwai-backgroundUserColor, #0084ff));
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript {
scrollbar-width: thin;
scrollbar-color: var(--mwai-backgroundHeaderColor) transparent;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-row-gap: 10px;
font-size: 14px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics div {
display: flex;
flex-direction: column;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics label {
font-size: 11px;
opacity: 0.5;
text-transform: uppercase;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options {
margin-top: var(--mwai-spacing);
display: flex;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options .mwai-option {
cursor: pointer;
opacity: 0.5;
margin-right: 2px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options .mwai-option.mwai-active {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions {
border-radius: var(--mwai-borderRadius);
background: var(--mwai-backgroundHeaderColor);
overflow: hidden;
}
.mwai-chatgpt-theme.mwai-discussions * {
box-sizing: border-box;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion {
display: flex;
position: relative;
padding-left: calc(var(--mwai-spacing) / 2);
padding-right: calc(var(--mwai-spacing) / 2);
padding-bottom: calc(var(--mwai-spacing) / 2);
color: var(--mwai-conversationsTextColor);
opacity: 0.65;
align-items: center;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-content {
flex: 1;
padding: 5px 10px;
overflow: hidden;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--mwai-fontSize);
margin-bottom: 4px;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info {
display: flex;
gap: 12px;
font-size: calc(var(--mwai-fontSize) * 0.85);
opacity: 0.9;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info .mwai-info-item {
display: flex;
align-items: center;
gap: 4px;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info .mwai-info-item svg {
opacity: 0.75;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions {
position: absolute;
top: 50%;
right: calc(var(--mwai-spacing) / 2);
transform: translateY(-50%);
opacity: 0;
transition: opacity 0.2s ease-out;
z-index: 100;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions .mwai-menu-icon {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--mwai-conversationsTextColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion {
transition: opacity 0.15s ease-out;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-content {
border-radius: var(--mwai-borderRadius);
transition: background 0.15s ease-out;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover {
cursor: pointer;
opacity: 0.9;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-content {
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
background: color-mix(in srgb, var(--mwai-conversationsTextColor) 7%, transparent);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-actions {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active {
cursor: pointer;
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-content {
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-title {
font-weight: 500;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:has(.mwai-context-menu) .mwai-discussion-actions {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:first-child {
margin-top: calc(var(--mwai-spacing) / 2);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header {
color: var(--mwai-headerColor);
padding: var(--mwai-spacing);
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button {
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
color: var(--mwai-fontColor);
border: none;
padding: 8px 16px;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:hover:not(:disabled) {
background: var(--mwai-iconTextBackgroundColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header .mwai-refresh-btn {
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-body {
background: var(--mwai-conversationsBackgroundColor);
list-style: none;
padding: 0;
margin: 0;
position: relative;
min-height: 200px;
display: flex;
flex-direction: column;
border-radius: 0;
z-index: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-loading-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--mwai-conversationsBackgroundColor);
opacity: 0.9;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-spinner {
animation: spin 1s linear infinite;
color: var(--mwai-fontColor);
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination {
background: var(--mwai-backgroundHeaderColor);
padding: var(--mwai-spacing);
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button {
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
color: var(--mwai-fontColor);
border: none;
padding: 8px 12px;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:hover:not(:disabled) {
background: var(--mwai-iconTextBackgroundColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination span {
color: var(--mwai-headerColor);
font-size: var(--mwai-fontSize);
font-weight: 500;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination .mwai-page-indicator {
color: var(--mwai-headerColor);
font-size: calc(var(--mwai-fontSize) * 0.85);
font-weight: 400;
opacity: 0.8;
}
.mwai-chatgpt-theme .mwai-files {
padding: var(--mwai-spacing) var(--mwai-spacing) 0 var(--mwai-spacing);
border: none;
flex-direction: row;
align-items: flex-start;
max-height: 131px;
overflow-y: auto;
flex-shrink: 0;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview {
flex: 1 1 150px;
min-width: 0;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text a, .mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text .mwai-filename {
color: inherit;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text .mwai-filename {
border-color: color-mix(in srgb, currentColor 45%, transparent);
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-reply-actions {
display: none;
}
.mwai-chatgpt-theme .mwai-conversation > .mwai-reply.mwai-ai:first-child .mwai-reply-actions {
display: none;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai {
align-items: flex-start;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-name .mwai-avatar {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
background: transparent;
border-radius: 0;
margin-top: -2px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-name .mwai-avatar img {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai > div:has(> .mwai-text) {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions {
position: static;
background: transparent;
box-shadow: none;
padding: 5px 0 0 0;
margin-left: -7px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions.mwai-hidden {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-copy-button,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-download-button,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button {
background: transparent;
padding: 0;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.15s ease, background 0.15s ease;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-copy-button svg,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-download-button svg,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button svg {
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-copy-button:hover, .mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-copy-button:focus-visible,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-download-button:hover,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-download-button:focus-visible,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button:hover,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button:focus-visible {
background: rgba(255, 255, 255, 0.1);
background: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
opacity: 1;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-copy-button:focus-visible,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-download-button:focus-visible,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button:focus-visible {
outline: 2px solid var(--mwai-accentColor);
outline-offset: 1px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button svg {
width: 22px;
height: 22px;
}
.mwai-chatgpt-theme .mwai-chunks {
background: rgba(255, 255, 255, 0.05);
background: color-mix(in srgb, var(--mwai-fontColor) 5%, transparent);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header {
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header .mwai-chunks-toggle {
border-color: rgba(255, 255, 255, 0.1);
border-color: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header .mwai-chunks-toggle:hover {
background: rgba(255, 255, 255, 0.05);
background: color-mix(in srgb, var(--mwai-fontColor) 5%, transparent);
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk {
background: rgba(255, 255, 255, 0.08);
background: color-mix(in srgb, var(--mwai-fontColor) 8%, transparent);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details {
background: rgba(0, 0, 0, 0.2);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details pre {
color: #d1d5db;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input {
flex-direction: row;
align-items: flex-end;
gap: 4px;
}
.mwai-chatgpt-theme .mwai-input {
margin: 10px var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-files {
padding: 0 var(--mwai-spacing) 0 var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images {
max-width: 90%;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images:has(.mwai-user-image:nth-child(2)) .mwai-user-image {
width: 120px;
height: 120px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text {
max-width: 90%;
}
.mwai-chatgpt-theme .mwai-name {
margin-right: 0;
max-width: inherit;
}
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border-bottom: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: calc(var(--mwai-fontSize) * 0.9);
margin-left: 0;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination {
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: calc(var(--mwai-fontSize) * 0.9);
margin-left: 0;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination {
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button {
width: 100%;
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: calc(var(--mwai-fontSize) * 0.9);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button:hover,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button:disabled,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu {
background: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item:hover {
background-color: var(--mwai-backgroundPrimaryColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item.mwai-danger {
color: var(--mwai-errorTextColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background-color: var(--mwai-errorBackgroundColor);
}@font-face {
font-family: 'Source Sans Pro';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/sourcesanspro-semibold-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/sourcesanspro-semibold-webfont.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/sourcesanspro-bold-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/sourcesanspro-bold-webfont.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/sourcesanspro-extralight-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/sourcesanspro-extralight-webfont.ttf) format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/sourcesanspro-light-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/sourcesanspro-light-webfont.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/sourcesanspro-regular-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/sourcesanspro-regular-webfont.ttf) format('truetype');
font-weight: 400;
font-style: normal;
} @font-face {
font-family: 'Open Sans';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/opensans-light-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/opensans-light-webfont.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/opensans-regular-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/opensans-regular-webfont.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/opensans-extrabold-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/opensans-extrabold-webfont.ttf) format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/opensans-semibold-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/opensans-semibold-webfont.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/opensans-bold-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/opensans-bold-webfont.ttf) format('truetype');
font-weight: 700;
font-style: normal;
} @font-face {
font-family: 'Ubuntu';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/ubuntu-b-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/ubuntu-b-webfont.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/ubuntu-r-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/ubuntu-r-webfont.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/ubuntu-l-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/ubuntu-l-webfont.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/ubuntu-m-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/ubuntu-m-webfont.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu Condensed';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/ubuntu-c-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/ubuntu-c-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'Droid Sans';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/DroidSans-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/DroidSans-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Yanone Kaffeesatz Regular';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/yanonekaffeesatz-regular-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/yanonekaffeesatz-regular-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Yanone Kaffeesatz Light';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/yanonekaffeesatz-light-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/yanonekaffeesatz-light-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswald Light';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/Oswald-Light-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/Oswald-Light-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/Oswald-Regular-webfont.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/Oswald-Regular-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'elusive';
src: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/elusive.woff) format('woff'),
url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/fonts/elusive.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="crycon-"]:before, [class*=" crycon-"]:before {
font-family: "elusive";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: inherit;  margin-left: .2em;    cursor:inherit;
font-size:inherit;
} .crycon-author:before { content: '\e801'; } 
.crycon-category:before { content: '\e805'; } 
.crycon-category2:before { content: '\e817'; } 
.crycon-folder-close:before { content: '\e81c'; } 
.crycon-folder-open:before { content: '\e81d'; } 
.crycon-tag:before { content: '\e802'; } 
.crycon-bookmark:before { content: '\e810'; } 
.crycon-edit:before { content: '\e804'; } 
.crycon-comment:before { content: '\e800'; } 
.crycon-comments:before { content: '\e815';} 
.crycon-date:before { content: '\e82b'; } 
.crycon-time:before { content: '\e80d'; } 
.crycon-forward:before { content: '\e81b';-webkit-transform:rotate(180deg)  scale(-1, 1);-ms-transform:rotate(180deg)  scale(-1, 1);transform:rotate(180deg) scale(-1, 1);margin-left:5px;font-size:10px;
-moz-transition:.2s margin ease; -o-transition:.2s margin ease; -webkit-transition:.2s margin ease; transition:.2s margin ease; } 
.crycon-reply:before { content: '\e81b';transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);margin-right:5px;font-size:10px;
-moz-transition:.2s margin ease; -o-transition:.2s margin ease; -webkit-transition:.2s margin ease; transition:.2s margin ease; } .crycon-metas:before {
font-size: 13px;
line-height: 1;
cursor: default;
margin-right: 8px;
color: #555;
}
.crycon-time:before,.crycon-folder-close:before, .crycon-folder-open:before {font-size:14px; } 
.crycon-time:before {margin-top:1px; } 
.crycon-edit:before {margin-right:1px; } .crycon-status:before { content: '\e81a'; } 
.crycon-aside:before { content: '\e82a'; } 
.crycon-link:before { content: '\e818'; } 
.crycon-audio:before { content: '\e823'; } 
.crycon-video:before { content: '\e829'; } 
.crycon-image:before { content: '\e824'; } 
.crycon-gallery:before { content: '\e825'; } 
.crycon-quote:before { content: '\e80f'; } .crycon-search:before { content: '\e816'; } 
.crycon-down-dir:before { content: '\e803'; } 
.crycon-right-dir:before { content: '\e806'; } 
.crycon-angle-left:before { content: '\e807'; } 
.crycon-angle-right:before { content: '\e808'; } 
.crycon-angle-up:before { content: '\e809'; } 
.crycon-angle-down:before { content: '\e80a'; } 
.crycon-minus:before { content: '\e80b'; } 
.crycon-left-open:before { content: '\e80c'; } 
.crycon-up:before { content: '\e80e'; } 
.crycon-left-dir:before { content: '\e811'; } 
.crycon-up-open:before { content: '\e812'; } 
.crycon-ok:before { content: '\e813'; } 
.crycon-cancel:before { content: '\e814'; } 
.crycon-up-dir:before { content: '\e819'; } 
.crycon-right-open:before { content: '\e81e'; } 
.crycon-home:before { content: '\e81f'; } 
.crycon-menu:before { content: '\e820'; } 
.crycon-plus:before { content: '\e821'; } 
.crycon-down-open:before { content: '\e822'; } 
.crycon-down:before { content: '\e826'; } 
.crycon-left:before { content: '\e827'; } 
.crycon-right:before { content: '\e828'; } 
.crycon-star-empty:before { content: '\e82c'; } 
.crycon-star:before { content: '\e82d'; } 
.crycon-mail:before { content: '\e82e'; } 
.crycon-home-1:before { content: '\e82f'; } 
.crycon-attach:before { content: '\e830'; } 
.crycon-eye:before { content: '\e831'; } 
.crycon-eye-off:before { content: '\e832'; } 
.crycon-tags:before { content: '\e833'; } 
.crycon-flag:before { content: '\e834'; } 
.crycon-warning:before { content: '\e835'; } 
.crycon-location:before { content: '\e836'; } 
.crycon-trash:before { content: '\e837'; } 
.crycon-doc:before { content: '\e838'; } 
.crycon-phone:before { content: '\e839'; } 
.crycon-cog:before { content: '\e83a'; } 
.crycon-basket:before { content: '\e83b'; } 
.crycon-basket-circled:before { content: '\e83c'; } 
.crycon-wrench:before { content: '\e83d'; } 
.crycon-wrench-circled:before { content: '\e83e'; } 
.crycon-mic:before { content: '\e83f'; } 
.crycon-volume:before { content: '\e840'; } 
.crycon-volume-down:before { content: '\e841'; } 
.crycon-volume-off:before { content: '\e842'; } 
.crycon-headphones:before { content: '\e843'; } 
.crycon-lightbulb:before { content: '\e844'; } 
.crycon-resize-full:before { content: '\e845'; } 
.crycon-resize-full-alt:before { content: '\e846'; } 
.crycon-resize-small:before { content: '\e847'; } 
.crycon-resize-vertical:before { content: '\e848'; } 
.crycon-resize-horizontal:before { content: '\e849'; } 
.crycon-move:before { content: '\e84a'; } 
.crycon-zoom-in:before { content: '\e84b'; } 
.crycon-zoom-out:before { content: '\e84c'; } 
.crycon-arrows-cw:before { content: '\e84d'; } 
.crycon-desktop:before { content: '\e84e'; } 
.crycon-inbox:before { content: '\e84f'; } 
.crycon-cloud:before { content: '\e850'; } 
.crycon-book:before { content: '\e851'; } 
.crycon-certificate:before { content: '\e852'; } 
.crycon-tasks:before { content: '\e853'; } 
.crycon-thumbs-up:before { content: '\e854'; } 
.crycon-thumbs-down:before { content: '\e855'; } 
.crycon-help-circled:before { content: '\e856'; } 
.crycon-star-circled:before { content: '\e857'; } 
.crycon-bell:before { content: '\e858'; } 
.crycon-rss:before { content: '\e859'; } 
.crycon-trash-circled:before { content: '\e85a'; } 
.crycon-cogs:before { content: '\e85b'; } 
.crycon-cog-circled:before { content: '\e85c'; } 
.crycon-calendar-circled:before { content: '\e85d'; } 
.crycon-mic-circled:before { content: '\e85e'; } 
.crycon-volume-up:before { content: '\e85f'; } 
.crycon-print:before { content: '\e860'; } 
.crycon-edit-alt:before { content: '\e861'; } 
.crycon-edit-2:before { content: '\e862'; } 
.crycon-block:before { content: '\e863'; }html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: grayscale;
} blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: normal;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
clear: none;
}
.entry-content h1 { font-size: 32px; }
.entry-content h2 { font-size: 28px; }
.entry-content h3 { font-size: 24px; }
.entry-content h4 { font-size: 20px; }
.entry-content h5 { font-size: 16px; }
.entry-content h6 { font-size: 12px; }
.entry-content blockquote {
display: table;
position: relative;
padding: 2em;
margin: 0 auto;
width: auto;
font-style: italic; }
.entry-content blockquote:before {
position: absolute;
left: 1em;
top: 0;
content: '\e80f';
font-family: 'elusive';
font-size: 1em;
color: rgba(0,0,0,.05);
z-index: 0;
}
.entry-content blockquote:after {
position: absolute;
right: 1em;
bottom: 0;
content: '\e80f';
font-family: 'elusive';
font-size: 1em;
color: rgba(0,0,0,.05);
z-index: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#content blockquote p {
margin-bottom: 0;
font-size: 1.2em;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}  .wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding: 2em;
font-size: 1.2em;
}
.aligncenter[class^='wp-block']:not([class^='wp-block-cover']) {
display: table;
}
.wp-block-separator {
max-width: 25%;
}
.wp-block-separator.is-style-wide {
max-width: 100%;
}
.wp-block-separator.is-style-dots::before {
color: inherit;
}
.wp-block-button {
transition: .2s opacity;
}
.wp-block-button:hover {
opacity: 0.85;
}
.wp-block-pullquote {
text-align: inherit;
} #container {
float: none;
margin: 0;
width: 100%;
}
#content {
margin-bottom: 0;
}
.sidey {
display: block;
float: left;
}
#footer {
clear: both;
width: 100%;
} pre {
font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
.entry-content pre {
border-left: 10px solid;
padding: 1.3em;
white-space: nowrap;
line-height: 1.5;
overflow: auto;
}
.entry-content code {
}  div.menu,
#colophon,
#branding,
#main,
#header {
margin: 0 auto;
}
#forbottom {
clear: both;
display: block;
margin: 0 auto;
padding: 40px 0;
min-height: 400px;
}
#masthead {
background-position: 50% top;
background-repeat: repeat-x;
}
#branding {
display: block;
clear: both;
height: 75px;
padding: 0;
position: relative;
overflow: hidden;
margin: 0 auto;
}
a#logo {
display: inline;
height: 100%;
}
#linky {
background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);
display: block;
width: 100%;
height: 100%;
} #footer-widget-area {
overflow: hidden;
}
.footerfour .widget-area {
float: left;
margin-right: 2%;
width: 23.5%;
}
.footerthree .widget-area {
float: left;
margin-right: 2%;
width: 32%;
}
.footertwo .widget-area {
float: left;
margin-right: 2%;
width: 49%;
}
.footerone .widget-area {
float: left;
width: 100%;
}
.footertwo #second,
.footerthree #third,
.footerfour #forth {
margin-right: 0;
}
#footer-widget-area #fourth {
margin-right: 0;
}
#site-generator {
float: right;
width: 220px;
}  html {
font-size: 17px;
line-height: 1.8;
}
hr {
border: 1px solid transparent;
clear: both;
height: 1px;
} .entry-content ul {
margin-left: 1.6em;
} .entry-content ul li,
.entry-content ol li {
padding: 2px 0;
} .entry-content ol > li {
text-indent: 0;
}
.entry-content li li {
margin-left: 1em;
}
ol {
list-style-type: decimal;
margin-left: 1.8em;
}
ol ol {
list-style-type: upper-alpha;
}
ol ol ol {
list-style-type: lower-roman;
}
ol ol ol ol {
list-style-type: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
dl {
margin: 0 0 24px 0;
}
dt {
font-weight: bold;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
big {
font-size: 131.25%;
}
ins {
text-decoration: none;
}
pre {
line-height: 1.5;
padding: 1.5em;
}
abbr,
acronym {
border-bottom: 1px dotted transparent;
cursor: help;
}
sup,
sub {
position: relative;
height: 0;
line-height: 1;
}
textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
max-width: 100%;
border: 1px solid transparent;
padding: 7px 5px;
font-family: inherit;
font-size: 1em;
background: transparent;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
input[type="submit"],
input[type="reset"] {
border: 1px solid transparent;
padding: 10px 15px;
cursor: pointer;
font-size: .9em;
}
input[type="file"] {
font-size: initial;
}
input:focus,
textarea:focus {
outline: none;
}
select option {
padding: .25em;
}
select optgroup,
select option {
font-family: inherit;
}
input::-moz-focus-inner{ border: 0;
padding: 0;
}
a:link,a:visited  {
text-decoration: none;
}
a:hover,
a:active,
a:focus:active,
a:focus:hover,
input:hover:focus,
textarea:hover:focus,
button:hover:focus {
outline: 0;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #222;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 6px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 6px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
}
.entry-content a:not([class]),
.entry-excerpt a:not([class]),
#comments .comment-body a:not([class]),
.widget-container.widget_text a:not([class]),
.ppbox a:not([class]) {
text-decoration: underline;
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
} #header {
background: none;
}
#site-title {
float: left;
font-size: 32px;
line-height: 1.1;
}
#site-title a {
text-decoration: none;
display: block;
font-weight: 300;
padding: 5px 0;
}
#site-description {
display: inline;
float: left;
font-size: 1.2em;
line-height: 1.5;
clear: both;
font-weight: 300;
}
#bg_image {
display: block;
margin: 0 auto;
}
#header-container {
display: block;
position: relative;
float: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
height: auto;
}
#branding #bg_image + #header-container {
position: absolute;
}
#header:after {
content: "";
display: table;
clear: both;
} #header-widget-area {
display: block;
position: absolute;
right: 0;
top: 5px;
overflow: hidden;
height: 100%;
width: 50%;
z-index: 251;
} #nav-toggle {
display: none;
border: 0;
}
#access {
display: block;
float: left;
margin: 0 auto;
width: 100%;
}
#access ul {
line-height: 1.6;
}
#access ul li.current_page_item,
#access ul li.current-menu-item {}
#access a {
position: relative;
display: block;
text-decoration: none;
font-size: 14px;
}
#access a:focus {
z-index: 5;
}
#access a > span {
display: block;
padding: 17px 18px;
text-transform: uppercase;
}
#access > .menu > ul {
margin-left: -10px;
}
#access > .menu > ul li > a:not(:only-child) > span:after {
font-family: "Elusive";
content: '\e80a';
position: absolute;
right: 9px;
top: 16px;
z-index: 5;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#access > .menu > ul ul > li a:not(:only-child) > span:after {
top: 11px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
#access > .menu li a:not(:only-child) > span {
padding-right: 18px;
}
#access > .menu > ul > li:hover > a:not(:only-child) > span:after {
top: 20px;
filter: alpha(opacity=0);
opacity: 0;
}
#access > .menu > ul ul > li:hover > a:not(:only-child) > span:after {
right:-20px;
opacity:0;
filter: alpha(opacity=0);
}
#access > .menu > ul > li > a:not(:only-child) > span {
padding-right: 24px;
}
#access ul li {
position: relative;
display: block;
float: left;
white-space: nowrap;
}
#access ul ul {
position: absolute;
z-index: 1000;
clear: both;
margin-left: 0;
min-width: 125%;
visibility: hidden;
opacity: 0;
max-height: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: .25s all ease-in;
transition: .25s all ease-in;
}
#access ul li a {
letter-spacing: 1px;
}
#access ul ul li { display: table;
position: relative;
margin: 0;
width: 100%; float: left;
clear: both;
}
#access ul ul li:last-child {}
#access ul ul ul li:last-child {}
#access ul ul li a span{
padding: 15px 18px;
}
#access ul ul ul {
position: absolute;
left: 100%;
top: 0;
margin: 0;
min-width: 150px;
}
#access ul ul ul li { width: 100%;
display: block;
float: none;
}
#access ul ul ul ul li { }
#access ul ul a,
#access ul ul ul a {
display: table;
float: none;
min-width: 150px;
width: 100%;
}
#access ul ul li:hover,
#access ul ul ul li:hover {}
#access li,
#access ul ul li {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#access ul ul :hover > a {}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-item > a{}
#access ul ul li.current_page_item ,
#access ul ul li.current-menu-ancestor,
#access ul ul li.current-menu-item ,
#access ul ul li.current-menu-parent {}
#access ul li.current_page_item a,
#access ul li.current-menu-ancestor a,
#access ul li.current-menu-item a,
#access ul li.current-menu-parent a,
#access ul li a:hover {}
.nirvana-menu-center #access > .menu {
display: table;
margin: 0 auto;
float: none;
}
.nirvana-menu-center #access > .menu {
text-align: center;
}
.nirvana-menu-center #access > .menu > ul > li > a > span {
text-align: center;
}
.nirvana-menu-center #access > .menu > ul > li {
display: inline-block;
float: initial;
vertical-align: middle;
}
.nirvana-menu-center #access > .menu > ul > * {
text-align: initial;
}
.nirvana-menu-center #access > .menu > ul > li.menu-main-search {
margin-top: 0;
}
.nirvana-menu-right #access  ul.menu {
float: right;
}
.nirvana-menu-right #nav-toggle {
text-align: right;
}
.nirvana-menu-rightmulti #access ul li {
float: right;
}
.nirvana-menu-rightmulti #nav-toggle {
text-align: right;
}
.nirvana-menu-left #nav-toggle {
text-align: left;
}
#access ul li.menu-hover > ul {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
max-height: 1000px;
}
#access li ul ul {
height: 0;
}
#access li.menu-hover > ul > li > ul {
width: auto;
height: auto;
} .topmenu {
display: inline;
float: right;
width: auto;
}
.topmenu ul {
margin-top: 7px;
}
.topmenu ul li {
display: block;
float: left;
line-height: 2.2;
}
.topmenu ul li a {
display: block;
margin: 0 3px;
padding: 0 10px;
letter-spacing: .4px;
font-size: 12px;
text-transform: uppercase;
border-radius: 2px;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.footermenu {
padding: 5px 0;
display: table;
margin: 0 auto;
}
.footermenu > ul {
float: left;
}
.footermenu ul li {
display: block;
float: left;
margin: 5px;
text-align: center;
white-space: nowrap;
border: 1px solid transparent;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footermenu ul li a {
display: block;
padding: 5px 10px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
} #topbar {
display: block;
height: 42px;
width: 100%;
border-bottom: 1px solid transparent;
position: relative;
z-index: 270;
-webkit-transition:.2s opacity;
transition:.2s opacity;
}
#topbar:hover { filter: alpha(opacity=100);
opacity: 1;
}
#topbar-inner {
display: block;
margin: 0 auto;
}
body.nirvana-topbarfull #topbar-inner {
max-width: 95%;
}
body.nirvana-topbarhide #topbar {
display: none;
}
body.nirvana-topbarfixed #topbar {
position: fixed;
top: 0;
z-index: 300;
opacity: 0.8;
}
body.nirvana-topbarfixed #header-full {
margin-top: 42px;
}
body.nirvana-topbarfixed.admin-bar #topbar {
top: 32px;
} #main {
clear: both;
padding: 0;
margin-top: 20px;
}
#content {
font-size: inherit;
line-height: inherit;
}
.entry-meta a,
.widget-container a,
.footer2 a {
border-bottom: 1px dotted transparent;
-webkit-transition: .25s ease all;
transition: .25s ease all;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
font-size: 1em;
line-height: 1.5;
overflow: auto;
font-family: "Courier New", Courier, monospace;
}
#content code {
font-size: .9em;
}
#content dt,
#content th {
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
line-height: 1.5;
margin: 20px 0 0;
}
#content table {
border: 0;
margin: 0 0px 24px 0;
text-align: left;
width: 100%;
vertical-align: top;
}
#content tr {
vertical-align: top;
}
#content .alternate {}
#content tr th,
#content thead th {
padding: 9px 24px;
font-weight: 600;
}
#content tr td {
border-top: 1px solid transparent;
padding: 6px 24px;
}
#content tr td:last-child, #content tr th:last-child {
border-right: none;
}
#content tr.odd td {}
.page-header {
display: block;
float: none;
padding: 10px 0px;
}
body:not(.author) .page-header {
margin-bottom: 26px;
}
.page-header .category-archive-meta {
padding-top: 5px;
}
.page-title {
font-size: 1em;
font-weight: bold;
display: block;
border-bottom: 1px solid transparent;
}
.page-title-text {
display: inline-block;
border-bottom: 1px solid transparent;
padding: 3px 0 3px 6px;
margin-bottom: -1px;
}
.page-title span {
font-size: 1em;
font-style: italic;
font-weight: normal;
display: inline-block;
margin-bottom: -4px;
padding: 6px;
border-bottom: 1px solid transparent;
}
.page-title a:link,
.page-title a:visited {
text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
}
body:not(.author) .taxonomy-description {
padding: 14px 7px;
}
#content .entry-title {
font-weight: 300;
line-height: 1.2;
padding: 0;
margin: 0;
word-wrap: break-word;
}
.entry-title a {
font-weight: 300;
}
.entry-title a:link,
.entry-title a:visited {
color: inherit;
text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
}
.entry-meta {
display: block;
font-size: 12px;
clear: both;
overflow: hidden;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
margin: 4px 0 20px 0;
padding: 7px 4px;
}
h1.entry-title + .entry-meta {
margin-bottom: 30px;
}
div > footer.entry-meta {
border:0;
}
.entry-meta span,
.entry-utility span {
display: block;
float: left;
line-height: 28px;
margin-right: 15px;
font-size: 16px;
}
.entry-meta span a {
font-size: 16px;
}
.entry-meta time.updated {
display: none;
}
.entry-utility {
clear: both;
font-size: 16px;
}
.footer-tags {
display: block;
float: left;
font-size: 16px;
}
.entry-utility span.bl_bookmark {
float: none;
display: inline;
padding: 0;
}
.comments-link {
float: right;
line-height: 28px;
}
.comments-link * {
font-size: 15px;
}
.comments-link b {
font-weight: normal;
}
#content span.entry-format {
display: inline;
float: left;
font-size: .6em;
line-height: 2;
padding: 0 3px;
}
h3.entry-format > i:before {
cursor:default;
}
.entry-meta abbr,
.entry-utility abbr {
border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
border-bottom: 1px dotted transparent;
}
.entry-content,
.entry-summary {
clear: both;
padding-top: 8px;
word-wrap: break-word;
}
#content .entry-summary p:last-child {
margin-bottom: 12px;
}
.entry-content fieldset {
margin: 0 0 24px 0;
}
.entry-content fieldset legend {
font-weight: bold;
}
.entry-content sup,
.entry-content sub {
font-size: 10px;
}
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
}
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
}
.tag-links {
margin-left: 30px;
}
.page-link {
margin: 10px 0;
clear:both;
}
.page-link a,
.page-link > span > em {
font-weight: normal;
text-decoration: none;
padding: 0 10px;
border-right: 1px solid transparent;
}
.page-link em {
font-style:normal;
}
.page-link  a:last-child,
.page-link > span > em:last-child {
border-right: none;
}
.page-link a:hover {}
span.edit-link {
float: right;
display: block;
margin: 0 0 0 10px;
padding: 0;
font-size: 12px;
}
#author-info {
clear: both;
line-height: 1.5;
margin: -10px 0 24px 0;
overflow: hidden;
padding: 0 0 15px 0;
}
#author-info #author-avatar {
float: left;
height: 80px;
margin: 0 -100px 0 20px;
}
#author-info #author-description {
float: left;
margin: 15px 0 0 130px;
}
#entry-author-info {
clear: both;
line-height: 1.5;
margin: 30px 0;
overflow: hidden;
padding: 0 0 18px 0px;
border-top: 1px solid transparent;
}
#entry-author-info #author-avatar {
float: left;
height: 80px;
margin: 0 -100px 0 20px;
}
#author-avatar .avatar {
border-radius: 0 0 100% 100%;
}
#entry-author-info #author-description {
float: left;
margin: 0 0 0 130px;
}
#entry-author-info h2 {
font-size: 100%;
font-weight: bold;
margin: 0.75em 0 0.5em;
}
#author-link {
margin-top: 0.75em;
}
#content .video-player {
padding: 0;
}  .home #content .format-aside p,
.home #content .category-asides p {
line-height: 20px;
margin-bottom: 10px;
margin-top: 0;
}
.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
padding-top: 0;
}
#content .format-aside .entry-title {
display: none;
}
#content .format-aside .entry-format {
font-size: 1.5em;
line-height: 1.5;
padding-top: 10px;
}
#content .format-aside .entry-content,
#content .format-aside .entry-summary {
clear: right;
}
#content .format-aside .author ,
#content .format-aside  .bl_categ {
display: none;
} .gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-icon {
line-height: 0;
}
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-height: 50%;
padding: 2px 8px;
margin: 0;
color: #fff;
font-size: 1em;
line-height: 1.3;
filter: alpha(opacity=0);
opacity: 0;
text-align: left;
cursor: default;
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.gallery-item:hover .gallery-caption {
filter: alpha(opacity=1);
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} .format-chat p {
font-family: Monaco, "Courier New", monospace;
} .format-quote blockquote,
.format-quote blockquote p {
font-family: Georgia, "Bitstream Charter", serif;
font-size: 1.1em;
} .format-status .entry-title { }
.status_content {
}
.format-status .avatar {
display: block;
width: auto;
float: left;
margin: 10px 10px 10px 0;
} .attachment .entry-content .entry-caption {
font-size: 140%;
margin-top: 24px;
} .post_thumbnail {
max-width: 100%;
height: auto;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.sidey select {
max-width: 100%;
}
.sidey img {
max-width: 100%;
height: auto;
}
#content table img {
max-width: inherit;
vertical-align: top;
}
.alignleft,
img.alignleft {
float: left;
margin-right: 26px;
margin-top: 4px;
}
.alignright,
img.alignright {
float: right;
margin-left: 34px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
}
img.aligncenter {
display: block;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
}
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
.wp-caption img {
filter: alpha(opacity=99);
opacity: 0.99;
-webkit-transition:all .3s ease-in-out;
transition: all .3s ease-in-out;
}
img.alignleft:hover,
img.alignright:hover,
img.aligncenter:hover,
img.alignnone:hover,
.wp-caption img:hover {
filter: alpha(opacity=85);
opacity: 0.85;
}
.wp-caption {
margin-bottom: 20px;
text-align: center;
max-width: 100%;
position: relative;
}
.wp-caption img {
border: none;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
}
.wp-caption > a {
line-height: 0; display: inline-block;
}
.wp-caption .wp-caption-text {
bottom: 0;
margin-bottom:0;
padding: 10px 5px;
position: absolute;
text-align: center;
text-indent: 0;
width: 100%;
pointer-events: none;
}
.wp-smiley {
margin: 0;
width: 1em;
background: none ;
border: 0;
vertical-align: middle;
-webkit-box-shadow: none;
box-shadow: none;
}
.attachment img { display: block;
margin: 0 auto;
max-width: 96%;
} .navigation {
overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
text-decoration: none;
}
.navigation a:active,
.navigation a:hover {}
.nav-previous a {
float: left;
width: 50%;
padding: 10px 1%;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.nav-next a {
float: right;
text-align: right;
width: 50%;
padding: 10px 1%;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.meta-nav-prev:before {
font-family: "elusive";
content: '\e827';
font-style: normal;
margin-right: 5px;
font-size: 9px;
}
.meta-nav-next:before {
font-family: "elusive";
content: '\e828';
font-style: normal;
margin-left: 5px;
font-size: 9px;
}
.single #nav-above {
display: block;
}
#nav-below {
margin-bottom: 20px;
margin-top: 5px;
display: block;
float: none;
clear: both;
} #comments {
padding: 10px 0;
clear: both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
font-size: 1.7em;
}
h3#comments-title {
margin-bottom: 1em;
line-height: 2;
border-bottom: 1px solid transparent;
}
h3#comments-title span {
display: inline-block;
padding: 0 30px;
font-weight: 300;
border-radius: 5px 5px 0 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
margin: 0;
list-style: none;
line-height: 1.5;
}
.commentlist li.comment:hover {
}
.commentlist .comment-body {
padding: 10px 0;
overflow: hidden;
clear: both;
margin-bottom: 20px;
}
.commentlist li:last-child {
}
#comments .comment-body ul,
#comments .comment-body ol {
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.avatar-container {
float: left;
position: relative;
height: 61px;
overflow: hidden;
}
.avatar-container:before {
content: "";
width: 100%;
height: 1px;
bottom: 0;
position: absolute;
}
.commentlist .avatar {
padding-bottom: 1px;
position: relative;
top: 5px;
border-radius: 5px 5px 0 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.comment > div:hover .avatar:nth-child(1) {
top: 0;
}
.comment-author {
display: inline-block;
line-height: 24px;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.comment-details {
position: relative;
float: left;
padding: 7px 15px;
height: 61px;
border-bottom: 1px solid transparent;
}
.comment-author cite {
font-style: normal;
font-weight: normal;
font-size: 1.1em;
}
.comment-meta {
font-size: 0.9em;
}
.comment-meta a:link,
.comment-meta a:visited {
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.commentlist .comment-await {
padding: 10px 0;
display: block;
clear: both;
}
.comment .reply a {
display: inline-block;
font-size: 15px;
padding: 0 15px;
line-height: 2.4;
border: 1px solid transparent;
width: auto;
text-align: right;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.comment .reply a:hover {}
.comment .reply a .crycon-reply:before {
margin-right: 10px;
position: relative;
left: 0;
top: 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.comment .reply a:hover .crycon-reply:before {
left: -4px;
top: -4px;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
@-webkit-keyframes reply-arrow {
0% { left: 0; }
50% { left: -10px; }
100% { left: 0; }
}
@keyframes reply-arrow {
0% { left: 0; }
50% { left: -10px; }
100% { left: 0; }
}
.commentlist .children {
background-image: none;
list-style: none;
margin: 0;
margin-left: 20px;
}
.commentlist .children li {
border: none;
background-image: none;
margin: 0;
text-indent: 0;
}
#content .nocomments, #content .nocomments2 {
margin-bottom: 0;
}
.hideme {
display:none;
}
#comments .pingback {
border-bottom: 1px solid transparent;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 13px;
font-style: italic;
} #respond {
margin: 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 0.2em;
font-size: 0.8em;
}
.form-allowed-tags {
line-height: 1;
}
.children #respond {
margin: 0 48px 0 0;
min-width: 400px;
}
h3#reply-title {
margin: 0;
padding: 0;
line-height: 1.5;
font-weight: 300;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 1.5;
}
#respond .required {}
#commentform  {
max-width: 550px;
display: block;
}
#commentform > p {
font-size: 0.9em;
}
#respond label {
}
#respond input:not([type="checkbox"]):not([type="radio"]) {
width: 100%;
}
.nirvana-comment-placeholders #respond .comment-form-comment label,
.nirvana-comment-placeholders #respond .comment-form-author label,
.nirvana-comment-placeholders #respond .comment-form-email label,
.nirvana-comment-placeholders #respond .comment-form-url label {
display:none;
}
#respond .comment-form-cookies-consent {
clear: both;
}
#respond .form-submit input[type="submit"],
#respond .form-submit input[type="reset"],
#respond .form-submit button {
width: auto;
}
.comment-form-comment textarea {
display: block;
float: none;
height: 150px;
width: 100%;
padding: 10px;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
display: block;
float: none;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input {
display: block;
float: none;
}
#respond input:hover,
#respond textarea:hover {}
#respond .form-allowed-tags {
font-size: 12px;
line-height: 1.5;
width: 100%;
clear: both;
display: block;
float: none;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
text-align: right;
clear: both;
}
#respond .form-submit input {
font-size: 15px;
width: auto;
}
#respond .form-submit input#submit {
border: 1px solid transparent;
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease;
}
#respond .form-submit input#submit:hover {
cursor: pointer;
}
.button {
border: 1px solid transparent;
padding: 4px 7px;
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease;
}
.file:hover,
.button:hover {
cursor:pointer;
} .widget-area ul,
.widget-area ul ul {
list-style: none;
list-style-image: none;
}
.widget-container {
padding: 5px;
margin: 0 0 20px 0;
}
.widget-container > * {
max-width: 100%;
}
.widget-container ul li {
display: block;
float: none;
margin-bottom: 0.5em;
}
.widget-title {
font-size: 16px;
text-align: left;
margin-bottom: 10px;
border-bottom: 1px solid transparent;
}
.widget-title span {
display: inline-block;
line-height: 2.2;
padding: 0 10px;
position: relative;
top: 1px;
border-bottom: 1px solid transparent;
}
#footer-widget-area a:hover {
text-decoration: underline;
}
.widget-area a:link,
.widget-area a:visited {
text-decoration: none;
word-wrap: break-word;
}
.widget-area a:active,
.widget-area a:hover {}
.widget-area .entry-meta {
font-size: 11px;
} .searchform {
display: block;
height: auto;
position: relative;
overflow: hidden;
max-width: 300px;
}
.contentsearch {
display: block;
float: none;
overflow: hidden;
margin-bottom: 20px;
margin-top: 20px;
padding: 10px;
}
.no-results .contentsearch {
padding: 0;
}
.searchform input[type="search"]  { display: block;
float: left;
font-size: 18px;
padding: 0 50px 0 10px;
height: 52px;
width: 100%;
line-height: 1;
}
.contentsearch .searchform input[type="search"] {
margin-left: 0;
}
.searchsubmit[type="submit"] {
font-family: "elusive";
display: block;
position: absolute;
right: 0;
top: 0;
height: 52px;
width: 52px;
padding: 0;
font-size: 17px;
vertical-align: middle;
background: transparent;
z-index: 4;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
}
.searchform:after {
display: block;
position: absolute;
content: "";
right: 0;
top: 0;
z-index: 3;
width: 52px;
height: 100%;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
outline: 1px solid transparent;
}
.searchform:hover:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
outline: 1px solid transparent;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} .menu-header-search {
margin: 1px 10px;
width: 20px;
}
.menu-header-search .searchform {
position: absolute;
margin-top: 33px;
margin-left: -230px;
z-index: 10;
display: none;
filter: alpha(opacity=0);
opacity: 0;
}
.menu-header-search .searchform:after,
.menu-header-search .searchsubmit {
display: none;
}
.menu-header-search .searchform input[type="search"] {
font-size: 16px;
padding: 5px 30px 5px 10px;
width: 260px;
border: 0;
height: 3em;
line-height: 1;
}
i.search-icon {
position: absolute;
cursor: pointer;
z-index: 11;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
i.search-icon:before {
font-family: "Elusive";
content: '\e816';
display:	block;
font-style:	normal;
font-size:	inherit;
font-size: 12px;
line-height: 2.4;
} #access li.menu-main-search {
float: right;
margin-top: 4px;
max-width: 200px;
}
#access li.menu-main-search .searchform input[type="search"] {
height: 48px;
font-size: 17px;
}
#access li.menu-main-search .searchsubmit[type="submit"] {
height: 48px;
width: 48px;
}
li.menu-main-search  .searchform:after {
background-color: transparent;
}
li.menu-main-search .searchsubmit {
font-size: 15px;
top: 1px;
}
.nirvana-boxed .menu-main-search {
margin: 5px;
} li.menu-footer-search {
max-width: 120px;
}
li.menu-footer-search .searchform:after {
background-color: transparent;
}
li.menu-footer-search .searchform .s {
font-size: 13px;
line-height: 1.5;
height: auto;
border: none;
padding: 5px 10px;
}
li.menu-footer-search .searchform .s:hover {
background: none;
}
li.menu-footer-search .searchsubmit {
font-size: 13px;
line-height: 1.5;
height: auto;
width: auto;
right: 10px;
top: 5px;
} #wp-calendar {width:100%;}
#wp-calendar caption {
font-size: 14px;
font-weight: bold;
padding-bottom: 4px;
margin-left: 10px;
}
#wp-calendar thead {
font-size: 11px;
}
#wp-calendar tbody td {
padding: 3px 0 2px;
text-align: center;
border: 1px solid transparent;
}
#wp-calendar tbody td:hover {
filter: alpha(opacity=80);
opacity: 0.8;
}
#wp-calendar tbody td a{
border: none;
background: none;
padding: 0;
margin: 0;
}
#wp- tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
text-align: right;
}
.widget_rss a.rsswidget {}
.widget_rss a.rsswidget:hover {}
.widget_rss .widget-title img {
width: 11px;
height: 11px;
} #main .widget-area ul {
margin-left: 0;
padding: 0;
}
#main .widget-area ul ul {
border: none;
margin-left: 10px;
padding: 10px 0 0 0;
} .yoyo .widget-title {
background: none;
padding: 0;
margin: 0;
} #footer-widget-area {
margin: 40px 0 30px 0;
}
#footer-widget-area a{} #footer {
margin-top: 20px;
margin-bottom: 0;
}
#footer a{
-webkit-transition: color .2s;
transition: color .2s;
}
#footer2 {
display: block;
padding: 35px 0 0;
overflow: visible;
width: 100%;
}
#footer2-inside {
display: block;
float: none;
margin: 0 auto;
}
#footer2:after {
content: "";
display: table;
clear: both;
}
#colophon {
margin: 0 30px;
overflow: hidden;
display: block;
float: none;
margin: 0 auto;
}
#site-copyright {
display: block;
float: none;
padding: 10px 0;
font-style: italic;
clear: both;
margin: 0 auto;
text-align: center;
font-size: 15px;
line-height: 1.5;
}
#footer a,#footer a:hover{
text-decoration: none;
}
img#wpstats {
display: block;
margin: 0 auto 10px;
} pre {
-webkit-text-size-adjust: 140%;
}
code {
-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
-webkit-text-size-adjust: 120%;
}
#site-description {
-webkit-text-size-adjust: none;
}  .socials {
float: right;
position: relative;
}
.socials a {
display: block;
float: left;
position: relative;
line-height: 0;
border-radius: 2px;
padding: 6px;
}
.socials a:hover {
border: 0;
}
.socials img {
position: relative;
z-index: 99;
} .socials .socials-hover {
display: block;
position: absolute;
left: 0;
top: 0;
width: 38px;
height: 38px;
border-radius: 2px;
outline: 1px solid transparent;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.socials a:hover .socials-hover,
.socials a:focus .socials-hover {
z-index: 100;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
outline: 1px solid transparent;
}
.socials a:hover img,
.socials a:focus img {
z-index: 101;
} #sheader {
float: left;
top: 5px;
}
#sheader a {
margin-right: -6px;
}
#sheader.socials a {
padding: 3px;
}
#sheader.socials .socials-hover {
width: 32px;
height: 32px;
} #smenul,
#smenur {
float: none;
margin: 0 auto;
display: table;
}
#smenul a,
#smenur a {
margin: 0 5px;
} #srights,
#slefts {
display: block;
position: fixed;
right: 0;
top: 40%;
height: auto;
width: 42px;
padding: 5px;
margin: 0;
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 99;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
#slefts {
left: 0;
}
#srights:hover,
#slefts:hover {
filter: alpha(opacity=100);
opacity: 1;
}
#srights a,
#slefts a {
display: block;
float: none;
clear: both;
margin-top: -6px;
} #sfooter-full {
width: 100%;
display: block;
overflow: hidden;
clear: both;
float: none;
padding: 12px 0;
margin-top: 20px;
}
#sfooter {
float: none;
clear: both;
display: table;
margin: 0 auto;
text-align: center;
}
#sfooter a {
margin-right: 10px;
}
#sfooter.socials a {
padding: 0;
}
#sfooter.socials .socials-hover {
width: 28px;
height: 28px;
} article.post,
article.page,
article.hentry {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
margin-bottom: 36px;
}
div.post,
div.page,
div.hentry,
.yoyo > li {
display: block;
overflow: hidden;
padding: 0;
margin-bottom: 36px;
}
.sticky h2.entry-title a {
padding: 2px 5px;
}
#toTop {
display: block;
width: auto;
height: auto;
position: fixed;
bottom: -50px;
right: 40px;
cursor: pointer;
padding: 14px;
font-size: 14px;
background: rgba(0,0,0,.06);
filter: alpha(opacity=0);
opacity: 0;
z-index: 251;
border: 1px solid rgba(255,255,255,.1);
-webkit-box-shadow: 0 0 1px rgba(0,0,0,.28);
box-shadow: 0 0 1px rgba(0,0,0,.28);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#toTop:hover {}
.crycon-back2top:before {
content: '\e812';
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#toTop:hover .crycon-back2top:before {} .nirvana-image-none .entry-content img[class*='align'],
.nirvana-image-none .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-none .entry-summary img[class*='align'],
.nirvana-image-none .entry-summary [class*='wp-block'][class*='align'] img {}
.nirvana-image-one .entry-content img[class*='align'],
.nirvana-image-one .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-one .entry-summary img[class*='align'],
.nirvana-image-one .entry-summary [class*='wp-block'][class*='align'] img {
padding: 1px;
border: 1px solid transparent;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
}
.nirvana-image-two .entry-content img[class*='align'],
.nirvana-image-two .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-two .entry-summary img[class*='align'],
.nirvana-image-two .entry-summary [class*='wp-block'][class*='align'] img {
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
padding: 0;
}
.nirvana-image-three .entry-content img[class*='align'],
.nirvana-image-three .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-three .entry-summary img[class*='align'],
.nirvana-image-three .entry-summary [class*='wp-block'][class*='align'] img {
border: 1px solid #222;
padding: 0;
-webkit-box-shadow: 0 0 15px #ccc;
box-shadow: 0 0 15px #ccc;
}
.nirvana-image-four .entry-content img[class*='align'],
.nirvana-image-four .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-four .entry-summary img[class*='align'],
.nirvana-image-four .entry-summary [class*='wp-block'][class*='align'] img {
padding: 10px;
border: 1px solid #DDD;
-webkit-box-shadow: 0 0 2px #CCC;
box-shadow: 0 0 2px #CCC;
}
.nirvana-image-five .entry-content img[class*='align'],
.nirvana-image-five .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-five .entry-summary img[class*='align'],
.nirvana-image-five .entry-summary [class*='wp-block'][class*='align'] img {
border: 3px dashed #CCC;
}
.nirvana-image-one .entry-content img[class*='align']:hover,
.nirvana-image-one .entry-content [class*='wp-block'][class*='align'] img:hover,
.nirvana-image-one .entry-summary img[class*='align']:hover,
.nirvana-image-one .entry-summary [class*='wp-block'][class*='align'] img:hover {
background-color: #eee;
}
.nirvana-image-two .entry-content img[class*='align']:hover,
.nirvana-image-two .entry-content [class*='wp-block'][class*='align'] img:hover,
.nirvana-image-two .entry-summary img[class*='align']:hover,
.nirvana-image-two .entry-summary [class*='wp-block'][class*='align'] img:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.nirvana-image-three .entry-content img[class*='align']:hover,
.nirvana-image-three .entry-content [class*='wp-block'][class*='align'] img:hover,
.nirvana-image-three .entry-summary img[class*='align']:hover,
.nirvana-image-three .entry-summary [class*='wp-block'][class*='align'] img:hover {
-webkit-box-shadow: none;
box-shadow: none;
} .caption-simple #content .wp-caption .wp-caption-text {
position: inherit;
padding: 7px 5px;
font-style: italic;
}
.caption-dark #content .wp-caption .wp-caption-text {
padding: 20px 5px 10px;
color: #EEE;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(50%, rgba(0,0,0,.6)),  to(rgba(0,0,0,0.8)));
background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.6) 50%,  rgba(0,0,0,0.8));
-webkit-text-shadow: 0 0 7px #000;
-moz-text-shadow: 0 0 7px #000;
text-shadow: 0 0 7px #000;
}
.caption-light #content  .wp-caption .wp-caption-text {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
color: #333;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.4)),  to(rgba(255,255,255,0.8)));
background: linear-gradient(to bottom, rgba(255,255,255,0.4),  rgba(255,255,255,0.8));
} #breadcrumbs {
display: block;
position: relative;
padding: 8px 0;
font-size: .8em;
}
#breadcrumbs-box {
display: block;
margin: 0 auto;
padding: 0 5px;
}
.crycon-homebread:before {
content: '\e81f';
font-size: 1em;
cursor: pointer;
}
#breadcrumbs a {}
#breadcrumbs a:hover {} .pagination {
display: table;
float: none;
margin: 20px auto;
text-align: center;
clear: both;
border: 1px solid transparent;
}
.pagination span,
.pagination a {
display: block;
position: relative;
float: left;
margin-right: 0;
padding: 15px 0;
width: 50px;
text-align: center;
font-size: .9em;
line-height: 20px;
text-decoration: none;
-webkit-transition: background .3s;
transition: background .3s;
}
.pagination span:first-child, .pagination a:first-child {
border-left: 0;
}
.pagination a:hover{}
.pagination .current{} a.continue-reading-link {
display: inline-block;
position: relative;
width: auto;
float: none;
padding: 4px 15px;
margin-top: 3px;
line-height: 2.5;
font-size: .8em;
letter-spacing: 1px;
text-transform: uppercase;
font-style: normal;
clear: both;
border: 2px solid transparent;
-webkit-transition: .25s all ease-in-out;
transition: .25s all ease-in-out;
}
.continue-reading-link  .crycon-right-dir:before {
margin-right: 0;
}
.continue-reading-link span {
position: relative;
z-index: 99;
}
a.continue-reading-link i.crycon-right-dir {
position: relative;
font-size: 13px;
z-index: 99;
-webkit-transition: color .5s ease-in;
transition: color .5s ease-in;
}
a.continue-reading-link:hover { }  .nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
.theme-default .nivoSlider img.nivo-main-image {
display: block;
position: relative;
width: 100%;
} .nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
} .nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
}
.nivo-box img {
display: block;
} .nivo-caption {
display: none;
position: absolute;
left: 10%;
right: 10%;
top: 15%;
width: 80%;
z-index: 8;
margin: 0 auto;
padding: 10px;
overflow: hidden;
text-align:center;
border-radius: 0;
pointer-events: none;
}
.nivo-caption h2 {
display: inline;
width: auto;
margin-bottom: 10px;
line-height: 1.2;
letter-spacing: 3px;
padding: 5px;
font-weight: 700;
text-align: center;
position: relative;
-webkit-animation: myfirst .5s ease-out;
animation: myfirst .5s ease-out;
}
@-webkit-keyframes myfirst {
0% {
top: 50px;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
75% {
top: -10px;
filter: alpha(opacity=75);
opacity: .75;
display: block;
}
100% {
top: 0;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
}
@keyframes myfirst {
0% {
top: 50px;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
75% {
top: -10px;
filter: alpha(opacity=75);
opacity: .75;
display: block;
}
100% {
top: 0;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
}
h2.nivo-caption-mate {
-webkit-animation: myfirst2 .5s ease-out;
animation: myfirst2 .5s ease-out;
opacity: 0;
}
@-webkit-keyframes myfirst2 {
from {
top: 0px;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
to {
top: 50px;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
}
@keyframes myfirst2 {
from {
top: 0px;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
to {
top: 50px;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
}
.slide-text {
text-align: left;
line-height: 1.4;
letter-spacing: 1px;
font-weight: 300;
width: 80%;
display: block;
margin: 0 auto;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
@-webkit-keyframes mysecond {
0% {
top: -50px;
opacity: 0;
display: none;
}
75% {
top: 10px;
opacity: 1;
display: block;
}
100% {
top: 0px;
opacity: 1;
display: block;
}
}
@keyframes mysecond
{
0% {
top: -50px;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
75% {
top: 10px;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
100% {
top: 0px;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
}
.inline-slide-text {
position: relative;
filter: alpha(opacity=100);
opacity: 1;
display: inline;
-webkit-animation: mysecond .5s ease-in;
animation: mysecond .5s ease-in;
}
.theme-default .nivoSlider .slide-text a {
display: inline;
border-bottom: 1px dotted;
}
.nivo-html-caption {
display: none;
} .nivo-directionNav a {
position: absolute;
top: 40%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0px;
}
.nivo-nextNav {
right: 0px;
} .nivo-controlNav a {
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
} .theme-default .nivoSlider {
position: relative;
z-index: 100;
background: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/images/nivoslider/loading.gif) no-repeat 50% 50%;
margin-bottom: 50px;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
display: table-cell;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
height: 30px;
width: auto;
margin: 0 auto;
padding: 3px 20px 0;
text-align: center;
z-index: 250;
-webkit-transition: .2s all ease-in-out;
transition: .2s all ease-in-out;
}
.slider-bullets .nivo-controlNav a {
display: inline-block;
width: 11px;
height: 11px;
margin: 10px 5px 0;
opacity: .5;
text-indent: -9999px;
border-radius: 10px;
-webkit-transition: all .2s;
transition: all .2s;
}
.theme-default .nivo-controlNav:hover a{
filter: alpha(opacity=100);
opacity: 1;
}
.slider-bullets .nivo-controlNav a:hover {}
.slider-bullets .nivo-controlNav a.active {}
.slider-numbers .nivo-controlNav a {
display: inline-block;
padding: 2px 8px;
margin-right: 5px;
font-size: 12px;
border-radius: 4px;
-weblit-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;
}
.slider-numbers .nivo-controlNav a:hover {}
.slider-numbers .nivo-controlNav a.active {}
.theme-default.slider-none .nivo-controlNav {
display: none;
}
.theme-default .nivo-directionNav a {
display: block;
width: 60px;
height: 70px; background: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/images/nivoslider/arrows.png) 15px 15px #fff  no-repeat;
text-indent: -9999px;
border: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.theme-default a.nivo-nextNav {
background-position: -82px 15px;
-webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.4);
box-shadow: -1px 0 2px rgba(0, 0, 0, 0.4);
}
.theme-default a.nivo-prevNav {
-webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.4);
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.4);
}
.theme-default .nivo-directionNav a.nivo-prevNav:hover {
background-position: 10px 15px;
}
.theme-default .nivo-directionNav a.nivo-nextNav:hover {
background-position: -77px 15px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
} a.nivo-imageLink  {
background-color: #fff;
filter: alpha(opacity=0);
opacity: 0;
} .slider-wrapper {
display: block;
float: none;
position: relative;
clear: both;
left: 0;
width: 100%;
z-index:100;
}
#slider {
margin: 0 auto;
display: block;
float: none;
}
#pp-afterslider.entry-content {
padding-top: 0;
}
#pp-texttop,
#pp-textmiddle,
#pp-textbottom,
#front-columns-box,
.presentation-page #content {
display: block;
float: none;
clear: both;
padding: 75px 0;
}
#front-columns-box {
overflow: hidden;
}
#front-text1 h2,
#front-text2 h2,
#front-text5 h2,
#front-columns h2 {
display: block;
float: none;
margin: 0 auto;
text-align: center;
font-size: 45px;
line-height: 55px;
clear: both;
font-weight: 300;
}
#front-columns h2 {
margin-bottom: 80px;
}
#front-text1,
#front-text2,
#front-text5  {
display: block;
float: none;
padding: 0 0 80px;
margin: 0 auto;
}
#front-text3,
#front-text4,
#front-text6 {
margin: 0 auto;
overflow: hidden;
}
#front-text3 blockquote,
#front-text4 blockquote,
#front-text6 blockquote {
padding: 15px 0px;
width: inherit;
margin-bottom: 20px;
font-size: 1.5em;
line-height: 1.5;
text-align: justify;
}
#front-columns {
margin: 0 auto;
}
#front-columns > div,
#front-columns > li {
display: block;
height: auto;
float: left;
}
.column1 {
clear: both;
}
.column-image {
position: relative;
}
.column-image img {
display: block;
margin: 0 auto;
-webkit-backface-visibility: hidden;
}
.slider-text-separator {
display: block;
float: none;
clear: both;
margin: 30px auto 40px;
width: 120px;
height: 1px;
background: #FFF;
-webkit-box-shadow: 1px 1px 0px #333;
box-shadow: 1px 1px 0px #333;
}
.readmore  {
display: table;
float: none;
margin: 2.5em auto 0;
min-width: 125px;
border: 2px solid #fff;
}
.theme-default .nivoSlider .readmore  a {
font-size: 1.3em;
padding: .5em .7em;
display: block;
float: none;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.readmore:hover {
background: #FFF;
}
.readmore:hover a {
color: #777;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
.slider-navhover .nivo-directionNav a.nivo-prevNav {
left: -100px;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.slider-navhover:hover .nivo-directionNav  a.nivo-prevNav {
left: 30px;
}
.slider-navhover .nivo-directionNav a.nivo-nextNav {
right: -100px;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.slider-navhover:hover .nivo-directionNav  a.nivo-nextNav {
right: 30px;
} #cryout_ajax_more_trigger{
display: table;
float: none;
clear: both;
min-width: 160px;
padding: 12px 15px;
margin: 0 auto;
text-align: center;
cursor: pointer;
font-size: 14px;
border-radius: 2px;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
#cryout_ajax_more_trigger.cryout_click_loading {
background: url(//www.centre-effet-papillon.be/wp-content/themes/nirvana/images/loading.gif) transparent no-repeat center center;
text-indent: -9999px;
border: 0;
}
#cryout_ajax_more_trigger.cryout_click_loading:hover {
background-color: transparent;
} .presentation-page #main {
margin-top: 0;
}
.presentation-page #forbottom {
padding: 0;
max-width: 100%;
}
.presentation-page #container {
width: auto;
margin: 0 auto;
}
.presentation-page #footer {
margin-top: 0;
} #frontpage #slider a#slider-stopper {
display: none;
} #front-columns {
display: block;
width: auto;
float: none;
}
.widget-area div.ppcolumn {
position: relative;
}
.column-image {
width: 100%;
display: block;
overflow: hidden;
line-height: 0;
}
.column-image-inside {
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 250;
padding: 0 30px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.column-image-inside-centered {
position: relative;
top: 42%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.safari .column-image-inside-centered {
top: 20%;
}
.column-image-inside:hover{
background: rgba(0,0,0,.7);
}
.column-header-image {
display: block;
width: 100%;
position: relative;
top: 30px;
text-align: center;
-webkit-transition: all .3s .3s ease-in-out;
transition: all .3s .3s ease-in-out;
}
.column-text-separator {
display: block;
float: none;
clear: both;
width: 10px;
height: 1px;
background: #FFF;
margin: 20px auto;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.column-text {
position: relative;
top: -30px;
font-size: .9em;
padding: 0 20px;
width: 100%;
overflow: hidden;
line-height: 1.3;
z-index: 251;
color: #EEE;
text-align: justify;
-webkit-transition: all .3s .3s ease-in-out;
transition: all .3s .3s ease-in-out;
}
.column-link {
position: absolute;
width: 100%;
height: 100%;
display: block;
}
.column-header-image,
.column-text-separator,
.column-text {
filter: alpha(opacity=0);
opacity: 0;
}
.column-image-inside:hover .column-header-image,
.column-image-inside:hover .column-text  {
filter: alpha(opacity=100);
opacity: 1;
top: 0;
}
.column-image-inside:hover .column-text-separator  {
filter: alpha(opacity=100);
opacity: 1;
width: 50px;
}
.column-image img {
width: 100%;
}
.coldisplay1 .column-image-inside-centered {
position: relative;
top: 0;
padding-top: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.coldisplay1 .column-header-image,
.coldisplay1 .column-text-separator,
.coldisplay1 .column-text {
filter: alpha(opacity=90);
opacity: 0.9;
top: 0px;
}
.coldisplay1 .column-image-inside .column-text-separator {
width: 150px;
}
.coldisplay1 .column-image-inside:hover .column-text-separator {
width: 100%;
}
.coldisplay2 .column-image-inside {
position: relative;
}
.coldisplay2 .column-image-inside:hover {
background-color: transparent;
}
.coldisplay2 .column-image-inside-centered {
position: relative;
top: 0;
padding-top: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.coldisplay2 .column-header-image,
.coldisplay2 .column-text {
filter: alpha(opacity=90);
opacity: 0.9;
top: 0px;
color: inherit;
}
.coldisplay2 .column-text {
padding: 10px 10px 20px 10px;
}
.coldisplay2 .column-text-separator {
display: none;
} header
,nav
,section
,article
,aside
,footer
,hgroup {
display: block;
}
.tinynav {
display: block;
float: none;
margin: 8px auto;
display: none;
min-width: 200px;
width: 100%;
padding: 10px;
}
.tinynav option {} .magazine-layout #content article.post,
.magazine-layout.search #content article {
float: left;
width: 47%;
padding: 0 0 10px;
}
.magazine-layout #content article:nth-of-type(2n+1) {
clear: both;
margin-right: 6%;
}
.magazine-layout .comments-link {
float: left;
}
.magazine-layout .entry-header .entry-meta {
margin-top: 5px;
}
.magazine-layout span.edit-link {
float: left;
margin-left: 0;
margin-right: 10px;
}
.magazine-layout .entry-header {
clear: both;
} .sharedaddy ul > li { background: none !important; text-indent: 0 !important; } .woocommerce .product .entry-summary {clear:none;} #content embed, #content iframe {max-width:100%;} .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product { width: 22.05%; }
body.woocommerce-page .entry-content .checkout ul > li, .woocommerce #payment ul.payment_methods li,
.woocommerce-page #payment ul.payment_methods li { list-style: none; }
body.woocommerce .page-title { display: inherit; margin-bottom: 20px; padding: 10px; font-weight: normal; }