.Frames_frame__L3FW8{position:relative;padding:4px;&[data-background-id="1"]{padding:7px}&[data-background-id="2"]{padding:5px}&[data-background-id="3"]{padding:4px}&[data-background-id="4"]{padding:3px}&[data-background-id="5"]{padding:2px}@media (max-width:768px){padding-left:3px;padding-bottom:3px;padding-right:3px;padding-top:3px;&[data-background-id="1"],&[data-background-id="2"]{padding:1px}&[data-background-id="3"],&[data-background-id="4"],&[data-background-id="5"]{padding:.5px}}}.Frames_blackFrame__uWuTy{position:relative;background:linear-gradient(45deg,#151515,#232323 20%,#151515 30%,#232323 40%,#151515 50%,#232323 60%,#151515 70%,#232323 80%,#151515);border:1px solid #0a0a0a;box-shadow:4px 4px 6px rgba(0,0,0,.5);overflow:hidden;&:before{inset:0;background-image:url(/images/wooden-background-wooden-oak-texture.jpeg);background-size:200px;background-repeat:repeat;opacity:.3;mix-blend-mode:soft-light}&:after,&:before{content:"";position:absolute}&:after{inset:1px;border:1px solid hsla(0,0%,100%,.03)}@media (max-width:768px){box-shadow:2px 2px 6px rgba(0,0,0,.5)}}.Frames_goldFrame__I80Dm{position:relative;background:linear-gradient(45deg,#614c15,#735a1d 20%,#614c15 30%,#735a1d 40%,#614c15 50%,#735a1d 60%,#614c15 70%,#735a1d 80%,#614c15);border:1px solid #8b7011;box-shadow:4px 4px 6px rgba(0,0,0,.4);overflow:hidden;&:before{inset:0;background-image:url(/images/wooden-background-wooden-oak-texture.jpeg);background-size:200px;background-repeat:repeat;opacity:.8;mix-blend-mode:overlay}&:after,&:before{content:"";position:absolute}&:after{inset:1px;border:1px solid hsla(0,0%,100%,.2)}@media (max-width:768px){box-shadow:2px 2px 6px rgba(0,0,0,.4)}}.Frames_lightOakFrame__QgezN{position:relative;background:linear-gradient(45deg,#9e8460,#b19576 10%,#9e8460 20%,#957c5c 30%,#9e8460 40%,#b19576 50%,#9e8460 60%,#957c5c 70%,#9e8460 80%,#b19576 90%,#9e8460);border:1px solid #806949;box-shadow:4px 4px 6px rgba(0,0,0,.4);overflow:hidden;&:before{inset:0;background-image:url(/images/wooden-background-wooden-oak-texture.jpeg);background-size:200px;background-repeat:repeat;opacity:.9;mix-blend-mode:multiply}&:after,&:before{content:"";position:absolute}&:after{inset:1px;border:1px solid hsla(0,0%,100%,.08);background:repeating-linear-gradient(45deg,transparent,rgba(139,69,19,.03) 2px,transparent 4px)}@media (max-width:768px){box-shadow:2px 2px 6px rgba(0,0,0,.3)}}.Frames_blackFrame__uWuTy .Frames_image__skwg4{border:1px solid #000;box-shadow:inset 0 0 2px rgba(0,0,0,.8)}.Frames_goldFrame__I80Dm .Frames_image__skwg4{border:1px solid #b8860b;box-shadow:inset 0 0 2px rgba(184,134,11,.7)}.Frames_lightOakFrame__QgezN .Frames_image__skwg4{border:1px solid #b39267;box-shadow:inset 0 0 2px rgba(139,69,19,.4)}.Frames_image__skwg4{position:relative;display:block}.Frames_frameSelector__BKZi_{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:12px;padding:6px;background:hsla(0,0%,100%,.1);border-radius:40px;backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease;@media (max-width:768px){gap:8px;padding-left:4px;padding-bottom:4px;padding-right:4px;padding-top:4px;bottom:65px}}.Frames_frameSelector__BKZi_:hover{background:hsla(0,0%,100%,.15)}.Frames_frameSwatch__F6YTi{width:24px;height:24px;border-radius:40px;cursor:pointer;transition:all .2s ease;position:relative;opacity:.7;@media (max-width:768px){width:20px;height:20px}}.Frames_frameSwatch__F6YTi:hover{transform:scale(1.15);opacity:1}.Frames_frameSwatch__F6YTi.Frames_active__G69ht{opacity:1;transform:scale(1.1)}.Frames_frameSwatch__F6YTi.Frames_active__G69ht:after{content:"";position:absolute;inset:-3px;border-radius:40px;border:1px solid hsla(0,0%,100%,.5)}.Frames_blackSwatch__2wWOB{background:linear-gradient(45deg,#151515,#232323);box-shadow:0 2px 4px rgba(0,0,0,.2)}.Frames_goldSwatch__CtK92{background:linear-gradient(45deg,#b39128,#d4af37);box-shadow:0 2px 4px rgba(0,0,0,.2)}.Frames_lightOakSwatch__SoV9F{background:linear-gradient(45deg,#b89b76,#c9ad8c);box-shadow:0 2px 4px rgba(0,0,0,.2)}.Frames_tooltipWrapper__C67sJ{position:relative;display:flex;align-items:center}.Frames_tooltip__2zVjB{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease}.Frames_tooltipWrapper__C67sJ:hover .Frames_tooltip__2zVjB{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.Frames_cornerLines__4p8RF{position:absolute;inset:0;pointer-events:none;& span:after,& span:before,&:after,&:before{content:"";position:absolute;width:15px;height:1px;background:currentColor;opacity:1}&:before{top:0;left:0;transform:rotate(45deg);transform-origin:left center}&:after{top:0;right:0;transform:rotate(-45deg);transform-origin:right center}& span:before{bottom:0;left:0;transform:rotate(-45deg);transform-origin:left center}& span:after{bottom:0;right:0;transform:rotate(45deg);transform-origin:right center}@media (max-width:768px){& span:after,& span:before,&:after,&:before{width:10px}&:after,&:before{top:0}& span:after,& span:before{bottom:0}}}.Frames_blackFrame__uWuTy .Frames_cornerLines__4p8RF{color:#000;opacity:.5}.Frames_goldFrame__I80Dm .Frames_cornerLines__4p8RF{color:#8b6d1e;opacity:.5}.Frames_lightOakFrame__QgezN .Frames_cornerLines__4p8RF{color:#806949;opacity:.5}