#app-exa{font-family:Open Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.3;color:#111827}#app-exa *,#app-exa *:before,#app-exa *:after{box-sizing:border-box;margin:0;padding:0}#app-exa .app-container{display:flex;margin-top:1rem;justify-content:center;flex-direction:column;align-items:center;position:relative}#app-exa .app-logo{max-width:450px;width:35%;min-width:250px;height:auto;margin-bottom:1rem}#app-exa .design-container{position:relative;display:flex;justify-content:center;align-items:center;width:500px;aspect-ratio:1/1;margin:auto}@media (max-width: 640px){#app-exa .design-container{width:300px;height:300px}}#app-exa .background-image{position:absolute;width:500px;height:500px;max-width:500px;max-height:500px}@media (max-width: 640px){#app-exa .background-image{width:350px;height:350px}}#app-exa .circle{position:relative;width:100%;height:100%;border-radius:50%;display:flex;flex-wrap:wrap;transform:rotate(0)}#app-exa .sector{margin-left:135px;border-radius:10px;position:absolute;width:50%;height:50%;transform-origin:40% 100%;clip-path:polygon(10% 3%,80% 3%,75% 100%);display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;cursor:pointer}@media (max-width: 640px){#app-exa .sector{margin-left:95px}}#app-exa .sector:hover{transform:scale(1.05);filter:brightness(1.1)}#app-exa .modal{position:absolute;width:98%;top:5%;background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:1.5rem;padding-top:0;border:1px solid #e5e7eb;transition:all .5s ease;margin-inline:auto}#app-exa .modal.modal-visible{opacity:1;transform:scale(1);visibility:visible}#app-exa .modal.modal-hidden{opacity:0;transform:scale(.75);pointer-events:none}@media (min-width: 1024px){#app-exa .modal{max-width:375px;margin-inline:unset;top:50%;transform:translateY(-50%)}#app-exa .modal.modal-right{right:2%}#app-exa .modal.modal-left{left:2%}#app-exa .modal.modal-visible{transform:translateY(-50%) scale(1)}#app-exa .modal.modal-hidden{transform:translateY(-50%) scale(.75)}}#app-exa .modal .close-button{position:absolute;top:.5rem;right:.25rem;background:none;border:none;cursor:pointer;padding:.25rem}#app-exa .modal .close-button .close-icon{width:1.5rem;height:1.5rem}#app-exa .modal .label-button{clip-path:polygon(0% 0,100% 0,95% 100%,5% 100%);padding:6px 20px}#app-exa .modal .modal-title{font-size:24px;margin-top:.5rem;font-weight:700;text-align:center;line-height:1.1}@media (min-width: 1024px){#app-exa .modal .modal-title{font-size:34px}}#app-exa .modal .flex-spacer{display:flex;justify-content:center}#app-exa .modal .logo-container{display:flex;align-items:center;margin:.75rem 0;max-width:100%;justify-content:center}#app-exa .modal .logo-container>img{max-width:100%;max-height:75px;margin-inline:auto}@media (min-width: 1024px){#app-exa .modal .logo-container{margin:1rem 0}#app-exa .modal .logo-container>img{max-height:90px}}#app-exa .modal .tagline{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem;text-align:center}@media (min-width: 1024px){#app-exa .modal .tagline{font-size:1.125rem}}#app-exa .modal .opening-text{color:#4b5563;text-align:center}#app-exa .center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;background-color:#000;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}#app-exa .center-circle .center-text{color:#fff;font-size:1.5rem;margin:0}#app-exa .center-circle .center-subtext{color:#fff;font-size:1rem}#app-exa .content-card-enter{opacity:0;transform:translate(20px)}#app-exa .content-card-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}#app-exa .content-card-exit{opacity:1}#app-exa .content-card-exit-active{opacity:0;transform:translate(20px);transition:opacity .3s,transform .3s}#app-exa .flex{display:flex}#app-exa .flex-col{flex-direction:column}#app-exa .items-center{align-items:center}#app-exa .justify-center{justify-content:center}#app-exa .relative{position:relative}#app-exa .absolute{position:absolute}#app-exa .mt-2{margin-top:.5rem}#app-exa .mt-4{margin-top:1rem}#app-exa .mb-3{margin-bottom:.75rem}#app-exa .mb-4{margin-bottom:1rem}#app-exa .my-5{margin-top:1.25rem;margin-bottom:1.25rem}#app-exa .p-6{padding:1.5rem}#app-exa .pt-0{padding-top:0}#app-exa .text-center{text-align:center}#app-exa .font-bold{font-weight:700}#app-exa .font-semibold{font-weight:600}#app-exa .transform{transform:translateY(-50%)}#app-exa .bg-white{background-color:#fff}#app-exa .rounded-lg{border-radius:.5rem}#app-exa .border{border:1px solid #e5e7eb}#app-exa .shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}#app-exa .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#app-exa .duration-500{transition-duration:.5s}#app-exa .visible{visibility:visible}#app-exa .opacity-0{opacity:0}#app-exa .opacity-100{opacity:1}#app-exa .pointer-events-none{pointer-events:none}#app-exa .scale-75{transform:scale(.75)}#app-exa .scale-100{transform:scale(1)}