@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-duration:initial;--tw-ease:initial;--tw-tracking:initial}}}.phoneListItem-container{border:1px solid var(--border-color);background-color:var(--color-white,#fff);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.phoneListItem-container .overlay{inset:calc(var(--spacing,.25rem)*0);z-index:0;transform-origin:bottom;--tw-scale-y:0%;scale:var(--tw-scale-x)var(--tw-scale-y);background-color:var(--color-black,#000);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.5s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));position:absolute}@media (hover:hover){.phoneListItem-container .overlay:is(:where(.group):hover *){--tw-scale-y:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.phoneListItem-container .image-container{padding:calc(var(--spacing,.25rem)*6);justify-content:center;align-items:center;display:flex;position:relative}.phoneListItem-container .image-container .image{width:180px;height:220px;position:relative}.phoneListItem-container .image-container .image img{object-fit:contain;object-position:center;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.phoneListItem-container .image-container .image img:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.phoneListItem-container .data{z-index:10;padding:calc(var(--spacing,.25rem)*4);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;margin-top:auto;transition-duration:.3s;position:relative}@media (hover:hover){.phoneListItem-container .data:is(:where(.group):hover *){color:var(--color-white,#fff)}}.phoneListItem-container .data .brand{color:var(--text-color-light);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);text-transform:uppercase}@media (hover:hover){.phoneListItem-container .data .brand:is(:where(.group):hover *){color:var(--color-neutral-300,#d4d4d4)}@supports (color:lab(0% 0 0)){.phoneListItem-container .data .brand:is(:where(.group):hover *){color:var(--color-neutral-300,lab(84.92% 0 -.0000119209))}}}.phoneListItem-container .data .namePrice{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));text-transform:uppercase;flex-direction:row;justify-content:space-between;display:flex}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}