@layer components{.frame-decoration_wrap{--_mark:calc(var(--icon-size-small) * var(--_scale));--_scale-min:.5;--_scale:1;--_gap:calc(.5rem * var(--_scale));--_line:var(--border-width);--_swatch-size:calc(.75rem * var(--_scale));--_tick-gap:calc(.625rem * var(--_scale));--_rail-width:calc(1rem * var(--_scale));--_marker-length:calc(1.625rem * var(--_scale));--_marker-dot:calc(.625rem * var(--_scale));--_note-gap:calc(.25rem * var(--_scale));--_tick-span:10;--_groups:7;--_stack:var(--_mark);--_clear:calc(var(--_stack) + var(--_gap) * 2);--_inset:calc(var(--site-margin) / 2 - var(--_mark) / 2);inset:var(--_inset);width:auto;height:auto;color:var(--border);pointer-events:none;position:absolute;container:frame-decoration/size}.frame-decoration_wrap:is(.offset,.hero){--_stack:calc(var(--_mark) * 2 + var(--_gap))}.frame-decoration_wrap.mini{--_mark:calc(.5rem * var(--_scale))}.frame-decoration_wrap.secondary{color:var(--border-2)}.frame-decoration_wrap.tertiary{color:var(--border-3)}.frame-decoration_wrap.accent{color:var(--icon-accent)}.frame-decoration_wrap.flush{inset:0}.frame-decoration_wrap.custom{inset:var(--_custom-inset,0rem)}.frame-decoration_wrap.offset-nav{inset-block-start:calc(var(--_inset) + var(--nav-height))}@media not (min-width:64rem){.frame-decoration_wrap{--_scale:calc((1 + var(--_scale-min)) / 2)}}@media not (min-width:48rem){.frame-decoration_wrap{--_scale:var(--_scale-min)}}@media not (min-width:64rem){.frame-decoration_wrap.hide-tablet{display:none}}@media not (min-width:48rem){.frame-decoration_wrap.hide-mobile{display:none}}.frame-decoration_mark{width:var(--_mark);height:var(--_mark);translate:0 calc(var(--_i,0) * var(--_dir,1) * (var(--_mark) + var(--_gap)));position:absolute}.frame-decoration_mark.top-left{--_dir:1;top:0;left:0;scale:-1}.frame-decoration_mark.top-right{--_dir:1;top:0;right:0;scale:1 -1}.frame-decoration_mark.bottom-left{--_dir:-1;bottom:0;left:0;scale:-1 1}.frame-decoration_mark.bottom-right{--_dir:-1;bottom:0;right:0}.frame-decoration_mark.circle{overflow:clip}.frame-decoration_arm{background-color:currentColor;position:absolute}.frame-decoration_arm.vertical{width:var(--_line);height:100%}.frame-decoration_arm.horizontal{width:100%;height:var(--_line)}.frame-decoration_ring{aspect-ratio:1;border:var(--_line) solid currentcolor;border-radius:50%;width:66.667%;position:absolute;top:50%;left:50%;translate:-50% -50%}.frame-decoration_dot{aspect-ratio:1;background-color:currentColor;border-radius:50%;width:25%;position:absolute;top:50%;left:50%;translate:-50% -50%}.frame-decoration_mark:is(.crop,.crop-detached)>.vertical{top:0;right:0}.frame-decoration_mark:is(.crop,.crop-detached)>.horizontal{bottom:0;left:0}.frame-decoration_mark.crop-detached>.vertical{height:80%}.frame-decoration_mark.crop-detached>.horizontal{width:80%}.frame-decoration_mark:is(.target,.target-ring,.target-dot,.circle)>.vertical{top:0;left:50%;translate:-50%}.frame-decoration_mark:is(.target,.target-ring,.target-dot,.circle)>.horizontal{top:50%;left:0;translate:0 -50%}.frame-decoration_mark.circle>.frame-decoration_ring{width:116.667%}.frame-decoration_mark.circle>.frame-decoration_dot{width:16.667%}.frame-decoration_mark.circle>.vertical{height:58.333%;top:20.833%}.frame-decoration_mark.circle>.horizontal{width:58.333%;left:20.833%}.frame-decoration_mark.lines>.horizontal:first-child{bottom:43.75%}.frame-decoration_mark.lines>.horizontal:last-child{bottom:15.417%}.frame-decoration_timeline{inset-inline-start:calc(var(--_mark) / 2);inset-block:var(--_clear);width:var(--_rail-width);max-height:calc(var(--_groups) * var(--_tick-span) * var(--_tick-gap));background-image:linear-gradient(to bottom, currentcolor 0 var(--_line), transparent 0), linear-gradient(to bottom, currentcolor 0 var(--_line), transparent 0);background-size:100% calc(var(--_tick-gap) * var(--_tick-span)), 50% var(--_tick-gap);background-repeat:repeat-y;margin-block:auto;position:absolute;translate:-50%}.frame-decoration_marker{width:var(--_marker-length);height:var(--_line);background-color:var(--icon-accent);will-change:transform;position:absolute;inset-block-start:0;inset-inline-start:0}.frame-decoration_marker:before{content:"";top:50%;width:var(--_marker-dot);aspect-ratio:1;background-color:var(--icon-accent);border-radius:50%;position:absolute;inset-inline-start:0;translate:-25% -50%}@container frame-decoration (height<16rem){.frame-decoration_timeline{display:none}}.frame-decoration_swatches{flex-direction:column;display:flex;position:absolute;inset-block-end:var(--_clear);inset-inline-start:calc(var(--_mark) / 2);translate:-50%}.frame-decoration_swatch{width:var(--_swatch-size);aspect-ratio:1;background-color:var(--_swatch);border:var(--_line) solid currentcolor}.frame-decoration_label{inset-inline-end:0;inset-block:var(--_clear);justify-content:start;align-items:center;gap:var(--_gap);flex-direction:column;display:flex;position:absolute}.frame-decoration_rule{width:var(--_mark);height:var(--_line);background-color:currentColor;flex:none}.frame-decoration_notes{gap:var(--_note-gap);flex-direction:row-reverse;min-height:0;display:flex;overflow:clip}.frame-decoration_note{writing-mode:vertical-rl;font-size:calc(var(--detail) * var(--_scale))}}