.spotter-playground .header{height:100%;min-height:calc(100vh - 81px);background:linear-gradient(146deg,#40242F 0%,#2E1E2C 100%)no-repeat padding-box;display:flex;flex-flow:column;padding:100px 32px}.spotter-playground .header h4{font-family:quatro-slab,serif;color:#e1d7cf;font-size:36px;line-height:46px;margin-bottom:40px;font-weight:500}.spotter-playground .header h6{color:#fff;font-size:21px;font-weight:600;line-height:30px;margin-bottom:24px}.spotter-playground .header .form-group{margin-bottom:30px}.spotter-playground .header .form-group .text-area{width:100%;min-height:80px;background:0 0;border-radius:8px;border:1px solid #eca837;padding:30px 60px 30px 30px;color:#fff;font-size:17px;line-height:27px;font-weight:400;outline:none}.spotter-playground .header .form-group .text-area[contenteditable]:empty::before{content:"Select one or enter your own...";color:#fff;font-size:17px;line-height:27px;font-weight:400;opacity:.8}.spotter-playground .header .form-group .text-area:focus-visible{outline:none}.spotter-playground .header .form-group .prompt{position:absolute;bottom:20px;left:50%;width:0;height:0;border:none;outline:none;background:0 0}.spotter-playground .header .form-group .dropdown{position:relative}.spotter-playground .header .form-group .dropdown .btn{position:absolute;width:20px;min-height:80px;height:100%;right:30px;background:url(../images/icons/ic-navi-arrow-down-white.svg)50% no-repeat;background-size:20px;border:none}.spotter-playground .header .form-group .dropdown .btn:after{content:none}.spotter-playground .header .form-group .dropdown .btn:focus,.spotter-playground .header .form-group .dropdown .btn:focus-visible{outline:none}.spotter-playground .header .form-group .dropdown .dropdown-menu{transform:none!important;left:0!important;top:auto!important;width:100%;background:#412b3d no-repeat padding-box;padding:0;box-shadow:0 10px 20px #00000029}.spotter-playground .header .form-group .dropdown .dropdown-menu .dropdown-item{cursor:pointer;color:#fff;font-size:17px;font-weight:400;line-height:27px;padding:7px 30px;margin:1px 0;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces}.spotter-playground .header .form-group .dropdown .dropdown-menu .dropdown-item:hover{background:#4e3348}.spotter-playground .header .form-group .dropdown .dropdown-menu .dropdown-item:first-child{margin-top:23px}.spotter-playground .header .form-group .dropdown .dropdown-menu .dropdown-item:last-child{margin-bottom:23px}.spotter-playground .btn-steampunk-primary{background:#eca837;padding:12px 24px;font-size:18px;color:#212121;font-weight:600;width:auto;max-width:unset}.spotter-playground .btn-steampunk-primary:hover{background:#f7c75d}.spotter-playground .btn-steampunk-primary.btn-submit{margin:10px 0 30px 56px;min-width:120px;min-height:51px}.spotter-playground .waiting,.spotter-playground .processing,.spotter-playground .submitted,.spotter-playground .processingError,.spotter-playground .submitError{font-size:17px;line-height:27px;margin:100px auto;padding:0 18px}.spotter-playground .waiting h2,.spotter-playground .processing h2,.spotter-playground .submitted h2,.spotter-playground .processingError h2,.spotter-playground .submitError h2{margin:20px 0}.spotter-playground .waiting h5,.spotter-playground .processing h5,.spotter-playground .submitted h5,.spotter-playground .processingError h5,.spotter-playground .submitError h5{font-size:17px;font-weight:400;line-height:25px}.spotter-playground .waiting h4,.spotter-playground .processing h4,.spotter-playground .submitted h4,.spotter-playground .processingError h4,.spotter-playground .submitError h4{line-height:30px;max-width:750px;margin-bottom:30px}.spotter-playground .waiting button,.spotter-playground .processing button,.spotter-playground .submitted button,.spotter-playground .processingError button,.spotter-playground .submitError button{padding:0}.spotter-playground .waiting button a,.spotter-playground .processing button a,.spotter-playground .submitted button a,.spotter-playground .processingError button a,.spotter-playground .submitError button a{padding:12px 24px;color:#212121;text-decoration:none;display:block}.spotter-playground .answers{padding:32px}.spotter-playground .answers h6{font-size:17px;line-height:20px;font-weight:600;margin-bottom:24px}.spotter-playground .choice{min-width:24px}.spotter-playground .choice .form-check-input{margin:0;height:24px;width:24px;border:2px solid #c4b3ab;background:#f7f3ef}.spotter-playground .choice .form-check-input:focus-visible,.spotter-playground .choice .form-check-input:active,.spotter-playground .choice .form-check-input:focus{border:2px solid #c4b3ab;background:#f7f3ef;outline:none;filter:none;box-shadow:none}.spotter-playground .choice .form-check-input:checked{border:2px solid #eca837;background:#f7f3ef;background-size:5px;position:relative}.spotter-playground .choice .form-check-input:checked:after{position:absolute;display:block;content:"";background:#eca837;width:14px;height:14px;border-radius:14px;left:calc(50% - 7px);top:calc(50% - 7px)}.spotter-playground .result{position:relative;margin-bottom:20px;display:flex;align-items:center}.spotter-playground .result.custom{padding-top:10px}.spotter-playground .result .code{background:#2e3436;width:100%;border-radius:8px;padding:10px 50px 10px 10px;color:#d3d7cf;font-family:roboto mono,monospace;font-weight:400;font-size:13px;line-height:18px;margin-left:32px;white-space:break-spaces;word-break:break-all}.spotter-playground .result .label{margin-left:32px;font-size:17px;line-height:27px;font-weight:500}.spotter-playground .result .label.form-group{width:100%}.spotter-playground .result .label.form-group textarea{border:none;border-radius:8px;background:#fafaf8;width:100%;padding:10px;color:#212121;font-family:Montserrat,serif;font-size:17px;line-height:27px}.spotter-playground .result .label.form-group textarea:focus,.spotter-playground .result .label.form-group textarea:focus-visible,.spotter-playground .result .label.form-group textarea:focus-within{border:none;outline:none}.spotter-playground .result .copy{background:url(../images/spotter/getting-started/ic-copy.svg)no-repeat;width:12px;height:14px;position:absolute;right:10px;top:10px;cursor:pointer}.spotter-playground .result .copied{position:absolute;top:-24px;right:10px;background:#431623 no-repeat padding-box;font-size:11px;font-weight:500;line-height:14px;padding:3px 6px;color:#fff;border-radius:4px;opacity:0;transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out}textarea::placeholder{color:#fff;font-size:17px;line-height:27px;font-weight:400;opacity:.8}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.rotating{-webkit-animation:rotating 3s linear infinite;-moz-animation:rotating 3s linear infinite;-ms-animation:rotating 3s linear infinite;-o-animation:rotating 3s linear infinite;animation:rotating 3s linear infinite}@media(max-width:992px){form{padding:0!important}.mgt-80{margin-top:68px}.spotter-playground .header{min-height:unset;padding:40px 18px 30px}.spotter-playground .header h4,.spotter-playground .header h6{margin-left:0;margin-right:auto}.spotter-playground .header h4{margin-bottom:30px}.spotter-playground .header h6{margin-bottom:20px}.spotter-playground .header .form-group{max-width:600px;margin-left:0;margin-right:auto;margin-bottom:20px}.spotter-playground .header .form-group .text-area{padding:30px 50px 30px 16px}.spotter-playground .header .form-group .dropdown .btn{right:20px}.spotter-playground .header .form-group .dropdown .dropdown-menu .dropdown-item{padding:7px 16px}.spotter-playground .header .btn-steampunk-primary{margin-left:0;margin-right:auto;display:block}.spotter-playground .answers{padding:30px 18px}.spotter-playground .result .code{padding:10px 30px 18px 10px;margin-left:12px}.spotter-playground .result .label{margin-left:12px}.spotter-playground .btn-steampunk-primary.btn-submit{margin:0 auto 60px 36px}}.grecaptcha-badge{display:block}@media(min-width:1400px) and (max-width:1770px){.col-xxl-4{width:40%}.col-xxl-8{width:60%}}textarea::-webkit-scrollbar{width:4px}textarea::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-border-radius:10px;border-radius:4px}textarea::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}