@import"https://cdn.vaadin.com/website/antlers/v2/assets/css/1-foundation/custom-properties.css";@import"https://cdn.vaadin.com/website/antlers/v2/assets/css/1-foundation/typography.css";search-view{display:block;box-sizing:border-box;max-width:var(--layout-max-width);padding:var(--space-md) var(--layout-padding);margin:0 auto}body.search article.discussion{display:none}search-view .results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);min-height:18rem}#load-more-button{-webkit-appearance:none;appearance:none;border:0;margin:0;padding:var(--space-lg) 0;width:100%;background:transparent;font:inherit;font-weight:var(--text-weight-semibold);color:var(--blue-500);cursor:pointer}search-view form{font-size:var(--text-size-sm);display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);margin-bottom:var(--space-md);align-items:baseline}@media (pointer: coarse){search-view .search-input input{font-size:16px}}search-view .search-input,search-view .sort-select{height:2.5rem}search-view .search-input{display:inline-flex;border:var(--input-border);background:var(--input-bg);color:var(--input-color);border-radius:var(--roundness-md);background-image:url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.875 0.875C6.43018 0.875 3.625 3.68018 3.625 7.125C3.625 8.62158 4.1499 9.99365 5.03125 11.0703L0.0507812 16.0508L0.949219 16.9492L5.92969 11.9688C7.00635 12.8501 8.37842 13.375 9.875 13.375C13.3198 13.375 16.125 10.5698 16.125 7.125C16.125 3.68018 13.3198 0.875 9.875 0.875ZM9.875 2.125C12.6436 2.125 14.875 4.35645 14.875 7.125C14.875 9.89355 12.6436 12.125 9.875 12.125C7.10645 12.125 4.875 9.89355 4.875 7.125C4.875 4.35645 7.10645 2.125 9.875 2.125Z' fill='%23657892'/%3E%3C/svg%3E");background-repeat:no-repeat;padding:.25em 0;padding-inline-start:28px;background-position:12px 45%;box-sizing:border-box;max-width:100%}search-view .search-input:focus-within{box-shadow:0 0 0 2px var(--blue-400)}search-view .search-input :is(input,select){border:0;border-radius:0;padding-top:0;padding-bottom:0}search-view .search-input input{min-width:0;border-inline-end:1px solid var(--divider-color1);padding-inline-end:.25em;-webkit-appearance:none}search-view .search-input :is(input,select):focus{box-shadow:none}search-view p{margin:0}search-view p :is(i,b){font-style:normal;font-weight:400}addon-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:1.5rem;border-radius:var(--roundness-lg);border:1px solid var(--divider-color1);box-sizing:border-box;position:relative}addon-card.featured{border-color:var(--blue-300)}addon-card h3{margin:0;font-size:var(--text-size-lg)}addon-card h3 a:any-link{color:inherit;text-decoration:none}addon-card h3 a:before{content:"";position:absolute;z-index:2;inset:-1px;border-radius:var(--roundness-lg);border:1px solid transparent;transition:border-color .2s}addon-card h3 a:is(:hover,:focus):before{border-color:var(--link-color)}addon-card .author{-webkit-appearance:none;appearance:none;border:0;margin:0;padding:0;font:inherit;font-size:var(--text-size-xs);color:var(--secondary-text-color)}addon-card rating-stars{font-size:var(--text-size-xs)}addon-card .summary{margin-top:.5em;margin-bottom:0;font-size:var(--text-size-sm);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}addon-card .badge{position:absolute;z-index:1;top:0;right:0;font-weight:var(--text-weight-semibold);font-size:var(--text-size-xs);color:var(--blue-500);border:1px solid var(--blue-300);border-width:0 0 1px 1px;border-radius:0 var(--roundness-lg) 0 var(--roundness-md);padding:.25em .5em;background-color:var(--blue-50)}card-view addon-card{width:405px;height:250px}addon-card .skeleton-content{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}addon-card [class^=skeleton-icon],addon-card .skeleton-content [class^=skeleton-]{background:linear-gradient(90deg,var(--divider-color1) 0%,var(--divider-color1) 20%,var(--surface-color, #f0f0f0) 40%,var(--divider-color1) 60%,var(--divider-color1) 80%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--roundness-sm)}addon-card .skeleton-icon{width:40px;height:40px;border-radius:var(--roundness-md)}addon-card .skeleton-title{height:24px;margin-bottom:4px;width:80%}addon-card .skeleton-author{height:16px;width:50%;margin-bottom:4px}.skeleton-rating{height:16px;width:100px;margin-bottom:8px}.skeleton-summary{height:48px;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}author-stats-view,addon-stats-view,addon-view{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-md);max-width:var(--layout-max-width);padding:var(--space-md) var(--layout-padding);margin:0 auto;box-sizing:border-box}author-stats-view .main,addon-stats-view .main,addon-stats-view .versions,addon-view .main,addon-view .sidebar,addon-view .versions{flex:auto;max-width:100%}author-stats-view .main,addon-stats-view .main,addon-view .main{flex:1;min-width:46rem}addon-view .sidebar{min-width:20rem}addon-view .versions{flex:unset}addon-stats-view .back-to-search,addon-view .back-to-search{font-weight:var(--text-weight-semibold);width:100%}addon-stats-view addon-icon,addon-view addon-icon{width:5rem;height:5rem;float:left;float:inline-start;margin-inline-end:1.5rem}addon-stats-view .addon-summary,addon-view .addon-summary{font-size:var(--text-size-xl);line-height:1.4em;color:var(--secondary-text-color);margin:.4em 0 2em 5.2em}addon-stats-view .addon-name,addon-view .addon-name{margin:0}addon-stats-view .meta,addon-view .meta{clear:both;display:flex;flex-wrap:wrap;gap:var(--space-base);margin:var(--space-lg) 0;font-size:var(--text-size-sm);font-weight:var(--text-weight-semibold);color:var(--body-text-color);justify-content:flex-start}addon-stats-view .meta h3,addon-view .meta h3{font-size:var(--text-size-xs);font-weight:var(--text-weight-semibold);color:var(--secondary-text-color);margin:0 0 .5em;text-transform:uppercase;font-family:var(--font-body);letter-spacing:.03em}addon-stats-view .meta button,addon-view .meta button{-webkit-appearance:none;appearance:none;border:0;margin:0;padding:0;background:transparent;font:inherit;color:inherit;cursor:pointer;text-align:start}addon-stats-view .meta button:hover,addon-view .meta button:hover{color:var(--blue-500)}addon-stats-view .meta rating-stars,addon-view .meta rating-stars{font-size:var(--text-size-sm);color:inherit}addon-stats-view .meta p,addon-view .meta p{margin:0}addon-stats-view .meta .links ul,addon-view .meta .links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75em}addon-stats-view .meta .links a,addon-view .meta .links a{font-weight:inherit}addon-view .meta .links a.edit{font-weight:var(--text-weight-semibold);color:#fff;background-color:var(--blue-500);border-radius:var(--roundness-md);padding:.5em .75em}addon-stats-view vaadin-avatar,addon-stats-view vaadin-avatar-group::part(avatar),addon-view vaadin-avatar,addon-view vaadin-avatar-group::part(avatar){--vaadin-avatar-size: 24px;--vaadin-avatar-group-overlap: 5px;background-color:var(--gray-200);color:inherit;vertical-align:middle;font-size:var(--text-size-lg);cursor:pointer}addon-view .highlights.open{height:100%;width:100%;margin:0}addon-view .highlights #slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));border:1px solid var(--divider-color1);border-radius:var(--roundness-lg);margin:var(--space-md) 0;gap:1px;background-color:var(--divider-color1);overflow:hidden}addon-view .highlights.empty{display:none}addon-view .highlights.open #slider{position:fixed;z-index:11;inset:0;height:100%;width:100%;margin:0;overflow:hidden;box-sizing:border-box;display:flex;background-color:var(--surface-color)}addon-view .highlights .item{padding:var(--space-sm);position:relative;height:10rem;box-sizing:border-box;background-color:var(--background-color)}addon-view .highlights .item img{width:100%;height:100%;object-fit:contain}addon-view .highlights:not(.open) .btn-close,addon-view .highlights.open .btn-open{display:none}addon-view .highlights.open .arrow{z-index:11}addon-view .highlights:not(.open) .arrow{display:none}addon-view .highlights .arrow{width:30px;height:30px;position:absolute;top:50%;fill:#fff;cursor:pointer}addon-view .highlights .arrow.disabled{display:none}addon-view .highlights #arrow-left{left:5px;fill:"#fff";background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E")}addon-view .highlights #arrow-right{left:auto;right:5px;background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E")}addon-view .highlights .btn-open{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;color:transparent;background:transparent;border:none;margin:0;cursor:pointer}addon-view .highlights.open .item{height:100%;width:100%}addon-view .highlights .btn-close{position:fixed;z-index:1;top:1em;right:1em;font:inherit;font-weight:var(--text-weight-semibold);background-color:var(--blue-500);color:#fff;border-radius:var(--roundness-md);padding:.25em .5em;border:0;cursor:pointer}addon-view section.discussion{position:relative;z-index:1;margin-top:3rem;padding-top:1px;background-color:var(--secondary-surface-color);padding:var(--space-md);border-radius:var(--roundness-lg)}addon-view section.discussion.hidden{display:none}addon-view .discussions-button{float:right;display:inline-block;padding:.4em 1em;background-color:#1a81fa;color:#fff;border-radius:var(--roundness-md);text-decoration:none;font-weight:500}addon-view .discussions-button:hover{color:#fff;text-decoration:none;background-color:#0058c0}addon-view .discussions-help{margin-top:.3em}addon-view .message-header{display:flex;gap:.6rem;margin:0;align-items:center}addon-view .message-header img{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover}addon-view .message-header span.message-author{font-size:var(--text-size-sm);font-weight:var(--text-weight-normal)}addon-view .message-header span.date{font-size:var(--text-size-xs);white-space:nowrap}addon-view .discussion-messages .message{position:relative;margin-bottom:var(--text-margin-lg);padding:var(--text-margin-lg);border:1px solid transparent;transition:opacity .2s ease;overflow-x:scroll}addon-view .discussion-messages .message.reply{margin-left:var(--text-margin-lg);border-left:1px solid var(--divider-color1)}addon-view .discussion-messages .reply-btn{position:absolute;bottom:var(--text-margin-lg);right:var(--text-margin-lg);padding:.3em .6em;font-size:.85em;background:#eee;border:none;border-radius:4px;cursor:pointer;display:none}addon-view .discussion-messages .message:hover{border-radius:var(--roundness-md);border:1px solid var(--divider-color1)}addon-view .discussion-messages .message:hover .reply-btn{display:inline-block;text-decoration:none}addon-view .footer{margin:var(--space-lg) 0;display:flex;flex-wrap:wrap;gap:.5em}addon-view .footer .tag{-webkit-appearance:none;appearance:none;background:transparent;font:inherit;cursor:pointer;text-align:start;border:1px solid var(--divider-color1);padding:0 .3em;margin:0 0 .3em;border-radius:var(--roundness-md);font-size:var(--text-size-sm)}addon-view .footer .updated{margin:0;margin-inline-start:auto;font-size:var(--text-size-sm)}addon-view .highlights~h1{font-size:var(--text-size-3xl)}addon-view .highlights~h2{font-size:var(--text-size-2xl)}addon-view .highlights~h3{font-size:var(--text-size-xl)}addon-view .highlights~h4{font-size:var(--text-size-lg)}addon-view .highlights~h5{font-size:var(--text-size-md)}addon-view .highlights~h6{font-size:var(--text-size-sm)}addon-view .highlights~:is(h1,h2,h3,h4,h5,h6){margin-top:2em;margin-bottom:1rem}addon-view .sidebar{flex:1;min-width:28rem;flex-direction:column;align-self:flex-start}addon-view .versions{background-color:var(--secondary-surface-color);padding:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--roundness-lg);font-size:var(--text-size-sm)}addon-view .versions header{display:flex;align-items:baseline;gap:.1em}addon-view .versions header:first-child{font-size:var(--text-size-xl);font-weight:var(--text-weight-semibold);line-height:var(--text-leading-sm);color:var(--heading-text-color)}addon-view .versions header:first-child h3{font-size:inherit;margin:0}addon-view .versions h4{font-size:var(--text-size-lg);margin-top:var(--text-margin-lg)}addon-view .versions vaadin-select::part(input-field),addon-view .versions vaadin-select vaadin-select-value-button{display:flex;width:min-content;--vaadin-field-default-width: auto;--vaadin-input-field-background: none}addon-view .versions vaadin-select vaadin-select-item{font-weight:var(--text-weight-semibold)}addon-view .versions vaadin-select vaadin-select-item:after{content:"";padding:0 .3em}[theme~=version-select] vaadin-item{font-weight:var(--text-weight-semibold)}[theme~=version-select] .maturity{text-transform:capitalize;font-size:var(--text-size-xs);background-color:var(--gray-200);color:var(--gray-500);padding:.2em .4em;border-radius:var(--roundness-md);vertical-align:2px}[theme~=version-select] .maturity.stable{background-color:var(--green-500);color:#fff}[theme~=version-select] .release-date{display:block;font-size:var(--text-size-xs);font-weight:var(--text-weight-regular);color:var(--secondary-text-color)}addon-view install-tabsheet{display:flex;gap:.5em;margin-inline-start:auto;font-size:var(--text-size-md)}[theme~=addon-version-menu] vaadin-menu-bar-button{-webkit-appearance:none;appearance:none;min-width:fit-content;margin:0;padding:.5em .75em;display:block;background-color:#1a81fa;color:#fff;font-weight:var(--text-weight-semibold);font-size:var(--text-size-sm);cursor:pointer}[theme~=addon-version-menu] vaadin-menu-bar-button:hover{background-color:#0058c0}vaadin-menu-bar-list-box[theme~=addon-version-menu]>p,vaadin-menu-bar-list-box[theme~=addon-version-menu]>a,vaadin-menu-bar-list-box[theme~=addon-version-menu]>div{display:block;font-weight:var(--text-weight-semibold);font-size:var(--text-size-sm);cursor:pointer;background-color:inherit;color:inherit;margin:.3em;padding:.2em .4em}vaadin-menu-bar-list-box[theme~=addon-version-menu]>p:hover,vaadin-menu-bar-list-box[theme~=addon-version-menu]>a:hover{background-color:var(--blue-100);color:var(--blue-500);text-decoration:none}vaadin-menu-bar-list-box[theme~=addon-version-menu] span{font-size:.8em;color:var(--secondary-text-color);font-weight:var(--text-weight-regular)}vaadin-menu-bar-list-box[theme~=addon-version-menu]>div>a{display:block;color:var(--primary-text-color)}[theme~=addon-version-menu] hr{margin:var(--space-sm)}[theme~=addon-version-menu] i{font-variant:all-small-caps;font-style:normal;font-size:var(--text-size-m);margin-top:var(--space-sm)}addon-view .release-notes :is(h1,h2,h3,h4,h5,h6){font-size:var(--text-size-md)}addon-view .versions dl{display:grid;grid-template-columns:min-content auto}addon-view .versions dt{color:var(--secondary-text-color)}addon-view .versions dd{grid-column-start:2;grid-column-end:3}addon-view .versions dd+dd+dt,addon-view .versions dd+dd+dt+dd{margin-top:var(--space-sm)}addon-view .main pre{font-size:var(--text-size-sm)}.compatibility-matrix{display:flex;max-width:100%;overflow-x:auto}.compatibility-matrix .matrix{width:100%}.compatibility-matrix .not-supported-fw,.compatibility-matrix .collapsed{display:none}table.matrix th,table.matrix td{padding:0;margin:0;text-align:center;vertical-align:top;float:none}table.matrix td.on{background-color:var(--green-500);color:#fff;border-radius:var(--roundness-sm)}table.matrix th{background-color:var(--secondary-surface-color)}table.matrix th.colh{background:transparent;transform:rotate(290deg);height:3rem;margin-bottom:1rem;padding-top:1rem;text-align:center}table.matrix th.rowh{white-space:nowrap;position:sticky;left:0;z-index:2}addon-stats-view .graph{display:flex;align-items:flex-end;gap:.1em;height:6em;width:100%;border:1pt solid #f4f4f4;border-radius:10px;padding:1em;overflow-x:scroll}addon-stats-view .dateRangeSelect{margin-bottom:.5em}addon-stats-view .legend{display:flex;align-items:even;width:100%;height:2em;padding:.2em 1em 0;justify-content:space-between;font-size:var(--text-size-xs)}addon-stats-view .bar{width:100%;max-width:100em;min-width:.1em;min-height:.2em;background:#4682b4;transition:height .3s ease}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}html{--background-color: var(--base-white);--surface-color: var(--base-white);--secondary-surface-color: var(--gray-50);--surface-shadow-m: var(--elevation-md);--divider-color1: var(--gray-200);--secondary-text-color: var(--color-secondary-text);--body-text-color: var(--color-base-text);--heading-text-color: var(--color-base-header);--surface-color-alt: var(--blue-50);--link-color: var(--blue-500);--input-bg: var(--gray-50);--input-border: 1px solid var(--divider-color1);--input-color: var(--body-text-color)}html{background-color:var(--base-white);--layout-max-width: 80rem;--layout-padding: 1rem}body{margin:0}@media (min-width: 768px){html{--layout-padding: 2rem}}@media (min-width: 640px){html{--layout-padding: 1.5rem}}.discussion{max-width:var(--layout-max-width);padding:0 var(--layout-padding);margin:0 auto;box-sizing:border-box}.haas{height:4rem;max-width:var(--layout-max-width);padding:0 var(--layout-padding);margin:0 auto;box-sizing:border-box}.haas-nav-items:not(:last-child){margin-bottom:0}.directory-header{display:block;color:var(--secondary-text-color);font-size:var(--text-size-sm)}.directory-header>section{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem 1rem;max-width:var(--layout-max-width);padding:0 var(--layout-padding);padding-top:2rem;margin:0 auto;box-sizing:border-box}.directory-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;font-size:var(--text-size-md);margin-inline-end:auto;position:relative}.directory-title h1{font-size:var(--text-size-3xl);margin:0}.directory-support-nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 1rem}.directory-support-nav p{margin:0}.directory-support-nav ul{display:flex;list-style:none;gap:1rem;margin:0;padding:0}.directory-header a{font-weight:var(--text-weight-semibold)}.directory-header .icon svg{width:18px;fill:currentColor;vertical-align:-4px}.build-label{max-width:var(--layout-max-width);padding:0 var(--layout-padding);color:var(--gray-500)!important;font-size:var(--text-size-xs)}#placeholder{display:none}input[type=text],input[type=search],select{border:var(--input-border);background:var(--input-bg);color:var(--input-color);border-radius:var(--roundness-md);padding:.5em .75em;margin:0;font:inherit;font-weight:var(--text-weight-semibold)}input[type=text]:focus,input[type=search]:focus,select:focus{outline:none;box-shadow:0 0 0 2px var(--blue-400)}select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.845703 0.716797L0.216797 1.3457L5.68555 6.81445L6 7.11523L6.31445 6.81445L11.7832 1.3457L11.1543 0.716797L6 5.87109L0.845703 0.716797Z' fill='%23657892'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 8px) 50%;-webkit-appearance:none;padding-inline-end:26px}input::placeholder{color:var(--secondary-text-color)}hr{border:0;height:1px;overflow:hidden;margin:var(--space-md) 0;background-color:var(--divider-color1)}code[class*=language-],pre[class*=language-]{filter:contrast(1.4);text-shadow:none;color:var(--gray-200);background:var(--gray-700)}img{max-width:100%}#paging{margin-top:1rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}