.quiz-wrap,.wrap#quiz-wrapper{max-width:1150px}.quiz:not(article){box-shadow:6px 10px 13.2px 10.8px #00000012;margin:30px 0;padding:0;width:100%}@media screen and (min-width:1080px){.quiz:not(article){margin:40px auto 60px}}.panel{background-repeat:no-repeat;display:none;margin:0;padding:40px 15px 50px;text-align:center;width:100%}@media screen and (min-width:720px){.panel{padding:80px 40px 150px}}@media screen and (min-width:960px){.panel{padding:100px 60px 200px}}@media screen and (min-width:1080px){.panel{padding:120px 100px 250px}}#panel-1{display:block}.panel-header{text-align:left}.panel-title{font-size:20px;font-weight:600;margin:0 0 20px}.browser-support-message{border:2px solid #ff8133;display:none;font-size:20px;font-weight:600;margin:10px;padding:100px 80px;text-align:center;width:80%;width:calc(100% - 20px)}@media screen and (min-width:0\0){.browser-support-message{display:inline-block}.panel{display:none!important}}.error-message{background-color:#fff;border:2px solid #ff8133;display:none;font-weight:600;margin:20px auto 0;max-width:350px;padding:10px 20px;width:auto}.button{cursor:pointer}.button.next-button{font-size:24px;font-weight:600;line-height:1;margin:20px auto 0;min-width:200px;padding:17px 20px}@media screen and (min-width:960px){.button.next-button{margin-top:50px}}.button#next-button{font-size:20px}.button#reset-button{margin-top:65px}.button.back-button{background:#0000;border:none;border-radius:0;color:#14a96d;display:block;font-size:18px;font-weight:600;line-height:1.5;margin:30px auto 10px;padding:0;position:relative}.button.back-button:hover{color:#007948;text-decoration:underline}.question-wrap{border:2px solid #0000;margin:0 auto;max-width:310px;padding:5px;width:100%}.error .question-wrap{border-color:#ff8133}.question-title{font-size:20px;font-weight:600;margin:40px auto}@media screen and (min-width:1080px){.question-title{margin:65px auto 50px}}.results-content{text-align:left}.panel .share-bar-wrap .share-bar-title{color:#14a96d;font-size:20px;font-weight:600;margin:40px auto 14px;width:100%}.panel .share-bar-wrap .social-media-icons-wrap{gap:20px;justify-content:center}.panel .share-bar-wrap.style-circular .social-media-icon{background:#0000;border-color:#0000;height:48px;padding:4px;width:48px}.panel .share-bar-wrap.style-circular .social-media-icon svg{fill:#14a96d;height:36px;width:36px}.panel .share-bar-wrap.style-circular :is(.social-media-icon.facebook:active,.social-media-icon.facebook:focus,.social-media-icon.facebook:focus-visible,.social-media-icon.facebook:hover){background-color:#3b5998;border-color:#3b5998;outline-color:#3b5998}.panel .share-bar-wrap.style-circular :is(.social-media-icon.facebook:active,.social-media-icon.facebook:focus,.social-media-icon.facebook:focus-visible,.social-media-icon.facebook:hover) svg{fill:#fff}.panel .share-bar-wrap.style-circular :is(.social-media-icon.x:active,.social-media-icon.x:focus,.social-media-icon.x:focus-visible,.social-media-icon.x:hover){background-color:#1da1f2;border-color:#1da1f2;outline-color:#1da1f2}.panel .share-bar-wrap.style-circular :is(.social-media-icon.x:active,.social-media-icon.x:focus,.social-media-icon.x:focus-visible,.social-media-icon.x:hover) svg{fill:#fff}.panel .share-bar-wrap.style-circular :is(.social-media-icon.instagram:active,.social-media-icon.instagram:focus,.social-media-icon.instagram:focus-visible,.social-media-icon.instagram:hover){background-color:#8a3ab9;border-color:#8a3ab9;outline-color:#8a3ab9}.panel .share-bar-wrap.style-circular :is(.social-media-icon.instagram:active,.social-media-icon.instagram:focus,.social-media-icon.instagram:focus-visible,.social-media-icon.instagram:hover) svg{fill:#fff}.panel .share-bar-wrap.style-circular :is(.social-media-icon.reddit:active,.social-media-icon.reddit:focus,.social-media-icon.reddit:focus-visible,.social-media-icon.reddit:hover){background-color:#ff4500;border-color:#ff4500;outline-color:#ff4500}.panel .share-bar-wrap.style-circular :is(.social-media-icon.reddit:active,.social-media-icon.reddit:focus,.social-media-icon.reddit:focus-visible,.social-media-icon.reddit:hover) svg{fill:#fff}.panel .share-bar-wrap.style-circular :is(.social-media-icon.linkedin:active,.social-media-icon.linkedin:focus,.social-media-icon.linkedin:focus-visible,.social-media-icon.linkedin:hover){background-color:#0073b1;border-color:#0073b1;outline-color:#0073b1}.panel .share-bar-wrap.style-circular :is(.social-media-icon.linkedin:active,.social-media-icon.linkedin:focus,.social-media-icon.linkedin:focus-visible,.social-media-icon.linkedin:hover) svg{fill:#fff}.panel .share-bar-wrap.style-circular :is(.social-media-icon.youtube:active,.social-media-icon.youtube:focus,.social-media-icon.youtube:focus-visible,.social-media-icon.youtube:hover){background-color:#f03;border-color:#f03;outline-color:#f03}.panel .share-bar-wrap.style-circular :is(.social-media-icon.youtube:active,.social-media-icon.youtube:focus,.social-media-icon.youtube:focus-visible,.social-media-icon.youtube:hover) svg{fill:#fff}.panel .share-bar-wrap.style-circular :is(.social-media-icon.tiktok:active,.social-media-icon.tiktok:focus,.social-media-icon.tiktok:focus-visible,.social-media-icon.tiktok:hover){background-color:#000;border-color:#000;outline-color:#000}.panel .share-bar-wrap.style-circular :is(.social-media-icon.tiktok:active,.social-media-icon.tiktok:focus,.social-media-icon.tiktok:focus-visible,.social-media-icon.tiktok:hover) svg{fill:#fff}.panel .share-bar-wrap.style-circular :is(.social-media-icon.native-share:active,.social-media-icon.native-share:focus,.social-media-icon.native-share:focus-visible,.social-media-icon.native-share:hover){background-color:#1b1f23;border-color:#1b1f23;outline-color:#1b1f23}.panel .share-bar-wrap.style-circular :is(.social-media-icon.native-share:active,.social-media-icon.native-share:focus,.social-media-icon.native-share:focus-visible,.social-media-icon.native-share:hover) svg{fill:#fff}.radio-buttons{display:inline-block;text-align:center;width:100%}.radio-buttons-wrap{align-content:center;border:2px solid #0000;display:flex;justify-content:center;margin:0 auto;max-width:350px;padding:5px;width:100%}.error .radio-buttons-wrap{border-color:#ff8133}.radio-button{cursor:pointer;margin-right:15px;min-width:150px;position:relative;text-align:center}.radio-button:last-of-type{margin-right:0}@media screen and (min-width:480px){.radio-button{min-height:150px}}.radio-button input{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;clip:rect(1px 1px 1px 1px);clip:rect(0 0 0 0)}.radio-button .button{background-color:#14a96d;background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;font-size:20px;font-weight:600;height:100%;line-height:1;padding:20px;white-space:normal;width:100%}:is(.radio-button input:checked,.radio-button:hover input)~.button{background-color:#007948}.radio-button input:focus~.button{background-color:#007948;outline:5px auto -webkit-focus-ring-color}label .button:before{background-position:50%;background-repeat:no-repeat;clear:both;content:" ";display:inline-block;height:43px;margin:0 0 10px;width:100%}@media screen and (min-width:960px){.radio-buttons{margin-bottom:50px}.radio-button{margin-right:35px;width:calc(50% - 65px)}.share-bar-title{margin-top:80px}}.css-dropdown{border:2px solid #0000;display:block;margin:0 auto;max-width:360px;padding:5px;width:auto}.error .css-dropdown{border-color:#ff8133}.css-dropdown select.dropdown-list{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff,#e5e5e5);background-position:right .7em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em auto,100%;border:1px solid #aaa;border-radius:5px;box-sizing:border-box;color:#444;display:block;font-size:16px;font-weight:600;line-height:1.3;margin:0 auto;max-width:350px;padding:.6em 1.4em .5em .8em}.css-dropdown select.dropdown-list::-ms-expand{display:none}.css-dropdown select.dropdown-list:hover{border-color:#888}.css-dropdown select.dropdown-list:focus{border-color:#aaa;box-shadow:0 0 1px 3px #3b99fcb3;box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.css-dropdown select.dropdown-list option{font-weight:400}:root:lang(ar) .css-dropdown select.dropdown-list,:root:lang(iw) .css-dropdown select.dropdown-list,[dir=rtl] .css-dropdown select.dropdown-list{background-position:left .7em top 50%,0 0;padding:.6em .8em .5em 1.4em}.css-dropdown :is(select.dropdown-list:disabled,select.dropdown-list[aria-disabled=true]){background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff,#e5e5e5);color:graytext}.css-dropdown select.dropdown-list:disabled:hover,.css-dropdown select.dropdown-list[aria-disabled=true]{border-color:#aaa}.entry-content .quiz-wrap{justify-self:center;margin:40px auto 60px;max-width:1150px;width:calc(100vw - 40px)}@media screen and (min-width:1080px){.entry-content .quiz-wrap{margin-left:calc(25% - 25vw - 20px);margin-right:calc(25% - 25vw - 20px);width:100vw}.sidebar-content .entry-content .quiz-wrap{margin:40px auto 60px;width:130%}}.quiz-header{background-color:#14a96d;background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/cogs-left.png),url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/cogs-right.png);background-position:0 100%,100% 0;background-repeat:no-repeat;background-size:13.5%;border-bottom:12px solid #ffd23c;height:0;overflow:hidden;padding-top:30.9627059844%;position:relative;width:100%}.quiz-title{color:#fff;font-size:clamp(36px,8vw,65px);font-weight:600;left:0;margin:0 auto;max-width:80%;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%)}.panel{background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/quiz-panel-background.png);background-position:50%;background-size:cover;padding-bottom:200px}.quiz-pet-type-dog #panel-1{background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/start-panel-background.png),url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/quiz-panel-background.png);background-position:bottom,50%;background-size:100%,cover;padding-bottom:250px}.quiz-pet-type-dog #panel-2{background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/question-panel-background.png),url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/quiz-panel-background.png);background-position:5% 97%,50%;background-size:180px auto,cover}.quiz-pet-type-dog #panel-3{background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/results-panel-background.png),url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/quiz-panel-background.png);background-position:95% bottom,50%;background-size:180px auto,cover}.quiz-pet-type-cat .panel{background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/quiz-panel-background-cats.png)}.quiz-pet-type-cat #panel-1{background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/start-panel-background-cats.png),url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/quiz-panel-background-cats.png);background-position:bottom,50%;background-size:100%,cover;padding-bottom:350px}.quiz-pet-type-cat #panel-2{background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/question-panel-background-cats.png),url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/quiz-panel-background-cats.png);background-position:5% 97%,50%;background-size:180px auto,cover}.quiz-pet-type-cat #panel-3{background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/results-panel-background-cats.png),url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/quiz-panel-background-cats.png);background-position:95% bottom,50%;background-size:180px auto,cover}label[for=male] .button:before{background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/male.png);background-position:50%;background-repeat:no-repeat;background-size:43px 43px}label[for=female] .button:before{background-image:url(/blog/wp-content/themes/the-dog-people/assets/images/name-generator/female.png);background-position:50%;background-repeat:no-repeat;background-size:27px 43px}.radio-button .button{padding-top:35px}.quiz .names{display:inline-block;width:100%}.quiz .name-wrap{margin-bottom:40px;width:100%}.quiz .name{color:#14a96d;font-size:32px;font-weight:600;word-break:break-word}.quiz .name:after{background-color:#ffd23c;content:"";display:block;height:6px;margin:12px auto 30px;width:51px}.quiz .name-desc{font-size:16px;line-height:1.2;margin:0 auto;max-width:200px;text-align:left}.quiz #name-1 .name{font-size:60px;line-height:1}@media screen and (min-width:600px){.quiz :is(#name-2,#name-3){display:inline-block;width:45%}#panel-1{padding-bottom:200px}}@media screen and (min-width:720px){.panel{padding-bottom:200px}#panel-1{padding-bottom:300px}#panel-2,#panel-3{background-size:180px auto,cover}#panel-3{padding-bottom:125px}.quiz .names{align-items:baseline;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;justify-content:space-evenly;margin:0 -10px 60px;width:calc(100% + 20px)}.quiz .name-wrap{flex:1;margin-bottom:40px}.quiz .name{margin-bottom:0}.quiz #name-1{flex:2;order:2;text-align:center}.quiz #name-1 .name:after{margin-top:21px}.quiz :is(#name-2,#name-3) .name-desc{max-width:175px}.quiz #name-2{order:1}.quiz #name-3{order:3}}@media screen and (min-width:960px){.quiz .name{font-size:45px}.quiz #name-1 .name{font-size:90px}}