.flights-root{--window-width:clamp(0px,90vw,450px);--active-color:transparent;--tag-transition-close:.3s ease;--tag-transition-open:.5s cubic-bezier(.4,0,.6,1);background-color:#070a0e;width:100%;height:100%;overflow:hidden}.flights-root main{width:100%;height:100%}.flights-root *{-ms-overflow-style:none;scrollbar-width:none;text-rendering:geometricPrecision;box-sizing:border-box;margin:0;padding:0}.flights-root ::-webkit-scrollbar{display:none}.flights-root small{font-optical-sizing:auto;font-family:Roboto Mono,monospace;font-style:normal}.flights-root h1,.flights-root p{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Roboto,sans-serif;font-style:normal;font-weight:400}.flights-root h1{letter-spacing:-.03em;color:rgba(255,255,255,.9);font-size:24px;font-weight:500}.flights-root p{letter-spacing:.02em;white-space:nowrap;font-size:16px;line-height:165%}.flights-root small{letter-spacing:-.04em;white-space:nowrap;font-size:14px;line-height:100%}.flights-root .bold{color:rgba(255,255,255,.9);font-weight:500}.flights-root .light{color:rgba(255,255,255,.45);font-weight:400}.flights-root main{background-image:url("data:image/svg+xml,<svg width=\"249\" height=\"249\" viewBox=\"0 0 249 249\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path opacity=\"0.1\" d=\"M0.5 0L0.499989 249\" stroke=\"white\"/><path opacity=\"0.1\" d=\"M0 0.5L249 0.5\" stroke=\"white\"/><path opacity=\"0.1\" d=\"M125 0L125 249\" stroke=\"white\" stroke-dasharray=\"3 3\"/><path opacity=\"0.03\" d=\"M62.75 0L62.75 249\" stroke=\"white\"/><path opacity=\"0.03\" d=\"M187.25 0L187.25 249\" stroke=\"white\"/><path opacity=\"0.1\" d=\"M0 125H249\" stroke=\"white\" stroke-dasharray=\"3 3\"/><path opacity=\"0.03\" d=\"M0 62.75H249\" stroke=\"white\"/><path opacity=\"0.03\" d=\"M0 187.25H249\" stroke=\"white\"/></svg>");background-position:50%;background-repeat:repeat;background-size:225px 225px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.flights-root .background,.flights-root .background svg{position:absolute;top:0;bottom:0;left:0;right:0}.flights-root .background svg:nth-child(2){opacity:1;transition:opacity .4s}.flights-root.active .background svg:nth-child(2){opacity:0;transition:opacity 1.2s}.flights-root .window{width:var(--window-width);background:rgba(14,32,55,.85);border-radius:18px;height:450px;position:relative}.flights-root nav{min-height:48px;width:calc(var(--window-width) - 4px);color:#fff;z-index:1;cursor:pointer;transition:background .4s,width var(--tag-transition-close);background:#1c314c;border-radius:16px;padding:2px;position:absolute;top:2px;left:50%;overflow:hidden;transform:translate(-50%)}.flights-root.active nav{transition:background .4s,width var(--tag-transition-open)}.flights-root.lighter nav{background:#213b5c!important}.flights-root .toggle{background-color:transparent}.flights-root .toggle-content{background-color:transparent;align-items:center;gap:14px;height:40px;padding:0 12px 0 14px;display:flex}.flights-root .filter-icon{opacity:.5;align-items:center;height:100%;display:flex}.flights-root .active-tags{align-items:center;width:100%;height:100%;display:flex}.flights-root .active-tags .tray-item{color:rgba(255,255,255,.45);transition:width var(--tag-transition-close),top var(--tag-transition-close),left var(--tag-transition-close);pointer-events:none;background:#213b5c;font-weight:400}.flights-root.active nav .active-tags .tray-item{color:rgba(255,255,255,.9);transition:width var(--tag-transition-open),top var(--tag-transition-open),left var(--tag-transition-open);font-weight:500;opacity:1!important}.flights-root .overflow{transition:opacity .4s;position:absolute;transform:translate(4px)}.flights-root.active nav .overflow{opacity:0!important}.flights-root .icon,.flights-root.active nav .toggle:hover .icon{flex-direction:center;opacity:.5;background:currentColor;border-radius:3px;justify-content:center;width:16px;height:8px;padding:2px;transition:height .4s;display:flex}.flights-root.active nav .icon,.flights-root .toggle:hover .icon{height:16px;transition:height .2s}.flights-root .test .icon{height:8px}.flights-root .stay-closed .icon:not(nav.active .stay-closed .icon){height:8px!important}.flights-root.active nav .stay-open .icon{height:16px!important}.flights-root .icon-top{background:#04070d;border-radius:2px;width:100%;height:4px}.flights-root .content{background:#0e2037;height:0;transition:height .4s cubic-bezier(.5,0,.3,1),border-radius .4s;position:relative;overflow:hidden;box-shadow:inset 0 0 40px rgba(214,222,239,.1);border-radius:14px!important}.flights-root.active nav .content{transition:height .6s cubic-bezier(.5,0,.3,1),border-radius .4s}.flights-root .tray{min-width:calc(var(--window-width) - 8px);transform-origin:top;flex-direction:column;gap:12px;transition:all .6s;display:flex}.flights-root.active nav .tray{transition:all .8s;transform:scaleY(1)!important}.flights-root .tray-wrap{flex-wrap:wrap;gap:4px;width:100%;padding:4px;display:flex}.flights-root .tray-item{color:rgba(255,255,255,.45);background:rgba(255,255,255,.05);border-radius:12px;align-items:center;gap:4px;height:40px;padding:0 10px 1px;font-weight:400;transition:transform .6s;display:flex}.flights-root .tray-item:hover{background:rgba(255,255,255,.1)}.flights-root .tray-item svg{opacity:.5;width:14px}.flights-root .flights-list{border-radius:16px;flex-direction:column;justify-content:stretch;gap:8px;height:calc(100% - 36px);padding:16px;display:flex;position:relative;top:40px;overflow:scroll}.flights-root .flight{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);border-radius:16px}.flights-root .flight-main{padding:16px;display:flex}.flights-root .departure,.flights-root .arrival{flex-direction:column;flex:1;display:flex}.flights-root .departure{align-items:start}.flights-root .arrival{align-items:end}.flights-root .duration{flex-direction:column;justify-content:end;align-items:center;gap:4px;display:flex}.flights-root .flight-border{background-image:url("data:image/svg+xml,<svg width=\"4\" height=\"2\" viewBox=\"0 0 4 2\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"2\" height=\"2\" rx=\"1\" fill=\"white\" fill-opacity=\"0.1\"/> </svg>");background-repeat:repeat;width:100%;height:2px}.flights-root .flight-details{align-items:center;padding:12px 16px;display:flex}.flights-root .airline{flex:1;align-items:center;gap:8px;display:flex}.flights-root .airline-logo{width:16px}.flights-root .price{flex:1;justify-content:end;align-items:center;gap:6px;display:flex}.flights-root .price.down{color:#4cdbb5}.flights-root .price.down svg{transform:scaleY(-1)}.flights-root .price.up{color:#e2522f}.flights-root .gradient-blur{pointer-events:none;z-index:2;width:100%;height:100%;transition:all ease-out;position:absolute;top:0;bottom:auto;left:0;right:0;top:0!important;left:0!important}.flights-root .gradient-blur>div{opacity:1;transition:all .3s ease-out,opacity .6s .8s;position:absolute;top:0;bottom:0;left:0;right:0}.flights-root.active nav .gradient-blur>div{-webkit-backdrop-filter:blur();transition:all .8s ease-out .2s,opacity .6s .6s;top:-100px;bottom:-100px;left:-100px;right:-100px}.flights-root .gradient-blur>div:first-of-type{z-index:1;-webkit-backdrop-filter:blur(.5px);-webkit-mask:linear-gradient(transparent 15%,#000 23%);mask:linear-gradient(transparent 15%,#000 23%)}.flights-root .gradient-blur>div:nth-of-type(2){z-index:2;-webkit-backdrop-filter:blur(1px);-webkit-mask:linear-gradient(transparent 23%,#000 31%);mask:linear-gradient(transparent 23%,#000 31%)}.flights-root .gradient-blur>div:nth-of-type(3){z-index:3;-webkit-backdrop-filter:blur(3px);-webkit-mask:linear-gradient(transparent 31%,#000 39%);mask:linear-gradient(transparent 31%,#000 39%)}.flights-root .gradient-blur>div:nth-of-type(4){z-index:4;-webkit-backdrop-filter:blur(7px);-webkit-mask:linear-gradient(transparent 39%,#000 47%);mask:linear-gradient(transparent 39%,#000 47%)}.flights-root .gradient-blur>div:nth-of-type(5){z-index:5;-webkit-backdrop-filter:blur(16px);-webkit-mask:linear-gradient(transparent 47%,#000 55%);mask:linear-gradient(transparent 47%,#000 55%)}.flights-root .gradient-blur>div:nth-of-type(6){z-index:6;-webkit-backdrop-filter:blur(32px);-webkit-mask:linear-gradient(transparent 55%,#000 63%);mask:linear-gradient(transparent 55%,#000 63%)}.flights-root .gradient-blur>div:nth-of-type(7){z-index:7;-webkit-backdrop-filter:blur(64px);-webkit-mask:linear-gradient(transparent 63%,#000 71%);mask:linear-gradient(transparent 63%,#000 71%)}.flights-root .gradient-blur>div:nth-of-type(8){z-index:8;-webkit-backdrop-filter:blur(128px);-webkit-mask:linear-gradient(transparent 71%,#000 79%);mask:linear-gradient(transparent 71%,#000 79%)}