.voice-btn{background:transparent;border:none}.view-port{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff 15.1%,#ffe8e8 64.24%,#ff008c 142.73%);display:flex;align-items:center;justify-content:center;padding:7rem 0}.voice-container{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.voice-actions{display:flex;gap:3rem;height:84px;justify-content:center;align-items:end;width:100%;bottom:95px}.voice-actions-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.voice-actions-item label{font-weight:700;font-size:12px}footer{position:absolute;bottom:0}.loading-text{font-family:Noto Sans JP;color:#ff008c;font-size:16px;font-weight:500;display:flex;gap:4px;padding:1rem 0;margin-top:3rem;position:absolute;top:40vh;opacity:1;justify-content:center;align-items:center}.fade-out{opacity:0;animation:fadeOut 10s ease-out}@keyframes fadeOut{0%{opacity:1}98%{opacity:1}to{opacity:0}}.loading-text p{margin:0;line-height:26px;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:4px;height:4px;background:#ff008c;border-radius:50%;animation:dotPulse 1.4s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(.8);opacity:.4}50%{transform:scale(1.2);opacity:1}}.loading-circle{width:100%;height:300px;display:flex;justify-content:center;align-items:center}.loading-circle-outer{position:relative;width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center}.loading-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:rotateLoader 3s cubic-bezier(.4,0,.2,1) forwards,rotate 2s cubic-bezier(.4,0,.2,1) infinite}.circle-loader-inner{position:absolute;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;animation:zoomPulse 3s cubic-bezier(.4,0,.2,1) forwards,fadeOut .8s cubic-bezier(.4,0,.2,1) 1.5s forwards}.circle-loader-inner:before,.circle-loader-inner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:3px solid #FF008C;animation:zoomPulse 1.5s infinite ease-in-out}.circle-loader-inner:before{animation-delay:-.5s;filter:blur(5px)}.circle-loader-inner:after{animation-delay:-1s;filter:blur(10px)}@keyframes zoomPulse{0%{transform:scale(.5);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes rotateLoader{0%{border-top:2px solid #FF008C;opacity:.1;transform:rotate(0);width:90px;height:90px}25%{border-top:2px solid #FF008C;border-left:.5px solid rgba(255,0,140,.2);transform:rotate(90deg);width:95px;height:95px}50%{transform:rotate(180deg);border-top:2px solid #FF008C;border-left:1px solid #FF008C;opacity:.5;width:100px;height:100px}75%{border-top:2px solid #FF008C;border-left:2px solid #FF008C;border-right:1px solid #FF008C;transform:rotate(270deg);width:100px;height:100px}to{transform:rotate(360deg);border:2px solid #FF008C;width:100px;height:100px;opacity:.5}}.error-message{height:70vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.error-message-title{padding:0 3rem;max-width:370px;color:#373737;font-size:16px;font-weight:400;line-height:165%;text-align:center}.microphone-button{cursor:pointer}.microphone-button:disabled{cursor:not-allowed;opacity:.5}.language-selection-container{display:flex;justify-content:center;align-items:center;width:100%;height:80%}.default-language-selection{max-width:350px;padding:12px}.default-button{padding:12px 24px!important;height:48px;background:#fff;color:#ff008c}@media (min-width: 740px){.confirm-action-buttons{flex-direction:column;justify-content:flex-start!important;align-items:flex-start!important}.confirm-action-buttons button{min-width:200px;flex:1}.default-language-selection{max-width:550px}}.warning-message-container{display:flex;align-items:center;justify-content:center;gap:.3rem;border-radius:10px;width:100%;position:fixed;top:7%}.warning-message-content-box{border-radius:6px;padding:1rem;display:flex;gap:1.2rem;max-width:95%}.warning-message-content{display:flex;flex-direction:column;color:#333}.warning-message-title{font-size:15px;font-weight:700;line-height:165%;color:#333}.warning-message-description{font-size:15px;font-weight:400;line-height:165%}.warning-message-icon{width:30px;height:30px}.voice-button-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.voice-btn{background:transparent;border:none;cursor:pointer}.voice-button-text{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.voice-btn img{max-width:38px;max-height:38px}.app-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center}.view-port{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff 15.1%,#ffe8e8cc,#ff008ccc 142.73%);display:flex;align-items:center;justify-content:center}.voice-container{display:flex;flex-direction:column;gap:2rem;width:100%;justify-content:end;height:40%;align-items:center}.voice-actions{display:flex;height:84px;justify-content:center;align-items:end;width:100%;position:absolute;bottom:15%}.voice-actions-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:50%}.voice-actions-item label{font-weight:400;font-size:12px}.voice-actions button{background:transparent;border:none}.voice-output{display:flex;flex-direction:column;padding:0 2rem;margin-top:2rem;height:100%;justify-content:end}.voice-ouput-loading{display:flex;justify-content:center;align-items:center;height:100%}.voice-ouput-message{color:#ff92ce;font-size:24px;font-weight:500;padding:1rem 3rem;line-height:4rem}.voice-text{color:#ff92ce;font-size:24px!important;font-weight:500}.voice-custome-btn{border:none}.voice-circle{width:100px;height:100px;background-color:transparent;border-radius:50%}.visualizer-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000}.circle-img{position:absolute;top:19%;border-radius:50%;animation:rotate1 5s linear infinite;left:34%}@keyframes rotate1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.voice-loading-wrapper{width:100%;display:flex;justify-content:center;align-items:center;height:60%;flex-direction:column}.circle{position:absolute;top:26%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border-style:solid;border-color:#ff008c;background:transparent;animation:rotate infinite linear}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.h-full{height:100%}.w-full{width:100%}.text-pad-disaply{height:30%;width:80%;height:30vh;overflow:hidden;padding:20px;background:transparent;box-shadow:0 4px 6px #0000001a;overflow:scroll;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%);mask-image:linear-gradient(to bottom,#0000,#000 30%)}.voice-text{font-size:18px;line-height:1.5;color:#ff008c;font-size:23px!important}.text-pad-disaply::-webkit-scrollbar{display:none}.text-pad-disaply:before{opacity:.1;height:10px;content:"";background:transparent}.circleContainer{position:absolute;top:20%;left:calc(50% - 50px);display:flex;justify-content:center;align-items:center}.circle1{border-radius:50%;background-color:#ff008c;width:100px;height:100px;position:absolute;opacity:0;animation:scaleIn 4s infinite cubic-bezier(.36,.11,.89,.32);box-shadow:0 0 20px 5px #ff008c4d}.outer-circle{background-image:linear-gradient(#ff008c,#ea80ba,#f4e2ec);border-style:solid;border-color:transparent;border-radius:50%;border-width:0;animation:rotateCircle 2s linear infinite;padding:2px;display:table;width:100px;height:100px;position:absolute}@keyframes scaleIn{0%{transform:scale(.5);opacity:.5}to{transform:scale(2.5);opacity:0}}.inner-circle{background:#fff;height:50px;width:50px;border-style:solid;border-color:transparent;border-radius:50%;border-width:1px;animation:rotateCircle 2s linear infinite reverse;display:table;text-align:center}@keyframes rotateCircle{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.loading-circle-img{animation:zoomCircle 2s linear infinite reverse}@keyframes zoomCircle{0%{transform:scale(1.75)}25%{transform:scale(1.5)}50%{transform:scale(1)}75%{transform:scale(.75)}to{transform:scale(.5)}}.loading-relative{position:relative}.loading-poistion{position:absolute;top:23%;left:calc(50% - 10px)}.circle-border{border:2px solid #FF008C}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.voice-loading-circle{width:100px;height:100px;border-radius:50%;border:2px solid transparent;background:linear-gradient(#f9f5f5,#f9f4f4) padding-box,linear-gradient(82.74deg,#ff008c -16.43%,#ffe8e8 146.22%) border-box;animation-delay:1s;transition:transform .1s ease-out}.inner-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#ffcce880,#ffe8e880);filter:blur(2px);transition:all .1s ease-out}.speaking{background:radial-gradient(50% 50% at 50% 50%,#ff008c80 22.6%,#ffe8e880 81.25%)}.voice-button-tooltip{background:#ffe8e8!important;color:#373737!important;font-size:14px;box-shadow:0 2px 5px #00000040;padding:8px 11px!important;pointer-events:all!important;border-radius:8px!important}.voice-button-tooltip-content{display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:1rem}.voice-button-tooltip-close{border:none;border-radius:50%;padding:.2rem .5rem;background:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.finish-button{cursor:pointer}@media (min-width: 740px){.voice-actions{width:30%}}.voice-footer{width:100%;position:fixed;bottom:0}.voice-footer .voice-copyright{padding:15px 10px;color:#686868;background-color:#ebebeb;box-sizing:border-box;display:flex;justify-content:center}.voice-footer .voice-copyright p{margin-top:0;font-size:1.2rem!important}.voice-footer .voice-copyright .rakuten-ai-logo{display:flex;color:#000;justify-content:center;align-items:center}.voice-footer .contents-liner{width:100%;padding:0 5px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center}.voice-footer .contents-liner p{margin:0;color:#606060}@media screen and (max-width: 767px){.voice-footer .contents-liner{padding:0 10px;flex-direction:column;align-items:center}.voice-footer .voice-copyright{padding:10px 0}.voice-footer .voice-copyright p{text-align:center;font-size:12px}}@media screen and (min-width: 960px){.voice-footer .contents-liner{max-width:950px}}.header-container{width:100%;position:fixed;top:0;z-index:999;display:flex;padding:8px;margin:0 auto;max-width:956px}.header-left{width:45%}.hdg-img-pc{height:50px;width:100%}.hdg-img-sp{height:40px}.header-left-logo{max-width:232px}.header-left-logo a{display:inline-block}.header-right{width:55%;display:flex;flex-direction:row-reverse}.language-selection-toggle{padding:.5rem 1.5rem;display:flex;justify-content:center;align-items:flex-start;font-family:Noto Sans JP}.language-selection-toggle-item{padding:.5rem;color:#717171;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:400}.language-selection-toggle-separator{width:20px;padding:.5rem 0;display:flex;justify-content:center;align-items:center}.voice-language-active{color:#ff008c;cursor:default;pointer-events:none}.voice-language-active:after{content:"";display:block;width:100%;height:2px;background:#ff008c;margin-top:4px}.hdg-img-sp{display:none}@media (max-width: 768px){.hdg-img-sp{display:block}.hdg-img-pc{display:none}}.language-confirm-modal-content-header-title{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;color:#ff008c}.language-confirm-modal-content-header-title p{margin:0;font-size:18px;font-weight:500}.language-confirm-modal-content-body{font-weight:400;color:#333;font-size:15px;line-height:160%;padding:16px 0}.language-confirm-modal-content-body p{margin:0}.language-confirm-modal-content-footer{display:flex;flex-direction:row;align-items:center;gap:16px;padding:6px 0;justify-content:center}.language-confirm-modal-content-footer-button{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50px;font-size:14px;font-weight:700;border:1px solid #FF008C;box-shadow:0 4px #0000001a;padding:6px 24px;cursor:pointer}.cancel-button{background:#fff;color:#ff008c}.switch-button{background:#ff008c;color:#fff}