:root{--dShad:drop-shadow(0 0 .95vw rgba(254,254,244,1))}

.frame{-webkit-box-sizing:padding-box;-moz-box-sizing:padding-box;-ms-box-sizing:padding-box;-o-box-sizing:padding-box;box-sizing:padding-box;
display:inline-block;position:relative;background:none;
top:var(-top);left:var(--left);width:var(--width);height:var(--height);padding:var(--pad);
border:solid var(--border);border-top-color:#ddd;border-left-color:#eee;border-right-color:#eee;border-bottom-color:#ccc;
-webkit-filter:var(--dShad);-moz-filter:var(--dShad);-ms-filter:var(--dShad);-o-filter:var(--dShad);filter:var(--dShad)}

.frame::before,.frame::after{position:absolute;content:"";box-shadow:var(--inset) .16vw .33vw .16vw rgba(0,0,0,.25)}
.frame::before{--inset:inset 0;top:var(--bT);left:var(--bL);bottom:var(--bB);right:var(--bR)}
.frame::after{--inset:0;top:var(--aT);left:var(--aL);bottom:var(--aB);right:var(--aR)}