.home{width:100%}.home section{width:100%;margin-top:1em}form{display:flex;flex-direction:column;gap:1.5rem;width:100%;margin:0 auto;padding:2rem 0;box-sizing:border-box}.form-row{display:flex;justify-content:space-between;gap:1.5rem}.form-row--quad .form-group{flex:1 1 22%}.form-group{flex:1}.form-group-large{flex:0 0 calc(65% - .75rem)}.form-group-small{flex:0 0 calc(35% - .75rem)}.result-container{margin-top:2em}.url-output-group{display:flex;align-items:stretch;width:100%;border:1px solid #ccc;background-color:#f0f0f0;min-height:50px}.generated-url{flex-grow:1;padding:.8rem 1.5rem .8rem 1rem;text-align:left;font-size:1em;color:var(--first);line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.result-container .button{flex-shrink:0;margin:0;border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid #ccc}.radio-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.radio-buttons div{position:relative}.radio-buttons input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-buttons label{display:inline-block;padding:.75rem 1.5rem;border:2px solid #ccc;background-color:#f0f0f0;color:#333;cursor:pointer;transition:all .3s ease;font-weight:500;margin-left:0!important}.radio-buttons input[type=radio]:hover+label{background-color:#e0e0e0;border-color:var(--third)}.radio-buttons input[type=radio]:checked+label{background-color:var(--third);color:#fff;border-color:var(--third)}.radio-buttons input[type=radio]:focus+label{outline:2px solid var(--second);outline-offset:2px}@media (max-width: 860px){.form-row{flex-direction:column}.logo-block{padding:0 .5rem}form{padding:.5rem}.url-output-group{flex-direction:column}.generated-url{white-space:normal;word-break:break-all;line-height:1.5}.result-container .button{border-radius:0;border-top:1px solid #ccc;border-left:none}}.about--text{max-width:1200px}@media (max-width: 639px){.about section{margin-top:5rem;grid-template-columns:1fr;row-gap:1rem}}img{margin-bottom:1.5rem}.search-input{width:100%;padding:.8em 1em;border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;font-size:1em;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--first);box-shadow:0 0 0 3px rgba(var(--first-rgb),.2)}.alert{margin-top:4em;font-weight:700}.about section{margin-top:5rem;display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.5rem}.flex-cell span[role=button]{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:1em;min-width:24px;min-height:24px;line-height:normal;vertical-align:middle}.flex-cell span[role=button] svg{vertical-align:middle;transition:stroke .2s ease-in-out,fill .2s ease-in-out}.flex-cell span[role=button] svg:not(.copy-feedback-icon){stroke:var(--first)}.flex-cell span[role=button]:hover svg:not(.copy-feedback-icon){stroke:var(--third)}.copy-feedback-icon{fill:var(--color-success, #4caf50)}#stored-urls{margin:4em 0}.flex-table{display:flex;flex-direction:column;width:100%}.flex-row{display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #ccc;padding:.5rem 0}.header{font-weight:700;padding-bottom:.8rem}.flex-cell{padding:10px;text-align:left}.flex-cell.date{flex:0 0 120px}.flex-cell.url{flex:1;word-break:break-all;padding-right:1.5rem}.flex-cell.controls{flex:0 0 auto;text-align:right;display:flex;align-items:center}@media (max-width: 860px){.utms{padding:0}.header{display:none!important}#stored-urls .flex-row{flex-direction:row;padding:1em .5em;display:flex;align-items:center}#stored-urls .flex-row .url{flex:1;padding-right:1em}#stored-urls .flex-row .controls{text-align:center;flex:0 0 auto;padding:0;display:flex;flex-direction:row;gap:.5em}#stored-urls .flex-row .controls span{margin:0}#stored-urls{margin:2em 0}.flex-cell.date{display:none}.flex-cell.url{order:initial;padding:0}.flex-cell.controls{order:initial}}.how-to{width:100%}.how-to__content{padding:0 1rem;text-align:left;line-height:1.7}.how-to__intro{font-size:1.1em;font-style:italic;color:#555;margin-bottom:3rem;text-align:center}.how-to__section{margin-bottom:3rem;border-bottom:1px solid #eee;padding-bottom:2rem}.how-to__section:last-child{border-bottom:none}.how-to__section h2{font-size:1.8em;color:var(--first);margin-bottom:1.5rem}.how-to__section h3{font-size:1.4em;color:var(--first);margin-top:2rem;margin-bottom:1rem}.how-to__table-wrapper{overflow-x:auto;margin:2rem 0}.how-to__table{width:100%;border-collapse:collapse;font-size:.95em}.how-to__table th,.how-to__table td{border:1px solid #ddd;padding:.8rem 1rem;text-align:left;vertical-align:top}.how-to__table th{background-color:#f7f7f7;font-weight:700}.how-to__table tbody tr:nth-child(2n){background-color:#fcfcfc}.how-to__list{padding-left:2rem;margin:1rem 0}.how-to__list--nested{margin-top:.5rem}code{font-family:Courier New,Courier,monospace;background-color:#f0f0f0;padding:.2em .4em;border-radius:3px;font-size:.9em}.how-to__code-block{background-color:#f0f0f0;border:1px solid #ddd;padding:1rem;margin:1.5rem 0;white-space:pre-wrap;word-wrap:break-word}.how-to__code-block code{background-color:transparent;padding:0}.how-to__code-inline{word-break:break-all}.how-to__alert-box{background-color:var(--error-container);border-left:5px solid var(--third);padding:1rem 1.5rem;margin:2rem 0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--active: rgba(0, 0, 0, .1);--background: #fffbfe;--color-dark: #222222;--color-error: #b3261e;--color-info: #2196f3;--color-light: #ffffff;--color-success: #4caf50;--color-warning: #ff9800;--error: #b3261e;--error-container: #f9dedc;--first: #32586f;--second: #68adaa;--third: #d9844b;--forth: #bbdeff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::selection{color:var(--background);background-color:var(--second)}body{margin:0;background-color:var(--background);color:var(--first);overflow-y:scroll}a{color:var(--third)}a:hover{color:var(--forth)}h1{size:2em;font-weight:700;margin-bottom:0}h2{size:1.5em;font-weight:700;margin-top:0}#app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:flex-end;flex-wrap:wrap}.logo-block{display:flex;flex-direction:column;align-items:center;text-align:center}.logo-block img{margin:0}header nav{display:flex}header a{color:var(--first);padding:.75rem;text-decoration:none}header a.active{color:#fff;background-color:var(--first)}header a:hover{color:#fff;background-color:var(--second)}main{flex:auto;display:flex;align-items:flex-start;width:1000px;margin:0 auto;text-align:center}label{display:block;margin-bottom:.5rem;text-align:left}input[type=text],input[type=url],select{color:var(--first);width:100%;padding:.8rem;border:1px solid #ccc;box-sizing:border-box;font-size:1rem;background-color:#f0f0f0;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;outline:none}input[type=text]:focus,input[type=url]:focus,select:focus{border-color:var(--second);box-shadow:0 0 8px #68adaa80}input.input-error{border-color:var(--third);background-color:#f0f0f0;box-shadow:0 0 8px #d9844b80}input.input-error:focus{border-color:var(--third);box-shadow:0 0 10px #d9844bb3}.button{color:#fff;padding:1rem 1.5rem;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s ease,opacity .3s ease;margin-top:1em}.button-primary{background-color:var(--third)}.button-primary:hover{background-color:var(--second)}.button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 860px){main{margin:2rem 0rem;flex-direction:column;box-sizing:border-box;align-items:center;width:100%;padding:0 1rem}header a{padding:.5rem 1rem}}@media (max-width: 480px){body{font-size:14px}}