.df-framed{--df-shadow-dir:1;box-sizing:border-box;display:block;width:100%;max-width:clamp(260px, 28vw, 420px);height:auto;border:1.5px solid #000;border-radius:10px;box-shadow:calc(var(--df-shadow-dir) * 2px) 4px 4px rgba(0,204,255,1),
    calc(var(--df-shadow-dir) * 3px) 6px 10px rgba(0,0,0,1),
    calc(var(--df-shadow-dir) * 3px) 6px 12px rgba(51,214,255,1) !important;transition:box-shadow .25s ease}.df-framed:hover{box-shadow:calc(var(--df-shadow-dir) * 2px) 4px 8px rgba(0,204,255,1),
    calc(var(--df-shadow-dir) * 3px) 6px 20px rgba(0,0,0,1),
    calc(var(--df-shadow-dir) * 3px) 6px 26px rgba(51,214,255,1),
    0 0 28px rgba(0,204,255,0.38) !important}.df-shadow-right{--df-shadow-dir:1}.df-shadow-left{--df-shadow-dir:-1}@media (min-width:1600px){.df-framed{max-width:400px}}.df-has-pad img.df-framed.df-shadow-left,.df-has-pad img.df-framed.df-shadow-right,img.df-framed.df-pad.df-shadow-left,img.df-framed.df-pad.df-shadow-right{--_pad:var(--frame-pad,12px);--_pbd:var(--pad-border,1.5px);--_edge:calc(var(--_pad) + var(--_pbd));--_pad-color:var(--pad-color,#f9fafb);--_dir:var(--df-shadow-dir,1);box-shadow:0 0 0 var(--_pad) var(--_pad-color),0 0 0 var(--_edge) #111,calc(var(--_dir) * 2px) 3px  4px  var(--_edge) rgba(0,204,255,1),
    calc(var(--_dir) * 3px) 5px 10px  var(--_edge) rgba(0,0,0,1),
    calc(var(--_dir) * 3px) 5px 12px  var(--_edge) rgba(51,214,255,1),
    0 0 0px var(--_edge) rgba(0,204,255,.38) !important}.df-has-pad img.df-framed.df-shadow-left:hover,.df-has-pad img.df-framed.df-shadow-right:hover,img.df-framed.df-pad.df-shadow-left:hover,img.df-framed.df-pad.df-shadow-right:hover{--_pad:var(--frame-pad,12px);--_pbd:var(--pad-border,1.5px);--_edge:calc(var(--_pad) + var(--_pbd));--_pad-color:var(--pad-color,#f9fafb);--_dir:var(--df-shadow-dir,1);box-shadow:0 0 0 var(--_pad) var(--_pad-color),0 0 0 var(--_edge) #111,calc(var(--_dir) * 2px) 4px  8px  var(--_edge) rgba(0,204,255,1),
    calc(var(--_dir) * 3px) 6px 20px  var(--_edge) rgba(0,0,0,1),
    calc(var(--_dir) * 3px) 6px 26px  var(--_edge) rgba(51,214,255,1),
    0 0 28px var(--_edge) rgba(0,204,255,.38) !important}img.df-framed{aspect-ratio:var(--df-aspect,auto)}