@keyframes animLightingBound{
from{background-color:gold}
25%{background-color:#ffe565}
60%{background-color:gold}
80%{background-color:#ffe565}
to{background-color:gold}
}
@keyframes animLightingRoot{
from{opacity:0}
25%{opacity:.6}
60%{opacity:.2}
80%{opacity:1}
to{opacity:0}
}
@keyframes animLightingText{
from{color:gold}
25%{color:#ffe565}
60%{color:gold}
80%{color:#ffe565}
to{color:gold}
}
:root{overflow-x:hidden;background-color:#fff;color-scheme:light!important;overscroll-behavior:none;--index:calc(1vw + 1vh);--stroke:.02em .02em .01em #ffd700,.02em 0 .01em #ffd700,0 .02em .01em #ffd700;--teos-shadow:drop-shadow(calc(var(--index) * .01) calc(var(--index) * .01) calc(var(--index) * .01) #ffd700) drop-shadow(calc(var(--index) * -.01) calc(var(--index) * .01) calc(var(--index) * .01) #ffd700) drop-shadow(0 calc(var(--index) * -.01) calc(var(--index) * .01) #ffd700)}
*{box-sizing:border-box;padding:0;margin:0;border:none;outline:0}
body{display:block;width:100%;position:relative;font-size:calc(var(--index) * 1.28);font-family:'Trajan Pro';color:#00417a;overscroll-behavior:none}
.bg{display:block;width:100vw;height:100vh;position:fixed;contain:strict;transform:translateZ(0);left:0;bottom:0;z-index:-1;visibility:hidden;background:var(--bg-press) repeat bottom/calc(var(--index) * 35) auto;--bg-press:url('/images/press_images/bg_body.webp')}
a{color:#000;text-decoration-color:gold!important}
a:visited{color:#000}
a:hover{color:gold}
h2{display:block;font-family:'Trajan Pro';font-weight:900;word-spacing:calc(var(--index) * .3);text-shadow:0 -.01em .02em gold}
h2:not(.__titles>*){width:fit-content;filter:saturate(1.8)}
h2::before{content:'';height:1em;aspect-ratio:1;position:absolute;top:50%;left:0;background:url(/images/thunder-little.webp) no-repeat center/contain;transform:translate(calc(var(--index) * -2),-50%) scaleX(-1)}
h2::after{content:'';height:1em;aspect-ratio:1;position:absolute;top:50%;right:0;background:url(/images/thunder-little.webp) no-repeat center/contain;transform:translate(calc(var(--index) * 2),-50%)}
p{font-family:'Book Antiqua';filter:saturate(.8)}
img{user-select:none;-webkit-user-drag:none}
#compress-image-wrapper{display:inline-block;position:relative}
#compress-image-wrapper :last-child{position:absolute;inset:0}
input:focus{outline:0;text-decoration:none}
button{overflow:hidden;margin:auto;position:relative;font-size:1.4em;font-family:'Trajan Pro';font-weight:900;text-transform:uppercase;background-image:linear-gradient(to top,#0059a8,#00417a);border-bottom-left-radius:10px;border-top-right-radius:10px;color:gold;text-shadow:.1vw .1vh 0 #000;cursor:pointer}
.but-frame{box-sizing:content-box;height:calc(var(--index) * 3.3);min-height:1.2em;padding:calc(var(--index) * .07);margin:auto;position:relative;z-index:1;background-color:gold;border-bottom-left-radius:10px;border-top-right-radius:10px}
.but-frame button{width:100%;height:100%}
.but-frame:hover{animation:animLightingBound 1s infinite}
button:hover{animation:animLightingText 1s infinite}
button::before{content:'';display:block;height:140%;aspect-ratio:1;position:absolute;left:0;top:0;z-index:1;background:url(/images/img_lighting.webp) no-repeat center/contain;opacity:0}
button::after{content:'';display:block;height:100%;aspect-ratio:1;position:absolute;right:0;top:0;z-index:1;background:url(/images/img_lighting.webp) no-repeat center/contain;opacity:0;transform:scalex(-1)}
button:hover::before{animation:animLightingRoot 1s infinite}
button:hover::after{animation:animLightingRoot 1s infinite}
article.dialog{display:none;width:50vw;height:fit-content;text-align:center;padding:calc(var(--index) * 1.5) calc(var(--index) * 1);position:fixed;inset:50%;z-index:100;translate:-50% -50%;font-size:.8em;background:linear-gradient(to right,transparent -100%,#eee 15%,#eee 85%,transparent 200%);border:solid .2vw #00417a;border-radius:90%/10%;border-top-width:0;border-bottom-width:0;color:#00417a}
article.dialog p{font-weight:900}
.backdrop{display:none;width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:1;background-color:rgba(0,0,0,.5)}
@keyframes step1{
from{opacity:0;translate:0vw 0vh}
25%{opacity:.3}
50%{opacity:.4;translate:-2300vw 0vh}
50.01%{translate:0vw -50%}
75%{opacity:.3}
to{opacity:0;translate:-2300vw -50%}
}
article.dialog .close{position:absolute;right:calc(var(--index) * 1);top:calc(var(--index) * 2);z-index:10;font-size:1.8em;color:#111;cursor:pointer;transition:color .5s}
article.dialog .close:hover{color:#900}
article.dialog .dialog-title>h2,article.dialog>hgroup h2{max-width:70%;line-height:1em;margin:auto;margin-bottom:calc(var(--index) * 1.5);position:relative;font-size:2em;font-weight:900;text-shadow:0 -.01em .02em gold}
.dialog-title{display:block;position:relative}
article.dialog .dialog-title .line{display:block;width:calc(var(--index) * 20);aspect-ratio:10;position:absolute;left:50%;top:100%;translate:-50%;background:url(/images/figured_line.webp) no-repeat top/contain}
.logo{position:relative}
header{display:block;width:100%;height:calc(var(--index) * 40);position:relative;overflow:hidden;background:var(--bg-press) no-repeat top/100% auto;overscroll-behavior:none;--bg-press:url('/images/press_images/bg_header.webp')}
@keyframes appear{
from{opacity:0}
to{opacity:.7}
}
@keyframes bright{
from{opacity:.7}
to{opacity:1}
}
.bg-over{display:block;width:100%;aspect-ratio:5;position:absolute;background:var(--bg-press) no-repeat top/100% auto;opacity:0;will-change:opacity;transform:translateZ(0);animation:appear 1s linear 1s,bright .8s ease 2s alternate infinite;--bg-press:url('/images/press_images/bg_over.webp')}
header .owners_ .zeus{display:flex;align-items:end;width:calc(var(--index) * 18);aspect-ratio:1;text-align:center;position:absolute;left:20%;bottom:45%;z-index:1;translate:-50%;background:var(--bg-press) no-repeat center/100% auto;--bg-press:url('/images/press_images/top_zeus.webp')}
header .owners_ .hercules{display:flex;align-items:end;width:calc(var(--index) * 11);aspect-ratio:.5;text-align:center;position:absolute;right:20%;bottom:45%;z-index:1;translate:50%;background:var(--bg-press) no-repeat center/100% auto;--bg-press:url('/images/press_images/top_her.webp')}
header .owners_ h2{display:flex;align-items:center;width:min-content;min-height:calc(var(--index) * 5);padding:calc(var(--index) * .7);position:relative;left:50%;font-size:1.7em;font-weight:100;background-color:#fff;border-radius:80%/40%;outline:solid calc(var(--index) * .1) #fff;color:gold;box-shadow:0 0 calc(var(--index) * 2) calc(var(--index) * 2.5) #fff;transform:translate(-50%,25%);user-select:none}
header .owners_ h2::before{content:none}
header .owners_ h2::after{content:none}
header .owners_ .zeus h2{text-shadow:-.03em .03em .02em #000}
header .owners_ .hercules h2{text-shadow:.03em .03em .02em #000}
header img[alt*=thunder-1]{display:none;position:absolute;width:calc(var(--index) * 7);top:70%;z-index:1;opacity:.95}
header img[alt="thunder-1.webp"]{left:15%;transform:scaleX(-1)}
header img[alt="thunder-1.1.webp"]{right:15%}
.welcome__{width:100%;height:fit-content;margin-bottom:calc(var(--index) * 10);position:relative}
.welcome__::before{content:'';display:block;width:100%;height:180%;position:absolute;left:0;top:-45%;z-index:0;background-image:linear-gradient(to bottom,transparent 10%,#fff 25%,#fff 75%,transparent 90%)}
.title{display:inline-block;text-align:center;margin-bottom:calc(var(--index) * 1);font-size:calc(var(--index) * 3);font-weight:100;position:relative;z-index:1;white-space:pre-line;filter:saturate(1.6)}
.welcome__ .__main-title{display:block;width:90%;left:5%;text-align:center;position:relative}
.welcome__ .__main-title h2:not(article.dialog>h2,.__titlesh2){display:block;max-width:90%;position:relative;margin:auto;margin-top:calc(var(--index) * 2);margin-bottom:calc(var(--index) * .3)}
.welcome__ .__main-title .__titles{display:grid;width:100%;justify-content:center;align-items:center;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.welcome__ .__main-title .__titles h2{max-width:none;margin:calc(var(--index) * 1) auto;font-size:1.2em;font-weight:100;white-space:pre-line;text-shadow:none}
.welcome__ .__main-title .__titles h2::before{all:revert;content:'— '}
.welcome__ .__main-title .__titles h2::after{all:revert;content:' —'}
.welcome__ .__main-title ._brands{width:100%;margin:calc(var(--index) * 1) auto 0;line-height:calc(var(--index) * 2);user-select:none}
.welcome__ .__main-title ._brands img{height:calc(var(--index) * 3);margin:0 calc(var(--index) * .7);filter:saturate(.7);transition:filter .5s}
.welcome__ .__main-title ._brands img:hover{filter:saturate(1.5)}
.welcome__ .__main-title ._brands+p{margin-top:calc(var(--index) * 1)}
.welcome__ .__two-buts{display:flex;margin:calc(var(--index) * 2) auto}
.welcome__ .zeus-smile{display:inline-block;position:relative;margin-right:2em;line-height:2em}
.welcome__ .zeus-smile::after{content:'';display:block;height:2em;aspect-ratio:1;position:absolute;right:-2em;bottom:0;background:url(/images/img_zeus-smile.webp) no-repeat center/contain;filter:saturate(1.3)}
.welcome__ .but-frame{width:40%}
.welcome__ p+.but-frame{margin-top:calc(var(--index))}
#other{width:80vw;font-size:.8em}
#other ul{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;align-items:center;list-style-type:none;background-image:linear-gradient(to right,transparent 49.8%,rgba(0,68,119,.8) 49.8%,rgba(0,68,119,.8) 50.2%,transparent 50.2%)}
#other li{margin:calc(var(--index) * .2)}
#warranty h3{display:block;font-size:1.2em;margin-top:calc(var(--index) * 1)}
#warranty ul{all:unset;display:block;text-align:left;font-family:'Book Antiqua';margin:calc(var(--index) * .5) auto}
#warranty li{all:revert;width:90%;margin-left:10%}
.toes__{width:100%;margin:calc(var(--index) * 7) auto;overflow-x:clip;position:relative}
.toes__>article{margin:10% 0}
.toes__ .cloud{display:block;justify-content:center;align-items:center;position:relative}
.toes__ article:nth-of-type(2n) .cloud img{scale:-1 1}
.toes__ .cloud p{display:block;width:100%;text-align:center;padding:15% 10% 10%;letter-spacing:.03em}
.toes__ article .cloud ._teos_title{display:block;width:70%;position:absolute;top:0;z-index:1;background-color:#fff}
.toes__ article .cloud ._teos_title h5{text-align:center;position:absolute;left:50%;bottom:calc(var(--index) * -6.5);translate:-50%;white-space:nowrap;font-size:1.8em;visibility:hidden;color:#00417a;text-shadow:var(--stroke)}
.toes__ article:nth-of-type(2n+1) ._teos_title{right:15%}
.toes__ article:nth-of-type(2n) ._teos_title{left:15%}
.toes__ article .cloud ._teos_title img{width:100%;height:calc(var(--index) * 8);object-fit:contain;position:absolute;left:50%;bottom:calc(var(--index) * -3);translate:-50%;visibility:hidden;filter:var(--teos-shadow)}
.toes__ article .cloud ._teos_title video{aspect-ratio:.8;object-fit:cover;position:absolute;left:50%;translate:-50%;visibility:hidden}
.toes__ article:nth-of-type(2) .cloud ._teos_title video{height:calc(var(--index) * 7);object-position:top;bottom:calc(var(--index) * -3.5);border-radius:50%;filter:var(--teos-shadow)}
.toes__ article:nth-of-type(4) .cloud ._teos_title video{height:calc(var(--index) * 10);object-position:center;bottom:calc(var(--index) * -5);mask-image:radial-gradient(circle closest-side at center,#000 80%,transparent);-webkit-mask-image:radial-gradient(circle closest-side at center,#000 80%,transparent)}
.toes__ .cloud{background:var(--bg-press) no-repeat center/100% 100%;--bg-press:url('/images/press_images/cloud.webp')}
.toes__ .cloud::after{opacity:0}
.toes__ * .teos-image .but-frame{width:calc(var(--index) * 25)}
.block_hermes{width:75%;height:fit-content;position:relative;left:24.7%}
.block_hermes .cloud::after{content:'';display:block;width:10%;height:100%;position:absolute;bottom:0;left:90%;background:url(/images/thunder-2.webp) no-repeat top/contain}
.block_hermes .teos-image{width:calc(var(--index) * 25);aspect-ratio:1;position:absolute;right:90%;bottom:-20%;z-index:1;background:var(--bg-press) no-repeat center/auto 100%;--bg-press:url('/images/press_images/img_hermes.webp')}
.block_hermes .teos-image .but-frame{position:absolute;left:40%;bottom:17%}
#price{border-top:none;border-bottom:none}
#price hgroup{display:block;width:fit-content;margin:auto;margin-top:calc(var(--index) * .3)}
#price hgroup p{font-size:1.15em}
#price hgroup :is(h3,p){cursor:help}
.popup{width:calc(var(--index) * 20);height:fit-content;text-align:center;padding:calc(var(--index) * .2) calc(var(--index)) calc(var(--index) * .5);position:fixed;left:var(--posX);top:var(--posY);z-index:100;font-family:'Book Antiqua';font-size:1.2em;letter-spacing:.05em;visibility:hidden;background-color:rgba(0,51,119,.9);border:solid #000;border-width:0 calc(var(--index) * .03);border-radius:80%/20%;color:#fff;cursor:default}
.popup ul{list-style-type:none}
.popup li{display:block;margin:auto;margin-top:calc(var(--index) * .4);position:relative}
.popup li span{display:block;font-family:'Book Antiqua';font-style:italic}
.block_aphrodite{width:75%;height:fit-content;position:relative;left:.3%}
.block_aphrodite .cloud::after{content:'';display:block;width:10%;height:100%;position:absolute;bottom:-25%;right:90%;background:url(/images/thunder-3.webp) no-repeat top/contain}
.block_aphrodite .teos-image{width:calc(var(--index) * 17);aspect-ratio:1;position:absolute;left:90%;bottom:20%;z-index:1;background:var(--bg-press) no-repeat center/auto 100%;--bg-press:url('/images/press_images/img_aphrodite.webp')}
.block_aphrodite .teos-image .but-frame{position:absolute;right:0;top:100%}
#design{width:93vw;height:fit-content;min-height:95vh;overflow:hidden}
#design .paralax-title{margin:calc(var(--index) * 1)}
#design .paralax-title .choice{width:fit-content;height:min-content;margin:auto;font-size:1.8em;font-weight:900;cursor:default}
#design .paralax-title div{margin-top:calc(var(--index) * 1)}
#design .paralax-title span{display:flex;justify-content:center;width:calc(var(--index) * 50);position:relative;left:50%;z-index:1;translate:-50%}
#design .paralax-title span h3{flex:0 0 33%;display:block;cursor:pointer}
#design .paralax-title span p{font-size:1.2em;font-style:italic;font-weight:100}
.block_aphrodite .___wp p{margin-top:calc(var(--index) * 1)}
#design .__container_demo{width:90%;position:relative;left:5%}
#design ._demo{display:flex;width:100%;height:calc(var(--index) * 7);justify-content:start;overflow-y:hidden;overflow-x:scroll;margin:calc(var(--index) * .5) auto;position:relative;overscroll-behavior:none}
#design ._demo figure{display:block;flex:0 0 auto;width:19.7%;height:99%;margin:0 .25%;border:solid calc(var(--index) * .05) #00417a}
#design ._demo picture{display:block;height:calc(100% - var(--index) * 1.2);overflow:hidden;position:relative;background-color:#fff;cursor:pointer}
#design ._demo img{display:block;width:100%;object-fit:cover}
.scale-image{display:none;width:50vw;height:98vh;margin:0;padding:0;overflow:hidden;position:fixed;left:50vw;top:1vh;translate:-50%;z-index:100;background-color:rgba(0,0,0,.9);border:solid calc(var(--index) * .3) #00417a;cursor:move}
.scale-image img{display:block;width:100%;object-fit:cover}
#design ._demo figcaption{width:100%;line-height:calc(var(--index) * 1.2);font-size:.8em;font-weight:900;background-color:#00417a;border-top:solid calc(var(--index) * .05) #00417a;color:#fff}
#design ._reference{display:block}
#design ._reference p{margin-top:2vh}
#design ._imagination h3{margin:calc(var(--index) * .5)}
#design ._imagination ._demo{width:90%;height:calc(var(--index) * 10);overflow:hidden}
#design ._imagination ._demo figure{width:32.5%}
#design ._demo figure picture{background-color:#000}
#design .ref-links{display:block;width:100%}
#design .ref-links p{display:inline-block;line-height:normal;vertical-align:middle}
#design .ref-links a{all:unset}
#design .ref-links button{all:revert;display:inline-flex;justify-content:center;align-items:center;width:calc(var(--index) * 12);height:calc(var(--index) * 2.5);min-height:1.2em;margin:calc(var(--index) * 1);font:normal .9em 'Trajan Pro';background-color:#eee;border:solid calc(var(--index) * .05) #000;color:#000;box-shadow:inset 0 0 .1vw 0 #333;cursor:pointer}
#design .ref-links button:active{box-shadow:inset 0 0 .3vw 0 #333}
#design .ref-links button:hover{color:#900}
#design .ref-links :is(p,button){margin-left:1vw;margin-right:1vw}
#design .ref-links button::before{content:none}
#design .ref-links button::after{content:none}
.block_artemis{width:75%;height:fit-content;position:relative;left:24.7%}
.block_artemis .cloud::after{content:'';display:block;width:10%;height:100%;position:absolute;bottom:-10%;left:90%;background:url(/images/thunder-4.webp) no-repeat top/contain}
.block_artemis .teos-image{width:calc(var(--index) * 22);aspect-ratio:1;position:absolute;right:85%;bottom:10%;z-index:1;background:var(--bg-press) no-repeat center/auto 100%;--bg-press:url('/images/press_images/img_themis.webp')}
.block_artemis .but-frame{position:absolute;left:0;bottom:-5%}
#warranty{border-top:none;border-bottom:none}
#warranty big{display:block;margin-top:3vh}
.block_hephaestus{width:75%;height:fit-content;position:relative;left:.3%}
.block_hephaestus .cloud::after{content:'';display:block;width:10%;height:100%;position:absolute;bottom:-10%;right:90%;background:url(/images/thunder-5.webp) no-repeat top/contain;transform:scaleX(-1)}
.block_hephaestus .teos-image{width:calc(var(--index) * 17);aspect-ratio:1;position:absolute;left:90%;bottom:0;z-index:1;background:var(--bg-press) no-repeat center/auto 100%;--bg-press:url('/images/press_images/img_gephestus.webp')}
.block_hephaestus .but-frame{position:absolute;right:0;bottom:-3%}
#order form{display:flex;flex-direction:column;align-items:center;width:100%;height:fit-content;margin:auto;padding:1vw;font-weight:900}
#order form div{display:block;width:100%;margin:.5vh 0}
#order form p{display:inline-block;width:50%;vertical-align:middle;position:relative;top:.1em;font-family:'Trajan Pro';line-height:normal}
#order form p span{color:#900}
#order form big{display:block;font-family:'Trajan Pro';font-weight:900}
#order form :is(input,textarea,select){display:inline-block;width:50%;vertical-align:middle;padding:.5vh 1vw;position:relative;font:normal .9em 'Trajan Pro';line-height:normal;font-weight:900;border:solid .1vw #00417a;color:#00417a}
#order form :is(input,textarea)::selection{background-color:#fff;color:#222}
#order form input[type=file]{font-size:.7em;border:unset;color:transparent}
#order form select{text-align:center;font-weight:900;text-overflow:ellipsis}
#order form select option{font-weight:900;background-color:#00417a;color:gold}
#order form textarea{height:15vh;min-height:75px;font:normal 1em 'Book Antiqua';resize:none}
#order form :is(input:focus,textarea:focus):not(input[type=file]){background-color:#00417a;color:gold}
#order form button{padding:calc(var(--index) * .7) calc(var(--index) * 7);margin-top:calc(var(--index) * 2);font-size:1.2em;background-color:#00417a;border:solid calc(var(--index) * .1) gold;border-radius:7px;color:gold}
#order .tel{all:unset;font-family:'Book Antiqua';font-weight:100;cursor:pointer}
footer{display:block;width:100%;aspect-ratio:3.84;text-align:center;position:relative;bottom:0;overflow:hidden;font-family:'Trajan Pro';background:no-repeat top/cover;background-image:var(--bg-press);color:#000;--bg-press:url('/images/press_images/img_footer.webp')}
footer span{display:block;position:relative;top:8%;translate:0 -50%;font-size:.44em;font-family:'Trajan Pro';letter-spacing:.1em;text-transform:uppercase;color:rgba(0,0,0,.7);user-select:none}
footer p{display:inline-block;padding:calc(var(--index) * 2) calc(var(--index) * 4);position:relative;top:50%;translate:0 -50%;font:normal 1.15em 'Trajan Pro';line-height:1.4;background-image:radial-gradient(ellipse closest-side at center,#fff,transparent)}
.owl{display:block;width:calc(var(--index) * 10);aspect-ratio:1;position:fixed;left:calc(100vw + var(--index) * 1);top:50vh;z-index:100;translate:0 -50%;background:var(--bg-press) no-repeat center/contain;--bg-press:url('/images/press_images/owl.webp')}
.owl p{width:120%;text-align:center;padding:calc(var(--index) * .4);position:absolute;left:-10%;bottom:105%;font-size:.6em;background-color:rgba(0,51,119,.9);border-radius:10%/90%;border:solid #000;border-width:0 calc(var(--index) * .03);color:#fff}
.wa{display:block;width:calc(var(--index) * 3.5);aspect-ratio:1;position:fixed;right:calc(var(--index) * 1);bottom:calc(var(--index) * .8);z-index:1}
.wa .img{width:100%;height:100%;background:var(--bg-press) no-repeat center/100% 100%;transform-style:preserve-3d;transition:transform .8s linear;--bg-press:url('/images/press_images/icon_whatsapp.webp')}
.wa .img::before{content:'';display:block;width:100%;height:100%;position:absolute;background:var(--bg-press) no-repeat center/100% 100%;transform:translateZ(-1px);--bg-press:url('/images/press_images/icon_whatsapp2.webp')}
.wa:hover .img{transform:rotateY(360deg)}
.cookie{all:revert;box-sizing:border-box;width:calc(var(--index) * 25);text-align:center;padding:calc(var(--index));position:fixed;left:100%;bottom:0;z-index:10;translate:100%;font-size:.65em;background:transparent linear-gradient(to right,transparent -100%,rgba(238,238,238,.95) 25%,rgba(238,238,238,.95) 75%,transparent 200%);border:solid #00417a;border-width:calc(var(--index) * .2) 0 0 calc(var(--index) * .2);border-top-left-radius:30px}
.cookie p{display:inline-block;max-width:65%;text-align:left;position:relative;top:calc(var(--index) * .2)}
.cookie div{float:left}
.cookie h6{font-size:1.8em;color:#00417a;text-shadow:0 -.01em .02em gold}
.cookie button{padding:calc(var(--index) * .5) calc(var(--index) * 2);margin-top:calc(var(--index) * .5);font-size:1.2em;border:solid calc(var(--index) * .1) gold;border-radius:7px;color:gold}
._chat{width:calc(var(--index) * 15);height:80vh;text-align:center;position:fixed;left:0;bottom:50vh;translate:-100% 50%;z-index:10;font-size:calc(var(--index) * .7);border-radius:0 10px 10px 0;border:solid calc(var(--index) * .05) #000;border-left-width:0;border-collapse:separate;border-spacing:calc(var(--index) * .5);background-color:rgba(238,238,238,.9);transition:bottom .5s}
._chat.appearance{bottom:40vh}
._chat h6{display:inline-block;font-size:1.5em;font-weight:900;color:#00417a;text-shadow:0 calc(var(--index) * -.05) 0 gold}
._chat::before{box-sizing:border-box;content:'X';width:calc(var(--index) * 2);padding:calc(var(--index) * .5);position:absolute;left:100%;top:15%;translate:0 -50%;writing-mode:vertical-rl;font-size:1.2em;visibility:hidden;background-color:#00417a;border:solid calc(var(--index) * .05) #000;color:gold;cursor:pointer}
._chat::after{box-sizing:border-box;content:'Chat';display:block;width:calc(var(--index) * 2);padding:calc(var(--index) * .5);position:absolute;left:100%;top:50%;translate:0 -50%;writing-mode:vertical-rl;font-size:1.2em;letter-spacing:calc(var(--index) * .1);background-color:#00417a;border:solid calc(var(--index) * .05) #000;color:gold;cursor:pointer}
._chat td{text-align:center;margin:0 auto}
._chat .name{display:block;text-align:center}
._chat .container{width:100%;height:50%;vertical-align:top;position:relative;background-image:linear-gradient(45deg,#fff -10%,#f0f8fe);border-radius:10px 0 0 10px;border:solid calc(var(--index) * .05) #00417a}
._chat .tdout{display:block;width:100%;height:100%;position:absolute;overflow-y:auto;overscroll-behavior:none;font-size:.88em}
.reply{display:block;width:fit-content;max-width:80%;text-align:left;padding:calc(var(--index) * .2) calc(var(--index) * .3);margin:calc(var(--index) * .3) 0;position:relative;font-size:1em;font-family:'Open Sans';white-space:pre-wrap;overflow-wrap:break-word;box-shadow:0 0 calc(var(--index) * .1) 0 #333;border-radius:10px}
._chat textarea{display:block;width:100%;height:4em;padding:calc(var(--index) * .3) calc(var(--index) * .5);margin:auto;font-size:1.1em;font-family:'Open Sans';border:solid calc(var(--index) * .05) #00417a;border-radius:10px;background-image:linear-gradient(45deg,#fff -10%,#f0f8fe);color:#000;resize:none}
._chat button{width:80%;height:calc(var(--index) * 2);font-size:calc(var(--index) * 1);border:solid calc(var(--index) * .1) gold;cursor:pointer}
.box-share{width:fit-content;margin:calc(var(--index) * 1) auto;cursor:default;user-select:none}
.box-share a,.share{display:inline-block;height:calc(var(--index) * 2);margin:auto calc(var(--index) * .3);filter:saturate(.7);transition:filter .5s;-webkit-user-drag:none}
._share img:hover,.box-share a:hover{filter:saturate(1.4)}
.box-share a img{display:block;width:100%;height:100%;object-fit:contain}
._share{display:block;width:fit-content;text-align:center;margin:auto;margin-top:calc(var(--index) * .5);position:relative}
._share img{display:inline-block;width:calc(var(--index) * 2);object-fit:contain;position:absolute;inset:0;filter:saturate(.7);cursor:pointer;transition:filter .5s}
._share .start{position:relative}
._lang{all:unset;display:flex;position:fixed;left:0;top:0;z-index:100;font-size:calc(var(--index) * 1);background-color:#00417a;border-radius:0 0 10px 0;border:solid 0 #000;border-width:0 calc(var(--index) * .05) calc(var(--index) * .05) 0;color:gold;user-select:none;cursor:pointer}
._lang .lang-choice{height:100%;padding:calc(var(--index) * .2)}
.on-display{display:block}
@font-face{font-family:'Trajan Pro';src:local('Book Antiqua');src:url(/includes/fonts/TrajanPro-Regular.woff2) format('woff2');font-display:block}
@font-face{font-family:"Trajan Pro";src:local('Book Antiqua');src:url(/includes/fonts/const.woff2) format('woff2');font-display:block;unicode-range:U+0400-04FF}
@font-face{font-family:'Trajan Pro';src:local('Book Antiqua');src:url(/includes/fonts/TrajanPro-Bold.woff2) format('woff2');font-weight:900;font-display:block}
@font-face{font-family:"Trajan Pro";src:local('Book Antiqua');src:url(/includes/fonts/const-bold.woff2) format('woff2');font-weight:900;font-display:block;unicode-range:U+0400-04FF}
@font-face{font-family:'Book Antiqua';src:local('Book Antiqua');src:url(/includes/fonts/CormorantGaramond-Regular.woff2) format('woff2');font-display:block}
@font-face{font-family:'Book Antiqua';src:local('Book Antiqua');src:url(/includes/fonts/CormorantGaramond-Italic.woff2) format('woff2');font-style:italic;font-display:block}
@font-face{font-family:'Book Antiqua';src:local('Book Antiqua');src:url(/includes/fonts/CormorantGaramond-SemiBold.woff2) format('woff2');font-weight:900;font-display:block}
@font-face{font-family:'Open Sans';src:local('Open Sans');src:url(/includes/fonts/OpenSans-Regular.woff2) format('woff2');font-weight:400;font-display:block}