@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.codepen-wrapper{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-gray-600,#4a5565);overflow:hidden}@supports (color:lab(0% 0 0)){.codepen-wrapper{border-color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.codepen-wrapper .cp_embed_wrapper{margin:-1px}.codepen-wrapper .codepen{width:100%;height:100%;padding-inline:calc(var(--spacing,.25rem) * 4);justify-content:center;align-items:center;display:flex}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}