@layer atoms{.image{aspect-ratio:1;border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,#e5e7eb);background-color:var(--color-white,#fff);--tw-duration:.2s;width:100%;height:fit-content;transition-duration:.2s;display:block;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.image{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}@media (hover:hover){.image:hover{border-color:var(--color-primary-200)}}.image img{object-fit:contain;object-position:center;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;width:100%;height:100%}.image svg{width:100%;height:100%;color:var(--color-gray-300,#d1d5dc);padding:25%}@supports (color:lab(0% 0 0)){.image svg{color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.image:not(:hover),.image:not(:hover) svg{--tw-duration:.6s;transition-duration:.6s}@media (max-width:1024px){.image{border-radius:var(--radius-lg,.5rem)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}