.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:#fff;--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{color-scheme:dark;color:var(--color-text);flex-direction:column;align-items:stretch;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;position:relative}@media screen and (width<=1350px){.demo-browser-main{margin-top:-2rem}}.content-centered{background-color:var(--color-background);padding-top:calc(40px + 26px + 2 * var(--header-spacing) + 20px);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.content{flex-direction:column;width:100%;max-width:1660px;padding:25px 30px;display:flex}.demo-category{flex-direction:column;width:100%;padding-bottom:30px;display:flex;container-type:inline-size}@media screen and (width<=1350px){.demo-category{margin-bottom:10px;padding-bottom:25px;position:relative}}.demo-category .category-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;margin:0 10px 5px;display:flex}@media screen and (width<=1350px){.demo-category .category-header{flex-direction:column;align-items:flex-start}}.demo-category .category-header .category-title{width:100%;font-size:2em;font-weight:700;line-height:1.2em}.demo-category .category-header .category-title:first-letter{text-transform:uppercase}@media screen and (width<=1350px){.demo-category .category-header .category-title{margin-top:1rem}}.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{align-self:end;margin-left:auto}@media screen and (width<=1350px){.demo-category .category-header .category-actions{justify-content:center;margin-bottom:.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}}.demo-category .category-grid{flex-wrap:wrap;justify-content:space-evenly;display:flex}.demo-category .category-grid.single-line{flex-wrap:nowrap}@container (width<=1599px){.demo-category .category-grid.single-line :nth-child(5n){display:none}}@container (width<=1279px) and (width>=960px){.demo-category .category-grid.single-line :nth-child(4n){display:none}}@container (width<=959px){.demo-category .category-grid.single-line{flex-wrap:wrap}}@container (width<=639px){.demo-category .category-grid.single-line :nth-child(4n){display:none}}.demo-grid{margin-top:2em;display:block}.demo-grid a{color:var(--color-text)}.demo-grid .get-advice-button{color:var(--color-blue);margin-top:1rem}.demo-grid .tutorial-header{text-align:center;color:#121212;background-color:#85ebff;margin:50px 0 16px;padding:8px 0;font-size:28px;font-weight:400}.button.launch{cursor:pointer;background:linear-gradient(90deg,#a4f0ff 50%,#00d8ff 50%) 100% 0/200% 100%;border-width:0;border-radius:4px;outline:none;justify-content:center;align-items:center;padding:6px 15px;font-size:1em;font-weight:700;text-decoration:none;transition:background-position .5s cubic-bezier(.23,1,.32,1);color:#333c47!important;display:flex!important}.button.launch.secondary{background:linear-gradient(to right, var(--color-yellow) 50%, transparent 50%);background-position-x:100%;background-size:200% 100%;border:1px solid #242265;color:#242265!important}.button.launch:hover{background-position-x:0}.button.launch:not(.secondary):before{content:"";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;width:12px;height:12px;margin-right:8px;display:inline-block}.hidden{display:none}#no-search-results{text-align:center;padding:24px;font-size:20px;line-height:2}.btn{color:#f7f7f7;cursor:pointer;background-color:#ea720b;margin-top:8px;padding:8px;text-decoration:none;display:inline-block}.btn:hover{text-decoration:none}.js .ts-only,.ts .js-only{display:none}.demo-intro{font-size:clamp(20px,.214592vw + 18.3519px,24px);font-weight:300;line-height:2.4rem}@media screen and (width<=1350px){.demo-intro{font-size:clamp(17px,.214592vw + 15.3519px,19px);font-weight:500;line-height:1.7rem}}.demo-browser-header-anchor{position:relative;top:0}.demo-browser-header{width:100%;padding:var(--header-spacing) 25px calc(var(--header-spacing) + 26px + 20px) 25px;align-items:center;gap:var(--header-spacing);background:var(--color-background);z-index:30;flex-direction:column;font-size:16px;transition:background-color .5s cubic-bezier(.23,1,.32,1),padding .5s cubic-bezier(.23,1,.32,1),gap .5s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:0;left:0}.header-sticky .demo-browser-header{background:var(--color-header);--header-spacing:10px;width:100%;position:fixed;top:0}.demo-browser-header .demo-browser-menubar{z-index:2;flex-flow:wrap;justify-content:center;align-items:center;gap:20px 10px;width:100%;max-width:1600px;display:flex;position:relative}.demo-browser-header .flex-item{flex:1;justify-content:center;align-items:center;height:40px;display:flex}.demo-browser-header .menubar-menu-items{flex:0 290px;height:100%;position:absolute;top:0;left:0}@media screen and (width<=1350px){.demo-browser-header .menubar-menu-items{position:relative;top:0;left:0}}.demo-browser-header .menubar-search{flex:300px;max-width:500px}.demo-browser-header .menu{flex:1;justify-content:center;align-items:center;display:flex}.demo-browser-header .menu .menu-items-container{white-space:nowrap;border-bottom:1px solid #bdbdbd;margin-left:4px;margin-right:auto;padding-bottom:4px}.demo-browser-header .menu .menu-button{color:var(--color-text);text-align:center;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:16px;font-weight:400;line-height:21px;transition:color .2s cubic-bezier(.23,1,.32,1);display:inline-block;position:relative}.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:"";background-color:var(--color-text);border-radius:5px;height:3px;transition:transform .5s cubic-bezier(.23,1,.32,1);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.demo-browser-header .menu .menu-button.menu-selected{color:var(--color-text);font-weight:700}.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{text-align:right;align-items:center;width:100%;height:100%;display:flex;position:relative}.demo-browser-header .search-container #search{color:#000;width:100%;height:100%;font-weight:500;line-height:1.15;font-size:inherit;background:#fff;border:1px solid #bdbdbd;border-radius:5em;outline:none;padding:10px 20px 10px 40px;transition:box-shadow .2s}.demo-browser-header .search-container #search:focus,.demo-browser-header .search-container #search:hover{box-shadow:0 3px 8px #0000003d}.demo-browser-header .search-container #search:focus{border-color:#0000;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;cursor:pointer;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");background-repeat:no-repeat;background-size:100% 100%;width:18px;height:18px;transition:opacity .3s;position:absolute;top:11px;right:10px}.demo-browser-pills{top:calc(2 * var(--header-spacing) + 40px);background-color:var(--color-background);justify-content:center;width:100%;padding-bottom:22px;padding-left:2rem;padding-right:2rem;transition:background-color .5s cubic-bezier(.23,1,.32,1),top .5s cubic-bezier(.23,1,.32,1),box-shadow .5s cubic-bezier(.23,1,.32,1),opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;left:0}.header-sticky .demo-browser-pills{background-color:var(--color-header)}.expanded .demo-browser-pills{box-shadow:0 15px 15px -15px #000}.category-pills{flex-wrap:wrap;justify-content:flex-start;gap:8px;max-width:1600px;transition:height .5s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}@media screen and (width<=1350px){.category-pills{justify-content:center}}.category-pill{color:var(--color-text);cursor:pointer;background-color:var(--color-pill);border:none;border-radius:5rem;height:26px;padding:0 12px;font-family:Montserrat,Source Sans Pro,Helvetica Neue Light,HelveticaNeue-Light,Helvetica Neue,Calibri,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;transition:background-color .5s cubic-bezier(.23,1,.32,1);overflow:visible}.category-pill:hover{background-color:var(--color-pill-hover)}.category-pill.active{color:#242265;background-color:var(--color-pill-active);font-weight:500}.category-pill.hidden{display:none}.demo-browser-pills-expand-toggle{cursor:pointer;justify-content:center;align-items:center;width:100%;height:22px;transition:background-color .5s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;bottom:1px;left:0;overflow:hidden}.demo-browser-pills-expand-toggle:hover{background-color:#7d7d7d33}.demo-browser-pills-expand-toggle-icon{height:32px;transition:transform .5s cubic-bezier(.23,1,.32,1);transform:rotate(90deg)}.demo-browser-header.expanded .demo-browser-pills-expand-toggle-icon{transform:rotate(-90deg)}@media screen and (width<=870px){.demo-browser-header{padding-bottom:calc(var(--header-spacing) + 40px)}.demo-browser-pills{top:unset;padding:0 25px 3px;bottom:0}.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;justify-content:flex-start;overflow-x:auto;height:45px!important}}.modal-window{z-index:9999;visibility:hidden;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);background-color:#2a3e50cf;justify-content:center;padding:20px 0;transition:opacity .5s cubic-bezier(.23,1,.32,1),backdrop-filter .5s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;inset:0}@media screen and (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{flex-direction:column;justify-content:center;width:700px;max-width:100%;height:100%;margin:auto 0;font-size:14px;transition:box-shadow .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.modal-window .modal-root h3{color:#00d8ff;margin-top:0;font-size:1.1em;font-weight:400}.modal-window .modal-root .modal-hero-image-link:hover+.description-row .button.launch{background-position-x:0}.modal-window .modal-navigation{background-color:var(--color-background-dialog);--modal-width-half:calc(700px / 2);--modal-width-half-negative:calc(-700px / 2);border-radius:4px;align-self:center;align-items:center;height:220px;padding:7px;display:flex;position:fixed}.modal-window .modal-navigation__icon{width:40px;height:40px;transition:transform .5s cubic-bezier(.23,1,.32,1)}.modal-window .modal-navigation.previous{transform:translateX(calc(var(--modal-width-half-negative) - 200px));padding-left:0}.modal-window .modal-navigation.next{transform:translateX(calc(var(--modal-width-half) + 200px));padding-right:0}.modal-window .modal-navigation.hidden{display:none}@media screen and (width<=1500px){.modal-window .modal-navigation .demo-preview{display:none}.modal-window .modal-navigation.previous{transform:translateX(calc(var(--modal-width-half-negative) - 30px))}.modal-window .modal-navigation.next{transform:translateX(calc(var(--modal-width-half) + 30px))}}@media screen and (width<=870px){.modal-window .modal-navigation.previous,.modal-window .modal-navigation.next{display:none}}.modal-window .modal-content{background:var(--color-background-dialog);color:var(--color-text-dialog);border-radius:4px;flex-direction:column;flex:1;max-height:1000px;padding:20px;transition:transform .5s cubic-bezier(.23,1,.32,1);display:flex;overflow-y:auto}.modal-window .modal-header{color:var(--color-text-dialog);background-color:#0000;border-radius:4px;align-items:center;max-width:700px;padding:10px 20px 40px;font-size:1.5em;display:flex;position:relative}@media screen and (width<=1500px){.modal-window .modal-header{padding:10px 20px}}.modal-window .modal-header .modal-header-text{position:relative;left:-100px}@media screen and (width<=1500px){.modal-window .modal-header .modal-header-text{margin-left:auto;left:0}}.modal-window .modal-header .close-button{cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;display:flex;position:relative;right:-70px}.modal-window .modal-header .close-button:after{content:"✕";font-weight:700;display:block}@media screen and (width<=1500px){.modal-window .modal-header .close-button{right:0}}.modal-window .modal-hero-image{text-align:center;object-fit:cover;border-radius:4px;width:100%;max-height:371.25px;position:relative}.modal-window .modal-hero-video{text-align:center;object-fit:cover;border-radius:4px;width:100%;max-height:371px;display:none;position:relative}.modal-window .description-row{column-gap:30px;margin:20px 0;padding-left:20px;display:flex}.modal-window .description-row .row-left{flex:auto}.modal-window .description-row .row-right{flex:0 0 170px}@media (width<=700px){.modal-window .description-row .row-right{flex:1}.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{text-decoration:none;color:#00d8ff!important}.modal-window .demo-description .title .subtitle{text-transform:capitalize;margin-top:.3rem;font-size:.8em;font-weight:400}.modal-window .demo-description hr{height:.5px;color:var(--color-horizontal-ruler);background-color:var(--color-horizontal-ruler);border:none}.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);margin-right:5px;display:inline-block}.modal-window .demo-context-info .tags-and-usecases{background-color:var(--color-similar-demos);border-width:0;border-radius:4px;outline:none;margin-top:30px;padding:10px}@media (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{text-transform:capitalize;background:var(--color-link-pill-background);cursor:pointer;border-radius:10px;margin-bottom:5px;padding-left:10px;padding-right:10px;font-size:small;text-decoration:none}.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{border-top:2px solid var(--color-similar-demos);margin-top:auto;padding-top:20px}.modal-window .similar-demos h3{font-weight:700}@media screen and (width<=870px){.modal-window .similar-demos{display:none}}.modal-window .similar-demos .similar-demo-list{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.modal-window .similar-demos .similar-demo-list .similar-demo{cursor:pointer;flex-direction:column;width:140px;display:flex}.modal-window .similar-demos .similar-demo-list .similar-demo .similar-demo-image{object-fit:cover;border-radius:3px;width:100%;height:84.375px}.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:#0000}.modal-window .modal-navigation:hover .modal-navigation__icon{transform:scale(1.25)}.modal-window .demo-preview{user-select:none;width:300px;height:100%;position:relative}.modal-window .demo-preview .demo-preview-title{color:#333c46;text-align:center;background-color:#fffc;width:100%;font-weight:400;position:absolute;bottom:0}.modal-window .demo-preview .demo-preview-cover{object-fit:cover;border-radius:4px;width:100%;height:100%}.grid-item-dummy{width:320px;height:0;position:relative}.grid-item{vertical-align:text-top;width:320px;height:265px;margin:10px 0;padding:10px;display:inline-block;position:relative;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{width:345px;padding-top:25px;padding-left:25px}.grid-item:not(.not-available):hover .grid-item-inner,.grid-item:not(.not-available):focus .grid-item-inner{z-index:100;width:370px;height:auto;top:-25px;left:-25px;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{animation:.3s both popout;transform:scale(1.15)translateY(-75px)}.grid-item:not(.inactive):focus-within figure .popout-box,.grid-item:not(.inactive):hover figure .popout-box{pointer-events:auto;opacity:1;border:10x solid var(--color-background-dialog);border-radius:4px;width:calc(100% + 20px);height:370px;top:-10px;left:-10px}.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,.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:"";z-index:2;background:#fffc;display:block;position:absolute;inset:0}.grid-item.not-available .not-available-notice{text-align:center;z-index:2;background-color:#eee;width:160px;padding:8px;font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:2px 2px 3px #0003}.grid-item.not-available .not-available-notice a{pointer-events:auto}.grid-item .grid-item-inner{background-color:#fff;border-radius:8px;width:100%;height:100%;transition:box-shadow .5s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.grid-item .grid-item-content{width:100%;padding:0}.grid-item .actions{opacity:0;flex:0 0 35px;justify-content:space-between;transition:opacity .5s cubic-bezier(.23,1,.32,1);display:flex}.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") 0 0/40px 40px no-repeat;padding:20px;transform:rotate(90deg)}.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") 0 0/20px 20px no-repeat;padding-left:20px}.grid-item .thumbnail{width:100%;height:200px;transition:height .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.grid-item .thumbnail .category{z-index:1;color:#f0f0f0;text-transform:uppercase;background-color:#00d8ff;padding:6px 10px;font-size:11px;font-weight:500;position:absolute;bottom:0;left:0}.grid-item .thumbnail a{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;transition:opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);display:block}.grid-item .thumbnail video{background-color:#fff;width:100%;height:100%}.grid-item .description{box-sizing:border-box;height:75px;padding:10px;transition:height .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.grid-item .description .title{z-index:1;margin:0;padding:0 3px;font-size:1.1em;font-weight:500;position:relative}.grid-item .description .title a:focus{outline:2px solid #00d8ff}.grid-item .description .details{opacity:0;margin:.5em 0 0;padding:0 3px;font-size:14px;transition:opacity .5s cubic-bezier(.23,1,.32,1)}.grid-item .tags{padding:10px 10px 5px;transition:opacity .3s cubic-bezier(.23,1,.32,1);position:absolute;bottom:0;left:0;right:0}.grid-item .tags .tag{background-color:var(--color-tag-background);box-sizing:border-box;border-radius:6px;height:24px;margin-bottom:5px;margin-right:5px;padding:0 6px;font-size:11px;font-weight:500;line-height:24px;display:inline-block}.grid-item .tags .tag a{text-decoration:none;color:#343f4a!important}.grid-item .tags .tag a:hover{text-decoration:underline}.grid-item figure{width:300px;height:200px;margin:0;transition:transform .2s;position:relative}.grid-item figure .thumbnail{z-index:10;background-color:var(--color-header);border-radius:4px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.grid-item figure .thumbnail img{object-fit:cover;width:100%;height:100%;animation:.3s ease-in fadein}.grid-item .popout-box{background:var(--color-background-dialog);color:var(--color-text-dialog);opacity:0;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;box-shadow:0 0 0 0px var(--color-background-dialog);border-radius:1px;transition:opacity .5s cubic-bezier(.23,1,.32,1),height .5s cubic-bezier(.23,1,.32,1),width .5s cubic-bezier(.23,1,.32,1),top .5s cubic-bezier(.23,1,.32,1),left .5s cubic-bezier(.23,1,.32,1),border .5s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0}.grid-item .grid-title{color:var(--color-text);margin:5px 0;padding-left:4px;font-size:16px;font-weight:700}.grid-item .grid-title a{text-decoration:none!important}.grid-item .grid-subtitle{color:#ccc;text-transform:capitalize;margin-bottom:5px;font-size:14px;font-weight:400}.grid-item .caption{pointer-events:none;z-index:20;width:114%;height:185px;padding:15px;position:absolute;top:135px;left:-7%}.grid-item .caption .title{color:var(--color-text-dialog);opacity:0;flex:0 auto;margin:0;font-size:16px;font-weight:700;text-decoration:none;transition:none}.grid-item .caption .title .subtitle{color:#ccc;text-transform:capitalize;margin-bottom:5px;font-size:14px;font-weight:400}.grid-item .caption .details{opacity:0;flex:4.5em;margin:5px 0;font-size:14px;transition:none;position:relative;overflow:hidden;color:var(--color-text-dialog)!important}.grid-item .caption .details code{background:0 0}.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{flex-direction:column;height:100%;transition:transform .3s;display:flex;transform:translateY(-80px)}@media (hover:hover) and (pointer:fine){.grid-item.yfiles-tile:hover{color:#242265!important}.grid-item.yfiles-tile:hover .thumbnail{border-color:#0000}.grid-item.yfiles-tile:hover .launch.advice{background-position-x:0;transition-delay:.3s}}.grid-item.yfiles-tile figure .thumbnail{box-shadow:none;border:1px solid rgb(var(--y-theme-on-footer));flex-direction:column;justify-content:space-evenly;align-items:center;padding:.5rem 1rem;transition:border-color .2s;display:flex}.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{text-transform:capitalize;align-items:center;gap:1rem;height:70px;font-size:1.3em;font-weight:500;display:flex}.grid-header:after{content:"";background-color:var(--color-text);flex:1;height:1px}@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:50ms}::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){mix-blend-mode:normal;animation:none}::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 (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){opacity:0;animation:none}}.text-intro{font-size:clamp(17px,.214592vw + 15.3519px,19px);font-weight:500}footer{padding-top:0}.intro-images{flex-direction:row;flex:0 600px;gap:1.2rem;display:flex}@media (width<=1000px){.intro-images{display:none}}.intro-images .intro-image{flex:1;font-weight:600;text-decoration:none;transition:color .3s;transform:translateY(-60px)}.intro-images .intro-image:nth-child(2){transform:none}.intro-images .intro-image img{width:100%;height:100px;transition:transform .3s}.intro-images .intro-image:hover{color:rgb(var(--y-theme-accent-lighten-2))}.intro-images .intro-image:hover img{transform:scale(1.1)}