:root{--close_symbol_size: 28px;--close_symbol_thickness: 2px;--close_symbol_color: #76c5bc}.close{container-type:inline-size;position:relative;display:block;width:var(--close_symbol_size);height:var(--close_symbol_size);cursor:pointer}.close::before,.close::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:var(--close_symbol_thickness);height:120%;background-color:var(--close_symbol_color);transform-origin:center;transition:background-color var(--transition_time_s) ease;margin-inline-start:calc(var(--close_symbol_thickness)/-2);margin-block-start:-60%}.close::before{transform:rotate(45deg)}.close::after{transform:rotate(-45deg)}.close:where([data-size=small],.close_small){--close_symbol_size: 14px}.close_top_left,.close_top_right{position:absolute;top:var(--space_s)}.close_top_left{inset-inline-start:var(--space_s)}.close_top_right{inset-inline-end:var(--space_s)}:root{--slidein_panel_width: 95%;--slidein_panel_width_max: 940px;--slidein_panel_width_wide_max: 940px;--slidein_panel_content_padding: 2rem}@media(min-width: 1020px){:root{--slidein_panel_width_max: 50%;--slidein_panel_width_wide_max: 75%;--slidein_panel_content_padding: 3rem}}body.slidein_open{overflow:hidden}.slidein{container-type:inline-size}.slidein_panel{margin:0;border-start-start-radius:0;border-end-start-radius:0;overflow-y:auto;visibility:hidden;transition-duration:var(--transition_time_s);transform:translateX(102%);transition-property:transform;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;position:fixed;top:0px;inset-inline-end:0px;bottom:0px;height:100%;z-index:62;background-color:var(--body_bg_color);width:var(--slidein_panel_width);max-width:var(--slidein_panel_width_max)}.slidein_panel:where([data-width=wide],.slidein_panel_wide){max-width:var(--slidein_panel_width_wide_max)}@media(min-width: 1020px){.slidein_panel:where([data-width=slim],.slidein_panel_slim){--slidein_panel_width_max: 35%}}.loaded .slidein_panel{visibility:visible}.slidein_panel.active{transform:translateX(0%)}.no-js .slidein_panel,.loading .slidein_panel{display:none}.slidein_content{padding:var(--slidein_panel_content_padding)}.slidein_content:where([data-size=small],.slidein_content_small){--slidein_panel_content_padding: 2rem;padding-top:2rem}.slidein_media{aspect-ratio:16/9;overflow:hidden;background-color:var(--surface_fill)}.slidein_media picture,.slidein_media img{display:block;width:100%;height:100%;object-fit:cover}.slidein_image{border-start-end-radius:0}.slidein_open .slidein_overlay{transition:inset-inline-start 0s 0s,opacity var(--transition_time_m) 0s;inset-inline-start:0px;opacity:1}.slidein_closer{position:fixed;display:inline-flex;align-items:center;justify-content:center;width:var(--control_size);height:var(--control_size);padding:0;border:0;border-radius:var(--control_radius);background-color:var(--control_bg);color:var(--control_color);cursor:pointer;transition:background-color var(--transition_time_s),opacity var(--transition_time_s)}.slidein_closer:hover,.slidein_closer:focus-visible{background-color:var(--control_bg_hover)}.slidein_closer:focus-visible{outline:var(--focus_ring_width) solid var(--focus_ring_color);outline-offset:var(--focus_ring_offset)}.slidein_closer:disabled{opacity:.35;cursor:default}.slidein_closer{inset-inline-end:var(--control_gap);top:var(--control_gap);overflow:hidden;white-space:nowrap}.slidein_closer::before,.slidein_closer::after{content:"";position:absolute;height:2px;width:60%;top:50%;inset-inline-start:25%;margin-inline-start:-2px;margin-top:-1px;background-color:var(--control_color)}.slidein_closer::before{transform:rotate(45deg)}.slidein_closer::after{transform:rotate(-45deg)}.slidein_closer{z-index:63;display:none;top:auto;bottom:var(--control_gap)}@media(min-width: 760px){.slidein_closer{top:var(--control_gap);bottom:auto}}.slidein_closer.active{display:block;animation:slidein_closer_move_in var(--transition_time_s)}@keyframes slidein_closer_move_in{0%{transform:translateX(6.4rem)}100%{transform:translateX(0)}}@keyframes slidein_content_fade{0%{opacity:0}100%{opacity:1}}.slidein_panel .slidein_image,.slidein_panel .slidein_content{opacity:0}.slidein_panel.active .slidein_image,.slidein_panel.active .slidein_content{animation:slidein_content_fade var(--transition_time_m) ease forwards;will-change:opacity}