@oiz/stzh-components 4.5.0 → 4.6.0-beta1

package/dist/stzh-components/{p-97c16051.entry.js → p-a58b97fc.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as s,a as e,g as i}from"./p-ef5985a3.js";import{o as r,f as h,s as p,a,c as n,b as c,A as l}from"./p-995d3227.js";import{c as d}from"./p-f48422c4.js";import{i as v}from"./p-87c329f2.js";import{m as z,a as f,r as m}from"./p-f4adb3cd.js";import{w as b}from"./p-70ec7e79.js";import{s as u,a as g}from"./p-2c0bec3e.js";import"./p-dae15605.js";const _=".sc-stzh-popover-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(--stzh-popover-background, var(--stzh-popover-background-color));--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{display:flex;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;appearance:none;font-family:inherit;border:none;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}";const w=_;const y=200;const x=300;const k=100;const j=200;function $(){const t=z("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?k:y,easing:"linear"}}}function O(){const t=z("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?j:x,easing:"linear"}}}function C(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?k:y,easing:"linear"}}}function Y(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?j:x,easing:"linear"}}}const A={ESC:27};const D="stzh-popover-open";let F=0;const P=class{constructor(s){t(this,s);this.stzhOpen=o(this,"stzhOpen",7);this.stzhOpened=o(this,"stzhOpened",7);this.stzhClose=o(this,"stzhClose",7);this.stzhClosed=o(this,"stzhClosed",7);this.initialTouchX=null;this.initialTouchY=null;this.mediaChangeHandler=()=>{const t=document.documentElement.style.getPropertyValue("--stzh-header-is-stuck");this.isHeaderStuckAndViewportMicro=!z("small").matches&&t==="1"&&this.hasStzhHeaderParent;if(this.open&&this.isBranchedOutToBody&&!this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}};this.handleKeydown=t=>{if(t.keyCode===A.ESC){this.hide()}};this.onClickTrigger=()=>{this.toggle()};this.computePosition=async()=>{if(z("small").matches){const t=[r({mainAxis:this.distance,crossAxis:this.skidding}),h({padding:5}),p({padding:5})];if(this.variant==="tooltip"){t.push(a({element:this.arrowElement,padding:5}))}const{x:o=0,y:s=0,strategy:e="absolute",placement:i,middlewareData:c}=await n(this.triggerFirstElement,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i;Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:o!=null?`${c.arrow.x}px`:"",top:s!=null?`${c.arrow.y}px`:""})}}else{Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}}};this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX;this.initialTouchY=o.pageY};this.handleTouchEnd=t=>{const o=t.changedTouches[0];const s=o.pageX-this.initialTouchX;const e=o.pageY-this.initialTouchY;const i=70;const r=Math.abs(e)>=i&&Math.abs(s)<=i;if(r){const o=t.target.closest(".stzh-dropdown")!==null;if(!o){this.hide()}}this.initialTouchY=null;this.initialTouchX=null};this.init=()=>{var t;let o=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!o){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));o=t}if(o){this.triggerFirstElement=o;o.addEventListener("click",this.onClickTrigger)}};this.initializedPopover=false;this.open=false;this.placement="bottom";this.fullwidth="";this.variant="default";this.size="default";this.skidding=0;this.distance=undefined;this.label="";this.strategy="absolute";this.localization=undefined;this.computedPlacement=undefined;this.isHeaderStuckAndViewportMicro=undefined;this.isBranchedOutToBody=undefined;this.hasStzhHeaderParent=undefined}async show(){if(this.open){return}this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchOutToBody()}this.toggledByMethod=true;this.open=true;return b(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;await b(this.element,"stzhClosed");this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}return true}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open){return}const o=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;const s=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!s){this.hide()}}async openWatcher(t){if(!this.dialogElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}const t=$();const o=C();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]);this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}const t=O();const o=Y();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]);await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}}this.toggledByMethod=false}distanceWatcher(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?12:8}}setStzhHeaderParent(){let t=this.element.parentElement;while(t){if(t.tagName&&t.tagName.toLowerCase()==="stzh-header"){return true}t=t.parentElement}return false}getChildIndex(t){let o=t.parentNode;let s=Array.prototype.indexOf.call(o.children,t);return s}insertElementAtIndex(t,o,s){let e=t.children[s];if(e){t.insertBefore(o,e)}else{t.appendChild(o)}}branchOutToBody(){this.elementIndexOnBranchout=this.getChildIndex(this.element);document.body.append(this.element);this.insertElementAtIndex(this.initialParentNode,this.triggerElement,this.elementIndexOnBranchout);this.isBranchedOutToBody=true}branchInFromBody(){this.insertElementAtIndex(this.initialParentNode,this.element,this.elementIndexOnBranchout);this.rootElement.prepend(this.triggerElement);this.isBranchedOutToBody=false}async componentWillLoad(){this.id=`stzh-popover-${F++}`;this.initialParentNode=this.element.parentNode;this.hasStzhHeaderParent=this.setStzhHeaderParent();this.distanceWatcher(this.distance);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"popover")}}popoverShown(){document.body.classList.add(D);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}}popoverHidden(){document.body.classList.remove(D);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}}componentDidRender(){this.mediaChangeHandler();const t=v(this.triggerFirstElement);if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label")){this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id")){this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}}componentDidUpdate(){if(this.open&&!this.initializedPopover){this.initializeAutoUpdate();this.initializeFocusTrap();this.popoverShown();this.initializedPopover=true}if(this.initializedPopover){if(this.open){this.popoverShown()}else{this.popoverHidden()}this.computePosition();if(this.trap){this.trap.updateContainerElements(this.dialogElement)}}}initializeAutoUpdate(){this.autoUpdateCleanup=c(this.triggerFirstElement,this.dialogElement,this.computePosition)}initializeFocusTrap(){this.trap=d(this.dialogElement,{initialFocus:()=>this.dialogElement,fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true})}componentDidLoad(){this.contentWrapperElement.hidden=!this.open;this.open?this.popoverShown():this.popoverHidden()}connectedCallback(){f(this.mediaChangeHandler);this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){m(this.mediaChangeHandler);if(this.observer){this.observer.disconnect()}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerFirstElement){this.triggerFirstElement.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-popover":true,[`stzh-popover--open`]:this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--fullwidth-${this.fullwidth}`]:!!this.fullwidth,[`stzh-popover--${this.size}`]:!!this.size,[`stzh-popover--${this.variant}`]:!!this.variant};return s(e,{key:"a19b38c19d77f75a2b730bfb14c48a83397ca1cd"},s("div",{key:"719be2095d868e54a31371e52dc881ae465e1601",class:t,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,ref:t=>this.rootElement=t},s("div",{key:"343b7469abb2ecd3331c92b6eb389f2d5dfbb323",ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",{key:"d5d6bb3c2f83f3b1f5b9b5eca9650f43a2edd43e"})),s("div",{key:"a473883cb7c168c9fa7f2615b7b652eaa1ddaa55",class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},this.localization.open),s("div",{key:"09ffed2c8669e592630f4fd2a88e3067005c0376",ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{key:"6940b597a568708e821fb1cfc7e161a2ed079613",class:"stzh-popover__backdrop"}),s("div",{key:"bb6022a97243803b1f34406c9d6f77ebb4673eef",ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{key:"7071bea44105ad39c9a6a1d1f752073c997ed000",ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&s("div",{key:"29113d754f000ababccf50b6fc1b63587119a670",class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:l}),s("div",{key:"259491190a868195a7d61dc17badb030707311ee",class:"stzh-popover__content-inner"},s("div",{key:"69b2af7bba1806824da4a9d6fa6030f2a9625e5e",class:"stzh-popover__label-wrapper"},s("h2",{key:"57d492779bc3b0586d234785cc887299a543e54b",id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{key:"74521dcdbf31186a297c3e58c185f792a7334c3f",class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{key:"771cc1c54f24d7eb663db08f009fc89b8c951501",name:"close",class:"stzh-popover__icon"}),s("span",{key:"bc69fcf86963638745165d2d0970f31bb2401927",class:"stzh-popover__vhidden"},this.localization.close))),s("div",{key:"322db085c610328c7d99e1b153e85eff483d9be3",class:"stzh-popover__content-slot-wrapper"},s("div",{key:"4361d0354e844238d002155c6166b2bcd8f48362",class:"stzh-popover__content-slot"},s("slot",{key:"12ed96107632809aceb5d6201fa31ca5e5cee515",name:"content"})),s("div",{key:"83fbdc7706a5e3f777e4a4f82bb5fe66da17bc7c",class:"stzh-popover__action-slot"},s("slot",{key:"c684392837ca341e175d107e8461fa60fb2a9510",name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};P.style=w;export{P as stzh_popover};
-//# sourceMappingURL=p-97c16051.entry.js.map
+import{r as t,c as o,h as s,a as e,g as i}from"./p-ef5985a3.js";import{o as r,f as h,s as p,a,c as n,b as c,A as d}from"./p-995d3227.js";import{c as l}from"./p-f48422c4.js";import{i as v}from"./p-87c329f2.js";import{m as z,a as f,r as m}from"./p-f4adb3cd.js";import{w as b}from"./p-70ec7e79.js";import{s as u,a as g}from"./p-2c0bec3e.js";import"./p-dae15605.js";const _=".sc-stzh-popover-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(--stzh-popover-background, var(--stzh-popover-background-color));--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{display:flex;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;appearance:none;font-family:inherit;border:none;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}";const w=_;const y=200;const x=300;const k=100;const j=200;function $(){const t=z("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?k:y,easing:"linear"}}}function O(){const t=z("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?j:x,easing:"linear"}}}function C(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?k:y,easing:"linear"}}}function Y(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?j:x,easing:"linear"}}}const A={ESC:27};const D="stzh-popover-open";let F=0;const P=class{constructor(s){t(this,s);this.stzhOpen=o(this,"stzhOpen",7);this.stzhOpened=o(this,"stzhOpened",7);this.stzhClose=o(this,"stzhClose",7);this.stzhClosed=o(this,"stzhClosed",7);this.initialTouchX=null;this.initialTouchY=null;this.mediaChangeHandler=()=>{const t=document.documentElement.style.getPropertyValue("--stzh-header-is-stuck");this.isHeaderStuckAndViewportMicro=!z("small").matches&&t==="1"&&this.hasStzhHeaderParent;if(this.open&&this.isBranchedOutToBody&&!this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}};this.handleKeydown=t=>{if(t.keyCode===A.ESC){this.hide()}};this.onClickTrigger=()=>{this.toggle()};this.computePosition=async()=>{if(z("small").matches){const t=[r({mainAxis:this.distance,crossAxis:this.skidding}),h({padding:5}),p({padding:5})];if(this.variant==="tooltip"){t.push(a({element:this.arrowElement,padding:5}))}const{x:o=0,y:s=0,strategy:e="absolute",placement:i,middlewareData:c}=await n(this.triggerFirstElement,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i;Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:o!=null?`${c.arrow.x}px`:"",top:s!=null?`${c.arrow.y}px`:""})}}else{Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}}};this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX;this.initialTouchY=o.pageY};this.handleTouchEnd=t=>{const o=t.changedTouches[0];const s=o.pageX-this.initialTouchX;const e=o.pageY-this.initialTouchY;const i=70;const r=Math.abs(e)>=i&&Math.abs(s)<=i;if(r){const o=t.target.closest(".stzh-dropdown")!==null;if(!o){this.hide()}}this.initialTouchY=null;this.initialTouchX=null};this.init=()=>{var t;let o=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!o){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));o=t}if(o){this.triggerFirstElement=o;o.addEventListener("click",this.onClickTrigger)}};this.initializedPopover=false;this.open=false;this.placement="bottom";this.fullwidth="";this.variant="default";this.size="default";this.skidding=0;this.distance=undefined;this.label="";this.strategy="absolute";this.localization=undefined;this.computedPlacement=undefined;this.isHeaderStuckAndViewportMicro=undefined;this.isBranchedOutToBody=undefined;this.hasStzhHeaderParent=undefined}async show(){if(this.open){return}this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchOutToBody()}this.toggledByMethod=true;this.open=true;return b(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;await b(this.element,"stzhClosed");this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}return true}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open){return}const o=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;const s=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!s){this.hide()}}async openWatcher(t){if(!this.dialogElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}const t=$();const o=C();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]);this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}const t=O();const o=Y();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]);await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}}this.toggledByMethod=false}distanceWatcher(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?12:8}}setStzhHeaderParent(){let t=this.element.parentElement;while(t){if(t.tagName&&t.tagName.toLowerCase()==="stzh-header"){return true}t=t.parentElement}return false}getChildIndex(t){let o=t.parentNode;let s=Array.prototype.indexOf.call(o.children,t);return s}insertElementAtIndex(t,o,s){let e=t.children[s];if(e){t.insertBefore(o,e)}else{t.appendChild(o)}}branchOutToBody(){this.elementIndexOnBranchout=this.getChildIndex(this.element);document.body.append(this.element);this.insertElementAtIndex(this.initialParentNode,this.triggerElement,this.elementIndexOnBranchout);this.isBranchedOutToBody=true}branchInFromBody(){this.insertElementAtIndex(this.initialParentNode,this.element,this.elementIndexOnBranchout);this.rootElement.prepend(this.triggerElement);this.isBranchedOutToBody=false}async componentWillLoad(){this.id=`stzh-popover-${F++}`;this.initialParentNode=this.element.parentNode;this.hasStzhHeaderParent=this.setStzhHeaderParent();this.distanceWatcher(this.distance);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"popover")}}popoverShown(){document.body.classList.add(D);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}}popoverHidden(){document.body.classList.remove(D);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}}componentDidRender(){this.mediaChangeHandler();const t=v(this.triggerFirstElement);if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label")){this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id")){this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}}componentDidUpdate(){if(this.open&&!this.initializedPopover){this.initializeAutoUpdate();this.initializeFocusTrap();this.popoverShown();this.initializedPopover=true}if(this.initializedPopover){if(this.open){this.popoverShown()}else{this.popoverHidden()}this.computePosition();if(this.trap){this.trap.updateContainerElements(this.dialogElement)}}}initializeAutoUpdate(){this.autoUpdateCleanup=c(this.triggerFirstElement,this.dialogElement,this.computePosition)}initializeFocusTrap(){this.trap=l(this.dialogElement,{initialFocus:()=>this.dialogElement,fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true})}componentDidLoad(){this.contentWrapperElement.hidden=!this.open;this.open?this.popoverShown():this.popoverHidden()}connectedCallback(){f(this.mediaChangeHandler);this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){m(this.mediaChangeHandler);if(this.observer){this.observer.disconnect()}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerFirstElement){this.triggerFirstElement.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-popover":true,[`stzh-popover--open`]:this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--fullwidth-${this.fullwidth}`]:!!this.fullwidth,[`stzh-popover--${this.size}`]:!!this.size,[`stzh-popover--${this.variant}`]:!!this.variant};return s(e,{key:"0d03d86b938159bd6957cccf64e8024e35f1ea8c"},s("div",{key:"8c26bc71ec55405e345805eb765969969fa47eb2",class:t,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,ref:t=>this.rootElement=t},s("div",{key:"2c957363682656442de2699305e6afb806571741",ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",{key:"db99eabc011884b33d4a4cc99a1ad789ce891fe1"})),s("div",{key:"aaf4676146ef81531ffd46a0f6d962f01dfaed13",class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},this.localization.open),s("div",{key:"67079817f493d3dfc837022d8fb38ee2fd09cb43",ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{key:"edc9522d20c6799f079027d5aee67059f938eb44",class:"stzh-popover__backdrop"}),s("div",{key:"c697551a708d1e051163a1e54669c74c5edf7762",ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{key:"f9b52c577aa5e32a5e740a7e93573aacf2241911",ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&s("div",{key:"4916f5fe308b219817db7bb55b6891563bf0cb49",class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:d}),s("div",{key:"cb007218fde98b2d6bfb46d973d8270b4c4f009b",class:"stzh-popover__content-inner"},s("div",{key:"4dbdd6d0fe1a1ca925801acb85decd9dd84beca3",class:"stzh-popover__label-wrapper"},s("h2",{key:"1363e6d92e66d9cec5e9f6185b2b0311e03ed6d7",id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{key:"da892cbb69a413e38d23e9d12b67d3409a2b038c",class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{key:"2263f7539ad5708fdec4553dc6be19c8101f14a9",name:"close",class:"stzh-popover__icon"}),s("span",{key:"2048b82320d73b09d5018e7838da90c4d57b8bfe",class:"stzh-popover__vhidden"},this.localization.close))),s("div",{key:"11b9d82d69767be653c9cbf26ef56d83ed7989e0",class:"stzh-popover__content-slot-wrapper"},s("div",{key:"2a4956fe68ce46d11eef3b86df0d150a8c3d0455",class:"stzh-popover__content-slot"},s("slot",{key:"6c020f92c68492df3d3841180bc99693e06082a8",name:"content"})),s("div",{key:"82a4dd34d008efd30bde12f26d07b2c1dc09a775",class:"stzh-popover__action-slot"},s("slot",{key:"536cb7e90448fcd38d833178c73af0725d9cb728",name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};P.style=w;export{P as stzh_popover};
+//# sourceMappingURL=p-a58b97fc.entry.js.map

package/dist/stzh-components/{p-c4c3cd03.entry.js → p-a74ed640.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as i,h as t,a as e,g as n}from"./p-ef5985a3.js";const o=".sc-stzh-skiplink-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-skiplink-h,[stzh-hidden].sc-stzh-skiplink-h{display:none}.sc-stzh-skiplink-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-skiplink-h *.sc-stzh-skiplink,.sc-stzh-skiplink-h *.sc-stzh-skiplink::before,.sc-stzh-skiplink-h *.sc-stzh-skiplink::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-skiplink-h .has-focus.sc-stzh-skiplink{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink{outline-style:none !important}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink::-moz-focus-inner{border:0 !important}.sc-stzh-skiplink-h:not([focused]){padding:0 !important;margin:0 !important}.stzh-skiplink.sc-stzh-skiplink{display:inline-block;right:0;top:0;white-space:nowrap;padding:var(--stzh-space-large) var(--stzh-space-xxlarge);border:solid 0.0625rem var(--stzh-color-grey50);border-radius:0.125rem;background:var(--stzh-color-white);color:var(--stzh-color-primary);transition:color var(--stzh-base-transition-animation-speed);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-skiplink.sc-stzh-skiplink:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-skiplink.sc-stzh-skiplink:hover{color:var(--stzh-color-primary-hover)}";const h=o;const r=class{constructor(t){s(this,t);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.link.focus()}this.focusedByInput=false};this.onFocus=s=>{this.focusedByInput=true;const i=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(i);this.stzhFocus.emit({component:"stzh-skiplink",originalEvent:s})};this.onBlur=s=>{const i=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(i);this.stzhBlur.emit({component:"stzh-skiplink",originalEvent:s})};this.label="";this.href=undefined;this.linkAccesskey=undefined;this.linkTitle=undefined;this.analyticsId=undefined;this.focused=false}focusinHandler(){this.focused=true}focusoutHandler(){this.focused=false}componentDidRender(){requestAnimationFrame((()=>{var s;if(this.link){(s=this.link)===null||s===void 0?void 0:s.setAttribute("s-object-id",this.analyticsId||this.label||this.text.innerText);this.link.addEventListener("click",(s=>this.handleSkipLinkClick(s)))}}))}handleSkipLinkClick(s){s.preventDefault();if(!this.href)return;const i=document.querySelectorAll(this.href);const t=Array.from(i).filter((s=>s instanceof HTMLElement&&window.getComputedStyle(s).display!=="none"));const e=t.length>0?t[0]:i[0];if(e instanceof HTMLElement){e.focus();e.scrollIntoView({behavior:"smooth",block:"center"});const s=window.location.origin+window.location.pathname+window.location.search+this.href;history.replaceState(null,"",s)}}render(){return t(e,{key:"b7cb36af7eb6d3a7f2b71f0556a5ed33da436f68",focused:this.focused,tabindex:"-1",onFocus:this.onRootFocus},t("a",{key:"61e0d72ef086c1cb38a7075469fa0b8e5ae5111a",ref:s=>this.link=s,class:"stzh-skiplink",href:this.href,accessKey:this.linkAccesskey,title:this.linkTitle,onFocus:this.onFocus,onBlur:this.onBlur},t("div",{key:"aacea8364c74fc02f3fc8f193efb99da565de4dd",ref:s=>this.text=s},this.label?this.label:t("slot",null))))}get element(){return n(this)}};r.style=h;export{r as stzh_skiplink};
-//# sourceMappingURL=p-c4c3cd03.entry.js.map
+import{r as s,c as i,h as t,a as e,g as n}from"./p-ef5985a3.js";const o=".sc-stzh-skiplink-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-skiplink-h,[stzh-hidden].sc-stzh-skiplink-h{display:none}.sc-stzh-skiplink-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-skiplink-h *.sc-stzh-skiplink,.sc-stzh-skiplink-h *.sc-stzh-skiplink::before,.sc-stzh-skiplink-h *.sc-stzh-skiplink::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-skiplink-h .has-focus.sc-stzh-skiplink{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink{outline-style:none !important}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink::-moz-focus-inner{border:0 !important}.sc-stzh-skiplink-h:not([focused]){padding:0 !important;margin:0 !important}.stzh-skiplink.sc-stzh-skiplink{display:inline-block;right:0;top:0;white-space:nowrap;padding:var(--stzh-space-large) var(--stzh-space-xxlarge);border:solid 0.0625rem var(--stzh-color-grey50);border-radius:0.125rem;background:var(--stzh-color-white);color:var(--stzh-color-primary);transition:color var(--stzh-base-transition-animation-speed);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-skiplink.sc-stzh-skiplink:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-skiplink.sc-stzh-skiplink:hover{color:var(--stzh-color-primary-hover)}";const h=o;const r=class{constructor(t){s(this,t);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.link.focus()}this.focusedByInput=false};this.onFocus=s=>{this.focusedByInput=true;const i=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(i);this.stzhFocus.emit({component:"stzh-skiplink",originalEvent:s})};this.onBlur=s=>{const i=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(i);this.stzhBlur.emit({component:"stzh-skiplink",originalEvent:s})};this.label="";this.href=undefined;this.linkAccesskey=undefined;this.linkTitle=undefined;this.analyticsId=undefined;this.focused=false}focusinHandler(){this.focused=true}focusoutHandler(){this.focused=false}componentDidRender(){requestAnimationFrame((()=>{var s;if(this.link){(s=this.link)===null||s===void 0?void 0:s.setAttribute("s-object-id",this.analyticsId||this.label||this.text.innerText);this.link.addEventListener("click",(s=>this.handleSkipLinkClick(s)))}}))}handleSkipLinkClick(s){s.preventDefault();if(!this.href)return;const i=document.querySelectorAll(this.href);const t=Array.from(i).filter((s=>s instanceof HTMLElement&&window.getComputedStyle(s).display!=="none"));const e=t.length>0?t[0]:i[0];if(e instanceof HTMLElement){e.focus();e.scrollIntoView({behavior:"smooth",block:"center"});const s=window.location.origin+window.location.pathname+window.location.search+this.href;history.replaceState(null,"",s)}}render(){return t(e,{key:"566d146867ecbcd1c350f9a075161f79c641d85c",focused:this.focused,tabindex:"-1",onFocus:this.onRootFocus},t("a",{key:"286185dec3b6ef3570b1a34ed29e297b92e808c3",ref:s=>this.link=s,class:"stzh-skiplink",href:this.href,accessKey:this.linkAccesskey,title:this.linkTitle,onFocus:this.onFocus,onBlur:this.onBlur},t("div",{key:"8d3d373f9bd4196910b880c60871c3232dd60987",ref:s=>this.text=s},this.label?this.label:t("slot",null))))}get element(){return n(this)}};r.style=h;export{r as stzh_skiplink};
+//# sourceMappingURL=p-a74ed640.entry.js.map

package/dist/stzh-components/{p-be5c3c5f.entry.js → p-a996b9af.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,a as i,g as h}from"./p-ef5985a3.js";const n=".sc-stzh-monthyearpicker-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-monthyearpicker-h,[stzh-hidden].sc-stzh-monthyearpicker-h{display:none}.sc-stzh-monthyearpicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker,.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker::before,.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-monthyearpicker-h .has-focus.sc-stzh-monthyearpicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-monthyearpicker-h .stzh-fylingfocus-focused.sc-stzh-monthyearpicker{outline-style:none !important}.sc-stzh-monthyearpicker-h .stzh-fylingfocus-focused.sc-stzh-monthyearpicker::-moz-focus-inner{border:0 !important}.sc-stzh-monthyearpicker-h{width:100%;--separator-height:var(--stzh-form-input-height)}[size=small].sc-stzh-monthyearpicker-h{--separator-height:var(--stzh-form-input-small-height)}.stzh-monthyearpicker__wrapper.sc-stzh-monthyearpicker{display:flex;align-items:flex-start}.stzh-monthyearpicker__separator.sc-stzh-monthyearpicker{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);height:var(--separator-height);display:flex;align-items:center;align-self:flex-end}";const a=n;const r=class{constructor(s){t(this,s);this.stzhChange=e(this,"stzhChange",7);this.onRootFocus=()=>{if(this.monthsDropdown){this.monthsDropdown.focus()}};this.onMonthsDropdownChange=t=>{const e=this.value.split("-")[0]||"0000";const s=t.detail.value||"00";this.onChange(e,s)};this.onYearsDropdownChange=t=>{const e=t.detail.value||"0000";const s=this.value.split("-")[1]||"00";this.onChange(e,s)};this.monthOpen=false;this.yearOpen=false;this.months=undefined;this.years=undefined;this.yearSortDirection="asc";this.min=undefined;this.max=undefined;this.minYear=undefined;this.maxYear=undefined;this.format="default";this.name="";this.value="0000-00";this.popoverPlacement="bottom";this.monthLabel="";this.yearLabel="";this.readonly=false;this.disabled=false;this.required=false;this.hideOptional=false;this.size="default";this.descriptionMonth=undefined;this.descriptionYear=undefined;this.descriptionLongMonth=undefined;this.descriptionLongYear=undefined;this.errorMonth=undefined;this.errorYear=undefined;this.invalidMonth=false;this.invalidYear=false;this.a11yDescribedbyMonth="";this.a11yDescribedbyYear="";this.localization=undefined}monthsWatcher(t){if(typeof t==="string"){this._months=JSON.parse(t)}else{this._months=t}this.updateMonthOptions()}yearsWatcher(t){if(typeof t==="string"){this._years=JSON.parse(t)}else{this._years=t}this.updateYearOptions()}minMaxWatcher(){this.updateMonthOptions();this.updateYearOptions()}onDropdownChange(t){if(t.detail.component==="stzh-dropdown"){if(t.target.name===`${this.name}-year`){this.onYearsDropdownChange(t)}else{this.onMonthsDropdownChange(t)}t.stopPropagation()}}onChange(t,e){this.value=`${t}-${e}`;this.stzhChange.emit({component:"stzh-monthyearpicker",value:this.value,valueMonth:e,valueYear:t})}updateMonthOptions(){const t=[];let e=[];if(this._months){e=this._months}else{const t=Number(this.value.split("-")[0]||"0000");let s=1;let i=12;if(this.min){const e=new Date(this.min);if(t===e.getFullYear()){s=e.getMonth()+1}}if(this.max){const e=new Date(this.max);if(t===e.getFullYear()){i=e.getMonth()+1}}for(let t=s;t<=i;t++){e.push(t)}}e.forEach((e=>{const s=("00"+e).slice(-2);const i=this.localization.$globals.monthNames[e-1];t.push({text:this.format==="creditcard"?`${s} (${i})`:i,value:s})}));this.dropdownMonthOptions=t}initializeYears(){if(Array.isArray(this.years)){this._years=this.years.map(Number)}else if(typeof this.years==="string"){this._years=this.years.split(",").map((t=>parseInt(t.trim(),10))).filter((t=>!isNaN(t)))}}updateYearOptions(){const t=[];let e=[];if(this._years&&this._years.length>0){e=this._years}else{const t=Number(this.value.split("-")[1]||"00");const s=(new Date).getFullYear();let i=this.minYear||s-10;let h=this.maxYear||s+10;if(this.min){const e=new Date(this.min);if(t&&t<e.getMonth()+1){i=e.getFullYear()+1}else{i=e.getFullYear()}}if(this.max){const e=new Date(this.max);if(t&&t>e.getMonth()+1){h=e.getFullYear()-1}else{h=e.getFullYear()}}for(let t=i;t<=h;t++){e.push(t)}}e.sort(((t,e)=>this.yearSortDirection==="asc"?t-e:e-t));e.forEach((e=>{t.push({text:`${e}`,value:`${e}`})}));this.dropdownYearOptions=t}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"monthyearpicker")}this.initializeYears();this.monthsWatcher(this.months);this.yearsWatcher(this.years)}render(){const t={"stzh-monthyearpicker":true};return s(i,{key:"36c159a287ae1cf63e611e5e44a3a3073e3a5386",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},s("div",{key:"c541529d09923b821f2923ec5598a637dea89a87",class:t},s("input",{key:"1b184e6567a05691c680292fc2e66ebb2bb2acfc",type:"hidden",name:this.name,value:this.value}),s("div",{key:"6efd5586afe0db082f3a605152c2bfc7d1385ba8",class:"stzh-monthyearpicker__wrapper"},s("stzh-dropdown",{key:"e5dd68a4aac50e95dacd7bff5098f8cdfb613b41",open:this.monthOpen,name:`${this.name}-month`,class:"stzh-monthyearpicker__months-dropdown",label:this.monthLabel||this.localization.monthLabel,ref:t=>this.monthsDropdown=t,options:this.dropdownMonthOptions,items:[this.value.split("-")[1]],required:this.required,disabled:this.disabled,size:this.size,hideOptional:this.hideOptional,popoverPlacement:this.popoverPlacement,description:this.descriptionMonth,descriptionLong:this.descriptionLongMonth,error:this.errorMonth,a11yDescribedby:this.a11yDescribedbyMonth,invalid:this.invalidMonth}),s("div",{key:"f55009ba7e82afc3712469f36fd62873d53c52cc",class:"stzh-monthyearpicker__separator"},"/"),s("stzh-dropdown",{key:"32ebf24f44cff511a430369abc35043cb02d80cb",open:this.yearOpen,name:`${this.name}-year`,class:"stzh-monthyearpicker__years-dropdown",label:this.yearLabel||this.localization.yearLabel,options:this.dropdownYearOptions,items:[this.value.split("-")[0]],required:this.required,disabled:this.disabled,size:this.size,hideOptional:this.hideOptional,popoverPlacement:this.popoverPlacement,description:this.descriptionYear,descriptionLong:this.descriptionLongYear,error:this.errorYear,a11yDescribedby:this.a11yDescribedbyYear,invalid:this.invalidYear}))))}get element(){return h(this)}static get watchers(){return{months:["monthsWatcher"],years:["yearsWatcher"],value:["minMaxWatcher"],min:["minMaxWatcher"],max:["minMaxWatcher"]}}};r.style=a;export{r as stzh_monthyearpicker};
-//# sourceMappingURL=p-be5c3c5f.entry.js.map
+import{r as t,c as e,h as s,a as i,g as h}from"./p-ef5985a3.js";const n=".sc-stzh-monthyearpicker-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-monthyearpicker-h,[stzh-hidden].sc-stzh-monthyearpicker-h{display:none}.sc-stzh-monthyearpicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker,.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker::before,.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-monthyearpicker-h .has-focus.sc-stzh-monthyearpicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-monthyearpicker-h .stzh-fylingfocus-focused.sc-stzh-monthyearpicker{outline-style:none !important}.sc-stzh-monthyearpicker-h .stzh-fylingfocus-focused.sc-stzh-monthyearpicker::-moz-focus-inner{border:0 !important}.sc-stzh-monthyearpicker-h{width:100%;--separator-height:var(--stzh-form-input-height)}[size=small].sc-stzh-monthyearpicker-h{--separator-height:var(--stzh-form-input-small-height)}.stzh-monthyearpicker__wrapper.sc-stzh-monthyearpicker{display:flex;align-items:flex-start}.stzh-monthyearpicker__separator.sc-stzh-monthyearpicker{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);height:var(--separator-height);display:flex;align-items:center;align-self:flex-end}";const r=n;const a=class{constructor(s){t(this,s);this.stzhChange=e(this,"stzhChange",7);this.onRootFocus=()=>{if(this.monthsDropdown){this.monthsDropdown.focus()}};this.onMonthsDropdownChange=t=>{const e=this.value.split("-")[0]||"0000";const s=t.detail.value||"00";this.onChange(e,s)};this.onYearsDropdownChange=t=>{const e=t.detail.value||"0000";const s=this.value.split("-")[1]||"00";this.onChange(e,s)};this.monthOpen=false;this.yearOpen=false;this.months=undefined;this.years=undefined;this.yearSortDirection="asc";this.min=undefined;this.max=undefined;this.minYear=undefined;this.maxYear=undefined;this.format="default";this.name="";this.value="0000-00";this.popoverPlacement="bottom";this.monthLabel="";this.yearLabel="";this.readonly=false;this.disabled=false;this.required=false;this.hideOptional=false;this.size="default";this.descriptionMonth=undefined;this.descriptionYear=undefined;this.descriptionLongMonth=undefined;this.descriptionLongYear=undefined;this.errorMonth=undefined;this.errorYear=undefined;this.invalidMonth=false;this.invalidYear=false;this.a11yDescribedbyMonth="";this.a11yDescribedbyYear="";this.localization=undefined}monthsWatcher(t){if(typeof t==="string"){this._months=JSON.parse(t)}else{this._months=t}this.updateMonthOptions()}yearsWatcher(t){if(typeof t==="string"){this._years=JSON.parse(t)}else{this._years=t}this.updateYearOptions()}minMaxWatcher(){this.updateMonthOptions();this.updateYearOptions()}onDropdownChange(t){if(t.detail.component==="stzh-dropdown"){if(t.target.name===`${this.name}-year`){this.onYearsDropdownChange(t)}else{this.onMonthsDropdownChange(t)}t.stopPropagation()}}onChange(t,e){this.value=`${t}-${e}`;this.stzhChange.emit({component:"stzh-monthyearpicker",value:this.value,valueMonth:e,valueYear:t})}updateMonthOptions(){const t=[];let e=[];if(this._months){e=this._months}else{const t=Number(this.value.split("-")[0]||"0000");let s=1;let i=12;if(this.min){const e=new Date(this.min);if(t===e.getFullYear()){s=e.getMonth()+1}}if(this.max){const e=new Date(this.max);if(t===e.getFullYear()){i=e.getMonth()+1}}for(let t=s;t<=i;t++){e.push(t)}}e.forEach((e=>{const s=("00"+e).slice(-2);const i=this.localization.$globals.monthNames[e-1];t.push({text:this.format==="creditcard"?`${s} (${i})`:i,value:s})}));this.dropdownMonthOptions=t}initializeYears(){if(Array.isArray(this.years)){this._years=this.years.map(Number)}else if(typeof this.years==="string"){this._years=this.years.split(",").map((t=>parseInt(t.trim(),10))).filter((t=>!isNaN(t)))}}updateYearOptions(){const t=[];let e=[];if(this._years&&this._years.length>0){e=this._years}else{const t=Number(this.value.split("-")[1]||"00");const s=(new Date).getFullYear();let i=this.minYear||s-10;let h=this.maxYear||s+10;if(this.min){const e=new Date(this.min);if(t&&t<e.getMonth()+1){i=e.getFullYear()+1}else{i=e.getFullYear()}}if(this.max){const e=new Date(this.max);if(t&&t>e.getMonth()+1){h=e.getFullYear()-1}else{h=e.getFullYear()}}for(let t=i;t<=h;t++){e.push(t)}}e.sort(((t,e)=>this.yearSortDirection==="asc"?t-e:e-t));e.forEach((e=>{t.push({text:`${e}`,value:`${e}`})}));this.dropdownYearOptions=t}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"monthyearpicker")}this.initializeYears();this.monthsWatcher(this.months);this.yearsWatcher(this.years)}render(){const t={"stzh-monthyearpicker":true};return s(i,{key:"04822e03428a9ba57f2484594ae537732a421430",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},s("div",{key:"399c3b047e37e7b79e4d36c80bac59b1daf3e13c",class:t},s("input",{key:"37999496eed9ade53d9db976f5e3677238617eb8",type:"hidden",name:this.name,value:this.value}),s("div",{key:"57eb470eda690449c0e4bba0e2c8c363f97c01be",class:"stzh-monthyearpicker__wrapper"},s("stzh-dropdown",{key:"df1db2053b6595d508d5ae7f345362d7a48e9892",open:this.monthOpen,name:`${this.name}-month`,class:"stzh-monthyearpicker__months-dropdown",label:this.monthLabel||this.localization.monthLabel,ref:t=>this.monthsDropdown=t,options:this.dropdownMonthOptions,items:[this.value.split("-")[1]],required:this.required,disabled:this.disabled,size:this.size,hideOptional:this.hideOptional,popoverPlacement:this.popoverPlacement,description:this.descriptionMonth,descriptionLong:this.descriptionLongMonth,error:this.errorMonth,a11yDescribedby:this.a11yDescribedbyMonth,invalid:this.invalidMonth}),s("div",{key:"81c4252357b69e12430114d2dc0ca535571c5fb1",class:"stzh-monthyearpicker__separator"},"/"),s("stzh-dropdown",{key:"2b48ae397d295a6a6f59c78f820f3d134f235ac1",open:this.yearOpen,name:`${this.name}-year`,class:"stzh-monthyearpicker__years-dropdown",label:this.yearLabel||this.localization.yearLabel,options:this.dropdownYearOptions,items:[this.value.split("-")[0]],required:this.required,disabled:this.disabled,size:this.size,hideOptional:this.hideOptional,popoverPlacement:this.popoverPlacement,description:this.descriptionYear,descriptionLong:this.descriptionLongYear,error:this.errorYear,a11yDescribedby:this.a11yDescribedbyYear,invalid:this.invalidYear}))))}get element(){return h(this)}static get watchers(){return{months:["monthsWatcher"],years:["yearsWatcher"],value:["minMaxWatcher"],min:["minMaxWatcher"],max:["minMaxWatcher"]}}};a.style=r;export{a as stzh_monthyearpicker};
+//# sourceMappingURL=p-a996b9af.entry.js.map

package/dist/stzh-components/{p-9429dd63.entry.js → p-a9c4e972.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as n}from"./p-ef5985a3.js";const s='@charset "UTF-8";:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.sbdocs-content,.sbdocs-content>div{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);}.sbdocs-content .float-left,.sbdocs-content>div .float-left{float:left}.sbdocs-content .float-right,.sbdocs-content>div .float-right{float:right}.sbdocs-content h1,.sbdocs-content h2,.sbdocs-content h3,.sbdocs-content h4,.sbdocs-content>div h1,.sbdocs-content>div h2,.sbdocs-content>div h3,.sbdocs-content>div h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color);margin:0}.sbdocs-content b,.sbdocs-content strong,.sbdocs-content>div b,.sbdocs-content>div strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content i,.sbdocs-content em,.sbdocs-content>div i,.sbdocs-content>div em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.sbdocs-content,.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content>div,.sbdocs-content>div p,.sbdocs-content>div stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.sbdocs-content,.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content>div,.sbdocs-content>div p,.sbdocs-content>div stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 900px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-xsmall);margin-top:0}@media screen and (min-width: 600px){.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content ul ul,.sbdocs-content ul ol,.sbdocs-content ul dl,.sbdocs-content ul stzh-list,.sbdocs-content ol ul,.sbdocs-content ol ol,.sbdocs-content ol dl,.sbdocs-content ol stzh-list,.sbdocs-content dl ul,.sbdocs-content dl ol,.sbdocs-content dl dl,.sbdocs-content dl stzh-list,.sbdocs-content stzh-list ul,.sbdocs-content stzh-list ol,.sbdocs-content stzh-list dl,.sbdocs-content stzh-list stzh-list,.sbdocs-content>div ul ul,.sbdocs-content>div ul ol,.sbdocs-content>div ul dl,.sbdocs-content>div ul stzh-list,.sbdocs-content>div ol ul,.sbdocs-content>div ol ol,.sbdocs-content>div ol dl,.sbdocs-content>div ol stzh-list,.sbdocs-content>div dl ul,.sbdocs-content>div dl ol,.sbdocs-content>div dl dl,.sbdocs-content>div dl stzh-list,.sbdocs-content>div stzh-list ul,.sbdocs-content>div stzh-list ol,.sbdocs-content>div stzh-list dl,.sbdocs-content>div stzh-list stzh-list{margin-top:0;margin-bottom:0}.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-large);margin-top:0}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xxxlarge)}}.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-xsmall)}}.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-medium);margin-top:0}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-xxlarge)}}.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl{list-style:none;padding-left:0;overflow:hidden}.sbdocs-content ol,.sbdocs-content>div ol{counter-reset:li-counter}.sbdocs-content ul li,.sbdocs-content ol li,.sbdocs-content>div ul li,.sbdocs-content>div ol li{position:relative}.sbdocs-content ul li::before,.sbdocs-content ol li::before,.sbdocs-content>div ul li::before,.sbdocs-content>div ol li::before{display:inline-block;position:absolute;left:0;top:0}.sbdocs-content ul li,.sbdocs-content>div ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sbdocs-content ul li::before,.sbdocs-content>div ul li::before{content:"–"}.sbdocs-content ol li,.sbdocs-content>div ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sbdocs-content ol li::before,.sbdocs-content>div ol li::before{content:counter(li-counter) ". "}.sbdocs-content stzh-figure,.sbdocs-content>div stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sbdocs-content blockquote,.sbdocs-content>div blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);margin:var(--stzh-space-xxlarge);color:var(--richtext-blockquote-color);position:relative;overflow:hidden}@media screen and (min-width: 600px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 600px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{margin:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{margin:var(--stzh-space-xxxxlarge)}}@media print{.sbdocs-content blockquote,.sbdocs-content>div blockquote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sbdocs-content blockquote:before,.sbdocs-content>div blockquote:before{background:var(--richtext-blockquote-line-color);height:calc(100% - var(--stzh-space-xsmall) * 2);width:0.1875rem;content:" ";display:block;position:absolute;left:0;top:var(--stzh-space-xsmall)}.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-top:0;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content blockquote p::before,.sbdocs-content blockquote p::after,.sbdocs-content>div blockquote p::before,.sbdocs-content>div blockquote p::after{display:inline-block}.sbdocs-content blockquote p::before,.sbdocs-content>div blockquote p::before{content:"«"}.sbdocs-content blockquote p::after,.sbdocs-content>div blockquote p::after{content:"»"}.sbdocs-content blockquote footer,.sbdocs-content>div blockquote footer{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));color:var(--richtext-blockquote-footer-color)}@media screen and (min-width: 900px){.sbdocs-content blockquote footer,.sbdocs-content>div blockquote footer{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.sbdocs-content blockquote footer::before,.sbdocs-content>div blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sbdocs-content table,.sbdocs-content>div table{--min-width:none;--cell-padding:var(--stzh-table-cell-padding);width:100%;border-spacing:0;min-width:var(--min-width);}.sbdocs-content table.has-layout-fixed,.sbdocs-content>div table.has-layout-fixed{table-layout:fixed}.sbdocs-content thead,.sbdocs-content>div thead{position:sticky;top:0;z-index:1}.sbdocs-content tbody tr:nth-child(even) td,.sbdocs-content tbody tr:nth-child(even) th,.sbdocs-content>div tbody tr:nth-child(even) td,.sbdocs-content>div tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.sbdocs-content td,.sbdocs-content th,.sbdocs-content>div td,.sbdocs-content>div th{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);text-align:left;border:none;vertical-align:top;border:none;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.sbdocs-content td a,.sbdocs-content th a,.sbdocs-content>div td a,.sbdocs-content>div th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sbdocs-content td a:hover,.sbdocs-content th a:hover,.sbdocs-content>div td a:hover,.sbdocs-content>div th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sbdocs-content td b,.sbdocs-content td strong,.sbdocs-content th b,.sbdocs-content th strong,.sbdocs-content>div td b,.sbdocs-content>div td strong,.sbdocs-content>div th b,.sbdocs-content>div th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content td i,.sbdocs-content td em,.sbdocs-content th i,.sbdocs-content th em,.sbdocs-content>div td i,.sbdocs-content>div td em,.sbdocs-content>div th i,.sbdocs-content>div th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.sbdocs-content td.align-left,.sbdocs-content th.align-left,.sbdocs-content>div td.align-left,.sbdocs-content>div th.align-left{text-align:left}.sbdocs-content td.align-right,.sbdocs-content th.align-right,.sbdocs-content>div td.align-right,.sbdocs-content>div th.align-right{text-align:right}.sbdocs-content td.align-center,.sbdocs-content th.align-center,.sbdocs-content>div td.align-center,.sbdocs-content>div th.align-center{text-align:center}.sbdocs-content td.valign-auto,.sbdocs-content th.valign-auto,.sbdocs-content>div td.valign-auto,.sbdocs-content>div th.valign-auto{vertical-align:auto}.sbdocs-content td.valign-middle,.sbdocs-content th.valign-middle,.sbdocs-content>div td.valign-middle,.sbdocs-content>div th.valign-middle{vertical-align:middle}.sbdocs-content td.valign-bottom,.sbdocs-content th.valign-bottom,.sbdocs-content>div td.valign-bottom,.sbdocs-content>div th.valign-bottom{vertical-align:bottom}.sbdocs-content td.valign-top,.sbdocs-content th.valign-top,.sbdocs-content>div td.valign-top,.sbdocs-content>div th.valign-top{vertical-align:top}.sbdocs-content td.nowrap,.sbdocs-content th.nowrap,.sbdocs-content>div td.nowrap,.sbdocs-content>div th.nowrap{white-space:nowrap}.sbdocs-content td.is-head,.sbdocs-content th.is-head,.sbdocs-content>div td.is-head,.sbdocs-content>div th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content td.is-sticky-left,.sbdocs-content td.is-sticky-right,.sbdocs-content th.is-sticky-left,.sbdocs-content th.is-sticky-right,.sbdocs-content>div td.is-sticky-left,.sbdocs-content>div td.is-sticky-right,.sbdocs-content>div th.is-sticky-left,.sbdocs-content>div th.is-sticky-right{position:sticky;z-index:1}.sbdocs-content td.has-sticked,.sbdocs-content th.has-sticked,.sbdocs-content>div td.has-sticked,.sbdocs-content>div th.has-sticked{z-index:2}.sbdocs-content td.is-sticky-left,.sbdocs-content th.is-sticky-left,.sbdocs-content>div td.is-sticky-left,.sbdocs-content>div th.is-sticky-left{left:0}.sbdocs-content td.is-sticky-right,.sbdocs-content th.is-sticky-right,.sbdocs-content>div td.is-sticky-right,.sbdocs-content>div th.is-sticky-right{right:0}.sbdocs-content td.is-sticky-left::after,.sbdocs-content td.is-sticky-right::after,.sbdocs-content th.is-sticky-left::after,.sbdocs-content th.is-sticky-right::after,.sbdocs-content>div td.is-sticky-left::after,.sbdocs-content>div td.is-sticky-right::after,.sbdocs-content>div th.is-sticky-left::after,.sbdocs-content>div th.is-sticky-right::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.sbdocs-content td.is-sticky-left::after,.sbdocs-content th.is-sticky-left::after,.sbdocs-content>div td.is-sticky-left::after,.sbdocs-content>div th.is-sticky-left::after{right:0}.sbdocs-content td.is-sticky-right::after,.sbdocs-content th.is-sticky-right::after,.sbdocs-content>div td.is-sticky-right::after,.sbdocs-content>div th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.sbdocs-content td.has-sticked.is-sticky-left::after,.sbdocs-content td.has-sticked.is-sticky-right::after,.sbdocs-content th.has-sticked.is-sticky-left::after,.sbdocs-content th.has-sticked.is-sticky-right::after,.sbdocs-content>div td.has-sticked.is-sticky-left::after,.sbdocs-content>div td.has-sticked.is-sticky-right::after,.sbdocs-content>div th.has-sticked.is-sticky-left::after,.sbdocs-content>div th.has-sticked.is-sticky-right::after{opacity:1}.sbdocs-content th,.sbdocs-content>div th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.sbdocs-content th.is-sortable,.sbdocs-content>div th.is-sortable{padding:0}.sbdocs-content a,.sbdocs-content>div a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sbdocs-content a:hover,.sbdocs-content>div a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sbdocs-content .stzh-richtext__external-link,.sbdocs-content>div .stzh-richtext__external-link{position:relative}.sbdocs-content .stzh-richtext__external-vhidden,.sbdocs-content>div .stzh-richtext__external-vhidden{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.sbdocs-content .stzh-richtext__external-icon-wrapper,.sbdocs-content>div .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sbdocs-content .stzh-richtext__external-icon,.sbdocs-content>div .stzh-richtext__external-icon{--icon:var(--stzh-icon-size);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size);height:var(--stzh-icon-size)}.sbdocs-content .sbdocs-title,.sbdocs-content .sbdocs-h2,.sbdocs-content>div .sbdocs-title,.sbdocs-content>div .sbdocs-h2{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color)}.sbdocs-content .sbdocs-title,.sbdocs-content h1:first-of-type,.sbdocs-content>div .sbdocs-title,.sbdocs-content>div h1:first-of-type{margin-top:0}.sbdocs-content h2:first-of-type,.sbdocs-content>div h2:first-of-type{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sbdocs-content h2:first-of-type,.sbdocs-content>div h2:first-of-type{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h2:first-of-type,.sbdocs-content>div h2:first-of-type{margin-top:var(--stzh-space-xxxxlarge)}}.sbdocs-content h2,.sbdocs-content>div h2{padding-bottom:0;border-bottom:none}.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content table,.sbdocs-content>div table{display:block;overflow-x:auto;width:auto;min-width:auto}.sbdocs-content ul li ul,.sbdocs-content ul li ol,.sbdocs-content ul li dl,.sbdocs-content>div ul li ul,.sbdocs-content>div ul li ol,.sbdocs-content>div ul li dl{list-style:none;padding-left:0;overflow:hidden}.sbdocs-content p,.sbdocs-content ul li,.sbdocs-content stzh-text,.sbdocs-content>div p,.sbdocs-content>div ul li,.sbdocs-content>div stzh-text{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.sbdocs-content p,.sbdocs-content ul li,.sbdocs-content stzh-text,.sbdocs-content>div p,.sbdocs-content>div ul li,.sbdocs-content>div stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.sbdocs-content p b,.sbdocs-content p strong,.sbdocs-content ul li b,.sbdocs-content ul li strong,.sbdocs-content stzh-text b,.sbdocs-content stzh-text strong,.sbdocs-content>div p b,.sbdocs-content>div p strong,.sbdocs-content>div ul li b,.sbdocs-content>div ul li strong,.sbdocs-content>div stzh-text b,.sbdocs-content>div stzh-text strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content p i,.sbdocs-content p em,.sbdocs-content ul li i,.sbdocs-content ul li em,.sbdocs-content stzh-text i,.sbdocs-content stzh-text em,.sbdocs-content>div p i,.sbdocs-content>div p em,.sbdocs-content>div ul li i,.sbdocs-content>div ul li em,.sbdocs-content>div stzh-text i,.sbdocs-content>div stzh-text em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}';const o=s;const c=class{constructor(e){t(this,e)}componentDidLoad(){console.log(this.constructor.style.replace('@charset "UTF-8";',""))}render(){return e(n,{key:"d4dda5d590bf56a68b471658844cf533c47d1f2b"})}};c.style=o;export{c as stzh_skin_storybook_preview};
-//# sourceMappingURL=p-9429dd63.entry.js.map
+import{r as t,h as e,a as n}from"./p-ef5985a3.js";const s='@charset "UTF-8";:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.sbdocs-content,.sbdocs-content>div{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);}.sbdocs-content .float-left,.sbdocs-content>div .float-left{float:left}.sbdocs-content .float-right,.sbdocs-content>div .float-right{float:right}.sbdocs-content h1,.sbdocs-content h2,.sbdocs-content h3,.sbdocs-content h4,.sbdocs-content>div h1,.sbdocs-content>div h2,.sbdocs-content>div h3,.sbdocs-content>div h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color);margin:0}.sbdocs-content b,.sbdocs-content strong,.sbdocs-content>div b,.sbdocs-content>div strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content i,.sbdocs-content em,.sbdocs-content>div i,.sbdocs-content>div em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.sbdocs-content,.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content>div,.sbdocs-content>div p,.sbdocs-content>div stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.sbdocs-content,.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content>div,.sbdocs-content>div p,.sbdocs-content>div stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 900px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-xsmall);margin-top:0}@media screen and (min-width: 600px){.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content ul ul,.sbdocs-content ul ol,.sbdocs-content ul dl,.sbdocs-content ul stzh-list,.sbdocs-content ol ul,.sbdocs-content ol ol,.sbdocs-content ol dl,.sbdocs-content ol stzh-list,.sbdocs-content dl ul,.sbdocs-content dl ol,.sbdocs-content dl dl,.sbdocs-content dl stzh-list,.sbdocs-content stzh-list ul,.sbdocs-content stzh-list ol,.sbdocs-content stzh-list dl,.sbdocs-content stzh-list stzh-list,.sbdocs-content>div ul ul,.sbdocs-content>div ul ol,.sbdocs-content>div ul dl,.sbdocs-content>div ul stzh-list,.sbdocs-content>div ol ul,.sbdocs-content>div ol ol,.sbdocs-content>div ol dl,.sbdocs-content>div ol stzh-list,.sbdocs-content>div dl ul,.sbdocs-content>div dl ol,.sbdocs-content>div dl dl,.sbdocs-content>div dl stzh-list,.sbdocs-content>div stzh-list ul,.sbdocs-content>div stzh-list ol,.sbdocs-content>div stzh-list dl,.sbdocs-content>div stzh-list stzh-list{margin-top:0;margin-bottom:0}.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-large);margin-top:0}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xxxlarge)}}.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-xsmall)}}.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-medium);margin-top:0}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-xxlarge)}}.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl{list-style:none;padding-left:0;overflow:hidden}.sbdocs-content ol,.sbdocs-content>div ol{counter-reset:li-counter}.sbdocs-content ul li,.sbdocs-content ol li,.sbdocs-content>div ul li,.sbdocs-content>div ol li{position:relative}.sbdocs-content ul li::before,.sbdocs-content ol li::before,.sbdocs-content>div ul li::before,.sbdocs-content>div ol li::before{display:inline-block;position:absolute;left:0;top:0}.sbdocs-content ul li,.sbdocs-content>div ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sbdocs-content ul li::before,.sbdocs-content>div ul li::before{content:"–"}.sbdocs-content ol li,.sbdocs-content>div ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sbdocs-content ol li::before,.sbdocs-content>div ol li::before{content:counter(li-counter) ". "}.sbdocs-content stzh-figure,.sbdocs-content>div stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sbdocs-content blockquote,.sbdocs-content>div blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);margin:var(--stzh-space-xxlarge);color:var(--richtext-blockquote-color);position:relative;overflow:hidden}@media screen and (min-width: 600px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 600px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{margin:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{margin:var(--stzh-space-xxxxlarge)}}@media print{.sbdocs-content blockquote,.sbdocs-content>div blockquote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sbdocs-content blockquote:before,.sbdocs-content>div blockquote:before{background:var(--richtext-blockquote-line-color);height:calc(100% - var(--stzh-space-xsmall) * 2);width:0.1875rem;content:" ";display:block;position:absolute;left:0;top:var(--stzh-space-xsmall)}.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-top:0;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content blockquote p::before,.sbdocs-content blockquote p::after,.sbdocs-content>div blockquote p::before,.sbdocs-content>div blockquote p::after{display:inline-block}.sbdocs-content blockquote p::before,.sbdocs-content>div blockquote p::before{content:"«"}.sbdocs-content blockquote p::after,.sbdocs-content>div blockquote p::after{content:"»"}.sbdocs-content blockquote footer,.sbdocs-content>div blockquote footer{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));color:var(--richtext-blockquote-footer-color)}@media screen and (min-width: 900px){.sbdocs-content blockquote footer,.sbdocs-content>div blockquote footer{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.sbdocs-content blockquote footer::before,.sbdocs-content>div blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sbdocs-content table,.sbdocs-content>div table{--min-width:none;--cell-padding:var(--stzh-table-cell-padding);width:100%;border-spacing:0;min-width:var(--min-width);}.sbdocs-content table.has-layout-fixed,.sbdocs-content>div table.has-layout-fixed{table-layout:fixed}.sbdocs-content thead,.sbdocs-content>div thead{position:sticky;top:0;z-index:1}.sbdocs-content tbody tr:nth-child(even) td,.sbdocs-content tbody tr:nth-child(even) th,.sbdocs-content>div tbody tr:nth-child(even) td,.sbdocs-content>div tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.sbdocs-content td,.sbdocs-content th,.sbdocs-content>div td,.sbdocs-content>div th{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);text-align:left;border:none;vertical-align:top;border:none;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.sbdocs-content td a,.sbdocs-content th a,.sbdocs-content>div td a,.sbdocs-content>div th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sbdocs-content td a:hover,.sbdocs-content th a:hover,.sbdocs-content>div td a:hover,.sbdocs-content>div th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sbdocs-content td b,.sbdocs-content td strong,.sbdocs-content th b,.sbdocs-content th strong,.sbdocs-content>div td b,.sbdocs-content>div td strong,.sbdocs-content>div th b,.sbdocs-content>div th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content td i,.sbdocs-content td em,.sbdocs-content th i,.sbdocs-content th em,.sbdocs-content>div td i,.sbdocs-content>div td em,.sbdocs-content>div th i,.sbdocs-content>div th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.sbdocs-content td.align-left,.sbdocs-content th.align-left,.sbdocs-content>div td.align-left,.sbdocs-content>div th.align-left{text-align:left}.sbdocs-content td.align-right,.sbdocs-content th.align-right,.sbdocs-content>div td.align-right,.sbdocs-content>div th.align-right{text-align:right}.sbdocs-content td.align-center,.sbdocs-content th.align-center,.sbdocs-content>div td.align-center,.sbdocs-content>div th.align-center{text-align:center}.sbdocs-content td.valign-auto,.sbdocs-content th.valign-auto,.sbdocs-content>div td.valign-auto,.sbdocs-content>div th.valign-auto{vertical-align:auto}.sbdocs-content td.valign-middle,.sbdocs-content th.valign-middle,.sbdocs-content>div td.valign-middle,.sbdocs-content>div th.valign-middle{vertical-align:middle}.sbdocs-content td.valign-bottom,.sbdocs-content th.valign-bottom,.sbdocs-content>div td.valign-bottom,.sbdocs-content>div th.valign-bottom{vertical-align:bottom}.sbdocs-content td.valign-top,.sbdocs-content th.valign-top,.sbdocs-content>div td.valign-top,.sbdocs-content>div th.valign-top{vertical-align:top}.sbdocs-content td.nowrap,.sbdocs-content th.nowrap,.sbdocs-content>div td.nowrap,.sbdocs-content>div th.nowrap{white-space:nowrap}.sbdocs-content td.is-head,.sbdocs-content th.is-head,.sbdocs-content>div td.is-head,.sbdocs-content>div th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content td.is-sticky-left,.sbdocs-content td.is-sticky-right,.sbdocs-content th.is-sticky-left,.sbdocs-content th.is-sticky-right,.sbdocs-content>div td.is-sticky-left,.sbdocs-content>div td.is-sticky-right,.sbdocs-content>div th.is-sticky-left,.sbdocs-content>div th.is-sticky-right{position:sticky;z-index:1}.sbdocs-content td.has-sticked,.sbdocs-content th.has-sticked,.sbdocs-content>div td.has-sticked,.sbdocs-content>div th.has-sticked{z-index:2}.sbdocs-content td.is-sticky-left,.sbdocs-content th.is-sticky-left,.sbdocs-content>div td.is-sticky-left,.sbdocs-content>div th.is-sticky-left{left:0}.sbdocs-content td.is-sticky-right,.sbdocs-content th.is-sticky-right,.sbdocs-content>div td.is-sticky-right,.sbdocs-content>div th.is-sticky-right{right:0}.sbdocs-content td.is-sticky-left::after,.sbdocs-content td.is-sticky-right::after,.sbdocs-content th.is-sticky-left::after,.sbdocs-content th.is-sticky-right::after,.sbdocs-content>div td.is-sticky-left::after,.sbdocs-content>div td.is-sticky-right::after,.sbdocs-content>div th.is-sticky-left::after,.sbdocs-content>div th.is-sticky-right::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.sbdocs-content td.is-sticky-left::after,.sbdocs-content th.is-sticky-left::after,.sbdocs-content>div td.is-sticky-left::after,.sbdocs-content>div th.is-sticky-left::after{right:0}.sbdocs-content td.is-sticky-right::after,.sbdocs-content th.is-sticky-right::after,.sbdocs-content>div td.is-sticky-right::after,.sbdocs-content>div th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.sbdocs-content td.has-sticked.is-sticky-left::after,.sbdocs-content td.has-sticked.is-sticky-right::after,.sbdocs-content th.has-sticked.is-sticky-left::after,.sbdocs-content th.has-sticked.is-sticky-right::after,.sbdocs-content>div td.has-sticked.is-sticky-left::after,.sbdocs-content>div td.has-sticked.is-sticky-right::after,.sbdocs-content>div th.has-sticked.is-sticky-left::after,.sbdocs-content>div th.has-sticked.is-sticky-right::after{opacity:1}.sbdocs-content th,.sbdocs-content>div th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.sbdocs-content th.is-sortable,.sbdocs-content>div th.is-sortable{padding:0}.sbdocs-content a,.sbdocs-content>div a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sbdocs-content a:hover,.sbdocs-content>div a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sbdocs-content .stzh-richtext__external-link,.sbdocs-content>div .stzh-richtext__external-link{position:relative}.sbdocs-content .stzh-richtext__external-vhidden,.sbdocs-content>div .stzh-richtext__external-vhidden{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.sbdocs-content .stzh-richtext__external-icon-wrapper,.sbdocs-content>div .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sbdocs-content .stzh-richtext__external-icon,.sbdocs-content>div .stzh-richtext__external-icon{--icon:var(--stzh-icon-size);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size);height:var(--stzh-icon-size)}.sbdocs-content .sbdocs-title,.sbdocs-content .sbdocs-h2,.sbdocs-content>div .sbdocs-title,.sbdocs-content>div .sbdocs-h2{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color)}.sbdocs-content .sbdocs-title,.sbdocs-content h1:first-of-type,.sbdocs-content>div .sbdocs-title,.sbdocs-content>div h1:first-of-type{margin-top:0}.sbdocs-content h2:first-of-type,.sbdocs-content>div h2:first-of-type{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sbdocs-content h2:first-of-type,.sbdocs-content>div h2:first-of-type{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h2:first-of-type,.sbdocs-content>div h2:first-of-type{margin-top:var(--stzh-space-xxxxlarge)}}.sbdocs-content h2,.sbdocs-content>div h2{padding-bottom:0;border-bottom:none}.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content table,.sbdocs-content>div table{display:block;overflow-x:auto;width:auto;min-width:auto}.sbdocs-content ul li ul,.sbdocs-content ul li ol,.sbdocs-content ul li dl,.sbdocs-content>div ul li ul,.sbdocs-content>div ul li ol,.sbdocs-content>div ul li dl{list-style:none;padding-left:0;overflow:hidden}.sbdocs-content p,.sbdocs-content ul li,.sbdocs-content stzh-text,.sbdocs-content>div p,.sbdocs-content>div ul li,.sbdocs-content>div stzh-text{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.sbdocs-content p,.sbdocs-content ul li,.sbdocs-content stzh-text,.sbdocs-content>div p,.sbdocs-content>div ul li,.sbdocs-content>div stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.sbdocs-content p b,.sbdocs-content p strong,.sbdocs-content ul li b,.sbdocs-content ul li strong,.sbdocs-content stzh-text b,.sbdocs-content stzh-text strong,.sbdocs-content>div p b,.sbdocs-content>div p strong,.sbdocs-content>div ul li b,.sbdocs-content>div ul li strong,.sbdocs-content>div stzh-text b,.sbdocs-content>div stzh-text strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content p i,.sbdocs-content p em,.sbdocs-content ul li i,.sbdocs-content ul li em,.sbdocs-content stzh-text i,.sbdocs-content stzh-text em,.sbdocs-content>div p i,.sbdocs-content>div p em,.sbdocs-content>div ul li i,.sbdocs-content>div ul li em,.sbdocs-content>div stzh-text i,.sbdocs-content>div stzh-text em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}';const o=s;const c=class{constructor(e){t(this,e)}componentDidLoad(){console.log(this.constructor.style.replace('@charset "UTF-8";',""))}render(){return e(n,{key:"6fcd1e011e72df8eb912d22d4dfd87fc12b94ae8"})}};c.style=o;export{c as stzh_skin_storybook_preview};
+//# sourceMappingURL=p-a9c4e972.entry.js.map