.ui-button-file{--card-height:130px;background:var(--surface-surface-main,#f2f3f5);color:var(--on-surface-on-surface-main,#293484);display:flex;min-height:var(--card-height);overflow:hidden;transition-duration:.2s;transition-property:background,color;transition-timing-function:ease-in-out;width:100%}@media (hover:hover) and (pointer:fine){.ui-button-file:hover{background:var(--state-hover-hover-neutral,#e9ebee)}.ui-button-file:hover,.ui-button-file:hover .ui-button-file__caption{color:var(--state-hover-hover-brand-1,#f94141)}.ui-button-file:hover .ui-button-file__pic img{transform:scale(1.03)}}@supports selector(:focus-visible){body:not(._use-mouse) .ui-button-file:focus-visible{background:var(--state-hover-hover-neutral,#e9ebee);color:var(--state-hover-hover-brand-1,#f94141)}body:not(._use-mouse) .ui-button-file:focus-visible .ui-button-file__caption{color:var(--state-hover-hover-brand-1,#f94141)}body:not(._use-mouse) .ui-button-file:focus-visible .ui-button-file__pic img{transform:scale(1.03)}body:not(._use-mouse) .ui-button-file:focus-visible:not(input):not(textarea),body:not(._use-mouse) .ui-button-file:focus-visible[type=checkbox]+label,body:not(._use-mouse) .ui-button-file:focus-visible[type=radio]+label{outline:auto #000;outline-offset:.2rem}}@supports not selector(:focus-visible){body:not(._use-mouse) .ui-button-file[data-focus-visible-added]{background:var(--state-hover-hover-neutral,#e9ebee);color:var(--state-hover-hover-brand-1,#f94141)}body:not(._use-mouse) .ui-button-file[data-focus-visible-added] .ui-button-file__caption{color:var(--state-hover-hover-brand-1,#f94141)}body:not(._use-mouse) .ui-button-file[data-focus-visible-added] .ui-button-file__pic img{transform:scale(1.03)}body:not(._use-mouse) .ui-button-file[data-focus-visible-added]:not(input):not(textarea),body:not(._use-mouse) .ui-button-file[data-focus-visible-added][type=checkbox]+label,body:not(._use-mouse) .ui-button-file[data-focus-visible-added][type=radio]+label{outline:auto #000;outline-offset:.2rem}}@media (min-width:768px){.ui-button-file{--card-height:138px}}.ui-button-file__inner{display:flex;flex-direction:column;flex-grow:1;gap:8px;justify-content:space-between;padding-top:4px}@media (min-width:1280px){.ui-button-file__inner{padding-top:8px}}.ui-button-file__inner{padding-bottom:4px}@media (min-width:1280px){.ui-button-file__inner{padding-bottom:8px}}.ui-button-file__inner{padding-left:8px}@media (min-width:768px){.ui-button-file__inner{padding-left:12px}}@media (min-width:1600px){.ui-button-file__inner{padding-left:16px}}.ui-button-file__inner{padding-right:8px}@media (min-width:768px){.ui-button-file__inner{padding-right:12px}}@media (min-width:1600px){.ui-button-file__inner{padding-right:16px}}.ui-button-file__icon{bottom:16px;font-size:18px;position:absolute;right:14px}.ui-button-file__caption{transition-duration:.2s;transition-property:color;transition-timing-function:ease-in-out}.ui-button-file .ui-button-file__pic{aspect-ratio:.6958598726;flex-shrink:0;height:var(--card-height);overflow:hidden}@supports not (aspect-ratio:.6958598726){.ui-button-file .ui-button-file__pic:before{content:"";float:left;padding-top:143.70709%}.ui-button-file .ui-button-file__pic:after{clear:both;content:"";display:block}}.ui-button-file .ui-button-file__pic img{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-in-out}
