@tailwind base;@tailwind components;@tailwind utilities;:root{--wpvt-color: #5c6ac4}.evr-filp{transform:scaleX(-1) !important}.evr-logo-icon{width:25px;height:20px;display:inline-block;margin:auto;background-image:url(../images/evr.svg);background-size:100%}.evr-modal{@apply text-sm fixed top-0 left-0 w-full h-full  flex items-center justify-center;z-index:9999999999999999999 !important;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.evr-modal .evr-overlay{@apply bg-gray-800 opacity-50 fixed top-0 left-0 w-full h-full}.evr-modal label{margin-bottom:0}@layer components{.evr-modal .input-text{@apply py-2 px-3 border border-gray-100 rounded-sm bg-gray-50}.evr-modal .input-label{@apply mb-1 text-sm text-gray-400 cursor-pointer}}.evr-modal button,.evr-modal input,.evr-modal select{border:auto;box-shadow:none}.evr-modal .top_icon{@apply absolute  left-1/2 rounded-t-full w-16 h-16 bg-white text-blue-400  transition duration-100 pt-3 px-4 transform -translate-x-1/2;margin-top:-45px;z-index:-9;color:var(--wpvt-color) !important}.evr-modal .top_icon i{@apply w-6 h-6 h-auto w-auto;transform:scale(2.3)}.evr-modal .evr-modal-body{@apply relative w-full rounded-md group bg-white relative h-auto;z-index:99999999999999999999 !important;max-width:400px}.evr-modal .evr-modal-body .evr-close{@apply transition duration-150 h-6 w-6 cursor-pointer z-10 absolute rounded-sm -right-6 -top-6  hover:bg-red-400 hover:text-white inline-flex items-center justify-center}.evr-modal .evr-modal-body .evr-error{@apply px-4 py-4}.evr-modal .evr-modal-body .evr-error .evr-error-message{@apply py-4 px-3 bg-red-50 text-lg text-red-500 rounded-md text-center}.evr-modal .evr-modal-body .evr-error .evr-error-footer{@apply py-4 px-3 bg-red-50 text-lg text-red-500 rounded-md text-center}.evr-modal .evr-modal-body .evr-recorder-wrapper{@apply rounded-md overflow-y-auto w-full;max-height:550px}.evr-modal .evr-modal-body .evr-recorder-wrapper>section{@apply p-4}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-button{@apply cursor-pointer mb-2 sm:mb-0 px-3 bg-blue-500 border-none py-1.5 transition rounded-sm text-white hover:bg-blue-600 hover:text-white font-normal text-base flex items-center gap-2}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-button.evr-button-outline{@apply bg-gray-300 text-gray-700 hover:bg-gray-400}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-button.evr-button-small{@apply py-1 px-2 text-xs}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-button:focus{@apply border-none}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-button .evr-icon{@apply w-auto}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-title{@apply text-sm block rounded-md z-50 bg-white py-4 uppercase   font-semibold w-full text-center text-gray-700}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-button-area{@apply mt-3 flex flex-col sm:flex-row  justify-center sm:justify-between items-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-button-area.button-group{@apply flex-row items-center justify-start}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-button-area.button-group>*{@apply mr-3}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-button-area.button-group>.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-button-area.button-group:last-child{@apply mr-0}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder{@apply rounded-md bg-white z-50 flex-col w-full p-0}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box{@apply rounded-md flex flex-col justify-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror{@apply relative  rounded-t-md}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror.evr-rounded{@apply rounded-md}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recorder-video{@apply w-full overflow-hidden flex items-center justify-center relative}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recorder-video video{@apply bg-black h-auto w-full}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recorder-video .evr-preview-controls{@apply absolute w-full h-full top-0 left-0 flex items-center justify-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recorder-video .evr-preview-controls.evr-preview-controls-bottom{@apply items-end}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recorder-video .evr-preview-controls.evr-preview-controls-bottom .evr-buttons{@apply p-4 flex items-center gap-2}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recorder-video .evr-preview-controls.evr-preview-controls-bottom .evr-buttons .evr-button{@apply opacity-100 px-4 py-2}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recorder-video .evr-preview-controls .evr-button{@apply opacity-30}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recorder-video .evr-preview-controls:hover .evr-button{@apply opacity-100}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-counter{@apply absolute transform -translate-y-1/2 top-1/2 w-full text-center text-8xl text-gray-200 tracking-wider}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recording-icon{@apply absolute bottom-4 left-4 flex items-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recording-icon i{@apply inline-block cursor-pointer mr-1 uppercase text-xs text-gray-200 mx-auto  animate-pulse w-4 h-4 bg-red-500 rounded-full transition hover:bg-red-600}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recording-icon div{@apply text-white opacity-70 text-xl}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recording-start-area{@apply absolute bottom-4 w-full flex items-center justify-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recording-start-area *{@apply border-none}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recording-start-area .evr-recording-start{@apply mr-4 p-0 uppercase  text-gray-200 cursor-pointer mx-auto w-14 h-14 bg-red-500 rounded-full transition hover:bg-red-600 text-xs  inline-flex items-center justify-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recording-start-area .evr-recording-close{@apply inline-flex items-center justify-center cursor-pointer mx-auto w-12 h-12 transition text-red-400}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recording-start-area .evr-recording-stop{@apply p-0 m-0 cursor-pointer  mx-auto w-12 h-12 transition bg-white rounded-full  block opacity-30 hover:opacity-100}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-recorder-mirror .evr-recording-start-area .evr-recording-stop div{@apply w-6 h-6 bg-gray-700 rounded-sm transition duration-150 m-auto}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-message{@apply my-2 text-center text-sm tracking-wide text-gray-600}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-options{@apply p-3}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-options .evr-delay{@apply my-3 flex items-center justify-between}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-options .evr-delay>div{@apply flex items-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-options .evr-delay .evr-delay-input{@apply focus:ring-2 rounded-sm text-gray-500 focus:ring-blue-400 border border-gray-200 rounded-sm text-lg text-right px-2 h-8 py-1 w-10}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-options .evr-delay span{@apply text-sm text-gray-500 ml-2}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-chooseoption{@apply mt-0 block}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-chooseoption button{@apply mt-0 flex items-center justify-center gap-2}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-option-select{@apply my-3}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-option-select label{@apply text-xs font-semibold text-gray-400}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-recorder-box .evr-option-select select{@apply appearance-none text-gray-500 cursor-pointer rounded-sm text-sm w-full  py-2 px-3 border border-gray-200 bg-white}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-mirror-box{@apply text-sm w-full flex flex-col sm:flex-row p-3 items-center justify-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder .evr-mirror-box.evr-divice-found{@apply justify-between}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-dropzone{@apply relative flex flex-col p-4 text-gray-400 border border-gray-200 rounded}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-dropzone>div{@apply relative flex flex-col text-gray-400 border border-gray-200 border-dashed rounded cursor-pointer}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-dropzone>div .evr-uploader-file{@apply absolute inset-0 z-50 w-full h-full p-0 m-0 outline-none opacity-0 cursor-pointer}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-dropzone>div .evr-dropzone-area{@apply flex flex-col items-center justify-center py-10 text-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-dropzone>div .evr-dropzone-area i{@apply text-xl mb-2}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-uploader-file-info{@apply flex items-center text-gray-400 m-3 justify-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-uploader-file-info{@apply bg-red-50 text-red-400 text-center px-3 py-2 rounded-md mt-3 tracking-wide}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-send{@apply flex items-center justify-center text-gray-500}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-send-sending{@apply animate-spin h-5 w-5 border-b-2 border-t-2 border-blue-400 rounded-full mr-2}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-send-message{@apply py-4 px-3 rounded-sm text-center text-gray-500 bg-red-100}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-send-message.evr-sent{@apply bg-green-100}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-send-recorder-button{@apply text-center mt-3}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-recorder-buttons{@apply text-sm flex justify-between flex-col sm:flex-row}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-input-group{@apply mb-3 flex flex-col}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-input-group.evr-input-group-inline{@apply flex-row justify-center}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-input-group .evr-radio-label{@apply mr-2 mb-1 text-gray-500}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-input-group .evr-input-radio{@apply border-gray-300 h-3 w-3 bg-gray-100 ring-red-200 focus:ring-0 text-blue-500}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-input-group .evr-input-select{@apply bg-gray-50 rounded-md   border border-gray-200}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-input-group .evr-input-checkbox{@apply rounded-md w-3 h-3 bg-gray-100 border border-gray-300 text-blue-500 mr-2 focus:ring-0}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-input-group .evr-input-rating{@apply flex items-center gap-0.5}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-input-group .evr-input-rating i{@apply evr-icon w-6 ml-0 cursor-pointer text-gray-300 hover:text-blue-500 text-2xl transition duration-150}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-input-group .evr-input-rating i.evr-rating-active{@apply text-blue-500}.evr-modal .evr-modal-body .evr-recorder-wrapper .evr-publish-policy{@apply mb-3 flex items-center}.flip-camera{transform:scaleX(-1)}.swiper-button-next,.swiper-button-prev{height:27px !important}.swiper-container{z-index:0}.left-18{left:4.5rem}.evr-recorder-button{@apply no-underline  transition duration-100 py-2 px-4 rounded-sm hover:opacity-80}.evr-review-overlay .evr-review-stop{opacity:0 !important}.evr-review-overlay:hover .evr-review-stop{opacity:1 !important}
