.portrait-frame{background:linear-gradient(165deg,#f5e6a3 0%,#dcc35c 4%,#b8942a 10%,#d4b44e 18%,#f0d978 24%,#e8c84a 30%,#a88420 38%,#c9a63e 46%,#f2df8a 52%,#d4b44e 58%,#9a7818 64%,#c4a03a 72%,#e8d070 78%,#b89428 84%,#d4b84e 90%,#f0d978 96%,#c9a63e 100%);border-radius:2px;padding:16px;box-shadow:inset 0 0 0 1px #ffeba099,inset 1px 1px 4px #ffe67880,inset -1px -1px 4px #64410a66,inset 0 0 12px #ffd70026,0 4px 20px #00000059,0 0 60px #d4af371f}.portrait-frame:before{content:"";pointer-events:none;z-index:5;border:1px solid #78500a4d;border-color:#ffebaa73 #78500a4d #78500a4d #ffebaa73;border-radius:1px;position:absolute;inset:5px}.portrait-frame:after{content:"";pointer-events:none;z-index:5;border:1px solid #5a3c0a73;border-color:#ffe18c4d #5a3c0a73 #5a3c0a73 #ffe18c4d;border-radius:1px;position:absolute;inset:12px}.portrait-frame>img{z-index:1;border:2px solid #5c3d0e;position:relative;box-shadow:inset 0 0 8px #0003}@media (min-width:640px){.portrait-frame{padding:24px;box-shadow:inset 0 0 0 1px #ffeba099,inset 2px 2px 6px #ffe67880,inset -2px -2px 6px #64410a73,inset 0 0 20px #ffd7001f,0 6px 30px #0006,0 0 80px #d4af3726}.portrait-frame:before{inset:7px}.portrait-frame:after{inset:17px}}