CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <script> window.overrideAssetHost = "https://wishlist.webflow.com/assets/"; </script> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html charset=UTF-8" /> <meta name="publishing" content="true"> <title>Webflow Wishlist</title> <meta name="description" content="Customer Feedback for Webflow Wishlist . Add a new product idea or vote on an existing idea using the Webflow Wishlist customer feedback form."> <script type="text/javascript"> window.ahaLoaded = false; window.portalAssets = {"js":["/assets/runtime-v2-57cc3307d1ef75398052f4ce4e8dbdea.js","/assets/vendor-v2-3c4617f91b7579dc40f4e71e205b3ef3.js","/assets/idea_portals-v2-db1124048a9aeeb418604856e6e85076.js","/assets/idea_portals-v2-d14a55016d3519eff09e466fe8ce4940.css"]}; </script> <script> window.sentryRelease = window.sentryRelease || "1a18ff9fb9"; </script> <link rel="stylesheet" href="https://wishlist.webflow.com/assets/idea_portals-v2-d14a55016d3519eff09e466fe8ce4940.css" data-turbolinks-track="true" media="all" /> <script src="https://wishlist.webflow.com/assets/runtime-v2-57cc3307d1ef75398052f4ce4e8dbdea.js" data-turbolinks-track="true"></script> <script src="https://wishlist.webflow.com/assets/vendor-v2-3c4617f91b7579dc40f4e71e205b3ef3.js" data-turbolinks-track="true"></script> <script src="https://wishlist.webflow.com/assets/idea_portals-v2-db1124048a9aeeb418604856e6e85076.js" data-turbolinks-track="true"></script> <script src="https://cdn.aha.io/assets/aha_web_components-v2-4603b06330f7a0b1764abd6a0b53b1f8.js" crossorigin="anonymous" data-turbolinks-track="true"></script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="B3t4VrnLX8zhKvD-bk811-6rxVYoygLHg3Hj-B-_7A1bSNBmPl1-cOSkPp_-zMkk4cHEpliz0cXTL2DKdBQJ5g" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="locale" content="en" /> <meta name="portal-token" content="b38946d845e1f3724a02b763dc95e094" /> <meta name="idea-portal-id" content="6358181848082153567" /> <link rel="icon" href="https://wishlist.webflow.com/portal-favicon.png?1720031930&size=thumb16" /> </head> <body class="ideas-portal public"> <style> /* ################################################### */ /* ################################################### */ /* STYLE OVERRIDES START */ /* ################################################### */ /* ################################################### */ /* ------------------------------------- */ /* FONTS */ /* ------------------------------------- */ @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.5a0c1a002e.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.5e78809d4d.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.9806bc37bf.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-RegularItalic-Web.7c44c9e817.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-RegularItalic-Web.a9b91de662.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-RegularItalic-Web.c3aa8858b8.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.abf6e1188f.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.2523d1a466.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.4327644773.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-MediumItalic-Web.1d15660caf.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-MediumItalic-Web.e843973a9c.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-MediumItalic-Web.1e7e99e909.woff') format('woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-light.7c6a95bf96.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-light.8fd1f76d6f.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-light.1ce95fd3b4.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-lightitalic.f5dd588863.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-lightitalic.52d6cd625f.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-lightitalic.ce93d14c9c.woff') format('woff'); font-weight: 200; font-style: italic; } /* Akkurat */ @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-regular.29e757590a.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-regular.3ec7f3d6d1.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-regular.f00a7952f3.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-italic.1b7b4e1809.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-italic.7825dadd40.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-italic.996bcdfe8d.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bold.98b3f0b5cf.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bold.06a424d24a.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bold.0d13cf93e7.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bolditalic.9394657766.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bolditalic.32a978d0ea.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bolditalic.a66dd68440.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'icomoon'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.365159169d.eot'); src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.365159169d.eot#iefix') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.dfe38b8d08.ttf') format('truetype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.7d8d1b7967.woff') format('woff'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.7bd7c854a5.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrows-16px-1_tail-left:before { font-family: 'icomoon' !important; content: "\e900"; font-size: 16px; } .icon-arrows-16px-2_corner-left-round:before { font-family: 'icomoon' !important; content: "\e901"; font-size: 16px; } .icon-arrows-16px-2_log-out:before { font-family: 'icomoon' !important; content: "\e902"; font-size: 16px; } .icon-arrows-16px-4_logout:before { font-family: 'icomoon' !important; content: "\e903"; font-size: 16px; } .icon-signout:before { font-family: 'icomoon' !important; content: "\e902"; font-size: 16px; } .icon-chevron-right:before, .icon-chevron-down:before { font-size: 11px; vertical-align: middle; } .icon-arrows-24px-outline-1_tail-right:before { font-family: 'icomoon' !important; content: "\e904"; font-size: 24px; } .icon-arrows-24px-outline-1_tail-triangle-right:before { font-family: 'icomoon' !important; content: "\e905"; font-size: 24px; } .icon-shopping-16px-2_customer-support-outline:before { font-family: 'icomoon' !important; content: "\e906"; font-size: 16px; } .icon-shopping-16px-2_customer-support:before { font-family: 'icomoon' !important; content: "\e907"; font-size: 16px; } .icon-text-16px_bold:before { font-family: 'icomoon' !important; content: "\e908"; font-size: 16px; } .icon-text-16px_italic:before { font-family: 'icomoon' !important; content: "\e909"; font-size: 16px; } .icon-remove-sign:before { content: "\f057"; } .icon-text-16px_list-bullet:before { font-family: 'icomoon' !important; content: "\e90a"; font-size: 16px; } .icon-text-16px_list-numbers:before { font-family: 'icomoon' !important; content: "\e90b"; font-size: 16px; } .icon-text-editor-16pxArtboard-2:before { font-family: 'icomoon' !important; content: "\e90c"; font-size: 16px; } .mce-i-bold:before { font-family: 'icomoon' !important; content: "\e90c"; font-size: 16px; } .icon-text-editor-16pxArtboard-3:before { font-family: 'icomoon' !important; content: "\e90d"; font-size: 16px; } .mce-i-italic:before { font-family: 'icomoon' !important; content: "\e90d"; font-size: 16px; } .icon-text-editor-16pxArtboard-4:before { font-family: 'icomoon' !important; content: "\e90e"; font-size: 16px; } .mce-i-bullist:before { font-family: 'icomoon' !important; content: "\e90e"; font-size: 16px; } .icon-text-editor-16pxArtboard-5:before { font-family: 'icomoon' !important; content: "\e90f"; font-size: 16px; } .mce-i-numlist:before { font-family: 'icomoon' !important; content: "\e90f"; font-size: 16px; } .icon-text-editor-16pxArtboard-6:before { font-family: 'icomoon' !important; content: "\e910"; font-size: 16px; } .mce-i-link:before { font-family: 'icomoon' !important; content: "\e910"; font-size: 16px; } .icon-ui-10px-zoom:before { font-family: 'icomoon' !important; content: "\e911"; font-size: 10px; } .icon-ui-16px-1_attach-87:before { font-family: 'icomoon' !important; content: "\e912"; font-size: 16px; } .icon-paper-clip:before { font-family: 'icomoon' !important; content: "\e912"; font-size: 14px; vertical-align: bottom; } .icon-ui-16px-1_check:before { font-family: 'icomoon' !important; content: "\e913"; font-size: 16px; } .icon-ui-16px-1_eye-19:before { font-family: 'icomoon' !important; content: "\e914"; font-size: 16px; } .icon-eye-open:before { font-family: 'icomoon' !important; content: "\e914"; font-size: 14px; } .icon-ui-16px-1_eye-ban-20:before { font-family: 'icomoon' !important; content: "\e915"; font-size: 16px; } .icon-eye-close:before { font-family: 'icomoon' !important; content: "\e915"; font-size: 14px; } .icon-ui-16px-1_home-51:before { font-family: 'icomoon' !important; content: "\e916"; font-size: 16px; } .icon-ui-16px-1_home-simple:before { font-family: 'icomoon' !important; content: "\e917"; font-size: 16px; } .icon-home:before { font-family: 'icomoon' !important; content: "\e917"; font-size: 16px; } .icon-ui-16px-1_pencil:before { font-family: 'icomoon' !important; content: "\e918"; font-size: 16px; } .icon-pencil:before { font-family: 'icomoon' !important; content: "\e918"; font-size: 14px; margin-top: -3px; display: inline-block; } .icon-ui-16px-1_preferences-circle:before { font-family: 'icomoon' !important; content: "\e919"; font-size: 16px; } .icon-ui-16px-1_settings-gear-63:before { font-family: 'icomoon' !important; content: "\e91a"; font-size: 16px; } .icon-wrench:before { font-family: 'icomoon' !important; content: "\e91a"; font-size: 16px; } .icon-ui-16px-1_simple-remove:before { font-family: 'icomoon' !important; content: "\e91b"; font-size: 16px; } .icon-ui-16px-1_zoom-2:before { font-family: 'icomoon' !important; content: "\e91c"; font-size: 16px; } .icon-ui-16px-1_zoom:before { font-family: 'icomoon' !important; content: "\e91d"; font-size: 16px; } .icon-ui-16px-2_chat-round-content:before { font-family: 'icomoon' !important; content: "\e91e"; font-size: 16px; } .icon-ui-16px-2_link-69:before { font-family: 'icomoon' !important; content: "\e91f"; font-size: 16px; } .icon-ui-16px-3_chat-33:before { font-family: 'icomoon' !important; content: "\e920"; font-size: 16px; } .icon-ui-16px-3_chat-45-outline:before { font-family: 'icomoon' !important; content: "\e921"; font-size: 16px; } .icon-ui-16px-3_chat-45:before { font-family: 'icomoon' !important; content: "\e922"; font-size: 16px; } .icon-ui-16px-3_chat-46:before { font-family: 'icomoon' !important; content: "\e923"; font-size: 16px; } .icon-ui-16px-3_chat-47:before { font-family: 'icomoon' !important; content: "\e924"; font-size: 16px; } .icon-comments:before { font-family: 'icomoon' !important; content: "\e923"; font-size: 16px; } .icon-ui-24px-outline-1_check-circle-08:before { font-family: 'icomoon' !important; content: "\e925"; font-size: 24px; } .icon-ui-24px-outline-1_circle-remove:before { font-family: 'icomoon' !important; content: "\e926"; font-size: 24px; } .icon-ui-24px-outline-1_eye-19:before { font-family: 'icomoon' !important; content: "\e927"; font-size: 24px; } .icon-ui-24px-outline-2_alert-circle-explaim:before { font-family: 'icomoon' !important; content: "\e928"; font-size: 24px; } .icon-ui-24px-outline-2_alert-circle-i:before { font-family: 'icomoon' !important; content: "\e929"; font-size: 24px; } .icon-ui-24px-outline-2_alert-circle-question:before { font-family: 'icomoon' !important; content: "\e92a"; font-size: 24px; } .icon-ui-24px-outline-3_alert:before { font-family: 'icomoon' !important; content: "\e92b"; font-size: 24px; } .icon-users-24px-outline_circle-10:before { font-family: 'icomoon' !important; content: "\e92c"; font-size: 24px; } .icon-users-32px-outline_circle-08NO:before { font-family: 'icomoon' !important; content: "\e92d"; font-size: 32px; } /* ##################################### */ /* Webflow Navbar and Dropdown Default Styles */ /* ##################################### */ @font-face { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; } .w-clearfix:after { clear: both; } /* Container */ .w-container { margin-left: auto; margin-right: auto; max-width: 1110px; } .w-container:before, .w-container:after { content: " "; display: table; } .w-container:after { clear: both; } @media screen and (max-width: 1139px) { .w-container { max-width: 990px; } } @media screen and (max-width: 1025px) { .w-container { max-width: none; padding-left: 12px; padding-right: 12px; } } /* Dropdown */ .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-brand:hover { text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link:hover { text-decoration: none; color: #222222; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #c8c8c8; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay .w--nav-menu-open { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-nav-button.w--open { background-color: #c8c8c8; color: white; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button { display: block; } .collapse{ overflow: visible; } @media screen and (max-width: 780px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: block; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 779px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } } /* Dropdown */ .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-nav[data-collapse="all"] .w-dropdown, .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-dropdown, .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-dropdown, .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-dropdown, .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } /* ##################################### */ /* Navbar Custom Styles */ /* ##################################### */ .navbar { background-color: #000; font-size: 13px; font-family: "Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; -webkit-font-smoothing: antialiased; margin-bottom: 50px; } .navlink { margin-top: 13px; margin-bottom: 13px; padding: 12px 17px; opacity: 0.5; -webkit-transition: opacity 50ms ease; transition: opacity 50ms ease; color: #fff; font-size: 15px; line-height: 20px; font-weight: 500; } .navlink:hover { opacity: 1; color: #fff; } .portalname { padding-left: 10px; float: left; color: #fff; font-size: 20px; line-height: 27px; } .logoimage { margin-top: 2px; float: left; } .navlink.w--current { opacity: 1; } .navlink.currentnavlink { opacity: 1; } .nav-menu { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; } .menubutton { color: #fff; } .logo { margin-top: 14px; padding-top: 7px; padding-bottom: 7px; -webkit-transition: color 50ms ease, opacity 50ms ease; transition: color 50ms ease, opacity 50ms ease; } .logo:hover { opacity: 0.65; } .navdropdown { margin-top: 13px; margin-bottom: 13px; padding: 12px 22px 12px 17px; opacity: 0.5; -webkit-transition: opacity 50ms ease; transition: opacity 50ms ease; color: #fff; font-size: 15px; line-height: 20px; font-weight: 500; } .navdropdown:hover { opacity: 1; } .navdropdownicon { margin-right: 0px; } .dropdownmenu.w--open { margin-top: -4px; padding-top: 7px; padding-bottom: 7px; border-radius: 3px; background-color: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .17); } .dropdownmenulink { min-width: 130px; padding: 8px 12px; font-size: 15px; font-weight: 500; } .dropdownmenulink:hover { background-color: #eef0f3; } /*@media (max-width: 1110px) { .customcontainer { padding-right: 10px; padding-left: 10px; } }*/ @media (max-width: 991px) { .navlink { padding-right: 14px; padding-left: 14px; } /* .customcontainer { max-width: 738px; }*/ } @media (max-width: 767px) { .navlink { margin-top: 5px; margin-bottom: 5px; padding: 10px 20px; font-size: 14px; } .nav-menu { display: block; overflow: hidden; width: 100%; height: auto; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 30px; padding-left: 0px; border-radius: 0px; background-color: #000; } .logo { margin-top: 9px; padding-left: 0px; } .portalname { font-size: 20px; } .logoimage { width: 82px; } .menubutton { padding-right: 0px; } .menubutton.w--open { background-color: transparent; } .navcontainer { padding-right: 20px; padding-left: 20px; } .navdropdown { margin-top: 5px; margin-bottom: 5px; padding: 10px 20px; } .navdropdownicon { position: static; display: inline-block; } .dropdownmenu.w--open { display: block; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; background-color: transparent; } .dropdownmenulink { margin-top: 5px; margin-bottom: 5px; padding-left: 31px; opacity: 0.5; color: #fff; } .dropdownmenulink:hover { background-color: transparent; opacity: 1; color: #fff; } .navdropdowntext { display: inline-block; margin-right: 8px; } /*.customcontainer { max-width: 100%; margin-right: 20px; margin-left: 20px; padding-right: 0px; padding-left: 0px; }*/ } @media (max-width: 479px) { .logo { width: auto; } } /* ------------------------------------- */ /* DEFAULT STYLES OVERRIDES */ /* ------------------------------------- */ body { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; color: rgba(33, 41, 51, 1); /* Default text color */ } /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;*/ h1,h2 { font-family: "Akkurat",-apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; color: rgba(33, 41, 51, 1); /* Default text color */ } h3,h4,h5,h6 { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; color: rgba(33, 41, 51, 1); /* Default text color */ } h1 { font-weight: 300; font-size: 40px; line-height: 130%; margin-top: 0; letter-spacing: -0.6px; } h3 { font-size: 22px; line-height: 1.2; margin-bottom: 11px; font-weight: 400; letter-spacing: .4px; margin-top: -5px; } p, li, aside.quote { color: rgba(33, 41, 51, 1); /* Default text color */ } a { color: #146EF4; /* primary-blue */ } a:hover, a:focus { /*color: #146EF4;*/ /* primary-blue */ color: rgba(33, 41, 51, 1); /* Default text color */ text-decoration: none; } .subnav-section { padding: 22px 0 20px; background: #F7F8FA; margin-bottom: 28px; border-bottom: 1px solid rgba(30, 42, 73, 0.06); /* UI black */ line-height: 1px; } .portal-nav { margin-bottom: 12px; } .portal-sidebar .add-idea-button { margin-bottom: 0; } .filters { margin: 0px 0px 20px 0; } .filters .filter { font-size: 14px; transition: background-color 100ms ease; } .filters .filter strong { font-weight: 400; } .filters .filter:hover { background-color: rgba(20, 110, 244, 0.10); /* primary-blue */ color: rgba(58, 76, 211, 1); /* primary-blue darker */ } .filters .filter span { color: rgba(30, 42, 73, 0.4); } .filters .filter:hover span { color: rgba(30, 42, 73, 0.8); } .filters .filter:focus { text-decoration: none; } .filters .filter.active { background-color: rgba(33, 41, 51, 1); /* black */ } .filters .filter.active:hover { background-color: rgba(33, 41, 51, 1); /* black */ color: white; } .filters .filter.active .close { color: transparent; text-shadow: none; } .filters .filter.active .close:before { font-family: 'icomoon' !important; content: "\e911"; font-size: 10px; color:white !important; text-shadow: none; margin-right: -10px; } .filters .filter.active:hover { background-color: rgba(33, 41, 51, 0.8); } .filters .filter .category-collapser { width: 11px; text-align: left; } .portal-sidebar h4 { margin-bottom: 3px; font-size: 12px; font-weight: 500; } /* idea note */ .idea-count-description { border-radius: 3px; padding: 17px 17px 10px; background: #f7f8fa; margin: 20px 0 10px; border: 1px solid rgba(30, 42, 73, 0.06); } .idea-count-description p { color: rgba(33, 41, 51, 0.6); } .idea-count-description strong { color: rgba(33, 41, 51, 1); } .idea-count-description strong.endorsements_used_text { color: rgba(29, 190, 126, 1); } .idea-count-description hr { display: none; } /* Vote Button */ .btn-vote { width: 70px; border: none; background-color: white; text-decoration: none; border-radius: 0; text-align: center; color: #999; } .btn-vote.voted:hover { background-color: transparent; } .btn-vote:hover { background-color: transparent; } .btn-vote:focus { background-color: transparent; } .btn-vote .vote-count { display: block; font-size: 25px; font-weight: 400; line-height: 57px; margin-top: 0px; margin-bottom: 5px; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ /*background-color: rgba(30, 42, 73, 0.02);*/ /* UI black */ background-color: transparent; color: rgba(33, 41, 51, 1); /* Default text color */ transition: box-shadow 100ms ease, color 100ms ease, background-color 100ms ease; } .btn-vote .vote-status { background-color: rgba(33, 41, 51, .92); /* Text black */ padding: 4px 0px 4px 2px; border-radius: 2px; transition: background-color 100ms ease; font-size: 11px; } .btn-vote:hover .vote-count { box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.45); /* UI black */ /*background-color: rgba(30, 42, 73, 0.02);*/ /* UI black */ } .btn-vote:hover .vote-status { background-color: rgba(0,0,0,1); } .btn-vote.voted .vote-count { color: rgba(29, 190, 126, 1); /* primary-green */ box-shadow: inset 0 0 0 1px rgba(23, 160, 106, 0.5); /* dark-green */ background-color: rgba(29, 190, 126, .03); } .btn-vote.voted .vote-status { background-color: rgba(29, 190, 126, 1); /* primary-green */ } .btn-vote.voted:hover .vote-count { box-shadow: inset 0 0 0 1px rgba(23, 160, 106, 0.6); /* dark-green */ /*background-color: rgba(29, 190, 126, 0.06);*/ color: rgba(23, 160, 106, 1); /* dark-green */ } .btn-vote.voted:hover .vote-status { background-color: rgba(23, 160, 106, 1); /* dark-green */ } .btn-vote .vote-status:hover, .btn-vote.voted .vote-status:hover { color: white; } .btn-vote .vote-status:hover .caret, .btn-vote.voted .vote-status:hover .caret { border-top-color: white; } .btn-vote .vote-count:hover { color: rgba(33, 41, 51, .92); /* UI black */ } .btn-vote.voted .vote-count:hover { color: rgba(23, 160, 106, 1); /* dark-green */ } .btn-vote .vote-status .caret { margin-top: 7px; margin-left: 1px; } .btn-vote:not(.merged):hover, .btn-vote:not(.merged):focus, .btn-vote.voted:not(.merged):hover, .btn-vote.voted:not(.merged):focus { background-color: transparent; } .btn-vote .vote-status.dropdown-toggle { min-width: 77px; } /* Status Label */ .status-pill { border-radius: 3px; font-size: 14px; border: 0px solid; } /* Ideas */ .ideas .idea { border-bottom: 1px solid rgba(30, 42, 73, 0.10); padding: 15px 0px; } .ideas .idea .description { min-height: 20px; font-size: 14px; line-height: 140%; margin-bottom: 15px; } .ideas .idea .idea-details { width: 82%; } .ideas .idea a:visited h3 { color: rgba(133, 138, 144, 1) !important; /* dim text grey */ } .ideas .idea a:visited .description { color: rgba(133, 138, 144, 1); /* dim text grey */ } .ideas .idea a .idea-details h3 { transition: color 100ms ease; } .ideas .idea a .idea-details h3::after { content: "→"; display: inline; opacity: 0; transition: opacity 100ms ease; } .ideas .idea a .idea-details:hover h3::after { /*color: #146EF4; */ /*text-decoration: underline;*/ opacity: 1; } .ideas .idea a .idea-details h3, .ideas .idea a .idea-details .description { /*transition: opacity 100ms ease;*/ } .ideas .idea a .idea-details:hover h3, .ideas .idea a .idea-details:hover .description { /*opacity: 0.7;*/ } .ideas .idea a:visited { color: inherit; } .ideas .idea .idea-details .idea-meta .avatar img { margin-top: -3px; margin-right: 11px; } .ideas .idea .idea-details .idea-meta { color: rgba(133, 138, 144, 1); } .ideas .idea .idea-details .idea-meta .comment-count, .ideas .idea .idea-details .idea-meta .comment-count i { color: rgba(30, 42, 73, 0.4); /* UI black */ transition: color 100ms ease; vertical-align: middle; } .ideas .idea .idea-details .idea-meta .comment-count:hover, .ideas .idea .idea-details .idea-meta .comment-count:hover i { color: #253343; } /* Avatar */ .avatar { position: relative; } .avatar img { border: 0px solid transparent; border-radius: 50px; width: 26px; } .avatar.avatar-large img { border-radius: 50px; } .avatar img.admin-user { border: 2px solid rgba(252, 71, 131, 1); /* pink */ } .avatar .user-type { font-size: 11px; line-height: 13px; text-transform: capitalize; color: rgba(252, 71, 131, 1); /* pink */ font-weight: 400; margin-top: 4px; margin-left: -6px; } /*span.avatar img::before { content:""; border:1px solid red; position: absolute; top: 0; left:0; right:0; bottom:0; }*/ /* Tabs */ .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus { font-weight: 500; } .nav-tabs>li>a { padding-top: 0; padding-bottom: 0; padding: 12px 18px; margin-right: 3px; transition: background-color 100ms ease; } .nav>li>a:hover, .nav>li>a:focus { /*background-color: rgba(30, 42, 73, 0.06);*/ /* UI black */ color: #146EF4; /* primary-blue */ background-color: rgba(20, 110, 244, .08); } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus { border-color: transparent transparent transparent; } /* Button Styles */ .btn { padding: 9px 24px; font-size: 14px; line-height: 20px; font-weight: 400; color: white; text-shadow: none; background-color: #146EF4; background-image: none; background-image: none; background-image: none; background-image: none; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: 100ms background-color ease, box-shadow 100ms ease; } .btn i { margin-right:3px; } .btn-outline { color: #146EF4; /* primary-blue */; border: none; box-shadow: inset 0 0 0 1px #146EF4; /* primary-blue */; background-color: white; } .btn:focus { outline: 0; } .btn.btn-outline:hover, .btn.btn-outline:active, .btn.btn-outline:focus, .btn.btn-outline.active, .btn.btn-outline.disabled, .btn.btn-outline[disabled] { background-color: white; /* UI black */ text-shadow: none; color: #146EF4; /* primary-blue */; border-color: none; box-shadow: inset 0 0 0 2px #146EF4; /* primary-blue */; } .btn-outline.btn-primary, .btn-outline.btn-primary:focus, .btn-outline.btn-primary.disabled, .btn-outline.btn-primary[disabled] { color: white; border-color: transparent; background-color: #146EF4; /* primary-blue */ box-shadow: none; transition: 100ms background-color ease; } .btn-outline.btn-primary:hover, .btn-outline.btn-primary:active { background-color: rgba(58, 76, 211, 1); /* primary-blue darker */ color: white; box-shadow: none; } .btn-outline:disabled,.btn-outline[disabled],.btn-outline.disabled { background-color:rgba(30, 42, 73, 0.7)!important; color: white !important; border: none !important; box-shadow: none !important; outline: 0 !important; } .current-user-info { margin-bottom: 0px; /*padding: 10px; background-color: rgba(30, 42, 73, 0.06);*/ /* UI black */ /*border-radius:3px; box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.06);*/ /* UI black */ } .current-user-info:first-child { margin-bottom: 20px; } .current-user-info .user-name .caret { margin-top: 8px; } .dropdown-toggle:hover { color: #146EF4; /* primary-blue */ } .dropdown-toggle:hover .caret { border-top-color: #146EF4; /* primary-blue */ } .dropdown-menu { background-color: #ffffff; border: none; box-shadow: 0 0 0 1px rgba(30, 42, 73, 0.1), 0 1px 10px rgba(30, 42, 73, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .dropdown-menu>li>a { padding: 6px 20px; vertical-align: middle; color: rgba(30, 42, 73, 1); } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { /*background-color: #146EF4;*/ /* primary-blue */ background-color: rgba(30, 42, 73, 0.10); /* UI color */ color: rgba(30, 42, 73, 1); background-image: none; } .dropdown-menu>li>a>i { margin-right:2px; } /* Forms / inputs */ .portal-content .input-xxlarge, .portal-content select.input-xxlarge, .portal-content .select2-container.select2-container-multi.input-xxlarge { width: 100%; height:40px; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select, .portal-content select.input-xxlarge { background-image: url(https://d3e54v103j8qbb.cloudfront.net/images/caret-down-medium.e548cd2725.svg); background-position: 98% center; background-repeat: no-repeat; background-size: 12px; } select:active, select:hover, select:focus { outline: none } select:focus { -webkit-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ -moz-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { box-sizing: border-box; background-color: #fff; border: none; outline: none; -webkit-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ -moz-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ height: 40px; padding: 10px 10px 11px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #253343; /* primary-black */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; -webkit-transition: border ease 100ms, box-shadow ease 100ms; -moz-transition: border ease 100ms, box-shadow ease 100ms; -o-transition: border ease 100ms, box-shadow ease 100ms; transition: border ease 100ms, box-shadow ease 100ms; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border: none; outline: 0; -webkit-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ -moz-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ } textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder { color: rgba(33, 41, 51, 0.35); } .field-with-errors input, .field-with-errors select, .field-with-errors textarea, .field-with-errors input[type="text"], .field-with-errors input[type="password"], .field-with-errors input[type="datetime"], .field-with-errors input[type="datetime-local"], .field-with-errors input[type="date"], .field-with-errors input[type="month"], .field-with-errors input[type="time"], .field-with-errors input[type="week"], .field-with-errors input[type="number"], .field-with-errors input[type="email"], .field-with-errors input[type="url"], .field-with-errors input[type="search"], .field-with-errors input[type="tel"], .field-with-errors input[type="color"], .field-with-errors .uneditable-input, .field-with-errors .select2-choices, .field-with-errors input:focus, .field-with-errors select:focus, .field-with-errors textarea:focus, .field-with-errors input[type="text"]:focus, .field-with-errors input[type="password"]:focus, .field-with-errors input[type="datetime"]:focus, .field-with-errors input[type="datetime-local"]:focus, .field-with-errors input[type="date"]:focus, .field-with-errors input[type="month"]:focus, .field-with-errors input[type="time"]:focus, .field-with-errors input[type="week"]:focus, .field-with-errors input[type="number"]:focus, .field-with-errors input[type="email"]:focus, .field-with-errors input[type="url"]:focus, .field-with-errors input[type="search"]:focus, .field-with-errors input[type="tel"]:focus, .field-with-errors input[type="color"]:focus, .field-with-errors .select2-choices:focus, .field-with-errors .uneditable-input:focus { border-color: none; -webkit-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1) !important; /* pink */ -moz-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1)!important; /* pink */ box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1)!important; /* pink */ } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { opacity: .6; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: none; -webkit-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1); /* default blue */ -moz-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1); /* default blue */ box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1); /* default blue */ color: rgba(252, 71, 131, 1); } .field-with-errors .control-label, .field-with-errors .help-block, .field-with-errors .help-inline { color: rgba(252, 71, 131, 1); } .help-inline { padding-left: 0px; } label { margin-bottom: 8px; font-size: 15px; } label .sub-label.required { background-color: rgba(30, 42, 73, 0.25); color: white; border-radius: 2px; padding: 1px 4px 2px; font-size: 11px; margin-left: 5px; text-transform: uppercase; } /* Search */ .search-field input { margin: 0; padding: 0px 5px 1px 30px; height: 34px; line-height: 26px; font-size: 12px; width: 100%; -webkit-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ -moz-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ } .search-field input:focus { border: none !important; -webkit-box-shadow: inset 0 0 0 2px #146EF4 !important; /* default blue */ -moz-box-shadow: inset 0 0 0 2px #146EF4 !important; /* default blue */ box-shadow: inset 0 0 0 2px #146EF4 !important; /* default blue */ } .search-field:before { font-family: 'icomoon' !important; content: "\e91c"; font-size: 16px; color: #253343; /* primary-black */ padding-left: 4px; top: 3px; position: absolute; } .idea-search-form i.icon-remove-sign { left: auto; font-size: 17px; top: 7px; right: 8px; z-index: 100; color: rgba(30, 42, 73, 1); } .idea-search-form i.icon-remove-sign:hover { color: #146EF4; } .search-field .clear-button { top: 2px; color: rgba(30, 42, 73, 1); } .search-field .clear-button:hover { color: #146EF4; } /* New Idea */ .found-ideas { margin-bottom: 25px; } .found-ideas h4 { margin-bottom: 8px; font-size: 15px; font-weight: 600; text-transform: inherit; /*color: rgba(252, 71, 131, 1);*/ /* pink */ color: rgba(29, 190, 126, 1); /* green */ } .found-ideas ul.ideas { overflow: auto; border: none; padding: 15px 15px 0 15px; margin-bottom: 10px; max-height: 300px; /*background-color: rgba(252, 71, 131, 0.10);*/ /* pink */ background-color: rgba(29, 190, 126, .1); /* green */ /*box-shadow: inset 0 0 0 1px rgba(205, 58, 106, 0.08);*/ /* dark pink */ box-shadow: inset 0 0 0 1px rgba(23, 160, 106, 0.1); /* dark green */ border-radius: 4px; } .found-ideas ul.ideas .idea { padding: 0 0; border-bottom-color: rgba(23, 160, 106, 0.15); /* dark green */ margin-bottom: 17px; } .found-ideas ul.ideas .idea:last-child { margin-bottom: 0px; } .found-ideas ul.ideas .idea .idea-details { width: 100%; margin-bottom: 12px; } .found-ideas .ideas .idea a:visited h3, .found-ideas .ideas .idea a:visited .description { color: rgba(33, 41, 51, 1); /* primary-black */ } .found-ideas ul.ideas .idea a .idea-details:hover h3 { color: #253343; /* primary-black */ /*text-decoration: underline;*/ } .found-ideas .ideas .idea .idea-details .idea-meta .status-pill { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* Breadcrumbs */ .breadcrumb { margin: 0 0 17px; } .breadcrumb:only-child { margin: 0; } /* Alerts */ .alert { padding: 14px 37px 15px 16px; margin-bottom: 20px; text-shadow: none; background-color: #F7F8FA; border: 1px solid rgba(30, 42, 73, 0.1); /*background-color: #FFF9EF; border: 1px solid #F8EEE0;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #253343; /* primary-black */ font-size: 17px; line-height: 22px; } /*.alert .close { top: -1px; right: -21px; color: #253343; opacity: 0.5; }*/ .alert h4 { font-size: 19px; line-height: 25px; font-weight: 500; text-transform: capitalize; margin: 0 0 15px; display: inline-block; color: #253343; } .alert p { margin-bottom: 0; font-size: 16px; line-height: 24px; } .alert::before { font-family: 'icomoon' !important; content: "\e929"; font-size: 24px; vertical-align: text-top; margin-right: 10px; } .alert-danger::before, .alert-error::before { content: "\e92b"; } .alert-success::before { content: "\e925"; } .idea-response.alert-success::before { display: none; } .alert .close { color: transparent; text-shadow: none; top: 2px; right: -19px; line-height: 16px; opacity: .4; transition: opacity 100ms ease; } .alert .close::before { font-family: 'icomoon' !important; content: "\e91b"; font-size: 16px; color: #253343; /* primary-black */ text-shadow: none; margin-right: -16px; } .alert .close:hover { opacity: 1; } .alert-danger, .alert-error { background-color: #FFF1F5; border: 1px solid #FAE5EB; color: rgba(252, 71, 131, 1); } .alert-danger .close::before, .alert-error .close::before { color: rgba(252, 71, 131, 1); } .alert-success { background-color: rgba(29, 190, 126, .1); border: 1px solid rgba(23, 160, 106, .1); color: rgba(23, 160, 106, 1); /* dark green */ } .alert-success .close::before { color: rgba(23, 160, 106, 1); } .alert-info { background-color: #F2F7FF; border: 1px solid #E4ECFA; color: #146EF4; /* default blue */ } .alert-info .close::before { color: #146EF4; /* default blue */ } .idea-response.alert.alert-success { background-color: rgba(252, 71, 131, 0.08); /* pink */ border: 1px solid rgba(205, 58, 106, 0.08); /* dark pink */ margin-top: 30px; } .idea-response.alert.alert-success h4 { } .idea-responses .idea-response h4, .idea-responses .idea-response .time { color: rgba(252, 71, 131, 1); /* dark pink */ font-size: 15px; } /* Detail Page */ .user-content p, .comment-text p { margin: 0 0 10px; font-size: 14px; line-height: 145%; } .idea-content h2 { font-size: 36px; line-height: 130%; margin-bottom: 17px; font-weight: 300; letter-spacing: -.6px; margin-top: -8px; } .idea-content { width: 55%; } .idea-content .description { margin-bottom: 25px; } .idea-content .idea-products-and-categories { margin: 14px 0px 13px; } .idea-content .idea-products-and-categories a { background-color: white; padding: 4px 11px 5px; border-radius: 50px; font-size: 14px; color: #253343; /* primary-black */ box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ transition: box-shadow 100ms ease, color 100ms ease; } .idea-content .idea-products-and-categories a:hover { box-shadow: inset 0 0 0 1px #146EF4; /* default blue */ color: #146EF4; /* default blue */ text-decoration: none; } .idea-comments ul.comments>li .body .comment-header .name, .idea-comments ul.comments>li .body .comment-header .controls { font-size: 14px; color: rgba(30, 42, 73, 0.45); /* UI black */ } .idea-comments ul.comments>li .body { width: calc(100% - 55px); border-bottom: 1px solid rgba(30, 42, 73, 0.2); /* UI black */ padding-bottom: 24px; padding-left: 0; margin-bottom: 12px; } .idea-comments ul.comments>li.idea-comment-new { margin-bottom: 40px; } .sidebar-section { margin-bottom: 23px; border-bottom: 1px solid rgba(30, 42, 73, 0.2); /* UI black */ padding-bottom: 23px; } .sidebar-header { margin-bottom: 7px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0; } .related-ideas, .idea-categories { list-style-type: disc; padding-left: 17px; } .related-ideas li, .idea-categories li { margin-bottom: 6px; font-size: 14px; color: rgba(30, 42, 73, 1); } .idea-comments ul.comments>li .body > .comment-header { margin-bottom: 10px; } .user-content b, .comment-text b, .user-content b a, .comment-text b a { font-weight: 700; } .user-content ul, .comment-text ul, .user-content ol, .comment-text ol { padding: 0; margin: 0 0 12px 30px; font-size: 14px; } .user-content ul li, .comment-text ul li, .user-content ol li, .comment-text ol li { line-height: 145%; } .user-content a, .comment-text a { text-decoration: underline; color: rgba(33, 41, 51, 1); } .user-content a:hover, .comment-text a:hover { color: #146EF4; } .attachment .img-container .attachment-thumbnail { /* box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); border-radius: 3px; padding: 1px; transition: box-shadow 100ms ease, color 100ms ease;*/ overflow: visible; border: none; background-color: transparent; } .attachment .img-container .attachment-thumbnail img { border-radius: 2px; } .attachment .img-container .attachment-thumbnail:hover { /*box-shadow: inset 0 0 0 2px #146EF4; */ } .attachment .img-container:hover .attachment-thumbnail img { box-shadow: 0 0 0 2px #146EF4; } .attachment .caption { color: rgba(30, 42, 73, 0.45); /* UI black */ word-wrap: break-word; line-height: 15px; } .attachments { margin-top: 5px; margin-bottom: -15px; } .attachment { padding: 0px; padding-right: 15px; margin-bottom: 15px; } .idea-response .attachment .img-container .attachment-thumbnail .image-helper { height: auto; } /*.idea-content .idea-meta li { list-style-type: none; list-style-image: url('bla.svg') }*/ /*.idea-content .idea-meta li:not(:first-child) { list-style-type: none; }*/ .idea-content .idea-meta li { font-size: 14px; line-height: 25px; } .idea-content .idea-meta li:first-child { list-style-type: none; line-height: 25px; } .idea-meta > li > .status-pill { display: inline-block; margin-top: -1px; padding-top: 0px; } .public .search-form { width: 27%; } .public .search-form .search-field { width: 100%; } .public .breadcrumb li:not(:first-child) { display: none; } /*.public .breadcrumb li .divider { display: none; }*/ .breadcrumb li a:hover { text-decoration: none; color: #212933; /* dark text color */ } .breadcrumb > li > a i { margin-right: 4px; } /* Replace detail page breakcrumb link - START */ /*.idea .breadcrumb li a::before { content: "← Back to Wishlist"; }*/ /*.breadcrumb > li > a i { display: none; }*/ /*.idea .breadcrumb li i.icon-home::before { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; content: "←"; display: none; }*/ /* Replace detail page breakcrumb link - END */ /*.idea-meta-secondary:not(:first-child)::before { content:"Category: "; display: inline; }*/ /* Layout */ .container, .customcontainer { max-width: 1110px; padding: 0; display: block; margin-right: auto; margin-left: auto; } .portal-content { width: 70%; padding-left: 0px; float: left; box-sizing: border-box; } .portal-sidebar, .right-sidebar { width: 27%; float: right; margin-right: 0; margin-left: 3%; padding: 2%; border: 1px solid rgba(30, 42, 73, 0.15); border-radius: 3px; box-sizing: border-box; } .portal-sidebar br { display:none; } .portal-sidebar .my-ideas-filters-wrapper { margin-top: 20px; } .portal-sidebar .categories-filters-wrapper { margin-bottom: 40px; } /* Vote Buttons */ .idea-endorsement, .idea-sidebar { width: auto; text-align: left; min-width: 77px; max-width: 77px; margin-right: 17px; } .btn-vote, .btn-vote.dropdown { width: 77px; } .portal-aha-footer { min-height: 80px; } .portal-aha-footer .container { display: none; } .btn-vote .dropdown-vote { border-radius: 0 0 3px 3px; margin-top: 0px; padding: 6px 0; } .btn-vote .dropdown-vote li a { padding: 3px 9px; } /* Random */ .edit-profile .user-fields:last-child { border-bottom: none; } .portal-user.popover form .controls input { max-width: 100%; } .portal-user.popover form h3 { text-align: center; margin-top: 15px; font-size: 16px; letter-spacing: 0; font-weight: 500; margin-bottom: 15px; } .portal-user.popover form label { font-size: 14px; margin-top: 0px; } .label-private-idea { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; line-height: 130%; font-size: 14px; text-transform: capitalize; font-weight: 500; padding: 4px 7px 3px; background-color: #FFF26A; border-radius: 3px; color: #3D3200; letter-spacing: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: rgba(30, 42, 73, 0.04); border-top: 1px solid rgba(30, 42, 73, 0.1); -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-header h3 { font-size: 20px; font-weight: 500; } .attachment-modal .open-attachment { padding: 4px 10px; margin: 2px 10px 0 0; letter-spacing: 0; font-weight: 500; } .attachment-modal .modal-header .close { top: inherit; right: inherit; line-height: 30px; margin-top: 0px; } .attachment-modal .modal-header .close::before { color: black; } .modal.fade.in { top: 20%; } .wishlist-logo-link { color: #253343; transition: opacity ease 100ms; } .wishlist-logo-link:hover { opacity: 0.5; color: #253343; } /* Signup */ body.external-app .login-popup section input { font-size: 14px; font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; } body.external-app .login-popup section label { font-weight: 400; } body.external-app .login-popup h2 { border-bottom: 1px solid rgba(30, 42, 73, 0.1); /* UI black */ font-size: 25px; font-weight: 300; font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; } .form-horizontal .control-label { padding-top: 9px; } /* MCE Overrides */ .mce-panel { border: 0 solid rgba(30, 42, 73, 0.2); /* UI black */ background-color: white; } .aha-editor-link-edit-panel .mce-container.mce-tinymce:not(.mce-tinymce-inline).mce-edit-focus, #tinymce .mce-container.mce-tinymce:not(.mce-tinymce-inline).mce-edit-focus { border-color: #146EF4; box-shadow: 0 0 0 1px #146EF4; /* default blue */ outline: none; } .mce-edit-area.mce-container.mce-panel.mce-last.mce-stack-layout-item { border-color: transparent; } #tinymce, .mce-content-body.user-content { background-color: #FFFFFF; font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif !important; font-size: 14px !important; line-height: 17px !important; margin: 10px !important; padding: 2px !important; } .mce-btn i { text-shadow: none; } .attachment-button { padding: 0; font-size: 14px; color: rgba(30, 42, 73, 0.45); /* UI black */ line-height: 140%; margin-bottom: 19px; } .aha-editor-link-edit-panel .mce-container { background: #F4F4F6; /* UI black */ } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(1) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(2) > div .mce-widget.mce-btn:nth-child(3) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(2) > div .mce-widget.mce-btn:nth-child(4) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(3) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(4) > div .mce-widget.mce-btn:nth-child(3) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(4) > div .mce-widget.mce-btn:nth-child(4) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(5) > div .mce-widget.mce-btn:nth-child(1) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(7) { display:none; } #mce-modal-block.mce-in { opacity: .6; filter: alpha(opacity=60); } .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in { border: none; border-radius: 6px; } .mce-container .mce-btn.mce-primary button { text-shadow: none; font-size: 14px; padding: 0px; background-color: #146EF4; } .mce-container .mce-btn.mce-primary button:hover { background-color: rgba(58, 76, 211, 1); } .mce-floatpanel .mce-title { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; font-size: 20px; line-height: 1.2; font-weight: 400; margin: 4px 0px; } .mce-tooltip-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .aha-editor-link-edit-panel .mce-btn:hover, #tinymce .mce-btn:hover { background: transparent; } .aha-editor-link-edit-panel .mce-btn:hover button i, #tinymce .mce-btn:hover button i { color: #146EF4; /* primary-blue */ } .aha-editor-link-edit-panel .mce-btn.mce-active, #tinymce .mce-btn.mce-active, .aha-editor-link-edit-panel .mce-btn.mce-active:hover, #tinymce .mce-btn.mce-active:hover, .mce-btn:not(.mce-disabled):active { background-color: transparent; background-image: none; background-image: none; background-image: none; background-image: none; background-image: none; background-repeat: repeat-x; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .aha-editor-link-edit-panel .mce-btn.mce-active button i, #tinymce .mce-btn.mce-active button i, .aha-editor-link-edit-panel .mce-btn.mce-active:hover button i, #tinymce .mce-btn.mce-active:hover button i { color: #146EF4; /* primary-blue */ } .mce-edit-area.mce-container.mce-panel.mce-last.mce-stack-layout-item iframe{ min-height: 110px; } /* Footer Styles */ footer { padding: 40px 0; text-align: center; margin-top: 60px; border-top: 1px solid #E9EAED; } .footer-text { color: rgba(133, 138, 144, 1); /* dim text grey */; display: inline-block; font-weight: 300; font-size: 14px; } .footer-divider { margin: 0 5px; } .footer-link { color: rgba(133, 138, 144, 1); /* dim text grey */; } .footer-link:hover, .footer-link:focus { color: rgba(133, 138, 144, 1); /* dim text grey */; text-decoration: underline; } @media (min-width: 767px) { .portal-nav .search-form { -webkit-justify-content: flex-start; justify-content: flex-start; } } @media (max-width: 1110px) { .container, .customcontainer { padding: 0 10px; } @media (max-width: 960px) { .right-sidebar, .private .right-sidebar, .public .right-sidebar, .submit-only .right-sidebar { width: 100%; box-sizing: border-box; margin: 0 auto; float: none; clear: left; } } @media (max-width: 767px) { .public .search-form { width: 100%; margin-bottom: 15px; } } @media (max-width: 670px) { .private .portal-sidebar, .public .portal-sidebar, .submit-only .portal-sidebar { width: 100%; margin-right: 0; margin-bottom: 20px; margin-left: 0; height: 100%; } .public .idea-sidebar .idea-endorsement { margin: 0 auto 0 0; } .private .right-sidebar, .public .right-sidebar, .submit-only .right-sidebar { padding: 15px; width: 100%; } .ideas .idea .idea-details .idea-meta .idea-meta-created { width: 40%; } .private .search-query, .public .search-query, .submit-only .search-query { display: block; } .public .idea-sidebar { width: 20%; margin-right: 2%; min-width: 0; max-width: none; } .public .idea-content { width: 78%; } .breadcrumb { margin: 0px; } } @media (max-width: 500px) { .nav-tabs>li>a { padding: 13px 13px; } .idea-endorsement, .idea-sidebar { margin-bottom: 18px; float: left; width: 15%; } } @media (max-width: 400px) { .public .idea-sidebar { width: 20%; margin-right: 5%; } .public .idea-content { width: 75%; } } /* ################################################### */ /* ################################################### */ /* END */ /* ################################################### */ /* ################################################### */ </style> <header class="webflow-header">  <div class="navbar w-nav" data-animation="default" data-collapse="small" data-duration="400"> <div class="customcontainer w-clearfix"> <a class="logo w-clearfix w-nav-brand" href="https://webflow.com"><img alt="home" class="logoimage" src="https://uploads-ssl.webflow.com/52b1d97cd25933e36e000134/6529c1beac2fb6a71ab69e60_Full_Logo_Blue_White%20(1).svg" width="122"> </a> <a class="logo w-clearfix w-nav-brand" href="https://wishlist.webflow.com"> <div class="portalname">Wishlist</div> </a> <nav class="nav-menu w-nav-menu" role="navigation"> <a class="navlink w-nav-link" href="https://university.webflow.com/videos">Courses</a> <a class="navlink w-nav-link" href="https://university.webflow.com/articles">Guides</a> <a class="navlink w-nav-link" href="https://forum.webflow.com/">Forum</a> <a class="navlink w-nav-link" href="https://university.webflow.com/contact">Contact</a> <div class="w-dropdown" data-delay="0" data-hover="1"> <div class="navdropdown w-dropdown-toggle"> <div class="navdropdowntext">More</div> <div class="navdropdownicon w-icon-dropdown-toggle"></div> </div> <nav class="dropdownmenu w-dropdown-list"> <a class="dropdownmenulink w-dropdown-link" href="https://developers.webflow.com">API Docs</a> <a class="dropdownmenulink w-dropdown-link" href="https://university.webflow.com/glossary">Glossary</a> </nav> </div> </nav> <div class="menubutton w-nav-button"> <div class="menubuttonicon w-icon-nav-menu"></div> </div> </div> </div> <script type="text/javascript" src="https://daks2k3a4ib2z.cloudfront.net/52cf50823d343d6104000288/js/webflow.b67a707b9.js"></script> </header> <div class="container">  <div class="portal-sidebar" id="portal-sidebar"> <a class="btn btn-primary btn-outline add-idea-button" href="/portal_session/new?return_to=%2Fideas%2Fnew">Add a new idea</a> <button class="btn btn-link btn-navbar" data-show-text="Show menu" data-hide-text="Hide menu" type="button"></button> <div id="sidebar-rollup"> <div class="my-ideas-filters-wrapper"> </div> <div class="statuses-filters-wrapper"> <h4> Filter by status </h4> <ul class="statuses filters"> <li> <a class="filter " data-url-param-toggle-name="status" data-url-param-toggle-value="6363656307392343840" data-url-param-toggle-remove="page" href="/?status=6363656307392343840"> Reviewed <span class="pull-right"> 1320 </span> <div class="clearfix"></div> </a></li> <li> <a class="filter " data-url-param-toggle-name="status" data-url-param-toggle-value="6363656308242949686" data-url-param-toggle-remove="page" href="/?status=6363656308242949686"> Planned <span class="pull-right"> 11 </span> <div class="clearfix"></div> </a></li> <li> <a class="filter " data-url-param-toggle-name="status" data-url-param-toggle-value="6405591811741590786" data-url-param-toggle-remove="page" href="/?status=6405591811741590786"> In progress <span class="pull-right"> 10 </span> <div class="clearfix"></div> </a></li> <li> <a class="filter " data-url-param-toggle-name="status" data-url-param-toggle-value="6494223327291199928" data-url-param-toggle-remove="page" href="/?status=6494223327291199928"> In beta <span class="pull-right"> 0 </span> <div class="clearfix"></div> </a></li> <li> <a class="filter " data-url-param-toggle-name="status" data-url-param-toggle-value="6363656308539317373" data-url-param-toggle-remove="page" href="/?status=6363656308539317373"> Shipped <span class="pull-right"> 209 </span> <div class="clearfix"></div> </a></li> <li> <a class="filter " data-url-param-toggle-name="status" data-url-param-toggle-value="6363656307637282083" data-url-param-toggle-remove="page" href="/?status=6363656307637282083"> Already exists <span class="pull-right"> 102 </span> <div class="clearfix"></div> </a></li> </ul> </div> <div class="categories-filters-wrapper"> <h4> Filter by category </h4> <ul class="categories filters"> <li id="category-6852885127576797563"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6852885127576797563" data-url-param-toggle-remove="project,page" href="/?category=6852885127576797563&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Accessibility <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">58</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6374460950679926570"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374460950679926570" data-url-param-toggle-remove="project,page" href="/?category=6374460950679926570&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Accounts & Billing <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">119</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6374424113768123766"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374424113768123766" data-url-param-toggle-remove="project,page" href="/?category=6374424113768123766&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> <i class="category-collapser fa-regular fa-angle-down"></i> CMS <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">704</span> </span> <div class="clearfix"></div> </a> <ul class=""> <li id="category-6976671785642603026"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6976671785642603026" data-url-param-toggle-remove="project,page" href="/?category=6976671785642603026&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Collection Settings <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">48</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6374424522544298106"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374424522544298106" data-url-param-toggle-remove="project,page" href="/?category=6374424522544298106&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Data Management <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">100</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6374424565821971793"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374424565821971793" data-url-param-toggle-remove="project,page" href="/?category=6374424565821971793&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Editor <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">159</span> </span> <div class="clearfix"></div> </a> </li> </ul> </li> <li id="category-6377379967896826899"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6377379967896826899" data-url-param-toggle-remove="project,page" href="/?category=6377379967896826899&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Dashboard <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">94</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6374425101990370219"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374425101990370219" data-url-param-toggle-remove="project,page" href="/?category=6374425101990370219&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> <i class="category-collapser fa-solid fa-angle-right"></i> Designer <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">1473</span> </span> <div class="clearfix"></div> </a> <ul class="categories-collapsed"> <li id="category-6374425167182394346"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374425167182394346" data-url-param-toggle-remove="project,page" href="/?category=6374425167182394346&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Assets <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">108</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6374425222225881267"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374425222225881267" data-url-param-toggle-remove="project,page" href="/?category=6374425222225881267&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Elements <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">348</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6374425269082592474"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374425269082592474" data-url-param-toggle-remove="project,page" href="/?category=6374425269082592474&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Interactions <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">166</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6374425318726211079"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374425318726211079" data-url-param-toggle-remove="project,page" href="/?category=6374425318726211079&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Layout & Styles <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">295</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6377082683509126579"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6377082683509126579" data-url-param-toggle-remove="project,page" href="/?category=6377082683509126579&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Site Export <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">52</span> </span> <div class="clearfix"></div> </a> </li> </ul> </li> <li id="category-6579779972431486791"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6579779972431486791" data-url-param-toggle-remove="project,page" href="/?category=6579779972431486791&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Ecommerce <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">408</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6377028083793629555"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6377028083793629555" data-url-param-toggle-remove="project,page" href="/?category=6377028083793629555&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Forms <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">98</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6379323526385423927"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6379323526385423927" data-url-param-toggle-remove="project,page" href="/?category=6379323526385423927&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Hosting <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">124</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-7302534135079839811"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="7302534135079839811" data-url-param-toggle-remove="project,page" href="/?category=7302534135079839811&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Localization <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">37</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-7049438500762671434"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="7049438500762671434" data-url-param-toggle-remove="project,page" href="/?category=7049438500762671434&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Logic <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">15</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6374425392274953360"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374425392274953360" data-url-param-toggle-remove="project,page" href="/?category=6374425392274953360&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> <i class="category-collapser fa-solid fa-angle-right"></i> Other <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">419</span> </span> <div class="clearfix"></div> </a> <ul class="categories-collapsed"> <li id="category-6379323490623254658"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6379323490623254658" data-url-param-toggle-remove="project,page" href="/?category=6379323490623254658&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Client Billing (phased out) <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">28</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-6374425363262781686"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374425363262781686" data-url-param-toggle-remove="project,page" href="/?category=6374425363262781686&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Integrations <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">139</span> </span> <div class="clearfix"></div> </a> </li> </ul> </li> <li id="category-7049438465312037218"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="7049438465312037218" data-url-param-toggle-remove="project,page" href="/?category=7049438465312037218&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> <i class="category-collapser fa-solid fa-angle-right"></i> Users <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">73</span> </span> <div class="clearfix"></div> </a> <ul class="categories-collapsed"> <li id="category-7049439807101354276"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="7049439807101354276" data-url-param-toggle-remove="project,page" href="/?category=7049439807101354276&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Access Groups <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">9</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-7155912377024925219"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="7155912377024925219" data-url-param-toggle-remove="project,page" href="/?category=7155912377024925219&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Memberships <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">25</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-7049439948408542314"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="7049439948408542314" data-url-param-toggle-remove="project,page" href="/?category=7049439948408542314&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> User Accounts <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">23</span> </span> <div class="clearfix"></div> </a> </li> </ul> </li> <li id="category-7277641884235051695"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="7277641884235051695" data-url-param-toggle-remove="project,page" href="/?category=7277641884235051695&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> <i class="category-collapser fa-solid fa-angle-right"></i> Webflow APIs <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">46</span> </span> <div class="clearfix"></div> </a> <ul class="categories-collapsed"> <li id="category-6374424480812030419"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="6374424480812030419" data-url-param-toggle-remove="project,page" href="/?category=6374424480812030419&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Data APIs <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">38</span> </span> <div class="clearfix"></div> </a> </li> <li id="category-7277641943390654981"> <a class="filter category-filter" data-url-param-toggle-name="category" data-url-param-toggle-value="7277641943390654981" data-url-param-toggle-remove="project,page" href="/?category=7277641943390654981&sort=recent%27%29%29%29%2BUNION%2BALL%2BSELECT%2B4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2CCHR%28113%29%26CHR%28120%29%26CHR%2898%29%26CHR%28107%29%26CHR%28113%29%26CHR%28107%29%26CHR%2889%29%26CHR%28119%29%26CHR%28106%29%26CHR%2881%29%26CHR%2887%29%26CHR%2880%29%26CHR%2886%29%26CHR%2874%29%26CHR%2885%29%26CHR%28113%29%26CHR%28118%29%26CHR%28120%29%26CHR%28106%29%26CHR%28113%29%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2C4361%2BFROM%2BMSysAccessObjects%16"> Designer APIs <span class="pull-right"> <span class="close hide">×</span> <span class="category-count">3</span> </span> <div class="clearfix"></div> </a> </li> </ul> </li> </ul> </div> <div class="signup-link"> <a href="/portal_session/new?return_to=%2F">Log in / Sign up</a> </div> </div> </div> <div class="portal-content"> <div class="portal-nav"> <ul class="nav nav-tabs"> <li class=""> <a data-url-param-toggle-name="sort" data-url-param-toggle-value="recent" data-url-param-toggle-remove="page" href="/?sort=recent">Recent</a> </li> <li class="active"> <a data-url-param-toggle-name="sort" data-url-param-toggle-value="trending" data-url-param-toggle-remove="page" href="/?sort=trending">Trending</a> </li> <li class=""> <a data-url-param-toggle-name="sort" data-url-param-toggle-value="popular" data-url-param-toggle-remove="page" href="/?sort=popular">Popular</a> </li> </ul> <div class="search-form"> <form class="form-horizontal idea-search-form" action="/ideas/search" accept-charset="UTF-8" method="get"> <div class="search-field"> <input type="text" name="query" id="query" class="input-medium search-query" placeholder="Search ideas" aria-label="Search ideas" /> <a class="fa-regular fa-circle-xmark clear-button" style="display:none;" href="/ideas"></a> </div> </form></div> </div> <ul class="list-ideas ideas"> <li class="idea" id="6611117820699999213"> <div class="idea-endorsement" id="idea-6611117820699999213-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2F%3Freturn_to_action%3Dvote_6611117820699999213"> <span class="vote-count"> 1,530 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/WEBFLOW-I-1496"> <div class="idea-details"> <h3> Recurring billing (Subscriptions) </h3> <div class="description"> I know the ecommerce platform is in development but it would be nice to have recurring billing option for the users. If they select a product that has a recurring subscription, they can go through the process and subscribe. They can login and mana... </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/5416d85531d1fb8b9d35ea0f557483ca?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 11 Oct 15:13 by Matthew Beasley </div> <div class="idea-meta-secondary"> Ecommerce </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 71 </span> <span class="status-pill" title="In progress" style="border: none; background-color: #E2F8F5">In progress</span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> <li class="idea" id="6806397209014849939"> <div class="idea-endorsement" id="idea-6806397209014849939-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2F%3Freturn_to_action%3Dvote_6806397209014849939"> <span class="vote-count"> 1,155 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/WEBFLOW-I-2677"> <div class="idea-details"> <h3> Disable/Remove Ecommerce Functionality </h3> <div class="description"> Have the ability to remove/disable the ecommerce functionality on a project. If you enable this to try it out, or download a template which has it enabled, there's currently no way to disable it. Especially frustrating if you have a client that is... </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c84e574f8a2ab2186d4bd2eabbab4403?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 20 Mar 20:57 by Alex Dixon </div> <div class="idea-meta-secondary"> Ecommerce </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 152 </span> <span class="status-pill" title="Reviewed" style="border: none; background-color: #E3ECFE">Reviewed</span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> <li class="idea" id="6377839745816179329"> <div class="idea-endorsement" id="idea-6377839745816179329-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2F%3Freturn_to_action%3Dvote_6377839745816179329"> <span class="vote-count"> 1,927 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/WEBFLOW-I-192"> <div class="idea-details"> <h3> Custom Breakpoints </h3> <div class="description"> This is self explanatory. </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/9c97376882bc229e8c591adbc1461a70?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 20 Jan 23:55 by Michael Mannucci </div> <div class="idea-meta-secondary"> Designer </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 131 </span> <span class="status-pill" title="Reviewed" style="border: none; background-color: #E3ECFE">Reviewed</span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> <li class="idea" id="6620827809902769480"> <div class="idea-endorsement" id="idea-6620827809902769480-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2F%3Freturn_to_action%3Dvote_6620827809902769480"> <span class="vote-count"> 1,460 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/WEBFLOW-I-1555"> <div class="idea-details"> <h3> Stripe iDeal payments with Ecommerce </h3> <div class="description"> Stripe uses iDeal payments in Netherlands, Belgium, Luxemburg and some in Germany. Its like the creditcard for the US, everybody uses this... and lots of companies don’t have a creditcard here.. I am sure this idea will not get loads of likes... b... </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/829120807d25f46f1019361880c0d526?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 06 Nov 19:13 by Koen Spaansen </div> <div class="idea-meta-secondary"> Ecommerce </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 269 </span> <span class="status-pill" title="Reviewed" style="border: none; background-color: #E3ECFE">Reviewed</span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> <li class="idea" id="6364810073285022604"> <div class="idea-endorsement" id="idea-6364810073285022604-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2F%3Freturn_to_action%3Dvote_6364810073285022604"> <span class="vote-count"> 1,860 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/DESIGNER-I-16"> <div class="idea-details"> <h3> Table Support </h3> <div class="description"> Add support for creating, styling, and modifying tables. </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/04f14af5199093cdd29a89eb295febf5?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 16 Dec 21:13 by Kyle Kilat </div> <div class="idea-meta-secondary"> Designer </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 164 </span> <span class="status-pill" title="Reviewed" style="border: none; background-color: #E3ECFE">Reviewed</span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> <li class="idea" id="6616608124028682119"> <div class="idea-endorsement" id="idea-6616608124028682119-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2F%3Freturn_to_action%3Dvote_6616608124028682119"> <span class="vote-count"> 1,281 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/WEBFLOW-I-1528"> <div class="idea-details"> <h3> Support an SVG-specific Element, as an alternative to the Image element </h3> <div class="description"> Currently SVGs can only be added through the Image element, or the Embed element. Both of these approaches have issues, which an SVG-specific element could solve neatly. SVG via Embed element problems; Embeds are not permitted within links, makin... </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/202dc10bfedfbabe0d83f260aac99861?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 26 Oct 10:18 by Michael Wells </div> <div class="idea-meta-secondary"> Accessibility / Assets / Elements </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 32 </span> <span class="status-pill" title="Reviewed" style="border: none; background-color: #E3ECFE">Reviewed</span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> <li class="idea" id="6376989003303763357"> <div class="idea-endorsement" id="idea-6376989003303763357-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2F%3Freturn_to_action%3Dvote_6376989003303763357"> <span class="vote-count"> 1,546 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/WEBFLOW-I-128"> <div class="idea-details"> <h3> Alternate Billing Payment Methods (Bank Transfer, PayPal, Bitcoin) </h3> <div class="description"> Many customers, especially in EU countries, do not have regular access to traditional credit card forms of payment. Bank Giro/Wire Transfer, PayPal and BitCoin support would be awesome! </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/70f8155554784e39dc4e205491d32705?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 18 Jan 16:54 by Dave Sloane </div> <div class="idea-meta-secondary"> Accounts & Billing </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 240 </span> <span class="status-pill" title="Reviewed" style="border: none; background-color: #E3ECFE">Reviewed</span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> <li class="idea" id="6377005935658273562"> <div class="idea-endorsement" id="idea-6377005935658273562-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2F%3Freturn_to_action%3Dvote_6377005935658273562"> <span class="vote-count"> 1,469 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/WEBFLOW-I-133"> <div class="idea-details"> <h3> Support for CSS calc() </h3> <div class="description"> Very useful for many things. https://www.smashingmagazine.com/2016/05/fluid-typography/ https://css-tricks.com/a-couple-of-use-cases-for-calc/ </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/4013db9b86f43e8e2e12f49b8078a7cf?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 18 Jan 17:59 by Matthew Sanderson </div> <div class="idea-meta-secondary"> Layout & Styles </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 68 </span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> <li class="idea" id="7439756104123046784"> <div class="idea-endorsement" id="idea-7439756104123046784-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2F%3Freturn_to_action%3Dvote_7439756104123046784"> <span class="vote-count"> 1 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/WEBFLOW-I-6789"> <div class="idea-details"> <h3> Two Photos side by side Rich Text CMS Element </h3> <div class="description"> Allow users to display two images side by side within the Rich Text CMS element in Webflow. This feature would enable more flexible and visually appealing layouts for content managed through the CMS, enhancing design possibilities for blogs, artic... </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/032edd9f979b363bfc941492021baca8?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 21 Nov 15:33 by Atabix Marketing </div> <div class="idea-meta-secondary"> CMS </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 0 </span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> <li class="idea" id="7439714078856375665"> <div class="idea-endorsement" id="idea-7439714078856375665-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2F%3Freturn_to_action%3Dvote_7439714078856375665"> <span class="vote-count"> 1 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/WEBFLOW-I-6788"> <div class="idea-details"> <h3> Ability to place normal elements inside component slots, not only other components. </h3> <div class="description"> Hey,I think it would be nice to let us put normal elements inside component slots. Right now we can place there only other components, which I don't think is a necessary limitation. </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/79f47ec87b297f21b75c0f68e8d5a11a?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 21 Nov 12:50 by Michał Ferfecki </div> <div class="idea-meta-secondary"> Elements </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 0 </span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> </ul> <div class="pagination"> <ul> <li id=""> <a href="/">« First</a> </li> <li id=""> <a rel="prev" href="/">&lsaquo; Prev</a> </li> <li id="" class=""> <a rel="prev" href="/">1</a> </li> <li id="" class="active"> <a href="#">2</a> </li> <li id="" class=""> <a rel="next" href="/?page=3">3</a> </li> <li id="" class=""> <a href="/?page=4">4</a> </li> <li id="" class=""> <a href="/?page=5">5</a> </li> <li id="" class=""> <a href="/?page=6">6</a> </li> <li id="" class="disabled"> <a href="#">…</a> </li> <li id=""> <a rel="next" href="/?page=3">Next &rsaquo;</a> </li> <li id=""> <a href="/?page=366">Last »</a> </li> </ul> </div> </div> </div> <footer> <div class="w-container"> <span class="footer-text">© 2024, Webflow, Inc. All Rights Reserved.</span> <span class="footer-text footer-divider">|</span> <a class="footer-text footer-link" href="https://webflow.com">Webflow Home</a> <span class="footer-text footer-divider">|</span> <a class="footer-text footer-link" href="https://university.webflow.com/">Webflow University</a> </div> </footer> <script type="text/javascript"> try { window.ignoreEvalErrors = true; window.eval("//Replace post comment button if the user is not logged in\nvar commentBtn = document.querySelector(\".idea-comment a\");\nif (commentBtn){\n commentBtn.parentNode.removeChild(commentBtn);\n var alertDiv = document.createElement(\"div\");\n alertDiv.setAttribute('class', 'alert');\n var node = document.createTextNode(\"Log into your Webflow account to leave a comment.\");\n alertDiv.appendChild(node);\n var parentElement = document.querySelector(\"div.tabbable\");\n var referenceNode = document.querySelector(\"div.tab-content.comments-tab-content\")\n parentElement.insertBefore(alertDiv, referenceNode);\n}\n\n//Replace SSO alert in Edit Profile page\nvar ssoAlert = document.querySelector(\".edit-profile div.alert\");\nif (ssoAlert){\n ssoAlert.innerHTML = \"Update your profile through \u003ca href='https://webflow.com/dashboard/account/general'\u003eWebflow account settings\u003c/a\u003e\"\n}\n\n//Set message for empty wishlist\nvar ideasUl = document.querySelector(\"ul.list-ideas.ideas\");\nif (ideasUl){\n if (ideasUl.getElementsByTagName(\"li\").length == 0){\n var alertDiv = document.createElement(\"div\");\n alertDiv.setAttribute('class', 'alert');\n var node = document.createTextNode(\"No wishlist ideas found\");\n alertDiv.appendChild(node);\n var parentElement = document.querySelector(\"div.portal-content\");\n parentElement.appendChild(alertDiv);\n }\n}\n\n//Add custom styles for iframe\nwindow.onload = function() {\n checkIframeLoaded(10)();\n var titleEl = document.getElementsByTagName(\"title\")[0];\n var docEl = document.documentElement;\n\n if (docEl \u0026\u0026 docEl.addEventListener) {\n docEl.addEventListener(\"DOMSubtreeModified\", function(evt) {\n var t = evt.target;\n if (t === titleEl || (t.parentNode \u0026\u0026 t.parentNode === titleEl)) {\n titleModified();\n }\n }, false);\n } else {\n document.onpropertychange = function() {\n if (window.event.propertyName == \"title\") {\n titleModified();\n }\n };\n }\n};\n\nfunction titleModified() {\n checkIframeLoaded(10)();\n}\n\nfunction checkIframeLoaded(times) {\n return function() {\n // Get a handle to the iframe element\n var iframe = document.querySelector(\"div.mce-edit-area iframe\");\n if (iframe){\n var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;\n // Check if loading is complete\n if ( iframeDoc.readyState == 'complete' ) {\n // The loading is complete, call the function we want executed once the iframe is loaded\n afterLoading();\n return;\n } \n }\n\n if(times \u003e 0) { \n // If we are here, it is not loaded. Set things up so we check the status again in 100 milliseconds\n window.setTimeout(checkIframeLoaded(times - 1), 100);\n }\n }\n}\n\nfunction afterLoading(){\n var iframe = document.querySelector(\"div.mce-edit-area iframe\");\n if (iframe){\n var link = document.createElement('link');\n link.type = \"text/css\";\n link.rel = \"stylesheet\";\n link.href = \"https://d3e54v103j8qbb.cloudfront.net/css/wishlist-mce-styles-v2.93240b9fa7.css\";\n iframe.contentWindow.document.querySelector(\"head\").appendChild(link);\n }\n}"); } catch(e) { window.console && console.error(e); } </script> <div class="modal hide fade" id="modal-window"></div> </body> </html>