:root{--build-bust: 1}.iti-playground h2[id]{scroll-margin-top:30px}.form-check-enable-span{cursor:default}.playground-action-btn{color:var(--bs-secondary-color)!important}.playground-action-btn:hover{background-color:#e3e1e1;[data-bs-theme=dark] &{background-color:#363535}}.iti-playground-combobox{position:relative}.iti-playground-combobox-menu{position:absolute;top:100%;left:0;z-index:10;margin:0;padding:.25rem 0;list-style:none;background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:.375rem;box-shadow:0 .5rem 1rem #00000026;max-height:240px;overflow-y:auto;min-width:100%;width:max-content;max-width:min(28rem,calc(100vw - 2rem))}.iti-playground-combobox-option{display:flex;align-items:baseline;gap:.5rem;padding:.25rem .75rem;cursor:pointer;color:var(--bs-body-color)}.iti-playground-combobox-option:hover,.iti-playground-combobox-option.is-active{background-color:var(--bs-tertiary-bg)}.iti-playground-combobox-value{font-family:var(--bs-font-monospace);font-size:.875em;color:var(--bs-secondary-color);min-width:3.5em}.iti-playground-combobox-label{flex:1}.iti-playground-combobox-option.is-selected{display:none}.iti-playground-combobox-empty{padding:.25rem .75rem;color:var(--bs-secondary-color);font-style:italic;cursor:default}.iti-playground-multi-combobox{position:relative}.iti-playground-multi-combobox-control{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.25rem;cursor:text;min-height:calc(1.5em + .75rem + 2px);transition:none}.iti-playground-single-combobox.is-filled .iti-playground-multi-combobox-control{border:0;background:transparent;cursor:default;box-shadow:none}.iti-playground-multi-combobox-filter{flex:1;min-width:8em;border:0;outline:0;background:transparent;padding:.1rem .25rem;font:inherit;color:inherit}.iti-playground-multi-combobox-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.1rem .35rem .1rem .5rem;border-radius:999px;background-color:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);font-size:.875em;line-height:1.4;user-select:none}.iti-playground-multi-combobox-chip[draggable=true]{cursor:grab}.iti-playground-multi-combobox-chip.is-dragging{opacity:.4;cursor:grabbing}.iti-playground-multi-combobox-chip.is-drop-target-before{box-shadow:-3px 0 0 var(--bs-primary)}.iti-playground-multi-combobox-chip.is-drop-target-after{box-shadow:3px 0 0 var(--bs-primary)}.iti-playground-multi-combobox-chip-code{font-family:var(--bs-font-monospace);color:var(--bs-secondary-color)}.iti-playground-multi-combobox-chip-label{color:var(--bs-body-color)}.iti-playground-multi-combobox-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;padding:0;border:0;border-radius:50%;background:transparent;color:var(--bs-secondary-color);font-size:1.1em;line-height:1;cursor:pointer}.iti-playground-multi-combobox-chip-remove:hover{background-color:var(--bs-secondary-bg);color:var(--bs-body-color)}.iti-playground-overrides-editor,.iti-playground-overrides-rows{display:flex;flex-direction:column;gap:.35rem;min-width:0}.iti-playground-overrides-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.35rem;align-items:start;min-width:0}.iti-playground-overrides-header{font-size:.85rem;color:var(--bs-secondary-color)}.iti-playground-overrides-header .iti-playground-overrides-remove{visibility:hidden;padding-top:0;padding-bottom:0}.iti-playground-overrides-row .iti-playground-combobox{width:100%}.iti-playground-overrides-remove{padding:.25rem .6rem;line-height:1;font-size:1.25rem;color:var(--bs-secondary-color);border:0;background:transparent}.iti-playground-overrides-remove:hover{color:var(--bs-body-color)}.iti-playground-overrides-add{align-self:flex-start;text-decoration:none;padding:0}.iti-playground-multidropdown-toggle{cursor:default;display:flex;align-items:center;justify-content:space-between;gap:.5rem;--bs-btn-bg: var(--bs-body-bg);--bs-btn-color: var(--bs-body-color);--bs-btn-border-color: var(--bs-border-color, #ced4da);--bs-btn-hover-bg: var(--bs-btn-bg);--bs-btn-hover-color: var(--bs-btn-color);--bs-btn-hover-border-color: var(--bs-btn-border-color);--bs-btn-active-bg: var(--bs-btn-bg);--bs-btn-active-color: var(--bs-btn-color);--bs-btn-active-border-color: var(--bs-btn-border-color);&.dropdown-toggle:after{opacity:.85;margin:0 3px 2px auto;display:inline-block;width:8px;height:8px;content:"";border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}&.dropdown-toggle.show:after,.dropdown.show>&.dropdown-toggle:after{margin-top:6px;transform:rotate(225deg)}}@media(max-width:576px){.playground-presets-select{width:7em}}.iti-playground-layout{display:flex;flex-direction:column;gap:1.5rem;@media(min-width:992px){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1.5rem;align-items:start}}.iti-playground-layout__col{display:contents}.iti-playground-layout__demo{order:1}.iti-playground-layout__options{order:2}.iti-playground-layout__attrs{order:3}.iti-playground-layout__code{order:4}.iti-playground-layout__demo,.iti-playground-layout__options,.iti-playground-layout__attrs,.iti-playground-layout__code{min-width:0}.iti-playground-layout__demo{container-type:inline-size;container-name:demo;.iti,input[type=tel]{width:100%;max-width:250px}.demo-toast-container{max-width:250px}.iti-live-results{margin-top:10px;width:fit-content}@container demo (min-width: 600px){.demo-input-wrap{display:grid;grid-template-columns:250px 1fr;column-gap:1.5rem;align-items:start;max-width:none}.iti-playground-demo-aside{border-left:1px solid var(--bs-border-color);padding-left:1.5rem}.iti-live-results{margin-top:0}}}@media(min-width:992px){.iti-playground-layout__col{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.iti-playground-layout__col--left{grid-column:1}.iti-playground-layout__col--right{grid-column:2;position:sticky;top:calc(70px + 1rem);max-height:calc(100vh - 70px - 2rem);overflow:auto;@media(prefers-reduced-motion:no-preference){scroll-behavior:smooth}}}.iti-playground--keep-dropdown-open{.iti__country-selector.iti__hide{display:block!important}.iti{margin-bottom:230px}}.playground-dropdown-checkbox.is-disabled .iti-playground-info{color:var(--bs-warning-text-emphasis, #997404)}.playground-dropdown-checkbox.is-flashing,.iti-playground-demo-controls .form-check.is-flashing,.iti-playground-control.is-flashing{animation:iti-flash-highlight .2s ease-out 3;border-radius:.25rem}@keyframes iti-flash-highlight{0%{background-color:#ffc1078c;box-shadow:0 0 0 4px #ffc1078c}to{background-color:transparent;box-shadow:0 0 0 4px #ffc10700}}.iti-playground-demo-controls{margin-top:1rem;padding:.75rem .875rem;border:1px dashed var(--bs-border-color);border-radius:.375rem;background-color:var(--bs-tertiary-bg);max-width:296px}.iti-playground-demo-controls__heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--bs-secondary-color);margin-bottom:.25rem}.iti-playground-demo-controls__subheading{font-weight:400;text-transform:none;letter-spacing:normal;font-style:italic}.tooltip.iti-playground-tooltip-interactive{pointer-events:auto;a{color:inherit}&:after{content:"";position:absolute;inset:-22px;z-index:-1}}.iti-playground-info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:0;color:var(--bs-secondary-color, #6c757d);user-select:none;cursor:help;>svg{display:block;width:16px;height:16px}&:focus-visible{outline:2px solid rgb(var(--header-bg-color-rgb));outline-offset:2px}}.iti-playground-labelgroup{display:inline-flex;align-items:center;gap:.4rem;>.form-label{margin-bottom:0}}.iti-playground-example-toggle{margin-top:6px}.iti-playground-control{&:not(.iti-playground-control--check)>.iti-playground-labelgroup{margin-bottom:var(--bs-form-label-margin-bottom, .5rem)}@media(min-width:600px){&.iti-playground-control--example-code{align-items:start;row-gap:6px}&.iti-playground-control--overrides,&.iti-playground-control--multi-combobox{align-items:start}&.iti-playground-control--multi-combobox>.iti-playground-labelgroup{padding-top:calc(.25rem + 1px)}&:not(.iti-playground-control--check){>.form-control,>.form-select,>.dropdown,>.iti-playground-input-wrap{min-width:0}}&.iti-playground-control--check{align-items:center;padding-left:0;>.form-check-input{grid-area:control;margin-left:0;float:none;justify-self:start}}display:grid;grid-template-columns:minmax(160px,220px) 1fr;grid-template-areas:"label control";column-gap:12px;>.iti-playground-labelgroup{grid-area:label;margin-bottom:0}}}@media(min-width:600px){.iti-playground-control--example-code>.iti-playground-example-toggle{grid-column:2;margin-top:0}}.iti-playground-input-wrap,.iti-playground-control--check,.iti-playground-example-toggle{position:relative}.iti-playground-hint-toast-container{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:5;pointer-events:none}.iti-playground-hint-toast-container .toast{pointer-events:auto;width:100%;min-width:0;max-width:100%}.iti-playground-hint-toast .iti-playground-option-link{color:inherit;font-family:inherit;font-size:inherit;text-decoration:underline}@media(min-width:600px){.iti-playground-control--check>.iti-playground-hint-toast-container{grid-area:control}}.iti-playground-option-link{font-family:var(--bs-font-monospace);font-size:.95em}.iti-playground pre{display:block}.iti-playground-integration-tabs{flex-wrap:wrap;.nav-link{padding:.35rem .75rem;color:var(--bs-secondary-color);border:1px solid transparent;background:transparent}.nav-link:hover:not(.active){color:var(--bs-body-color);border-color:var(--bs-border-color) var(--bs-border-color) transparent}.nav-link.active{color:var(--bs-body-color)}}
