/* Design 4 "Soft Canvas" (more space, soft cards): same element sizes as design 2; differences are spacing, colour, corners and font. Only active when <html> has .gwp_v4. */
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('../fonts/plus-jakarta-sans/plus-jakarta-sans-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html.gwp_v2.gwp_v4 { --v2-ground: #f4f6fe; --v2-card: #ffffff; --v2-ink: #12162b; --v2-muted: #6a7092; --v2-line: transparent; --v3-soft: #ffffff; --v4-shadow: 0 24px 60px rgba(66,89,205,.10), 0 2px 6px rgba(66,89,205,.06); --v4-ctl-shadow: 0 6px 16px rgba(66,89,205,.10); --v2-sans: 'Plus Jakarta Sans', 'Figtree', system-ui, sans-serif; --v2-display: 'Plus Jakarta Sans', 'Figtree', system-ui, sans-serif; }
html.gwp_v2.gwp_v4 #gwp_frame, html.gwp_v2.gwp_v4 .gwp_split_main, html.gwp_v2.gwp_v4 .gwp_split_caret { font-family: var(--v2-sans); }
html.gwp_v2.gwp_v4 #gwp_addtb.gwp_split.gwp_split_outline { --gwp_split_bg: var(--gwp_tool, #4259cd); --gwp_split_fg: #fff; --gwp_split_line: var(--gwp_tool, #4259cd); --gwp_split_div: rgba(255, 255, 255, .4); }
html.gwp_v2.gwp_v4 .gwp_split_main:hover, html.gwp_v2.gwp_v4 .gwp_split_caret:hover { background: var(--gwp_tool_hover, #334bc2); color: #fff; }
html.gwp_v2.gwp_v4 #gwp_appchooser .gwp_menubutton, html.gwp_v2.gwp_v4 .gwp_nav_icon_btn, html.gwp_v2.gwp_v4 .gwp_mmultiselect, html.gwp_v2.gwp_v4 .gwp_notification-wrapper, html.gwp_v2.gwp_v4 #gwp_la-signout, html.gwp_v2.gwp_v4 #gwp_mediasettingswrap > .gwp_topbutton { border: 0; background: #fff; box-shadow: var(--v4-ctl-shadow); }
html.gwp_v2.gwp_v4 #gwp_appchooser .gwp_menubutton { border-radius: 50%; }
html.gwp_v2.gwp_v4 #gwp_appchooser .gwp_menubutton:hover, html.gwp_v2.gwp_v4 .gwp_nav_icon_btn:hover, html.gwp_v2.gwp_v4 .gwp_notification-wrapper:hover, html.gwp_v2.gwp_v4 #gwp_la-signout:hover, html.gwp_v2.gwp_v4 #gwp_mediasettingswrap > .gwp_topbutton:hover { border: 0; background: #fff; color: var(--gwp_tool_text, #2e43ae); }
html.gwp_v2.gwp_v4 .gwp_mmultiselectactive { background: var(--gwp_tool_tint, #eaedfa); color: var(--gwp_tool_text, #2e43ae); }
html.gwp_v2.gwp_v4 .gwp_nav_search { border: 0; background: #fff; box-shadow: var(--v4-ctl-shadow); }
html.gwp_v2.gwp_v4 .gwp_nav_search:focus-within { box-shadow: 0 0 0 2px var(--gwp_tool, #4259cd); background: #fff; }
html.gwp_v2.gwp_v4 .gwp_lib_type_current { border: 0; border-radius: 999px; background: #fff; box-shadow: var(--v4-ctl-shadow); }
html.gwp_v2.gwp_v4 .gwp_lib_type_current:hover { background: #fff; box-shadow: 0 0 0 2px var(--gwp_tool, #4259cd); }
html.gwp_v2.gwp_v4 .gwp_topbuttonc { border: 0; background: #fff; box-shadow: var(--v4-ctl-shadow); }
html.gwp_v2.gwp_v4 .gwp_lib_type_list { border: 0; border-radius: 24px; padding: 10px; box-shadow: var(--v4-shadow); }
html.gwp_v2.gwp_v4 .gwp_lib_type_item { padding: 11px 16px; }
html.gwp_v2.gwp_v4 .gwp_split_main, html.gwp_v2.gwp_v4 .gwp_split_caret { box-shadow: 0 8px 20px rgba(66,89,205,.25); font-weight: 600; }
html.gwp_v2.gwp_v4 #gwp_v2_head h1 { letter-spacing: -.03em; font-weight: 800; }
/* cards */
html.gwp_v2.gwp_v4 .gwp_mediaitem, html.gwp_v2.gwp_v4 .gwp_mediaitemselected { border: 0; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: var(--v4-shadow); }
html.gwp_v2.gwp_v4 .gwp_media_grid .gwp_mediaitem, html.gwp_v2.gwp_v4 .gwp_media_grid .gwp_mediaitemselected { background: #fff; }
html.gwp_v2.gwp_v4 .gwp_mediaitem .gwp_mediabox, html.gwp_v2.gwp_v4 .gwp_mediaitem .gwp_mediaboximg, html.gwp_v2.gwp_v4 .gwp_mediaitem .gwp_mediaboxvid { border-radius: 0; overflow: hidden; }
html.gwp_v2.gwp_v4 .gwp_media_grid .gwp_mediafilename { background: #fff; border: 0; padding: 10px 14px; color: var(--v2-ink); font-weight: 600; }
html.gwp_v2.gwp_v4 .gwp_mediaitemselected .gwp_mediabox, html.gwp_v2.gwp_v4 .gwp_mediaitemselected .gwp_mediaboximg { outline: 3px solid var(--gwp_tool, #4259cd); outline-offset: -3px; }
html.gwp_v2.gwp_v4 .gwp_addmediaitem { border-radius: 20px; background: rgba(255,255,255,.6); }
html.gwp_v2.gwp_v4 .gwp_media_grid .gwp_addmediaitem .gwp_mediafilename { background: transparent; box-shadow: none; padding: 8px 8px 0; text-align: center; color: var(--gwp_tool_text, #2e43ae); }
html.gwp_v2.gwp_v4 .gwp_media_grid .gwp_mediaitemmargin { margin-left: 0; margin-right: 0; }
html.gwp_v2.gwp_v4 .gwp_lib_stat, html.gwp_v2.gwp_v4 .gwp_lib_empty { border: 0; border-radius: 24px; background: #fff; box-shadow: var(--v4-shadow); }
html.gwp_v2.gwp_v4 .gwp_lib_recent_item { background: #fff; border: 0; border-radius: 20px; box-shadow: var(--v4-shadow); }
html.gwp_v2.gwp_v4 .gwp_fb_folder, html.gwp_v2.gwp_v4 .gwp_fb_item { border: 0; border-radius: 16px; background: #fff; box-shadow: var(--v4-ctl-shadow); }
html.gwp_v2.gwp_v4 .gwp_mbtitle h2::before { display: none; }
html.gwp_v2.gwp_v4 .gwp_mediabuckets, html.gwp_v2.gwp_v4 .gwp_mmediabuckets, html.gwp_v2.gwp_v4 .gwp_gmediabuckets, html.gwp_v2.gwp_v4 .gwp_amediabuckets { border: 0; box-shadow: none; background: rgba(255,255,255,.55); border-radius: 28px; padding: 32px; }
/* SPACE: this is where the airiness comes from */
@media (min-width: 769px) {
    html.gwp_v2.gwp_v4 .gwp_topbuttonbar { padding: 32px 72px 12px; gap: 20px; }
    html.gwp_v2.gwp_v4 .gwp_nav_controls { gap: 20px; }
    html.gwp_v2.gwp_v4 .gwp_addtopbuttons, html.gwp_v2.gwp_v4 #gwp_addtopbuttons, html.gwp_v2.gwp_v4 #gwp_inlinemenu { gap: 18px; }
    html.gwp_v2.gwp_v4 #gwp_v2_head { padding: 48px 72px 12px; }
    html.gwp_v2.gwp_v4 #gwp_v2_head p { margin-top: 14px; }
    html.gwp_v2.gwp_v4 .gwp_lib_view { padding: 40px 72px 96px; }
    html.gwp_v2.gwp_v4 .gwp_media_grid { gap: 44px 36px; }
    html.gwp_v2.gwp_v4 .gwp_bucketcontent.gwp_media_grid { gap: 32px 28px; }
    html.gwp_v2.gwp_v4 .gwp_mediabuckets, html.gwp_v2.gwp_v4 .gwp_mmediabuckets, html.gwp_v2.gwp_v4 .gwp_gmediabuckets, html.gwp_v2.gwp_v4 .gwp_amediabuckets { margin: 0 0 40px; }
    html.gwp_v2.gwp_v4 .gwp_mbtitle { margin-bottom: 28px; }
    html.gwp_v2.gwp_v4 .gwp_lib_stats { gap: 28px; }
    html.gwp_v2.gwp_v4 .gwp_lib_stat { padding: 24px 26px; }
    html.gwp_v2.gwp_v4 .gwp_lib_recent_header { margin: 48px 0 16px; }
    html.gwp_v2.gwp_v4 .gwp_lib_recent_item { padding: 20px 24px; margin-bottom: 18px; }
    html.gwp_v2.gwp_v4 .gwp_fb_grid { gap: 24px; }
    html.gwp_v2.gwp_v4 .gwp_media_grid .gwp_mediafilename { line-height: 1.5; }
}
@media (max-width: 768px) {
    html.gwp_v2.gwp_v4 .gwp_topbuttonbar { padding: 14px 20px 8px; gap: 8px; }
    html.gwp_v2.gwp_v4 #gwp_v2_head { padding: 16px 20px 6px; }
    html.gwp_v2.gwp_v4 .gwp_lib_view { padding: 20px 20px 56px; }
    html.gwp_v2.gwp_v4 .gwp_media_grid { gap: 28px 20px; }
}
