.media-frame{--mf-accent:var(--secondary-yellow);--mf-accent-soft:color-mix(in srgb, var(--mf-accent) 70%, white);--mf-rotation:0deg;transform:rotate(var(--mf-rotation));padding:1.1rem 1rem 1.25rem;transition:transform .25s,filter .25s;display:block;position:relative;overflow:visible}.media-frame--featured{filter:drop-shadow(0 10px 22px #1f29371f);padding:1.55rem 1.35rem 1.75rem}.media-frame--accent-yellow{--mf-accent:var(--secondary-yellow)}.media-frame--accent-teal{--mf-accent:var(--secondary-teal)}.media-frame--accent-red{--mf-accent:var(--primary)}.media-frame--accent-blue{--mf-accent:var(--secondary-blue)}.media-frame--accent-pink{--mf-accent:var(--secondary-pink)}.media-frame__brush-back,.media-frame__brush-side{pointer-events:none;z-index:0;background:var(--mf-accent);opacity:.92;position:absolute;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.media-frame__brush-back{inset:-4% -6% -8% -8%;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 140' preserveAspectRatio='none'><path fill='black' d='M18 28c22-26 58-34 92-22 28 10 52 8 70 22 14 12 22 34 12 52-8 16-4 34-22 44-24 14-58 18-92 10-30-8-58-6-72-24-16-20-10-52 12-82z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 140' preserveAspectRatio='none'><path fill='black' d='M18 28c22-26 58-34 92-22 28 10 52 8 70 22 14 12 22 34 12 52-8 16-4 34-22 44-24 14-58 18-92 10-30-8-58-6-72-24-16-20-10-52 12-82z'/></svg>")}.media-frame__brush-back--b{background:color-mix(in srgb, var(--mf-accent) 75%, var(--secondary-pink));inset:-10% -4% -2% -10%;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 140' preserveAspectRatio='none'><path fill='black' d='M8 48c12-36 48-52 88-46 36 6 70-4 92 18 18 18 18 48 4 68-12 18 2 40-18 52-28 16-64 10-96 4-34-6-62 6-78-14-18-22-10-54 8-82z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 140' preserveAspectRatio='none'><path fill='black' d='M8 48c12-36 48-52 88-46 36 6 70-4 92 18 18 18 18 48 4 68-12 18 2 40-18 52-28 16-64 10-96 4-34-6-62 6-78-14-18-22-10-54 8-82z'/></svg>")}.media-frame__brush-back--c{background:color-mix(in srgb, var(--mf-accent) 80%, var(--secondary-teal));inset:-6% -10% -10% -2%;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 140' preserveAspectRatio='none'><path fill='black' d='M24 18c30-18 70-20 104-6 26 10 54 6 66 28 10 18 6 44-10 58-14 12-8 36-30 46-30 14-66 8-98 2-28-6-52 4-64-16C-20 104-4 68 8 46c8-14 6-22 16-28z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 140' preserveAspectRatio='none'><path fill='black' d='M24 18c30-18 70-20 104-6 26 10 54 6 66 28 10 18 6 44-10 58-14 12-8 36-30 46-30 14-66 8-98 2-28-6-52 4-64-16C-20 104-4 68 8 46c8-14 6-22 16-28z'/></svg>")}.media-frame__brush-side{opacity:.88;width:42%;height:48%;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path fill='black' d='M12 30c18-28 48-34 72-18 16 12 22 34 10 52-10 16-6 34-26 40-22 6-46 2-62-14C-8 72-2 44 12 30z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path fill='black' d='M12 30c18-28 48-34 72-18 16 12 22 34 10 52-10 16-6 34-26 40-22 6-46 2-62-14C-8 72-2 44 12 30z'/></svg>")}.media-frame__brush-side--a{top:-8%;left:-10%}.media-frame__brush-side--b{inset:auto -12% -6% auto}.media-frame__brush-side--c{width:36%;height:42%;top:40%;left:auto;right:-10%}.media-frame__brush-side--accent-yellow{background:var(--secondary-yellow)}.media-frame__brush-side--accent-teal{background:var(--secondary-teal)}.media-frame__brush-side--accent-red{background:var(--primary)}.media-frame__brush-side--accent-blue{background:var(--secondary-blue)}.media-frame__brush-side--accent-pink{background:var(--secondary-pink)}.media-frame__splash{pointer-events:none;z-index:1;position:absolute;inset:0}.media-frame__splash-dot{background:var(--secondary-yellow);opacity:.9;border-radius:50%;position:absolute}.media-frame__splash-dot--yellow{background:var(--secondary-yellow)}.media-frame__splash-dot--teal{background:var(--secondary-teal)}.media-frame__splash-dot--red{background:var(--primary)}.media-frame__splash-dot--blue{background:var(--secondary-blue)}.media-frame__splash-dot--pink{background:var(--secondary-pink)}.media-frame__card{z-index:2;background:var(--light);border:2px solid color-mix(in srgb, var(--mf-accent) 55%, white);border-radius:1.1rem;padding:.55rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 8px 24px #1f29371a}.media-frame--featured .media-frame__card{border-width:2.5px;padding:.75rem;box-shadow:inset 0 1px #fffffff2,0 14px 36px #1f293724}.media-frame--variant-highlight .media-frame__card{border-color:color-mix(in srgb, var(--mf-accent) 75%, var(--primary))}.media-frame__media{background:#0f172a;border-radius:.75rem;min-height:0;position:relative;overflow:hidden}.media-frame__media>*{width:100%;display:block}.media-frame__media img,.media-frame__media video,.media-frame__media iframe{object-fit:cover;vertical-align:middle;border:0;width:100%;height:100%}.media-frame__doodle{z-index:3;pointer-events:none;width:1.55rem;height:1.55rem;color:var(--secondary-pink);position:absolute}.media-frame__doodle svg{width:100%;height:100%;display:block}.media-frame__doodle--heart{color:var(--secondary-pink);top:.85rem;left:1.1rem}.media-frame__doodle--star{color:var(--secondary-yellow);top:.9rem;right:1.15rem}.media-frame__doodle--heart-br{color:var(--secondary-pink);width:1.25rem;height:1.25rem;bottom:1.2rem;right:1.35rem}.media-frame--density-low .media-frame__brush-side{opacity:.55}.media-frame--density-low .media-frame__splash-dot:nth-child(n+3),.media-frame--density-low .media-frame__doodle--heart-br{display:none}.media-frame--preset-product{padding:.7rem}.media-frame--preset-product .media-frame__brush-back{opacity:.45}.media-frame--preset-product .media-frame__brush-side{opacity:.35}.media-frame--preset-ambulance .media-frame__brush-back{opacity:.7}.media-frame--preset-cars .media-frame__card{border-color:color-mix(in srgb, var(--mf-accent) 65%, var(--primary))}@media (max-width:700px){.media-frame{padding:.85rem .7rem 1rem;transform:none;--mf-rotation:0deg!important}.media-frame--featured{padding:1rem .85rem 1.15rem}.media-frame--density-high .media-frame__splash-dot:nth-child(n+4){display:none}.media-frame__brush-back{opacity:.75;inset:-2% -4% -4%}.media-frame__brush-side{opacity:.55}.media-frame__doodle{width:1.25rem;height:1.25rem}}