@font-face{font-display:swap;font-family:Hang the DJ;font-style:normal;src:url(/dj-name-generator/_next/static/media/HANGTHEDJ.d06250f9.ttf) format("truetype")}*{box-sizing:border-box}body,html{background:#f0f0f0;color:rgb(77,100,128);display:flex;font-family:Avenir Next,Open Sans,Segoe UI,Helvetica,sans-serif;margin:0;padding:0;text-rendering:optimizelegibility}#__next,#app,#root,.app,body,html{height:100%;overflow:hidden;width:100%}.app{display:flex;padding:2em 0 2em 2em}h1,h2,h3,h4,h5,h6{color:rgb(18,43,72);font-weight:700;line-height:1.1em;margin:0}h1{font-size:2.85em;margin-left:-3px}h2{margin-bottom:.2em}p{font-size:1.2em;font-weight:400;line-height:1.5em;margin-bottom:0;margin-top:0;opacity:.75}a{color:#111;text-decoration:none}.instructions{margin-bottom:30px;margin-top:10px;min-height:204px;text-align:center}.content{background:linear-gradient(180deg,rgba(213,222,231,.5) 0,rgba(232,235,242,.5) 50%,rgba(226,231,237,.5));background-blend-mode:normal,color-burn;border-radius:24px;box-sizing:border-box;padding:10px;position:relative;width:100%}.dragable-card{border-radius:15px;color:white;cursor:move;height:80px;overflow:hidden;padding:1em;pointer-events:auto;position:absolute;transform-origin:50% 50% 0;width:calc(100% - 20px)}.dragable-card:first-child{background:linear-gradient(135deg,#f46b45,#eea849)}.dragable-card:nth-child(2){background-image:linear-gradient(135deg,#f77062,#fe5196)}.dragable-card:nth-child(3){background-image:linear-gradient(135deg,#4facfe,#00f2fe)}.dragable-card:nth-child(4){background-image:linear-gradient(135deg,#43e97b,#38f9d7)}.dragable-card:nth-child(5){background-image:linear-gradient(135deg,#596164,#868f96)}.dragable-card .inactive-overlay{background-color:rgba(255,255,255,.5);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all .4s ease;z-index:1}.dragable-card.inactive .inactive-overlay{opacity:1}.dragable-card .tgl-btn,.dragable-card.inactive .tgl-btn{background-color:rgba(255,255,255,.25)}.dragable-card .tgl-light:checked+.tgl-btn{background-color:rgba(255,255,255,.5)}.category-content{-webkit-box-pack:center;display:flex;flex-direction:column;-ms-flex-pack:center;height:100%;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;z-index:2}.category-content h4{color:#fff;font-family:Hang the DJ,sans-serif;font-size:1.5em;letter-spacing:2px;margin-bottom:.5em;text-transform:uppercase}.category-content .row{display:flex}.category-content p{font-size:.8em;font-weight:600;opacity:.75}.category-content svg{cursor:pointer;fill:#fff;height:2em;opacity:.75;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2em}.options{margin:1em 0}.options .tgl-wrapper{justify-content:center}.card{background-color:#fff;border-radius:30px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.006),0 6.7px 5.3px rgba(0,0,0,.008),0 12.5px 10px rgba(0,0,0,.01),0 22.3px 17.9px rgba(0,0,0,.012),0 41.8px 33.4px rgba(0,0,0,.014),0 100px 80px rgba(0,0,0,.02);padding:2em}.left-area{-webkit-box-pack:start;display:flex;flex-direction:column;justify-content:flex-start;min-height:100%;min-width:500px;-webkit-overflow-scrolling:touch;overflow-y:scroll;width:500px;z-index:2}.left-area button{width:calc(100% - 1em)}.right-area{align-items:center;-webkit-box-align:center;-webkit-box-flex:1;-webkit-box-pack:center;display:flex;flex:1 1;-ms-flex-align:center;flex-direction:column;justify-content:center;overflow:hidden;padding:2em;position:relative;width:100%}.bottom-right{bottom:2em;display:flex;flex-direction:row;position:absolute;right:2em}.bottom-left{bottom:1em;left:2em;position:absolute}svg.logo{fill:#32325d;stroke:#32325d;width:6em;margin-left:1em}.logo-wrapper,svg.logo{position:relative}.dj-name-wrapper{border-radius:30px;overflow:hidden;padding:2em 2em 1em;text-decoration:none;transition:all 1s ease;will-change:transform,box-shadow}.dj-name-wrapper .share-options>*{display:none}.dj-name-wrapper.active{cursor:pointer}.dj-name-wrapper.active:hover{background-color:#fff;box-shadow:0 2.8px 2.2px rgba(0,0,0,.006),0 6.7px 5.3px rgba(0,0,0,.008),0 12.5px 10px rgba(0,0,0,.01),0 22.3px 17.9px rgba(0,0,0,.012),0 41.8px 33.4px rgba(0,0,0,.014),0 100px 80px rgba(0,0,0,.02);transform:scale(1.05)}.dj-name-wrapper.active .share-options>*{display:flex}.dj-name{font-family:Hang the DJ,sans-serif;font-size:1em;text-align:center}.actions{-webkit-box-pack:justify;display:flex;justify-content:space-between;margin-bottom:1em;margin-top:2em;position:relative}.actions button{opacity:0;transition:opacity .5s ease}.dj-name-wrapper.active:hover .actions button{transition-delay:0s}.dj-name-wrapper.active:hover .actions button:nth-child(2){transition-delay:.1s}.dj-name-wrapper.active:hover .actions button:nth-child(3){transition-delay:.2s}.dj-name-wrapper.active:hover .actions button:nth-child(4){transition-delay:.3s}.dj-name-wrapper.active:hover button{opacity:1}.clipboard-icon{align-items:center;background-color:#111;border:none;border-radius:50%;-webkit-box-align:center;-webkit-box-pack:center;color:inherit;cursor:pointer;display:inline-block;display:flex;-ms-flex-align:center;-ms-flex-pack:center;font:inherit;height:32px;justify-content:center;margin:0;padding:0;position:relative;width:32px}.clipboard-icon svg{height:18px;width:18px}.clipboard-icon:hover{background-color:#11111199;opacity:1!important}.share-options{display:flex;height:35px;margin-right:2em}.share-options button{height:35px;margin-right:.25em;width:35px}.share-options button:hover{opacity:.75;transition:none}.tooltip{background:#111;border-radius:3px;bottom:0;color:#fff;font-size:.8em;left:50%;padding:5px;position:absolute;text-align:center;transform:translate(-50%,110%);width:130px}.continue-button{align-items:center;display:flex;justify-content:center;opacity:0;pointer-events:none;transform:scale(1.1);transition:opacity,transform .5s ease;width:100%;will-change:opacity,transform}.continue-button svg{fill:#111;height:40px;margin:-3px -3px -3px .5em;width:40px}.continue-button h4{opacity:1;transition:opacity .5s ease}.continue-button.active{opacity:1;transition:opacity .5s ease .5s,transform .5s ease}.dj-name-wrapper.active:hover .continue-button{transform:none}.dj-name-wrapper.active:hover .continue-button h4{opacity:1}.menu{align-items:flex-start;position:absolute;right:0;top:0;width:100%;justify-content:space-between;padding:.5em!important}.menu,.row{display:flex}.menu .row a{margin:0 1em;font-size:16px;font-weight:700}.menu .row a:hover{text-decoration:underline}.counter{font-weight:600;margin-right:1em}.counter span{font-size:1.3em;font-weight:700;margin-right:5px}.mobile-only{display:none}.instagram-filter-link{align-items:center;background:white;border-radius:15px;-webkit-box-align:center;-webkit-box-pack:center;font-weight:600;box-shadow:0 .5px 2.7px rgba(0,0,0,.017),0 1.3px 6.5px rgba(0,0,0,.024),0 2.4px 12.3px rgba(0,0,0,.03),0 4.2px 21.9px rgba(0,0,0,.036),0 7.9px 40.9px rgba(0,0,0,.043),0 19px 98px rgba(0,0,0,.06);color:#111;display:flex;fill:#e1306c;-ms-flex-align:center;justify-content:center;padding:1em;position:relative}.instagram-filter-link svg{height:24px;margin-left:10px;width:24px}@media only screen and (max-width:1440px){body{font-size:.9em}.left-area{min-width:450px;width:450px}}@media only screen and (max-width:768px){.left-area{max-width:100%;min-width:0}body{background-color:#fff}.menu{justify-content:space-between;align-items:center;padding:.5em 0 .5em .5em;width:100%}.bottom-right{bottom:1em;flex-direction:column;right:.5em}.bottom-left{display:none}.instructions{margin-bottom:10px;margin-top:10px;min-height:140px}.app{left:-100%;padding:0;position:relative;width:200vw}.share-options{display:none}.card{background:transparent;box-shadow:none;padding:0}.left-area,.right-area{width:100vw}.left-area{background-color:#fff;border-radius:0;padding:.5em}.dragable-card{height:80px}.dragable-card h4{font-size:1.2em}.instructions p{font-size:1em}.options{font-size:.9em}.continue-button h4{opacity:1}.continue-button{justify-content:center;margin-top:1em;transform:scale(1.2)}.mobile-action-buttons{bottom:.5em;display:flex;left:101vw;position:absolute}.refresh-button svg,.show-options-button svg{fill:rgb(49,218,255);height:60px;width:60px}.show-options-button-first{border-radius:24px;height:48px;margin-bottom:6px;margin-left:6px;width:120px}.show-options-button svg{transform:rotate(180deg)}.mobile-action-buttons.hide{display:none}.mobile-only{display:flex}.continue-button.mobile-only{display:none;pointer-events:all}.continue-button.mobile-only.active{display:flex}.dj-name-wrapper.active:hover{background-color:transparent;box-shadow:none;transform:none}.dj-name-wrapper.active:hover button{opacity:0}.dj-name-wrapper .share-options{pointer-events:none}}@media only screen and (max-width:425px){.dj-name{font-size:7px}.continue-button{transform:none}svg.logo{margin-left:0}}