.feature-example{max-height:400px;margin-top:36px;position:relative;overflow:hidden}.feature-example__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,hsla(0,0%,96.5%,.4),#f6f6f6);background:linear-gradient(180deg,rgba(var(--color-surface-backdrop-rgb),.4),rgba(var(--color-surface-backdrop-rgb),1));z-index:179}.progress-bar{width:100%;display:inline-block;position:relative;height:9px;background-color:#ccced0;background-color:var(--color-neutral-100);border-radius:4.5px}.progress-bar.is-compact{height:4px}.progress-bar__progress{display:inline-block;position:absolute;top:0;left:0;height:100%;background-color:#016087;background-color:var(--color-primary);border-radius:4.5px;transition:width .2s}.progress-bar.is-pulsing .progress-bar__progress{animation:progress-bar-animation 3.3s linear infinite;background-size:50px 100%;background-image:linear-gradient(-45deg,#016087 28%,#6f93ad 0,#6f93ad 72%,#016087 0);background-image:linear-gradient(-45deg,var(--color-primary) 28%,var(--color-primary-light) 0,var(--color-primary-light) 72%,var(--color-primary) 0)}@keyframes progress-bar-animation{0%{background-position:100px 0}}.percentage-bar{border-radius:0;height:8px;width:150px}.percentage-bar .progress-bar__progress{border-radius:0}.upload-drop-zone__dropzone{position:relative;background-color:#f6f6f6;background-color:var(--color-neutral-0);border:2px dashed #969ca1;border:2px dashed var(--color-neutral-light);transition:all .2s ease-out,color .1s ease-out;cursor:pointer}.upload-drop-zone__dropzone svg *{transition:color .1s ease-out}.upload-drop-zone__dropzone .file-picker{color:#3d4145;color:var(--color-neutral-700);display:flex;flex-direction:column;justify-content:center;align-items:center;height:180px}.upload-drop-zone__dropzone:hover{border-color:#3d4145;border-color:var(--color-neutral-700);transform:translate3d(0,-1px,0);box-shadow:0 2px 4px #ccced0;box-shadow:0 2px 4px var(--color-neutral-100)}.upload-drop-zone__dropzone:hover .upload-drop-zone__icon{color:#3d4145;color:var(--color-neutral-700)}.upload-drop-zone__icon{color:#969ca1;color:var(--color-neutral-light)}.upload-drop-zone__instructions{font-style:italic;font-size:12px}.upload-drop-zone.is-disabled{opacity:.2;pointer-events:none}