html,body{min-height:100vh;touch-action:manipulation}.text-sma{font-size:12px}.text-smaller{font-size:14px}.text-smallest{font-size:12px}input.ng-invalid.ng-touched{border:1px solid red}.form-control.has-error{border-color:red}.carousel-indicators{margin-bottom:0!important}.carousel-indicators li,.carousel-indicators button{height:5px!important}.border-dashed{border-style:dashed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.pin-list-item{flex:1 1 45%;max-width:45%;display:flex;justify-content:center;align-items:center;min-height:80px;text-align:center}.pin-image-wrapper{position:relative;overflow:hidden}.pin-image-wrapper.loaded .spin{opacity:0}.pin-image-wrapper.loaded .pin-image{opacity:1!important}.pin-image-wrapper .pin-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:#0003;pointer-events:none;white-space:nowrap}.pin-image-wrapper .pin-image-defaults{display:flex;justify-content:center;align-items:center;background:transparent;opacity:0;transition:opacity .3s ease;overflow:hidden}.pin-image-wrapper .pin-image-defaults img{width:100%;height:100%;object-fit:cover}.pin-image-wrapper .pin-image-defaults img.not-earned{filter:grayscale(100%);opacity:.35}.pin-image-wrapper .pin-image-defaults img.earned{filter:none!important;opacity:1}.pin-image-wrapper .pin-image-defaults .pinlevel{position:absolute;display:flex;width:37px;height:37px;justify-content:center;align-items:center;border-radius:50%}.pin-image-wrapper .pin-image-defaults .pinlevel span{height:19px;width:19px;border:1px solid black}.pin-image-wrapper .pin-image-defaults .pinlevel span.easy{background-color:#2ecc71;border-radius:50%}.pin-image-wrapper .pin-image-defaults .pinlevel span.medium{background-color:#3498db}.pin-image-wrapper .pin-image-defaults .pinlevel span.hard{background-color:#e74c3c;border-radius:50%}.pin-image-wrapper .pin-image-defaults .pinlevel span.superhard{background-color:#000;transform:rotate(45deg)}@media(min-width:768px){.pin-list-item{flex:1 1 15%;max-width:15%}}