.demo-browser-main{--color-background: rgb(var(--y-theme-primary));--color-text: #ebeef0;--header-spacing: 25px;--color-header: rgb(var(--y-theme-on-footer-lighten-2));--color-background-dialog: rgb(var(--y-theme-on-footer-lighten-2));--color-text-dialog: #ffffff;--color-pill-active: rgb(var(--y-theme-accent-lighten-1));--color-pill: rgb(var(--y-theme-on-footer-lighten-1));--color-pill-hover: rgb(var(--y-theme-on-footer));--color-tag-background: rgb(var(--y-theme-background));--color-similar-demos: rgb(var(--y-theme-on-footer-lighten-1));--color-dialog-header: #383838;--color-link-pill-background: rgb(var(--y-theme-primary));--color-link-pill-background-hover: rgb(var(--y-theme-on-background));--color-horizontal-ruler: #909090}*,*:after,*:before{box-sizing:border-box}.explore-button{white-space:nowrap}.demo-browser-main{position:relative;color-scheme:dark;font-family:Montserrat,Source Sans Pro,Helvetica Neue Light,HelveticaNeue-Light,Helvetica Neue,Calibri,Helvetica,Arial,sans-serif;font-size:16px;font-weight:300;line-height:21px;flex-direction:column;align-items:stretch;color:var(--color-text)}.content-centered{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;background-color:var(--color-background);padding-top:calc(40px + 26px + 2 * var(--header-spacing) + 20px)}.content{display:flex;flex-direction:column;width:100%;max-width:1660px;padding:25px 30px}.demo-category{container-type:inline-size;width:100%;display:flex;flex-direction:column;margin-bottom:10px;padding-bottom:50px}@media screen and (max-width:1350px){.demo-category{margin-bottom:60px}}.demo-category .category-header{display:flex;gap:20px;flex-direction:row;align-items:center;justify-content:flex-start;margin:0 10px 5px}@media screen and (max-width:1350px){.demo-category .category-header{flex-direction:column;align-items:flex-start}}.demo-category .category-header .category-title{font-size:2em;font-weight:700;line-height:1.2em;width:300px}.demo-category .category-header .category-title:first-letter{text-transform:uppercase}.demo-category .category-header #use-case-link{white-space:nowrap;color:var(--color-developer-dark)}.demo-category .category-header .category-description{max-width:740px}.demo-category .category-header .category-actions{margin-left:auto;align-self:end}@media screen and (max-width:1350px){.demo-category .category-header .category-actions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center}}.demo-category .category-grid{display:flex;flex-wrap:wrap;justify-content:space-evenly}.demo-category .category-grid.single-line{flex-wrap:nowrap}@container (max-width: 1599px){.demo-category .category-grid.single-line :nth-child(5n){display:none}}@container (max-width: 1279px) and (min-width: 960px){.demo-category .category-grid.single-line :nth-child(4n){display:none}}@container (max-width: 959px){.demo-category .category-grid.single-line{flex-wrap:wrap}}@container (max-width: 639px){.demo-category .category-grid.single-line :nth-child(4n){display:none}}.demo-grid{display:block;margin-top:2em}.demo-grid a{color:var(--color-text)}.demo-grid .get-advice-button{color:var(--color-blue);margin-top:1rem}.demo-grid .tutorial-header{margin:50px 0 16px;font-size:28px;font-weight:400;text-align:center;padding:8px 0;background-color:#85ebff;color:#121212}.button.launch{display:flex!important;border-width:0;outline:none;border-radius:4px;padding:6px 15px;font-size:1em;font-weight:700;background:linear-gradient(to right,#a4f0ff 50%,#00d8ff 50%);background-size:200% 100%;background-position-x:100%;color:#333c47!important;cursor:pointer;align-items:center;justify-content:center;text-decoration:none;transition:background-position .5s cubic-bezier(.23,1,.32,1) 0s}.button.launch.secondary{border:1px solid #242265;color:#242265!important;background:linear-gradient(to right,var(--color-yellow) 50%,transparent 50%);background-size:200% 100%;background-position-x:100%}.button.launch:hover{background-position-x:0}.button.launch:not(.secondary):before{content:"";display:inline-block;margin-right:8px;width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38.5 38.5'%3E%3Cpath fill='%2329313b' d='M 33.754 22.569 l -25.774 14.88 a 3.9 3.9 0 0 1 -5.85 -3.377 V 4.311 a 3.9 3.9 0 0 1 5.85 -3.377 l 25.774 14.88 A 3.9 3.9 0 0 1 33.754 22.569 Z' /%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:12px 12px}.hidden{display:none}#no-search-results{text-align:center;padding:24px;line-height:2;font-size:20px}.btn{display:inline-block;background-color:#ea720b;color:#f7f7f7;padding:8px;text-decoration:none;margin-top:8px;cursor:pointer}.btn:hover{text-decoration:none}.js .ts-only,.ts .js-only{display:none}.demo-browser-header-anchor{position:relative;top:0}.demo-browser-header{position:absolute;display:flex;flex-direction:column;align-items:center;top:0;left:0;width:100%;padding:var(--header-spacing) 25px calc(var(--header-spacing) + 26px + 20px) 25px;gap:var(--header-spacing);background:var(--color-background);font-size:16px;z-index:30;transition:background-color .5s cubic-bezier(.23,1,.32,1) 0s,padding .5s cubic-bezier(.23,1,.32,1) 0s,gap .5s cubic-bezier(.23,1,.32,1) 0s}.header-sticky .demo-browser-header{position:fixed;top:0;width:100%;background:var(--color-header);--header-spacing: 10px}.demo-browser-header .demo-browser-menubar{position:relative;display:flex;flex-direction:row;width:100%;max-width:1600px;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px 10px;z-index:2}.demo-browser-header .flex-item{flex:1;display:flex;height:40px;justify-content:center;align-items:center}.demo-browser-header .menubar-menu-items{position:absolute;top:0;left:0;height:100%;flex:0 1 290px}@media screen and (max-width:1350px){.demo-browser-header .menubar-menu-items{position:relative;top:0;left:0}}.demo-browser-header .menubar-search{flex:1 1 300px;max-width:500px}.demo-browser-header .menu{flex:1;display:flex;justify-content:center;align-items:center}.demo-browser-header .menu .menu-items-container{white-space:nowrap;margin-right:auto;border-bottom:1px solid #BDBDBD;padding-bottom:4px;margin-left:4px}.demo-browser-header .menu .menu-button{color:var(--color-text);text-align:center;font-weight:400;position:relative;display:inline-block;cursor:pointer;padding:0 5px;border:none;background:none;font-size:16px;line-height:21px;transition:color .2s cubic-bezier(.23,1,.32,1)}.demo-browser-header .menu .menu-button:hover{font-weight:700}.demo-browser-header .menu .menu-button:hover:after{transform:scale(1)}.demo-browser-header .menu .menu-button:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:3px;border-radius:5px;background-color:var(--color-text);transform:scaleX(0);transition:transform .5s cubic-bezier(.23,1,.32,1) 0s}.demo-browser-header .menu .menu-button.menu-selected{font-weight:700;color:var(--color-text)}.demo-browser-header .menu .menu-button.menu-selected:after{transform:scale(1)}.demo-browser-header .menu #welcome-button{width:90px}.demo-browser-header .menu #all-button{width:100px}.demo-browser-header .menu #tutorials-button{width:83px}.demo-browser-header .search-container{display:flex;align-items:center;text-align:right;position:relative;width:100%;height:100%}.demo-browser-header .search-container #search{outline:none;border:1px solid #BDBDBD;border-radius:5em;width:100%;height:100%;background:#fff;padding:10px 20px 10px 40px;line-height:1.15;color:#000;font-weight:500;font-size:inherit;transition:box-shadow .2s ease}.demo-browser-header .search-container #search:focus,.demo-browser-header .search-container #search:hover{box-shadow:#0000003d 0 3px 8px}.demo-browser-header .search-container #search:focus{border-color:transparent;outline:none;box-shadow:0 1px 8px #0006}.demo-browser-header .search-container #search.has-value+.search-input-clear{opacity:1}.demo-browser-header .search-container svg{position:absolute;left:10px}.demo-browser-header .search-container .search-input-clear{opacity:0;position:absolute;top:11px;right:10px;background-size:100% 100%;background-repeat:no-repeat;background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 25' width='24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='%23888' /%3E%3C/svg%3E");width:18px;height:18px;cursor:pointer;transition:opacity .3s ease}.demo-browser-pills{position:absolute;display:flex;justify-content:center;top:calc(2 * var(--header-spacing) + 40px);left:0;width:100%;padding-bottom:22px;background-color:var(--color-background);transition:background-color .5s cubic-bezier(.23,1,.32,1) 0s,top .5s cubic-bezier(.23,1,.32,1) 0s,box-shadow .5s cubic-bezier(.23,1,.32,1) 0s,opacity .5s cubic-bezier(.23,1,.32,1) 0s,transform .5s cubic-bezier(.23,1,.32,1) 0s}.header-sticky .demo-browser-pills{background-color:var(--color-header)}.expanded .demo-browser-pills{box-shadow:0 15px 15px -15px #000}.category-pills{gap:8px;display:flex;flex-wrap:wrap;overflow:hidden;justify-content:flex-start;max-width:1600px;transition:height .5s cubic-bezier(.23,1,.32,1) 0s}@media screen and (max-width:1350px){.category-pills{justify-content:center}}.category-pill{font-family:Montserrat,Source Sans Pro,Helvetica Neue Light,HelveticaNeue-Light,Helvetica Neue,Calibri,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;color:var(--color-text);overflow:visible;height:26px;padding:0 12px;border-radius:5rem;border:none;cursor:pointer;transition:background-color .5s cubic-bezier(.23,1,.32,1) 0s;background-color:var(--color-pill)}.category-pill:hover{background-color:var(--color-pill-hover)}.category-pill.active{color:#242265;font-weight:500;background-color:var(--color-pill-active)}.category-pill.hidden{display:none}.demo-browser-pills-expand-toggle{position:absolute;display:flex;justify-content:center;align-items:center;left:0;bottom:1px;width:100%;height:22px;cursor:pointer;overflow:hidden;transition:background-color .5s cubic-bezier(.23,1,.32,1) 0s}.demo-browser-pills-expand-toggle:hover{background-color:#7d7d7d33}.demo-browser-pills-expand-toggle-icon{height:32px;transform:rotate(90deg);transition:transform .5s cubic-bezier(.23,1,.32,1) 0s}.demo-browser-header.expanded .demo-browser-pills-expand-toggle-icon{transform:rotate(-90deg)}@media screen and (max-width:870px){.demo-browser-header{padding-bottom:calc(var(--header-spacing) + 40px)}.demo-browser-pills{top:unset;bottom:0;padding:0 25px 3px}.header-sticky .demo-browser-header{padding-bottom:var(--header-spacing)}.header-sticky .demo-browser-pills{opacity:0;transform:translateY(var(--header-spacing))}.demo-browser-pills-expand-toggle{display:none}.category-pills{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;height:45px!important}}.modal-window{position:fixed;background-color:#2a3e50cf;inset:0;z-index:9999;display:flex;justify-content:center;padding:20px 0;visibility:hidden;opacity:0;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .5s cubic-bezier(.23,1,.32,1) 0s,backdrop-filter .5s cubic-bezier(.23,1,.32,1) 0s}@media screen and (max-width:870px){.modal-window{background-color:var(--color-background);padding:0}}.modal-window.open{visibility:visible;opacity:1;pointer-events:auto}.modal-window .modal-root{margin:auto 0;width:700px;max-width:100%;height:100%;font-size:14px;display:flex;flex-direction:column;justify-content:center;position:relative;transition:box-shadow .5s cubic-bezier(.23,1,.32,1) 0s}.modal-window .modal-root h3{margin-top:0;font-size:1.1em;font-weight:400;color:#00d8ff}.modal-window .modal-root .modal-hero-image-link:hover+.description-row .button.launch{background-position-x:0}.modal-window .modal-navigation{position:fixed;align-self:center;display:flex;align-items:center;background-color:var(--color-background-dialog);padding:7px;border-radius:4px;height:220px;--modal-width-half: 350px ;--modal-width-half-negative: -350px }.modal-window .modal-navigation__icon{width:40px;height:40px;transition:transform .5s cubic-bezier(.23,1,.32,1) 0s}.modal-window .modal-navigation.previous{transform:translate(calc(var(--modal-width-half-negative) - 200px));padding-left:0}.modal-window .modal-navigation.next{transform:translate(calc(var(--modal-width-half) + 200px));padding-right:0}.modal-window .modal-navigation.hidden{display:none}@media screen and (max-width:1500px){.modal-window .modal-navigation .demo-preview{display:none}.modal-window .modal-navigation.previous{transform:translate(calc(var(--modal-width-half-negative) - 30px))}.modal-window .modal-navigation.next{transform:translate(calc(var(--modal-width-half) + 30px))}}@media screen and (max-width:870px){.modal-window .modal-navigation.previous,.modal-window .modal-navigation.next{display:none}}.modal-window .modal-content{display:flex;flex-direction:column;background:var(--color-background-dialog);color:var(--color-text-dialog);padding:20px;border-radius:4px;overflow-y:auto;flex:1;max-height:1000px;transition:transform .5s cubic-bezier(.23,1,.32,1) 0s}.modal-window .modal-header{position:relative;display:flex;align-items:center;padding:10px 20px 40px;font-size:1.5em;color:var(--color-text-dialog);background-color:transparent;border-radius:4px;max-width:700px}@media screen and (max-width:1500px){.modal-window .modal-header{padding:10px 20px}}.modal-window .modal-header .modal-header-text{position:relative;left:-100px}@media screen and (max-width:1500px){.modal-window .modal-header .modal-header-text{left:0;margin-left:auto}}.modal-window .modal-header .close-button{position:relative;right:-70px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}.modal-window .modal-header .close-button:after{content:"✕";display:block;font-weight:700}@media screen and (max-width:1500px){.modal-window .modal-header .close-button{right:0}}.modal-window .modal-hero-image{position:relative;text-align:center;width:100%;max-height:371.25px;border-radius:4px;object-fit:cover}.modal-window .modal-hero-video{position:relative;text-align:center;width:100%;max-height:371px;border-radius:4px;object-fit:cover;display:none}.modal-window .description-row{display:flex;column-gap:30px;margin:20px 0;padding-left:20px}.modal-window .description-row .row-left{flex:1 1 auto}.modal-window .description-row .row-right{flex:0 0 170px}@media(max-width:700px){.modal-window .description-row .row-right{flex:1}}@media(max-width:700px){.modal-window .description-row{flex-direction:column-reverse;padding-left:0}}.modal-window .demo-description .title{font-size:1.5em;font-weight:500}.modal-window .demo-description .title a{color:#00d8ff!important;text-decoration:none}.modal-window .demo-description .title .subtitle{font-size:.8em;font-weight:400;margin-top:.3rem;text-transform:capitalize}.modal-window .demo-description hr{height:.5px;border:none;color:var(--color-horizontal-ruler);background-color:var(--color-horizontal-ruler)}.modal-window .support{margin-bottom:20px}.modal-window .support a{color:#00d8ff}.modal-window .demo-context-info h3{font-weight:700}.modal-window .demo-context-info a{color:var(--color-text-dialog);display:inline-block;margin-right:5px}.modal-window .demo-context-info .tags-and-usecases{margin-top:30px;border-width:0;outline:none;border-radius:4px;background-color:var(--color-similar-demos);padding:10px}@media(max-width:700px){.modal-window .demo-context-info .tags-and-usecases{display:none}}.modal-window .demo-context-info .use-cases a,.modal-window .demo-context-info .tags a{font-size:small;text-decoration:none;text-transform:capitalize;padding-left:10px;padding-right:10px;background:var(--color-link-pill-background);border-radius:10px;margin-bottom:5px;cursor:pointer}.modal-window .demo-context-info .use-cases a:hover,.modal-window .demo-context-info .tags a:hover{background:var(--color-link-pill-background-hover)}.modal-window .similar-demos{padding-top:20px;border-top:2px solid var(--color-similar-demos);margin-top:auto}.modal-window .similar-demos h3{font-weight:700}@media screen and (max-width:870px){.modal-window .similar-demos{display:none}}.modal-window .similar-demos .similar-demo-list{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.modal-window .similar-demos .similar-demo-list .similar-demo{display:flex;flex-direction:column;width:140px;cursor:pointer}.modal-window .similar-demos .similar-demo-list .similar-demo .similar-demo-image{width:100%;height:84.375px;border-radius:3px;object-fit:cover}.modal-window .similar-demos .similar-demo-list .similar-demo .similar-demo-title{max-height:32px;margin:4px 0 0;line-height:1.1em;overflow:hidden}.modal-window .similar-demos .similar-demo-list .similar-demo:hover{text-decoration:underline}.modal-window .modal-navigation{cursor:pointer}.modal-window .modal-navigation:hover .demo-preview-cover{background-color:transparent}.modal-window .modal-navigation:hover .modal-navigation__icon{transform:scale(1.25)}.modal-window .demo-preview{position:relative;width:300px;height:100%;user-select:none}.modal-window .demo-preview .demo-preview-title{position:absolute;bottom:0;width:100%;color:#333c46;background-color:#fffc;font-weight:400;text-align:center}.modal-window .demo-preview .demo-preview-cover{width:100%;height:100%;object-fit:cover;border-radius:4px}.grid-item-dummy{position:relative;width:320px;height:0}.grid-item{position:relative;display:inline-block;vertical-align:text-top;width:320px;height:265px;padding:10px;margin:10px 0;overflow:visible}.grid-item:not(.not-available):focus{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}@media(hover:hover)and (pointer:fine){.grid-item:not(.not-available):hover .grid-item-content,.grid-item:not(.not-available):focus .grid-item-content{padding-top:25px;padding-left:25px;width:345px}.grid-item:not(.not-available):hover .grid-item-inner,.grid-item:not(.not-available):focus .grid-item-inner{z-index:100;top:-25px;left:-25px;width:370px;height:auto;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.grid-item:not(.not-available):hover .description,.grid-item:not(.not-available):focus .description{height:auto}.grid-item:not(.not-available):hover .description .details,.grid-item:not(.not-available):focus .description .details{opacity:1}}.demo-grid:not(#demo-overview-grid) .grid-item.filtered{display:none}.grid-item.no-show{visibility:hidden}.grid-item.inactive *{cursor:default}.grid-item:not(.inactive){cursor:pointer}@media(hover:hover)and (pointer:fine){.grid-item:not(.inactive):focus-within{z-index:15!important}.grid-item:not(.inactive):focus-within figure,.grid-item:not(.inactive):hover figure{transform:scale(1.15) translateY(-75px);animation:popout .3s;animation-fill-mode:both}.grid-item:not(.inactive):focus-within figure .popout-box,.grid-item:not(.inactive):hover figure .popout-box{top:-10px;left:-10px;pointer-events:auto;opacity:1;height:370px;width:calc(100% + 20px);border:10x solid var(--color-background-dialog);border-radius:4px}.grid-item:not(.inactive):focus-within .caption,.grid-item:not(.inactive):hover .caption{pointer-events:all}.grid-item:not(.inactive):focus-within .caption .title,.grid-item:not(.inactive):hover .caption .title{opacity:1;transition:opacity .3s}.grid-item:not(.inactive):focus-within .caption .details,.grid-item:not(.inactive):hover .caption .details{opacity:1;transition:opacity .3s}.grid-item:not(.inactive):focus-within .caption .actions,.grid-item:not(.inactive):hover .caption .actions{opacity:1;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s}.grid-item:not(.inactive):focus-within .caption .slide-in,.grid-item:not(.inactive):hover .caption .slide-in{transform:translateY(0)}}.grid-item.not-available{pointer-events:none;box-shadow:0 1px 3px #00000008,0 1px 2px #0000000f}.grid-item.not-available:before{content:"";display:block;position:absolute;inset:0;background:#fffc;z-index:2}.grid-item.not-available .not-available-notice{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);text-align:center;font-weight:700;width:160px;padding:8px;background-color:#eee;z-index:2;box-shadow:2px 2px 3px #0003}.grid-item.not-available .not-available-notice a{pointer-events:auto}.grid-item .grid-item-inner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:box-shadow .5s cubic-bezier(.23,1,.32,1) 0s}.grid-item .grid-item-content{padding:0;width:100%}.grid-item .actions{flex:0 0 35px;display:flex;justify-content:space-between;opacity:0;transition:opacity .5s cubic-bezier(.23,1,.32,1) 0s}.grid-item .actions a.action-details-dialog{background:url("data:image/svg+xml,%3Csvg fill='%23333' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z'/%3E%3C/svg%3E") no-repeat;transform:rotate(90deg);background-size:40px 40px;padding:20px}.grid-item .actions a.action-source{background:url("data:image/svg+xml,%3Csvg fill='%23333' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") no-repeat;background-size:20px 20px;padding-left:20px}.grid-item .thumbnail{position:relative;overflow:hidden;height:200px;width:100%;transition:height .5s cubic-bezier(.23,1,.32,1) 0s}.grid-item .thumbnail .category{position:absolute;bottom:0;left:0;z-index:1;padding:6px 10px;background-color:#00d8ff;color:#f0f0f0;text-transform:uppercase;font-weight:500;font-size:11px}.grid-item .thumbnail a{display:block;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transition:opacity .5s cubic-bezier(.23,1,.32,1) 0s,transform .5s cubic-bezier(.23,1,.32,1) 0s}.grid-item .thumbnail video{width:100%;height:100%;background-color:#fff}.grid-item .description{position:relative;padding:10px;height:75px;box-sizing:border-box;overflow:hidden;transition:height .5s cubic-bezier(.23,1,.32,1) 0s}.grid-item .description .title{position:relative;margin:0;padding:0 3px;font-size:1.1em;z-index:1;font-weight:500}.grid-item .description .title a:focus{outline:2px solid #00d8ff}.grid-item .description .details{margin:.5em 0 0;padding:0 3px;font-size:14px;opacity:0;transition:opacity .5s cubic-bezier(.23,1,.32,1) 0s}.grid-item .tags{position:absolute;bottom:0;left:0;right:0;padding:10px 10px 5px;transition:opacity .3s cubic-bezier(.23,1,.32,1) 0s}.grid-item .tags .tag{display:inline-block;font-size:11px;font-weight:500;background-color:var(--color-tag-background);padding:0 6px;height:24px;line-height:24px;box-sizing:border-box;border-radius:6px;margin-bottom:5px;margin-right:5px}.grid-item .tags .tag a{text-decoration:none;color:#343f4a!important}.grid-item .tags .tag a:hover{text-decoration:underline}.grid-item figure{position:relative;height:200px;width:300px;margin:0;transition:transform .2s}.grid-item figure .thumbnail{border-radius:4px;z-index:10;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;background-color:var(--color-header)}.grid-item figure .thumbnail img{width:100%;height:100%;object-fit:cover;animation:fadein .3s ease-in}.grid-item .popout-box{position:absolute;top:0;left:0;background:var(--color-background-dialog);color:var(--color-text-dialog);border-radius:1px;height:100%;width:100%;opacity:0;pointer-events:none;backface-visibility:hidden;transition:opacity .5s cubic-bezier(.23,1,.32,1) 0s,height .5s cubic-bezier(.23,1,.32,1) 0s,width .5s cubic-bezier(.23,1,.32,1) 0s,top .5s cubic-bezier(.23,1,.32,1) 0s,left .5s cubic-bezier(.23,1,.32,1) 0s,border .5s cubic-bezier(.23,1,.32,1) 0s;box-shadow:0 0 0 0 var(--color-background-dialog)}.grid-item .grid-title{font-size:16px;font-weight:700;padding-left:4px;color:var(--color-text);margin:5px 0}.grid-item .grid-title a{text-decoration:none!important}.grid-item .grid-subtitle{font-size:14px;font-weight:400;color:#ccc;margin-bottom:5px;text-transform:capitalize}.grid-item .caption{pointer-events:none;position:absolute;top:135px;left:-7%;width:114%;padding:15px;height:185px;z-index:20}.grid-item .caption .title{flex:0 1 auto;margin:0;font-size:16px;font-weight:700;color:var(--color-text-dialog);opacity:0;transition:none;text-decoration:none}.grid-item .caption .title .subtitle{font-size:14px;font-weight:400;color:#ccc;margin-bottom:5px;text-transform:capitalize}.grid-item .caption .details{flex:1 1 4.5em;margin:5px 0;position:relative;font-size:14px;overflow:hidden;opacity:0;transition:none;color:var(--color-text-dialog)!important}.grid-item .caption .details code{background:none}.grid-item .caption .details a{color:#ff6c00!important}.grid-item .caption .actions{opacity:0;transition:opacity .1s cubic-bezier(.23,1,.32,1)}.grid-item .caption .button.launch{font-size:14px}.grid-item .caption .slide-in{transform:translateY(-80px);transition:transform .3s;display:flex;flex-direction:column;height:100%}@media(hover:hover)and (pointer:fine){.grid-item.yfiles-tile:hover{color:#242265!important}.grid-item.yfiles-tile:hover .thumbnail{border-color:transparent}.grid-item.yfiles-tile:hover .launch.advice{background-position-x:0;transition-delay:.3s}}.grid-item.yfiles-tile figure .thumbnail{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:none;border:1px solid rgb(var(--y-theme-on-footer));padding:.5rem 1rem;transition:border-color .2s}.grid-item.yfiles-tile figure .thumbnail p{text-align:center;margin-top:0}.grid-item.yfiles-tile figure .thumbnail p:first-child{font-size:16px;font-weight:700}.grid-item.yfiles-tile figure .thumbnail img{width:auto;height:115px;animation:none}.grid-item.yfiles-tile figure .popout-box{background:rgb(var(--y-theme-on-footer))}.grid-item.yfiles-tile .caption .details,.grid-item.yfiles-tile .caption .title{color:#242265!important}.grid-spacer{flex:0 0 100%}.grid-header{display:flex;align-items:center;height:70px;text-transform:capitalize;gap:1rem;font-weight:500;font-size:1.3em}.grid-header:after{content:"";height:1px;flex:1;background-color:var(--color-text)}@keyframes fadein{0%{opacity:0}}::view-transition-group(root){animation:none}::view-transition-old(root){display:none}::view-transition-new(modal-prev-vt):only-child{animation-name:swipe-in-left;animation-delay:.1s}::view-transition-new(modal-next-vt):only-child{animation-name:swipe-in-right;animation-delay:.1s}::view-transition-old(grid-item-vt):only-child{animation-delay:.05s}::view-transition-old(modal-prev-vt):only-child{animation-name:swipe-out-right;animation-duration:.2s}::view-transition-old(modal-next-vt):only-child{animation-name:swipe-out-left;animation-duration:.2s}::view-transition-group(grid-item-vt){z-index:1}::view-transition-new(grid-item-vt){animation:none;mix-blend-mode:normal}::view-transition-old(grid-item-vt):not(:only-child),::view-transition-old(modal-swipe-vt-new-prev),::view-transition-old(modal-swipe-vt-new-next){opacity:0;animation:none}::view-transition-new(modal-swipe-vt-new-prev){animation-name:fade-right}::view-transition-new(modal-swipe-vt-new-next){animation-name:fade-left}@keyframes fade-right{0%{opacity:0;transform:translate(-150%)}to{opacity:1;transform:translate(0)}}@keyframes fade-left{0%{opacity:0;transform:translate(150%)}to{opacity:1;transform:translate(0)}}@keyframes swipe-in-right{0%{opacity:0;transform:translate(-100%)}}@keyframes swipe-in-left{0%{opacity:0;transform:translate(100%)}}@keyframes swipe-out-right{to{opacity:0;transform:translate(100%)}}@keyframes swipe-out-left{to{opacity:0;transform:translate(-100%)}}@media screen and (max-width:1350px){::view-transition-new(modal-swipe-vt-prev){animation-name:swipe-in-right}::view-transition-new(modal-swipe-vt-next){animation-name:swipe-in-left}::view-transition-old(modal-swipe-vt-main){animation:none;opacity:0}}.text-intro{font-size:clamp(17px,calc(17px + 2 * ((100vw - 768px) / 932)),19px);font-weight:500}footer{padding-top:0}.intro-images{flex:0 1 600px;display:flex;gap:1.2rem;flex-direction:row}@media(max-width:1000px){.intro-images{display:none}}.intro-images .intro-image{flex:1;text-decoration:none;font-weight:600;transform:translateY(-60px);transition:color .3s ease}.intro-images .intro-image:nth-child(2){transform:none}.intro-images .intro-image img{width:100%;height:100px;transition:transform .3s ease}.intro-images .intro-image:hover{color:rgb(var(--y-theme-accent-lighten-2))}.intro-images .intro-image:hover img{transform:scale(1.1)}