.px-textbox{appearance:none;box-sizing:border-box;white-space:nowrap;font-size:inherit;white-space:nowrap;text-align:left;background-color:#0000;border:none;outline:none;font-family:inherit;font-weight:400;display:inline-flex;position:relative;overflow:hidden}.px-textbox--placeholder:after{content:attr(placeholder);font-size:inherit;opacity:.5;white-space:nowrap;font-family:inherit}.px-textbox--default{appearance:none;box-sizing:border-box;white-space:nowrap;font-size:inherit;color:#333;text-align:left;background-color:#fff;border:1px solid #d5d5d5;border-radius:.33em;outline:none;align-items:center;min-width:10em;min-height:2.25em;padding:0 .5em;font-family:inherit;font-weight:400;display:inline-flex;position:relative}.px-textbox--default[disabled],.px-textbox--default[disabled]:hover,.px-textbox--default[disabled]:active{cursor:not-allowed;color:#888;background-color:#d5d5d580}.px-textbox--default:focus-visible{border-color:#aaa;box-shadow:0 0 0 3px #1a59c854}.px-textbox--multiline{white-space:normal;overflow-y:auto}.media-item-theme-generator-input{width:100%;height:3.33em;font-size:inherit;background-color:var(--theme-page-bg);border-radius:100px;align-items:stretch;width:100%;max-width:48em;padding-inline-end:.4em;display:flex;position:relative;box-shadow:0 9px 11.5px -3px #00000026,0 18.5px 28.5px #0000000d,0 7px 37.5px #0000000a}.media-item-theme-generator-input__input{appearance:none;box-sizing:border-box;white-space:nowrap;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:400;font-size:inherit;padding:0;color:inherit;background-color:#0000;border:none;outline:none;flex:1;align-items:center;margin-inline-end:1em;padding-left:1.5em;font-size:1.1em;display:inline-flex;position:relative;outline:none!important}.media-item-theme-generator-input button{font-size:inherit;border-radius:inherit;align-self:center;height:2.6em;min-height:0;line-height:1}.media-item-theme-generator-input__icon{margin-right:.65em}.media-item-theme-generator-input__char-count{opacity:.6;align-self:center;padding-right:.5em;font-size:clamp(10px,.789vw,12px)}.media-item-theme-generator-input__char-count--full{opacity:1}.media-item-theme-generator-input:before{content:"";opacity:0;border-radius:inherit;display:block;position:absolute;inset:0}@keyframes highlight-shadow{0%{opacity:.4;box-shadow:0 0 0px 0px var(--theme-medblue)}25%{opacity:.4;box-shadow:0 0 0px 5px var(--theme-medblue)}to{opacity:0;box-shadow:0 0 10px 40px var(--theme-medblue)}}.media-item-theme-generator-input--highlight:before{animation:2.25s cubic-bezier(.075,.82,.165,1) highlight-shadow}.media-item-theme-generator-input--gray{background-color:var(--theme-light-gray)}.media-item-theme-generator-input--white{color:#14192e;background-color:#fff}.media-item-theme-generator-input--multiline{border-radius:.5em;gap:.5em;height:auto;min-height:4.5em;padding-block:.25em;padding-inline-end:.95em}.media-item-theme-generator-input--multiline.media-item-theme-generator-input--scroll{max-height:4.5em}.media-item-theme-generator-input--multiline.media-item-theme-generator-input--scroll .media-item-theme-generator-input__input{overflow-y:auto}.media-item-theme-generator-input--multiline .media-item-theme-generator-input__input{white-space:normal;resize:none;border-radius:0;align-items:center;margin:0;padding:0 1em 0;line-height:1.33;display:inline-flex;overflow:auto}.media-item-theme-generator-input--multiline .media-item-theme-generator-input__input::-webkit-scrollbar{width:8px;height:8px}.media-item-theme-generator-input--multiline .media-item-theme-generator-input__input::-webkit-scrollbar-thumb{border:2px solid #0000;border-radius:1px;box-shadow:inset 0 0 8px 8px #33333380}.media-item-theme-generator-input--multiline .media-item-theme-generator-input__input::-webkit-scrollbar-track{background:var(--theme-page-bg)}.common-theme-preview__contain{width:100%}.common-theme-preview>span{display:block}.common-theme-preview__browser{aspect-ratio:330/215;border-radius:1.5em;width:100%;font-size:10px;position:relative;overflow:hidden;box-shadow:0 2em 5em #0000000d,0 1em 2em #0000001a,0 1px 2px #0000001a}.common-theme-preview__browser--size-sm{border-radius:2em;box-shadow:0 3em 7em #0000000d,0 2em 3em #0000001a,0 1px 2px #0000001a}.common-theme-preview__browser--size-lg{border-radius:1.25em}.common-theme-preview__browser--size-xl{border-radius:.75em}.common-theme-preview__background,.common-theme-preview__tab-band,.common-theme-preview__tab,.common-theme-preview__address,.common-theme-preview__frame{position:absolute}.common-theme-preview__background{border-radius:inherit;background-color:#d6d6d6;background-position:50% 33%;background-size:cover;position:absolute;inset:0}.common-theme-preview__background--has-tabs{border-top-left-radius:0;border-top-right-radius:0;top:12%}.common-theme-preview__content{border-radius:inherit;flex-direction:column;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}.common-theme-preview__tabs-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffff4d;width:100%;height:14%;display:block;position:absolute;top:0;left:0}.common-theme-preview__tabs{flex:none;width:100%;display:block;position:relative}.common-theme-preview__tabs svg{width:100%;position:relative;top:6%}.common-theme-preview__site{flex:1;width:100%;position:relative}.common-theme-preview__tab{background-color:#e9ebed;border-radius:.8em .8em 0 0;width:24em;top:.7em;bottom:0;left:4em}.common-theme-preview__address{background-color:#ffffffb3;border-radius:5em;height:4em;top:5.5em;left:1.25em;right:1.25em}.common-theme-preview__frame{background-color:#fff;background-position:50%;background-size:cover;border-radius:1.33em;inset:10.75em 1.25em 1.25em;box-shadow:0 .1em .8em #00000014}.common-theme-preview__search{-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);border-radius:4em;height:4.25em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.common-theme-preview{position:relative}.common-theme-preview>svg{display:none;overflow:visible!important}.px-color-palette-button{appearance:none;box-sizing:border-box;white-space:nowrap;font-size:inherit;aspect-ratio:1;cursor:pointer;background-color:#0000;background-image:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22rgba%280%2C%200%2C%200%2C%200.1%29%22%20d%3D%22M0%200h10v10H0z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M10%200h10v10H10zM0%2010h10v10H0z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C%200%2C%200%2C%200.1%29%22%20d%3D%22M10%2010h10v10H10z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);background-repeat:repeat;background-size:.5em .5em;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:2em;font-family:inherit;font-weight:400;transition:transform .2s cubic-bezier(.215,.61,.355,1);display:inline-flex;position:relative}.px-color-palette-button>span{border-radius:inherit;background-color:currentColor;position:absolute;inset:0}.px-color-palette-button:before,.px-color-palette-button:after{border-radius:inherit;transition:all .3s cubic-bezier(.215,.61,.355,1)}.px-color-palette-button:before{content:"";opacity:0;border:2px solid #000;display:block;position:absolute;inset:-2px}.px-color-palette-button:after{content:"";opacity:0;border:1.5px solid #fff;display:block;position:absolute;inset:0}.px-color-palette-button:hover{transform:scale(1.1)}.px-color-palette-button:active{transform:scale(1)!important}.px-color-palette-button--selected:before,.px-color-palette-button--selected:after{opacity:1}.px-color-palette-button--pending>span{background-color:#0000;background-image:conic-gradient(#ff00bf 0% 12.5%,#8000ff 12.5% 25%,#0040ff 25% 37.5%,#0ff 37.5% 50%,#00ff40 50% 62.5%,#80ff00 62.5% 75%,#ffbf00 75% 87.5%,red 87.5% 100%);position:absolute;inset:-.5px}.px-color-palette-button--pending>span:after{content:"";background-color:#fffc;border:0 solid #fff;border-radius:50%;display:block;position:absolute;inset:4px}.px-color-palette-button--pending{color:#000!important}:root{--px-color-panel-aspect:1;--px-color-panel-gap:.5em;--px-color-panel-radius:.5em;--px-color-panel-slider-height:.5em}.px-color-panel{width:20em;aspect-ratio:var(--px-color-panel-aspect);gap:var(--px-color-panel-gap) 0;flex-direction:column;grid-template:"satval satval"minmax(0,1fr)"swatch sliders"/auto minmax(0,1fr);display:grid}.px-color-panel__satval{border-radius:var(--px-color-panel-radius);background-image:linear-gradient(#0000, #000), linear-gradient(90deg, #fff, var(--px-color-panel-hsl-hue));flex:1;grid-area:satval;width:100%;display:block;position:relative}.px-color-panel__sliders{justify-content:center;gap:var(--px-color-panel-gap);flex-direction:column;grid-area:sliders;display:flex}.px-color-panel__hue,.px-color-panel__alpha{border-radius:var(--px-color-panel-radius);flex:none;align-self:center;width:100%;height:.66em;display:block;position:relative}.px-color-panel__hue{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);grid-area:hue}.px-color-panel__alpha{background-image:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22rgba%280%2C%200%2C%200%2C%200.1%29%22%20d%3D%22M0%200h10v10H0z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M10%200h10v10H10zM0%2010h10v10H0z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C%200%2C%200%2C%200.1%29%22%20d%3D%22M10%2010h10v10H10z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);background-repeat:repeat;background-size:.5em .5em;grid-area:alpha}.px-color-panel__alpha:after{content:"";border-radius:inherit;background-image:linear-gradient(to right, var(--px-color-panel-hsla-transparent) 0%, var(--px-color-panel-hsl) 100%);display:block;position:absolute;inset:0}.px-color-panel__sel{background-color:var(--px-color-panel-hsl);z-index:1;border:1px solid #fff;border-radius:50%;width:.66em;height:.66em;position:absolute;top:100%;left:100%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000059}.px-color-panel__sel:hover{z-index:2}.px-color-panel__sel--hue{background-color:var(--px-color-panel-hsl-hue);top:50%}.px-color-panel__sel--alpha{background-color:var(--px-color-panel-hsla);top:50%}.px-color-panel__swatch{aspect-ratio:1;background-color:var(--px-color-panel-hsla);border:1px solid #0000001a;border-radius:50%;grid-area:swatch;min-height:1.66em;margin-inline-end:var(--px-color-panel-gap)}.px-color-panel__eyedropper{color:var(--px-color-panel-contrast);aspect-ratio:1;grid-area:swatch;margin-inline-end:var(--px-color-panel-gap)}:root{--px-color-picker-popup-bg:white}.px-color-picker__panel{width:10em}.px-color-picker__popup{background-color:var(--px-color-picker-popup-bg);border-radius:.75em;padding:.66em;box-shadow:0 12px 15px -4px #00000030,0 24px 38px #0001,0 9px 50px #0000000b}.px-color-picker__icon{z-index:1;position:relative}.scroll-id{opacity:0;width:1px;height:1px;position:absolute;top:-80px}.banner-container{color:var(--theme-page-fg);padding-left:1em;padding-right:1em;position:relative}.banner-container__action{z-index:1;position:absolute;inset:0}.banner-container__background{position:absolute;inset:0}.banner-container__content{position:relative}.banner-container__content [data-banner-interactive],.banner-container__content .common-button{z-index:1}.media-item-theme-generator{grid-template-rows:100%;grid-template-columns:100%;align-items:center;width:100%;height:100%;font-size:clamp(14px,1.053vw,16px);display:grid}.media-item-theme-generator__prompt,.media-item-theme-generator__generate,.media-item-theme-generator__preview{flex-direction:column;flex:1;grid-area:1/1;justify-content:space-between;align-items:center;gap:3em;width:100%;height:100%;max-height:940px;display:flex}.media-item-theme-generator__section{flex-direction:column;justify-content:space-around;align-items:center;gap:2em;width:100%;display:flex}.media-item-theme-generator__section--search{gap:2em}@media screen and (height<=900px){.media-item-theme-generator__prompt-heading.h1{font-size:clamp(28px,2.763vw,42px)}}.media-item-theme-generator__prompt{max-height:40em}.media-item-theme-generator__prompt--hide-explore{justify-content:center}.media-item-theme-generator__disclaimer{text-align:center;max-width:55em;font-size:clamp(10px,.789vw,12px)}.media-item-theme-generator__disclaimer a{color:var(--theme-link);cursor:pointer;text-decoration:none}.media-item-theme-generator__disclaimer a:hover{color:var(--theme-link-hover);text-decoration:underline}.media-item-theme-generator__disclaimer a:active{color:var(--theme-link-active);text-decoration:underline}.media-item-theme-generator__disclaimer a{text-decoration:underline}.media-item-theme-generator__disclaimer--preview{margin-top:-1em}.media-item-theme-generator__explore{width:100%}.media-item-theme-generator__explore-heading{text-align:start;margin-bottom:1.5em;font-size:1em}.media-item-theme-generator__explore-heading-info-icon{align-self:flex-end;margin-top:0;margin-left:.25em}.media-item-theme-generator__explore-card-list{width:100%}.media-item-theme-generator__explore-card{position:relative}.media-item-theme-generator__explore-card-preview{cursor:pointer}.media-item-theme-generator__explore-card-hover{text-align:left;color:#fff;opacity:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#080a3e33;flex-direction:column;justify-content:space-between;padding:1.5em;font-size:clamp(14px,1.053vw,16px);line-height:1.4;transition:opacity .6s cubic-bezier(.215,.61,.355,1);display:flex;position:absolute;inset:0}.media-item-theme-generator__explore-card-hover p{font-weight:600}.media-item-theme-generator__explore-card-hover button{white-space:nowrap;padding-inline:1em}.media-item-theme-generator__explore-card:hover .media-item-theme-generator__explore-card-hover{opacity:1}.media-item-theme-generator__explore-card-hover-actions{gap:.5em;display:flex}.media-item-theme-generator__explore-card-hover-actions button{min-width:3em}.media-item-theme-generator__generate{justify-content:center;align-items:center;height:100%}.media-item-theme-generator__generate-media{min-height:9em}.media-item-theme-generator__generate-progress{justify-content:center;width:100%;display:flex}.media-item-theme-generator__progress{width:100%;max-width:46em;height:3em;color:var(--theme-blue);background-color:#fff;border-radius:100px;align-items:center;gap:.66em;padding:0 2em;font-size:clamp(16px,1.184vw,18px);display:flex}.media-item-theme-generator__progress-bar{background-color:rgba(var(--theme-page-fg-rgb), .1);border-radius:4px;flex:1;width:100%;height:4px;position:relative;overflow:hidden}.media-item-theme-generator__progress-bar span{background-color:currentColor;transition:width 1s linear;position:absolute;top:0;bottom:0;left:0}.media-item-theme-generator__progress-label{margin-top:-.2em;font-size:12px;font-weight:600;line-height:.1}.media-item-theme-generator__progress-label>span{min-width:2ch}.media-item-theme-generator__progress-spinner{--px-spinner-color:rgba(var(--theme-blue-rgb), .4);--px-spinner-color-secondary:var(--theme-blue);--px-spinner-linewidth:.18em;font-size:.85em}.media-item-theme-generator__preview{gap:2em}.media-item-theme-generator__preview-message{text-align:center}.media-item-theme-generator__preview-prompt{font-size:clamp(16px,1.184vw,18px)!important;font-weight:600!important}.media-item-theme-generator__preview-selected{flex:1;width:100%;min-height:9em}.media-item-theme-generator__preview-theme{width:100%;height:100%}.media-item-theme-generator__preview-selector{gap:1em;display:flex}.media-item-theme-generator__preview-selector-item{cursor:pointer;width:6em;transition:transform .5s cubic-bezier(.075,.82,.165,1);position:relative}.media-item-theme-generator__preview-selector-item:hover{transform:scale(1.08)}.media-item-theme-generator__preview-selector-item:active{transition:transform .3s cubic-bezier(.075,.82,.165,1);transform:scale(1.05)}.media-item-theme-generator__preview-selector-item:after{content:"";opacity:0;background-color:var(--theme-blue);height:2px;transition:opacity .5s cubic-bezier(.215,.61,.355,1);display:block;position:absolute;bottom:-10px;left:0;right:0}.media-item-theme-generator__preview-selector-item--selected{pointer-events:none}.media-item-theme-generator__preview-selector-item--selected:after{opacity:1}.media-item-theme-generator__preview-selector-item--selected .media-item-theme-generator__preview-selector-preview{opacity:.5}.media-item-theme-generator__preview-buttons{gap:1em;display:flex}.media-item-theme-generator__preview-input{margin-top:1.5em}.media-item-theme-generator__preview-banner{border-radius:.5em;max-width:720px;overflow:hidden}.media-item-theme-generator__paint-brush-icon{margin-right:.65em}.media-item-theme-generator__signin{background-color:var(--theme-page-bg);text-align:center;border-radius:.5em;flex-direction:column;align-items:center;width:36em;font-size:clamp(14px,1.053vw,16px);display:flex;overflow:hidden;box-shadow:0 12px 15px -4px #00000030,0 24px 38px #0001,0 9px 50px #0000000b}.media-item-theme-generator__signin-heading{padding:2em}.media-item-theme-generator__signin-graphic{background-color:#f8eefb;width:100%}.media-item-theme-generator__signin-graphic img{width:100%}.media-item-theme-generator__signin-description{font-size:clamp(10px,.789vw,12px)}.media-item-theme-generator__signin-buttons{border-top:1px solid rgba(var(--theme-page-fg-rgb), .1);width:100%;padding:1.5em}.media-item-theme-generator__signin-close{color:var(--theme-page-fg);position:absolute;top:1.5em;right:1.5em}.media-item-theme-generator__error{background-color:var(--theme-page-bg);text-align:start;border-radius:.5em;align-items:center;gap:1em;width:50em;min-height:16em;font-size:clamp(14px,1.053vw,16px);display:flex;overflow:hidden;box-shadow:0 12px 15px -4px #00000030,0 24px 38px #0001,0 9px 50px #0000000b}.media-item-theme-generator__error-graphic{flex:none;justify-content:center;align-self:stretch;align-items:center;width:40%;padding:1.5em;display:flex}@media screen and (width<=810px){.media-item-theme-generator__error{flex-direction:column;width:90vw;max-width:400px}.media-item-theme-generator__error-graphic{width:100%}.media-item-theme-generator__error-preview{max-width:240px}}.media-item-theme-generator__error-preview{width:100%}.media-item-theme-generator__error-content{flex-direction:column;align-items:flex-start;gap:.75em;padding:2em 1em;display:flex}.media-item-theme-generator__error-icon{color:tomato;margin-bottom:.15em;font-size:1.75em}.media-item-theme-generator__error-actions{margin-top:1em}.media-item-theme-generator__error-close{color:var(--theme-page-fg);position:absolute;top:1.5em;right:1.5em}.media-item-theme-generator .common-button-v1--white-dark{color:#2169e8;background:#fff}@media (height<=600px){.media-item-theme-generator__preview-banner{display:none}}.fluent--dark .media-item-theme-generator__progress-label{color:var(--theme-button-fg)}.fluent--dark .media-item-theme-generator__progress-spinner{--px-spinner-color:rgba(var(--theme-button-fg-rgb), .2);--px-spinner-color-secondary:var(--theme-button-fg)}.fluent--dark .media-item-theme-generator__progress-bar{background-color:rgba(var(--theme-button-fg-rgb), .1)}.fluent--dark .media-item-theme-generator__progress-bar span{color:rgba(var(--theme-button-fg-rgb), .5)}.fluent--dark .media-item-theme-generator__explore .common-arrow-button__button-default{background-color:var(--theme-button-bg);color:var(--theme-button-fg)}.fluent--dark .media-item-theme-generator__preview .common-button-v1--new-white,.fluent--dark .media-item-theme-generator__explore-card .common-button-v1--new-white{background-color:var(--theme-page-fg);color:#2169e8}