@font-face{font-family:Papyrus;src:local("Papyrus")}@property --grad-angle{inherits:false;initial-value:225deg;syntax:"<angle>"}:root{--ease-smooth:cubic-bezier(0.65, 0, 0.35, 1);--onawa-blue:#3a71cb;--onawa-orange:#df6a01ff;--text-dark:#222;--text-grey:#717171;--border-color:#e0e0e0}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{background-color:#fff;font-family:Papyrus,fantasy;height:300vh;transition:overflow .5s}.form{display:flex;flex-direction:column;gap:32px}body.quiz-active .circle-bg-wrapper{animation:none!important;left:24px!important;top:24px!important;transform:none!important;z-index:60!important}body.quiz-active .circle-bg{animation:none!important;border-radius:3px!important;height:50px!important;width:50px!important;background:linear-gradient(135deg,#fff 0,#7ca2e0 45%)!important;pointer-events:auto!important}body.quiz-active .final-n{animation:none!important;opacity:1!important;transform:translateY(0)!important}.nav-container{position:fixed;width:100%;z-index:50;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .5s ease,visibility .5s ease}body.results-active .nav-container{position:relative!important;background:#fff}body.results-active{overflow:auto!important}body.quiz-active .nav-container{visibility:visible;opacity:1}.nav-default-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.5rem;gap:1rem;box-shadow:none;transition:opacity .3s ease,box-shadow .3s ease}.nav-default-content.scrolled{box-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#fff}body.results-active .nav-default-content.scrolled{box-shadow:none!important}body.step-2-active .nav-default-content{display:none}body.step-2-active .nav-step-2-content{display:flex}.nav-default-content,.nav-step-2-content{pointer-events:auto;background-color:transparent}.nav-step-2-content{background-color:#fff}.nav-step-2-content{display:none;align-items:center;justify-content:space-between;width:100%;padding:1.5rem;position:absolute;top:25px;left:0;height:100%;z-index:55;background-color:#fff;transition:box-shadow .3s ease}#nav-step-1-controls{display:none}.nav-step-2-content.scrolled{box-shadow:0 1px 0 rgba(0,0,0,.2);padding-bottom:30px}.nav-left-controls{display:flex;align-items:center;gap:32px;margin-left:100px;flex-shrink:0}.nav-right-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-right:40px;margin-top:9px}.nav-right-controls .key-hint{font-size:.75rem;color:#999;font-weight:500}.nav-start-over-btn{background:0 0;border:none;color:gray;font-weight:600;font-size:1rem;cursor:pointer;padding:0;margin-right:12px;font-family:Inter,sans-serif}.nav-start-over-btn:hover{color:#333}body.quiz-active .circle-bg{animation:none!important;border-radius:3px!important;height:50px!important;width:50px!important;background:linear-gradient(135deg,#fff 0,#7ca2e0 45%)!important;pointer-events:auto!important}body.quiz-active .final-n{animation:none!important;opacity:1!important;transform:translateY(0)!important}.n-logo-link{text-decoration:none;pointer-events:none}body.quiz-active .n-logo-link{pointer-events:none}.sticky-slots-container{position:relative;top:3.5px;display:none;gap:42px;opacity:0;pointer-events:none;transition:opacity .3s ease;margin-right:auto;margin-left:20px;background:rgba(255,255,255,.9);padding:4px 12px;border-radius:8px;backdrop-filter:blur(4px)}.sticky-slots-container.visible{display:flex;opacity:1;pointer-events:auto}.sticky-slots-container .breed-slot{width:40px;height:40px}.sticky-slots-container .slot-label{max-width:45px;font-size:.75rem;font-weight:600;font-family:Cooper Hewitt}.sticky-slots-container .breed-slot-wrapper{min-width:auto}#checklists-btn{position:fixed;top:24px;right:180px;z-index:49;transition:opacity .3s ease,visibility .3s;border:none;color:var(--onawa-blue);font-weight:700;font-size:1rem;font-family:Inter,sans-serif;text-decoration:none;cursor:pointer;background-color:#fff;transition:background-color .2s ease-in;padding:15px;border-radius:100px;display:flex;align-items:center}#checklists-btn:hover{background:#ebf3ff}#find-breed-btn{position:fixed;top:24px;right:24px;z-index:49;transition:opacity .3s ease,visibility .3s;border:none;color:var(--onawa-blue);font-weight:700;font-size:1rem;font-family:Inter,sans-serif;cursor:pointer;background-color:#fff;transition:background-color .2s ease-in;padding:15px;border-radius:100px}#find-breed-btn:hover{background:#ebf3ff}body.quiz-active #checklists-btn,body.quiz-active #find-breed-btn{opacity:0;pointer-events:none;visibility:hidden}#exit-quiz-btn{visibility:hidden;transition:opacity .3s ease,visibility .3s;border:none;color:#3a71cb;font-weight:700;cursor:pointer;background-color:#fff;padding:11px;border-radius:100px;display:flex;align-items:center;margin-left:64px;font-size:1rem}body.quiz-active #exit-quiz-btn{opacity:1;pointer-events:auto;visibility:visible}.band-col{display:flex;filter:blur(10px);flex-direction:column-reverse;opacity:0;transform:translateY(40px) scale(.9);transform-origin:bottom;transition:opacity .5s ease-out,filter .5s ease-out,transform 10ms .5s;width:100%;will-change:transform,opacity,filter}.band-col.spread{justify-content:space-between}.band-col.stacked{gap:14px;justify-content:flex-start}.bands-container{align-items:end;bottom:50px;display:grid;gap:2%;grid-template-columns:repeat(6,1fr);left:0;padding:0 4%;pointer-events:none;position:fixed;width:100%;z-index:2;transition:filter 1s ease}.bands-container.blurred-lines{filter:blur(5px)!important}.bands-container.visible .band-col{filter:blur(0px);opacity:1;transform:translateY(0) scale(1);transition:transform .2s cubic-bezier(.25, 1, .5, 1),opacity .8s ease-out,filter .8s ease-out;transition-delay:calc(var(--i) * 0.1s)}.bands-container.visible .line{transform:translateY(0);transition:transform var(--s, 0s) cubic-bezier(.05, .7, .1, 1) var(--d, 0s)}.char{animation:rotate-char linear both;animation-timeline:scroll();animation-timing-function:var(--ease-smooth);color:#fff;display:inline-block;font-size:25vmin;line-height:1;will-change:transform}.char-shader-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;animation:rotate-char linear both;animation-timeline:scroll();animation-timing-function:var(--ease-smooth);will-change:transform}.char-box{animation-timing-function:var(--ease-smooth)!important;display:inline-block;will-change:transform,opacity;position:relative}.char-box:first-child{animation:fade-spread-1 ease-out both;animation-timeline:scroll()}.char-box:nth-child(2){animation:fade-spread-2 ease-out both;animation-timeline:scroll()}.char-box:nth-child(3){animation:fade-spread-3 ease-out both;animation-timeline:scroll()}.char-box:nth-child(4){animation:fade-spread-4 ease-out both;animation-timeline:scroll()}.char-box:nth-child(5){animation:fade-spread-5 ease-out both;animation-timeline:scroll()}.circle-bg{align-items:center;animation:morph-bg linear both;animation-timeline:scroll();animation-timing-function:var(--ease-smooth);background:linear-gradient(155deg,#fff 0,#7ca2e0 45%);border-radius:50%;display:flex;height:125vmin;isolation:isolate;justify-content:center;position:relative;width:125vmin}.circle-bg::after{content:"";height:100%;inset:0;mix-blend-mode:multiply;opacity:.15;pointer-events:none;position:absolute;width:100%;z-index:1}.circle-bg-wrapper{animation:morph-bg-wrapper linear both;animation-timeline:scroll();animation-timing-function:var(--ease-smooth);left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1;opacity:1;transition:opacity 1s ease}body.results-active .circle-bg-wrapper{position:absolute!important;top:24px!important;left:24px!important;transform:none!important}.contact-link{color:#fff;text-decoration:none}.content-wrapper{left:50%;pointer-events:none;position:fixed;text-align:center;top:30%;transform:translate(-50%,-50%);min-width:300px;z-index:4}.final-n{padding-top:15px;animation-duration:1ms;animation-fill-mode:both;animation-name:pop-up-n;animation-timeline:scroll();animation-timing-function:linear;color:#fff;font-size:58px;line-height:1;opacity:0;padding-bottom:9px;padding-left:2px;position:relative;transform:translateY(150%);z-index:100}.footer{animation:fade-in-footer linear both;animation-timeline:scroll();animation-timing-function:var(--ease-smooth);will-change:opacity;-webkit-backface-visibility:hidden;background-color:#5d8cda;bottom:0;color:#fff;display:flex;flex-direction:row;font-family:Inter,sans-serif;font-size:12px;font-weight:700;justify-content:space-between;padding:12px 24px;position:fixed;text-transform:uppercase;width:100%;z-index:6;transition:opacity .5s ease,visibility .5s ease}body.quiz-active,html.quiz-active{height:100vh!important;overflow:hidden!important;position:fixed;width:100%}body.quiz-active.results-active,html.quiz-active.results-active{height:auto!important;overflow:auto!important;position:relative!important}body.quiz-active .footer{opacity:0!important;display:none!important;pointer-events:none!important}.input-container{align-items:center;display:flex;flex-direction:row;left:52%;max-width:500px;pointer-events:none;position:fixed;top:46%;transform:translate(-50%,-50%);width:90%;z-index:3}.input-frame{--mid-w:400px;--final-w:385px;animation:morph-frame linear both;animation-timeline:scroll();border:1px solid #7ca2e0;opacity:1;pointer-events:none;position:fixed;z-index:10;border-radius:0;height:150vmin;width:150vmin;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-60deg)}.input-wrapper{pointer-events:auto;position:relative;width:79%}.line{background-color:#7ca2e0;height:2px;transform:translateY(80px);transition:transform 10ms .5s;width:100%;will-change:transform}.main-text{align-items:center;display:flex;flex-direction:column;gap:24px;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2}.chars-wrapper{display:flex;align-items:baseline;gap:-1vmin}#waitlist-btn{pointer-events:auto;background-color:#fff;color:var(--onawa-blue);border:none;padding:15px;border-radius:100px;font-family:Inter,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;animation:fade-out-btn linear both;animation-timeline:scroll();animation-range:0vh 20vh}@keyframes fade-out-btn{to{opacity:0;pointer-events:none}}.submit-btn{animation:fade-in-input linear both;animation-timeline:scroll();background:#5d8cda;border:none;border-radius:100px;color:#fff;cursor:pointer;font-family:Lora,"Bodoni MT","Times New Roman",serif;font-size:19px;margin-bottom:4px;opacity:0;padding:14px 18px;pointer-events:auto;transition:background .3s ease}.submit-btn:hover{background:#6b91cf}.subtitle{animation:fade-slide-in-subtitle linear both;animation-timeline:scroll();color:#666;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;font-weight:400;opacity:0;transform:translateY(-10px);will-change:transform,opacity}.text-input{animation:fade-in-input linear both;animation-timeline:scroll();background:#fff;border:none;border-radius:8px;color:#333;font-family:Lora,"Bodoni MT","Times New Roman",serif;font-size:18px;opacity:0;outline:0;padding:16px 20px;position:relative;width:100%;z-index:2}.text-input::placeholder{color:#999}.title{animation:fade-slide-in-title linear both;animation-timeline:scroll();color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:2rem;font-weight:600;margin-bottom:7px;opacity:0;will-change:transform,opacity,filter}.landing-elements{transition:opacity .4s ease}.landing-elements.hidden{opacity:0;pointer-events:none}#quiz-view{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .4s ease .2s;padding-top:80px;background-color:#fff}#quiz-view.active{visibility:visible;opacity:1;pointer-events:auto}body.results-active #quiz-view{position:relative!important;height:auto!important;overflow:visible!important;padding-top:0}#quiz-intro{display:flex;flex-direction:row;width:100%;height:100%;max-width:1400px;margin:0 auto;padding:0 4%;margin-right:3rem}#quiz-step-1{display:none;flex-direction:column;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:0 4%;overflow-y:auto;font-family:Inter,sans-serif}#quiz-step-1.active-step{display:flex}#quiz-step-2{display:none;flex-direction:column;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:0 4%;overflow-y:auto;font-family:Inter,sans-serif}#quiz-step-2.active-step{display:flex}#quiz-step-3{display:none;flex-direction:column;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:0 4%;overflow-y:auto;font-family:Inter,sans-serif}#quiz-step-3.active-step{display:flex}#quiz-step-4{display:none;flex-direction:column;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:0 4%;overflow-y:auto;font-family:Inter,sans-serif;padding-left:24px;padding-right:24px}#quiz-step-4.active-step{display:flex}.quiz-header-step2{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;width:100%;padding-top:1rem}.header-left{display:flex;align-items:center;gap:24px;padding-top:10px}.start-over-btn{background:0 0;border:none;color:#666;font-weight:600;font-size:1rem;cursor:pointer;padding:0;font-family:Inter,sans-serif}.start-over-btn:hover{color:#333}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.continue-btn.solid-blue{background-color:var(--onawa-blue);color:#fff;padding:12px 36px}.continue-btn.solid-blue:hover{background-color:#2a5cb0}#nav-step-2-continue{transition:opacity .3s ease,background-color .3s ease}.key-hint{font-size:.8rem;color:#888;font-weight:500}.quiz-progress-container{width:100%;max-width:800px;height:8px;min-height:8px;margin-top:32px!important;flex-shrink:0;background-color:#eee;border-radius:10px;margin:0 auto 20px auto;position:relative}.quiz-progress-fill{height:100%;background-color:var(--onawa-blue);border-radius:10px;transition:width .3s ease}.living-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:0!important;padding-bottom:40px}.living-card{margin-bottom:20px;border-radius:28px;cursor:pointer;transition:all .1s ease;background:#fff;border:1px solid #fff;padding:18px}.living-card:hover{background-color:#f8f8f8;padding:18px;border:1px solid #bdbdbd}.living-card.selected{border-color:#bdbdbd;background-color:#f8f8f8;padding:18px}.living-card-img{border-radius:0;width:100%;aspect-ratio:4/3;overflow:hidden;margin-bottom:16px;position:relative}.living-card-img img{width:100%;height:100%;object-fit:cover}.living-card-title{font-size:1.25rem;font-weight:700;color:#222;margin-bottom:8px}.living-card-desc{font-size:.95rem;color:var(--text-grey);line-height:1.4}.step-center-text{text-align:center;margin:0 auto;max-width:600px;padding-top:24px}.step-left-text{text-align:left;padding-top:24px}.quiz-header{display:flex;justify-content:space-between;align-items:center;width:100%}.back-link{color:var(--onawa-blue);text-decoration:none;font-weight:600;font-family:sans-serif;display:inline-flex;align-items:center;font-size:1rem;cursor:pointer}.back-link svg{min-width:20px;margin-right:4px}#back-to-intro{visibility:hidden}.continue-btn{width:inherit;justify-content:center;background-color:#d1e3ff;color:#3a71cb;border:none;border-radius:48px;padding:12px 32px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:ease-in .15s}.continue-btn:hover{background-color:#4a75be;color:#fff;transition:ease-in .15s}.enter-hint{color:#3a71cb;font-size:.85rem;margin-left:8px;transition:ease-in .15s}.continue-btn:hover .enter-hint{color:#fff;transition:ease-in .15s}#nav-step-2-continue:disabled,.continue-btn:disabled,.step-1-continue-wrapper .continue-btn:disabled{background-color:#e0e0e0!important;color:#888!important;cursor:not-allowed;pointer-events:none;opacity:1;box-shadow:none}.quiz-h2{font-size:2.25rem;font-weight:700;color:#222;margin-bottom:.5rem}.quiz-sub{font-size:1.1rem;color:var(--text-grey);margin-bottom:2rem}.selection-row{display:flex;justify-content:end;align-items:center;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.slots-container{display:flex;gap:1rem;flex-wrap:wrap}.breed-slot{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.breed-slot.empty{border:2px dashed #ccc;background-color:#f9f9f9;font-size:.8rem;color:#999;text-align:center;line-height:1}.breed-slot.empty::after{content:""}.breed-slot.filled{border:none;position:relative;overflow:visible}.breed-slot.filled img{width:100%;height:100%;object-fit:cover;border-radius:8px}.slot-label{max-width:130px;color:#444;font-weight:600;font-family:Cooper Hewitt}.breed-slot-wrapper{display:flex;align-items:center;gap:12px;width:fit-content;max-width:270px;position:relative}.search-box{display:flex;align-items:center;border:1px solid #d3d3d3;border-radius:48px;padding:10px 20px;padding-left:12px;width:230px;color:var(--text-grey);margin-top:9px;margin-bottom:9px}.search-box svg{color:#d3d3d3;margin-right:6px}.search-box input{border:none;outline:0;font-size:1rem;color:#333;width:100%;font-weight:600;font-family:Cooper Hewitt}.breed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding-bottom:80px}.breed-card{background-color:transparent;border-radius:0;overflow:visible;position:relative;cursor:pointer;transition:transform .2s;border:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;gap:8px}.breed-card-inner{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative;border:4px solid transparent;transition:border-color .2s,transform .1s,box-shadow .2s}.breed-card:hover{z-index:10}.breed-card.selected .breed-card-inner{border-color:#fff;transform:scale(.95);box-shadow:0 0 0 4px var(--onawa-orange)}.breed-card-name{font-size:.9rem;font-weight:600;color:#333;text-align:center;line-height:1.2}.breed-card img{border-radius:6px;width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}.card-tag{position:absolute;bottom:12px;right:12px;width:28px;height:28px;background:#fff;border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.1);z-index:20;transition:transform .2s;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-instagram-icon{position:absolute;bottom:8px;right:8px;width:28px;height:28px;z-index:20;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.5));transition:transform .2s}.card-instagram-icon:hover{transform:scale(1.1)}.card-tag img{width:100%;height:100%;object-fit:cover;display:block}.card-tag:hover{transform:scale(1.1)}.remove-x{position:absolute;top:-12px;right:-6px;color:#fff;background:#fff;box-shadow:0 0 2px rgb(0 0 0 / 20%);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:transform .2s}.remove-x:hover{transform:scale(1.1)}.quiz-footer-bar{display:none!important;position:fixed;bottom:0;left:0;width:100%;background-color:#5d8cda;color:#fff;padding:12px 24px;justify-content:space-between;font-family:Inter,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;z-index:20}.quiz-text-col{flex:1;display:flex;flex-direction:column;justify-content:center;padding-right:16px;padding-left:6rem;padding-bottom:10rem}.quiz-title{font-family:Inter,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.7rem}.quiz-desc{font-family:"Cooper Hewitt";font-size:1rem;line-height:120%;color:var(--text-grey);max-width:340px;margin-bottom:3rem}.quiz-btn{background-color:var(--onawa-blue);color:#fff;border:none;border-radius:48px;padding:12px 32px;margin-right:.5rem;font-family:Inter,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;width:fit-content;display:inline-flex;align-items:center;gap:12px;transition:background-color .3s}.quiz-btn:hover{background-color:#4a75be}.quiz-time{font-size:1rem;font-weight:400;color:var(--text-grey)}.quiz-img-col{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.carousel-wrapper{position:relative;width:33rem;height:140vh;transform:rotate(15deg);display:flex;justify-content:center}.carousel-strip{display:flex;flex-direction:column;gap:2rem;will-change:transform}body.quiz-active .carousel-strip{animation:tape-reel 1.8s cubic-bezier(.07,.63,.17,1.06) forwards}.carousel-image{width:33rem;height:33rem;flex-shrink:0;position:relative;object-fit:cover;display:block}@keyframes tape-reel{0%{transform:translateY(0)}100%{transform:translateY(calc(-28% - .5rem))}}@keyframes fade-in-footer{0%,60%{opacity:0}100%,80%{opacity:1}}@keyframes fade-in-input{0%,90%{opacity:0}100%{opacity:1}}@keyframes fade-slide-in-subtitle{0%,70%{filter:blur(12px);opacity:0;transform:translateY(-10px) scale(1.15)}100%,90%{filter:blur(0px);opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-slide-in-title{0%,60%{filter:blur(12px);opacity:0;transform:translateY(-10px) scale(1.15)}100%,85%{filter:blur(0px);opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-spread-1{0%,20%{filter:blur(0px);transform:translateX(0);opacity:1}35%{filter:blur(24px)}100%{filter:blur(24px);transform:translateX(-15vmin);opacity:0}}@keyframes fade-spread-2{0%,15%{filter:blur(0px);transform:translateX(0);opacity:1}30%{filter:blur(24px)}100%,95%{filter:blur(24px);transform:translateX(-8vmin);opacity:0}}@keyframes fade-spread-3{0%,10%{filter:blur(0px);transform:translateX(0);opacity:1}25%{filter:blur(24px)}100%,90%{filter:blur(24px);transform:translateX(0);opacity:0}}@keyframes fade-spread-4{0%,5%{filter:blur(0px);transform:translateX(0);opacity:1}20%{filter:blur(24px)}100%,85%{filter:blur(24px);transform:translateX(8vmin);opacity:0}}@keyframes fade-spread-5{0%{filter:blur(0px);transform:translateX(0);opacity:1}15%{filter:blur(24px)}100%,80%{filter:blur(24px);transform:translateX(15vmin);opacity:0}}@keyframes morph-bg{0%{--grad-angle:225deg;border-radius:50%;height:125vmin;width:125vmin}55%{border-radius:50%}100%{--grad-angle:135deg;border-radius:10px;height:50px;width:50px}}@keyframes morph-bg-wrapper{0%{left:50%;top:50%;transform:translate(-50%,-50%)}100%{left:24px;top:24px;transform:translate(0,0)}}@keyframes morph-frame{0%{border-radius:0;height:150vmin;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-60deg);width:150vmin}25%{border-radius:0;height:125vmin;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg);width:125vmin}35%{transform:translate(-50%,-50%) rotate(0)}75%{border-radius:0;height:80px;transform:translate(-25%,-25%) rotate(0);width:var(--mid-w)}85%{border-radius:0}100%{border-radius:64px;height:53px;left:0;top:0;transform:translate(0,0) rotate(0);width:var(--final-w)}}@keyframes pop-up-n{0%,65%{opacity:0;transform:translateY(100%)}90%{opacity:0}100%{opacity:1;transform:translateY(0)}}@keyframes rotate-char{0%,10%{transform:rotate(0)}100%,70%{transform:rotate(-10deg)}}@media (max-width:900px){.quiz-container{flex-direction:column}.quiz-img-col{position:absolute;opacity:.3;z-index:-1;right:10vh;height:100%}.carousel-wrapper{width:20rem}.carousel-image{width:20rem;height:20rem}.quiz-title{font-size:2rem}.breed-grid,.results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){body.step-2-active .circle-bg-wrapper{left:50%!important;transform:translateX(-50%)!important}.quiz-title-mobile-background{padding:1rem;border-radius:1rem;background-color:#fff;opacity:95%;backdrop-filter:blur(350px)}.input-frame{--mid-w:270px;--final-w:250px}.quiz-text-col{padding-left:16px}.quiz-btn{margin-right:0}.quiz-title-mobile-background{padding-top:28px;padding-left:34px;padding-right:34px}.quiz-desc{margin-bottom:24px}.mobile-title-container{display:flex;flex-direction:column;align-items:center;gap:9px}.input-wrapper{width:76%!important}.submit-btn{margin-bottom:0!important}.quiz-img-col{right:10vh;top:44vh}.carousel-image{width:100vw;height:100vw}.back-link{margin-left:8px}.selection-row{flex-direction:column;align-items:flex-start;gap:24px}.search-box{width:100%}.results-grid{grid-template-columns:1fr}.nav-default-content{flex-wrap:wrap;padding:1rem;gap:.5rem;padding-top:24px}.sticky-slots-container.visible{width:100%;margin-left:0;margin-top:8px;justify-content:space-around;order:3;gap:0;padding-left:0;padding-right:0}.sticky-slots-container .breed-slot-wrapper{gap:8px}.sticky-slots-container.visible .breed-slot-wrapper{margin-right:12px}#exit-quiz-btn{margin-left:auto;order:2}.nav-step-2-content{padding:1rem;height:auto;padding-top:14px}.nav-left-controls{margin-left:0;width:100%;justify-content:space-between}.nav-right-controls{margin-right:0;margin-top:0;position:fixed;bottom:0;left:0;width:100%;padding:16px;background:#fff;border-top:1px solid #eee;z-index:60;flex-direction:row;justify-content:center}#nav-step-2-continue{width:100%;justify-content:center}.living-options-grid{grid-template-columns:1fr;gap:1rem}.living-card-img{aspect-ratio:4/3}#quiz-step-1,#quiz-step-2,#quiz-step-3,#quiz-step-4{padding-bottom:100px}.quiz-progress-container{margin-top:16px!important;z-index:10;position:relative}.details-view[style*="display: grid"]{grid-template-columns:1fr!important;gap:2rem}.details-left-col .living-card{max-width:100%}.details-left-col .living-card-img{aspect-ratio:4/3}.step-1-continue-wrapper{position:fixed;bottom:0;left:0;width:100%;padding:16px;background:#fff;border-top:1px solid #eee;z-index:60;display:flex;justify-content:center}.step-1-continue-wrapper .continue-btn{width:100%;justify-content:center;margin:0}.quiz-footer-bar,body.quiz-active .footer{display:none!important}}.details-view{display:none;grid-template-columns:1fr 1fr;gap:40px;margin-top:2rem;max-width:900px;margin-left:auto;margin-right:auto;opacity:0;transform:translateX(20px);transition:opacity .4s ease,transform .4s ease}.details-view.visible{opacity:1;transform:translateX(0)}.details-view[style*="display: grid"]{display:grid!important}.details-left-col{display:flex;flex-direction:column;align-items:center}.details-left-col .living-card{width:100%;max-width:350px;cursor:default;pointer-events:none;border-color:#bdbdbd;background-color:#f8f8f8}.details-link-section{margin-top:1rem;width:100%;max-width:350px;text-align:left;padding:8px;padding-top:0;padding-bottom:0}.details-link-title{font-weight:600;margin-bottom:.5rem;color:#666;font-size:.9rem}.details-link-item{display:block;color:var(--onawa-blue);text-decoration:underline;font-size:.95rem;line-height:1.4}.details-right-col{display:flex;flex-direction:column;gap:24px;text-align:left;padding-left:8px;padding-right:8px;margin-bottom:40px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:600;color:#222;font-size:1rem}.form-input-text{padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;width:100%;font-family:inherit}.form-select{padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;width:100%;font-family:inherit;background-color:#fff}.form-textarea{padding:10px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;width:100%;font-family:inherit;resize:vertical}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;gap:10px;cursor:pointer}.radio-option input[type=radio]{width:20px;height:20px;accent-color:var(--onawa-blue)}.radio-label{color:#444}.budget-container{width:100%;max-width:800px;margin:40px auto;display:flex;flex-direction:column;gap:60px;text-align:left}.budget-slider-row{display:flex;flex-direction:column;gap:16px}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-label{font-size:1.1rem;font-weight:700;color:#222}.slider-value{background-color:#f3f3f3;color:#333;padding:8px 16px;border-radius:8px;font-weight:600;min-width:100px;max-width:100px;text-align:center;border:none;font-size:1rem;font-family:inherit;outline:0}.slider-value:focus{background-color:#e6e6e6;box-shadow:0 0 0 2px var(--onawa-blue)}.slider-wrapper{position:relative;width:100%}.onawa-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;background:#e0e0e0;outline:0;transition:opacity .2s;cursor:pointer}.onawa-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--onawa-blue);cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,.25);margin-top:-8px}.onawa-slider::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:#e0e0e0;border-radius:4px}.onawa-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--onawa-blue);cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,.25)}.slider-ticks{display:flex;justify-content:space-between;margin-top:8px;color:#717171;font-size:.9rem}.budget-link-section{margin-top:10px}#quiz-step-5{display:none;width:100%;height:100%;position:relative;flex-direction:column;align-items:center;justify-content:center}#quiz-step-5.active-step{display:flex}.blurred-results-preview{width:100%;max-width:1200px;margin:0 auto;text-align:left;padding-top:100px;opacity:.5;pointer-events:none;user-select:none}.email-capture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.email-capture-card{background:#fff;padding:40px;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.1);text-align:center;max-width:500px;width:90%}.email-capture-title{font-size:1.8rem;font-weight:700;font-family:sans-serif;color:#222;margin-bottom:8px}.email-capture-desc{color:#666;margin-bottom:24px;font-family:sans-serif}.email-capture-input-row{display:flex;gap:10px}.email-capture-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;outline:0}.email-capture-btn{background-color:#5d8cda;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;cursor:pointer;transition:background-color .2s}.email-capture-btn:hover{background-color:#4a75be}#quiz-results{display:none;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:40px 4%;padding-bottom:100px;overflow-y:auto;font-family:sans-serif}#quiz-results.active-step{display:flex;height:100%;overflow-y:auto}.results-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.results-h1{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:8px}.results-sub{color:#666;font-size:1.1rem}.results-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.edit-prefs-btn{display:flex;align-items:center;gap:8px;background-color:#d1e3ff;color:#3a71cb;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;padding-top:11px}.tell-us-link{color:#3a71cb;font-weight:600;text-decoration:none;font-size:.9rem}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px;align-items:stretch}.result-card{padding-top:24px;background:#fff;border-radius:16px;overflow:hidden;position:relative;border:1px solid #f0f0f0;height:100%;display:flex;flex-direction:column}.match-badge{position:absolute;top:16px;left:16px;padding:6px 12px;border-radius:9px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:4px;z-index:10}.result-img{width:100%}.result-img img{aspect-ratio:16/9;width:100%;height:100%;object-fit:cover}.result-content{padding:24px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.result-name{min-height:fit-content;font-size:1.5rem;font-weight:700;color:#222;margin-bottom:16px!important;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;flex:1;padding-right:8px}.match-reasons{background:#f8faff;border-radius:8px;padding:16px;margin-bottom:20px;min-height:7rem}.match-reason-title{font-size:.7rem;font-weight:700;color:#5d8cda;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.match-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#444;margin-bottom:4px}.stat-bars{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:.85rem;color:#666;width:80px}.stat-track{flex:1;height:6px;background:#eee;border-radius:3px;overflow:hidden}.stat-fill{height:100%;background-color:#5d8cda;border-radius:3px}.other-breeds-section{margin-top:40px}.other-breeds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}.other-breed-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #eee}.other-breed-card img{width:100%;height:140px;object-fit:cover}.other-content{padding:16px}.other-content h4{margin:0;font-size:1rem;color:#222}.mini-badge{background:#eee;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;color:#2f4f4f}.other-content p{font-size:.85rem;color:#666;margin:8px 0 12px 0;line-height:1.3}.other-content a{font-size:.85rem;color:#5d8cda;font-weight:600;text-decoration:none}@keyframes skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-loader{background:#f3f4f6;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-pulse 1.4s ease infinite;border-radius:4px;display:block}.skeleton-text{height:14px;width:100%;margin-bottom:8px;border-radius:4px}.skeleton-text-short{height:14px;width:70%;border-radius:4px}.skeleton-badge{height:20px;width:80px;border-radius:12px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:10% auto;padding:24px;border:1px solid #888;width:90%;font-family:sans-serif;max-width:500px;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.2);position:relative;animation:slide-up .3s ease-out}@keyframes slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close-modal:focus,.close-modal:hover{color:#000;text-decoration:none;cursor:pointer}.pref-section{margin-top:16px;margin-bottom:16px}.pref-section h3{font-size:1rem;font-weight:600;margin-bottom:10px;color:#333}.segmented-control{display:flex;background:#f0f0f0;border-radius:8px;padding:4px;gap:4px}.segmented-control label{flex:1;text-align:center;cursor:pointer;position:relative;z-index:1}.segmented-control input{display:none}.segmented-control span{display:block;padding:8px 12px;border-radius:6px;font-size:.9rem;color:#666;transition:all .2s}.segmented-control input:checked+span{background:#fff;color:var(--onawa-blue);box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:600}.range-inputs{display:flex;align-items:center;gap:10px}.chat-content{display:flex;flex-direction:column;height:600px;max-height:80vh;padding:0;overflow:hidden}.chat-header{padding:16px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f9f9f9}.chat-header h2{font-size:1.2rem;margin:0}.chat-body{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#fff}.message-text{line-height:1.1rem}.chat-message{max-width:80%;padding:10px 14px;border-radius:12px;font-size:1rem;line-height:1;font-family:serif}.chat-message.bot{align-self:flex-start;background:#f0f4ff;color:#000;border-bottom-left-radius:2px}.chat-message.user{align-self:flex-end;background:var(--onawa-blue);color:#fff;border-bottom-right-radius:2px}.chat-footer{padding:16px;border-top:1px solid #eee;display:flex;gap:10px;background:#fff}#chat-input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:24px;outline:0;font-family:inherit;font-size:16px}#chat-input:focus{border-color:var(--onawa-blue)}#send-chat-btn{background:var(--onawa-blue);color:#fff;border:none;border-radius:24px;padding:0 20px;font-weight:600;cursor:pointer;transition:background .2s}#send-chat-btn:hover{background:#2a5cb0}.chat-widget-container{position:fixed;bottom:0;right:0;width:0;height:0;z-index:1000;font-family:sans-serif;pointer-events:none}.chat-widget-container.open .chat-content{display:flex;animation:pop-in .15s cubic-bezier(0,.88,.32,1.37);pointer-events:auto}.chat-widget-container.open #chat-icon-open{display:none}.chat-widget-container.open #chat-icon-close{display:block!important}.chat-widget-container.minimized .chat-content{display:none}.chat-content{display:none;position:fixed;bottom:90px;right:20px;width:370px;height:65vh;max-height:600px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.2);border-radius:16px;flex-direction:column;transform-origin:bottom right;z-index:1002}.chat-toggle-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;overflow:hidden;cursor:pointer;transition:transform .2s,opacity .3s ease;z-index:1002;background:#fff;border:1px solid #f0f0f0;display:none;align-items:center;justify-content:center;color:var(--onawa-blue);pointer-events:auto}.chat-widget-container.minimized .chat-toggle-btn,.chat-widget-container.open .chat-toggle-btn{display:flex;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}.chat-toggle-btn:hover{transform:scale(1.05)}.close-chat-btn{cursor:pointer;color:#666;transition:color .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.close-chat-btn:hover{background-color:#f0f0f0;color:#333}@keyframes pop-in{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pop-twist{0%{transform:scale(.5) rotate(-45deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}.chat-toggle-btn i{display:block}.chat-widget-container:not(.open) #chat-icon-open{animation:pop-twist .4s cubic-bezier(.175,.885,.32,1.275)}.chat-widget-container.open #chat-icon-close{animation:fadeIn .2s ease-out}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#f0f4ff;border-radius:12px;border-bottom-left-radius:2px;width:fit-content;margin-bottom:8px;align-self:flex-start}.typing-dot{width:6px;height:6px;background:#888;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.results-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;border-radius:16px;gap:16px;color:var(--onawa-blue);font-weight:600}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--onawa-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.results-grid{position:relative;transition:filter .3s ease}@media (max-width:900px){.results-grid{grid-template-columns:repeat(2,1fr)!important}.other-breeds-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:600px){.chat-content{width:90vw}.results-grid{grid-template-columns:1fr!important}.other-breeds-grid{grid-template-columns:repeat(2,1fr)!important}.results-header{flex-direction:column;align-items:flex-start}.results-actions{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.tell-us-link{margin-top:4px}}.weather-question-container{display:flex;flex-direction:column;gap:12px;width:100%}.weather-heading{font-size:1rem;font-weight:600;color:#222}.weather-options-grid{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.weather-card{width:90px;height:120px;border:1px solid #e0e0e0;border-radius:12px;background:#fff;padding:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.weather-card-content{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%}.weather-label{font-size:1.1rem;font-weight:500;color:#333;text-align:center}.card-visual{width:100%;flex:1;pointer-events:none;display:flex;align-items:center;justify-content:center;background-color:transparent}.weather-emoji{font-size:3rem;line-height:1;transition:transform .3s cubic-bezier(.175, .885, .32, 1.275)}.weather-card:hover .weather-emoji{transform:scale(1.25)}.weather-card.selected{border-color:var(--onawa-blue);background-color:#f8faff;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.checkbox-group{display:flex;flex-direction:column;gap:8px;margin-top:8px}.checkbox-option{display:flex;align-items:center;padding:4px;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.checkbox-option:hover{background-color:#f5f5f5}.checkbox-label{margin-left:8px;font-size:1rem;color:#333}.instagram-overlay{display:inline-block;margin-bottom:5px;cursor:pointer;color:#999;font-family:'Cooper Hewitt',sans-serif;font-size:1rem;font-weight:600;font-variant:small-caps;text-decoration:underline;transition:transform .2s ease,color .2s ease}.instagram-overlay .insta-at{font-size:8px;vertical-align:baseline;margin-right:1px}.instagram-overlay:hover{color:#666}@property --c-0-0{syntax:"<number>";initial-value:1;inherits:false}@property --c-0-1{syntax:"<number>";initial-value:1;inherits:false}@property --c-0-2{syntax:"<number>";initial-value:1;inherits:false}@property --c-0-3{syntax:"<number>";initial-value:1;inherits:false}@property --c-0-4{syntax:"<number>";initial-value:1;inherits:false}@property --c-1-0{syntax:"<number>";initial-value:1;inherits:false}@property --c-1-1{syntax:"<number>";initial-value:1;inherits:false}@property --c-1-2{syntax:"<number>";initial-value:1;inherits:false}@property --c-1-3{syntax:"<number>";initial-value:1;inherits:false}@property --c-1-4{syntax:"<number>";initial-value:1;inherits:false}@property --c-2-0{syntax:"<number>";initial-value:1;inherits:false}@property --c-2-1{syntax:"<number>";initial-value:1;inherits:false}@property --c-2-2{syntax:"<number>";initial-value:1;inherits:false}@property --c-2-3{syntax:"<number>";initial-value:1;inherits:false}@property --c-2-4{syntax:"<number>";initial-value:1;inherits:false}@property --c-3-0{syntax:"<number>";initial-value:1;inherits:false}@property --c-3-1{syntax:"<number>";initial-value:1;inherits:false}@property --c-3-2{syntax:"<number>";initial-value:1;inherits:false}@property --c-3-3{syntax:"<number>";initial-value:1;inherits:false}@property --c-3-4{syntax:"<number>";initial-value:1;inherits:false}@property --c-4-0{syntax:"<number>";initial-value:1;inherits:false}@property --c-4-1{syntax:"<number>";initial-value:1;inherits:false}@property --c-4-2{syntax:"<number>";initial-value:1;inherits:false}@property --c-4-3{syntax:"<number>";initial-value:1;inherits:false}@property --c-4-4{syntax:"<number>";initial-value:1;inherits:false}.breed-card.has-illustration{position:relative;z-index:1}.breed-card.has-illustration .breed-card-inner{position:relative}.breed-card.has-illustration .breed-card-inner img{position:relative;z-index:2;transition:--c-0-0 .4s 40ms,--c-0-1 .48s .38s,--c-0-2 .32s .37s,--c-0-3 .22s .38s,--c-0-4 .22s .21s,--c-1-0 .2s .24s,--c-1-1 .36s 60ms,--c-1-2 .22s .26s,--c-1-3 .47s .1s,--c-1-4 .27s .36s,--c-2-0 .42s .15s,--c-2-1 .48s .39s,--c-2-2 .32s .36s,--c-2-3 .38s .35s,--c-2-4 .48s .31s,--c-3-0 .44s .12s,--c-3-1 .42s .14s,--c-3-2 .32s 90ms,--c-3-3 .47s 70ms,--c-3-4 .31s .39s,--c-4-0 .44s 90ms,--c-4-1 .38s .16s,--c-4-2 .29s .32s,--c-4-3 .4s 50ms,--c-4-4 .5s .3s}.breed-card.has-illustration:hover .breed-card-inner img{--c-0-0:0;--c-0-1:0;--c-0-2:0;--c-0-3:0;--c-0-4:0;--c-1-0:0;--c-1-1:0;--c-1-2:0;--c-1-3:0;--c-1-4:0;--c-2-0:0;--c-2-1:0;--c-2-2:0;--c-2-3:0;--c-2-4:0;--c-3-0:0;--c-3-1:0;--c-3-2:0;--c-3-3:0;--c-3-4:0;--c-4-0:0;--c-4-1:0;--c-4-2:0;--c-4-3:0;--c-4-4:0;-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,var(--c-0-0)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-0-1)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-0-2)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-0-3)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-0-4)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-1-0)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-1-1)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-1-2)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-1-3)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-1-4)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-2-0)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-2-1)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-2-2)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-2-3)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-2-4)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-3-0)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-3-1)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-3-2)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-3-3)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-3-4)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-4-0)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-4-1)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-4-2)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-4-3)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-4-4)) 20%,transparent 70%);-webkit-mask-size:calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2);-webkit-mask-position:calc(0 * 100% / (5 - 1)) calc(0 * 100% / (5 - 1)),calc(0 * 100% / (5 - 1)) calc(1 * 100% / (5 - 1)),calc(0 * 100% / (5 - 1)) calc(2 * 100% / (5 - 1)),calc(0 * 100% / (5 - 1)) calc(3 * 100% / (5 - 1)),calc(0 * 100% / (5 - 1)) calc(4 * 100% / (5 - 1)),calc(1 * 100% / (5 - 1)) calc(0 * 100% / (5 - 1)),calc(1 * 100% / (5 - 1)) calc(1 * 100% / (5 - 1)),calc(1 * 100% / (5 - 1)) calc(2 * 100% / (5 - 1)),calc(1 * 100% / (5 - 1)) calc(3 * 100% / (5 - 1)),calc(1 * 100% / (5 - 1)) calc(4 * 100% / (5 - 1)),calc(2 * 100% / (5 - 1)) calc(0 * 100% / (5 - 1)),calc(2 * 100% / (5 - 1)) calc(1 * 100% / (5 - 1)),calc(2 * 100% / (5 - 1)) calc(2 * 100% / (5 - 1)),calc(2 * 100% / (5 - 1)) calc(3 * 100% / (5 - 1)),calc(2 * 100% / (5 - 1)) calc(4 * 100% / (5 - 1)),calc(3 * 100% / (5 - 1)) calc(0 * 100% / (5 - 1)),calc(3 * 100% / (5 - 1)) calc(1 * 100% / (5 - 1)),calc(3 * 100% / (5 - 1)) calc(2 * 100% / (5 - 1)),calc(3 * 100% / (5 - 1)) calc(3 * 100% / (5 - 1)),calc(3 * 100% / (5 - 1)) calc(4 * 100% / (5 - 1)),calc(4 * 100% / (5 - 1)) calc(0 * 100% / (5 - 1)),calc(4 * 100% / (5 - 1)) calc(1 * 100% / (5 - 1)),calc(4 * 100% / (5 - 1)) calc(2 * 100% / (5 - 1)),calc(4 * 100% / (5 - 1)) calc(3 * 100% / (5 - 1)),calc(4 * 100% / (5 - 1)) calc(4 * 100% / (5 - 1));-webkit-mask-repeat:no-repeat;mask-image:radial-gradient(circle,rgba(0,0,0,var(--c-0-0)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-0-1)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-0-2)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-0-3)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-0-4)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-1-0)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-1-1)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-1-2)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-1-3)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-1-4)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-2-0)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-2-1)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-2-2)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-2-3)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-2-4)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-3-0)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-3-1)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-3-2)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-3-3)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-3-4)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-4-0)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-4-1)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-4-2)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-4-3)) 20%,transparent 70%),radial-gradient(circle,rgba(0,0,0,var(--c-4-4)) 20%,transparent 70%);mask-size:calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2),calc(100% / 5 * 2) calc(100% / 5 * 2);mask-position:calc(0 * 100% / (5 - 1)) calc(0 * 100% / (5 - 1)),calc(0 * 100% / (5 - 1)) calc(1 * 100% / (5 - 1)),calc(0 * 100% / (5 - 1)) calc(2 * 100% / (5 - 1)),calc(0 * 100% / (5 - 1)) calc(3 * 100% / (5 - 1)),calc(0 * 100% / (5 - 1)) calc(4 * 100% / (5 - 1)),calc(1 * 100% / (5 - 1)) calc(0 * 100% / (5 - 1)),calc(1 * 100% / (5 - 1)) calc(1 * 100% / (5 - 1)),calc(1 * 100% / (5 - 1)) calc(2 * 100% / (5 - 1)),calc(1 * 100% / (5 - 1)) calc(3 * 100% / (5 - 1)),calc(1 * 100% / (5 - 1)) calc(4 * 100% / (5 - 1)),calc(2 * 100% / (5 - 1)) calc(0 * 100% / (5 - 1)),calc(2 * 100% / (5 - 1)) calc(1 * 100% / (5 - 1)),calc(2 * 100% / (5 - 1)) calc(2 * 100% / (5 - 1)),calc(2 * 100% / (5 - 1)) calc(3 * 100% / (5 - 1)),calc(2 * 100% / (5 - 1)) calc(4 * 100% / (5 - 1)),calc(3 * 100% / (5 - 1)) calc(0 * 100% / (5 - 1)),calc(3 * 100% / (5 - 1)) calc(1 * 100% / (5 - 1)),calc(3 * 100% / (5 - 1)) calc(2 * 100% / (5 - 1)),calc(3 * 100% / (5 - 1)) calc(3 * 100% / (5 - 1)),calc(3 * 100% / (5 - 1)) calc(4 * 100% / (5 - 1)),calc(4 * 100% / (5 - 1)) calc(0 * 100% / (5 - 1)),calc(4 * 100% / (5 - 1)) calc(1 * 100% / (5 - 1)),calc(4 * 100% / (5 - 1)) calc(2 * 100% / (5 - 1)),calc(4 * 100% / (5 - 1)) calc(3 * 100% / (5 - 1)),calc(4 * 100% / (5 - 1)) calc(4 * 100% / (5 - 1));mask-repeat:no-repeat}