.quote-frame-container{--bg-color:#fff7e1;--border-color:#000;border:1px solid var(--border-color)}.quote-frame-container .frame{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;position:relative}.quote-frame-container .frame .corner{z-index:1;display:block;position:absolute}.quote-frame-container .frame .corner.top-left{top:0;left:0}.quote-frame-container .frame .corner.top-right{top:0;right:0}.quote-frame-container .frame .corner.bottom-left{bottom:0;left:0}.quote-frame-container .frame .corner.bottom-right{bottom:0;right:0}.quote-frame-container.variant-bevel .corner{background:var(--bg-color);border-right:1px solid var(--border-color);width:20px;height:30px}.quote-frame-container.variant-bevel .corner.top-left{top:-12px;left:-6px;transform:rotate(45deg)}.quote-frame-container.variant-bevel .corner.top-right{top:-12px;right:-6px;transform:rotate(135deg)}.quote-frame-container.variant-bevel .corner.bottom-right{bottom:-12px;right:-6px;transform:rotate(225deg)}.quote-frame-container.variant-bevel .corner.bottom-left{bottom:-12px;left:-6px;transform:rotate(315deg)}.quote-frame-container.variant-diamond .corner{background-color:var(--border-color);outline:4px solid var(--bg-color);width:5.662px;height:5.662px;transform:rotate(45deg)}.quote-frame-container.variant-diamond .corner.top-left{top:-3px;left:-3px}.quote-frame-container.variant-diamond .corner.top-right{top:-3px;right:-3px}.quote-frame-container.variant-diamond .corner.bottom-right{bottom:-3px;right:-3px}.quote-frame-container.variant-diamond .corner.bottom-left{bottom:-3px;left:-3px}.quote-frame-container.variant-standard{background:var(--bg-color);padding:8px}.quote-frame-container.variant-standard .frame{border:1px solid var(--border-color)}.quote-frame-container.variant-standard .corner{display:none}
