body,input{font-family:"Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif}#copy,.pressable,h1{position:relative}#notifications .notification,h1{box-shadow:0 3px 5px rgba(0,0,0,.3)}#content,h1{margin:0 auto;width:1000px}.actions,.grid-container,.input{grid-template-rows:1fr}#copy,#txt{height:60px}.cbx input,label{float:left}*{box-sizing:border-box}.pressable:active{top:1px;left:1px}.grid-container{display:grid;grid-template-columns:1fr auto;gap:0 20px;grid-template-areas:". ."}body{background:#222;color:#111;padding:20px;font-size:16px}input[type=text]{width:60px}label{width:100px;display:block}hr{margin:20px 0}h1{font-size:38px;padding:10px 50px;background:#eee;background:linear-gradient(to bottom,#eee 0,#ccc 100%);border-radius:10px 10px 0 0}#content{padding:10px 50px 40px;background:#ccc;border-radius:0 0 10px 10px;box-shadow:0 0 20px 3px rgba(0,0,0,.6)}.footnote{margin:50px auto 20px;width:800px;padding:10px 50px;border:1px solid #393939;background:#292929;background:rgba(0,0,0,.1);color:#666;border-radius:10px;box-shadow:inset 0 0 20px 3px rgba(11,11,11,.1)}.footnote a{color:#777}.footnote a:focus,.footnote a:hover{color:#999}#notifications{position:fixed;top:-200px;right:20px;opacity:0;transition:all .3s ease-in-out}#notifications.active{opacity:1;top:10px}#notifications .notification{width:100%;padding:20px;color:#000;text-align:center;font-size:24px;font-weight:700;border-radius:3px}#notifications .notification.success{background-color:#aefdb9}#notifications .notification.fail{background-color:#fdacac}.options{border:0;padding:0;margin:10px 0}.options>legend{display:none}input{font-size:14px;padding:3px 5px}.field{padding:7px 0}.input{display:grid;grid-template-columns:1fr 50px 120px;gap:0 0;grid-template-areas:". . ."}#txt{width:100%;padding:10px;border:1px solid #999;background:#fefefe;font-size:20px;border-radius:4px;transition:background-color .2s ease-in}#txt.copied{background-color:#aefdb9}#txt.notcopied{background-color:#fdacac}#copy{width:50px;white-space:nowrap;overflow:hidden;padding:2px 6px;border:1px solid #999;background:#fefefe;border-radius:4px}#copy:active{top:1px;left:1px}#copy span{position:absolute;left:100%}.phrase-length{display:inline-grid;align-items:center;text-align:center;padding-left:20px;font-size:20px}#copy-to-url{padding-left:45px;padding-right:20px}#copy-to-url svg{position:absolute;left:10px;top:8px;fill:#fff}h2{font-size:26px;margin-top:0;padding-top:20px}.cbx{width:100%;overflow:hidden}.cbx label{width:auto;margin-left:20px}.actions{display:grid;grid-template-columns:1fr auto;gap:0 20px;grid-template-areas:". ."}.button{position:relative;cursor:pointer;padding:10px 80px;outline:0;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:20px;color:#fff;background:#3d3d3d;background:linear-gradient(to bottom,#a8a8a8 0,#3d3d3d 100%);border-radius:6px;border:1px solid #2e2e2e;box-shadow:0 1px 3px rgba(0,0,0,.5),inset 0 0 1px #fff;text-shadow:0 -1px 0 rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.3);-webkit-tap-highlight-color:rgba(0,0,0,0)}.button:focus,.button:hover{background:linear-gradient(to bottom,#999 0,#303030 100%);box-shadow:0 1px 5px rgba(0,0,0,.7),inset 0 0 1px #fff}.button:active{top:1px;left:1px;background:linear-gradient(to bottom,#999 0,#2a2a2a 100%);box-shadow:0 1px 5px rgba(0,0,0,.6),inset 0 0 1px #fff}@media only screen and (max-width:1050px){body{padding:3px}#content,.footnote{width:90%;padding:20px 5%;position:relative}#txt{width:100%;padding:8px 2%;font-size:20px;margin:0 0 3px}h1{font-size:18px;width:90%;padding:10px 0;margin:0 auto;text-indent:5%;left:0;top:0}h2{font-size:16px;padding:0}.input{grid-template-columns:1fr 50px 100px}.cbx label{width:80%;margin-left:5px}.button{padding:10px;width:100%}}@media only screen and (max-width:700px){fieldset.options{height:30px;padding-left:15px;overflow:hidden}fieldset.options>legend{cursor:pointer;display:block;font-weight:700;position:relative;margin-left:-15px;font-size:16px;color:#464646;padding:2px 10px 2px 20px;background:linear-gradient(to bottom,#ededed 0,#c7c7c7 100%);border-radius:4px;border:1px solid #2e2e2e;box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 0 1px #fff;text-shadow:0 -1px 0 rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.3)}fieldset.options>legend::before{content:" + ";position:absolute;left:5px;top:-2px;font-size:20px;font-weight:700}fieldset.options.active{height:auto}fieldset.options.active>legend::before{content:" – ";top:-3px}fieldset.options small{display:none}}