:root{--html-background:#e6e8e7}html,body{font-family:Arial,Helvetica,sans-serif}html{background-attachment:fixed;background-color:#e6e8e7;background-image:url(petax.png);background-size:cover;background-repeat:no-repeat}html.csemode{background-image:none}.previewerx{position:fixed;top:0;bottom:0;left:0;right:0;background:#fff}body{margin:0}.number{background-image:linear-gradient(to bottom right,rgb(0,123,255),rgb(10,10,239));color:#fff;border:2px solid #fff;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 1px 0 rgba(0,0,0,.75);box-shadow:0 0 6px 0 rgba(0,0,0,.5)}.footer{position:fixed;bottom:40px;width:100%;text-align:center}.footer a{font-size:.8em;text-decoration:none;color:#888}.footer a:hover{text-decoration:underline;color:#333}html.csemode .footer{position:relative;bottom:0;width:auto;text-align:left}.container{display:flex;position:fixed;justify-content:center;align-items:center;width:100%;height:85%;background-color:none;border-bottom:2px solid rgba(0,0,0,0);z-index:2}.container form{width:90%;max-width:640px}.container form .box{position:relative;border:0 solid red;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.container form .box .logo{max-height:100px}.container form .box h2{font-family:'Caveat Brush';text-align:center;font-weight:700;font-size:5em;letter-spacing:.2em;margin:0;color:#007bff}.container form .box .input{position:relative;margin:0;margin-top:40px;margin-bottom:40px;width:100%}.container form .box .input i{position:absolute;color:#aaa;left:16px;top:16px;z-index:3}.container form .box .input input{padding-left:40px;width:90%;font-size:1.1em}.container form .box .input .btn-3d{display:none;position:absolute;top:3px;right:-5px;width:30px;height:30px}.container form .box .input inputx:focus{border:1px solid #007bff;box-shadow:0 0 2pt 0pt #007bff;outline:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;transition:all linear 0.2s}.container form .box .input .text-danger{color:#dc3545;display:block;text-align:center;margin-top:5px}.container form .box .button{width:100%;display:flex;justify-content:center}.container form .box .button .btn-3d{font-family:arial,sans-serif;cursor:pointer;width:35%}.container form .box .button input[type=submit]{font-family:arial,sans-serif;font-size:.9em;cursor:pointer;background:#fff;padding:10px;margin:0 5px;border:1px solid #eee;width:35%;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.container form .box span.error{color:#dc3545;margin:10px}.container.csemode{justify-content:start;padding:0;padding-left:5%;height:60px;background:#e6e8e7}.container.csemode form{max-width:100%}.container.csemode form .box{justify-content:start;flex-direction:row}.container.csemode form .box .logo{max-height:40px;margin-right:20px}.container.csemode form .box h2{font-size:2em;margin-right:5%}.container.csemode form .box .input{width:40%;margin-right:20px}.container.csemode form .box .input>i{top:12px;left:10px;display:none}.container.csemode form .box .input input{width:80%;margin:0;padding:6px;padding-left:40px}.container.csemode form .box .input .btn-3d{display:block}.container.csemode form .box .input .btn-3d i{left:4px;top:3px;color:#fff}.container.csemode form .box .button{width:auto}.container.csemode form .box .button button{width:auto;margin:5px}.container.csemode form .box .button .btn-3d{display:none}.container.csemode form .box .button .btn-3d-inner{padding:8px 20px}.container.csemode form .box .button .btn-3d .btn-3d-text{font-size:1em}.cse{padding-top:60px;padding-left:5%;display:flex;flex-direction:column;align-items:start}.cse .cse-item{width:100%;max-width:640px;padding:10px 0;margin:5px 0}.cse .cse-item a{position:relative;display:flex;flex-direction:column;text-decoration:none}.cse .cse-item a b{text-decoration:none;color:rgba(16,105,201,.77);color:#5989f5;font-size:1em;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;margin-top:20px}.cse .cse-item a i{position:absolute;display:flex;font-style:normal}.cse .cse-item a label{color:#000;margin-left:60px}.cse .cse-item a>span{color:#555;font-size:.8em;margin-left:60px;margin-top:5px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.cse .cse-item p{margin:0;margin-top:5px;color:#333}.cse .cse-pagination{display:flex;margin-bottom:10px}.cse .cse-pagination a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;text-decoration:none;color:#007bff;margin:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.cse .cse-pagination a.active,.cse .cse-pagination a:hover{background:#eee}.footer.csemode{display:block;padding:10px 5%}.footer.csemode a{text-decoration:none;color:#333;font-size:.8em}.footer.csemode a:hover{text-decoration:underline}.column{display:flex;flex-direction:column;align-items:center;justify-content:center}.column.items-end{align-items:flex-end}.column.justify-end{justify-content:flex-end}.column.content-end{align-content:flex-end}.fill{flex-grow:1;flex-shrink:0}#sheet{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;visibility:visible;transition:opacity 0.5s,visibility 0.5s}#sheet[aria-hidden="true"]{opacity:0;visibility:hidden;pointer-events:none}#sheet .overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:4;background:rgba(0,0,0,1);opacity:.5}#sheet .contents{position:relative;border-radius:1rem 1rem 0 0;background:var(--html-background);overflow-y:hidden;--default-transitions:transform 0.5s,border-radius 0.5s;transition:var(--default-transitions);transform:translateY(0);max-height:100vh;height:30vh;max-width:70rem;box-sizing:border-box;padding:1rem;padding-top:3rem;z-index:10}#sheet .contents:before,#sheet .contents:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:4}#sheet .contents:before{box-shadow:4px 4px 10px inset #9496B0}#sheet .contents:after{box-shadow:-4px -4px 10px inset #fff}#sheet .contents:not(.not-selectable){transition:var(--default-transitions),height 0.5s}#sheet .contents.fullscreen{border-radius:0}#sheet[aria-hidden="true"] .contents{transform:translateY(100%)}#sheet .draggable-area{position:absolute;top:0;left:0;right:0;width:3rem;margin:auto;padding:1rem;cursor:grab;z-index:6}#sheet .draggable-thumb{width:inherit;height:.25rem;background:#ccc;border-radius:.125rem}#sheet .close-sheet{position:absolute;right:0;top:0;border:none}#sheet .open-website{position:absolute;right:0;top:20px;text-decoration:none;height:30px!important;z-index:9999999}#sheet .open-website .btn-3d-inner{padding:5px 10px!important}#sheet .open-website .btn-3d-text{font-size:.8em}#sheet .body{height:100%;overflow-y:auto;gap:1rem;z-index:10}.btn-3d{transition:all 0.2s ease;background:linear-gradient(165deg,rgba(255,255,255,1) 10%,#e0e7f7 100%);border:0;font-weight:700;margin:0 1em;display:block;border-radius:25px;position:relative;outline:none;padding:3px;cursor:pointer}.btn-3d-text{color:#888;font-size:1rem;line-height:1.2rem;opacity:1}.btn-3d:before,.btn-3d:after,.btn-3d span:before,.btn-3d span:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:25px}.btn-3d:before{box-shadow:-10px -8px 12px #fff;background:rgba(233,239,253,.8);background:rgba(251,108,104,.6)}.btn-3d:after{box-shadow:10px 8px 20px #aaa}.btn-3d-inner{position:relative;background:linear-gradient(165deg,rgba(255,255,255,1) 0%,var(--html-background) 50%,var(--html-background) 95%,var(--html-background) 100%);padding:10px 10px;display:block;border-radius:25px;position:relative}.btn-3d:hover .btn-3d-text,.btn-3d.active .btn-3d-text{font-size:.95rem}.btn-3d:hover .btn-3d-inner:before,.btn-3d.active .btn-3d-inner:before{box-shadow:4px 4px 10px inset #e55643;-webkit-box-shadow:4px 4px 10px inset #e55643}.btn-3d:hover .btn-3d-inner:after,.btn-3d.active .btn-3d-inner:after{box-shadow:-4px -4px 10px inset #f2be99;-webkit-box-shadow:-4px -4px 10px inset #f2be99}.input-3d{width:80%;transition:all 0.2s linear;background:linear-gradient(165deg,rgba(255,255,255,1) 10%,#e0e7f7 100%);border:0;font-weight:700;margin:2rem auto;display:block;border-radius:25px;position:relative;outline:none;padding:3px;cursor:pointer}.input-3d-text{position:relative;padding:10px;color:#333;font-size:1rem;line-height:1.2rem;opacity:1;outline:none;border:none;background:none;width:100%;z-index:2;border-radius:25px}.input-3d:before,.input-3d:after,.input-3d span:before,.input-3d span:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:25px;transition:all 0.2s linear}.input-3d:before{box-shadow:-10px -8px 18px #fff;background:rgba(241,241,241,.8)}.input-3d:after{box-shadow:10px 8px 20px #aaa}.input-3d-inner{position:relative;background:linear-gradient(165deg,rgba(255,255,255,1) 0%,var(--html-background) 50%,var(--html-background) 95%,var(--html-background) 100%);padding:0;display:block;border-radius:25px;transition:all 0.2s linear;position:relative}.input-3d:hover,.input-3d:hover:before,.input-3d:hover:after,.input-3d:hover span:before,.input-3d:hover span:after,.input-3d:hover .input-3d-inner{border-radius:10px}.circle-3d{transition:all 0.2s ease;background:linear-gradient(165deg,rgba(255,255,255,1) 10%,#e0e7f7 100%);border:0;font-weight:700;margin:0;display:block;border-radius:100%;position:relative;outline:none;padding:0;cursor:pointer;width:40px;aspect-ratio:1 / 1}.circle-3d-text{color:#333;font-size:.8em;opacity:1}.circle-3d:before,.circle-3d:after,.circle-3d span:before,.circle-3d span:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%}.circle-3d:before{background:#cfdbf3;box-shadow:-4px -4px 10px #fff}.circle-3d:after{box-shadow:4px 4px 10px #aaa}.circle-3d-inner{position:relative;background:linear-gradient(165deg,rgba(255,255,255,1) 0%,var(--html-background) 50%,var(--html-background) 95%,var(--html-background) 100%);padding:0;display:flex;align-items:center;justify-content:center;border-radius:100%;width:100%;height:100%}.circle-3d:hover .circle-3d-text,.circle-3d.active .circle-3d-text{font-size:.95rem}.circle-3d:hover .circle-3d-inner:before,.circle-3d.active .circle-3d-inner:before{box-shadow:4px 4px 10px inset #9496B0;-webkit-box-shadow:4px 4px 10px inset #9496B0}.circle-3d:hover .circle-3d-inner:after,.circle-3d.active .circle-3d-inner:after{box-shadow:-4px -4px 10px inset #fff;-webkit-box-shadow:-4px -4px 10px inset #fff}@media (max-width:768px){html{background-attachment:fixed;background-size:contain;background-position:50% 100%}.footer{padding:0;padding-top:10px;padding-bottom:30px;text-align:center}html.csemode .footer{text-align:center}.container form .box a{display:flex;align-items:center;justify-content:center}.container form .box .logo{max-height:auto;max-width:80%}.container form .box h2{font-size:3em}.container form .box .input i{left:10px}.container form .box .input input{margin:0;width:84%}.container form .box .button button,.container form .box .button input[type=submit]{width:auto;flex-grow:1}.container form .box .button .btn-3d-text{font-size:1em}.container.csemode{justify-content:center;height:50px;margin:0;padding:0;padding-top:5px;flex-wrap:wrap;overflow-y:hidden}.container.csemode form{width:95%;max-width:95%}.container.csemode form .box{flex-direction:column}.container.csemode form .box .logo,.container.csemode form .box h2{display:none}.container.csemode form .box .input{width:100%;margin:5px}.container.csemode form .box .input input{width:85%}.container.csemode form .box .button{width:100%;margin:5px 0}.container.csemode form .box .button .btn-3d-inner{padding:5px;width:auto}.container.csemode form .box .button .btn-3d-text{font-size:1em!important}.cse{align-items:center;padding:5px;padding-top:60px;width:95%}}.btn-3d{background:linear-gradient(165deg,rgba(255,255,255,1) 10%,rgba(251,108,104,1) 100%)}.btn-3d:before{background:rgba(251,108,104,.6)}.btn-3d-inner{background:linear-gradient(165deg,rgba(255,174,123,1) 0%,rgba(252,139,125,1) 50%,rgba(255,113,107,1) 95%,rgba(251,108,104,1) 100%)}.btn-3d-text{color:#fff}