:root{--magenta-50:#ff1ad9;--magenta-60:#ed00b5;--magenta-70:#b5007f;--magenta-80:#7d004f;--magenta-90:#440027;--purple-50:#9400ff;--purple-60:#8000d7;--purple-70:#6200a4;--purple-80:#440071;--purple-90:#25003e;--blue-40:#45a1ff;--blue-50:#0a84ff;--blue-50-a30:rgba(10,132,255,.3);--blue-60:#0060df;--blue-70:#003eaa;--blue-80:#002275;--blue-90:#000f40;--teal-50:#00feff;--teal-60:#00c8d7;--teal-70:#008ea4;--teal-80:#005a71;--teal-90:#002d3e;--green-50:#30e60b;--green-60:#12bc00;--green-70:#058b00;--green-80:#006504;--green-90:#003706;--yellow-50:#ffe900;--yellow-60:#d7b600;--yellow-70:#a47f00;--yellow-80:#715100;--yellow-90:#3e2800;--red-50:#ff0039;--red-60:#d70022;--red-70:#a4000f;--red-80:#5a0002;--red-90:#3e0200;--orange-50:#ff9400;--orange-60:#d76e00;--orange-70:#a44900;--orange-80:#712b00;--orange-90:#3e1300;--grey-10:#f9f9fa;--grey-20:#ededf0;--grey-30:#d7d7db;--grey-40:#b1b1b3;--grey-50:#737373;--grey-60:#4a4a4f;--grey-70:#38383d;--grey-80:#2a2a2e;--grey-90:#0c0c0d;--grey-90-a10:rgba(12,12,13,.1);--grey-90-a20:rgba(12,12,13,.2);--grey-90-a30:rgba(12,12,13,.3);--grey-90-a40:rgba(12,12,13,.4);--grey-90-a50:rgba(12,12,13,.5);--grey-90-a60:rgba(12,12,13,.6);--grey-90-a70:rgba(12,12,13,.7);--grey-90-a80:rgba(12,12,13,.8);--grey-90-a90:rgba(12,12,13,.9);--ink-70:#363959;--ink-80:#202340;--ink-90:#0f1126}body,html{color:var(--grey-90);font-size:15px;line-height:1.5}figure{box-sizing:border-box}.code,code{font-family:Fira Mono}.fira{font-family:Fira Sans}.font-smoothing{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.small,small{font-size:13px}.f1{font-size:33px}.f2{font-size:22px}.f3{font-size:17px}.f4{font-size:13px}.f5{font-size:11px}.shadow-1{box-shadow:0 1px 4px rgba(12,12,13,.1)}.shadow-2{box-shadow:0 2px 8px rgba(12,12,13,.1)}.shadow-3{box-shadow:0 4px 16px rgba(12,12,13,.1)}.w-18r{width:18rem}.l-0r{left:0}.l-20r{left:-20rem}.z-min{z-index:-1}@media screen and (min-width:60em){.w-20r-l{width:20rem}.l-0-l{left:0}}.outline--black-01{outline-color:rgba(12,12,13,.1)}.outline-offset--1{outline-offset:-1px}.lh-title{line-height:1.3}.hover-no-underline:hover{text-decoration:none}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.height-animate{transition:height .3s cubic-bezier(.07,.95,0,1)}.left-animate{transition:left .3s cubic-bezier(.07,.95,0,1)}.opacity-animate{transition:opacity .3s cubic-bezier(.07,.95,0,1)}.bg-black-40{background-color:rgba(12,12,13,.4)}.hover-white:hover{color:#fff}.teal-50{color:var(--teal-50)}.teal-60{color:var(--teal-60)}.teal-70{color:var(--teal-70)}.teal-80{color:var(--teal-80)}.teal-90{color:var(--teal-90)}.magenta-50{color:var(--magenta-50)}.magenta-60{color:var(--magenta-60)}.magenta-70{color:var(--magenta-70)}.magenta-80{color:var(--magenta-80)}.magenta-90{color:var(--magenta-90)}.green-50{color:var(--green-50)}.green-60{color:var(--green-60)}.green-70{color:var(--green-70)}.green-80{color:var(--green-80)}.green-90{color:var(--green-90)}.yellow-50{color:var(--yellow-50)}.yellow-60{color:var(--yellow-60)}.yellow-70{color:var(--yellow-70)}.yellow-80{color:var(--yellow-80)}.yellow-90{color:var(--yellow-90)}.orange-50{color:var(--orange-50)}.orange-60{color:var(--orange-60)}.orange-70{color:var(--orange-70)}.orange-80{color:var(--orange-80)}.orange-90{color:var(--orange-90)}.red-50{color:var(--red-50)}.red-60{color:var(--red-60)}.red-70{color:var(--red-70)}.red-80{color:var(--red-80)}.red-90{color:var(--red-90)}.purple-50{color:var(--purple-50)}.purple-60{color:var(--purple-60)}.purple-70{color:var(--purple-70)}.purple-80{color:var(--purple-80)}.purple-90{color:var(--purple-90)}.ink-70{color:var(--ink-70)}.ink-80{color:var(--ink-80)}.ink-90{color:var(--ink-90)}.grey-10{color:var(--grey-10)}.grey-20{color:var(--grey-20)}.grey-30{color:var(--grey-30)}.grey-40{color:var(--grey-40)}.grey-50{color:var(--grey-50)}.grey-60{color:var(--grey-60)}.grey-70{color:var(--grey-70)}.grey-80{color:var(--grey-80)}.grey-90{color:var(--grey-90)}.blue-40{color:var(--blue-40)}.blue-50{color:var(--blue-50)}.blue-60,.hover-blue-60:hover{color:var(--blue-60)}.blue-70{color:var(--blue-70)}.blue-80{color:var(--blue-80)}.blue-90{color:var(--blue-90)}.blue-50-a30{color:var(--blue-50-a30)}.bg-teal-50{background-color:var(--teal-50)}.bg-teal-60{background-color:var(--teal-60)}.bg-teal-70,.hover-bg-teal-70:hover{background-color:var(--teal-70)}.bg-teal-80{background-color:var(--teal-80)}.bg-teal-90{background-color:var(--teal-90)}.bg-magenta-50{background-color:var(--magenta-50)}.bg-magenta-60{background-color:var(--magenta-60)}.bg-magenta-70{background-color:var(--magenta-70)}.bg-magenta-80{background-color:var(--magenta-80)}.bg-magenta-90{background-color:var(--magenta-90)}.bg-green-50{background-color:var(--green-50)}.bg-green-60{background-color:var(--green-60)}.bg-green-70{background-color:var(--green-70)}.bg-green-80{background-color:var(--green-80)}.bg-green-90{background-color:var(--green-90)}.bg-yellow-50{background-color:var(--yellow-50)}.bg-yellow-60{background-color:var(--yellow-60)}.bg-yellow-70,.hover-bg-yellow-70:hover{background-color:var(--yellow-70)}.bg-yellow-80{background-color:var(--yellow-80)}.bg-yellow-90{background-color:var(--yellow-90)}.bg-orange-50{background-color:var(--orange-50)}.bg-orange-60{background-color:var(--orange-60)}.bg-orange-70{background-color:var(--orange-70)}.bg-orange-80{background-color:var(--orange-80)}.bg-orange-90{background-color:var(--orange-90)}.bg-red-50{background-color:var(--red-50)}.bg-red-60{background-color:var(--red-60)}.bg-red-70,.hover-bg-red-70:hover{background-color:var(--red-70)}.bg-red-80{background-color:var(--red-80)}.bg-red-90{background-color:var(--red-90)}.bg-purple-50{background-color:var(--purple-50)}.bg-purple-60{background-color:var(--purple-60)}.bg-purple-70{background-color:var(--purple-70)}.bg-purple-80{background-color:var(--purple-80)}.bg-purple-90{background-color:var(--purple-90)}.bg-ink-70{background-color:var(--ink-70)}.bg-ink-80{background-color:var(--ink-80)}.bg-ink-90{background-color:var(--ink-90)}.bg-grey-10{background-color:var(--grey-10)}.bg-grey-20{background-color:var(--grey-20)}.bg-grey-30{background-color:var(--grey-30)}.bg-grey-40{background-color:var(--grey-40)}.bg-grey-50{background-color:var(--grey-50)}.bg-grey-60{background-color:var(--grey-60)}.bg-grey-70{background-color:var(--grey-70)}.bg-grey-80{background-color:var(--grey-80)}.bg-grey-90{background-color:var(--grey-90)}.bg-grey-90-a10{background-color:var(--grey-90-a10)}.bg-grey-90-a20{background-color:var(--grey-90-a20)}.bg-grey-90-a30{background-color:var(--grey-90-a30)}.bg-grey-90-a40{background-color:var(--grey-90-a40)}.bg-grey-90-a50{background-color:var(--grey-90-a50)}.bg-grey-90-a60{background-color:var(--grey-90-a60)}.bg-grey-90-a70{background-color:var(--grey-90-a70)}.bg-grey-90-a80{background-color:var(--grey-90-a80)}.bg-grey-90-a90{background-color:var(--grey-90-a90)}.bg-blue-40{background-color:var(--blue-40)}.bg-blue-50{background-color:var(--blue-50)}.bg-blue-60{background-color:var(--blue-60)}.bg-blue-70{background-color:var(--blue-70)}.bg-blue-80{background-color:var(--blue-80)}.bg-blue-90{background-color:var(--blue-90)}.bg-blue-50-a30{background-color:var(--blue-50-a30)}.b--green-60{border-color:var(--green-60)}.b--grey-50{border-color:var(--grey-60)}.b--red-60{border-color:var(--red-60)}body{overflow:hidden}@media screen and (max-width:60em){body{-webkit-overflow-scrolling:touch;overflow-y:auto}}a{color:var(--blue-60);cursor:pointer;text-decoration:none}a:not([class]):hover{text-decoration:underline}code{cursor:pointer;position:relative}code:after{background-color:var(--grey-70);border-radius:4px;color:#fff;content:"Click to copy";display:block;font-family:Fira Sans;font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;left:50%;line-height:1;opacity:0;padding:.25rem;position:absolute;text-align:center;text-transform:uppercase;top:0;transform:translateX(-50%);transition:top .3s cubic-bezier(.07,.95,0,1),opacity .3s cubic-bezier(.07,.95,0,1);width:5.2rem;z-index:1}code:hover:after{opacity:1;top:-1.4rem}code.copied:after{content:"Copied!";width:2.8rem}tr:first-child>td>code:hover:after{opacity:1;top:1.8rem}main header{margin:0 auto 2rem;max-width:48rem;padding:0 1rem}main header h1{font-size:33px;font-weight:200;line-height:1.2;margin:0 0 2rem}main header p:not([class]):not(:last-of-type){line-height:1.5;margin:0 0 1rem}main header p:not([class]):last-of-type{line-height:1.5;margin-bottom:2rem}main header ul{list-style-type:none;padding:0}main header li:not(:last-child){padding:0 0 .5rem}main header li:last-child{padding-bottom:0}main header li ul{padding:.5rem 0 0 1rem}@media screen and (min-width:60em){main header{margin-bottom:4rem}}main section{margin:0 auto 2rem;max-width:48rem;padding:0 1rem}@media screen and (min-width:60em){main section{margin-bottom:4rem}}main section img{background-color:var(--grey-10);display:block;margin-bottom:1rem;outline:1px solid rgba(12,12,13,.1);outline-offset:-1px;width:100%}main section figure>img{margin-bottom:0}main section iframe{background-color:var(--grey-10);outline:1px solid rgba(12,12,13,.1);outline-offset:-1px;width:100%}main section h2{font-size:22px;font-weight:300;margin:3rem 0 1rem}main section h3{font-size:17px;font-weight:500;margin:2rem 0 1rem}main section h4{font-size:15px;font-weight:500;margin:1rem 0 .5rem}main section p{font-size:15px;line-height:1.5;margin:0 0 1rem}main section strong{font-weight:700;margin:1rem 0 .5rem}main section h3+h4,main section h4+h4{margin-top:0}main section h2 a,main section h3 a,main section h4 a{margin-left:.5rem;visibility:collapse}main section h2:hover a,main section h3:hover a,main section h4:hover a{visibility:visible}main section ul{line-height:1.5;padding-left:1.5rem}main section ul li{padding:0 0 .5rem}main section ul li p{margin:0}main section a:not([class])[href*="//"]:after{background-image:url(/photon/static/df8cc3af79b8429ac4d3d24ff32b2ef0.svg);background-repeat:no-repeat;background-size:16px 16px;content:"";display:inline-block;height:16px;margin:-.3rem .15rem 0 .25rem;vertical-align:middle;width:16px}main section a[disabled]{cursor:not-allowed;opacity:.4}main section a[disabled]:hover{text-decoration:none}main section figure{margin:0 0 1rem}main section figure div+figcaption{padding-top:.25rem}main section figcaption{color:var(--grey-50);font-size:13px;line-height:1.3;padding-top:.5rem}main section figcaption a{color:var(--grey-50);text-decoration:underline}main section figcaption a:hover{text-decoration:none}main section button{background-color:var(--blue-60);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Fira Sans;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;min-width:132px;padding:16px}main section code{background-color:var(--grey-20);border-radius:3px;font-size:small;margin:0 1px;padding:2px 4px}main section blockquote{background-color:#fff;border-radius:4px;box-shadow:0 4px 16px rgba(12,12,13,.1);box-sizing:border-box;font-size:13px;margin:0 0 1rem;padding:1rem 1rem .25rem}@media screen and (min-width:30em){main section blockquote{font-size:medium}}@media screen and (min-width:60em){main section blockquote{max-width:360px}}main section blockquote p:last-of-type{margin-bottom:.5rem}main section blockquote img{background-color:transparent;outline:none}main section div[class] blockquote{width:auto}main section table{border:1px solid var(--grey-20);border-collapse:collapse;border-spacing:0;display:inline-block;margin-bottom:1rem;max-width:100%;-webkit-overflow-scrolling:touch;overflow-x:auto;vertical-align:top;white-space:nowrap}@media screen and (min-width:60em){main section table{display:inline-table;white-space:normal;width:100%}}main section table td,main section table th{padding:8px}main section table th{background-color:var(--grey-20);font-size:13px;font-weight:500;text-align:left}main section table th p{margin:0}main section table tr:not(:last-child){border-bottom:1px solid var(--grey-20)}main section table td p{margin:0}main section article{background-color:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(12,12,13,.1);margin-bottom:1.5rem;padding:1rem}@media screen and (min-width:30em){main section article{width:75%}}main section article h3{margin:0 0 1rem}main section article p{margin:0}.link-image{background-image:url(/photon/static/ee7fa1f76eace94b3f3c0653b57c6a9a.svg)}.close-feedback,.link-image{display:inline-block;height:16px;width:16px}.close-feedback{background-image:url(/photon/static/203fd4eff04fb2165a0f763cc74570e2.svg);background-repeat:no-repeat}div[data-tabs] input[type=radio]+label{border-top:2px solid hsla(0,0%,100%,0)}div[data-tabs] input[type=radio]+label:hover{background-color:var(--grey-20);border-color:var(--grey-30)}div[data-tabs] input[type=radio]:checked+label{border-color:var(--blue-50);color:var(--blue-60)}div[data-tabs] input[type=radio]:checked+label+div[data-tab]{display:block}div[data-tab]>h3:first-of-type{margin-top:0}.interactive .interactive-example{background-color:var(--grey-10);font-family:-apple-system,BlinkMacSystemFont,segoe ui,helvetica neue,helvetica,ubuntu,roboto,noto,arial,sans-serif;height:202.5px;margin-bottom:0;outline:1px solid rgba(12,12,13,.1);outline-offset:-1px;width:100%}.interactive .container-demo{align-items:center;display:flex;height:100%;width:100%}.interactive .radiobutton-wrapper{margin:0 auto;padding:20px;width:-moz-fit-content}.interactive .group-radio-buttons{align-items:center;display:flex;margin-bottom:6px}.interactive input[type=radio]:checked{background-color:var(--blue-60);background-image:url(/photon/static/1d1379f7d171b81b4c74cec9c10714bf.svg);background-size:16px;border:none}.interactive input[type=radio]{-moz-appearance:none;background-color:var(--grey-90-a10);background-position:50%;background-repeat:no-repeat;background-size:4px;border:1px solid var(--grey-90-a30);border-radius:100%;font-size:14px;height:16px;margin-right:4px;width:16px}.interactive input[type=radio]+label{flex:1 1 auto;font-size:14px}.interactive input[type=radio]:hover{background-color:var(--grey-90-a20)}.interactive input[type=radio]:hover:active{background-color:var(--grey-90-a30)}.interactive input[type=radio]:focus{animation:none;border:0;box-shadow:0 0 0 1px var(--blue-50) inset,0 0 0 1px var(--blue-50),0 0 0 4px var(--blue-50-a30)}.interactive input[type=radio]:checked:hover{background-color:var(--blue-70)}.interactive input[type=radio]:checked:hover:active{background-color:var(--blue-80)}.interactive #focus-example label{font-size:13px}.interactive .radiobutton-wrapper span{display:inline-block;font-size:1.25em;font-weight:700;line-height:1.25em;margin-bottom:8px}.development img:not([alt]),.development img[alt=""]{border:5px dashed var(--magenta-50)}.grid-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath d='M1 2V0h1v1H0v1z' fill-opacity='.05'/%3E%3C/svg%3E");background-size:50%}.hljs{display:block;overflow-x:auto;padding:.5em;background:#fff}.hljs,.hljs-subst{color:#000}.hljs-addition,.hljs-meta,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable{color:#756bb1}.hljs-comment,.hljs-quote{color:#636363}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp{color:#31a354}.hljs-deletion,.hljs-variable{color:#88f}.hljs-built_in,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-tag,.hljs-title,.hljs-type{color:#3182bd}.hljs-emphasis{font-style:italic}.hljs-attribute{color:#e6550d}
/*# sourceMappingURL=style.css.map*/