:root{--damo-swipe-indicator-size:6px;--damo-swipe-indicator-margin:var(--damo-padding-sm);--damo-swipe-indicator-active-opacity:1;--damo-swipe-indicator-inactive-opacity:.3;--damo-swipe-indicator-active-background:var(--damo-primary-color);--damo-swipe-indicator-inactive-background:var(--damo-border-color)}.damo-swipe{cursor:grab;overflow:hidden;position:relative;transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.damo-swipe__track{display:flex;height:100%;transition-property:transform}.damo-swipe__track--vertical{flex-direction:column}.damo-swipe__indicators{bottom:var(--damo-swipe-indicator-margin);display:flex;left:50%;position:absolute;transform:translate(-50%)}.damo-swipe__indicators--vertical{bottom:auto;flex-direction:column;left:var(--damo-swipe-indicator-margin);top:50%;transform:translateY(-50%)}.damo-swipe__indicators--vertical .damo-swipe__indicator:not(:last-child){margin-bottom:var(--damo-swipe-indicator-size)}.damo-swipe__indicator{background-color:var(--damo-swipe-indicator-inactive-background);border-radius:100%;height:var(--damo-swipe-indicator-size);opacity:var(--damo-swipe-indicator-inactive-opacity);transition:opacity var(--damo-duration-fast),background-color var(--damo-duration-fast);width:var(--damo-swipe-indicator-size)}.damo-swipe__indicator:not(:last-child){margin-right:var(--damo-swipe-indicator-size)}.damo-swipe__indicator--active{background-color:var(--damo-swipe-indicator-active-background);opacity:var(--damo-swipe-indicator-active-opacity)}.damo-swipe-item{flex-shrink:0;height:100%;position:relative;width:100%}:root{--damo-image-placeholder-text-color:var(--damo-text-color-2);--damo-image-placeholder-font-size:var(--damo-font-size-md);--damo-image-placeholder-background:var(--damo-background);--damo-image-loading-icon-size:32px;--damo-image-loading-icon-color:var(--damo-gray-4);--damo-image-error-icon-size:32px;--damo-image-error-icon-color:var(--damo-gray-4)}.damo-image{display:inline-block;position:relative}.damo-image--round{border-radius:var(--damo-radius-max);overflow:hidden}.damo-image--round .damo-image__img{border-radius:inherit}.damo-image--block{display:block}.damo-image__error,.damo-image__img,.damo-image__loading{display:block;height:100%;width:100%}.damo-image__error,.damo-image__loading{align-items:center;background:var(--damo-image-placeholder-background);color:var(--damo-image-placeholder-text-color);display:flex;flex-direction:column;font-size:var(--damo-image-placeholder-font-size);justify-content:center;left:0;position:absolute;top:0}.damo-image__loading-icon{color:var(--damo-image-loading-icon-color);font-size:var(--damo-image-loading-icon-size)}.damo-image__error-icon{color:var(--damo-image-error-icon-color);font-size:var(--damo-image-error-icon-size)}:root{--damo-image-preview-index-text-color:var(--damo-white);--damo-image-preview-index-font-size:var(--damo-font-size-md);--damo-image-preview-index-line-height:var(--damo-line-height-md);--damo-image-preview-index-text-shadow:0 1px 1px var(--damo-gray-8);--damo-image-preview-overlay-background:rgba(0,0,0,.9);--damo-image-preview-close-icon-size:22px;--damo-image-preview-close-icon-color:var(--damo-gray-5);--damo-image-preview-close-icon-margin:var(--damo-padding-md);--damo-image-preview-close-icon-z-index:1}.damo-image-preview{background-color:transparent;height:100%;left:0;max-width:none;position:fixed;top:0;transform:none;width:100%}.damo-image-preview__swipe{height:100%}.damo-image-preview__swipe-item{align-items:center;display:flex;justify-content:center;overflow:hidden}.damo-image-preview__cover{left:0;position:absolute;top:0}.damo-image-preview__image,.damo-image-preview__image-wrap{transition-property:transform;width:100%}.damo-image-preview__image--vertical,.damo-image-preview__image-wrap--vertical{height:100%;width:auto}.damo-image-preview__image img,.damo-image-preview__image video,.damo-image-preview__image-wrap img,.damo-image-preview__image-wrap video{-webkit-user-drag:none}.damo-image-preview__image .damo-image__error,.damo-image-preview__image-wrap .damo-image__error{height:40%;top:30%}.damo-image-preview__image .damo-image__error-icon,.damo-image-preview__image-wrap .damo-image__error-icon{font-size:36px}.damo-image-preview__image .damo-image__loading,.damo-image-preview__image-wrap .damo-image__loading{background-color:transparent}.damo-image-preview__index{color:var(--damo-image-preview-index-text-color);font-size:var(--damo-image-preview-index-font-size);left:50%;line-height:var(--damo-image-preview-index-line-height);position:absolute;text-shadow:var(--damo-image-preview-index-text-shadow);top:var(--damo-padding-md);transform:translate(-50%)}.damo-image-preview__overlay{background:var(--damo-image-preview-overlay-background)}.damo-image-preview__close-icon{color:var(--damo-image-preview-close-icon-color);font-size:var(--damo-image-preview-close-icon-size);position:absolute;z-index:var(--damo-image-preview-close-icon-z-index)}.damo-image-preview__close-icon--top-left{left:var(--damo-image-preview-close-icon-margin);top:var(--damo-image-preview-close-icon-margin)}.damo-image-preview__close-icon--top-right{right:var(--damo-image-preview-close-icon-margin);top:var(--damo-image-preview-close-icon-margin)}.damo-image-preview__close-icon--bottom-left{bottom:var(--damo-image-preview-close-icon-margin);left:var(--damo-image-preview-close-icon-margin)}.damo-image-preview__close-icon--bottom-right{bottom:var(--damo-image-preview-close-icon-margin);right:var(--damo-image-preview-close-icon-margin)}