.result[data-astro-cid-rqdhkjll]{position:relative;width:100%;height:65px;overflow:hidden}.result__info[data-astro-cid-rqdhkjll]{position:absolute;bottom:4px;font-size:.8rem;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transform:translateY(200%);transform:translateY(200%);opacity:0}.result__info[data-astro-cid-rqdhkjll].right{right:8px}.result__info[data-astro-cid-rqdhkjll].left{left:8px}.result__viewbox[data-astro-cid-rqdhkjll]{width:100%;height:100%;background:#ffffff14;border-radius:8px;text-align:center;line-height:65px}.result[data-astro-cid-rqdhkjll] #copy-btn[data-astro-cid-rqdhkjll]{position:absolute;top:var(--y);left:var(--x);width:38px;height:38px;background:#fff;border-radius:50%;border:1px solid #eee;opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:all .35s cubic-bezier(.175,.885,.32,1.275);transition:all .35s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;z-index:2}.result[data-astro-cid-rqdhkjll] #copy-btn[data-astro-cid-rqdhkjll]:active{-webkit-box-shadow:0 0 0 200px rgba(255,255,255,.08);box-shadow:0 0 0 200px #ffffff14}.result[data-astro-cid-rqdhkjll]:hover #copy-btn[data-astro-cid-rqdhkjll]{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.35);transform:translate(-50%,-50%) scale(1.35)}.field-title[data-astro-cid-rqdhkjll]{position:absolute;top:-10px;left:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:800;text-transform:uppercase;font-size:.65rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.options[data-astro-cid-rqdhkjll]{width:100%;height:auto;margin:50px 0}.range__slider[data-astro-cid-rqdhkjll]{position:relative;width:100%;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#ffffff14}.range__slider[data-astro-cid-rqdhkjll]:before,.range__slider[data-astro-cid-rqdhkjll]:after{position:absolute;font-size:.9rem;font-weight:700}.range__slider[data-astro-cid-rqdhkjll]:before{content:attr(data-min);left:10px}.range__slider[data-astro-cid-rqdhkjll]:after{content:attr(data-max);right:10px}.range__slider[data-astro-cid-rqdhkjll] .length__title[data-astro-cid-rqdhkjll]:after{content:attr(data-length);position:absolute;right:-16px;font-variant-numeric:tabular-nums}#slider[data-astro-cid-rqdhkjll]{width:calc(100% - 70px);height:2px;border-radius:5px;background:#ffffff50;outline:none;padding:0;margin:0;cursor:pointer}#slider[data-astro-cid-rqdhkjll]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}#slider[data-astro-cid-rqdhkjll]::-webkit-slider-thumb:hover{background:#d4d4d4;-webkit-transform:scale(1.2);transform:scale(1.2)}#slider[data-astro-cid-rqdhkjll]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#fff;cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out}#slider[data-astro-cid-rqdhkjll]::-moz-range-thumb:hover{background:#d4d4d4}.settings[data-astro-cid-rqdhkjll]{position:relative;height:auto;widows:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.settings[data-astro-cid-rqdhkjll] .setting[data-astro-cid-rqdhkjll]{position:relative;width:100%;height:55px;background:#ffffff14;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 25px;margin-bottom:8px}.settings[data-astro-cid-rqdhkjll] .setting[data-astro-cid-rqdhkjll] input[data-astro-cid-rqdhkjll]{opacity:0;position:absolute}.settings[data-astro-cid-rqdhkjll] .setting[data-astro-cid-rqdhkjll] input[data-astro-cid-rqdhkjll]+label[data-astro-cid-rqdhkjll]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.settings[data-astro-cid-rqdhkjll] .setting[data-astro-cid-rqdhkjll] input[data-astro-cid-rqdhkjll]+label[data-astro-cid-rqdhkjll]:before,.settings[data-astro-cid-rqdhkjll] .setting[data-astro-cid-rqdhkjll] input[data-astro-cid-rqdhkjll]+label[data-astro-cid-rqdhkjll]:after{content:"";position:absolute;-webkit-transition:.15s cubic-bezier(.24,0,.5,1);transition:.15s cubic-bezier(.24,0,.5,1);-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:10px;cursor:pointer}.settings[data-astro-cid-rqdhkjll] .setting[data-astro-cid-rqdhkjll] input[data-astro-cid-rqdhkjll]+label[data-astro-cid-rqdhkjll]:before{height:30px;width:50px;border-radius:30px;background:#d6d6d66f}.settings[data-astro-cid-rqdhkjll] .setting[data-astro-cid-rqdhkjll] input[data-astro-cid-rqdhkjll]+label[data-astro-cid-rqdhkjll]:after{height:24px;width:24px;border-radius:60px;right:32px;background:#fff}.settings[data-astro-cid-rqdhkjll] .setting[data-astro-cid-rqdhkjll] input[data-astro-cid-rqdhkjll]:checked+label[data-astro-cid-rqdhkjll]:before{background:#5d68e2;-webkit-transition:all .15s cubic-bezier(0,0,0,.1);transition:all .15s cubic-bezier(0,0,0,.1)}.settings[data-astro-cid-rqdhkjll] .setting[data-astro-cid-rqdhkjll] input[data-astro-cid-rqdhkjll]:checked+label[data-astro-cid-rqdhkjll]:after{right:14px}.settings[data-astro-cid-rqdhkjll] .setting[data-astro-cid-rqdhkjll] input[data-astro-cid-rqdhkjll]:focus+label[data-astro-cid-rqdhkjll]:before{-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.75);box-shadow:0 0 0 2px #ffffffbf}.btn[data-astro-cid-rqdhkjll].generate{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;height:50px;margin:10px 0;border-radius:8px;color:#fff;border:none;background-image:linear-gradient(135deg,#667eea,#764ba2);letter-spacing:1px;font-weight:700;text-transform:uppercase;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}.btn[data-astro-cid-rqdhkjll].generate:active{-webkit-transform:translateY(-3%);transform:translateY(-3%);-webkit-box-shadow:0 4px 8px rgba(255,255,255,.08);box-shadow:0 4px 8px #ffffff14}