.uglyavatar-page .uglyavatar-preview-card,.uglyavatar-page .uglyavatar-control-card{border:1px solid #dee2e6;border-radius:.5rem;background:linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%)}.uglyavatar-page .uglyavatar-preview{min-height:360px;display:flex;align-items:center;justify-content:center;border:1px dashed #ccc;border-radius:.5rem;background-image:linear-gradient(45deg, #fafafa 25%, transparent 25%),linear-gradient(-45deg, #fafafa 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #fafafa 75%),linear-gradient(-45deg, transparent 75%, #fafafa 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.uglyavatar-page .uglyavatar-preview svg{width:min(100%,420px);height:auto;display:block}.uglyavatar-page .uglyavatar-actions{grid-gap:.5rem;gap:.5rem}.uglyavatar-page .uglyavatar-actions .btn{flex:1 1 calc(50% - .5rem);min-width:140px}.uglyavatar-page .uglyavatar-actions .uglyavatar-action-secondary{border:1px solid #f1f2f2;background:#fff;color:#2f3a45;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}.uglyavatar-page .uglyavatar-actions .uglyavatar-action-secondary:hover,.uglyavatar-page .uglyavatar-actions .uglyavatar-action-secondary:focus{border-color:#adb5bd;background:#f8f9fa;color:#212529}.uglyavatar-page .uglyavatar-actions .uglyavatar-action-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.2)}