@media only screen and (min-width:600px){.container{width:75vw;margin:0 auto}}body,html{font-family:Arsenal,sans-serif;color:#212121}h1{text-align:center;color:#4a3939;margin-bottom:3rem}h2{margin-bottom:.5rem}h4{margin:.5rem}#demo-desc{margin-bottom:2rem}#demo-desc div{padding:0 2rem 1rem;display:inline-flex;flex-direction:column}#view-on-github-btn{display:inline-flex;justify-content:space-between;margin:0 auto 2rem;color:#212121;border:1px solid #212121}#view-on-github-btn img{margin-left:1rem}.demo-bg-danger{background-color:#b95950}.demo-border-light{color:#371c1c;border:1px solid #cdaf9e}.demo-bg-1{background-color:#486e60}.demo-bg-2{color:#483209;background-color:#f2d091}.demo-bg-3{color:#341605;background-color:#f2a679}.demo-color-1-dark{color:#20302a}.demo-color-2-dark{color:#76520e}.demo-color-3-dark{color:#622b0a}.text-white{color:#fff}pre{padding:1rem;background:#eee;margin:0 auto 60px}.demo-btn{display:inline-block;padding:.5rem 1.5rem;font-size:1rem;border:none;cursor:pointer;text-decoration:none}.demo-btn.demo-btn-sm{font-size:.875rem;padding:.5rem 1.5rem}.demo-btn.demo-btn-lg{font-size:22px;padding:20px}.demo-link{display:inline-block;text-decoration:none;padding:.75rem 1.5rem;margin-left:1rem;transition:ease-in all .2s;color:#8c4646}.demo-link:hover{color:#fff;background-color:#8c4646}.demo-nav{margin-bottom:60px}.demo-nav a.demo-btn{color:#fff;background-color:#8c4646;transition:ease-in all .2s}.demo-nav a.demo-btn.active{background-color:#453838;cursor:default}.demo-nav a.demo-btn.active:hover{background-color:#453838}.demo-nav a.demo-btn:hover{background-color:#d13434}.demo-output{transform-origin:center center;transform:scale(1);margin:60px auto}.demo-output.hidden{opacity:0;transform:scale(0)}.demo-output-icon{margin-top:60px;text-align:center}.demo-output-icon i{font-size:8rem!important}.demo-output-icon-sm{margin:10px 0;text-align:center}.demo-output-icon-sm i{font-size:4rem!important}.demo-wrapper{width:calc(50% - 4px);margin-bottom:20px;min-height:11.25rem;text-align:center;border:1px solid #ccc}.demo-wrapper h2{margin:0 0 1.5rem}.demo-wrapper h3,.demo-wrapper h4{margin:0 auto 20px;padding:.5rem 0}.demo-wrapper h3.demo-bg-1,.demo-wrapper h4.demo-bg-1{color:#fff;background-color:#2a4038}.demo-wrapper h3.demo-bg-2,.demo-wrapper h4.demo-bg-2{color:#483209;background-color:#e7a936}.demo-wrapper h3.demo-bg-3,.demo-wrapper h4.demo-bg-3{color:#341605;background-color:#e9681c}.demo-wrapper .demo-btn{margin:auto}@media only screen and (min-width:768px){.demo-wrapper{width:calc(33% - 4px)}#icon-library-select-wrapper{max-width:50%}}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.icon-picker-wrap{margin:0 auto 4rem;margin-top:10%;text-align:center}.justify-content-around{justify-content:space-around}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.text-center{text-align:center}#uip-reset-btn{margin-left:-1px}#uip-select-input{border:1px solid #ccc;padding:0 1rem}#icon-library-select-wrapper{margin:2rem auto 4rem}.btn-hover-effect{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;position:relative;display:flex;align-items:center;padding:22px 36px;transform:translateZ(0);text-decoration:none;overflow:hidden}.btn-hover-effect--effect-4:before{position:absolute;top:0;left:0;transition-property:transform;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;display:block;width:300%;height:300%;content:"";transform:scale(.5);transform-origin:center center;background-color:#fff3;border-radius:50%;z-index:-1}.btn-hover-effect--effect-4:after{position:absolute;top:0;left:0;content:" ";display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:inherit;opacity:0;transform:scale(1.4);background:url(/build/assets/angle-right-solid-hIl9Fk4R.svg) center no-repeat}.btn-hover-effect--effect-4.demo-bg-danger:after{background:url(/build/assets/times-solid-BVCRIUWn.svg) center no-repeat}.btn-hover-effect--effect-4:hover{color:transparent}.btn-hover-effect--effect-4:hover:before{transform:scale(2);transform-origin:center center}.btn-hover-effect--effect-4:hover:after{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:.2s;opacity:1;transform:scale(1)}
