input{height:48px;border:2px solid var(--lightGrey);border-radius:8px;transition:border-color 80ms ease;background:var(--white);font-family:var(--font-family);padding-left:12px;padding-right:12px;font-size:16px;overflow-x:auto;&:focus{border-color:var(--night)}&:disabled{background:var(--extraLightGrey)}}#icon-container{position:relative;width:200px;height:200px;border-radius:12px;overflow:visible;align-self:center;border:1px solid var(--extraLightGrey);#icon-fallback{background-color:var(--extraLightGrey);padding:16px}#icon-fallback,#icon-preview{position:absolute;inset:0;border-radius:12px}#icon-preview{background-size:cover;background-position:50%;background-repeat:no-repeat}#icon-validator{position:fixed;top:-100px;left:-100px;width:1px;height:1px}}#clear-button{position:absolute;top:-12px;right:-12px;width:24px;height:24px;border-radius:50%;border:1px solid white;background-color:var(--black);color:var(--white);display:flex;align-items:center;justify-content:center}textarea{min-height:60px;overflow-y:auto;resize:vertical;max-height:200px;border:2px solid var(--lightGrey);border-radius:8px;transition:border-color 80ms ease;background:var(--white);font-family:var(--font-family);padding:8px 12px;field-sizing:content;font-size:16px;&:focus{border-color:var(--night)}&:disabled{background:var(--extraLightGrey)}}.step-bar{min-height:12px;flex-shrink:0;padding-top:8px;padding-bottom:8px;.bar{flex-grow:1;border-radius:4px;height:8px;background-color:var(--extraLightGrey);&[selected-=true]{background-color:var(--primary)}}}#buttons{padding:16px;box-shadow:0 -8px 16px 0 rgba(0,0,0,.05);position:relative}.button{position:relative;display:inline-flex;gap:8px;justify-content:center;align-items:center;font-weight:500;border-radius:40px;border:none;text-decoration:none;cursor:pointer;transition:background-color .1s ease,filter .1s ease,opacity .1s ease;font-family:var(--font-family);&:disabled{pointer-events:none;opacity:.5}&[variant-=primary]{background:linear-gradient(to bottom,var(--white20),transparent),linear-gradient(to bottom,var(--primary),var(--primary));color:var(--white);&:hover{filter:brightness(1.25)}&:active{filter:brightness(1.5)}}&[variant-=secondary]{background:linear-gradient(to bottom,var(--white),var(--primary10)),linear-gradient(to bottom,var(--white),var(--white));box-shadow:0 0 0 .25px var(--lightGrey) inset;color:var(--primary);&:hover{filter:brightness(.95)}&:active{filter:brightness(.9)}}&[variant-=tertiary]{background:none;color:var(--primary);&:hover{background:var(--primary05)}&:active{background:var(--primary10)}}&[variant-=outline]{background:none;color:var(--primary);border:1.5px solid var(--primaryVeryLight);&:hover{background:var(--primary05)}&:active{background:var(--primary10)}}&[variant-=grey]{background-color:var(--extraLightGrey);color:var(--primary)}&[size-=md]{height:48px;padding:0 30px;font-size:14px}&[size-=sm]{height:32px;padding:0 26px;font-size:14px}&[size-=xs]{height:24px;padding:0 20px;font-size:12px}&[full-width-=true]{width:100%}}#details-content{padding:16px 16px 128px;overflow-y:auto}#loader{color:var(--extraLightGrey);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#example-welcome-content{padding:16px}#welcome-indicator{outline:dashed 2px var(--blue);border-radius:4px;outline-offset:8px}#pinned-message-community-header{padding:12px;border-bottom:1px solid var(--extraLightGrey)}#pinned-message-widget{padding:12px 16px;border-radius:8px;background:radial-gradient(77.91% 127.69% at 79.92% -4.66%,var(--colors-blue-200,#b6eaff) 0,var(--colors-base-white-4,rgba(255,255,255,.04)) 100%),radial-gradient(305.69% 176.74% at -1.64% 66.91%,#fff9de 0,rgba(255,255,255,0) 100%),var(--colors-gray-gray-1-200,#d3d4db);outline:dashed 2px var(--blue);outline-offset:8px}#pinned-message-container{padding:16px}#icon-communities-header{padding:16px;background:radial-gradient(77.91% 127.69% at 79.92% -4.66%,var(--colors-blue-200,#b6eaff) 0,var(--colors-base-white-4,rgba(255,255,255,.04)) 100%),radial-gradient(305.69% 176.74% at -1.64% 66.91%,#fff9de 0,rgba(255,255,255,0) 100%),var(--colors-gray-gray-1-200,#d3d4db)}#icon-community-header{padding:16px;border-bottom:1px solid var(--extraLightGrey)}#icon-community-icon{outline:dashed 2px var(--blue);outline-offset:8px}#icon-community-image{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat}.community-icon{border-radius:16px;background-color:var(--white);position:relative;overflow:hidden;.community-icon-image{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat}}.example-card{border-radius:16px;overflow:hidden;.example-card-title{background-color:var(--extraLightGrey);padding:8px 0}.example-card-content{background-color:var(--grey50)}}