/* SOURCE: /glass-kit-v13/base.css */

#v13-ui{color-scheme: dark; --bg: oklch(16% .008 130); --text: oklch(93% .018 130); --muted: oklch(72% .025 148); --line: oklch(31% .027 153); --lime: oklch(84% .20 134);}
#v13-ui *{box-sizing: border-box;}
#v13-ui{scroll-behavior: smooth; scroll-padding-top: 30px;}
#v13-ui{margin: 0px; background: linear-gradient(120deg, rgb(16, 18, 14) 0px, rgb(10, 14, 11) 32%, rgb(12, 15, 12) 85%); color: var(--text); font: 400 16px / 1.6 Exo, system-ui, sans-serif;}
#v13-ui button,#v13-ui input,#v13-ui textarea,#v13-ui select{font: inherit;}
#v13-ui button,#v13-ui a,#v13-ui input,#v13-ui select,#v13-ui textarea{-webkit-tap-highlight-color: transparent;}
#v13-ui button{color: inherit;}
#v13-ui a{color: inherit; text-decoration: none;}
#v13-ui button{cursor: pointer;}
#v13-ui button:focus-visible,#v13-ui a:focus-visible,#v13-ui input:focus-visible,#v13-ui select:focus-visible,#v13-ui textarea:focus-visible{outline: rgb(195, 255, 173) solid 2px; outline-offset: 5px;}
#v13-ui svg{width: 22px; height: 22px; flex: 0 0 auto;}
#v13-ui button:disabled{cursor: default; opacity: 0.45;}
#v13-ui .page{max-width: 1336px; margin: auto; padding: 0px 52px;}
#v13-ui .skip{position: absolute; left: 20px; top: -90px; z-index: 20; background: rgb(37, 59, 43); padding: 12px;}
#v13-ui .skip:focus{top: 12px;}
#v13-ui .topline{height: 104px; display: flex; align-items: center; gap: 26px; border-bottom: 1px solid var(--line);}
#v13-ui .brand{display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; font-size: 23px; font-weight: 600; letter-spacing: -0.7px; position: relative; z-index: 3;}
#v13-ui .brand img{width: 34px; height: 34px;}
#v13-ui .brand b{color: rgb(149, 236, 102); font-weight: 600;}
#v13-ui .edition{font-size: 10px; letter-spacing: 0.18em; color: rgb(154, 175, 160); display: flex; align-items: center; gap: 12px;}
#v13-ui .edition b{font-size: 12px; font-weight: 500; color: rgb(198, 222, 196); border: 1px solid rgb(59, 86, 66); padding: 2px 7px; border-radius: 4px;}
#v13-ui .motion-control{margin-left: auto; display: flex; gap: 9px; align-items: center; border: 1px solid rgb(64, 86, 68); background: rgb(17, 33, 25); color: rgb(208, 221, 206); padding: 8px 13px; border-radius: 25px; font-size: 12px;}
#v13-ui .motion-control svg{width: 14px; height: 14px;}
#v13-ui .motion-control[aria-pressed="false"]{color: rgb(147, 168, 153); background: rgb(12, 23, 17);}
#v13-ui .intro{padding: 73px 0px 59px; display: grid; grid-template-columns: 1.1fr 0.9fr; column-gap: 60px; align-items: end;}
#v13-ui .eyebrow,#v13-ui .index{font-size: 10px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: rgb(167, 210, 155);}
#v13-ui .intro .eyebrow{grid-column: 1 / -1; margin: 0px 0px 23px;}
#v13-ui h1{font-size: clamp(48px, 5.2vw, 72px); line-height: 1.08; letter-spacing: -0.042em; font-weight: 450; margin: 0px;}
#v13-ui h1 span{color: rgb(145, 180, 143);}
#v13-ui .intro-aside{display: flex; gap: 36px; align-items: end; justify-content: space-between;}
#v13-ui .intro-aside > p{margin: 0px; color: var(--muted); font-size: 16px;}
#v13-ui .jump{display: grid; gap: 8px; font-size: 11px; white-space: nowrap;}
#v13-ui .jump a{display: flex; align-items: center; gap: 16px;}
#v13-ui .jump svg{width: 15px; height: 15px;}
#v13-ui .jump a:hover{color: rgb(176, 243, 137);}
#v13-ui section{padding: 57px 0px 58px; border-top: 1px solid var(--line);}
#v13-ui .section-top{display: flex; justify-content: space-between; gap: 50px; align-items: end; margin-bottom: 35px;}
#v13-ui .section-top h2{font-size: 31px; line-height: 1.25; letter-spacing: -0.022em; font-weight: 450; margin: 15px 0px 0px;}
#v13-ui .section-top > p{font-size: 13px; line-height: 1.7; color: var(--muted); width: 350px; margin: 0px;}
#v13-ui .section-top.compact{margin-bottom: 35px;}
#v13-ui .index{color: rgb(161, 188, 155); font-size: 10px;}
#v13-ui h3{font-weight: 500; letter-spacing: -0.015em;}
#v13-ui p{max-width: 65ch;}
#v13-ui .glass{position: relative; isolation: isolate; background: transparent; border: 0px; color: rgb(227, 237, 222); flex: 0 0 auto; --glass-radius: 999px; border-radius: var(--glass-radius);}
#v13-ui .glass-skin,#v13-ui .flow{position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none; z-index: -1; border-radius: inherit;}
#v13-ui .glass-skin{object-fit: fill; filter: drop-shadow(rgba(0, 0, 0, 0.467) 0px 6px 5px);}
#v13-ui .skin-on{opacity: 0; transition: opacity 190ms cubic-bezier(0.16, 1, 0.3, 1);}
#v13-ui .flow{z-index: 0; opacity: 0; transition: opacity 230ms cubic-bezier(0.16, 1, 0.3, 1);}
#v13-ui .glass[data-active="true"] > .skin-on,#v13-ui .glass[data-lit="true"] > .skin-on{opacity: 1;}
#v13-ui .glass[data-flow="on"] > .flow{opacity: 1;}
#v13-ui .glass > .ink{position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; gap: 15px; transform: translateY(-1px); text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px; pointer-events: none;}
#v13-ui .glass.control{width: 174px; height: 70px; display: inline-grid; place-items: center; font-size: 14px; font-weight: 500; padding: 0px 17px; touch-action: manipulation;}
#v13-ui .glass.control.square{--glass-radius: 12px;}
#v13-ui .glass.control:active{transform: translateY(1px);}
#v13-ui .glass.control.wide{width: 246px; height: 63px; --glass-radius: 11px;}
#v13-ui .glass.control[data-glass="square"]{width: 70px; height: 72px; --glass-radius: 12px; padding: 0px;}
#v13-ui .control[data-glass="rect"]{--glass-radius: 11px;}
#v13-ui .control[data-glass="square"] svg{width: 25px; height: 25px;}
#v13-ui .glass.control[data-active="true"]{color: rgb(236, 245, 230);}
#v13-ui .glass.control:not([data-active="true"]):hover{color: rgb(233, 252, 224);}
#v13-ui .material-stage{display: grid; grid-template-columns: 1fr 1fr 0.7fr; gap: 35px; align-items: center; padding: 40px 30px 30px; background: linear-gradient(100deg, rgba(16, 33, 23, 0.333), rgba(11, 19, 13, 0.333)); border-radius: 16px;}
#v13-ui .material-stage figure{margin: 0px; text-align: center;}
#v13-ui .specimen{width: min(100%, 288px); height: 112px; display: grid; place-items: center; margin: auto; font-size: 19px; font-weight: 500;}
#v13-ui .specimen > .ink{transform: translateY(-1px);}
#v13-ui figcaption{margin-top: 20px; display: grid; gap: 3px;}
#v13-ui figcaption b{font-size: 13px; font-weight: 500;}
#v13-ui figcaption span{font-size: 11px; color: rgb(148, 173, 152);}
#v13-ui .material-note{display: flex; gap: 18px; font-size: 12px; color: rgb(145, 169, 148); align-items: center;}
#v13-ui .material-note strong{font-weight: 450; color: rgb(212, 230, 206);}
#v13-ui .microline{width: 24px; height: 62px; border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(65, 91, 69) rgb(65, 91, 69) rgb(65, 91, 69) currentcolor; border-image: none; border-radius: 0px 4px 4px 0px; display: block;}
#v13-ui .depth-row{display: flex; align-items: center; justify-content: center; gap: 63px; padding-top: 53px;}
#v13-ui .specimen-square{width: 147px; height: 151px; display: grid; place-items: center; --glass-radius: 24px;}
#v13-ui .specimen-square > .ink{transform: translateY(-1px);}
#v13-ui .specimen-square svg{width: 43px; height: 43px;}
#v13-ui .depth-copy{max-width: 350px;}
#v13-ui .depth-copy h3{font-size: 23px; line-height: 1.25; margin: 10px 0px;}
#v13-ui .depth-copy p{font-size: 12px; color: var(--muted); margin: 0px; line-height: 1.8;}
#v13-ui .control-workbench{display: grid; grid-template-columns: 1.22fr 1fr 0.94fr; gap: 39px;}
#v13-ui .control-group{min-width: 0px;}
#v13-ui .control-group + .control-group{border-left: 1px solid var(--line); padding-left: 32px;}
#v13-ui .control-group h3{font-size: 14px; font-weight: 500; margin: 0px 0px 20px; color: rgb(181, 199, 181);}
#v13-ui .button-row{display: flex; gap: 12px; align-items: center; margin-bottom: 16px;}
#v13-ui .button-row.squares{gap: 15px; margin-top: 18px;}
#v13-ui .button-row .control[data-glass="pill"]{flex: 1 1 0%; width: auto; min-width: 0px; height: 62px;}
#v13-ui .local-note{font-size: 12px; color: rgb(173, 202, 158);}
#v13-ui .segmented{display: flex; gap: 0px; margin-bottom: 30px; padding: 3px 0px; border-bottom: 1px solid rgb(41, 67, 49);}
#v13-ui .segmented .control{font-size: 12px; height: 52px; flex: 1 1 0%; width: 0px; padding: 0px 5px; min-width: 0px;}
#v13-ui .segmented .ink{gap: 0px; transform: translateY(-1px);}
#v13-ui .switch-row{display: flex; justify-content: space-between; align-items: center; margin: 14px 0px; gap: 10px; font-size: 13px;}
#v13-ui .switch{width: 77px; height: 36px; padding: 0px; display: block; touch-action: manipulation;}
#v13-ui .switch-thumb{position: absolute; left: 8px; top: 6px; width: 23px; height: 23px; border-radius: 50%; border: 1px solid rgb(186, 213, 181); background: linear-gradient(135deg, rgb(208, 232, 194), rgb(101, 128, 93) 72%); box-shadow: rgba(240, 255, 232, 0.68) 0px 1px 2px inset, rgba(0, 0, 0, 0.733) 0px 2px 3px; z-index: 2; transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1), background 220ms;}
#v13-ui .switch[aria-checked="true"] .switch-thumb{transform: translateX(37px); background: linear-gradient(130deg, rgb(215, 255, 208), rgb(119, 216, 87) 77%); box-shadow: rgba(240, 255, 232, 0.68) 0px 1px 2px inset, rgba(0, 0, 0, 0.733) 0px 2px 3px, rgba(128, 222, 75, 0.267) 0px 0px 9px;}
#v13-ui .check-row{display: flex; align-items: center; gap: 11px; margin-top: 24px; font-size: 12px; cursor: pointer;}
#v13-ui .check-row input{position: absolute; opacity: 0; width: 26px; height: 30px;}
#v13-ui .check-box{width: 29px; height: 31px; --glass-radius: 5px; display: grid; place-items: center;}
#v13-ui .check-box .ink{transform: translateY(-1px);}
#v13-ui .check-box svg{width: 15px; height: 15px; opacity: 0;}
#v13-ui .check-row:has(input:checked) .check-box svg{opacity: 1;}
#v13-ui .check-row input:focus-visible + .check-box{outline: rgb(195, 255, 173) solid 2px; outline-offset: 3px;}
#v13-ui .check-row input:focus-visible{outline: 0px;}
#v13-ui label:not(.check-row){display: block; font-size: 12px; color: rgb(189, 208, 185); margin: 13px 0px 7px;}
#v13-ui .input-glass,#v13-ui .select-wrap{display: flex; gap: 9px; align-items: center; background: linear-gradient(110deg, rgba(41, 65, 48, 0.267), rgb(11, 20, 14) 40%, rgba(28, 48, 32, 0.267)); border: 1px solid rgb(88, 116, 82); border-radius: 8px; box-shadow: rgba(176, 221, 157, 0.267) 0px 1px 1px inset, rgb(9, 15, 11) 0px 3px 0px, rgba(50, 67, 46, 0.4) 0px 4px 0px; padding: 0px 12px; position: relative;}
#v13-ui .input-glass:focus-within,#v13-ui .select-wrap:focus-within{border-color: rgb(163, 221, 135); box-shadow: rgba(175, 238, 145, 0.333) 0px 1px 2px inset, rgb(8, 20, 9) 0px 2px 0px, rgb(68, 113, 56) 0px 3px 0px, rgba(106, 188, 53, 0.19) 0px 0px 10px;}
#v13-ui .input-glass svg{width: 17px; height: 17px; color: rgb(169, 191, 164);}
#v13-ui .input-glass input,#v13-ui .input-glass textarea{width: 100%; min-width: 0px; padding: 12px 0px; background: transparent; color: rgb(227, 238, 223); border: 0px; font-size: 12px; outline-offset: 1px;}
#v13-ui .input-glass textarea{resize: vertical;}
#v13-ui .input-glass input::placeholder,#v13-ui .input-glass textarea::placeholder{color: rgb(150, 173, 146); opacity: 1;}
#v13-ui .select-wrap{padding: 0px;}
#v13-ui .select-wrap select{appearance: none; background: transparent; border: 0px; color: rgb(216, 230, 210); font-size: 12px; width: 100%; padding: 11px 34px 11px 12px;}
#v13-ui .select-wrap select option{background: rgb(17, 32, 23);}
#v13-ui .select-wrap svg{position: absolute; right: 12px; width: 16px; pointer-events: none;}
#v13-ui .field-hint{font-size: 10px; color: rgb(153, 178, 146); line-height: 1.5; min-height: 30px; margin: 10px 0px 14px;}
#v13-ui .tags{display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px;}
#v13-ui .tag{display: inline-flex; gap: 6px; align-items: center; font-size: 9px; color: rgb(193, 223, 169); border: 1px solid rgb(68, 99, 58); border-radius: 20px; padding: 4px 9px; background: rgb(18, 36, 21);}
#v13-ui .tag i{width: 5px; height: 5px; background: rgb(154, 217, 114); border-radius: 50%;}
#v13-ui .tag.quiet{color: rgb(154, 174, 150); border-color: rgb(57, 74, 52); background: transparent;}
#v13-ui .selection-status{font-size: 11px; color: rgb(158, 174, 152); margin: 23px 0px 0px;}
#v13-ui .surface-grid{display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 35px;}
#v13-ui .glass.panel{--glass-radius: 28px; min-width: 0px;}
#v13-ui .panel > .glass-skin{filter: brightness(0.92) saturate(0.96) drop-shadow(rgba(0, 0, 0, 0.533) 0px 8px 7px);}
#v13-ui .panel > .flow{filter: brightness(0.94) saturate(0.96);}
#v13-ui .panel-content{position: relative; z-index: 2; padding: 42px 39px 43px;}
#v13-ui .panel h3{font-size: 31px; font-weight: 450; line-height: 1.22; letter-spacing: -0.025em; margin: 22px 0px 16px; max-width: 17ch;}
#v13-ui .panel p{font-size: 13px; color: rgb(210, 219, 201); line-height: 1.7; max-width: 40ch;}
#v13-ui .process-line{display: flex; gap: 14px; align-items: center; font-size: 11px; color: rgb(198, 214, 189); margin: 36px 0px;}
#v13-ui .process-line svg{width: 15px; color: rgb(124, 160, 107);}
#v13-ui .form-panel .panel-content{padding-top: 39px;}
#v13-ui .form-panel h3{margin: 13px 0px 10px; font-size: 28px;}
#v13-ui .form-panel .control{margin-top: 20px;}
#v13-ui .form-panel #form-status{font-size: 11px; margin: 6px 0px 0px; min-height: 18px;}
#v13-ui .header-study + .header-study{margin-top: 38px;}
#v13-ui .variant-label{display: flex; gap: 15px; align-items: start; margin-bottom: 20px;}
#v13-ui .variant-label > span{border: 1px solid rgb(82, 115, 75); background: rgb(24, 44, 28); width: 31px; height: 31px; display: grid; place-items: center; font-size: 12px; border-radius: 5px; color: rgb(178, 211, 163);}
#v13-ui .variant-label h3{font-size: 16px; margin: 0px 0px 4px; font-weight: 500;}
#v13-ui .variant-label p{font-size: 12px; color: rgb(159, 176, 150); margin: 0px;}
#v13-ui .header-scene{padding: 25px 17px 24px; border-radius: 17px; background: linear-gradient(120deg, rgba(21, 33, 26, 0.4), rgb(9, 17, 13) 50%, rgba(27, 45, 29, 0.2)); border: 1px solid rgb(38, 60, 43);}
#v13-ui .header-a,#v13-ui .header-b{display: flex; gap: 25px; align-items: center; width: 100%; min-height: 94px; padding: 9px 22px 15px;}
#v13-ui .header-a{--glass-radius: 17px;}
#v13-ui .header-a > .glass-skin{filter: brightness(0.94) saturate(0.96) drop-shadow(rgba(0, 0, 0, 0.6) 0px 9px 7px);}
#v13-ui .header-a > .flow{filter: brightness(0.96) saturate(0.96);}
#v13-ui .header-a > .brand,#v13-ui .header-a > .header-nav,#v13-ui .header-a > .language{transform: translateY(-1px);}
#v13-ui .header-a .brand,#v13-ui .header-b .brand{font-size: 21px; gap: 8px;}
#v13-ui .header-a .brand img,#v13-ui .header-b .brand img{width: 30px; height: 30px;}
#v13-ui .header-nav{display: flex; justify-content: center; align-items: center; gap: 24px; flex: 1 1 0%; position: relative; z-index: 2; white-space: nowrap; min-width: 0px;}
#v13-ui .header-nav a{font-size: 11px; color: rgb(199, 213, 191); position: relative; z-index: 2;}
#v13-ui .header-nav a:hover{color: rgb(183, 250, 143);}
#v13-ui .header-nav a::after{content: ""; position: absolute; bottom: -9px; height: 2px; left: 0px; width: 0px; background: rgb(167, 226, 122); transition: width 180ms;}
#v13-ui .header-nav a:hover::after{width: 100%;}
#v13-ui .language{position: relative; z-index: 2; font-size: 11px; color: rgb(184, 218, 164); flex: 0 0 auto; border-bottom: 2px solid rgb(130, 185, 102); padding-bottom: 3px;}
#v13-ui .glass.control.header-cta{width: 194px; height: 61px; --glass-radius: 9px; font-size: 11px; padding: 0px 18px;}
#v13-ui .header-cta svg{width: 17px; height: 17px;}
#v13-ui .header-cta > .ink{gap: 13px;}
#v13-ui .header-b{gap: 22px; padding: 0px 6px;}
#v13-ui .header-b .header-nav{height: 68px; gap: 24px; padding: 0px 22px;}
#v13-ui .header-b .header-nav a{transform: translateY(-4px);}
#v13-ui .scene-caption{display: flex; justify-content: space-between; margin: 21px 15px 0px; font-size: 10px; color: rgb(129, 151, 125); letter-spacing: 0.02em;}
#v13-ui .scene-point{width: 6px; height: 6px; border-radius: 50%; background: rgb(143, 177, 118); box-shadow: rgba(128, 189, 82, 0.4) 0px 0px 13px;}
#v13-ui .glass.control.menu-button{display: none;}
#v13-ui .scene-b{background: linear-gradient(110deg, rgba(17, 30, 21, 0.333), rgb(8, 15, 10) 60%, rgba(26, 44, 25, 0.2));}
#v13-ui footer{display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); padding: 27px 0px 36px; font-size: 11px; color: rgb(145, 164, 139);}
#v13-ui footer p{margin: 0px;}
#v13-ui footer > div{display: flex; gap: 25px;}
#v13-ui footer a{display: inline-flex; gap: 6px; align-items: center;}
#v13-ui footer svg{width: 13px; height: 13px;}
#v13-ui footer a:hover{color: rgb(204, 237, 180);}
@media (min-width: 1800px) {#v13-ui .page{max-width: 1430px;}}
@media (max-width: 1180px) {#v13-ui .page{padding: 0px 34px;}
#v13-ui .intro-aside{display: block;}
#v13-ui .jump{display: flex; gap: 20px; margin-top: 22px;}
#v13-ui .control-workbench{gap: 25px; grid-template-columns: 1.1fr 1fr;}
#v13-ui .control-group + .control-group{padding-left: 25px;}
#v13-ui .field-group{border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; gap: 10px 40px; align-items: start; grid-column: 1 / -1 !important; border-left: 0px !important; padding: 25px 0px 0px !important;}
#v13-ui .field-group h3{grid-column: 1 / -1; margin: 0px;}
#v13-ui .field-group label{grid-row: 2; margin: 5px 0px 0px;}
#v13-ui .field-group .input-glass{grid-area: 3 / 1;}
#v13-ui .field-group .select-wrap{grid-area: 3 / 2;}
#v13-ui .field-group .field-hint{grid-row: 4; margin: 0px;}
#v13-ui .field-group .tags{grid-area: 4 / 2; margin: 0px;}
#v13-ui .header-a,#v13-ui .header-b{gap: 16px; padding-inline: 16px;}
#v13-ui .header-nav{gap: 17px;}
#v13-ui .header-a .brand,#v13-ui .header-b .brand{font-size: 19px;}
#v13-ui .header-a .brand img,#v13-ui .header-b .brand img{width: 25px; height: 25px;}
#v13-ui .header-b .header-nav{gap: 18px; padding: 0px 14px;}
#v13-ui .glass.control.header-cta{width: 176px;}
#v13-ui .material-note{font-size: 11px;}
#v13-ui .material-stage{gap: 24px; padding-inline: 20px;}
#v13-ui .surface-grid{gap: 24px;}
#v13-ui .panel-content{padding: 38px 29px;}}
@media (max-width: 960px) {#v13-ui .header-a > .header-nav,#v13-ui .header-b > .header-nav{display: none;}
#v13-ui .header-a > .language,#v13-ui .header-b > .language{margin-left: auto;}
#v13-ui .glass.control.menu-button{display: grid; width: 48px; height: 51px; --glass-radius: 9px; position: relative; z-index: 4;}
#v13-ui .menu-button svg{width: 20px; height: 20px;}
#v13-ui .header-a,#v13-ui .header-b{flex-wrap: wrap; gap: 14px;}
#v13-ui .header-a > .header-nav[data-open="true"],#v13-ui .header-b > .header-nav[data-open="true"]{display: flex; order: 10; flex: 1 0 100%; height: auto; min-height: 65px; white-space: normal; flex-wrap: wrap; gap: 24px; padding: 10px 10px 20px;}
#v13-ui .header-a > .header-nav[data-open="true"]{padding-bottom: 18px;}
#v13-ui .header-b > .header-nav[data-open="true"]{height: auto; min-height: 78px;}
#v13-ui .material-stage{grid-template-columns: 1fr 1fr;}
#v13-ui .material-note{grid-column: 1 / -1; justify-content: center; padding-top: 8px; gap: 10px;}
#v13-ui .microline{width: 40px; height: 10px; border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(65, 91, 69) rgb(65, 91, 69); border-image: none;}
#v13-ui .material-note p{margin: 0px; display: flex; gap: 15px; font-size: 10px;}
#v13-ui .material-note br{display: none;}
#v13-ui .depth-row{gap: 30px;}
#v13-ui .panel h3{font-size: 26px;}
#v13-ui .panel p{font-size: 12px;}
#v13-ui .panel-content{padding: 34px 27px;}
#v13-ui .process-line{gap: 9px; font-size: 10px;}}
@media (max-width: 720px) {#v13-ui .page{padding: 0px 23px;}
#v13-ui .topline{height: 83px; gap: 15px;}
#v13-ui .topline .brand{font-size: 21px;}
#v13-ui .topline .brand img{width: 29px;}
#v13-ui .edition{display: none;}
#v13-ui .motion-control{padding: 8px 10px; font-size: 10px; gap: 6px;}
#v13-ui .motion-control svg{width: 12px;}
#v13-ui .intro{padding: 43px 0px 37px; grid-template-columns: 1fr; gap: 0px;}
#v13-ui .intro .eyebrow{font-size: 9px; margin-bottom: 16px;}
#v13-ui h1{font-size: 49px; line-height: 1.05;}
#v13-ui .intro-aside{display: flex; align-items: end; margin-top: 24px; gap: 18px;}
#v13-ui .intro-aside > p{font-size: 12px; line-height: 1.7;}
#v13-ui .jump{display: grid; gap: 8px; margin: 0px; font-size: 10px;}
#v13-ui .jump a{gap: 6px;}
#v13-ui .jump svg{width: 13px;}
#v13-ui section{padding: 37px 0px 40px;}
#v13-ui .section-top{display: block; margin-bottom: 24px;}
#v13-ui .section-top h2{font-size: 26px; margin-top: 13px;}
#v13-ui .section-top > p{width: auto; font-size: 12px; margin-top: 18px; max-width: 45ch;}
#v13-ui .material-stage{gap: 20px; padding: 25px 0px 23px; margin-inline: -4px;}
#v13-ui .specimen{height: 85px; width: 100%; font-size: 15px;}
#v13-ui .specimen > .ink{transform: translateY(-1px);}
#v13-ui figcaption{margin-top: 13px;}
#v13-ui figcaption b{font-size: 12px;}
#v13-ui figcaption span{font-size: 9px; max-width: 18ch; margin: auto;}
#v13-ui .material-note{padding-top: 12px;}
#v13-ui .material-note p{gap: 7px; font-size: 8px;}
#v13-ui .microline{width: 14px;}
#v13-ui .depth-row{gap: 19px; flex-wrap: wrap; padding-top: 30px;}
#v13-ui .depth-copy{order: 2; max-width: 100%; text-align: left; flex: 1 0 100%; margin-top: 5px;}
#v13-ui .depth-copy h3{font-size: 23px;}
#v13-ui .specimen-square{width: 118px; height: 122px;}
#v13-ui .specimen-square svg{width: 32px; height: 32px;}
#v13-ui .control-workbench{display: block;}
#v13-ui .control-group + .control-group{padding: 26px 0px 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line); margin-top: 25px;}
#v13-ui .control-group h3{margin-bottom: 16px;}
#v13-ui .button-row{gap: 15px;}
#v13-ui .button-row .control[data-glass="pill"]{height: 69px;}
#v13-ui .button-row.squares{gap: 17px; margin-bottom: 25px;}
#v13-ui .button-row.squares .control{width: 65px; height: 68px;}
#v13-ui .glass.control.wide{height: 62px; width: 246px;}
#v13-ui .segmented{max-width: 390px; margin-bottom: 23px;}
#v13-ui .segmented .control{height: 61px; font-size: 13px;}
#v13-ui .switch-row{font-size: 14px; margin: 14px 0px; max-width: 390px;}
#v13-ui .switch{width: 81px; height: 38px;}
#v13-ui .switch-thumb{top: 6px; width: 25px; height: 25px;}
#v13-ui .switch[aria-checked="true"] .switch-thumb{transform: translateX(39px);}
#v13-ui .check-row{font-size: 13px;}
#v13-ui .field-group{display: block;}
#v13-ui .field-group label{margin-top: 16px;}
#v13-ui .field-group .field-hint{margin: 10px 0px 15px; min-height: 0px;}
#v13-ui .field-group .tags{margin-top: 22px;}
#v13-ui .input-glass input,#v13-ui .input-glass textarea,#v13-ui .select-wrap select{font-size: 16px;}
#v13-ui .field-group h3{margin-bottom: 10px;}
#v13-ui .surface-grid{grid-template-columns: 1fr; gap: 28px;}
#v13-ui .panel-content,#v13-ui .form-panel .panel-content{padding: 34px 30px 37px;}
#v13-ui .panel h3{font-size: 28px;}
#v13-ui .panel p{font-size: 13px;}
#v13-ui .process-line{font-size: 11px; gap: 12px; margin: 27px 0px;}
#v13-ui .header-scene{padding: 17px 9px 20px; margin-inline: -9px; border-radius: 13px;}
#v13-ui .header-a,#v13-ui .header-b{min-height: 80px; padding: 7px 13px 15px; gap: 10px;}
#v13-ui .header-a .brand,#v13-ui .header-b .brand{font-size: 18px; gap: 6px;}
#v13-ui .header-a .brand img,#v13-ui .header-b .brand img{width: 24px; height: 24px;}
#v13-ui .header-a .header-cta,#v13-ui .header-b .header-cta{display: none;}
#v13-ui .language{font-size: 10px;}
#v13-ui .glass.control.menu-button{width: 44px; height: 46px;}
#v13-ui .header-nav a{font-size: 12px;}
#v13-ui .header-study + .header-study{margin-top: 29px;}
#v13-ui .variant-label p{font-size: 11px; max-width: 45ch;}
#v13-ui .variant-label h3{font-size: 15px;}
#v13-ui .scene-caption{font-size: 9px; margin: 17px 8px 0px; gap: 20px;}
#v13-ui footer{display: block; font-size: 10px;}
#v13-ui footer > div{margin-top: 16px; gap: 22px;}}
@media (max-width: 380px) {#v13-ui .page{padding: 0px 18px;}
#v13-ui h1{font-size: 44px;}
#v13-ui .material-stage{gap: 12px;}
#v13-ui .specimen{height: 77px; font-size: 14px;}
#v13-ui .button-row.squares{gap: 15px;}
#v13-ui .button-row.squares .control{width: 60px; height: 64px;}
#v13-ui .panel-content,#v13-ui .form-panel .panel-content{padding: 31px 23px;}
#v13-ui .material-note p{gap: 6px; font-size: 7px;}
#v13-ui .header-a,#v13-ui .header-b{padding-inline: 9px;}}
@media (prefers-reduced-motion: reduce) {#v13-ui{scroll-behavior: auto;}
#v13-ui *,#v13-ui ::before,#v13-ui ::after{transition: none !important;}
#v13-ui .flow{display: none !important;}}
@media (forced-colors: active) {#v13-ui .glass-skin,#v13-ui .flow{display: none !important;}
#v13-ui .glass{border: 1px solid buttontext; background: canvas;}
#v13-ui .glass[data-active="true"]{border: 2px solid highlight;}
#v13-ui .switch-thumb{background: buttontext;}
#v13-ui .glass .ink{text-shadow: none;}}
@media (min-width: 961px) {#v13-ui .header-nav a{font-size: 12px;}}
@media (max-width: 340px) {#v13-ui .button-row.squares{gap: 12px;}}
#v13-ui .check-row{position: relative;}
#v13-ui .check-row input{left: 0px; top: 50%; transform: translateY(-50%); z-index: 3; margin: 0px; cursor: pointer;}
#v13-ui .check-box{pointer-events: none;}
#v13-ui{scroll-behavior: auto;}
#v13-ui .header-nav a{padding: 11px 0px; margin: -11px 0px;}
#v13-ui .glass-skin{filter: drop-shadow(rgba(0, 0, 0, 0.533) 0px 3px 4px);}
#v13-ui .specimen-square{height: 147px;}
#v13-ui .glass.control[data-glass="square"]{height: 70px;}
#v13-ui .material-stage{background: linear-gradient(105deg, rgba(38, 49, 27, 0.145), rgba(10, 14, 11, 0.333));}
#v13-ui .glass > .ink{color: rgb(239, 245, 232); text-shadow: rgb(0, 0, 0) 0px 1px 1px, rgba(8, 11, 7, 0.7) 0px 0px 6px; transition: color 220ms, text-shadow 220ms;}
#v13-ui .glass[data-active="true"] > .ink{color: rgb(231, 255, 238); font-weight: 600; text-shadow: rgb(8, 17, 5) 0px 1px 2px, rgba(169, 255, 180, 0.4) 0px 0px 8px;}
#v13-ui .glass.control:hover > .ink,#v13-ui .glass.control:focus-visible > .ink{color: rgb(238, 255, 241); text-shadow: rgb(8, 13, 4) 0px 1px 2px, rgba(184, 255, 204, 0.47) 0px 0px 8px;}
#v13-ui .front-optics{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: inherit; pointer-events: none; z-index: 3; opacity: 0.72;}
#v13-ui .header-a::after,#v13-ui #nav-b::after{content: ""; position: absolute; inset: 8px; border-radius: inherit; pointer-events: none; z-index: 3; background: linear-gradient(116deg, transparent 8%, rgba(196, 255, 209, 0.03) 16%, transparent 23%, transparent 60%, rgba(209, 255, 219, 0.05) 68%, transparent 76%); box-shadow: rgba(192, 255, 202, 0.17) 0px 1px 0px inset, rgba(16, 25, 8, 0.7) 0px -1px 0px inset;}
#v13-ui .header-a > .brand,#v13-ui .header-a > .header-nav,#v13-ui .header-a > .language{z-index: 2;}
#v13-ui .header-a .header-cta,#v13-ui .header-a .menu-button{z-index: 4;}
#v13-ui .header-a .brand,#v13-ui .header-a .language,#v13-ui .header-a .header-nav a,#v13-ui #nav-b a{color: rgb(224, 237, 205); text-shadow: rgb(4, 7, 4) 0px 1px 0px, rgba(199, 255, 208, 0.17) 0px -1px 0px, rgba(6, 9, 4, 0.85) 0px 0px 5px; transition: color 250ms, text-shadow 250ms;}
#v13-ui .header-a .brand b{color: rgb(149, 236, 102);}
#v13-ui .header-a .brand img{filter: drop-shadow(rgb(5, 9, 5) 0px 1px 1px) drop-shadow(rgba(135, 255, 150, 0.2) 0px 0px 3px); transition: filter 260ms;}
#v13-ui .header-a .brand:hover,#v13-ui .header-a .brand:focus-visible,#v13-ui .header-a .header-nav a:hover,#v13-ui .header-a .header-nav a:focus-visible,#v13-ui #nav-b a:hover,#v13-ui #nav-b a:focus-visible{color: rgb(233, 255, 237); text-shadow: rgb(16, 22, 6) 0px 1px 1px, rgba(173, 255, 186, 0.533) 0px 0px 5px, rgba(125, 238, 132, 0.48) 0px 0px 15px;}
#v13-ui .header-a .brand:hover b,#v13-ui .header-a .brand:focus-visible b{color: rgb(169, 255, 163);}
#v13-ui .header-a .brand:hover img,#v13-ui .header-a .brand:focus-visible img{filter: drop-shadow(rgb(192, 255, 201) 0px 0px 3px) drop-shadow(rgba(125, 238, 132, 0.61) 0px 0px 11px);}
#v13-ui .header-a:hover > .language,#v13-ui .header-a:focus-within > .language{color: rgb(216, 255, 228); text-shadow: rgba(151, 255, 165, 0.54) 0px 0px 7px;}
#v13-ui .edition a{letter-spacing: 0.04em; text-decoration: underline; text-underline-offset: 4px; color: rgb(169, 213, 173);}
@media (max-width: 720px) {#v13-ui .specimen-square{height: 118px;}
#v13-ui .button-row.squares .control{height: 65px;}}
@media (max-width: 380px) {#v13-ui .button-row.squares .control{height: 60px;}}
@media (prefers-reduced-motion: reduce) {#v13-ui .front-optics{display: none;}}
@media (forced-colors: active) {#v13-ui .front-optics,#v13-ui .header-a::after,#v13-ui #nav-b::after{display: none;}
#v13-ui .header-a .brand,#v13-ui .header-a .header-nav a{color: linktext; text-shadow: none;}}
#v13-ui .glass{--rear-glow: 0;}
#v13-ui .glass::before{content: ""; position: absolute; inset: 5px; border-radius: inherit; z-index: -2; pointer-events: none; opacity: var(--rear-glow); background: radial-gradient(at 20% 65%, rgba(99, 255, 106, 0.333), transparent 65%), radial-gradient(at 84% 30%, rgba(134, 255, 78, 0.333), transparent 65%); box-shadow: rgba(101, 255, 97, 0.23) 0px 0px 10px 2px, rgba(117, 255, 88, 0.25) 0px 0px 27px 4px; filter: blur(6px); transition: opacity 240ms;}
#v13-ui .glass[data-active="true"],#v13-ui .glass[data-lit="true"],#v13-ui .glass:focus-visible{--rear-glow: 1;}
#v13-ui .glass:is(.control, .specimen, .specimen-square):not([data-glass="switch"])::after{content: ""; position: absolute; inset: 6px; border-radius: inherit; z-index: 1; pointer-events: none; box-shadow: rgba(3, 15, 10, 0.855) 0px 1px 2px inset, rgba(196, 255, 208, 0.282) 0px -1px 1px inset; outline: rgba(8, 32, 23, 0.267) solid 1px; background: linear-gradient(rgba(185, 255, 210, 0.035), transparent 13%, transparent 88%, rgba(172, 255, 200, 0.082));}
#v13-ui .glass:is(.specimen, .specimen-square)::after{inset: 8px;}
#v13-ui .glass.control[data-glass="square"]::after,#v13-ui .glass.control[data-glass="rect"]::after{inset: 4px; border-radius: 8px;}
#v13-ui .glass > .ink{transform: none !important;}
#v13-ui .glass.control[data-active="true"] > .ink{color: rgb(238, 255, 233); text-shadow: rgb(3, 19, 5) 0px 1px 2px, rgba(173, 255, 150, 0.4) 0px 0px 8px;}
#v13-ui .glass-skin{filter: drop-shadow(rgba(0, 0, 0, 0.533) 0px 2px 3px);}
#v13-ui .panel > .glass-skin,#v13-ui .header-a > .glass-skin{filter: drop-shadow(rgba(0, 0, 0, 0.467) 0px 3px 4px);}
#v13-ui .panel > .flow,#v13-ui .header-a > .flow,#v13-ui #nav-b > .flow{display: none !important;}
#v13-ui .glass.panel::before{inset: 10px; box-shadow: rgba(101, 255, 97, 0.2) 0px 0px 15px; filter: blur(8px);}
#v13-ui .glass.panel[data-lit="true"]{--rear-glow: .5;}
#v13-ui .panel-content{z-index: 2;}
#v13-ui .panel p{color: rgb(192, 211, 197);}
#v13-ui .front-optics{opacity: 0.9; background: linear-gradient(113deg, transparent 3%, rgba(212, 255, 234, 0.05) 20%, transparent 37%, rgba(206, 255, 233, 0.035) 72%, transparent 93%); box-shadow: rgba(203, 255, 222, 0.15) 0px 1px 2px inset, rgba(0, 0, 0, 0.6) 0px -1px 2px inset;}
#v13-ui .header-a::after,#v13-ui #nav-b::after{inset: 7px; background: linear-gradient(175deg, rgba(216, 255, 235, 0.03), transparent 38%, rgba(6, 24, 12, 0.094) 60%, transparent 83%); box-shadow: rgba(2, 16, 7, 0.72) 0px 2px 3px inset, rgba(193, 255, 216, 0.18) 0px -1px 1px inset; z-index: 3;}
#v13-ui .header-a{padding-left: 42px;}
#v13-ui .header-a > .brand{transform: translateY(1px); color: rgb(208, 222, 213);}
#v13-ui .header-a .brand b{color: rgb(144, 215, 123);}
#v13-ui .header-a .brand,#v13-ui .header-a .language,#v13-ui .header-a .header-nav a{opacity: 0.92; text-shadow: rgba(0, 0, 0, 0.933) 0px 2px 3px, rgba(215, 255, 224, 0.125) 0px -1px 0px;}
#v13-ui .header-a .brand img{filter: brightness(0.9) drop-shadow(rgba(0, 0, 0, 0.867) 0px 2px 2px);}
#v13-ui .header-a:hover .brand,#v13-ui .header-a:focus-within .brand{opacity: 1; color: rgb(232, 255, 233); text-shadow: rgb(4, 17, 8) 0px 1px 2px, rgba(188, 255, 166, 0.55) 0px 0px 7px, rgba(115, 251, 113, 0.36) 0px 0px 16px;}
#v13-ui .header-a:hover .brand b,#v13-ui .header-a:focus-within .brand b{color: rgb(184, 255, 146);}
#v13-ui .header-a:hover .brand img,#v13-ui .header-a:focus-within .brand img{filter: brightness(1.08) drop-shadow(rgba(165, 255, 171, 0.62) 0px 0px 4px) drop-shadow(rgba(107, 255, 117, 0.42) 0px 0px 12px);}
#v13-ui .header-a:hover > .language,#v13-ui .header-a:focus-within > .language{color: rgb(206, 255, 192); text-shadow: rgba(128, 255, 116, 0.55) 0px 0px 8px;}
#v13-ui .header-nav a:hover,#v13-ui .header-nav a:focus-visible{text-shadow: rgba(192, 255, 172, 0.6) 0px 0px 7px, rgba(104, 239, 112, 0.267) 0px 0px 15px;}
#v13-ui .switch-thumb{left: 7px; top: 5px; width: 25px; height: 25px; border: 1px solid rgb(153, 199, 166); background: radial-gradient(at 28% 20%, rgba(237, 255, 244, 0.79) 0%, rgba(173, 207, 180, 0.27) 21%, transparent 46%), radial-gradient(at 74% 81%, rgba(151, 198, 165, 0.25), transparent 51%), linear-gradient(150deg, rgb(67, 106, 83), rgb(16, 43, 31) 57%, rgb(72, 107, 81)); box-shadow: rgba(238, 255, 240, 0.64) 0px 1px 1px inset, rgba(2, 13, 7, 0.83) 0px -2px 3px inset, rgba(216, 255, 233, 0.3) 1px 0px 1px inset, rgba(2, 7, 3, 0.7) 0px 1px 2px; overflow: hidden;}
#v13-ui .switch-thumb::after{content: ""; position: absolute; inset: 3px; border-radius: 50%; border: 1px solid rgba(208, 255, 230, 0.16); box-shadow: rgba(1, 14, 8, 0.66) 0px 1px 2px inset; background: radial-gradient(at 66% 85%, rgba(197, 255, 230, 0.286), transparent 68%);}
#v13-ui .switch[aria-checked="true"] .switch-thumb{background: radial-gradient(at 28% 20%, rgba(239, 255, 243, 0.9) 0%, rgba(184, 255, 180, 0.33) 23%, transparent 48%), radial-gradient(at 68% 90%, rgba(183, 255, 133, 0.55), transparent 63%), linear-gradient(150deg, rgb(85, 156, 99), rgb(30, 95, 55) 54%, rgb(122, 218, 99)); box-shadow: rgba(242, 255, 242, 0.69) 0px 1px 1px inset, rgba(7, 35, 14, 0.87) 0px -2px 3px inset, rgba(208, 255, 201, 0.44) 1px 0px 1px inset, rgba(2, 13, 5, 0.79) 0px 1px 2px, rgba(138, 255, 113, 0.25) 0px 0px 7px;}
#v13-ui .switch[data-lit="true"] > .glass-skin{filter: brightness(1.1) drop-shadow(rgba(115, 255, 105, 0.35) 0px 0px 3px);}
@media (max-width: 960px) {#v13-ui .header-a{padding-left: 28px;}}
@media (max-width: 720px) {#v13-ui .header-a{padding-left: 23px;}
#v13-ui .header-a .brand{font-size: 17px;}
#v13-ui .switch-thumb{width: 27px; height: 27px; top: 5px; left: 7px;}}
@media (max-width: 340px) {#v13-ui .header-a{padding-left: 18px;}
#v13-ui .header-a .brand{font-size: 16px; gap: 5px;}}
@media (forced-colors: active) {#v13-ui .glass::before,#v13-ui .glass::after,#v13-ui .front-optics,#v13-ui .switch-thumb::after{display: none;}
#v13-ui .switch-thumb{background: buttontext !important; box-shadow: none !important;}
#v13-ui .header-a .brand,#v13-ui .header-a .header-nav a{opacity: 1;}}
#v13-ui .glass:is(.control, .specimen, .specimen-square, .switch)::before{inset: 3px; background: transparent; border: 1px solid rgba(134, 255, 129, 0.66); box-shadow: rgba(101, 255, 97, 0.75) 0px 0px 3px 1px, rgba(101, 255, 97, 0.55) 0px 0px 10px 3px, rgba(117, 255, 88, 0.3) 0px 0px 24px 5px; filter: blur(1.6px);}
#v13-ui .glass.control[data-glass="pill"]::after{inset: 8px 7px; box-shadow: rgba(3, 16, 9, 0.9) 0px 2px 2px inset, rgba(196, 255, 208, 0.43) 0px -1px 1px inset, rgba(6, 27, 16, 0.65) 1px 0px 1px inset; outline: rgba(16, 44, 27, 0.5) solid 1px; background: linear-gradient(rgba(185, 255, 210, 0.09), transparent 21%, transparent 76%, rgba(172, 255, 200, 0.118));}
#v13-ui .header-a > .brand{transform: translateY(-1px);}
#v13-ui .header-a .brand,#v13-ui .header-a .header-nav a{opacity: 1; color: rgb(224, 237, 205); text-shadow: rgb(4, 7, 4) 0px 1px 0px, rgba(199, 255, 208, 0.17) 0px -1px 0px, rgba(6, 9, 4, 0.85) 0px 0px 5px;}
#v13-ui .header-a .brand b{color: rgb(149, 236, 102);}
#v13-ui .header-a .brand img{filter: drop-shadow(rgb(5, 9, 5) 0px 1px 1px) drop-shadow(rgba(135, 255, 150, 0.2) 0px 0px 3px);}
#v13-ui .header-a > .front-optics{opacity: 0.55; background: linear-gradient(116deg, transparent 8%, rgba(196, 255, 209, 0.03) 16%, transparent 23%, transparent 60%, rgba(209, 255, 219, 0.05) 68%, transparent 76%); box-shadow: rgba(192, 255, 202, 0.125) 0px 1px 0px inset;}
#v13-ui .header-a::after{inset: 8px; background: linear-gradient(116deg, transparent 8%, rgba(196, 255, 209, 0.03) 16%, transparent 23%, transparent 60%, rgba(209, 255, 219, 0.05) 68%, transparent 76%); box-shadow: rgba(192, 255, 202, 0.17) 0px 1px 0px inset, rgba(16, 25, 8, 0.7) 0px -1px 0px inset;}
#v13-ui .header-a:hover .brand,#v13-ui .header-a:focus-within .brand{color: rgb(233, 255, 237); text-shadow: rgb(16, 22, 6) 0px 1px 1px, rgba(173, 255, 186, 0.533) 0px 0px 5px, rgba(125, 238, 132, 0.48) 0px 0px 15px;}
#v13-ui .header-a:hover .brand b,#v13-ui .header-a:focus-within .brand b{color: rgb(169, 255, 163);}
#v13-ui .header-a:hover .brand img,#v13-ui .header-a:focus-within .brand img{filter: drop-shadow(rgb(192, 255, 201) 0px 0px 3px) drop-shadow(rgba(125, 238, 132, 0.61) 0px 0px 11px);}
#v13-ui .header-a{--rear-glow: .3; padding-right: 32px;}
#v13-ui .header-a[data-lit="true"]{--rear-glow: .85;}
#v13-ui .header-a::before{inset: 4px; background: transparent; border: 1px solid rgba(137, 255, 130, 0.4); filter: blur(2px); box-shadow: rgba(101, 255, 97, 0.54) 0px 0px 5px 1px, rgba(117, 255, 88, 0.35) 0px 0px 15px 3px;}
#v13-ui .languages{display: flex; gap: 3px; align-items: center; position: relative; z-index: 4; flex: 0 0 auto;}
#v13-ui .languages button{position: relative; min-width: 30px; height: 40px; padding: 0px 5px; border: 0px; background: transparent; font-size: 11px; color: rgb(158, 180, 163); text-shadow: rgb(4, 17, 9) 0px 1px 1px; transition: color 220ms, text-shadow 220ms;}
#v13-ui .languages button[aria-pressed="true"]{color: rgb(214, 255, 213);}
#v13-ui .languages button[aria-pressed="true"]::after{content: ""; position: absolute; bottom: 5px; left: 6px; right: 6px; height: 2px; background: rgb(149, 236, 102); box-shadow: rgba(117, 255, 88, 0.565) 0px 0px 7px;}
#v13-ui .languages button:hover{color: rgb(233, 255, 237); text-shadow: rgba(135, 255, 150, 0.6) 0px 0px 7px;}
#v13-ui .contour-light{position: absolute; inset: 0px; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 3; fill: none; stroke: rgb(161, 255, 173);}
#v13-ui .contour-orbit{stroke-width: 1; stroke-dasharray: 75, 125, 30, 770; opacity: 0.55; filter: drop-shadow(rgb(101, 255, 97) 0px 0px 3px); animation: 12s linear 0s infinite normal none paused contour-orbit;}
#v13-ui .contour-thread{stroke-width: 0.7; stroke-dasharray: 110, 890; opacity: 0.24; filter: drop-shadow(rgb(117, 255, 88) 0px 0px 2px); animation: 14s linear 0s infinite normal none paused contour-thread;}
#v13-ui .header-a[data-contour="on"] .contour-orbit,#v13-ui .header-a[data-contour="on"] .contour-thread{animation-play-state: running;}
@keyframes contour-orbit { 
  100% { stroke-dashoffset: -1000; }
}
@keyframes contour-thread { 
  100% { stroke-dashoffset: 1000; }
}
@media (max-width: 960px) {#v13-ui .header-a > .languages{margin-left: auto;}
#v13-ui .header-a{padding-right: 20px;}}
@media (max-width: 720px) {#v13-ui .header-a{gap: 8px; padding-right: 13px;}
#v13-ui .header-a .brand{font-size: 17px;}
#v13-ui .languages{gap: 1px;}
#v13-ui .languages button{min-width: 24px; padding: 0px 3px; font-size: 9px;}}
@media (max-width: 380px) {#v13-ui .header-a{gap: 5px; padding-left: 15px; padding-right: 9px;}
#v13-ui .header-a .brand{font-size: 15px; gap: 4px;}
#v13-ui .header-a .brand img{width: 21px; height: 21px;}
#v13-ui .header-a .menu-button{width: 35px; height: 40px;}
#v13-ui .languages{gap: 0px;}
#v13-ui .languages button{min-width: 21px; padding: 0px 2px;}}
@media (prefers-reduced-motion: reduce) {#v13-ui .contour-light{display: none;}
#v13-ui .contour-orbit,#v13-ui .contour-thread{animation: auto ease 0s 1 normal none running none !important;}}
@media (forced-colors: active) {#v13-ui .contour-light{display: none;}
#v13-ui .languages button{color: buttontext;}
#v13-ui .languages button[aria-pressed="true"]{outline: highlight solid 1px;}
#v13-ui .languages button[aria-pressed="true"]::after{background: highlight;}}
/* SOURCE: /glass-kit-v13/kit.css */

#v13-ui{--ink: #e5e9e7; --soft: #b3bbb7; --quiet: #919b96; --accent: #86f04a; --edge: #44ff63; --stroke: #383d3d; --error: #ff9292; --bg: oklch(15.3% .004 220); --surface: oklch(19.5% .004 230); --wash: oklch(36% .006 225 / .2); --wash-2: oklch(25% .003 225 / .3);}
#v13-ui[data-page-tone="obsidian"]{--bg: oklch(11.3% .006 160); --page-light: oklch(26% .02 165 / .22);}
#v13-ui[data-page-tone="warm"]{--bg: oklch(16.5% .008 68); --page-light: oklch(35% .025 73 / .21);}
#v13-ui[data-page-tone="slate"]{--bg: oklch(18% .012 245); --page-light: oklch(37% .024 240 / .22);}
#v13-ui[data-block-tone="satin"]{--surface: oklch(24% .005 225); --wash: oklch(49% .007 225 / .23); --wash-2: oklch(30% .005 225 / .4);}
#v13-ui[data-block-tone="warm"]{--surface: oklch(21% .012 70); --wash: oklch(40% .02 72 / .24); --wash-2: oklch(28% .015 68 / .4);}
#v13-ui[data-block-tone="ink"]{--surface: oklch(15% .006 230); --wash: oklch(34% .015 235 / .22); --wash-2: oklch(21% .009 230 / .3);}
#v13-ui{scroll-behavior: smooth; scroll-padding-top: 22px;}
#v13-ui{--page-light: oklch(36% .008 220 / .19); margin: 0px; color: var(--ink); background: radial-gradient(ellipse at 9% 0%,var(--page-light),transparent 38%),radial-gradient(ellipse at 90% 37%,oklch(27% .009 170 / .13),transparent 42%),linear-gradient(125deg,transparent 45%,oklch(9% .002 220 / .16)),var(--bg); font: 400 14px / 1.55 Exo, system-ui, sans-serif;}
#v13-ui *{box-sizing: border-box;}
#v13-ui button,#v13-ui input,#v13-ui textarea,#v13-ui select{font: inherit;}
#v13-ui a{color: inherit;}
#v13-ui button:disabled{cursor: not-allowed; opacity: 0.43;}
#v13-ui button{touch-action: manipulation;}
#v13-ui input,#v13-ui textarea{min-width: 0px;}
#v13-ui svg{width: 20px; height: 20px;}
#v13-ui h1,#v13-ui h2,#v13-ui h3,#v13-ui p{margin: 0px;}
#v13-ui h1{font-size: 64px; line-height: 1; letter-spacing: -0.045em; font-weight: 450;}
#v13-ui h3{font-size: 20px; line-height: 1.2; font-weight: 500;}
#v13-ui section{padding: 0px; border: 0px;}
#v13-ui label:not(.check-row){display: block; color: rgb(203, 209, 206); font-size: 12px; margin: 0px 0px 8px;}
#v13-ui [hidden]{display: none !important;}
#v13-ui button:focus-visible,#v13-ui a:focus-visible,#v13-ui input:focus-visible,#v13-ui textarea:focus-visible,#v13-ui [tabindex]:focus-visible{outline: rgb(182, 255, 161) solid 2px; outline-offset: 4px;}
#v13-ui .sr-only{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
#v13-ui .workbench{max-width: 1460px; padding: 0px 42px; margin: auto;}
#v13-ui .masthead{display: flex; align-items: center; gap: 35px; min-height: 94px; border-bottom: 1px solid rgba(61, 66, 65, 0.3);}
#v13-ui .wordmark{display: inline-flex; gap: 10px; align-items: center; font-size: 22px; font-weight: 600; letter-spacing: -0.6px;}
#v13-ui .wordmark img{width: 33px; height: 33px;}
#v13-ui .wordmark b{color: var(--accent); font-weight: 600;}
#v13-ui .masthead nav{display: flex; gap: 25px; margin-left: auto; font-size: 12px; color: var(--soft);}
#v13-ui .masthead nav a:hover{color: rgb(184, 249, 166);}
#v13-ui .edition{font-size: 10px; color: var(--quiet); letter-spacing: 0.13em;}
#v13-ui .kit-intro{padding: 50px 0px 35px; display: flex; justify-content: space-between; align-items: end; gap: 40px;}
#v13-ui .eyebrow{font-size: 9px; font-weight: 500; letter-spacing: 0.17em; color: rgb(167, 189, 168);}
#v13-ui .kit-intro .eyebrow{margin-bottom: 16px;}
#v13-ui .kit-intro > div:last-child{max-width: 310px; text-align: right;}
#v13-ui .kit-intro p{font-size: 16px; line-height: 1.6; color: var(--soft);}
#v13-ui .kit-intro .eyebrow{font-size: 10px;}
#v13-ui .approval{display: block; font-size: 10px; color: var(--quiet); margin-top: 13px;}
#v13-ui .theme-lab{display: flex; align-items: center; flex-wrap: wrap; gap: 22px 32px; padding: 23px 0px; margin-bottom: 30px; border-top: 1px solid rgba(62, 68, 65, 0.4); border-bottom: 1px solid rgba(62, 68, 65, 0.4);}
#v13-ui .tone-control > span{display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--quiet); margin-bottom: 9px;}
#v13-ui .tone-control > div{display: flex; gap: 6px; flex-wrap: wrap;}
#v13-ui .tone-control button,#v13-ui #pause-motion{display: flex; align-items: center; gap: 7px; border: 1px solid rgba(75, 81, 77, 0.533); background: rgba(34, 38, 36, 0.333); color: rgb(187, 196, 190); border-radius: 7px; padding: 7px 10px; font-size: 11px;}
#v13-ui .tone-control button[aria-pressed="true"]{color: rgb(235, 242, 233); border-color: rgb(134, 159, 131); background: linear-gradient(130deg, rgba(70, 80, 68, 0.6), rgba(37, 45, 38, 0.533)); box-shadow: rgba(204, 209, 197, 0.14) 0px 1px inset;}
#v13-ui #pause-motion{margin-left: auto; align-self: end; margin-bottom: 1px; font-size: 11px; padding: 9px 12px; white-space: nowrap;}
#v13-ui #pause-motion svg{width: 12px; height: 12px;}
#v13-ui .swatch{width: 11px; height: 11px; border: 1px solid rgba(124, 132, 124, 0.533); border-radius: 50%; background: linear-gradient(135deg, rgb(85, 87, 90), rgb(27, 30, 32));}
#v13-ui .swatch.obsidian,#v13-ui .swatch.ink{background: linear-gradient(145deg, rgb(35, 51, 45), rgb(16, 22, 20));}
#v13-ui .swatch.warm{background: linear-gradient(145deg, rgb(121, 107, 84), rgb(39, 38, 34));}
#v13-ui .swatch.slate{background: linear-gradient(145deg, rgb(86, 99, 116), rgb(32, 40, 53));}
#v13-ui .swatch.satin{background: linear-gradient(145deg, rgb(139, 146, 147), rgb(53, 59, 61));}
#v13-ui .specimen-board{display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); gap: 14px; align-items: start;}
#v13-ui .span-2{grid-column: span 2;}
#v13-ui .span-3{grid-column: span 3;}
#v13-ui .span-4{grid-column: span 4;}
#v13-ui .span-5{grid-column: span 5;}
#v13-ui .span-7{grid-column: span 7;}
#v13-ui .span-8{grid-column: span 8;}
#v13-ui .span-12{grid-column: 1 / -1;}
#v13-ui .spec-card{position: relative; min-width: 0px; align-self: stretch; padding: 22px 20px; background: radial-gradient(ellipse at 4% -18%,var(--wash),transparent 68%),linear-gradient(125deg,var(--wash-2),transparent 41%,oklch(8% .002 220 / .17)),var(--surface); border: 1px solid rgba(103, 113, 106, 0.19); border-radius: 13px; box-shadow: rgba(232, 238, 227, 0.043) 0px 1px inset, rgba(5, 10, 7, 0.082) 0px 8px 20px;}
#v13-ui .spec-card::before{content: ""; pointer-events: none; position: absolute; inset: 0px; border-radius: inherit; opacity: 0.035; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");}
#v13-ui .spec-card h2{display: flex; gap: 13px; align-items: baseline; font-size: 12px; line-height: 1.5; font-weight: 600; margin: 0px 0px 19px; letter-spacing: 0.02em; text-transform: uppercase;}
#v13-ui .spec-card h2 > span{font-size: 11px; font-weight: 500; color: rgb(157, 222, 131); letter-spacing: 0px; flex: 0 0 auto;}
#v13-ui .field-states{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 13px;}
#v13-ui .hint{font-size: 10px; line-height: 1.5; color: var(--quiet); margin: 8px 0px 0px; min-height: 0px;}
#v13-ui .error{color: var(--error);}
#v13-ui .success{color: rgb(136, 229, 128);}
#v13-ui .field{--glass-radius: 8px; display: flex; gap: 9px; align-items: center; min-height: 45px; padding: 4px 12px; isolation: isolate;}
#v13-ui .field > svg{width: 16px; height: 16px; position: relative; z-index: 2; color: rgb(197, 212, 201); flex: 0 0 auto;}
#v13-ui .field > input,#v13-ui .field > textarea{width: 100%; background: transparent; border: 0px; color: rgb(229, 236, 231); position: relative; z-index: 2; padding: 7px 0px; font-size: 12px; line-height: 1.5; margin: 0px; outline: none !important;}
#v13-ui .field input::placeholder,#v13-ui .field textarea::placeholder{color: rgb(169, 181, 174); opacity: 1;}
#v13-ui .field:focus-within{box-shadow: rgb(164, 248, 147) 0px 0px 0px 1px, rgba(68, 255, 99, 0.184) 0px 0px 12px;}
#v13-ui .field:focus-within::after{content: ""; position: absolute; inset: 3px; border: 1px solid rgba(183, 255, 181, 0.467); border-radius: 6px; pointer-events: none;}
#v13-ui .field > button{position: relative; z-index: 3; display: grid; place-items: center; border: 0px; background: transparent; padding: 4px; color: rgb(185, 207, 191); flex: 0 0 auto;}
#v13-ui .field > button svg{width: 16px; height: 16px;}
#v13-ui .text-area{align-items: start; min-height: 96px;}
#v13-ui .field textarea{resize: vertical; min-height: 72px;}
#v13-ui .counter{display: flex; justify-content: space-between; gap: 15px;}
#v13-ui .focus-sample{box-shadow: rgb(142, 238, 138) 0px 0px 0px 1px, rgba(68, 255, 99, 0.15) 0px 0px 11px;}
#v13-ui .focus-sample .skin-on,#v13-ui .success-sample .skin-on{opacity: 1;}
#v13-ui .error-sample{box-shadow: rgb(218, 124, 124) 0px 0px 0px 1px, rgba(217, 99, 99, 0.12) 0px 0px 9px;}
#v13-ui .error-sample > .glass-skin{filter: grayscale(0.75) sepia(0.4) hue-rotate(260deg) !important;}
#v13-ui .glass{color: rgb(227, 236, 229);}
#v13-ui .glass > .glass-skin,#v13-ui .glass > .flow{filter: brightness(1.18) saturate(1.28) hue-rotate(8deg) drop-shadow(rgba(0, 0, 0, 0.533) 0px 3px 3px);}
#v13-ui .glass{--rear-glow: 0;}
#v13-ui .glass::before{content: ""; position: absolute; inset: 5px; border-radius: inherit; z-index: -2; pointer-events: none; border: 1px solid rgba(120, 255, 131, 0.5); box-shadow: rgba(101, 255, 97, 0.6) 0px 0px 5px 1px, rgba(117, 255, 88, 0.35) 0px 0px 17px 3px; filter: blur(2px); opacity: var(--rear-glow); transition: opacity 220ms;}
#v13-ui .glass[data-lit="true"],#v13-ui .glass[data-active="true"]{--rear-glow: 1;}
#v13-ui .field::before{display: none;}
#v13-ui .glass.control{height: 51px; width: auto; min-width: 142px; font-size: 12px; padding: 0px 18px; --glass-radius: 10px;}
#v13-ui .glass.control[data-glass="pill"]{--glass-radius: 999px; min-width: 111px; height: 52px;}
#v13-ui .glass.control[data-glass="square"]{--glass-radius: 10px; width: 53px; height: 55px; min-width: 0px; padding: 0px;}
#v13-ui .control[data-glass="square"] svg{width: 21px; height: 21px;}
#v13-ui .glass.control:active{transform: translateY(1.5px) scale(0.985);}
#v13-ui .glass > .ink{gap: 12px;}
#v13-ui .combo{position: relative; min-width: 0px;}
#v13-ui .combo-card{z-index: 2;}
#v13-ui .combo.is-open .field{box-shadow: rgb(141, 232, 135) 0px 0px 0px 1px, rgba(69, 255, 99, 0.15) 0px 0px 16px;}
#v13-ui .combo.is-open .field > .skin-on{opacity: 1;}
#v13-ui .combo.is-open [data-combo-toggle] svg{transform: rotate(180deg);}
#v13-ui .dropdown{margin-top: 8px; background: linear-gradient(120deg, rgb(41, 47, 43), rgb(23, 29, 26) 60%, rgb(26, 34, 29)); border: 1px solid rgba(83, 99, 85, 0.5); box-shadow: rgba(7, 11, 7, 0.333) 0px 12px 24px; border-radius: 9px; padding: 4px; overflow: hidden;}
#v13-ui .combo:not(.is-open) .dropdown{display: none;}
#v13-ui .combo-option{--glass-radius: 7px; min-height: 43px; display: flex; align-items: center; gap: 10px; padding: 6px 10px; margin: 1px 0px; cursor: pointer;}
#v13-ui .combo-option:not(.is-active):not([aria-selected="true"]) > .glass-skin{opacity: 0;}
#v13-ui .combo-option .option-symbol,#v13-ui .combo-option .option-copy,#v13-ui .combo-option .option-check{position: relative; z-index: 2;}
#v13-ui .option-symbol{font-size: 10px; letter-spacing: 0.03em; font-weight: 600; color: rgb(198, 213, 200); width: 25px; flex: 0 0 auto;}
#v13-ui .option-copy{display: flex; flex: 1 1 0%; min-width: 0px; gap: 1px; flex-direction: column;}
#v13-ui .option-copy b{font-size: 12px; font-weight: 500;}
#v13-ui .option-copy small{font-size: 9px; color: rgb(170, 181, 174);}
#v13-ui .option-check{margin-left: auto; opacity: 0;}
#v13-ui .option-check svg{width: 14px;}
#v13-ui .combo-option[aria-selected="true"] .option-check{opacity: 1;}
#v13-ui .combo-option.is-active::after,#v13-ui .combo-option[aria-selected="true"]::after{content: ""; position: absolute; inset: 2px; border: 1px solid rgba(156, 250, 147, 0.6); border-radius: 6px; box-shadow: rgba(112, 255, 89, 0.2) 0px 0px 4px inset, rgba(68, 255, 99, 0.267) 0px 0px 9px; pointer-events: none;}
#v13-ui #component-5 .option-copy{flex-direction: row; justify-content: space-between; align-items: center;}
#v13-ui .dropdown [data-empty]{font-size: 12px; padding: 15px; color: var(--soft);}
#v13-ui label.choice-row{display: flex; position: relative; gap: 10px; align-items: center; font-size: 11px; line-height: 1.45; margin: 0px 0px 16px; cursor: pointer; color: rgb(196, 205, 199);}
#v13-ui .choice-row input{position: absolute; left: 0px; width: 24px; height: 24px; opacity: 0; margin: 0px; cursor: pointer;}
#v13-ui .check-shape,#v13-ui .radio-shape{position: relative; display: grid; place-items: center; width: 20px; height: 20px; flex: 0 0 auto; border: 1px solid rgba(128, 146, 134, 0.6); border-radius: 5px; background: linear-gradient(145deg, rgba(81, 101, 85, 0.2), rgb(17, 25, 20)); box-shadow: rgba(164, 198, 174, 0.2) 0px 1px inset, rgba(8, 13, 8, 0.4) 0px 1px 2px; pointer-events: none;}
#v13-ui .check-shape svg{width: 14px; height: 14px; opacity: 0; stroke: rgb(16, 44, 13);}
#v13-ui .choice-row input:checked + .check-shape{border-color: rgb(144, 244, 117); background: linear-gradient(135deg, rgb(181, 255, 162), rgb(102, 217, 80)); box-shadow: rgba(238, 255, 238, 0.4) 0px 1px inset, rgba(100, 238, 75, 0.267) 0px 0px 9px;}
#v13-ui .choice-row input:checked + .check-shape svg{opacity: 1;}
#v13-ui .choice-row input:indeterminate + .check-shape{background: linear-gradient(135deg, rgb(181, 255, 162), rgb(102, 217, 80)); border-color: rgb(144, 244, 117);}
#v13-ui .choice-row input:indeterminate + .check-shape::after{content: ""; width: 9px; height: 2px; background: rgb(20, 51, 22);}
#v13-ui .choice-row input:disabled ~ span{opacity: 0.4;}
#v13-ui .choice-row input:focus-visible + span{outline: rgb(182, 255, 161) solid 2px; outline-offset: 4px;}
#v13-ui .radio-list{border: 0px; padding: 0px; margin: 0px;}
#v13-ui .radio-shape{border-radius: 50%; width: 20px; height: 20px;}
#v13-ui .choice-row input:checked + .radio-shape{border-color: rgb(136, 245, 120); box-shadow: rgba(98, 244, 76, 0.25) 0px 0px 10px, rgba(237, 255, 230, 0.333) 0px 1px inset;}
#v13-ui .choice-row input:checked + .radio-shape::after{content: ""; width: 10px; height: 10px; border-radius: 50%; background: rgb(144, 244, 121); box-shadow: rgb(216, 255, 189) 0px 1px inset;}
#v13-ui .switch-row{justify-content: flex-start; font-size: 11px; margin: 0px 0px 13px; gap: 13px;}
#v13-ui .glass.switch{width: 71px; height: 36px; flex: 0 0 auto;}
#v13-ui .glass.switch > .glass-skin,#v13-ui .glass.switch > .flow{filter: drop-shadow(rgba(3, 8, 5, 0.627) 0px 3px 3px);}
#v13-ui .glass.switch::before{inset: 5px; border-color: rgba(161, 255, 129, 0.5); box-shadow: rgba(116, 242, 103, 0.667) 0px 0px 4px 1px, rgba(98, 245, 90, 0.3) 0px 0px 14px 2px;}
#v13-ui .switch-thumb{width: 23px; height: 23px; top: 6px; left: 7px; border: 1px solid rgba(198, 229, 208, 0.55); background: radial-gradient(at 32% 18%, rgba(228, 245, 231, 0.55), transparent 44%), linear-gradient(145deg, rgba(113, 139, 123, 0.7), rgba(23, 59, 41, 0.69) 52%, rgba(161, 205, 174, 0.5)); box-shadow: rgba(234, 255, 237, 0.61) 0px 1px 1px inset, rgba(6, 24, 11, 0.8) 0px -2px 3px inset, rgba(0, 0, 0, 0.733) 0px 2px 3px, rgba(6, 22, 12, 0.5) 0px 0px 0px 2px; backdrop-filter: blur(3px); z-index: 3;}
#v13-ui .switch-thumb::before{content: ""; position: absolute; inset: 3px; border: 1px solid rgba(210, 246, 214, 0.2); border-radius: 50%; box-shadow: rgba(3, 25, 9, 0.6) 1px 1px 2px inset;}
#v13-ui .switch-thumb i{position: absolute; width: 3px; height: 9px; border-radius: 2px; left: 9px; top: 6px; background: rgba(209, 226, 216, 0.565); box-shadow: rgba(1, 10, 4, 0.5) 0px 1px 1px;}
#v13-ui .switch[aria-checked="true"] .switch-thumb{transform: translateX(34px); background: radial-gradient(at 32% 17%, rgba(240, 255, 239, 0.74), transparent 40%), linear-gradient(145deg, rgba(186, 220, 184, 0.68), rgba(77, 156, 88, 0.8) 54%, rgba(177, 255, 153, 0.533)); box-shadow: rgba(238, 255, 237, 0.737) 0px 1px 1px inset, rgba(16, 55, 21, 0.733) 0px -2px 3px inset, rgba(0, 0, 0, 0.733) 0px 2px 3px, rgba(200, 255, 182, 0.14) 0px 0px 0px 2px, rgba(142, 250, 104, 0.333) 0px 0px 9px;}
#v13-ui .switch[aria-checked="true"] .switch-thumb i{background: rgb(226, 255, 212); box-shadow: rgb(174, 255, 133) 0px 0px 4px;}
#v13-ui .control-label{font-size: 12px; color: rgb(203, 209, 206); margin: 0px 0px 13px;}
#v13-ui #range-output{display: inline-block; color: rgb(202, 255, 182); font-size: 12px; background: rgba(76, 102, 77, 0.24); padding: 4px 10px; border: 1px solid rgba(123, 171, 112, 0.4); border-radius: 5px; margin-bottom: 14px;}
#v13-ui input[type="range"]{accent-color: rgb(146, 244, 118); width: 100%; height: 19px; margin: 0px 0px 7px; cursor: pointer;}
#v13-ui #component-10 label{font-size: 10px; margin: 4px 0px;}
#v13-ui .range-ends{display: flex; justify-content: space-between; color: var(--quiet); font-size: 10px;}
#v13-ui .stepper{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px;}
#v13-ui .stepper input{background: transparent; border: 0px; color: var(--ink); text-align: center; max-width: 70px; font-size: 20px; appearance: textfield;}
#v13-ui .stepper input::-webkit-inner-spin-button{appearance: none;}
#v13-ui .calendar-detail{display: flex; justify-content: space-between; font-size: 10px; color: rgb(128, 146, 134); margin-top: 25px; padding-top: 13px; border-top: 1px solid rgba(102, 115, 108, 0.2);}
#v13-ui #date-output{display: block; min-height: 15px;}
#v13-ui .drop-zone{flex-direction: column; align-items: center; text-align: center; gap: 7px; min-height: 154px; border: 1px dashed rgba(116, 133, 123, 0.6); border-radius: 8px; background: radial-gradient(at 30% 0px, rgba(128, 145, 134, 0.07), transparent 70%); justify-content: center; cursor: pointer; display: flex !important;}
#v13-ui .drop-zone > svg{width: 34px; height: 34px; color: rgb(189, 204, 193); margin-bottom: 4px;}
#v13-ui .drop-zone strong{font-size: 11px; font-weight: 500;}
#v13-ui .drop-zone span{font-size: 10px; color: var(--quiet);}
#v13-ui .drop-zone.is-dragging{border-color: rgb(169, 243, 148); background: rgba(140, 200, 130, 0.098);}
#v13-ui #file-list{padding-left: 16px; font-size: 10px; color: rgb(170, 189, 176); overflow-wrap: anywhere; margin: 5px 0px;}
#v13-ui .contact-layout{display: grid; grid-template-columns: 1fr 150px; gap: 30px;}
#v13-ui .form-two{display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
#v13-ui #contact > label{margin-top: 14px;}
#v13-ui #contact .choice-row{margin-top: 15px; font-size: 10px;}
#v13-ui small.error{font-size: 10px; display: block; min-height: 0px; margin-top: 4px;}
#v13-ui .primary{display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 41px; padding: 10px 17px; border: 1px solid rgb(163, 249, 134); border-radius: 7px; background: linear-gradient(125deg, rgb(169, 251, 133), rgb(121, 227, 79) 68%, rgb(146, 242, 103)); color: rgb(20, 35, 16); font-size: 12px; font-weight: 600; box-shadow: rgba(221, 255, 199, 0.52) 0px 1px inset, rgb(38, 61, 32) 0px 2px 0px, rgba(118, 244, 80, 0.125) 0px 0px 15px;}
#v13-ui .primary:hover{background: linear-gradient(125deg, rgb(193, 255, 163), rgb(147, 247, 95) 68%, rgb(168, 249, 133)); box-shadow: rgba(234, 255, 211, 0.627) 0px 1px inset, rgb(49, 78, 42) 0px 2px 0px, rgba(118, 244, 80, 0.224) 0px 0px 23px;}
#v13-ui .primary:active{transform: translateY(1px);}
#v13-ui .primary svg{width: 16px; height: 16px;}
#v13-ui #contact .primary,#v13-ui #newsletter .primary{margin-top: 10px;}
#v13-ui .privacy{border-left: 1px solid rgba(104, 118, 109, 0.267); padding-left: 26px; display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center;}
#v13-ui .privacy > svg{width: 38px; height: 38px; color: rgb(149, 236, 128); filter: drop-shadow(rgba(117, 241, 109, 0.467) 0px 0px 9px); margin-bottom: 18px;}
#v13-ui .privacy h3{font-size: 14px; margin-bottom: 12px;}
#v13-ui .privacy p{font-size: 11px; line-height: 1.7; color: var(--quiet);}
#v13-ui .newsletter-head{display: flex; gap: 20px; align-items: center; margin: 4px 0px 19px;}
#v13-ui .newsletter-head h3{font-size: 20px; margin-bottom: 9px;}
#v13-ui .newsletter-head p{font-size: 12px; color: var(--soft); max-width: 25ch;}
#v13-ui .mail-emblem{width: 75px; height: 79px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 17px; transform: rotate(-6deg); border: 1px solid rgba(141, 161, 141, 0.533); background: radial-gradient(at 15% 10%, rgba(186, 203, 156, 0.333), transparent 60%), linear-gradient(130deg, rgba(55, 99, 67, 0.667), rgb(11, 25, 17) 55%, rgba(120, 170, 97, 0.467)); box-shadow: rgba(239, 255, 206, 0.71) 0px 1px 1px inset, rgba(15, 36, 31, 0.88) 0px -4px 6px inset, rgb(17, 25, 22) 0px 7px 0px, rgba(83, 107, 82, 0.4) 0px 8px 0px, rgba(5, 13, 9, 0.533) 0px 12px 16px;}
#v13-ui .mail-emblem svg{width: 39px; height: 39px; color: rgb(181, 223, 177); filter: drop-shadow(rgba(150, 245, 139, 0.4) 0px 0px 7px);}
#v13-ui #newsletter .choice-row{margin: 18px 0px 2px; font-size: 10px;}
#v13-ui .filter-row{display: flex; flex-wrap: wrap; gap: 4px; margin-top: 16px;}
#v13-ui .filter-row .control[data-glass="pill"]{min-width: 0px; flex: 1 1 0%; padding: 0px 9px; font-size: 10px; height: 42px;}
#v13-ui .search-results{padding: 0px; list-style: none; margin: 17px 0px 0px; font-size: 11px; color: rgb(185, 201, 189);}
#v13-ui .search-results li{padding: 7px 0px; border-top: 1px solid rgba(94, 108, 98, 0.25);}
#v13-ui .password-rules{list-style: none; margin: 16px 0px 0px; padding: 0px; display: grid; gap: 6px; font-size: 10px; color: rgb(167, 180, 172);}
#v13-ui .password-rules li{display: flex; gap: 9px; align-items: center;}
#v13-ui .password-rules i{width: 14px; height: 14px; border: 1px solid rgba(109, 126, 113, 0.6); border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto;}
#v13-ui .password-rules i svg{opacity: 0; width: 10px; height: 10px;}
#v13-ui .password-rules [data-pass="true"]{color: rgb(201, 234, 192);}
#v13-ui .password-rules [data-pass="true"] i{border-color: rgb(154, 236, 135); color: rgb(154, 236, 135); box-shadow: rgba(122, 236, 101, 0.2) 0px 0px 5px;}
#v13-ui .password-rules [data-pass="true"] svg{opacity: 1;}
#v13-ui .loading-example{display: flex; align-items: center; gap: 15px; font-size: 11px; margin: 5px 0px 23px;}
#v13-ui .loader{width: 33px; height: 33px; border-width: 3px; border-style: solid; border-color: rgb(166, 247, 135) rgba(129, 209, 106, 0.2) rgba(129, 209, 106, 0.2) rgba(118, 211, 87, 0.6); border-image: none; border-radius: 50%; animation: 1.3s linear 0s infinite normal none running spin; filter: drop-shadow(rgba(115, 232, 85, 0.4) 0px 0px 5px);}
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
#v13-ui .notice{display: flex; gap: 10px; padding: 12px 0px; border-top: 1px solid rgba(92, 108, 98, 0.3); border-bottom: 1px solid rgba(92, 108, 98, 0.3);}
#v13-ui .notice > svg{width: 18px; height: 18px; color: rgb(157, 204, 241); flex: 0 0 auto; margin-top: 2px;}
#v13-ui .notice strong{font-size: 11px; color: rgb(187, 216, 236); font-weight: 500;}
#v13-ui .notice p{font-size: 10px; color: rgb(168, 181, 173); margin-top: 5px;}
#v13-ui .text-button,#v13-ui .ghost{display: inline-flex; align-items: center; gap: 10px; border: 0px; background: transparent; color: rgb(199, 223, 191); padding: 12px 0px; font-size: 11px;}
#v13-ui .text-button svg{width: 14px; height: 14px;}
#v13-ui .feedback{font-size: 11px; color: rgb(189, 241, 169);}
#v13-ui .button-specs{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: start;}
#v13-ui .button-specs > div{display: flex; flex-direction: column; align-items: start; gap: 9px;}
#v13-ui .button-specs small{font-size: 10px; color: var(--quiet);}
#v13-ui .button-specs .control{height: 47px; width: 100%; max-width: 225px;}
#v13-ui .button-specs .primary{min-height: 43px; margin-top: 2px;}
#v13-ui .small-controls{display: flex; align-items: center; gap: 15px; margin: 24px 0px 3px;}
#v13-ui .pill-pair{margin-left: auto; display: flex; gap: 15px;}
#v13-ui .pill-pair .control{min-width: 153px; height: 59px;}
#v13-ui #tabs{display: flex; gap: 0px; border-bottom: 1px solid rgba(90, 110, 93, 0.4); margin-bottom: 20px;}
#v13-ui .tab{border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; background: transparent; color: rgb(163, 179, 168); padding: 11px 14px; font-size: 12px;}
#v13-ui .tab[aria-selected="true"]{color: rgb(203, 232, 191); border-bottom-color: rgb(154, 235, 120); background: linear-gradient(0deg, rgba(135, 216, 119, 0.086), transparent);}
#v13-ui [role="tabpanel"]{font-size: 12px; color: rgb(178, 190, 182); min-height: 44px;}
#v13-ui .segment-line{display: flex; gap: 8px; margin-top: 24px;}
#v13-ui .segment-line .control[data-glass="pill"]{min-width: 0px; flex: 1 1 0%; height: 50px;}
#v13-ui .surface-example{display: grid; grid-template-columns: 1.2fr 0.8fr; align-items: center; gap: 24px; min-height: 245px;}
#v13-ui .surface-example .eyebrow{font-size: 9px; letter-spacing: 0.11em; color: rgb(173, 196, 159);}
#v13-ui .surface-example h3{font-size: 31px; letter-spacing: -0.025em; line-height: 1.12; margin: 15px 0px;}
#v13-ui .surface-example p:not(.eyebrow){font-size: 12px; line-height: 1.6; color: var(--soft);}
#v13-ui .surface-example .control{margin-top: 20px; height: 48px; min-width: 175px;}
#v13-ui .material-sculpture{height: 185px; position: relative; transform: perspective(700px) rotateY(-17deg) rotateX(8deg);}
#v13-ui .slab{position: absolute; inset: 26px 21px; border-radius: 15px; background: linear-gradient(125deg, rgba(76, 83, 81, 0.31), rgb(18, 24, 23) 70%); border: 1px solid rgba(135, 154, 136, 0.467); box-shadow: rgba(213, 223, 206, 0.25) 1px 1px inset, rgba(9, 14, 11, 0.467) 0px 8px 15px;}
#v13-ui .slab-back{transform: translate(22px, -16px);}
#v13-ui .slab-mid{transform: translate(10px, -7px); background: linear-gradient(125deg, rgba(153, 162, 134, 0.314), rgba(32, 42, 34, 0.4) 50%, rgba(85, 105, 85, 0.5));}
#v13-ui .slab-front{display: grid; place-items: center; border-color: rgba(161, 191, 151, 0.6); background: radial-gradient(at 0px 0px, rgba(195, 217, 164, 0.28), transparent 70%), linear-gradient(135deg, rgba(64, 94, 59, 0.627), rgba(21, 35, 23, 0.88) 50%, rgba(68, 124, 56, 0.44)); box-shadow: rgba(220, 255, 192, 0.61) 1px 1px inset, rgba(142, 228, 102, 0.4) -1px -1px inset, rgb(17, 28, 22) 0px 8px 0px, rgba(100, 136, 96, 0.4) 0px 9px 0px, rgba(7, 13, 9, 0.467) 0px 15px 17px;}
#v13-ui .slab-front svg{width: 49px; height: 49px; color: rgb(183, 217, 166); filter: drop-shadow(rgba(134, 237, 88, 0.333) 0px 0px 8px);}
#v13-ui .header-section{padding: 45px 0px 43px;}
#v13-ui .section-label{display: flex; justify-content: space-between; gap: 20px; margin-bottom: 18px; font-size: 10px; color: var(--quiet);}
#v13-ui .section-label > span{color: rgb(182, 205, 176); letter-spacing: 0.1em;}
#v13-ui .header-a{min-height: 87px; gap: 28px; padding: 16px 29px 20px; --glass-radius: 17px;}
#v13-ui .header-a .brand{color: rgb(229, 238, 229); text-shadow: rgb(7, 17, 9) 0px 1px, rgba(211, 251, 208, 0.16) 0px -1px, rgba(11, 28, 14, 0.9) 0px 0px 5px; font-size: 22px; gap: 9px;}
#v13-ui .header-a .brand b{color: rgb(149, 236, 102);}
#v13-ui .header-a:hover .brand,#v13-ui .header-a:focus-within .brand{color: rgb(237, 255, 232); text-shadow: rgba(159, 251, 135, 0.6) 0px 0px 9px;}
#v13-ui .header-a:hover .brand img{filter: drop-shadow(rgba(154, 255, 119, 0.467) 0px 0px 6px);}
#v13-ui .header-a .header-nav{gap: 29px;}
#v13-ui .header-a .header-nav a{font-size: 12px;}
#v13-ui .header-a > .flow{display: block;}
#v13-ui .front-optics{position: absolute; inset: 4px 8px; z-index: 1; border-radius: inherit; pointer-events: none; background: linear-gradient(177deg, rgba(197, 237, 193, 0.04), transparent 35%, rgba(7, 18, 11, 0.08) 65%, rgba(212, 248, 202, 0.03));}
#v13-ui .languages{display: flex; gap: 9px; z-index: 4; position: relative;}
#v13-ui .languages button{border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; background: transparent; padding: 8px 2px; color: rgb(166, 182, 171); font-size: 11px;}
#v13-ui .languages button[aria-pressed="true"]{color: rgb(212, 248, 211); border-bottom-color: rgb(149, 236, 102);}
#v13-ui footer{font-size: 10px; color: var(--quiet); padding: 25px 0px 35px; border-color: rgba(80, 93, 83, 0.3);}
#v13-ui footer a:hover{color: rgb(193, 247, 176);}
#v13-ui[data-motion="paused"] .loader{animation-play-state: paused;}
@media (max-width: 1100px) {#v13-ui .workbench{padding: 0px 26px;}
#v13-ui .specimen-board{grid-template-columns: repeat(6, minmax(0px, 1fr));}
#v13-ui .span-8,#v13-ui .span-7,#v13-ui .span-12{grid-column: 1 / -1;}
#v13-ui .span-5,#v13-ui .span-4{grid-column: span 3;}
#v13-ui .span-3,#v13-ui .span-2{grid-column: span 3;}
#v13-ui .field-states{grid-template-columns: repeat(4, minmax(0px, 1fr));}
#v13-ui #component-19{grid-column: 1 / -1;}
#v13-ui .edition{display: none;}
#v13-ui .theme-lab{gap: 18px;}
#v13-ui .tone-control button{font-size: 10px;}
#v13-ui .kit-intro h1{font-size: 56px;}}
@media (max-width: 700px) {#v13-ui .workbench{padding: 0px 18px;}
#v13-ui .masthead{gap: 16px; flex-wrap: wrap; padding: 20px 0px; min-height: 0px;}
#v13-ui .masthead nav{width: 100%; margin-left: 0px; gap: 21px; font-size: 11px;}
#v13-ui .kit-intro{padding: 34px 0px 28px; display: block;}
#v13-ui .kit-intro h1{font-size: 48px;}
#v13-ui .kit-intro > div:last-child{text-align: left; margin-top: 22px;}
#v13-ui .kit-intro > div:last-child p{font-size: 14px;}
#v13-ui .approval{font-size: 10px;}
#v13-ui .theme-lab{display: block;}
#v13-ui .tone-control{margin-bottom: 17px;}
#v13-ui .tone-control button{font-size: 11px; padding: 8px 10px;}
#v13-ui #pause-motion{margin-left: 0px;}
#v13-ui .specimen-board{display: block;}
#v13-ui .spec-card{margin-bottom: 13px; padding: 21px 18px;}
#v13-ui .field-states{grid-template-columns: 1fr 1fr; gap: 17px;}
#v13-ui .field > input,#v13-ui .field > textarea{font-size: 14px;}
#v13-ui .field{min-height: 47px;}
#v13-ui .spec-card h2{font-size: 12px; margin-bottom: 18px;}
#v13-ui .hint{font-size: 11px;}
#v13-ui .combo-option{min-height: 46px;}
#v13-ui .option-copy b{font-size: 13px;}
#v13-ui .option-copy small{font-size: 10px;}
#v13-ui label.choice-row{font-size: 12px;}
#v13-ui .switch-row{font-size: 12px;}
#v13-ui .contact-layout{display: block;}
#v13-ui .privacy{border-left: 0px; border-top: 1px solid rgba(104, 118, 109, 0.267); flex-flow: wrap; gap: 14px; padding: 20px 0px 0px; margin-top: 20px; text-align: left;}
#v13-ui .privacy > svg{width: 30px; height: 30px; margin: 0px;}
#v13-ui .privacy h3{margin: 0px; font-size: 15px;}
#v13-ui .privacy p{width: 100%; font-size: 12px;}
#v13-ui .button-specs{grid-template-columns: 1fr 1fr; gap: 21px 15px;}
#v13-ui .button-specs .control{min-width: 0px; font-size: 11px; padding: 0px 8px;}
#v13-ui .button-specs .primary{font-size: 11px; padding: 10px 12px; gap: 8px;}
#v13-ui .small-controls{gap: 10px; flex-wrap: wrap;}
#v13-ui .pill-pair{width: 100%; margin: 8px 0px 0px; gap: 10px;}
#v13-ui .pill-pair .control[data-glass="pill"]{flex: 1 1 0%; min-width: 0px; height: 58px;}
#v13-ui .surface-example{gap: 16px; grid-template-columns: 1fr 110px;}
#v13-ui .surface-example h3{font-size: 27px;}
#v13-ui .material-sculpture{height: 145px;}
#v13-ui .slab{inset: 22px 5px;}
#v13-ui .slab-front svg{width: 34px;}
#v13-ui .surface-example .eyebrow{font-size: 8px;}
#v13-ui .surface-example p:not(.eyebrow){font-size: 11px;}
#v13-ui .surface-example .control{min-width: 160px; font-size: 11px;}
#v13-ui .header-a{display: grid; grid-template-columns: 1fr auto; padding: 17px 23px 22px; gap: 20px 10px; min-height: 120px;}
#v13-ui .header-a .brand{font-size: 19px; gap: 7px;}
#v13-ui .header-a .brand img{width: 27px; height: 27px;}
#v13-ui .header-a .header-nav{grid-area: 2 / 1 / auto / -1; flex-wrap: wrap; justify-content: start; gap: 19px; display: flex !important;}
#v13-ui .header-a .header-nav a{font-size: 11px;}
#v13-ui .languages{gap: 5px;}
#v13-ui .languages button{font-size: 9px;}
#v13-ui .section-label{display: block;}
#v13-ui .section-label p{margin-top: 8px;}
#v13-ui .header-section{padding: 26px 0px;}
#v13-ui .header-a > .brand,#v13-ui .header-a > .header-nav{transform: none;}
#v13-ui footer{display: flex; flex-direction: column; gap: 12px;}}
@media (max-width: 365px) {#v13-ui .workbench{padding: 0px 12px;}
#v13-ui .spec-card{padding: 20px 15px;}
#v13-ui .field-states{gap: 14px 10px;}
#v13-ui .field{padding-inline: 9px; gap: 6px;}
#v13-ui .field > svg{width: 13px;}
#v13-ui .form-two{display: block;}
#v13-ui .form-two > div + div{margin-top: 12px;}
#v13-ui .surface-example{grid-template-columns: 1fr;}
#v13-ui .material-sculpture{display: none;}
#v13-ui .tone-control button{padding: 7px 8px; font-size: 10px;}
#v13-ui .small-controls .control[data-glass="square"]{width: 48px; height: 50px;}
#v13-ui .languages{gap: 3px;}}
@media (prefers-reduced-motion: reduce) {#v13-ui{scroll-behavior: auto;}
#v13-ui .loader{animation: auto ease 0s 1 normal none running none;}
#v13-ui .flow{display: none !important;}
#v13-ui *,#v13-ui ::before,#v13-ui ::after{transition: none !important;}}
@media (forced-colors: active) {#v13-ui{background: canvas; color: canvastext;}
#v13-ui .glass-skin,#v13-ui .flow,#v13-ui .glass::before,#v13-ui .spec-card::before,#v13-ui .material-sculpture{display: none !important;}
#v13-ui .glass,#v13-ui .field,#v13-ui .spec-card{border: 1px solid buttontext;}
#v13-ui .check-shape,#v13-ui .radio-shape{border: 1px solid buttontext;}
#v13-ui .choice-row input:checked + span{background: highlight; color: highlighttext;}
#v13-ui .field > input,#v13-ui .field > textarea{color: canvastext;}}
/* SOURCE: /glass-kit-v13/refinements.css */
#v13-ui .header-a > .flow{display: block !important;}
#v13-ui .header-a > .header-nav{display: flex !important;}
#v13-ui .check-shape svg{color: rgb(16, 44, 13);}
#v13-ui .dual-range{position: relative; height: 40px; margin: 16px 0px 10px; --low: 20%; --high: 70%; cursor: pointer;}
#v13-ui .dual-range::before{content: ""; position: absolute; top: 18px; left: 0px; right: 0px; height: 4px; border-radius: 4px; background: linear-gradient(90deg,#414d46 var(--low),#8eeb72 var(--low),#8eeb72 var(--high),#414d46 var(--high)); box-shadow: rgba(197, 227, 198, 0.18) 0px 1px inset, rgba(139, 235, 108, 0.133) 0px 0px 6px; pointer-events: none;}
#v13-ui .dual-range input[type="range"]{position: absolute; inset: 0px; width: 100%; height: 40px; margin: 0px; background: transparent; pointer-events: none; appearance: none;}
#v13-ui .dual-range input[type="range"]::-webkit-slider-runnable-track{height: 4px; background: transparent;}
#v13-ui .dual-range input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: auto; width: 19px; height: 19px; margin-top: -7.5px; border-radius: 50%; border: 1px solid rgb(210, 255, 197); background: radial-gradient(circle, rgb(215, 255, 199) 0px, rgb(215, 255, 199) 17%, rgb(120, 202, 91) 22%, rgb(120, 202, 91) 40%, rgb(169, 243, 135) 48%, rgb(169, 243, 135) 59%, rgb(71, 123, 61) 78%); box-shadow: rgba(133, 249, 105, 0.46) 0px 0px 8px, rgba(0, 0, 0, 0.667) 0px 2px 3px; cursor: ew-resize;}
#v13-ui .dual-range input:focus-visible{outline: 0px;}
#v13-ui .dual-range input:focus-visible::-webkit-slider-thumb{outline: rgb(225, 255, 215) solid 2px; outline-offset: 4px;}
#v13-ui .calendar{margin-top: 16px; border-top: 1px solid rgba(105, 118, 108, 0.267); padding-top: 9px;}
#v13-ui .calendar-head{display: flex; align-items: center; justify-content: space-between; gap: 6px;}
#v13-ui .calendar-head strong{font-size: 11px; font-weight: 500; text-transform: capitalize; color: rgb(210, 219, 213);}
#v13-ui .calendar-head button{border: 1px solid rgba(104, 116, 105, 0.4); background: linear-gradient(130deg, rgba(105, 118, 105, 0.15), rgb(19, 27, 22)); border-radius: 5px; width: 28px; height: 29px; color: rgb(201, 215, 205); font-size: 15px;}
#v13-ui .calendar-detail{margin-top: 8px; padding: 0px; border: 0px; display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; color: rgb(166, 182, 171);}
#v13-ui .calendar-days{display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 2px; margin-top: 5px;}
#v13-ui .calendar-days button{width: 100%; height: 27px; padding: 0px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: rgb(198, 212, 201); font-size: 11px;}
#v13-ui .calendar-days button[data-outside="true"]{color: rgb(136, 150, 141);}
#v13-ui .calendar-days button[aria-current="date"]{border-color: rgba(111, 150, 102, 0.42);}
#v13-ui .calendar-days button:hover{background: rgba(115, 157, 89, 0.22); border-color: rgba(152, 209, 133, 0.467);}
#v13-ui .calendar-days button[aria-pressed="true"]{color: rgb(213, 255, 191); border-color: rgb(159, 235, 129); background: radial-gradient(at 30% 0px, rgba(177, 255, 123, 0.2), transparent 70%), linear-gradient(150deg, rgb(36, 77, 39), rgb(20, 43, 30)); box-shadow: rgba(216, 255, 172, 0.36) 0px 1px inset, rgba(107, 255, 86, 0.24) 0px 0px 8px;}
#v13-ui .calendar-days button:focus-visible{outline-offset: 1px;}
@media (min-width: 701px) and (max-width: 960px) {#v13-ui .header-a{flex-wrap: wrap;}
#v13-ui .header-a > .header-nav{order: 3; flex: 1 0 100%; padding: 9px 0px 4px;}}
@media (prefers-reduced-motion: reduce) {#v13-ui .header-a > .flow{display: none !important;}}
/* SOURCE: /glass-kit-v13/stable-popups.css */
#v13-ui .combo-card .combo{padding-bottom: 214px;}
#v13-ui .combo-card .dropdown{position: absolute; left: 0px; right: 0px; top: calc(100% - 214px); z-index: 5;}
/* SOURCE: /glass-kit-v13/materials.css */
#v13-ui{color-scheme: dark; --signal: 96 255 124; --field-cool: 94 150 181; --entry-text: #e2e9e9;}
#v13-ui .kit-intro h1{font-size: clamp(38px, 4.6vw, 64px);}
#v13-ui .fixed-tones > div{display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgb(224, 229, 229);}
#v13-ui .fixed-tones small{color: rgb(150, 163, 168); font-size: 10px; margin-left: 5px;}
#v13-ui .fixed-tones .swatch.ink{background: linear-gradient(140deg, rgb(36, 48, 56), rgb(13, 17, 22));}
#v13-ui .fixed-tones nav{display: flex; gap: 20px; margin-left: auto; font-size: 11px; color: rgb(189, 199, 199);}
#v13-ui .fixed-tones nav a{text-decoration: none; border-bottom: 1px solid rgba(120, 139, 128, 0.3); padding-block: 4px;}
#v13-ui .fixed-tones nav a:hover{color: rgb(185, 255, 193); border-color: rgb(113, 237, 136);}
#v13-ui .fixed-tones #pause-motion{margin: 0px;}
#v13-ui .header-section{padding: 0px 0px 32px;}
#v13-ui .header-section .section-label{margin-bottom: 12px;}
#v13-ui .header-a .brand{margin-left: 9px;}
#v13-ui .header-a > .front-optics{background: linear-gradient(177deg, rgba(197, 237, 193, 0.04), transparent 35%, rgba(7, 18, 11, 0.08) 65%, rgba(212, 248, 202, 0.03));}
#v13-ui .spec-card{border-radius: 10px;}
#v13-ui .spec-card h2{margin-bottom: 19px;}
#v13-ui .hint{color: rgb(160, 170, 169);}
#v13-ui .field-states{gap: 16px;}
#v13-ui .field{--signal: 96 255 124; --entry-light: .06; --edge-light: .18; position: relative; border: 1px solid rgba(113, 130, 130, 0.475); border-radius: 6px; min-height: 44px; padding: 4px 12px; overflow: visible; isolation: isolate; background: radial-gradient(at 3% 0%, rgba(170, 198, 191, 0.11), transparent 56%), radial-gradient(at 98% 94%, rgba(124, 172, 170, 0.05), transparent 46%), linear-gradient(113deg, rgb(20, 31, 35), rgb(12, 19, 23) 48%, rgb(17, 26, 31)); box-shadow: rgba(215, 238, 228, 0.11) 0px 1px 0px inset, rgba(0, 0, 0, 0.467) 0px 2px 8px inset, rgba(255, 255, 255, 0.024) 0px 1px 0px; transition: border-color 0.24s, box-shadow 0.24s, background 0.24s;}
#v13-ui .field::before{display: none;}
#v13-ui .field::after{content: ""; position: absolute; inset: -1px; padding: 1px; border: 0px; border-radius: inherit; pointer-events: none; background: linear-gradient(116deg,rgb(var(--signal)/.9),rgb(var(--signal)/.15) 38%,rgb(var(--signal)/.38) 69%,rgb(var(--signal)/.85)); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); opacity: var(--edge-light); transition: opacity 0.24s;}
#v13-ui .field > input,#v13-ui .field > textarea{color: var(--entry-text); font-size: 13px; font-weight: 400; caret-color: rgb(var(--signal)); padding: 7px 0px;}
#v13-ui .field input::placeholder,#v13-ui .field textarea::placeholder{color: rgb(167, 181, 186);}
#v13-ui .field > svg{color: rgb(178, 196, 200); stroke-width: 1.5;}
#v13-ui .field:hover,#v13-ui .field:focus-within,#v13-ui .field.focus-sample,#v13-ui .combo.is-open .field{--edge-light: .95; border-color: rgb(var(--signal)/.64); box-shadow: inset 0 1px 0 rgb(var(--signal)/.20),inset 0 0 16px rgb(var(--signal)/.055),
 0 0 3px rgb(var(--signal)/.30),0 0 13px rgb(var(--signal)/.13);}
#v13-ui .field:focus-within,#v13-ui .field.focus-sample{border-color: rgb(var(--signal)/.95); box-shadow: inset 0 0 0 1px rgb(var(--signal)/.35),inset 0 0 20px rgb(var(--signal)/.06),
 0 0 4px rgb(var(--signal)/.4),0 0 17px rgb(var(--signal)/.18);}
#v13-ui .field:focus-within::after{inset: -1px; border: 0px; border-radius: inherit;}
#v13-ui .field input:focus-visible,#v13-ui .field textarea:focus-visible{outline: 0px !important;}
#v13-ui .field > button:focus-visible{outline: 1px solid rgb(var(--signal)); outline-offset: 1px; border-radius: 3px;}
#v13-ui .field.text-area{min-height: 98px; padding: 8px 12px; align-items: start;}
#v13-ui .field.text-area textarea{min-height: 77px; line-height: 1.65; padding: 0px; resize: vertical;}
#v13-ui .field.error-sample,#v13-ui .field:has([aria-invalid="true"]){--signal: 255 91 103; --edge-light: .7; border-color: rgba(245, 101, 111, 0.6); background: radial-gradient(at 1% 0%, rgba(188, 85, 86, 0.1), transparent 54%), radial-gradient(at 95% 100%, rgba(195, 48, 67, 0.063), transparent 42%), linear-gradient(115deg, rgb(30, 25, 31), rgb(18, 21, 29) 58%, rgb(27, 23, 32)); box-shadow: rgba(255, 176, 176, 0.098) 0px 1px inset, rgba(0, 0, 0, 0.4) 0px 2px 7px inset, rgba(255, 78, 99, 0.086) 0px 0px 7px;}
#v13-ui .field.error-sample:hover,#v13-ui .field.error-sample:focus-within,#v13-ui .field:has([aria-invalid="true"]):is(:hover, :focus-within){border-color: rgb(255, 116, 127); --edge-light: 1; box-shadow: rgba(255, 95, 108, 0.14) 0px 0px 0px 1px inset, rgba(255, 60, 88, 0.07) 0px 0px 18px inset, rgba(255, 65, 85, 0.467) 0px 0px 5px, rgba(255, 63, 91, 0.22) 0px 0px 18px;}
#v13-ui .field.error-sample > svg{color: rgb(255, 155, 165);}
#v13-ui .field.success-sample{--edge-light: .65; border-color: rgba(117, 227, 151, 0.63); box-shadow: rgba(187, 255, 208, 0.137) 0px 1px inset, rgba(101, 255, 132, 0.08) 0px 0px 9px;}
#v13-ui .field.success-sample > svg{color: rgb(161, 243, 172);}
#v13-ui .dropdown{padding: 3px; margin-top: 7px; border: 1px solid rgba(104, 125, 131, 0.5); border-radius: 6px; background: radial-gradient(at 90% 0px, rgba(55, 83, 91, 0.133), transparent 64%), linear-gradient(112deg, rgb(21, 29, 34), rgb(17, 25, 31)); box-shadow: rgba(208, 231, 223, 0.07) 0px 1px inset, rgba(2, 5, 9, 0.44) 0px 10px 25px;}
#v13-ui .combo-option{position: relative; isolation: isolate; border: 1px solid transparent; border-radius: 5px; margin: 0px; min-height: 48px; padding: 7px 10px; background: transparent; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;}
#v13-ui .combo-option + .combo-option{border-top-color: rgba(111, 134, 131, 0.07);}
#v13-ui .combo-option.is-active,#v13-ui .combo-option[aria-selected="true"],#v13-ui .combo-option:hover{border-color: rgba(108, 247, 152, 0.76); background: radial-gradient(at 0% 55%, rgba(105, 255, 135, 0.12), transparent 42%), radial-gradient(at 100% 94%, rgba(108, 255, 130, 0.19), transparent 38%), radial-gradient(at 62% -34%, rgba(148, 221, 192, 0.18), transparent 48%), linear-gradient(115deg, rgb(19, 40, 41), rgb(16, 27, 38) 55%, rgb(18, 40, 35)); box-shadow: rgba(196, 255, 220, 0.333) 0px 1px inset, rgba(75, 255, 122, 0.27) 0px -1px inset, rgba(111, 255, 113, 0.063) 4px 0px 13px inset, rgba(112, 255, 133, 0.5) 0px 0px 3px, rgba(93, 255, 108, 0.145) 0px 0px 9px;}
#v13-ui .combo-option.is-active::after,#v13-ui .combo-option[aria-selected="true"]::after{content: ""; position: absolute; inset: 0px; border-radius: inherit; border: 0px; box-shadow: none; pointer-events: none; background: linear-gradient(112deg, rgba(217, 255, 227, 0.58), transparent 30%, transparent 65%, rgba(115, 255, 171, 0.52)); padding: 1px; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px);}
#v13-ui .combo-option .option-symbol{font-size: 10px; color: rgb(200, 229, 222);}
#v13-ui .option-copy small{color: rgb(156, 174, 183); font-size: 10px;}
#v13-ui .option-copy b{font-size: 13px;}
#v13-ui .option-check{color: rgb(179, 255, 196);}
#v13-ui .combo-card .combo{padding-bottom: 224px;}
#v13-ui .combo-card .dropdown{top: calc(100% - 224px);}
#v13-ui #range-output,#v13-ui .value-chip,#v13-ui .calendar-days button[aria-pressed="true"]{position: relative; color: rgb(220, 238, 232); border: 1px solid rgba(112, 229, 149, 0.7); border-radius: 5px; background: radial-gradient(at 100% 100%, rgba(103, 255, 131, 0.19), transparent 57%), radial-gradient(at 0px 0px, rgba(186, 255, 185, 0.15), transparent 57%), linear-gradient(122deg, rgb(21, 48, 58), rgb(17, 28, 40) 51%, rgb(19, 41, 31)); box-shadow: rgba(189, 247, 211, 0.24) 0px 1px inset, rgba(104, 255, 127, 0.145) 0px -1px inset, rgba(87, 255, 121, 0.333) 0px 0px 3px, rgba(100, 255, 112, 0.11) 0px 0px 9px;}
#v13-ui #range-output,#v13-ui .value-chip{display: inline-block; font-size: 12px; padding: 5px 10px; margin: 0px 10px 10px 0px;}
#v13-ui .calendar-days{gap: 4px;}
#v13-ui .calendar-days button{height: 31px; font-size: 12px; position: relative;}
#v13-ui .calendar-days button:is(:hover, :focus-visible){outline: 0px; outline-offset: 0px; border-color: rgb(152, 255, 176); background: radial-gradient(at 100% 100%, rgba(105, 255, 144, 0.208), transparent 66%), rgb(18, 35, 46); box-shadow: rgba(134, 255, 154, 0.196) 0px 0px 0px 1px inset, rgba(97, 255, 118, 0.2) 0px 0px 8px; color: rgb(234, 255, 237);}
#v13-ui .calendar-days button[aria-pressed="true"]{font-weight: 600;}
#v13-ui .calendar-head button:is(:hover, :focus-visible){outline: 0px; border-color: rgb(139, 238, 166); box-shadow: rgba(96, 255, 112, 0.25) 0px 0px 8px;}
#v13-ui #date::-webkit-calendar-picker-indicator{opacity: 0.75;}
#v13-ui .budget-caption{margin: 0px 0px 10px; font-size: 9px;}
#v13-ui .comparison-section{padding: 50px 0px 0px; scroll-margin-top: 25px;}
#v13-ui .comparison-heading{display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 24px;}
#v13-ui .comparison-heading h2{font-weight: 450; font-size: 30px; letter-spacing: -0.025em; line-height: 1.15; margin-top: 10px;}
#v13-ui .comparison-heading > p{font-size: 12px; color: rgb(160, 173, 176); line-height: 1.7;}
#v13-ui .input-variants{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); border-top: 1px solid rgba(106, 123, 128, 0.24); border-bottom: 1px solid rgba(106, 123, 128, 0.24); background: linear-gradient(120deg, rgba(19, 25, 29, 0.467), rgba(16, 19, 24, 0.2));}
#v13-ui .input-spec{padding: 24px 21px 28px; min-width: 0px;}
#v13-ui .input-spec + .input-spec{border-left: 1px solid rgba(106, 123, 128, 0.2);}
#v13-ui .variant-name{display: flex; gap: 11px; align-items: baseline;}
#v13-ui .variant-name > span{font-size: 11px; color: rgb(159, 215, 182);}
#v13-ui .variant-name h3{font-size: 16px; line-height: 1.3;}
#v13-ui .variant-description{color: rgb(165, 177, 181); font-size: 11px; line-height: 1.6; margin: 12px 0px 24px; min-height: 53px;}
#v13-ui .input-spec label{font-size: 11px;}
#v13-ui .input-spec .field + label{margin-top: 19px;}
#v13-ui .input-spec .field{min-height: 46px;}
#v13-ui .input-spec .text-area{min-height: 120px;}
#v13-ui .input-spec .text-area textarea{min-height: 96px; font-size: 12px;}
#v13-ui .form-inset{border-radius: 4px; border-color: rgb(52, 67, 76); background: radial-gradient(at 30% 110%, rgba(53, 84, 104, 0.157), transparent 80%), rgb(10, 17, 25); box-shadow: rgba(0, 0, 0, 0.667) 0px 2px 6px inset, rgba(179, 204, 219, 0.086) 0px 1px;}
#v13-ui .form-inset::after{opacity: 0.08;}
#v13-ui .form-inset:hover,#v13-ui .form-inset:focus-within{background: radial-gradient(at 7% 100%, rgba(104, 255, 132, 0.13), transparent 70%), linear-gradient(110deg, rgb(12, 26, 32), rgb(12, 22, 34)); box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 7px inset, rgba(114, 235, 144, 0.22) 0px 0px 0px 1px inset, rgba(166, 255, 173, 0.61) 0px 1px, rgba(102, 255, 112, 0.15) 0px 2px 9px;}
#v13-ui .form-line{border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(129, 146, 147, 0.533); border-image: none; border-radius: 0px; background: linear-gradient(rgba(156, 180, 191, 0.04), rgba(114, 153, 157, 0.035)); box-shadow: none; padding-inline: 8px;}
#v13-ui .form-line::after{display: none;}
#v13-ui .form-line:hover,#v13-ui .form-line:focus-within{border-color: rgb(150, 255, 171); box-shadow: rgba(162, 255, 182, 0.333) 0px 1px, rgba(120, 255, 143, 0.8) 0px 5px 8px -6px; background: linear-gradient(0deg, rgba(103, 255, 130, 0.063), transparent 65%); border-radius: 0px;}
#v13-ui .form-frost{border-radius: 8px; border-color: rgba(126, 147, 147, 0.33); background: radial-gradient(at 20% -70%, rgba(205, 222, 208, 0.337), transparent 86%), linear-gradient(130deg, rgba(61, 75, 81, 0.28), rgba(27, 38, 45, 0.5)); box-shadow: rgba(231, 247, 238, 0.19) 0px 1px inset, rgba(9, 14, 20, 0.24) 0px -1px inset;}
#v13-ui .form-frost::after{opacity: 0.08;}
#v13-ui .form-frost:hover,#v13-ui .form-frost:focus-within{box-shadow: rgba(202, 255, 216, 0.4) 0px 1px inset, rgba(114, 249, 146, 0.114) 0px 0px 12px; border-color: rgba(147, 217, 189, 0.667);}
#v13-ui .surface-variants{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px;}
#v13-ui .text-plane{position: relative; isolation: isolate; overflow: hidden; min-height: 228px; padding: 28px 30px; border-radius: 5px;}
#v13-ui .plane-label{font-size: 10px; letter-spacing: 0.075em; color: rgb(167, 198, 194); margin-bottom: 23px; text-transform: uppercase;}
#v13-ui .text-plane h3{font-size: 27px; line-height: 1.2; font-weight: 450; letter-spacing: -0.02em; max-width: 24ch; margin-bottom: 13px;}
#v13-ui .text-plane p{font-size: 13px; line-height: 1.75; max-width: 46ch; color: rgb(179, 192, 197);}
#v13-ui .plane-paper{background: radial-gradient(at 0px 0px, rgba(83, 101, 111, 0.125), transparent 80%), rgb(16, 21, 28); border-width: 1px 1px 1px 2px; border-style: solid; border-color: rgba(96, 116, 128, 0.21) rgba(96, 116, 128, 0.21) rgba(96, 116, 128, 0.21) rgba(119, 147, 149, 0.5); border-image: none;}
#v13-ui .plane-paper::after{content: ""; position: absolute; inset: 0px; pointer-events: none; opacity: 0.035; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h130v130H0z'/%3E%3C/svg%3E");}
#v13-ui .plane-smoke{border: 1px solid rgba(147, 169, 158, 0.41); background: radial-gradient(at 110% -50%, rgba(131, 169, 166, 0.2), transparent 74%), radial-gradient(at -30% 70%, rgba(120, 156, 151, 0.157), transparent 64%), linear-gradient(137deg, rgb(25, 38, 42), rgb(13, 22, 29) 60%, rgb(18, 33, 35)); box-shadow: rgba(211, 238, 224, 0.17) 0px 1px inset;}
#v13-ui .plane-blue{border: 1px solid rgba(112, 140, 179, 0.282); background: radial-gradient(at 106% 82%, rgba(68, 101, 132, 0.196), transparent 67%), linear-gradient(116deg, rgb(17, 26, 34) 55%, rgba(37, 53, 68, 0.27) 55.1%, rgb(16, 25, 34) 87%), rgb(15, 22, 30);}
#v13-ui .plane-blue::before{content: ""; position: absolute; left: 30px; right: 30px; top: 0px; height: 1px; background: linear-gradient(90deg, rgba(119, 158, 204, 0.6), transparent 70%);}
#v13-ui .plane-edge{border: 1px solid rgba(83, 120, 106, 0.42); background: radial-gradient(at 107% 122%, rgba(89, 248, 138, 0.14), transparent 45%), radial-gradient(at -15% 0px, rgba(144, 251, 160, 0.1), transparent 42%), linear-gradient(125deg, rgb(20, 32, 42), rgb(14, 23, 31) 65%); box-shadow: rgba(148, 237, 176, 0.145) 0px 1px inset;}
#v13-ui .plane-edge::after{content: ""; position: absolute; inset: 0px; border-radius: inherit; padding: 1px; background: linear-gradient(125deg, rgba(178, 255, 197, 0.6), transparent 23%, transparent 69%, rgba(123, 255, 154, 0.68)); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); pointer-events: none;}
@media (max-width: 1100px) {#v13-ui .fixed-tones nav{margin-left: 0px;}
#v13-ui .input-variants{grid-template-columns: 1fr 1fr;}
#v13-ui .input-spec:nth-child(3){border-left: 0px;}
#v13-ui .input-spec:nth-child(n+3){border-top: 1px solid rgba(106, 123, 128, 0.2);}
#v13-ui .variant-description{min-height: 35px;}}
@media (max-width: 700px) {#v13-ui .fixed-tones{display: flex; gap: 16px 24px;}
#v13-ui .fixed-tones nav{order: 3; flex: 1 0 100%; gap: 18px; font-size: 11px;}
#v13-ui .fixed-tones #pause-motion{margin-left: auto;}
#v13-ui .header-a .brand{margin-left: 0px;}
#v13-ui .field-states{grid-template-columns: 1fr 1fr;}
#v13-ui .field > input,#v13-ui .field > textarea{font-size: 16px;}
#v13-ui .comparison-heading{display: block;}
#v13-ui .comparison-heading h2{font-size: 27px;}
#v13-ui .comparison-heading > p{margin-top: 12px;}
#v13-ui .input-variants{grid-template-columns: 1fr;}
#v13-ui .input-spec{padding: 24px 18px;}
#v13-ui .input-spec + .input-spec{border-left: 0px; border-top: 1px solid rgba(106, 123, 128, 0.2);}
#v13-ui .variant-description{min-height: 0px; max-width: 44ch;}
#v13-ui .surface-variants{grid-template-columns: 1fr; gap: 15px;}
#v13-ui .text-plane{padding: 27px 24px; min-height: 222px;}
#v13-ui .text-plane h3{font-size: 25px;}
#v13-ui .comparison-section{padding-top: 38px;}
#v13-ui .calendar-days button{height: 36px;}
#v13-ui .field{min-height: 46px;}
#v13-ui .field-states .field{padding-inline: 8px; gap: 7px;}
#v13-ui .field-states .field > svg{width: 13px;}
#v13-ui .field-states .field input{font-size: 13px;}}
@media (forced-colors: active) {#v13-ui .field,#v13-ui .combo-option,#v13-ui .text-plane{background: canvas !important; border: 1px solid buttontext !important;}
#v13-ui .field::after,#v13-ui .combo-option::after,#v13-ui .text-plane::after{display: none;}
#v13-ui .field:focus-within{outline: highlight solid 2px;}
#v13-ui .combo-option[aria-selected="true"],#v13-ui .calendar-days button[aria-pressed="true"]{outline: highlight solid 2px;}
#v13-ui .form-line{border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor buttontext !important; border-image: none !important;}}
#v13-ui .hint.error{color: rgb(255, 155, 159);}
#v13-ui .hint.success{color: rgb(152, 234, 168);}
#v13-ui .option-symbol svg{width: 24px; height: 24px; display: block;}
#v13-ui .option-symbol{display: grid; place-items: center;}
#v13-ui .languages button[aria-pressed="true"]{border-bottom-color: transparent;}
/* SOURCE: /glass-kit-v13/thumb-variants.css */
#v13-ui #thumb-variants{padding: 35px 0px 40px;}
#v13-ui .thumb-variants-heading{margin: 0px 0px 8px; font-size: 24px; font-weight: 450; line-height: 1.25; letter-spacing: -0.02em; color: rgb(227, 237, 222);}
#v13-ui .thumb-variants-intro{margin: 0px 0px 25px; font-size: 12px; line-height: 1.6; color: rgb(168, 189, 170);}
#v13-ui .thumb-variants-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px;}
#v13-ui .thumb-variant{min-width: 0px; min-height: 116px; padding: 18px 20px; border: 1px solid rgba(90, 112, 90, 0.408); border-radius: 13px; background: linear-gradient(140deg, rgba(29, 41, 32, 0.24), rgba(16, 26, 19, 0.64) 70%);}
#v13-ui .thumb-variant-top{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
#v13-ui .thumb-variant h3{margin: 0px; font-size: 13px; font-weight: 500; line-height: 1.3; color: rgb(222, 235, 218);}
#v13-ui .thumb-variant p{margin: 12px 0px 0px; max-width: 31ch; color: rgb(157, 178, 159); font-size: 11px; line-height: 1.5;}
#v13-ui .thumb-variant .glass.switch{flex: 0 0 auto;}
#v13-ui .switch-thumb::before,#v13-ui .switch-thumb::after{content: none;}
#v13-ui .switch-thumb{width: 23px; height: 23px; top: 6px; left: 7px; border-radius: 50%; z-index: 3; backdrop-filter: none; transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1), background 220ms, border-color 220ms, box-shadow 220ms;}
#v13-ui .switch[aria-checked="true"] .switch-thumb{transform: translateX(34px);}
#v13-ui .thumb-1 .switch-thumb{border: 1px solid rgba(212, 230, 208, 0.7); background: radial-gradient(circle at 31% 22%, rgba(233, 255, 229, 0.74) 0px, rgba(184, 220, 187, 0.34) 20%, rgba(36, 70, 53, 0.5) 58%, rgba(24, 53, 34, 0.79) 100%); box-shadow: rgba(240, 255, 237, 0.7) 1px 1px 2px inset, rgba(11, 29, 19, 0.68) -2px -2px 4px inset, rgba(0, 0, 0, 0.733) 0px 2px 4px;}
#v13-ui .thumb-1[aria-checked="true"] .switch-thumb{border-color: rgba(226, 249, 215, 0.85); background: radial-gradient(circle at 31% 22%, rgba(242, 255, 240, 0.91) 0px, rgba(199, 247, 194, 0.43) 21%, rgba(66, 142, 84, 0.53) 62%, rgba(36, 72, 47, 0.855) 100%); box-shadow: rgba(244, 255, 241, 0.82) 1px 1px 2px inset, rgba(23, 58, 27, 0.61) -2px -2px 4px inset, rgba(0, 0, 0, 0.733) 0px 2px 4px, rgba(143, 232, 116, 0.28) 0px 0px 8px;}
#v13-ui .thumb-2 .switch-thumb{border: 1px solid rgb(233, 231, 216); background: linear-gradient(145deg, rgb(241, 239, 227) 5%, rgb(200, 210, 193) 48%, rgb(130, 151, 132) 100%); box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 1px inset, rgba(83, 107, 88, 0.4) 0px -2px 3px inset, rgba(0, 0, 0, 0.733) 0px 2px 4px;}
#v13-ui .thumb-2[aria-checked="true"] .switch-thumb{border-color: rgb(243, 245, 223); background: linear-gradient(145deg, rgb(255, 253, 235) 4%, rgb(212, 232, 199) 50%, rgb(157, 189, 145) 100%); box-shadow: rgb(255, 255, 255) 0px 1px 1px inset, rgba(109, 144, 98, 0.42) 0px -2px 3px inset, rgba(0, 0, 0, 0.733) 0px 2px 4px, rgba(212, 236, 188, 0.2) 0px 0px 7px;}
#v13-ui .thumb-3 .switch-thumb{border: 1px solid rgba(129, 169, 144, 0.72); background: linear-gradient(140deg, rgba(123, 168, 138, 0.61) 0px, rgba(31, 90, 60, 0.87) 45%, rgba(11, 44, 30, 0.75) 100%); box-shadow: rgba(227, 255, 230, 0.43) 0px 1px 2px inset, rgba(4, 23, 13, 0.8) 0px -2px 3px inset, rgba(0, 0, 0, 0.867) 0px 2px 4px;}
#v13-ui .thumb-3[aria-checked="true"] .switch-thumb{border-color: rgba(169, 217, 168, 0.87); background: linear-gradient(140deg, rgba(172, 215, 172, 0.72) 0px, rgba(57, 130, 87, 0.91) 48%, rgba(20, 83, 45, 0.86) 100%); box-shadow: rgba(239, 255, 238, 0.61) 0px 1px 2px inset, rgba(10, 41, 23, 0.66) 0px -2px 3px inset, rgba(0, 0, 0, 0.867) 0px 2px 4px, rgba(108, 221, 131, 0.25) 0px 0px 8px;}
#v13-ui .thumb-4 .switch-thumb{border: 1px solid rgba(145, 176, 154, 0.57); background: linear-gradient(155deg, rgb(69, 93, 74) 0px, rgb(26, 43, 32) 37%, rgb(9, 22, 15) 100%); box-shadow: rgba(218, 244, 215, 0.518) 0px 1px 1px inset, rgb(2, 8, 4) 0px -1px 2px inset, rgba(0, 0, 0, 0.933) 0px 3px 4px;}
#v13-ui .thumb-4[aria-checked="true"] .switch-thumb{border-color: rgba(185, 230, 174, 0.686); background: linear-gradient(155deg, rgb(91, 130, 92) 0px, rgb(34, 58, 40) 39%, rgb(12, 27, 18) 100%); box-shadow: rgba(229, 255, 229, 0.7) 0px 1px 1px inset, rgb(2, 8, 4) 0px -1px 2px inset, rgba(0, 0, 0, 0.933) 0px 3px 4px, rgba(146, 236, 123, 0.32) 0px 0px 7px;}
#v13-ui .thumb-5 .switch-thumb{border: 1px solid rgba(196, 220, 200, 0.8); background: radial-gradient(at 35% 26%, rgb(224, 243, 223) 0px, rgb(175, 209, 180) 42%, rgb(112, 154, 125) 100%); box-shadow: rgba(247, 255, 244, 0.72) 0px 1px 2px inset, rgba(71, 115, 82, 0.4) 0px -2px 3px inset, rgba(0, 0, 0, 0.733) 0px 2px 4px;}
#v13-ui .thumb-5[aria-checked="true"] .switch-thumb{border-color: rgb(224, 248, 217); background: radial-gradient(at 35% 26%, rgb(244, 255, 240) 0px, rgb(196, 237, 184) 43%, rgb(130, 190, 121) 100%); box-shadow: rgb(255, 255, 255) 0px 1px 2px inset, rgba(93, 155, 91, 0.45) 0px -2px 3px inset, rgba(0, 0, 0, 0.733) 0px 2px 4px, rgba(168, 238, 146, 0.25) 0px 0px 8px;}
#v13-ui .thumb-6 .switch-thumb{border: 1px solid rgba(203, 216, 209, 0.808); background: linear-gradient(135deg, rgb(237, 241, 233) 0px, rgb(174, 190, 177) 35%, rgb(108, 130, 119) 78%, rgb(185, 201, 185) 100%); box-shadow: rgba(255, 255, 255, 0.6) 1px 1px 1px inset, rgba(66, 90, 78, 0.5) -1px -1px 2px inset, rgba(0, 0, 0, 0.8) 0px 2px 4px;}
#v13-ui .thumb-6[aria-checked="true"] .switch-thumb{border-color: rgb(232, 243, 226); background: linear-gradient(135deg, rgb(247, 255, 241) 0px, rgb(198, 223, 188) 35%, rgb(134, 169, 129) 78%, rgb(205, 230, 195) 100%); box-shadow: rgba(255, 255, 255, 0.867) 1px 1px 1px inset, rgba(90, 128, 89, 0.5) -1px -1px 2px inset, rgba(0, 0, 0, 0.8) 0px 2px 4px, rgba(180, 230, 170, 0.24) 0px 0px 7px;}
@media (max-width: 800px) {#v13-ui .thumb-variants-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 520px) {#v13-ui .thumb-variants-grid{grid-template-columns: 1fr;}
#v13-ui .thumb-variant{min-height: 100px;}}
#v13-ui #thumb-variants{padding: 45px 0px 0px;}
#v13-ui .thumb-variant{background: radial-gradient(at 0px -40%, rgba(52, 70, 82, 0.267), transparent 80%), rgb(14, 20, 26) !important; border-color: rgba(88, 112, 120, 0.267) !important; border-radius: 7px !important;}
#v13-ui .thumb-variant h3{color: rgb(220, 229, 231) !important;}
#v13-ui .thumb-variant p{color: rgb(158, 175, 181) !important;}
@media (prefers-reduced-motion: reduce) {#v13-ui .switch-thumb{transition: none !important;}}
/* SOURCE: /glass-kit-v13/flat-neon.css */
#v13-ui .field,#v13-ui .field.form-satin{--signal: 103 255 111; --edge-light: .27; border: 1px solid rgba(139, 166, 147, 0.43); border-radius: 6px; background: radial-gradient(ellipse 78% 95% at 2% 0%,rgb(var(--signal) / .075),transparent 72%),
    radial-gradient(ellipse 67% 78% at 101% 105%,rgb(var(--signal) / .055),transparent 77%),
    linear-gradient(112deg,#14201b 0%,#0d1614 51%,#121d19 100%); box-shadow: rgba(213, 237, 218, 0.11) 0px 1px inset, rgba(0, 0, 0, 0.28) 0px -1px inset;}
#v13-ui .field::after{inset: -1px; padding: 1px; background: radial-gradient(ellipse at 9% 2%,rgb(var(--signal) / .96),transparent 37%),
    radial-gradient(ellipse at 98% 90%,rgb(var(--signal) / .88),transparent 33%),
    linear-gradient(102deg,rgb(var(--signal) / .32),rgb(var(--signal) / .06) 45%,rgb(var(--signal) / .25)); opacity: var(--edge-light);}
#v13-ui .field > input,#v13-ui .field > textarea{caret-color: rgb(var(--signal)); color: rgb(229, 236, 230);}
#v13-ui .field input::placeholder,#v13-ui .field textarea::placeholder{color: rgb(170, 183, 173);}
#v13-ui .field > svg{color: rgb(194, 209, 196);}
#v13-ui .field:is(:hover, :focus-within, .focus-sample),#v13-ui .combo.is-open .field{--edge-light: 1; border-color: rgb(var(--signal) / .78); background: radial-gradient(ellipse 67% 93% at 3% 0%,rgb(var(--signal) / .12),transparent 75%),
    radial-gradient(ellipse 67% 75% at 99% 100%,rgb(var(--signal) / .09),transparent 72%),
    linear-gradient(112deg,#15271b 0%,#0e1915 51%,#14241a 100%); box-shadow: inset 0 1px rgb(var(--signal) / .28),
    inset 0 -1px rgb(var(--signal) / .13),
    inset 0 0 18px rgb(var(--signal) / .07),
    0 0 4px rgb(var(--signal) / .39),
    0 0 16px rgb(var(--signal) / .25),
    0 5px 22px rgb(var(--signal) / .09);}
#v13-ui .field:is(:focus-within, .focus-sample),#v13-ui .combo.is-open .field{border-color: rgb(var(--signal) / .92); box-shadow: inset 0 1px rgb(var(--signal) / .36),
    inset 0 -1px rgb(var(--signal) / .17),
    inset 0 0 21px rgb(var(--signal) / .095),
    0 0 4px rgb(var(--signal) / .55),
    0 0 18px rgb(var(--signal) / .33),
    0 6px 25px rgb(var(--signal) / .11);}
#v13-ui .field:is(.error-sample, :has([aria-invalid="true"])){--signal: 255 93 105; --edge-light: .55; border-color: rgb(var(--signal) / .65); background: radial-gradient(ellipse at 2% 0%,rgb(var(--signal) / .07),transparent 64%),
    radial-gradient(ellipse at 99% 100%,rgb(var(--signal) / .055),transparent 59%),
    linear-gradient(112deg,#21191a,#151213 55%,#1d1718); box-shadow: inset 0 1px rgb(var(--signal) / .10),inset 0 -1px rgb(0 0 0 / .3);}
#v13-ui .field:is(.error-sample, :has([aria-invalid="true"])):is(:hover, :focus-within){--edge-light: 1; border-color: rgb(var(--signal) / .9); box-shadow: inset 0 1px rgb(var(--signal) / .28),
    inset 0 0 18px rgb(var(--signal) / .08),
    0 0 4px rgb(var(--signal) / .48),
    0 0 17px rgb(var(--signal) / .26);}
#v13-ui .dropdown{border-color: rgba(120, 152, 127, 0.49); background: radial-gradient(at 98% 0%, rgba(103, 255, 111, 0.055), transparent 61%), linear-gradient(112deg, rgb(19, 29, 24), rgb(16, 24, 22) 57%, rgb(19, 29, 25)); box-shadow: rgba(213, 237, 218, 0.11) 0px 1px inset, rgba(0, 4, 2, 0.66) 0px 12px 26px;}
#v13-ui .combo-option{border-radius: 5px; background: transparent;}
#v13-ui .combo-option + .combo-option{border-top-color: rgba(126, 155, 132, 0.14);}
#v13-ui .combo-option:is(.is-active, [aria-selected="true"], :hover){border-color: rgba(103, 255, 111, 0.76); background: radial-gradient(68% 85% at 0% 42%, rgba(103, 255, 111, 0.18), transparent 72%), radial-gradient(61% 72% at 100% 100%, rgba(103, 255, 111, 0.17), transparent 68%), linear-gradient(109deg, rgb(23, 48, 27), rgb(16, 29, 21) 48%, rgb(25, 52, 29)); box-shadow: rgba(185, 255, 185, 0.36) 0px 1px inset, rgba(103, 255, 111, 0.25) 0px -1px inset, rgba(103, 255, 111, 0.09) 0px 0px 18px inset, rgba(103, 255, 111, 0.45) 0px 0px 4px, rgba(103, 255, 111, 0.21) 0px 0px 14px;}
#v13-ui .combo-option:is(.is-active, [aria-selected="true"])::after{background: radial-gradient(at 8% 0%, rgba(165, 255, 164, 0.98), transparent 39%), radial-gradient(at 100% 100%, rgba(103, 255, 111, 0.86), transparent 36%), linear-gradient(112deg, rgba(103, 255, 111, 0.2), transparent 54%, rgba(103, 255, 111, 0.18));}
#v13-ui .combo-option:is(.is-active, [aria-selected="true"], :hover) .option-check{color: rgb(165, 255, 164);}
#v13-ui #range-output,#v13-ui .calendar-days button[aria-pressed="true"]{color: rgb(229, 245, 231); border: 1px solid rgba(103, 255, 111, 0.78); border-radius: 5px; background: radial-gradient(at 0% 0%, rgba(103, 255, 111, 0.19), transparent 69%), radial-gradient(at 100% 100%, rgba(103, 255, 111, 0.17), transparent 64%), linear-gradient(112deg, rgb(23, 53, 28), rgb(17, 39, 25) 51%, rgb(23, 53, 29)); box-shadow: rgba(189, 255, 188, 0.33) 0px 1px inset, rgba(103, 255, 111, 0.18) 0px -1px inset, rgba(103, 255, 111, 0.42) 0px 0px 4px, rgba(103, 255, 111, 0.22) 0px 0px 13px;}
#v13-ui .calendar-days button:not([aria-pressed="true"]){background: rgb(16, 26, 22); border-color: rgba(125, 150, 129, 0.21);}
#v13-ui .calendar-days button:is(:hover, :focus-visible){outline: rgba(103, 255, 111, 0.92) solid 1px; outline-offset: 1px; border-color: rgba(103, 255, 111, 0.82); background: radial-gradient(at 98% 100%, rgba(103, 255, 111, 0.18), transparent 71%), linear-gradient(110deg, rgb(21, 43, 25), rgb(16, 27, 21)); box-shadow: rgba(103, 255, 111, 0.25) 0px 1px inset, rgba(103, 255, 111, 0.26) 0px 0px 11px; color: rgb(234, 255, 234);}
@media (forced-colors: active) {#v13-ui .field,#v13-ui .dropdown,#v13-ui .combo-option,#v13-ui #range-output,#v13-ui .calendar-days button{background: canvas !important; border-color: buttontext !important; box-shadow: none !important;}
#v13-ui .field:focus-within,#v13-ui .combo-option:is(.is-active, [aria-selected="true"]),#v13-ui .calendar-days button[aria-pressed="true"]{outline: highlight solid 2px;}}
/* SOURCE: /glass-kit-v13/optics-v10.css */
#v13-ui{--active-neon: #87ff6b;}
#v13-ui .glass:not(.switch)[data-active="false"] > .skin-on{opacity: 0;}
#v13-ui .glass.control::after{z-index: 3 !important; outline: 0px !important; inset: 4px 5px 7px !important; box-shadow: rgba(186, 255, 181, 0.17) 0px 0.75px 1px inset, rgba(3, 24, 12, 0.4) 0px -1px 1px inset !important; background: linear-gradient(173deg, rgba(220, 255, 202, 0.035), transparent 28%, transparent 67%, rgba(169, 255, 197, 0.04)) !important; border-radius: inherit !important;}
#v13-ui .glass.control[data-glass="pill"]::after{inset: 4px 5px 8px !important; box-shadow: rgba(220, 255, 230, 0.208) 0px 0.6px 1px inset, rgba(9, 34, 23, 0.42) 0px -1px 1px inset !important;}
#v13-ui .filter-row .glass.control[data-glass="pill"]::after{inset: 3px 4px 7px !important;}
#v13-ui .glass.control > .ink{--label-lift: -3px; font-weight: 550; line-height: 1.1; letter-spacing: 0.01em; color: rgb(222, 237, 217); text-shadow: rgb(3, 20, 9) 0px 1px 1px, rgba(213, 255, 211, 0.165) 0px -1px 0px, rgba(10, 34, 17, 0.737) 0px 0px 5px; transform: translateY(var(--label-lift)) !important;}
#v13-ui .glass.control[data-glass="square"] > .ink{--label-lift: -2px;}
#v13-ui .filter-row .glass.control > .ink{--label-lift: -2.5px; font-size: 11px;}
#v13-ui .glass.control:hover > .ink,#v13-ui .glass.control:focus-visible > .ink{color: rgb(238, 255, 229); text-shadow: rgb(6, 32, 12) 0px 1px 1px, rgba(211, 255, 204, 0.267) 0px -1px, rgba(166, 255, 150, 0.44) 0px 0px 6px;}
#v13-ui .glass.control[data-active="true"] > .ink{color: rgb(231, 255, 223); text-shadow: rgb(6, 32, 12) 0px 1px 1px, rgba(211, 255, 204, 0.267) 0px -1px, rgba(166, 255, 150, 0.25) 0px 0px 5px;}
#v13-ui .field > svg,#v13-ui .field > button svg,#v13-ui .drop-zone > svg,#v13-ui .privacy > svg,#v13-ui .mail-emblem svg,#v13-ui .slab-front svg,#v13-ui .text-button > svg{color: var(--active-neon); filter: drop-shadow(rgba(104, 255, 105, 0.4) 0px 0px 3px);}
#v13-ui .field.error-sample > svg,#v13-ui .field:has([aria-invalid="true"]) > svg{color: rgb(255, 133, 140); filter: drop-shadow(rgba(255, 74, 101, 0.44) 0px 0px 3px);}
#v13-ui #date::-webkit-calendar-picker-indicator{opacity: 1; filter: brightness(0) saturate(100%) invert(89%) sepia(42%) saturate(839%) hue-rotate(46deg) brightness(105%);}
#v13-ui .mail-emblem{background: radial-gradient(at 4% 3%, rgba(170, 255, 159, 0.133), transparent 50%), linear-gradient(137deg, rgba(32, 53, 42, 0.6), rgb(11, 23, 16) 59%, rgba(59, 114, 88, 0.255)); border-color: rgba(100, 183, 120, 0.533); box-shadow: rgba(195, 255, 209, 0.46) 0px 1px inset, rgb(11, 31, 22) 0px -2px inset, rgb(10, 24, 16) 0px 3px 0px, rgba(100, 172, 100, 0.333) 0px 4px 0px, rgba(95, 255, 82, 0.082) 0px 0px 14px; transform: rotate(-4deg);}
#v13-ui .feedback{color: rgb(180, 255, 160);}
#v13-ui .notice{border: 1px solid rgba(106, 236, 118, 0.35); border-radius: 6px; padding: 15px 13px; background: radial-gradient(at 0px 15%, rgba(102, 255, 116, 0.075), transparent 65%), rgb(12, 22, 17); box-shadow: rgba(180, 255, 173, 0.11) 0px 1px inset, rgba(126, 255, 87, 0.063) 0px 0px 12px;}
#v13-ui .notice > svg{color: var(--active-neon); filter: drop-shadow(rgba(105, 255, 119, 0.565) 0px 0px 4px);}
#v13-ui .notice strong{color: rgb(186, 255, 156); font-size: 12px;}
#v13-ui .notice p{color: rgb(184, 199, 185); line-height: 1.65;}
#v13-ui #feedback-toggle{color: rgb(168, 255, 132);}
#v13-ui #feedback-panel{padding: 12px 13px; border: 1px solid rgba(106, 255, 116, 0.467); border-radius: 6px; background: linear-gradient(110deg, rgba(23, 51, 32, 0.467), rgb(16, 27, 20)); box-shadow: rgba(105, 255, 103, 0.133) 0px 0px 9px;}
#v13-ui .loader-orbit{width: 35px; height: 35px; position: relative; flex: 0 0 auto; border: 0px; background: radial-gradient(circle, rgba(129, 255, 110, 0.125), transparent 68%); filter: none; animation: auto ease 0s 1 normal none running none;}
#v13-ui .loader-orbit::before{content: ""; position: absolute; inset: 2px; border: 1px solid rgba(106, 254, 91, 0.26); border-radius: 50%; box-shadow: rgba(106, 255, 98, 0.125) 0px 0px 4px inset;}
#v13-ui .loader-orbit::after{content: ""; position: absolute; inset: 14px; border-radius: 50%; background: rgb(161, 255, 128); box-shadow: rgb(159, 255, 142) 0px 0px 4px, rgba(106, 255, 86, 0.44) 0px 0px 11px; animation: 2.4s ease-in-out 0s infinite normal none running core-breath;}
#v13-ui .loader-orbit i{position: absolute; inset: 2px; border-radius: 50%; background: conic-gradient(transparent 50%, rgba(114, 255, 107, 0.133) 70%, rgba(135, 255, 105, 0.6) 90%, rgb(213, 255, 186) 98%, transparent 100%); mask: radial-gradient(farthest-side, transparent calc(100% - 2px), rgb(0, 0, 0) 0px); animation: 2.4s linear 0s infinite normal none running spin;}
#v13-ui .loader-orbit b{position: absolute; inset: 2px; animation: 2.4s linear 0s infinite normal none running spin; border-radius: 50%;}
#v13-ui .loader-orbit b::before{content: ""; position: absolute; left: 13px; top: -1px; width: 4px; height: 4px; background: rgb(196, 255, 162); border-radius: 50%; box-shadow: rgb(162, 255, 117) 0px 0px 4px, rgb(101, 255, 103) 0px 0px 8px;}
@keyframes core-breath { 
  0%, 100% { opacity: 0.55; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1.06); }
}
#v13-ui .selected-form-grid{display: grid; grid-template-columns: 1fr 1.4fr; align-items: start; gap: 38px; border-top: 1px solid rgba(107, 132, 99, 0.25); padding: 26px 0px;}
#v13-ui .chosen-switches{display: flex; gap: 45px; align-items: center; border-top: 1px solid rgba(107, 132, 99, 0.25); padding: 25px 0px;}
#v13-ui .chosen-switches > div{display: flex; gap: 14px; align-items: center; font-size: 12px; color: rgb(183, 199, 182);}
#v13-ui #thumb-variants .chosen-switches .switch-thumb{top: 6px;}
#v13-ui .surface-pair{display: grid; grid-template-columns: 1.2fr 1fr; gap: 22px;}
#v13-ui .text-foundation{position: relative; isolation: isolate; overflow: hidden; min-height: 340px; padding: 32px 35px; border-radius: 9px; border: 1px solid rgba(84, 131, 96, 0.32); box-shadow: rgba(202, 245, 194, 0.047) 0px 1px inset;}
#v13-ui .foundation-kicker{display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; gap: 16px; font-size: 9px; letter-spacing: 0.13em; color: rgb(180, 201, 175);}
#v13-ui .foundation-kicker i{width: 5px; height: 5px; border-radius: 50%; background: rgb(159, 255, 120); box-shadow: rgba(121, 255, 104, 0.667) 0px 0px 9px;}
#v13-ui .text-foundation h3{font-size: 37px; font-weight: 430; line-height: 1.13; letter-spacing: -0.03em; color: rgb(228, 238, 224);}
#v13-ui .text-foundation p{font-size: 13px; line-height: 1.75; color: rgb(186, 201, 183); max-width: 40ch; margin-top: 18px;}
#v13-ui .foundation-ink{background: radial-gradient(at -15% 40%, rgba(48, 67, 50, 0.27), transparent 68%), radial-gradient(at 105% 107%, rgba(88, 134, 88, 0.1), transparent 52%), linear-gradient(140deg, rgb(18, 23, 19), rgb(9, 15, 13) 70%);}
#v13-ui .foundation-ink::before{content: ""; position: absolute; inset: 0px; z-index: -1; opacity: 0.028; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.81' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");}
#v13-ui .foundation-ink::after,#v13-ui .foundation-smoke::after{content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: inherit; pointer-events: none; background: linear-gradient(119deg, rgba(180, 255, 192, 0.54), transparent 24%, transparent 77%, rgba(131, 255, 122, 0.584)); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px);}
#v13-ui .foundation-process{display: flex; gap: 24px; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(110, 146, 119, 0.23); font-size: 11px; color: rgb(200, 217, 193);}
#v13-ui .foundation-process span + span::before{content: "/"; color: rgb(109, 196, 115); margin-right: 24px;}
#v13-ui .foundation-smoke{background: radial-gradient(at -15% -29%, rgba(185, 229, 179, 0.16), transparent 63%), radial-gradient(at 105% 106%, rgba(103, 255, 105, 0.14), transparent 48%), radial-gradient(at 20% 40%, rgba(42, 89, 56, 0.09), transparent 66%), linear-gradient(132deg, rgb(17, 31, 24), rgb(8, 17, 13) 63%, rgb(10, 30, 17)); border-color: rgba(105, 184, 123, 0.5); box-shadow: rgba(183, 255, 193, 0.294) 0px 1px inset, rgba(103, 255, 84, 0.106) 0px -1px inset, rgba(88, 255, 102, 0.035) 0px 0px 18px;}
#v13-ui .foundation-smoke::before{content: ""; position: absolute; inset: -48% -20%; pointer-events: none; z-index: -1; transform: rotate(-23deg); border-radius: 50%; background: radial-gradient(rgba(154, 255, 136, 0.125), transparent 49%); box-shadow: rgba(161, 255, 197, 0.106) 0px -1px inset;}
#v13-ui .foundation-bottom{margin-top: 33px; font-size: 10px; color: rgb(160, 190, 151); letter-spacing: 0.055em;}
#v13-ui #surface-variants{padding-bottom: 25px;}
#v13-ui[data-motion="paused"] .loader-orbit *,#v13-ui[data-motion="paused"] .loader-orbit::after{animation-play-state: paused;}
@media (max-width: 700px) {#v13-ui .selected-form-grid,#v13-ui .surface-pair{grid-template-columns: 1fr; gap: 22px;}
#v13-ui .chosen-switches{gap: 24px; flex-wrap: wrap;}
#v13-ui .text-foundation{padding: 27px 25px; min-height: 320px;}
#v13-ui .text-foundation h3{font-size: 33px;}
#v13-ui .foundation-process{gap: 16px;}
#v13-ui .foundation-process span + span::before{margin-right: 16px;}}
@media (prefers-reduced-motion: reduce) {#v13-ui .loader-orbit i,#v13-ui .loader-orbit b,#v13-ui .loader-orbit::after{animation: auto ease 0s 1 normal none running none !important;}}
@media (forced-colors: active) {#v13-ui .text-foundation,#v13-ui .notice,#v13-ui #feedback-panel{background: canvas; border: 1px solid canvastext;}
#v13-ui .text-foundation::after,#v13-ui .text-foundation::before{display: none;}
#v13-ui .field > svg,#v13-ui .drop-zone > svg,#v13-ui .notice > svg{color: buttontext; filter: none;}}
/* SOURCE: /glass-kit-v13/last-optics.css */
#v13-ui .calendar-days button:is(:hover, :focus-visible){outline: 0px; outline-offset: 0px; box-shadow: rgba(136, 255, 140, 0.2) 0px 0px 0px 1px inset, rgba(105, 255, 118, 0.333) 0px 0px 4px, rgba(103, 255, 111, 0.2) 0px 0px 11px;}
#v13-ui .dropdown{overflow: visible;}
#v13-ui .foundation-smoke{background: radial-gradient(36% 52% at 104% 102%, rgba(121, 255, 119, 0.098), transparent 84%), radial-gradient(37% 43% at -5% -7%, rgba(217, 241, 207, 0.075), transparent 85%), rgb(10, 18, 14);}
#v13-ui .foundation-smoke::before{inset: 0px; transform: none; border-radius: inherit; box-shadow: none; opacity: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 450' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='24'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M-110 480C340 520 320 330 630 400S870 215 900 -80' fill='none' stroke='%2378ff91' stroke-opacity='.13' stroke-width='38' filter='url(%23b)'/%3E%3Cpath d='M-90 44C55 80 210-30 570-65' fill='none' stroke='%23d7ffdc' stroke-opacity='.075' stroke-width='30' filter='url(%23b)'/%3E%3C/svg%3E"); background-size: 100% 100%;}
/* SOURCE: /glass-kit-v13/finish-optics.css */
#v13-ui .combo-option:is(.is-active, [aria-selected="true"], :hover){border-color: rgba(124, 255, 131, 0.78); background: radial-gradient(51% 135% at -8% 28%, rgba(107, 255, 118, 0.22), transparent 75%), radial-gradient(54% 110% at 112% 112%, rgba(104, 255, 117, 0.23), transparent 77%), radial-gradient(30% 60% at 28% -15%, rgba(191, 255, 184, 0.05), transparent 77%), linear-gradient(113deg, rgb(17, 40, 25), rgb(7, 23, 15) 48%, rgb(12, 33, 20)); box-shadow: rgba(178, 255, 171, 0.6) 0px 0px 3px inset, rgba(110, 255, 126, 0.16) 2px 0px 8px inset, rgba(110, 255, 126, 0.16) -2px -1px 9px inset, rgba(115, 255, 125, 0.55) 0px 0px 3px, rgba(98, 255, 116, 0.32) 0px 0px 9px, rgba(98, 255, 116, 0.13) 0px 0px 19px;}
#v13-ui .combo-option:is(.is-active, [aria-selected="true"])::after{opacity: 0.72; background: radial-gradient(at 7% 0%, rgba(221, 255, 210, 0.92), transparent 41%), radial-gradient(at 99% 94%, rgba(172, 255, 154, 0.95), transparent 35%), linear-gradient(111deg, rgba(121, 255, 132, 0.32), transparent 49%, rgba(121, 255, 132, 0.28));}
#v13-ui .glass.control[data-glass="rect"] > .ink{--label-lift: -5px;}
/* SOURCE: /glass-kit-v13/v11.css */
#v13-ui .glass.control[data-glass="pill"][data-lit="true"] > .skin-on{opacity: 1;}
#v13-ui .text-foundation{border-color: rgb(68, 73, 77); box-shadow: rgba(201, 209, 214, 0.055) 0px 1px inset; color: rgb(227, 231, 233);}
#v13-ui .foundation-ink{background: radial-gradient(at -12% -10%, rgba(52, 56, 62, 0.396), transparent 65%), linear-gradient(137deg, rgb(17, 21, 26), rgb(11, 14, 19) 70%);}
#v13-ui .foundation-smoke{background: radial-gradient(at 96% -8%, rgba(48, 52, 61, 0.32), transparent 60%), linear-gradient(142deg, rgb(13, 17, 23), rgb(16, 20, 27) 58%, rgb(9, 12, 16)); border-color: rgb(69, 75, 83); box-shadow: rgba(186, 196, 209, 0.11) 0px 1px inset;}
#v13-ui .foundation-smoke::before{background: radial-gradient(18% 11% at 97% 99%, rgba(135, 255, 107, 0.075), transparent 90%); inset: 0px; opacity: 1; transform: none; box-shadow: none;}
#v13-ui .foundation-ink::after,#v13-ui .foundation-smoke::after{background: linear-gradient(127deg, rgba(190, 211, 193, 0.196), transparent 16%, transparent 88%, rgba(135, 255, 107, 0.5));}
#v13-ui .foundation-kicker{color: rgb(171, 180, 190);}
#v13-ui .foundation-kicker i{background: rgb(135, 255, 107); box-shadow: rgba(135, 255, 107, 0.44) 0px 0px 7px;}
#v13-ui .text-foundation h3{color: rgb(229, 232, 235);}
#v13-ui .text-foundation p{color: rgb(182, 190, 200);}
#v13-ui .foundation-process{border-color: rgba(96, 103, 117, 0.24); color: rgb(200, 206, 214);}
#v13-ui .foundation-process span + span::before{color: rgb(135, 255, 107);}
#v13-ui .foundation-bottom{color: rgb(164, 175, 187);}
/* SOURCE: /glass-kit-v13/rollback.css */
#v13-ui .text-foundation{position: relative; min-width: 0px; background: radial-gradient(ellipse at 4% -18%,var(--wash),transparent 68%),linear-gradient(125deg,var(--wash-2),transparent 41%,oklch(8% .002 220 / .17)),var(--surface); border: 1px solid rgba(103, 113, 106, 0.19); border-radius: 13px; box-shadow: rgba(232, 238, 227, 0.043) 0px 1px inset, rgba(5, 10, 7, 0.082) 0px 8px 20px;}
#v13-ui .text-foundation::before,#v13-ui .text-foundation::after{display: none;}
#v13-ui .foundation-kicker i{display: none;}
#v13-ui .foundation-process span + span::before{color: rgb(154, 165, 158);}
#v13-ui .foundation-process,#v13-ui .foundation-bottom{border-color: rgba(103, 113, 106, 0.19);}
#v13-ui .glass.control[data-lit="true"] > .skin-on{opacity: 1 !important;}
/* SOURCE: /glass-kit-v13/comet.css */
#v13-ui .comet-example{display: flex; align-items: center; gap: 16px; padding: 22px 0px; color: rgb(232, 243, 230); min-height: 88px;}
#v13-ui .comet{display: block; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; background: conic-gradient(from -90deg, rgb(186, 255, 171) 0deg, rgb(135, 255, 107) 15deg, rgb(101, 255, 97) 50deg, rgba(101, 255, 97, 0.5) 94deg, rgba(101, 255, 97, 0) 177deg, transparent 360deg); mask: radial-gradient(farthest-side, transparent calc(100% - 3px), rgb(0, 0, 0) calc(100% - 2.5px)); animation: 2.1s linear 0s infinite normal none running comet-turn; filter: none; box-shadow: none;}
#v13-ui .comet::before,#v13-ui .comet::after{content: none;}
@keyframes comet-turn { 
  100% { transform: rotate(-360deg); }
}
#v13-ui[data-motion="paused"] .comet{animation-play-state: paused;}
@media (prefers-reduced-motion: reduce) {#v13-ui .comet{animation: auto ease 0s 1 normal none running none;}}
/* SOURCE: /glass-kit-v13/v12-surface-match.css */
#v13-ui .text-foundation,#v13-ui .motion-study,#v13-ui .spec-card{--surface: oklch(19.5% .004 230); --wash: oklch(36% .006 225 / .2); --wash-2: oklch(25% .003 225 / .3);}
#v13-ui .text-foundation::before,#v13-ui .motion-study::before{content: ""; display: block; pointer-events: none; position: absolute; inset: 0px; border-radius: inherit; opacity: 0.035; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");}
#v13-ui .neon-loader-study__mark--segments{filter: drop-shadow(rgb(101, 255, 97) 0px 0px 3px) drop-shadow(rgba(101, 255, 97, 0.467) 0px 0px 7px);}