/*!
* Pintura v8.64.1 
* (c) 2018-2023 PQINA Inc. - All Rights Reserved
* License: https://pqina.nl/pintura/license/
*/
/* eslint-disable */
.PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}
.PinturaPercentageLabel{font-variant-numeric:tabular-nums;min-width:3em;text-align:center}
.PinturaSliderPanel .PinturaSlider{width:10em;--knob-size:0.75em;--knob-margin-left:0.3125em;--knob-margin-right:0.3125em}
.PinturaSliderPanel .PinturaSliderTrack{background-color:var(--color-foreground-10)}
.PinturaSliderPanel .PinturaSliderKnob{background-color:var(--color-foreground-100);box-shadow:0 .125em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}
.PinturaRadioGroup .PinturaRadioGroupOptions{display:flex;flex-direction:column}
.PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}
.PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true]{display:none}
.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{flex-direction:row}
.PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}
.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}
.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}
.pintura-editor,pintura-editor{--color-primary:#ffd843;--color-primary-dark:#ffc343;--color-primary-text:#000;--color-secondary:#03a9f4;--color-secondary-dark:#046bbf;--color-focus:4,107,191;--color-focus-100:rgba(var(--color-focus),1);--color-focus-50:rgba(var(--color-focus),0.5);--color-focus-25:rgba(var(--color-focus),0.25);--color-error:255,87,34;--color-error-100:rgb(var(--color-error));--color-error-75:rgba(var(--color-error),0.75);--color-error-50:rgba(var(--color-error),0.5);--color-error-25:rgba(var(--color-error),0.25);--color-error-10:rgba(var(--color-error),0.1);--color-foreground:0,0,0;--color-background:255,255,255;--color-preview-outline:var(--color-foreground);--color-transition-duration:250ms;--button-cursor:pointer;--font-size:16px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);--backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);--border-radius-round:9999em;--border-radius:0.625em;--filter-disabled:grayscale(95%) opacity(40%);--editor-inset-top:0px;--editor-inset-bottom:0px;--safe-area-inset-top:0px;--safe-area-inset-bottom:0px;--pattern-transparent:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");--grid-color-even:rgba(var(--color-foreground),0.1);--grid-color-odd:rgba(var(--color-background),0.1);--grid-size:24}
.pintura-editor,.pintura-editor-panel,pintura-editor{--color-foreground-100:rgba(var(--color-foreground),1);--color-foreground-95:rgba(var(--color-foreground),0.95);--color-foreground-90:rgba(var(--color-foreground),0.9);--color-foreground-80:rgba(var(--color-foreground),0.8);--color-foreground-70:rgba(var(--color-foreground),0.7);--color-foreground-60:rgba(var(--color-foreground),0.6);--color-foreground-50:rgba(var(--color-foreground),0.5);--color-foreground-40:rgba(var(--color-foreground),0.4);--color-foreground-30:rgba(var(--color-foreground),0.3);--color-foreground-20:rgba(var(--color-foreground),0.25);--color-foreground-15:rgba(var(--color-foreground),0.2);--color-foreground-10:rgba(var(--color-foreground),0.15);--color-foreground-5:rgba(var(--color-foreground),0.075);--color-foreground-3:rgba(var(--color-foreground),0.05);--color-foreground-1:rgba(var(--color-foreground),0.02);--color-foreground-0:rgba(var(--color-foreground),0);--color-background-100:rgba(var(--color-background),1);--color-background-95:rgba(var(--color-background),0.95);--color-background-90:rgba(var(--color-background),0.9);--color-background-80:rgba(var(--color-background),0.8);--color-background-70:rgba(var(--color-background),0.7);--color-background-60:rgba(var(--color-background),0.6);--color-background-50:rgba(var(--color-background),0.5);--color-background-40:rgba(var(--color-background),0.4);--color-background-30:rgba(var(--color-background),0.3);--color-background-20:rgba(var(--color-background),0.2);--color-background-15:rgba(var(--color-background),0.15);--color-background-10:rgba(var(--color-background),0.1);--color-background-5:rgba(var(--color-background),0.05);--color-background-3:rgba(var(--color-background),0.03);--color-background-1:rgba(var(--color-background),0.01);--color-background-0:rgba(var(--color-background),0)}
.pintura-editor,.PinturaRootWrapper,pintura-editor{display:block}
.PinturaRootWrapper{height:100%}
.PinturaScrollableContent{overflow:hidden;max-height:80vh;overflow-y:auto;scrollbar-color:var(--color-foreground-30) transparent;scrollbar-width:thin}
.PinturaScrollableContent::-webkit-scrollbar{width:1em;cursor:pointer}
.PinturaScrollableContent::-webkit-scrollbar-track{background:none}
.PinturaScrollableContent::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-30);border-radius:9999em;border:.3125em solid transparent}
.PinturaRoot[data-env~=is-animated]{--transition-duration-multiplier:1}
.PinturaRoot[data-env~=is-transparent]{background:none}
.PinturaRoot{--nav-group-margin:0.5em;--editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));--editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));--transition-duration-10:calc(var(--transition-duration-multiplier, 0) * 0.1s);--transition-duration-25:calc(var(--transition-duration-multiplier, 0) * 0.25s);--transition-duration-50:calc(var(--transition-duration-multiplier, 0) * 0.5s);box-sizing:border-box;width:var(--editor-width,100%);height:var(--editor-height,100%);padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);max-width:var(--editor-max-width,var(--editor-max-width-default,none));max-height:var(--editor-max-height,var(--editor-max-height-default,none));position:relative;overflow:hidden;contain:strict;display:grid;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:normal;font-size:var(--font-size);font-family:var(--font-family);font-weight:450;touch-action:manipulation;text-align:left;text-transform:none;text-rendering:optimizeLegibility;direction:ltr;color:var(--color-foreground-90);background-color:var(--color-background-100);outline-color:rgba(var(--color-preview-outline),1);transition:background-color 1ms,outline-color 1ms,color var(--transition-duration-10) ease-in-out}
.PinturaRoot .PinturaUtilMain{cursor:var(--cursor)}
.PinturaRoot *{box-sizing:content-box;word-wrap:normal}
.PinturaRoot button,.PinturaRoot fieldset,.PinturaRoot input,.PinturaRoot legend{padding:0;margin:0;border:none;background:transparent;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:auto;text-decoration:none}
.PinturaRoot button[disabled]{pointer-events:none}
.PinturaRoot canvas{display:block}
.PinturaRoot svg{display:inline-block;width:auto;height:auto;max-width:none}
.PinturaRoot p{margin:0}
.PinturaRoot li,.PinturaRoot ul{list-style:none;margin:0;padding:0}
.PinturaRoot a{color:inherit;text-decoration:none}
.PinturaRoot .implicit{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}
.PinturaRoot .PinturaFixedWidthCharacters{font-variant:tabular-nums}
.PinturaRoot .PinturaStage{display:flex;align-self:stretch;flex:1;pointer-events:none}
.PinturaRoot .PinturaStage[tabindex="-1"]{outline:none}
.PinturaRoot .PinturaRootPortal,.PinturaRoot>.PinturaCanvas{position:absolute;left:0;top:0}
.PinturaRoot>.PinturaCanvas{width:100%;height:100%;pointer-events:none;z-index:0}
.PinturaRoot>.PinturaCanvas canvas{position:absolute;width:100%;height:100%}
.PinturaRoot>.PinturaCanvas:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background-repeat:no-repeat}
.PinturaRoot>.PinturaStatus{position:absolute;z-index:99999;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;background-color:var(--color-background-90)}
.PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;left:50%;display:inline-flex;white-space:nowrap;align-items:center;transition:opacity var(--transition-duration-50) ease-out}
.PinturaRoot .PinturaStatusMessage{position:absolute;font-size:.875em}
.PinturaRoot .PinturaStatusAside{position:absolute;left:0}
.PinturaRoot .PinturaStatusAside svg{width:1.25em;height:1.25em}
.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator{margin-left:.5em}
.PinturaRoot .PinturaStatusAside .PinturaButton{outline:transparent;margin-left:.75em;font-size:.875em;border-radius:var(--border-radius-round);background-color:var(--color-foreground-5);padding:.25em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out;-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}
.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}
.PinturaRoot .PinturaStatusIcon svg{font-size:.875em;margin-top:.25em;margin-left:.5em}
.PinturaRoot>.PinturaNav{position:relative;z-index:3}
.PinturaRoot>.PinturaNav:empty{display:none!important}
.PinturaRoot>.PinturaNav .PinturaButton{outline:transparent;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out}
.PinturaRoot>.PinturaNav .PinturaButton svg{width:1em;transition:opacity var(--transition-duration-10) ease-out}
.PinturaRoot>.PinturaNav .PinturaButton>span{justify-content:center}
.PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,.PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner{width:1.75em}
.PinturaRoot>.PinturaNav .PinturaButton .PinturaButtonInner{height:1.75em}
.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly){padding-left:.75em;padding-right:.75em}
.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel{font-size:.75em;line-height:2}
.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton){box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaRoot>.PinturaNav .PinturaButton:only-of-type{border-radius:var(--border-radius-round)}
.PinturaRoot>.PinturaNav .PinturaButton:only-of-type+*{margin-left:.5em}
.PinturaRoot>.PinturaNav .PinturaButton[disabled] .PinturaButtonLabel,.PinturaRoot>.PinturaNav .PinturaButton[disabled] svg{opacity:.25}
.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}
.PinturaRoot .PinturaButtonExport{color:var(--color-primary-text);background-color:var(--color-primary)}
.PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}
.PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);background-color:var(--color-primary-dark)}
.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){flex:1;padding:0 .75em}
.PinturaRoot>.PinturaNavMain{display:flex;overflow:hidden}
.PinturaRoot>.PinturaNavMain [aria-selected=true] button{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}
.PinturaRoot>.PinturaNavMain button svg{align-self:center;width:1.5em}
.PinturaRoot>.PinturaNavMain button span,.PinturaRoot>.PinturaNavMain button svg{pointer-events:none}
.PinturaRoot>.PinturaNavMain button svg+span{margin-top:.75em}
.PinturaRoot>.PinturaNavMain button span{font-size:.875em;display:block;width:calc(100% - 1em);overflow:hidden;text-overflow:ellipsis;width:inherit;max-width:calc(100% - 1em)}
.PinturaRoot>.PinturaNavMain button{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out}
.PinturaRoot>.PinturaNavMain button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}
.PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaRoot>.PinturaNavTools{max-width:100%;box-sizing:border-box;pointer-events:none}
.PinturaRoot>.PinturaNavTools:empty{display:none}
.PinturaRoot>.PinturaNavTools,.PinturaRoot>.PinturaNavTools .PinturaNavGroup,.PinturaRoot>.PinturaNavTools .PinturaNavSet{display:flex;align-items:center;justify-content:center}
.PinturaRoot>.PinturaNavTools .PinturaButton,.PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}
.PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}
.PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}
.PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}
.PinturaRoot .PinturaNavGroup:first-of-type{margin-right:auto;margin-left:0}
.PinturaRoot .PinturaNavGroup:last-of-type{margin-left:auto;margin-right:0}
.PinturaRoot .PinturaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}
.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}
.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-right:0}
.PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}
.PinturaRoot .PinturaNavSet>.PinturaButton:hover,.PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}
.PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}
.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}
.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}
.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}
.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}
.PinturaRoot[data-env~=overlay] .PinturaNavSet{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}
.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,.PinturaRoot[data-env~=overlay] .PinturaNavSet>*{border-color:var(--color-background-15)}
.PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton{box-shadow:0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}
.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{box-shadow:inset 0 0 .125em rgba(0,0,0,.25),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}
.PinturaRoot .PinturaNavGroupFloat{position:absolute;left:0;right:0;pointer-events:none}
.PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}
.PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}
.PinturaRoot>.PinturaMain{max-width:100vw}
.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader{padding-top:0;padding-bottom:1em;margin-bottom:-1em}
.PinturaRoot[data-env~=landscape]{grid-template-rows:min-content auto;grid-template-columns:auto}
.PinturaRoot[data-env~=landscape]>.PinturaNavTools{grid-row:1;grid-column:1;padding:1em 1em 0;z-index:3}
.PinturaRoot[data-env~=landscape]>.PinturaNavMain{align-items:center;justify-content:flex-end;position:absolute;left:1em;top:calc(1em + var(--editor-calculated-inset-top));bottom:calc(1em + var(--editor-calculated-inset-bottom))}
.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList{flex-direction:column}
.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li{display:flex}
.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li+li{margin:.5em 0 0}
.PinturaRoot[data-env~=landscape]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);justify-content:center}
.PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}
.PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{width:1em;margin-top:.25em}
.PinturaRoot[data-env~=landscape][data-env~=has-toolbar]>.PinturaNavMain{top:calc(4em + var(--editor-calculated-inset-top));bottom:calc(4em + var(--editor-calculated-inset-bottom))}
.PinturaRoot[data-env~=landscape][data-env~=has-limited-space]>.PinturaNavMain{align-items:flex-start;bottom:calc(1em + var(--editor-calculated-inset-bottom))}
.PinturaRoot[data-env~=landscape]>.PinturaMain{grid-row:2;grid-column:1}
.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto min-content}
.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:2;padding-top:0;padding-bottom:1em}
.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation]{grid-template-columns:6em auto}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 0 0 7em}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaNavTools{grid-column:1/span 2}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaMain{grid-column:2}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain{padding-left:0}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilFooter{padding-right:1em}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 6em}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 7em 0 0}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaNavMain{right:1em;left:auto}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaMain{grid-column:1}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain{padding-right:0}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilFooter{padding-left:1em}
.PinturaRoot[data-env~=portrait]{grid-template-rows:min-content auto min-content;grid-template-columns:auto}
.PinturaRoot[data-env~=portrait]>*{grid-column:1}
.PinturaRoot[data-env~=portrait]>.PinturaNavTools{grid-row:1;padding:.75em .75em 0}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain{grid-row:3;margin-bottom:.75em;justify-content:center}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain li+li{margin-left:.5em}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);justify-content:center}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{width:1em;margin-top:.25em}
.PinturaRoot[data-env~=portrait]>.PinturaMain{grid-row:2;grid-column:1}
.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto min-content min-content}
.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3;padding:0 .75em .75em}
.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:2}
.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]{grid-template-rows:min-content min-content auto}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaMain{grid-row:3}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaNavMain{grid-row:2;margin-top:.75em;margin-bottom:0}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]{grid-template-rows:min-content auto min-content}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:1}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:2}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3}
.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{flex:1;flex-direction:row;width:auto;height:auto;border-radius:var(--border-radius);justify-content:flex-start;align-items:center;padding:.625em 0;width:6em}
.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{font-size:.6875em;margin:0 .625em 0 0;line-height:1.2;text-align:left}
.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .5em 0 .625em;min-width:1em}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 8em}
.PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat{position:static;margin:0}
.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{padding:0;font-size:.625em;width:4em;height:4em;justify-content:center;border-radius:9999em}
.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{visibility:hidden;font-size:0;margin:0}
.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{margin-top:0;width:1.6em}
.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg [stroke-width]{stroke-width:.15em}
.PinturaRoot[data-env~=portrait][data-env~=narrow]{--nav-group-margin:0.25em;grid-template-rows:min-content auto min-content;grid-template-columns:auto}
.PinturaRoot[data-env~=portrait][data-env~=narrow]>*{grid-column:1}
.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.6875em}
.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .25em}
.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto min-content min-content}
.PinturaRoot[data-env~=overlay]{grid-template-rows:auto!important;grid-template-columns:auto!important}
.PinturaRoot[data-env~=overlay] .PinturaNav{z-index:3}
.PinturaRoot[data-env~=overlay] .PinturaMain{grid-row:1;grid-column:1}
.PinturaRoot[data-env~=overlay] .PinturaUtilMain{position:absolute;left:0;top:0;right:0;bottom:0;padding:0;z-index:-1}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{position:absolute;left:0;right:0}
.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{top:0}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{bottom:0}
.PinturaRoot[data-env~=overlay] .PinturaNavMain{position:absolute;right:0;top:0;bottom:0;background:none}
.PinturaRoot[data-env~=overlay] .PinturaNavTools{position:absolute;left:0;top:0;right:0}
.PinturaRoot[data-env~=overlay][data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{top:0;bottom:auto}
.PinturaRoot[data-env~=overlay][data-env~=has-toolbar-preference-bottom] .PinturaNavTools{top:auto;bottom:0}
.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain{padding-left:2em;padding-right:2em}
.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation]{padding-left:0;padding-right:2em}
.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation][data-env~=has-navigation-preference-right]{padding-left:2em;padding-right:0}
.PinturaRoot[data-env*=is-disabled],.PinturaRoot[data-env*=is-disabled] *{pointer-events:none!important}
.PinturaRoot[data-env*=is-disabled]{--color-primary:#b4b4b4;--color-primary-dark:#a0a0a0;--color-primary-text:#000;--color-secondary:#969696;--color-secondary-dark:#646464}
.PinturaRoot[data-env*=is-disabled] .PinturaCanvas,.PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton{filter:grayscale(100%)}
.PinturaRoot .PinturaEditorOverlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background:var(--color-background-50);pointer-events:none}
@media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.PinturaNav{will-change:transform}}}
.PinturaColorPickerPanel{padding:.5em;max-width:14em;overflow:visible;touch-action:none}
.PinturaColorPickerPanel .PinturaColorPickerButton{outline:transparent}
.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-foreground-70)}
.PinturaColorPickerPanel .PinturaColorPreview{width:1.25em;height:1.25em;border-radius:.25em}
.PinturaColorPickerPanel .PinturaColorPreview span{border-radius:.2em;box-shadow:inset 0 0 0 1px var(--color-foreground-20)}
.PinturaColorPickerPanel .PinturaColorPresets legend{color:var(--color-foreground-50);margin:0 0 .25em .3125em;font-size:.75em}
.PinturaColorPickerPanel .PinturaColorPresets:only-child legend{display:none}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions{display:flex;flex-direction:row;flex-wrap:wrap}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption{display:block;padding:.25em}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span{display:block;cursor:var(--button-cursor)}
.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaColorPickerPanel .PinturaSlider{margin-left:-.325em;margin-right:-.325em}
.PinturaColorPickerPanel .PinturaSlider>.PinturaSliderControl{position:relative;z-index:2}
.PinturaColorPickerPanel .PinturaPicker{width:100%}
.PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets{margin-top:.5em}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,.PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;box-shadow:inset 0 .06125em .06125em rgba(0,0,0,.1),0 0 0 .06125em #fff,0 .1875em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{pointer-events:none;position:absolute;z-index:1;left:0;top:0;margin-left:-.625em;margin-top:-.625em;width:1.25em;height:1.25em;visibility:visible;outline:none}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{position:absolute;left:0;top:0;right:0;bottom:0;visibility:hidden}
.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{position:relative;border-radius:var(--border-radius) var(--border-radius) 0 0;margin:-.5em -.5em .5em;height:7em;background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent)}
.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}
.PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack{box-shadow:inset 0 0 1px var(--color-foreground-50)}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before,.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:-1;border-radius:inherit;background-color:#fff;background-image:var(--pattern-transparent)}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before{background-position:calc(var(--slider-position) * -2px) 0}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}
.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput{color:var(--color-foreground-80);margin:.75em 0 .25em .3125em;width:calc(100% - .625em);line-height:1.75;text-indent:.5em;font-size:.875em;border-radius:.25em;border:1px solid var(--color-foreground-20);font-variant:tabular-nums;text-transform:uppercase}
.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus{outline:transparent;border-color:var(--color-focus-100)}
.PinturaOptionsList,.PinturaOptionsListWrapper{border-radius:inherit}
.PinturaOptionsList .PinturaListOption{transition:background-color var(--transition-duration-10);border-radius:inherit}
.PinturaOptionsList .PinturaListOption label{display:block;margin:0;border-radius:inherit;white-space:nowrap}
.PinturaOptionsList .PinturaListOption svg{margin-right:.25em;margin-left:-.5em;min-width:1.5em}
.PinturaOptionsList .PinturaListOption [slot]{display:flex;align-items:center;padding:.325em .75em}
.PinturaOptionsList .PinturaDropdownOptionLabel{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em;display:inline-flex;flex-direction:column}
.PinturaOptionsList .PinturaDropdownOptionSublabel{font-size:.75em;opacity:.5;margin-top:-.5em}
.PinturaOptionsList .PinturaListOptionGroup>span{display:block;padding:.75em 1em;text-transform:uppercase;font-size:.75em;color:var(--color-foreground-50)}
.PinturaOptionsList [data-disabled=true]{color:var(--color-foreground-50)}
.PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover{background-color:var(--color-foreground-10)}
.PinturaOptionsList [data-selected=true]{color:var(--color-foreground-100);background-color:var(--color-foreground-20)}
.PinturaOptionsList [data-focus-visible]+label .PinturaDropdownOptionLabel{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}
.PinturaListOption label{margin:0}
.PinturaUtilPanel[data-util=filter] .PinturaUtilFooter{padding-left:0!important;padding-right:0!important}
.PinturaUtilPanel[data-util=filter] .PinturaScrollable{width:40em}
.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}
.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}
.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0;pointer-events:none}
.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{border-radius:0;transition:border-radius 1ms}
.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{border-radius:0}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}
.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}
.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}
.PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{display:block;text-align:center;padding:0 .3125em;line-height:1.75;max-width:100%;font-size:.625em;font-weight:400;margin-left:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before{transition:background-color var(--transition-duration-10),color var(--transition-duration-10)}
.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}
.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{content:"";position:absolute;width:100%;height:100%;opacity:.35;border-radius:inherit;background-color:var(--color-primary)}
.PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}
.PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:3.75em;height:4.5em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter>div{padding:0}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:2.875em;height:3.5em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{font-size:.5em}
.PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor{min-height:3.375em}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{margin:1em 1em 0 0;padding:.125em;border:1px dashed var(--color-foreground-15);color:var(--color-foreground-70)}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{color:var(--color-foreground-90)}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label{font-size:.75em}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
.PinturaUtilPanel[data-util=frame] [data-selected=true]{border-color:var(--color-primary);color:var(--color-primary)}
.PinturaUtilPanel[data-util=frame] [data-selected=true] span{color:var(--color-foreground-90)}
.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}
.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}
.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{cursor:var(--button-cursor);margin-bottom:1em}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{display:block;text-align:center;padding:0 1.5em;font-size:.625em;font-weight:400}
.PinturaUtilPanel[data-util=frame] [data-focus-visible]+label>.PinturaRadioGroupOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div{position:absolute;outline-color:currentColor;border-color:currentColor;cursor:var(--button-cursor)}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{overflow:hidden;left:-1px;top:-1px;bottom:-1px;right:-1px;display:flex;align-items:center;justify-content:center}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter>div{padding:0}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{width:2.25em;height:3em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{font-size:.5em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}
.PinturaUtilPanel[data-util=resize] form{display:flex;justify-content:center;padding:0 1em}
.PinturaUtilPanel[data-util=resize] .PinturaFormInner{position:relative;display:flex;justify-content:center;align-items:center}
.PinturaUtilPanel[data-util=resize] .PinturaFormInner>button{position:absolute;left:100%;margin-left:1em}
.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner{display:inline-flex;align-items:center;justify-content:center}
.PinturaUtilPanel[data-util=resize] .PinturaResizeLabel{font-size:.75em}
.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton{margin-left:.5em;margin-right:.5em;background-color:var(--color-foreground-5);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}
.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}
.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel{display:block;line-height:2.65;padding:0 1em;font-variant-numeric:tabular-nums;font-size:.75em;font-weight:400}
.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}
.PinturaUtilPanel[data-util=resize] input[type=checkbox]+label{padding:0 .125em;outline:transparent;display:block;cursor:pointer}
.PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaInputDimension{display:inline-flex;align-items:center;position:relative}
.PinturaInputDimension label{position:absolute;right:.625em;font-size:.75em;text-transform:uppercase;pointer-events:none;color:var(--color-foreground-80);z-index:1}
.PinturaInputDimension button,.PinturaInputDimension input,.PinturaInputDimension label{font-size:.75em;font-weight:400}
.PinturaInputDimension button,.PinturaInputDimension input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;box-sizing:border-box;font-variant-numeric:tabular-nums;padding:.625em 0 .625em .625em;width:100%;max-width:7em;outline:transparent;border-radius:var(--border-radius);box-shadow:none;border:1px solid var(--color-foreground-80);transition:background-color var(--transition-duration-10) ease-in-out,color var(--transition-duration-10) ease-in-out,border-color var(--transition-duration-10) ease-in-out}
.PinturaInputDimension button::-moz-selection, .PinturaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}
.PinturaInputDimension button::selection,.PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}
.PinturaInputDimension button:hover,.PinturaInputDimension input:hover{background-color:var(--color-foreground-10)}
.PinturaInputDimension button:focus,.PinturaInputDimension input:focus{border-color:var(--color-focus-100)}
.PinturaInputDimension input{background-color:var(--color-foreground-5)}
.PinturaInputDimension input:-moz-placeholder-shown+label{color:var(--color-foreground-20)}
.PinturaInputDimension input:placeholder-shown+label{color:var(--color-foreground-20)}
.PinturaInputDimension input::-moz-placeholder{color:var(--color-foreground-30)}
.PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}
.PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50)}
.PinturaInputDimension button{width:10em;min-height:2.65em}
.PinturaInputDimension input::-webkit-inner-spin-button,.PinturaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}
.PinturaInputDimension input::-ms-clear{display:none}
.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}
.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}
.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}
.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile{position:absolute;width:100%;height:100%}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile[data-transparent=true]{background-color:#fff;background-image:var(--pattern-transparent);border-radius:calc(var(--border-radius) + 1px)}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile div,.PinturaUtilPanel[data-util=fill] .PinturaFillTile img{cursor:var(--button-cursor);position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius)}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile:after{content:"";z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);pointer-events:none}
.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption[data-selected=true] .PinturaFillTile:after{box-shadow:inset 0 0 0 1px var(--color-foreground-5),inset 0 0 0 4px var(--color-primary),inset 0 0 0 5px var(--color-foreground-5)}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaUtilFooter>div{padding:0}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{width:2.25em;height:3em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption span{font-size:.5em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .175em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}
.PinturaUtilPanel[data-util=crop] .PinturaStage{touch-action:none}
.PinturaUtilPanel[data-util=crop],.PinturaUtilPanel[data-util=crop] .PinturaStage,.PinturaUtilPanel[data-util=crop] .PinturaUtilMain{pointer-events:all}
.PinturaUtilPanel[data-util=crop] .PinturaImageInfo{position:absolute;right:1em;bottom:1em}
.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter{--size:3em;position:absolute;left:0;top:0;width:var(--size);height:var(--size);z-index:1;line-height:0;margin-top:calc(var(--size) * (-.5));margin-left:calc(var(--size) * (-.5));overflow:hidden;border-radius:50%;color:#000;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);outline:none}
.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}
.PinturaModal{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-modal-border-radius:0;--editor-modal-overlay-opacity:0.95;--editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);--editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);position:fixed;left:0;top:0;width:100%;height:100vh;z-index:2147483646;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)))}
.PinturaModal>.PinturaRoot[data-env~=is-centered]{box-shadow:var(--editor-modal-shadow);border-radius:var(--editor-modal-border-radius)}
.PinturaModal>.PinturaRoot[data-env~=is-centered]:after{position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;content:"";box-shadow:var(--editor-modal-outline);z-index:2147483646}
.PinturaModal[style*="--viewport-pad-footer:1"]{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}
.PinturaModal+.PinturaModal{--editor-modal-overlay-opacity-default:0.75}
@media(min-width:600px) and (min-height:600px){.PinturaModal+.PinturaModal .PinturaRoot{--editor-max-width-default:calc(100vw - 8em);--editor-max-height-default:calc(100vh - 8em)}}
.PinturaDocumentLock,.PinturaDocumentLock body{height:calc(var(--pintura-document-height) - 1px);overflow-y:hidden;box-sizing:border-box}
.PinturaDocumentLock body{position:relative}
.PinturaDocumentLock .PinturaModal{height:100%!important}
.PinturaPanel{--color-inset:hsla(0,0%,100%,0.1);--color-fill:var(--color-foreground-5);top:0;left:0;z-index:2147483647;width:-moz-max-content;width:max-content;cursor:auto;outline:transparent;box-shadow:inset 0 0 0 1px var(--color-inset),0 .125em .25em rgba(0,0,0,.25),0 .125em .75em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.1);border-radius:var(--border-radius)}
.PinturaPanel,.PinturaPanelTip{position:absolute;color:var(--color-foreground-90);background-color:var(--color-background-100);background-image:linear-gradient(var(--color-fill),var(--color-fill));background-blend-mode:screen}
.PinturaPanelTip{--tip-mask:transparent calc(50% - 1.5px),#000 calc(50% - 1.5px);width:.5em;height:.5em;margin-left:-.25em;margin-top:-.25em;z-index:-1;box-shadow:inset -1px -1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to bottom right,var(--tip-mask));mask:linear-gradient(to bottom right,var(--tip-mask))}
.PinturaPanelTip[style*="top:0"]{box-shadow:inset 1px 1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to top left,var(--tip-mask));mask:linear-gradient(to top left,var(--tip-mask))}
.PinturaTabList{display:flex;justify-content:center}
.PinturaTabList button{display:flex;align-items:center;flex-direction:column;outline:transparent;cursor:var(--button-cursor);-webkit-tap-highlight-color:transparent}
.PinturaTabList button>*{transition:filter var(--transition-duration-10) ease-out}
.PinturaTabList button[disabled]>*{filter:var(--filter-disabled)}
.PinturaScrollable{--scrollable-feather-start-opacity:0;--scrollable-feather-end-opacity:0;--scrollable-feather-size:2em;contain:paint;overflow:hidden}
.PinturaScrollable:focus{outline:transparent}
.PinturaScrollable>div{position:relative;display:inline-flex;vertical-align:top}
.PinturaScrollable{touch-action:none}
.PinturaScrollable[data-direction=x]{max-width:100%;--mask-angle:90deg}
.PinturaScrollable[data-direction=y]{max-height:100%;--mask-angle:180deg}
.PinturaScrollable[data-state~=overflows]{-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)))}
.PinturaScrollable[data-state~=scrolling]>div *{pointer-events:none}
.PinturaTabPanels{flex:1;display:grid;grid-template-columns:1fr}
.PinturaTabPanel{position:relative;grid-row-start:1;grid-column-start:1;min-width:0}
.PinturaTabPanel:not([hidden]){z-index:2;outline:transparent}
.PinturaTabPanel[hidden]{display:block!important;z-index:1;pointer-events:none}
.PinturaTabPanel[data-inert=true]{visibility:hidden}
@supports not (aspect-ratio:1){.PinturaTabPanel{overflow-x:hidden}}
.PinturaSlider{position:relative;--track-offset-x:0.5em;--track-offset-y:0.5em;--track-size:1.5em;--knob-size:1em;--knob-margin-top:0em;--knob-margin-right:0em;--knob-margin-bottom:0em;--knob-margin-left:0em;display:flex;align-items:center;touch-action:none}
.PinturaSlider[data-direction=y]{flex-direction:column}
.PinturaSlider .PinturaSliderControl{position:relative;flex:1}
.PinturaSlider>button{position:relative;z-index:1;width:var(--track-size);height:var(--track-size);overflow:hidden;cursor:pointer;flex-shrink:none}
.PinturaSlider>button svg{width:1.25em;height:1.25em;margin:.125em;stroke-width:.125em;stroke:var(--color-foreground-50)}
.PinturaSlider>button:first-of-type{order:2;padding-right:.125em;margin-left:-.325em}
.PinturaSlider>button:last-of-type{order:1;padding-left:.125em;margin-right:-.325em}
.PinturaSlider>.PinturaSliderControl{order:2}
.PinturaSlider .PinturaSliderKnob{left:0;top:50%;border-radius:9999em;visibility:visible;width:var(--knob-size);height:var(--knob-size);margin-left:calc(var(--knob-size) * -.5);margin-top:calc(var(--knob-size) * -.5)}
.PinturaSlider .PinturaSliderKnob,.PinturaSlider .PinturaSliderKnobController,.PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute}
.PinturaSlider .PinturaSliderTrack{top:var(--track-offset-y);bottom:var(--track-offset-y);left:var(--track-offset-x);right:var(--track-offset-x)}
.PinturaSlider .PinturaSliderKnobController{visibility:hidden;top:calc(var(--track-offset-y) + var(--knob-margin-top));bottom:calc(var(--track-offset-y) + var(--knob-margin-bottom));left:calc(var(--track-offset-x) + var(--knob-margin-left));right:calc(var(--track-offset-x) + var(--knob-margin-right))}
.PinturaSlider .PinturaSliderTrack{border-radius:9999em}
.PinturaSlider[data-direction=x] input[type=range]{height:var(--track-size);margin-left:var(--track-offset-x);width:calc(100% - (var(--track-offset-x) * 2))}
.PinturaSlider[data-direction=y] input[type=range]{width:var(--track-size);margin-top:var(--track-offset-y);height:calc(100% - (var(--track-offset-y) * 2))}
.PinturaSlider input[type=range]{-webkit-appearance:none;display:block}
.PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}
.PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;line-height:0;margin:0;padding:0;border:none}
.PinturaSlider input[type=range]::-moz-range-thumb{line-height:0;margin:0;padding:0;border:none;visibility:hidden}
.PinturaSlider input[type=range]::-ms-thumb{line-height:0;margin:0;padding:0;border:none}
.PinturaSlider input[type=range]::-ms-ticks-before,.PinturaSlider input[type=range]::-ms-tooltip{display:none}
.PinturaSlider input[type=range]::-ms-ticks-after{display:none}
.PinturaSlider input[type=range]::-ms-track{color:transparent;border:none;background:transparent}
.PinturaSlider input[type=range]::-ms-fill-lower,.PinturaSlider input[type=range]::-ms-fill-upper{background:transparent}
.PinturaSlider input[type=range]:focus{outline:transparent}
.PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);pointer-events:none}
.PinturaProgressIndicator{position:relative;display:block;width:1.25em;height:1.25em}
.PinturaProgressIndicator .PinturaProgressIndicatorFill{stroke-dashoffset:0}
.PinturaProgressIndicator[data-status=busy] svg{animation:image_editor_spin 1s linear infinite}
.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill{stroke-dashoffset:-26.5;stroke-dasharray:26.5 53;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}
@keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@media only screen and (-webkit-min-device-pixel-ratio:3){.PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:49% 49%}}
.PinturaButton{white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor)}
.PinturaButton>span{display:inline-flex;align-items:center;vertical-align:top;min-height:1em}
.PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}
.PinturaButton[disabled]{cursor:default}
.PinturaButtonInner{text-decoration:inherit}
.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}
.PinturaUtilPanel{position:relative;z-index:1;height:100%;display:flex;flex:1;flex-direction:column;contain:layout size;box-sizing:border-box}
.PinturaUtilPanel,.PinturaUtilPanel>*{padding-top:.5em;padding-bottom:.5em}
.PinturaUtilMain{padding-left:1em;padding-right:1em;min-height:1px;touch-action:none}
.PinturaUtilMain,.PinturaUtilMain>[slot]{flex:1;display:flex;flex-direction:column}
.PinturaUtilMain>[slot]{align-items:center}
.PinturaUtilFooter>[slot]:empty{min-height:1em}
.PinturaUtilFooter>[slot]{display:flex;flex-direction:column;align-items:center;justify-content:stretch;pointer-events:all}
.PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsList,.PinturaUtilFooter .PinturaShapeStyleList{min-height:3.5em;align-items:flex-start}
.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.PinturaUtilFooter .PinturaControlList [role=tab] button{flex-direction:row;line-height:1;padding:0 .75em;min-height:1.75em;border-radius:var(--border-radius-round);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,filter var(--transition-duration-25) ease-out;box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor)}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,.PinturaUtilFooter .PinturaControlList [role=tab] button span{font-size:.75em;font-weight:400}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.PinturaUtilFooter .PinturaControlList [role=tab] button svg{width:.875em;font-size:.875em}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-left:-.25em;margin-right:.375em}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.PinturaUtilFooter .PinturaControlList [role=tab] button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],.PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaUtilFooter .PinturaControlListOption [slot],.PinturaUtilFooter .PinturaControlListOption label{display:flex;flex-direction:row;align-items:center}
.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaUtilFooter .PinturaControlListOption input[disabled]+label{filter:var(--filter-disabled)}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,.PinturaUtilFooter .PinturaControlList>li+li{margin-left:.5em}
.PinturaUtilFooter .PinturaControlPanels{display:grid;grid-template-columns:1fr;width:40em;max-width:100%;margin:0 auto;flex:auto}
.PinturaUtilFooter .PinturaControlPanel{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;visibility:visible;opacity:1}
.PinturaUtilFooter .PinturaControlPanel[hidden]{display:block!important;visibility:hidden;transition-delay:0s;pointer-events:none;opacity:0}
.PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}
.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button{padding-left:.625em;padding-right:.625em;border-radius:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child button{border-radius:var(--border-radius-round)}
.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child) button{padding-left:.75em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}
.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child) button{padding-right:.75em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}
@supports not (aspect-ratio:1){.PinturaControlPanel{overflow-x:hidden}}
.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition:opacity var(--transition-duration-25) ease-in-out,visibility var(--transition-duration-25) linear;transition-delay:.1s}
.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader{order:1}
.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{order:2}
.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain{order:3}
.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels{order:-1}
.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:0;bottom:auto}
.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-bottom:.75em}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanels{order:1}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:auto;bottom:0}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-top:.75em}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsList,.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList{align-items:flex-end}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel{order:1}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin:.75em 0}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{max-width:24em}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList{margin-top:1em}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>li+li{margin-left:0}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] span{font-size:.75em}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] button{border-radius:0;background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:first-child button{padding-left:.875em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:last-child button{padding-right:.875em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li:not([aria-selected=true]) span{color:var(--color-foreground-40)}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{height:1.5em;margin-top:0}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset{opacity:0}
.PinturaRangeInput{position:relative;display:flex;flex-direction:column;align-items:center;margin:auto;height:3.5em;max-width:24em;width:calc(100% - 2em);touch-action:none;--range-input-feather-left:2em;--range-input-feather-right:2em;--range-input-mask-from:0%;--range-input-mask-to:100%;--range-input-mask-color:rgba(0,0,0,0.25);--range-input-line-color:var(--color-foreground-15);outline:transparent}
.PinturaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";position:absolute;left:0;right:0;top:calc(50% - 1em);height:2em;border-radius:.25em}
.PinturaRangeInputInner{position:relative;overflow:hidden;height:100%;width:100%;contain:strict;-webkit-mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent);mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent)}
.PinturaRangeInputMeter{height:100%}
.PinturaRangeInput .PinturaRangeInputMeter svg{display:block;pointer-events:none;fill:currentColor}
.PinturaRangeInput>.PinturaRangeInputValue{position:absolute;z-index:1;pointer-events:none;top:calc(50% - .6875em);left:calc(50% - 1.75em);width:3.5em;height:1.5em;overflow:hidden;contain:strict;text-align:center;font-size:.75em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif}
.PinturaRangeInput>.PinturaRangeInputReset{position:absolute;left:calc(50% - 1.0625em);top:0;margin-top:.125em;padding:0;z-index:1;width:2em;overflow:hidden;color:transparent!important;transition:opacity var(--transition-duration-25);opacity:.35;outline:transparent;cursor:var(--button-cursor)}
.PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}
.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}
.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{content:"";pointer-events:none;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);height:1em;width:1em;z-index:2;border-radius:.25em;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaRangeInput>.PinturaRangeInputReset[disabled]{opacity:.15}
.PinturaRangeInput>.PinturaRangeInputReset:after{content:"";position:absolute;left:50%;top:20%;width:1px;height:60%;background:var(--color-foreground-100)}
.PinturaRangeInputInner[data-value-limited] svg{-webkit-mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to));mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to))}
.PinturaRangeInputInner[data-value-limited] svg rect{x:var(--range-mask-from);width:calc(var(--range-mask-to) - var(--range-mask-from));fill:var(--range-input-line-color)}
.PinturaColorPreview{--color:transparent;color:var(--color);position:relative;pointer-events:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E")}
.PinturaColorPreview span{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--color);border-radius:inherit}
.PinturaInput{display:flex;flex-direction:row}
.PinturaInputField{flex:1;outline:transparent}
.PinturaInputField[type=number]{-moz-appearance:textfield}
.PinturaInputField[type=number]::-webkit-inner-spin-button,.PinturaInputField[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.PinturaInputSpinners{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}
.PinturaInputSpinners button{line-height:1!important;width:2em;font-size:.5em!important;outline:transparent}
.PinturaImageInfo{pointer-events:none}
.PinturaImageInfo p{width:8em;height:1.25em;contain:strict;overflow:hidden;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif;text-align:right;line-height:1;font-size:.75em}
.PinturaPresetListFilter .PinturaRadioGroupOptions{justify-content:space-evenly;padding:.625em 0 .3125em}
.PinturaPresetListFilter .PinturaRadioGroupOptions label{display:block;cursor:pointer}
.PinturaPresetListFilter+.PinturaOptionsList{border-top-left-radius:0;border-top-right-radius:0}
.PinturaShapeStyleEditor{position:relative;display:grid;grid-template-columns:1fr}
.PinturaShapeStyleEditor>div{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}
.PinturaShapeStyles{position:relative}
.PinturaShapeStyles:not([data-state~=overflows]){display:flex;justify-content:center}
.PinturaShapeStyleList{display:flex}
.PinturaShapeStyleList .PinturaButton,.PinturaShapeStyleList .PinturaInput{outline:transparent}
.PinturaShapeStyleList .PinturaInput{padding:0 0 0 .625em;font-size:.75em;line-height:2.25}
.PinturaShapeStyleList .PinturaShapeStyleLabel{line-height:1.75;font-size:.625em;font-weight:300;padding:0 .75em;text-transform:lowercase;pointer-events:none;text-align:center;color:var(--color-foreground-50);white-space:nowrap}
.PinturaShapeStyleList>.PinturaShapeStyle{border-radius:var(--border-radius-round)}
.PinturaShapeStyleList>.PinturaShapeStyle+.PinturaShapeStyle{margin-left:1em}
.PinturaShapeStyle{display:flex;flex-direction:column;align-items:stretch}
.PinturaShapeStyle .PinturaPanelButton{border-radius:inherit}
.PinturaShapeStyle>.PinturaButton:hover,.PinturaShapeStyle>.PinturaButton[data-focus-visible]{position:relative;z-index:1}
.PinturaShapeStyle>.PinturaColorPickerButton .PinturaButtonLabel{display:block;border-radius:inherit}
.PinturaShapeStyle>.PinturaColorPickerButton{display:flex;justify-content:center}
.PinturaShapeStyle .PinturaColorPreview{border-radius:inherit;width:1.5em;height:1.5em;background-color:#fff;background-size:4px}
.PinturaShapeStyle .PinturaColorPreview span{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";z-index:1}
.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview{-webkit-mask:radial-gradient(circle,transparent 5.5px,#000 6px);mask:radial-gradient(circle,transparent 5.5px,#000 6px);-webkit-mask-size:cover;mask-size:cover}
.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{position:absolute;left:6px;top:6px;right:6px;bottom:6px;border-radius:inherit;box-shadow:0 0 0 1px var(--color-foreground-5);content:""}
.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroupOption label,.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{display:block;line-height:2.25;padding:0 1em;font-size:.6875em}
.PinturaShapeStyle>.PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaShapeStyle .PinturaInputField{text-align:right;padding:0 .75em;width:3em;height:2em;line-height:2em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}
.PinturaShapeStyle>.PinturaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}
.PinturaShapeStyle>.PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}
.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}
.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{top:0;margin-left:.375em;font-size:.47265625em}
.PinturaShapeStyle .PinturaComboBox{padding-right:.75em}
.PinturaShapeStyle .PinturaComboBox .PinturaInput{padding-left:0}
.PinturaShapeStyle .PinturaComboBox .PinturaInput input{box-shadow:none}
.PinturaShapeStyle .PinturaComboBox .PinturaInputField{padding-right:.375em}
.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{flex-direction:row}
.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);display:flex;height:1.5em;align-items:center;padding:0 .25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}
.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}
.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg{width:1.125em;height:1.125em}
.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label{padding-left:.5em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}
.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label{padding-right:.5em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}
.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}
.PinturaRectManipulator{--size:1.25em;position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) scale(var(--sx),var(--sy))}
.PinturaRectManipulator:not([data-shape=edge]){width:var(--size);height:var(--size);z-index:2}
.PinturaRectManipulator:not([data-shape=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;border-radius:inherit;content:""}
.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);border-radius:50%;background-color:var(--color-foreground-100);box-shadow:0 0 2px var(--color-background-50)}
.PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}
.PinturaRectManipulator[data-shape=hook][data-direction*=t]{margin-top:-3px;border-bottom:0}
.PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size) * (-1))}
.PinturaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size) * (-1));border-top:0}
.PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}
.PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}
.PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}
.PinturaRectManipulator[data-direction=b],.PinturaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size) * (-.5));transform-origin:0 center}
.PinturaRectManipulator[data-direction=l],.PinturaRectManipulator[data-direction=r]{cursor:ew-resize;width:var(--size);margin-left:calc(var(--size) * (-.5));transform-origin:center 0}
.PinturaRectManipulator[data-direction=bl],.PinturaRectManipulator[data-direction=tr]{cursor:nesw-resize}
.PinturaRectManipulator[data-direction=br],.PinturaRectManipulator[data-direction=tl]{cursor:nwse-resize}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active{background-color:var(--color-foreground-5)}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after{left:-1em;right:-1em;top:-1em;bottom:-1em}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator{transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0)}
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=b],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=t]{width:calc(var(--sx) * 1px)}
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=l],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=r]{height:calc(var(--sy) * 1px)}
.PinturaToolbar{display:flex;justify-content:center;margin-left:1em;margin-right:1em}
.PinturaToolbar .PinturaToolbarInner{display:inline-flex}
.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}
.PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);outline:transparent;padding:.3125em .75em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;line-height:1.1}
.PinturaToolbar .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}
.PinturaToolbar .PinturaButtonLabel{font-size:.75em}
.PinturaToolbar .PinturaPanel{z-index:3}
.PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}
.PinturaShapeList{pointer-events:none;opacity:0;transition:opacity var(--transition-duration-10) ease-in-out;position:absolute;top:1em;left:1em;width:-moz-max-content;width:max-content;z-index:1;border-radius:var(--border-radius);color:var(--color-foreground-100);background:var(--color-background-70);box-shadow:0 0 0 1px var(--color-foreground-5)}
.PinturaShapeList li+li{margin-top:-.3125em}
.PinturaShapeList[data-visible=true]{opacity:1}
.PinturaShapeList .PinturaColorPreview{width:.75em;height:.75em;margin-right:.25em;border-radius:.25em}
.PinturaShapeList .PinturaShapeListItem{display:flex;align-items:center;padding:.25em .5em;outline:none}
.PinturaShapeList .PinturaShapeListItem>span{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em}
.PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaShapeList[data-visible=true] .PinturaShapeListItem{pointer-events:all}
.PinturaShapeEditor{height:100%;width:100%;outline:none;touch-action:none}
.PinturaShapeControls{position:absolute!important;left:0;top:0;z-index:3;pointer-events:none;display:flex;align-items:center}
.PinturaShapeControlsGroup{pointer-events:all;color:#eee;background:#222;box-shadow:0 .125em .25em rgba(0,0,0,.25);border-radius:.25em}
.PinturaShapeControlsGroup,.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{display:inline-flex;min-height:1.75em}
.PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-left:.5em}
.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{position:relative}
.PinturaShapeControlsGroup .PinturaButton{outline:transparent}
.PinturaShapeControlsGroup .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaShapeControlsGroup .PinturaButton[disabled]>span{opacity:.5;pointer-events:all;cursor:not-allowed}
.PinturaShapeControlsGroup>.PinturaButton{display:block;font-weight:700;transition:background-color var(--transition-duration-10);outline:transparent}
.PinturaShapeControlsGroup>.PinturaButton:hover{background-color:hsla(0,0%,100%,.15)}
.PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{display:block;font-size:.6875em;padding:0 .75em;line-height:1.7em}
.PinturaShapeControlsGroup .PinturaButtonIconOnly{width:1.75em;transition:background-color var(--transition-duration-10)}
.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover{background-color:hsla(0,0%,100%,.15)}
.PinturaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}
.PinturaShapeControlsGroup>button:last-of-type{border-radius:0 .25em .25em 0}
.PinturaShapeControlsGroup>button:only-of-type{border-radius:.25em}
.PinturaShapeControlsGroup>*+*{border-left:1px solid rgba(0,0,0,.5)}
.PinturaShapeControlsGroup svg{pointer-events:none}
.PinturaInlineInput{position:absolute;left:0;top:0;margin:0;padding:0;transform-origin:center;display:flex}
.PinturaInlineInput:before{content:"";width:0;height:var(--line-height)}
.PinturaContentEditable{margin:0;padding:0;width:calc(100% / var(--font-scalar));height:calc((100% / var(--font-scalar)) - var(--bottom-inset, 0));overflow:hidden;outline:none;vertical-align:top}
.PinturaShapePresetsPalette{text-align:center;width:40em;max-width:100%;overflow:hidden}
.PinturaShapePresetsPalette .PinturaShapePresetSelect{vertical-align:top;display:inline-block}
.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]){display:flex;justify-content:center}
.PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}
.PinturaShapePresetsPalette .PinturaButton{flex-direction:row;line-height:1.1;padding:.3125em .75em;border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;outline:none}
.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}
.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}
.PinturaShapePresetsPalette .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}
.PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>div>*+*{margin-left:.5em}
.PinturaShapePresetsGroups{display:flex}
.PinturaShapePresetsGrouped{display:flex;flex-direction:column;align-items:center}
.PinturaShapePresetsGrouped [role=tab]{white-space:nowrap}
.PinturaShapePresetsFlat{display:flex;align-items:center;justify-content:center}
.PinturaShapePresetsFlat>.PinturaButton{margin-left:1em}
.PinturaShapePreset,.PinturaShapePresetsList{display:flex;align-items:center}
.PinturaShapePreset{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;justify-content:center;position:relative}
.PinturaShapePreset text{font-family:monospace}
.PinturaShapePreset img,.PinturaShapePreset svg{display:block;width:var(--thumb-size);height:var(--thumb-size);min-width:auto;max-width:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--thumb-radius)}
.PinturaShapePreset .PinturaDragButton{padding:var(--thumb-margin);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaShapePreset .PinturaDragButton:hover{background-color:var(--color-foreground-10)}
.PinturaShapePreset .PinturaDragButton[data-loader]:after,.PinturaShapePreset .PinturaDragButton[data-loader]:before{display:block;width:var(--thumb-size);height:var(--thumb-size);line-height:var(--thumb-size);border-radius:var(--thumb-radius)}
.PinturaShapePreset .PinturaDragButton[data-error] img{display:none}
.PinturaShapePreset .PinturaDragButton[data-error]:after{content:"⚠";box-shadow:inset 0 0 0 1px var(--color-error-75);background-color:var(--color-error-10);color:var(--color-error-75)}
.PinturaShapePreset .PinturaDragButton[data-loader]{position:relative}
.PinturaShapePreset .PinturaDragButton[data-loader]:before{content:"";position:absolute;left:var(--thumb-margin);top:var(--thumb-margin);animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;background-color:var(--color-foreground-10);transition:transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;z-index:-1}
.PinturaShapePreset .PinturaDragButton[data-loader] img{opacity:0;transition:opacity calc(var(--transition-duration-multiplier, 0) * .35s) ease-out}
.PinturaShapePreset .PinturaDragButton[data-loader][data-load] img{opacity:1}
.PinturaShapePreset .PinturaDragButton[data-loader][data-error]:before,.PinturaShapePreset .PinturaDragButton[data-loader][data-load]:before{animation-play-state:paused;transform:scale(.5)}
.PinturaShapePreset+.PinturaShapePreset{margin-left:.5em}
@keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}
.PinturaInputForm{opacity:0;cursor:auto;z-index:2147483647}
.PinturaInputForm:not([data-layout=stick]){position:absolute;bottom:6.5em;width:30em;left:calc(50% - 15em);box-shadow:0 .25em .5em -.5em rgba(0,0,0,.75),inset 0 0 0 1px var(--color-foreground-10);border-radius:var(--border-radius);background-color:var(--color-background-95)}
@media(max-width:34em){.PinturaInputForm:not([data-layout=stick]){left:2em;right:2em;width:auto}}
.PinturaInputForm[data-layout=stick]{transition:opacity .15s ease .25s;position:absolute;left:0;right:0;outline:1px solid var(--color-foreground-15);background-color:var(--color-background-100)}
.PinturaInputForm[data-layout=stick]>.PinturaInputFormInner{background-color:var(--color-foreground-3)}
.PinturaInputFormInner>.PinturaButton{color:var(--color-foreground-100);border-radius:9999em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}
.PinturaInputFormInner>.PinturaButton:last-of-type{right:1rem;color:var(--color-primary-text);background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-10)}
.PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em 0 .625em}
.PinturaInputFormInner>.PinturaButton .PinturaButtonIcon{width:.875em;height:.875em}
.PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly{width:1.875em;height:1.875em}
.PinturaInputFormInner>.PinturaButton .PinturaButtonLabel{font-size:.875em}
.PinturaInputFormInner>.PinturaButton .PinturaButtonInner{line-height:2;display:flex;justify-content:center}
.PinturaInputFormInner{padding-top:1em;padding-bottom:3.5em}
.PinturaInputFormInner>.PinturaButton{position:absolute;bottom:1em}
.PinturaInputFormFields textarea:only-child{width:100%;padding:0 1em .5em;height:5em;display:block;background:transparent;-webkit-mask:linear-gradient(0deg,transparent,#000 1em);mask:linear-gradient(0deg,transparent,#000 1em)}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar{width:1em;cursor:pointer}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track{background:none}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-70);border-radius:9999em;border:.25em solid transparent}
.PinturaInputForm input,.PinturaInputForm textarea{box-sizing:border-box;resize:none;border:none;font-size:1rem;outline:transparent;color:var(--color-foreground-100)}
.PinturaInputForm input{background-color:var(--color-background-100)}
.PinturaModalBodyLock .PinturaInputForm{margin-top:-50px}
.PinturaContentEditable{white-space:pre-line!important;word-break:break-word!important;display:inline-block!important;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}
.PinturaContentEditable[data-wrap-content=nowrap]{white-space:nowrap!important;word-break:normal!important}
.PinturaContentEditable{background:transparent!important;margin:0!important;border-radius:0!important;max-width:none!important;min-width:auto!important;box-shadow:none!important}
.PinturaShapeManipulator{position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r)) scale(var(--sx),var(--sy));--size:0.75em}
.PinturaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);width:var(--size);height:var(--size);border-radius:9999em}
.PinturaShapeManipulator:not([data-control=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;content:""}
.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}
.PinturaShapeManipulator[data-control=point]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));box-shadow:0 0 0 2px #fff,0 0 4px #000;z-index:3}
.PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size) * (-.5));height:var(--size);width:1px;z-index:1;transform-origin:0 calc(var(--size) * .5)}
.PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}
.PinturaShapeManipulator[data-control=rotate]{border-radius:9999em;background:linear-gradient(90deg,#fff,#ddd);box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;z-index:2;cursor:grab}
.PinturaRoot[data-env*=chrome-] .PinturaShapeManipulator[data-control=edge]{width:calc(var(--sx) * 1px);transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r))}
.PinturaDragButton{cursor:var(--button-cursor);outline:transparent}
.PinturaDragButton>*{pointer-events:none}
.PinturaDragButton{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:filter var(--transition-duration-25) ease-out}
.PinturaDragButton[disabled]{filter:var(--filter-disabled)}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius, 4px);font-family:var(--dp-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size, 1rem);line-height:calc(var(--dp-font-size, 1rem)*1.5);padding:var(--dp-input-padding, 6px 30px 6px 12px);color:var(--dp-text-color);box-sizing:border-box}.dp__input::-moz-placeholder{opacity:.7}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::-moz-placeholder{color:var(--dp-disabled-color-text)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size, 1rem);height:var(--dp-font-size, 1rem);stroke-width:0;font-size:var(--dp-font-size, 1rem);line-height:calc(var(--dp-font-size, 1rem)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;left:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;right:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-left:var(--dp-input-icon-padding, 35px)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius, 4px) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius, 4px) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{position:absolute;background:var(--dp-background-color);border-radius:var(--dp-border-radius, 4px);min-width:var(--dp-menu-min-width, 260px);font-family:var(--dp-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);font-size:var(--dp-font-size, 1rem);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:1}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp__arrow_top{left:50%;top:-1px;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-left:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(45deg)}.dp__arrow_bottom{left:50%;bottom:-1px;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-right:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__now_wrap{text-align:center;padding:2px 0}.dp__now_button{border:1px solid var(--dp-primary-color);color:var(--dp-primary-color);padding:0 4px;font-weight:bold;border-radius:var(--dp-border-radius, 4px);font-size:var(--dp-font-size, 1rem);cursor:pointer;background:rgba(0,0,0,0)}.dp__preset_ranges{padding:5px;border-right:1px solid var(--dp-border-color)}.dp__sidebar_left{padding:5px;border-right:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;border-left:1px solid var(--dp-border-color)}.dp__preset_range{padding:5px}.dp__preset_range:hover{background-color:var(--dp-hover-color);cursor:pointer}.dp__menu_content_wrapper{display:flex}.dp__calendar_wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:var(--dp-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);flex:0}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size, 35px);padding:var(--dp-cell-padding, 5px);width:var(--dp-cell-size, 35px);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-maring, 5px 0)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding, 0.5rem)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius, var(--dp-border-radius, 4px));height:var(--dp-cell-size, 35px);padding:var(--dp-cell-padding, 5px);width:var(--dp-cell-size, 35px);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-bottom-right-radius:0;border-top-right-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-bottom-left-radius:0;border-top-left-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-hover-color);border-radius:0;border-top:1px solid var(--dp-hover-color);border-bottom:1px solid var(--dp-hover-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-left:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-right:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-left:var(--dp-two-calendars-spacing, 10px)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius, 4px);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-right:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-right:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height, 35px);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size, 25px);width:var(--dp-month-year-row-button-size, 25px);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height, 20px);width:var(--dp-button-icon-height, 20px)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__month_year_select{width:50%;text-align:center;cursor:pointer;height:var(--dp-month-year-row-height, 35px);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius, 4px);box-sizing:border-box}.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__month_year_wrap{display:flex;width:100%}.dp__overlay{position:absolute;width:100%;height:100%;background:var(--dp-background-color);top:0;left:0;transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);color:var(--dp-text-color);box-sizing:border-box}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-left:auto;margin-right:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding, 3px);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding, 10px) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius, 4px);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius, 4px);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__month_picker_header{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size, 35px)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--dp-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);color:var(--dp-text-color)}.dp__time_col_reg{padding:0 20px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{font-size:var(--dp-time-font-size, 2rem);text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius, 4px);display:flex;align-items:center;justify-content:center;padding:0 3px}.dp__time_display:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size, 32px);width:var(--dp-time-inc-dec-button-size, 32px);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size, 32px);width:var(--dp-time-inc-dec-button-size, 32px)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding, 10px);border-radius:var(--dp-border-radius, 4px);cursor:pointer}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-common-padding, 10px);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height, 20px);width:auto}.dp__selection_preview{display:block;align-items:center;justify-content:flex-start;flex-basis:50%;color:var(--dp-text-color);font-size:var(--dp-preview-font-size, 0.8rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;align-items:center;justify-content:flex-end;flex-basis:50%;text-align:right}.dp__action_button{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:1px 6px;line-height:initial;margin-left:3px;cursor:pointer;border-radius:var(--dp-border-radius, 4px)}.dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}:root{--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%)}.dp__main{font-family:var(--dp-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;align-content:center;justify-content:center;padding:var(--dp-common-padding, 10px);box-sizing:border-box;height:var(--dp-button-height, 35px)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height, 20px);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius, 4px);border-bottom-right-radius:var(--dp-border-radius, 4px)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all .1s ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(22px)}.calendar-next-leave-to{opacity:0;transform:translateX(-22px)}.calendar-prev-enter-from{opacity:0;transform:translateX(-22px)}.calendar-prev-leave-to{opacity:0;transform:translateX(22px)}.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-enter-active,.dp-menu-appear-leave-active{transition:opacity var(--dp-animation-duration) var(--dp-menu-appear-transition-timing)}.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(22px)}.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(-22px)}.dp-menu-appear-enter-from{opacity:0}.dp-menu-appear-leave-to{opacity:1}

/*# sourceMappingURL=main.css.map */.boxed-frame {
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
}@media print {.boxed-frame {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}

  .boxed-frame .frame {
  display: flex;
  justify-content: space-between;
  background-color: #191F40;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

  .boxed-frame .frame .leading-normal {
      /* TODO @Katja: this class is not related to what it's doing */
      font-weight: 600;
      --tw-text-opacity: 1;
      color: rgb(254 251 250 / var(--tw-text-opacity));
    }

  .boxed-frame .frame .frame-title {
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}

  .boxed-frame .boxed-frame-content > section {
  padding-left: 1rem;
  padding-right: 1rem;
}

  .boxed-frame.content-overflow-auto .boxed-frame-content {
  overflow: auto;
}
.offer-sheet-modal-form {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.offer-sheet-modal-form .boxed-frame-content > :not([hidden]) ~ :not([hidden]), .offer-sheet-pdf .boxed-frame-content > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.offer-sheet-modal-form .boxed-frame-content, .offer-sheet-pdf .boxed-frame-content {

    --vp-font-size: 0.875rem;
  }
.offer-sheet-modal-form .boxed-frame-content .divide-section > :not([hidden]) ~ :not([hidden]), .offer-sheet-pdf .boxed-frame-content .divide-section > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.offer-sheet-modal-form .boxed-frame-content .title, .offer-sheet-pdf .boxed-frame-content .title {
  padding-top: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.offer-sheet-modal-form .boxed-frame-content .vp-datetime-input .dp__theme_light, .offer-sheet-pdf .boxed-frame-content .vp-datetime-input .dp__theme_light {
      --dp-hover-color: #FD84B7;
      --dp-month-year-row-height: 15rem;
      --dp-font-size: 0.875rem;
      --dp-time-font-size: 1rem;
      --dp-time-inc-dec-button-size: 1.5rem;
      --dp-menu-min-width: 13rem;
      }
.offer-sheet-modal-form .boxed-frame-content .vp-datetime-input .dp__pm_am_button, .offer-sheet-pdf .boxed-frame-content .vp-datetime-input .dp__pm_am_button {
  background-color: #191F40;
}
.offer-sheet-modal-form .boxed-frame-content .vp-datetime-input .dp__icon:hover, .offer-sheet-pdf .boxed-frame-content .vp-datetime-input .dp__icon:hover {
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.offer-sheet-modal-form .boxed-frame-content .vp-rich-text, .offer-sheet-pdf .boxed-frame-content .vp-rich-text {
  min-height: 100%;
}
.offer-sheet-modal-form .boxed-frame-content .vp-rich-text .tiptap-editor .tiptap-editor-content, .offer-sheet-pdf .boxed-frame-content .vp-rich-text .tiptap-editor .tiptap-editor-content {
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.5rem;
}
.offer-sheet-modal-form .logo-frame, .offer-sheet-pdf .logo-frame {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 1rem;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.offer-sheet-modal-form .logo-frame img, .offer-sheet-pdf .logo-frame img {
  max-height: 16rem;
  max-width: 100%;
}
.offer-sheet-modal-form .boxed-frame.offer .grid-section, .offer-sheet-pdf .boxed-frame.offer .grid-section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.offer-sheet-modal-form .boxed-frame.offer-show .billing, .offer-sheet-pdf .boxed-frame.offer-show .billing {
  padding-top: 1rem;
  padding-bottom: 0.25rem;
}
.offer-sheet-modal-form .boxed-frame.offer-show .show-row, .offer-sheet-pdf .boxed-frame.offer-show .show-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.offer-sheet-modal-form .boxed-frame.offer-show .contacts, .offer-sheet-pdf .boxed-frame.offer-show .contacts {
  border-top-width: 1px;
}
.offer-sheet-modal-form .boxed-frame.expenses .expenses-border, .offer-sheet-pdf .boxed-frame.expenses .expenses-border {
  border-bottom-width: 1px;
}
.offer-sheet-modal-form .boxed-frame.expenses .expense-row, .offer-sheet-pdf .boxed-frame.expenses .expense-row {
  padding-left: 1.25rem;
}
.offer-sheet-modal-form .boxed-frame.expenses .expense-row.dirty, .offer-sheet-pdf .boxed-frame.expenses .expense-row.dirty {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  background-color: #f2f6ff;
  padding-left: 2.75rem;
  padding-right: 1.5rem;
}
.offer-sheet-pdf {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  margin-left: auto;
  margin-right: auto;
  -moz-columns: 2;
       columns: 2;
  justify-content: space-between;
  gap: 1.5rem;
  border-width: 1px;
  background-color: #fff;
  padding: 0.75rem;
  pointer-events: none;
  width: 216mm;

  --vp-font-size-2xs: 0.5rem;
}
.offer-sheet-pdf .frame {
  font-size: 0.56rem;
}
.offer-sheet-pdf .boxed-frame-content > * {
  font-size: 0.56rem;
}
.offer-sheet-pdf .boxed-frame-content .title {
  padding-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.offer-sheet-pdf .boxed-frame-content .section {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.offer-sheet-pdf .boxed-frame-content .section.div-5 > *:last-child {
  flex-grow: 1;
          width: unset;
}
.offer-sheet-pdf .boxed-frame-content .section.section-row.section-header {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.btn-group {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  align-self: flex-end;
}
.btn-group .vp-btn.vp-btn-base.vp-btn-solid:focus {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.btn-group .vp-btn.vp-btn-lg {
  border-radius: 0px;
}
.btn-group .vp-btn.vp-btn-lg:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.btn-group .vp-btn.vp-btn-lg:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.vp-input-box {
  align-items: center;
}
.vp-input-box .vp-label,
  .vp-input-box .vp-input {
  display: block;
}
.vp-input-box .vp-label {
  font-size: var(--vp-font-size-2xs, 0.8rem);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.vp-input-box .vp-input {
  width: 100%;
  background-color: transparent;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
  caret-color: #E9498C;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (min-width: 1024px) {.vp-input-box .vp-input {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.vp-input-box .vp-input.vp-event-name {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-input-box .vp-input.vp-promoter-name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-input-box .vp-input.vp-price-input {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.vp-input-box .vp-input.vp-long-field {
  width: 15rem;
}
.vp-input-box .vp-input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
.vp-input-box .vp-input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
.vp-input-box .vp-input:hover {
  border-radius: 0.25rem;
  background-color: #EBEAEC;
}
.vp-input-box .vp-input:disabled {
  background-color: #FEFBFA;
}
.vp-input-box .vnf-token-input {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.vp-input-box .vnf-token-input .vnf-input {
  background-color: #FEFBFA;
}
.vp-input-box .vnf-token-input .vnf-token {
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-input-box .vnf-token-input .vnf-token:hover {
  cursor: pointer;
  background-color: #FEDCEA;
}
.vp-input-box .vnf-token-input .vnf-token {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.vp-input-box .vnf-token-input .vnf-token .vnf-token-content {
  border-radius: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.vp-input-box .vnf-token-input .vnf-token.selected .vnf-token-content {
  background-color: #F8DDE9;
}
.vp-input-box .vp-textarea {
  width: 100%;
  background-color: transparent;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-input-box .vp-textarea::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
.vp-input-box .vp-textarea::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
.vp-input-box .vp-textarea:hover {
  background-color: #EBEAEC;
}
.vp-input-box .v3dp__datepicker {
  max-width: 100%;
}
.vp-input-box .v3dp__datepicker .v3dp__input_wrapper {
  display: flex;
  align-items: flex-start;
}
.vp-input-box .v3dp__datepicker .v3dp__input_wrapper .v3dp__clearable {
  align-items: flex-start;
  font-weight: 800;
  font-style: normal;
}
.vp-input-box .v3dp__datepicker input {
  width: 100%;
  background-color: transparent;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-input-box .v3dp__datepicker input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
.vp-input-box .v3dp__datepicker input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
.vp-input-box .v3dp__datepicker .v3dp__popout {
  max-width: 100%;
}
.vp-input-box .v3dp__datepicker .v3dp__popout button span:hover {
  background-color: #f9a8d4;
}
.vp-input-box .v3dp__datepicker .v3dp__popout .selected span {
  background-color: #E9498C;
}
.vp-input-box .v3dp__datepicker .v3dp__popout .selected span:hover {
  background-color: #E9498C;
}
@tailwind components;
.vp-image-input .vp-file-upload {
  background-color: #EBEAEC;
  position: relative;
  aspect-ratio: 1 / 1;
  min-height: 4rem;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.25rem;
}
.vp-image-input .image-select-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vp-image-input .image-select-overlay:hover {
  opacity: 0.8;
}
.top-summary {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px) {.top-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.top-summary .summary-block {
  margin: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.75rem;
  border-style: none;
  padding: 0.75rem;
}
@media (min-width: 640px) {.top-summary .summary-block {
    margin: 1rem;
  }
}
.top-summary .summary-block .label {
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.top-summary .summary-block .value {
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vnf-dropdown-button {
  z-index: 10;
  margin: -0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.375rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.vnf-dropdown-button:hover {
  background-color: #EBEAEC;
}
.vnf-dropdown-button:disabled {
  background-color: #FEFBFA;
}
.vnf-dropdown-button.open {
  background-color: #EBEAEC;
}
.vnf-dropdown-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.vnf-dropdown-option:hover {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  background-color: #EBEAEC;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.vnf-dropdown-option .checkmark {
  --tw-text-opacity: 1;
  color: rgb(67 161 198 / var(--tw-text-opacity));
}
.vnf-dropdown-value {
  text-align: left;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {.vnf-dropdown-value {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.has-value .vnf-dropdown-value {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.has-value .vnf-dropdown-options {
  max-width: 100%;
}
.vnf-dropdown-options {
  position: absolute;
  z-index: 50;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border-radius: 0.375rem;
  background-color: #FEFBFA;
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vp-row-form .vnf-dropdown-options {
  top: 100%;
  width: 100%;
}
.dropdown-field {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.dropdown-field .vp-input-box .vp-input {
  padding-left: 0.5rem;
  font-weight: 700;
}
.vp-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  cursor: pointer;
}
.vp-btn.vp-btn-xxs {
  height: 1.25rem;
  width: 1.25rem;
}
.vp-btn.vp-btn-xs {
  height: 29px;
  max-width: 69px;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.vp-btn.vp-btn-sm {
  height: 44px;
  max-width: 78px;
  border-radius: 0.25rem;
  font-size: 17px;
  font-weight: 400;
}
.vp-btn.vp-btn-md {
    max-width: 7.5rem;
    height: 2.313rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
  }
.vp-btn.vp-btn-lg {
    max-width: 8.75rem;
    height: 2.813rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
  }
.vp-btn.vp-btn-xl {
    max-width: 7.563rem;
    height: 3.5rem;
    border-radius: 0.5rem;
    font-size: 17px;
    font-weight: 700;
  }
.vp-btn.vp-btn-rounded {
    border-radius: 62.5rem;
  }
.vp-btn.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(253, 132, 183, 0.5));
  }
.vp-btn.vp-btn-disabled {
  opacity: 0.5;
}
.vp-btn.vp-btn-primary.vp-btn-solid {
  background-color: #E9498C;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-primary.vp-btn-solid:hover {
  background-color: #FD84B7;
}
.vp-btn.vp-btn-primary.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #E9498C;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-primary.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #E9498C;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-primary.vp-btn-solid.vp-btn-disabled {
  background-color: #FEDCEA;
  opacity: 1;
  filter: none;
}
.vp-btn.vp-btn-primary.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(254 220 234 / var(--tw-border-opacity));
  background-color: #FEFBFA;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-primary.vp-btn-outline:hover {
  background-color: #FEDCEA;
}
.vp-btn.vp-btn-primary.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-primary.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-primary.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(254 220 234 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(253 132 183 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-primary.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-primary.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-primary.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-primary.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-primary.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-solid {
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-solid:hover {
  opacity: 0.75;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-solid.vp-btn-disabled {
  filter: none;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(44 108 166 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline:hover {
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(44 108 166 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline.vp-btn-disabled:hover {
  --tw-text-opacity: 1;
  color: rgb(198 227 254 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(44, 108, 166, 0.5));
  }
.vp-btn.vp-btn-secondary.vp-btn-solid {
  background-color: #C6E3FE;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary.vp-btn-solid:hover {
  opacity: 0.75;
}
.vp-btn.vp-btn-secondary.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #C6E3FE;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #C6E3FE;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-solid.vp-btn-disabled {
  background-color: #C6E3FE;
  filter: none;
}
.vp-btn.vp-btn-secondary.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(198 227 254 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary.vp-btn-outline:hover {
  background-color: #C6E3FE;
}
.vp-btn.vp-btn-secondary.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #C6E3FE;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #C6E3FE;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(198 227 254 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-secondary.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-secondary.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-secondary.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(198, 227, 254, 0.5));
  }
.vp-btn.vp-btn-base.vp-btn-solid {
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-solid.vp-btn-disabled {
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(235 234 236 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base.vp-btn-outline:hover {
  background-color: #EBEAEC;
}
.vp-btn.vp-btn-base.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(235 234 236 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-base.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-base.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(218, 217, 221, 0.5));
  }
.vp-btn.vp-btn-base-dark.vp-btn-solid {
  background-color: #191F40;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-dark.vp-btn-solid:hover {
  opacity: 0.75;
}
.vp-btn.vp-btn-base-dark.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-solid.vp-btn-disabled {
  background-color: #191F40;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-dark.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-dark.vp-btn-outline:hover {
  background-color: #DAD9DD;
}
.vp-btn.vp-btn-base-dark.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #DAD9DD;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #DAD9DD;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-dark.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-dark.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-base-dark.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-base-dark.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(25, 31, 64, 0.5));
  }
.vp-btn.vp-btn-base-light.vp-btn-solid {
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-light.vp-btn-solid:hover {
  opacity: 0.75;
}
.vp-btn.vp-btn-base-light.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-solid.vp-btn-disabled {
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-light.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(235 234 236 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-light.vp-btn-outline:hover {
  background-color: #EBEAEC;
}
.vp-btn.vp-btn-base-light.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(235 234 236 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-light.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-light.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-base-light.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-base-light.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(235, 234, 236, 0.5));
  }
.vp-btn.vp-btn-base-grey.vp-btn-solid {
  background-color: #8E8F9F;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-grey.vp-btn-solid:hover {
  opacity: 0.75;
}
.vp-btn.vp-btn-base-grey.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-solid.vp-btn-disabled {
  background-color: #8E8F9F;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-grey.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-grey.vp-btn-outline:hover {
  background-color: #DAD9DD;
}
.vp-btn.vp-btn-base-grey.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #DAD9DD;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #DAD9DD;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-grey.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-grey.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-base-grey.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-base-grey.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(142, 143, 159, 0.5));
  }
.vp-label {
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
/* Find more here: */
/* https://vue3datepicker.com/customization/theming/ */
.vp-datetime-input .dp__theme_light {
     --dp-font-family: "Open Sans", sans-serif;
     --dp-font-size: 0.875rem;
     --dp-background-color: #ffffff;
     --dp-text-color: #212121;
     --dp-hover-color: #8DC4F6;
     --dp-hover-text-color: #FEFBFA;
     --dp-hover-icon-color: #191F40;
     --dp-primary-color: #2C6CA6;
     --dp-primary-text-color: #FEFBFA;
     --dp-input-icon-padding: 0;
     --dp-secondary-color: #8E8F9F;
     --dp-icon-color: #191F40;
  }
.vp-datetime-input .dp__today:not(.dp__active_date) {
  border-radius: 9999px;
  border-style: none;
  background-color: #E9498C;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-datetime-input .dp__today:not(.dp__active_date):hover {
  border-radius: 0.375rem;
  background-color: #8DC4F6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-datetime-input .dp__pm_am_button {
    background: var(--dp-primary-color);
  }
.vp-datetime-input .dp__input {
  border-style: none;
  background-color: #FEFBFA;
  padding: 0px;
}
.vp-datetime-input .dp__input_focus {
  border-radius: 0.125rem;
  background-color: #EBEAEC;
}
.vp-datetime-input .dp__input::-moz-placeholder {
  border-style: none;
  background-color: #FEFBFA;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
  opacity: 1;
}
.vp-datetime-input .dp__input::placeholder {
  border-style: none;
  background-color: #FEFBFA;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
  opacity: 1;
}
/* Custom order override for calendar header  */
.vp-datetime-input .dp__calendar_header {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-datetime-input .dp__calendar_header_separator {
  display: none;
}
.vp-datetime-input .dp__month_year_col_nav {
  order: 2;
  margin-right: 1.25rem;
}
.vp-datetime-input .dp__month_year_wrap {
  order: 1;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-datetime-input .dp__menu {
    background: #FEFBFA;
    border: 1px solid #DAD9DD;
    box-shadow: 0px 2px 12px rgba(26, 27, 30, 0.12);
    border-radius: 0px 6px 6px 6px;
  }
.vp-datetime-input .dp__overlay {
  background-color: #FEFBFA;
}
/* Reorder calendar and Set current date action */
.vp-datetime-input .dp__menu.dp__menu_index.dp__theme_light > div:nth-child(2) {
  display: flex;
  flex-direction: column;
}
.vp-datetime-input .dp__now_wrap {
    padding: 8px;
    order: 1;
  }
.vp-datetime-input .dp__instance_calendar {
  order: 2;
}
.grab-bing {
  cursor: grab;
}
.grab-bing:active {
  cursor: grabbing;
}
/* TODO: Apply transition as it doesn't want to work for some reason */
.vp-modal-backdrop {
  position: fixed;
  inset: 0px;
  background-color: #191F40;
  opacity: 0.6;
}
.vp-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  padding: 0px;
}
@media (min-width: 640px) {.vp-modal {
    padding: 0.75rem;
  }
}
.vp-modal .vp-modal-wrapper {
  display: flex;
  flex-direction: column;
  border-radius: 0.375rem;
  border-left-width: 1px;
  background-color: #FEFBFA;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-top: 0.875rem;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vp-modal.vp-modal-size-sm {
    max-height: 18rem;
    max-width: 26rem;
  }
.vp-modal.vp-modal-size-md {
    max-height: 30rem;
    max-width: 50rem;
  }
.vp-modal.vp-modal-size-lg {
    max-height: 50rem;
    max-width: 70rem;
  }
.vp-modal.vp-modal-size-full {
    max-height: 100vh;
    max-width: 100vw;
  }
.vp-expander {
  padding-left: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-expander .label-input {
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-expander .arrow {
  height: 1.5rem;
  width: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-rich-text {
  position: relative;
  min-height: 12rem;
}
.vp-rich-text .tiptap-editor {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.vp-rich-text .tiptap-editor .tiptap-editor-content {
  height: 12rem;
  width: 100%;
}
.tiptap-editor {
  position: relative;
}
.vp-input-box .tiptap-editor .vnf-label {
  display: block;
  font-size: var(--vp-font-size-2xs, 0.8rem);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.tiptap-editor .vnf-label {
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.tiptap-editor .menu-bar .divider {
  display: inline;
      width: 0.125rem;
      height: 1.25rem;
      background-color: rgba(0, 0, 0, 0.1);
      margin-left: 0.5rem;
      margin-right: 0.75rem;
}
.tiptap-editor .menu-bar .menu-item {
      width: 1.75rem;
      height: 1.75rem;
      color: #0D0D0D;
      border: none;
      background-color: transparent;
      border-radius: 0.4rem;
      padding: 0.25rem;
      margin-right: 0.25rem;
    }
.tiptap-editor .menu-bar .menu-item svg {
        width: 100%;
        height: 100%;
        fill: currentColor;
      }
.tiptap-editor .menu-bar .menu-item.is-active,
      .tiptap-editor .menu-bar .menu-item:hover {
        color: #FFF;
        background-color: #0D0D0D;
      }
.tiptap-editor .menu-bar input[type="color"] {
  height: 3rem;
  background-color: transparent;
}
.tiptap-editor .tiptap-editor-content:hover {
  background-color: #EBEAEC;
}
.tiptap-editor .tiptap-editor-content h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}
.tiptap-editor .tiptap-editor-content h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.vp-input-box .tiptap-editor .tiptap-editor-content .vnf-label {
  display: block;
  font-size: var(--vp-font-size-2xs, 0.8rem);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.tiptap-editor .tiptap-editor-content .vnf-label {
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.tiptap-editor .tiptap-editor-content blockquote {
      background: #f9f9f9;
      border-left: 0.625rem solid #ccc;
      margin: 1.5em 0.625rem;
      padding: 0.5em 0.625rem;
      quotes: "\201C""\201D""\2018"""
    }
.tiptap-editor .tiptap-editor-content strong {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.tiptap-editor .tiptap-editor-content code {
      background-color: #f1f1f1;
      color: #222222;
      padding: 0.063rem 0.125rem;
      font-size: 0.875rem;
      font-family: ""
    }
.tiptap-editor .tiptap-editor-content ul {
       list-style-type: disc;
       margin-left: 2rem;
     }
.tiptap-editor .tiptap-editor-content ol {
       list-style-type: decimal;
       margin-left: 1.5rem;
    }
.tiptap-editor .tiptap-editor-content li {
  margin-bottom: 0.5rem;
}
.tiptap-editor .tiptap-editor-content {
  overflow-y: auto;
    max-height: 60vh;
}
.tiptap-editor .tiptap-editor-content>div {
  height: 100%;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-modal .tiptap-editor .tiptap-editor-content .ProseMirror {
      height: 32rem;
    }
.vp-rich-text-full-section .rich-text-embed-code-input {
  height: 4rem;
}
.vp-rich-text-full-section .rich-text-media-modal {
  max-height: 16rem;
  max-width: 36rem;
}
.vp-checkbox .vnf-input-box.checked {
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.vp-checkbox .vnf-input-box .vnf-checkbox-icon .checkbox-icon {
  height: 1.75rem;
  width: 1.75rem;
  cursor: pointer;
}
.vp-address-input {
  align-items: center;
}
.vp-address-input .address-input-row {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.vp-address-input .address-input-row.dirty {
  background-color: #f2f6ff;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}
.venue-address-input .vnf-dropdown-options {
  max-height: 12rem;
  overflow-y: auto;
}
.settlement-sheet {
  display: flex;
  height: 100vh;
  min-height: 100vh;
  width: 100%;
  flex-direction: column;
  background-color: #FEFBFA;
  padding: 1rem;
}
.settlement-sheet .header {
  display: flex;
  height: 4rem;
  align-items: center;
  padding-left: 1.5rem;
}
.settlement-sheet .main {
  margin: 1rem;
}
.settlement-sheet .main .event {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.settlement-sheet .main .event.selected {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(233 73 140 / var(--tw-border-opacity));
}
.settlement-sheet .settlement-taxes .taxes-row {
  display: flex;
}
.settlement-sheet .section.div-5 > *:last-child:not(.vp-input-box) {
  flex-grow: 1;
        width: unset;
}
.sheet section {
    /* TODO: @Katja this probably needs to be removed */
    padding-left: 1rem;
    padding-right: 1rem;
  }
.sheet .section {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.sheet .section.bold {
  font-weight: 700;
}
.sheet .section.with-border {
  border-bottom-width: 1px;
}
.sheet .section.with-border:last-child {
  border-bottom-width: 0px;
}
.sheet .section.dirty {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  background-color: #f2f6ff;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.sheet .section.section-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.sheet .section.section-row > * {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.sheet .section.section-row > *:first-of-type {
  padding-left: 0px;
}
.sheet .section.section-row > *:last-of-type {
  padding-right: 0px;
}
.sheet .section.section-row.section-header > *,
      .sheet .section.section-row .field-title {
  font-size: var(--vp-font-size-2xs, 0.8rem);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.sheet .section.section-row.section-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sheet .section > * {
  align-self: flex-start;
}
.sheet .section .right-field {
  text-align: right;
}
.sheet .section.div-5 > * {
  width: 20%;
}
.sheet .section.div-5 > *.double-f {
  width: 40%;
}
.sheet .section.div-5 > *.triple-f {
  width: 60%;
}
.sheet .section.div-3 > * {
  width: 33.333333%;
}
.sheet .section .row-label {
  padding-bottom: 0.25rem;
  font-size: var(--vp-font-size-2xs, 0.8rem);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.shimmer {
  transform: translateX(-100%);
  animation: shimmer 1.4s infinite;
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.table-settings {
  background-color: #FEFBFA;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (min-width: 1024px) {.table-settings {
    padding-left: 11rem;
    padding-right: 11rem;
  }
}
.table-settings .table-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.table-settings .table-list .table-list-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-bottom-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.table-settings .table-list .table-link {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.table-settings .table-list .table-link:visited {
  color: rgb(25 31 64 );
}
.table-settings .table-list .table-link:hover {
  background-color: #F8F7F8;
  text-decoration-line: none;
}
.table-settings .table-list .header-name {
  flex: 1 1 0%;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}
.table-settings .table-list .table-cell-content {
  flex: 1 1 0%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.settings {
  background-color: #FEFBFA;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (min-width: 1024px) {.settings {
    padding-left: 11rem;
    padding-right: 11rem;
  }
}
.settings .form-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {.settings .form-content {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {.settings .form-content .column-content {
    width: 25%;
    flex: none;
  }
}
.settings .form-content .vp-input-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.settings .form-content .venue-address-input .vp-input-box, .settings .form-content .vp-rooms .vp-input-box, .settings .form-content .vp-processing-fee .vp-input-box {
  margin-top: 0px;
  margin-bottom: 0px;
}
.artist-section .artist-row {
  display: flex;
  justify-content: space-between;
    max-width: 33rem;
}
.artist-section .artist-row .vp-input-box {
      min-width: 9rem;
      width: 26rem;
      padding-left: 1rem;
    }
.artist-section .trash-icon {
  margin-left: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.announce-modal {
  height: 100%;
  overflow-y: scroll;
  background-color: #FEFBFA;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 640px) {.announce-modal {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.announce-modal .announce-header {
  display: flex;
  height: 4rem;
  flex: none;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.announce-modal .announce-content .announce-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.announce-modal .announce-content .boxed-frame {
  overflow-y: scroll;
}
.announce-modal .announce-content .event-name-group {
  margin-bottom: 1rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.announce-modal .announce-content .event-name-group > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.announce-modal .announce-content .event-name-group {
  flex-direction: column;
}
@media (min-width: 768px) {.announce-modal .announce-content .event-name-group {
    flex-direction: row;
  }
}
.announce-modal .announce-content .event-name-group .vp-input-box {
  order: 2;
  flex-grow: 1;
}
@media (min-width: 768px) {.announce-modal .announce-content .event-name-group .vp-input-box {
    order: 0;
  }
}
.announce-modal .announce-content .event-name-group .vp-input-box .vp-input.vp-event-name {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.announce-modal .announce-content .event-name-group .status-badge.unscheduled {
  margin-left: auto;
}
@media (min-width: 768px) {.announce-modal .announce-content .event-name-group .status-badge.unscheduled {
    margin-left: 0px;
  }
}
.announce-modal .announce-content .event-name-group .status-badge.scheduled {
  margin-left: auto;
  background-color: #5AB4BB;
}
@media (min-width: 768px) {.announce-modal .announce-content .event-name-group .status-badge.scheduled {
    margin-left: 0px;
  }
}
.announce-modal .announce-content .event-name-group .status-badge.live {
  margin-left: auto;
  background-color: #8DC4F6;
}
@media (min-width: 768px) {.announce-modal .announce-content .event-name-group .status-badge.live {
    margin-left: 0px;
  }
}
.announce-modal .announce-content .event-promotor-announce-group {
  display: flex;
  flex-direction: row;
}
@media (min-width: 768px) {.announce-modal .announce-content .event-promotor-announce-group > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4rem * var(--tw-space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
.announce-modal .announce-content .event-promotor-announce-group {
  flex-direction: column;
}
@media (min-width: 768px) {.announce-modal .announce-content .event-promotor-announce-group {
    flex-direction: row;
  }
}
.announce-modal .announce-content .event-promotor-announce-group .announce-at {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 0px;
}
@media (min-width: 768px) {.announce-modal .announce-content .event-promotor-announce-group .announce-at {
    margin-top: 0px;
  }
}
.announce-modal .announce-form-image-section {
  margin-bottom: 1rem;
  margin-top: 0.25rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.75rem;
  overflow-x: auto;
}
.announce-modal .announce-form-image-section .vp-file-upload {
  display: flex;
  height: 10rem;
  align-items: center;
  justify-content: space-around;
  border-radius: 0.375rem;
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.announce-modal .announce-form-image-section .vp-file-upload:hover {
  background-color: #FEDCEA;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.announce-modal .announce-form-image-section .vp-file-upload {
      min-width: 10rem;
      max-width: 10rem;
    }
.announce-modal .announce-form-image-section .vp-file-preview {
  position: relative;
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
  display: flex;
  height: 10rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
  border-radius: 0.375rem;
      min-width: 10rem;
      max-width: 10rem;
}
.announce-modal .announce-form-image-section .vp-file-preview .preview-highlighted {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  flex-direction: row;
  background-color: #FEDCEA;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
  --tw-shadow-color: #000;
  --tw-shadow: var(--tw-shadow-colored);
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.announce-modal .announce-form-image-section .vp-file-preview .preview-group {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.announce-modal .announce-form-image-section .vp-file-preview .preview-group .preview-edit {
  margin-right: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-radius: 0.125rem;
  background-color: #FEFBFA;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.announce-modal .announce-form-image-section .vp-file-preview .preview-group .preview-edit:hover {
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.announce-modal .announce-form-image-section .vp-file-preview .preview-group .preview-delete {
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-radius: 0.125rem;
  background-color: #FEFBFA;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.announce-modal .announce-form-image-section .vp-file-preview .preview-group .preview-delete:hover {
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.announce-modal .announce-form-image-section .vp-file-preview .preview-set-cover {
  position: absolute;
  bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
}
.announce-modal .announce-form-image-section .image-preview-full {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {.announce-modal .announce-form-image-section .image-preview-full {
    max-width: 60rem;
  }
}
.announce-modal .announce-form-image-section .image-preview-full {
      max-height: 32rem;
    }
.announce-modal .boxed-frame {
  overflow-y: scroll;
}
.announce-modal .boxed-frame .boxed-frame-content {
  padding: 1rem;
}
.announce-modal .boxed-frame::-webkit-scrollbar {
    display: none;
  }
.announce-modal .announce-footer {
  position: sticky;
  bottom: 0px;
  background-color: #FEFBFA;
  padding-bottom: 2rem;
}
.announce-description {
  min-height: 12rem;
}
.announce-description .tiptap-editor {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.announce-description .tiptap-editor .menu-bar {
  margin-left: auto;
}
.announce-description .tiptap-editor .tiptap-editor-content {
  height: 12rem;
  width: 100%;
}
.vp-rooms .room-btn, .vp-rooms .room-btn-icon {
  margin-top: 0.125rem;
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(218 217 221 / var(--tw-text-opacity));
}
.role-settings .vp-input-box, .role-new .vp-input-box {
  max-width: 32rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.role-settings .vp-input, .role-new .vp-input {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}
/* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {.container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {.container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {.container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {.container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {.container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.invisible {
  visibility: hidden;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-16 {
  bottom: 4rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.left-0 {
  left: 0px;
}
.left-24 {
  left: 6rem;
}
.left-3 {
  left: 0.75rem;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-10 {
  right: 2.5rem;
}
.right-16 {
  right: 4rem;
}
.right-6 {
  right: 1.5rem;
}
.top-0 {
  top: 0px;
}
.top-24 {
  top: 6rem;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.m-5 {
  margin: 1.25rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-1 {
  margin-bottom: -0.25rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-mt-0 {
  margin-top: -0px;
}
.-mt-0\.5 {
  margin-top: -0.125rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-auto {
  margin-top: auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.table-header-group {
  display: table-header-group;
}
.table-row-group {
  display: table-row-group;
}
.table-row {
  display: table-row;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-52 {
  height: 13rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-52 {
  max-height: 13rem;
}
.min-h-screen {
  min-height: 100vh;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-3 {
  width: 0.75rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/12 {
  width: 33.333333%;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-612 {
  width: 612px;
}
.w-648 {
  width: 648px;
}
.w-8 {
  width: 2rem;
}
.w-8\/12 {
  width: 66.666667%;
}
.w-96 {
  width: 24rem;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-min {
  width: -moz-min-content;
  width: min-content;
}
.min-w-78 {
  min-width: 78px;
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.max-w-216 {
  max-width: 54rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.grow {
  flex-grow: 1;
}
.origin-top-right {
  transform-origin: top right;
}
.translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.justify-self-end {
  justify-self: end;
}
.justify-self-stretch {
  justify-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.\!rounded-md {
  border-radius: 0.375rem !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-8 {
  border-bottom-width: 8px;
}
.border-l {
  border-left-width: 1px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-solid {
  border-style: solid;
}
.border-dotted {
  border-style: dotted;
}
.\!border-vp-secondary-1-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(141 196 246 / var(--tw-border-opacity)) !important;
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-vp-base-200 {
  --tw-border-opacity: 1;
  border-color: rgb(235 234 236 / var(--tw-border-opacity));
}
.border-vp-base-300 {
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
}
.border-vp-base-500 {
  --tw-border-opacity: 1;
  border-color: rgb(142 143 159 / var(--tw-border-opacity));
}
.border-vp-gray {
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
}
.border-vp-pink {
  --tw-border-opacity: 1;
  border-color: rgb(233 73 140 / var(--tw-border-opacity));
}
.border-vp-secondary-3-900 {
  --tw-border-opacity: 1;
  border-color: rgb(90 180 187 / var(--tw-border-opacity));
}
.border-b-vp-base-300 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(218 217 221 / var(--tw-border-opacity));
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-t-vp-base-300 {
  --tw-border-opacity: 1;
  border-top-color: rgb(218 217 221 / var(--tw-border-opacity));
}
.bg-amber-400 {
  background-color: #fbbf24;
}
.bg-gray-200 {
  background-color: #e5e7eb;
}
.bg-gray-300 {
  background-color: #d1d5db;
}
.bg-red-200 {
  background-color: #fecaca;
}
.bg-vp-base-100 {
  background-color: #FEFBFA;
}
.bg-vp-base-150 {
  background-color: #F8F7F8;
}
.bg-vp-base-200 {
  background-color: #EBEAEC;
}
.bg-vp-base-800 {
  background-color: #282E4C;
}
.bg-vp-base-900 {
  background-color: #191F40;
}
.bg-vp-blue-300 {
  background-color: #EDF4FC;
}
.bg-vp-blue-light2 {
  background-color: #C6E3FE;
}
.bg-vp-blue-lighter {
  background-color: #DCFDFF;
}
.bg-vp-error {
  background-color: #EE3D3D;
}
.bg-vp-gray-light-2 {
  background-color: #EBEAEC;
}
.bg-vp-gray-lighter {
  background-color: #FEFBFA;
}
.bg-vp-orange-light {
  background-color: #FDCABE;
}
.bg-vp-pink-lighter {
  background-color: #FEDCEA;
}
.bg-vp-primary {
  background-color: #E9498C;
}
.bg-vp-primary-900 {
  background-color: #E9498C;
}
.bg-vp-secondary-3-200 {
  background-color: #DCFDFF;
}
.bg-vp-secondary-3-300 {
  background-color: #C6F3F6;
}
.bg-vp-secondary-3-900 {
  background-color: #5AB4BB;
}
.bg-vp-secondary-5 {
  background-color: #FEE3BE;
}
.bg-vp-yellow-light {
  background-color: #FEE3BE;
}
.bg-white {
  background-color: #fff;
}
.fill-vp-primary-600 {
  fill: #FD84B7;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-normal {
  line-height: 1.5;
}
.\!text-vp-base-100 {
  --tw-text-opacity: 1 !important;
  color: rgb(254 251 250 / var(--tw-text-opacity)) !important;
}
.\!text-vp-secondary-1-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(141 196 246 / var(--tw-text-opacity)) !important;
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}
.text-vp-base {
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.text-vp-base-100 {
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.text-vp-base-400 {
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.text-vp-base-500 {
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.text-vp-base-600 {
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
.text-vp-base-700 {
  --tw-text-opacity: 1;
  color: rgb(75 79 104 / var(--tw-text-opacity));
}
.text-vp-base-800 {
  --tw-text-opacity: 1;
  color: rgb(40 46 76 / var(--tw-text-opacity));
}
.text-vp-base-900 {
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.text-vp-dark {
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.text-vp-error {
  --tw-text-opacity: 1;
  color: rgb(238 61 61 / var(--tw-text-opacity));
}
.text-vp-pink {
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.text-vp-primary {
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.text-vp-secondary-1-900 {
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.placeholder-transparent::-moz-placeholder {
  color: transparent;
}
.placeholder-transparent::placeholder {
  color: transparent;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
html {
  font-size: 16px;
}
body *::-moz-selection {
  background-color: #F8DDE9;
}
body *::selection {
  background-color: #F8DDE9;
}
body::-moz-selection {
  background-color: #F8DDE9;
}
body::selection {
  background-color: #F8DDE9;
}
.modal-slide-leave-active,
.modal-slide-enter-active {
  transition-duration: 200ms;
}
.modal-slide-enter-from,
.modal-slide-leave-to {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
input {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.pp-form .vp-show-input-btn {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.pp-form .vp-show-input-btn:hover {
  background-color: #EBEAEC;
}
.pp-form .pp-input {
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.pp-form .pp-input:hover {
  background-color: #EBEAEC;
}
.pp-form .pp-input:focus {
  background-color: #EBEAEC;
}
.pp-form .pp-label {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.pp-modal {
  z-index: 3000;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%)
}
.arrow {
  height: 1.5rem;
  width: 1.25rem;
}
.arrow.down-arrow {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vnf-richtext-input {
  padding: 0px;
}
.comment-field {
  border-radius: 0.25rem;
  border-width: 1px;
  padding-bottom: 0.75rem;
}
.send-circle {
  height: 1.5rem;
  width: 1.5rem;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.status-badge {
  border-radius: 0.25rem;
  background-color: #ADADB8;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-slide-container {
  margin-left: auto;
  margin-right: auto;
  height: 4rem;
  width: 16rem;
  text-align: center;
  font-weight: 700;
}
.vp-slider {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  height: 1.25rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  background-color: #fff;
  opacity: 0.7;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.vp-slider:hover {
  opacity: 1;
}
.vp-slider::-webkit-slider-thumb {
  height: 1.25rem;
  width: 1.75rem;
  cursor: pointer;
  border-radius: 9999px;
  background-color: #9ca3af;
}
.vp-slider::-moz-range-thumb {
  height: 1.25rem;
  width: 1.75rem;
  cursor: pointer;
  border-radius: 9999px;
  background-color: #9ca3af;
}
.vp-breadcrumbs > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.vp-breadcrumbs {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-breadcrumbs .vp-breadcrumb-element,
  .vp-breadcrumbs .vp-breadcrumb-separator {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
    /* TODO: Get rid of this after bootstrap styles are removed */
}
.vp-breadcrumbs .vp-breadcrumb-element:visited,
  .vp-breadcrumbs .vp-breadcrumb-separator:visited {
  color: rgb(173 173 184 ) !important;
}
.vp-breadcrumbs .vp-breadcrumb-element:last-child, .vp-breadcrumbs .vp-breadcrumb-separator:last-child {
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:start-\[2px\]::after {
  content: var(--tw-content);
  inset-inline-start: 2px;
}
.after\:top-\[2px\]::after {
  content: var(--tw-content);
  top: 2px;
}
.after\:h-5::after {
  content: var(--tw-content);
  height: 1.25rem;
}
.after\:w-5::after {
  content: var(--tw-content);
  width: 1.25rem;
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}
.after\:border-gray-300::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.after\:bg-vp-base-100::after {
  content: var(--tw-content);
  background-color: #FEFBFA;
}
.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.hover\:bg-vp-base-150:hover {
  background-color: #F8F7F8;
}
.hover\:bg-vp-base-200:hover {
  background-color: #EBEAEC;
}
.hover\:bg-vp-base-300:hover {
  background-color: #DAD9DD;
}
.hover\:bg-vp-gray-light-2:hover {
  background-color: #EBEAEC;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.focus\:bg-vp-base-200:focus {
  background-color: #EBEAEC;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:outline:focus {
  outline-style: solid;
}
.focus\:outline-blue-200:focus {
  outline-color: #bfdbfe;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-white\/75:focus-visible {
  --tw-ring-color: rgb(255 255 255 / 0.75);
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-teal-300:focus-visible {
  --tw-ring-offset-color: #5eead4;
}
.group:hover .group-hover\:block {
  display: block;
}
.group:hover .group-hover\:flex {
  display: flex;
}
.peer:checked ~ .peer-checked\:bg-vp-secondary-3-900 {
  background-color: #5AB4BB;
}
.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:top-5 {
  top: 1.25rem;
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:top-5 {
  top: 1.25rem;
}
.peer:focus ~ .peer-focus\:-top-0 {
  top: -0px;
}
.peer:focus ~ .peer-focus\:-top-0\.5 {
  top: -0.125rem;
}
.peer:focus ~ .peer-focus\:text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.peer:focus ~ .peer-focus\:font-normal {
  font-weight: 400;
}
.peer:focus ~ .peer-focus\:text-vp-base-600 {
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark) {.dark\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
  }.dark\:bg-vp-base-300 {
    background-color: #DAD9DD;
  }
}
@media (min-width: 640px) {.sm\:static {
    position: static;
  }.sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }.sm\:mb-0 {
    margin-bottom: 0px;
  }.sm\:block {
    display: block;
  }.sm\:inline-block {
    display: inline-block;
  }.sm\:flex {
    display: flex;
  }.sm\:grid {
    display: grid;
  }.sm\:hidden {
    display: none;
  }.sm\:h-37 {
    height: 37px;
  }.sm\:h-auto {
    height: auto;
  }.sm\:w-30 {
    width: 7.5rem;
  }.sm\:w-32 {
    width: 8rem;
  }.sm\:w-max {
    width: -moz-max-content;
    width: max-content;
  }.sm\:min-w-30 {
    min-width: 7.5rem;
  }.sm\:flex-row {
    flex-direction: row;
  }.sm\:items-center {
    align-items: center;
  }.sm\:justify-between {
    justify-content: space-between;
  }.sm\:overflow-auto {
    overflow: auto;
  }.sm\:rounded-lg {
    border-radius: 0.5rem;
  }.sm\:border-b {
    border-bottom-width: 1px;
  }.sm\:border-r-0 {
    border-right-width: 0px;
  }.sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }.sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }.sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 768px) {.md\:absolute {
    position: absolute;
  }
}
@media (min-width: 1024px) {.lg\:fixed {
    position: fixed;
  }.lg\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }.lg\:h-screen {
    height: 100vh;
  }.lg\:w-1\/3 {
    width: 33.333333%;
  }.lg\:w-1\/6 {
    width: 16.666667%;
  }.lg\:w-2\/3 {
    width: 66.666667%;
  }.lg\:flex-none {
    flex: none;
  }.lg\:flex-row {
    flex-direction: row;
  }.lg\:justify-end {
    justify-content: flex-end;
  }.lg\:gap-0 {
    gap: 0px;
  }.lg\:divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  }
}
.boxed-frame {
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
}@media print {.boxed-frame {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}

  .boxed-frame .frame {
  display: flex;
  justify-content: space-between;
  background-color: #191F40;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

  .boxed-frame .frame .leading-normal {
      /* TODO @Katja: this class is not related to what it's doing */
      font-weight: 600;
      --tw-text-opacity: 1;
      color: rgb(254 251 250 / var(--tw-text-opacity));
    }

  .boxed-frame .frame .frame-title {
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}

  .boxed-frame .boxed-frame-content > section {
  padding-left: 1rem;
  padding-right: 1rem;
}

  .boxed-frame.content-overflow-auto .boxed-frame-content {
  overflow: auto;
}
.vp-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  cursor: pointer;
}
.vp-btn.vp-btn-xxs {
  height: 1.25rem;
  width: 1.25rem;
}
.vp-btn.vp-btn-xs {
  height: 29px;
  max-width: 69px;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.vp-btn.vp-btn-sm {
  height: 44px;
  max-width: 78px;
  border-radius: 0.25rem;
  font-size: 17px;
  font-weight: 400;
}
.vp-btn.vp-btn-md {
    max-width: 7.5rem;
    height: 2.313rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
  }
.vp-btn.vp-btn-lg {
    max-width: 8.75rem;
    height: 2.813rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
  }
.vp-btn.vp-btn-xl {
    max-width: 7.563rem;
    height: 3.5rem;
    border-radius: 0.5rem;
    font-size: 17px;
    font-weight: 700;
  }
.vp-btn.vp-btn-rounded {
    border-radius: 62.5rem;
  }
.vp-btn.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(253, 132, 183, 0.5));
  }
.vp-btn.vp-btn-disabled {
  opacity: 0.5;
}
.vp-btn.vp-btn-primary.vp-btn-solid {
  background-color: #E9498C;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-primary.vp-btn-solid:hover {
  background-color: #FD84B7;
}
.vp-btn.vp-btn-primary.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #E9498C;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-primary.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #E9498C;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-primary.vp-btn-solid.vp-btn-disabled {
  background-color: #FEDCEA;
  opacity: 1;
  filter: none;
}
.vp-btn.vp-btn-primary.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(254 220 234 / var(--tw-border-opacity));
  background-color: #FEFBFA;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-primary.vp-btn-outline:hover {
  background-color: #FEDCEA;
}
.vp-btn.vp-btn-primary.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-primary.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-primary.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(254 220 234 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(253 132 183 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-primary.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-primary.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-primary.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-primary.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-primary.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-solid {
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-solid:hover {
  opacity: 0.75;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-solid.vp-btn-disabled {
  filter: none;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(44 108 166 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline:hover {
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #2C6CA6;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(44 108 166 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-outline.vp-btn-disabled:hover {
  --tw-text-opacity: 1;
  color: rgb(198 227 254 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary-dark.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-secondary-dark.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(44, 108, 166, 0.5));
  }
.vp-btn.vp-btn-secondary.vp-btn-solid {
  background-color: #C6E3FE;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary.vp-btn-solid:hover {
  opacity: 0.75;
}
.vp-btn.vp-btn-secondary.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #C6E3FE;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #C6E3FE;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-solid.vp-btn-disabled {
  background-color: #C6E3FE;
  filter: none;
}
.vp-btn.vp-btn-secondary.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(198 227 254 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary.vp-btn-outline:hover {
  background-color: #C6E3FE;
}
.vp-btn.vp-btn-secondary.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #C6E3FE;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #C6E3FE;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(198 227 254 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-secondary.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-secondary.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-secondary.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-secondary.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-secondary.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(198, 227, 254, 0.5));
  }
.vp-btn.vp-btn-base.vp-btn-solid {
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-solid.vp-btn-disabled {
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(235 234 236 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base.vp-btn-outline:hover {
  background-color: #EBEAEC;
}
.vp-btn.vp-btn-base.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(235 234 236 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-base.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-base.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(218, 217, 221, 0.5));
  }
.vp-btn.vp-btn-base-dark.vp-btn-solid {
  background-color: #191F40;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-dark.vp-btn-solid:hover {
  opacity: 0.75;
}
.vp-btn.vp-btn-base-dark.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-solid.vp-btn-disabled {
  background-color: #191F40;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-dark.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-dark.vp-btn-outline:hover {
  background-color: #DAD9DD;
}
.vp-btn.vp-btn-base-dark.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #DAD9DD;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #DAD9DD;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-dark.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-dark.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-base-dark.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-dark.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-base-dark.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(25, 31, 64, 0.5));
  }
.vp-btn.vp-btn-base-light.vp-btn-solid {
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-light.vp-btn-solid:hover {
  opacity: 0.75;
}
.vp-btn.vp-btn-base-light.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-solid.vp-btn-disabled {
  background-color: #EBEAEC;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-light.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(235 234 236 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-light.vp-btn-outline:hover {
  background-color: #EBEAEC;
}
.vp-btn.vp-btn-base-light.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #EBEAEC;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(235 234 236 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-light.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-light.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-base-light.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-light.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-base-light.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(235, 234, 236, 0.5));
  }
.vp-btn.vp-btn-base-grey.vp-btn-solid {
  background-color: #8E8F9F;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-grey.vp-btn-solid:hover {
  opacity: 0.75;
}
.vp-btn.vp-btn-base-grey.vp-btn-solid:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-solid:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-solid.vp-btn-disabled {
  background-color: #8E8F9F;
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-grey.vp-btn-outline {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-grey.vp-btn-outline:hover {
  background-color: #DAD9DD;
}
.vp-btn.vp-btn-base-grey.vp-btn-outline:focus {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #DAD9DD;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-outline:active {
  --tw-scale-y: .98;
  --tw-scale-x: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #DAD9DD;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-outline.vp-btn-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
  filter: none;
}
.vp-btn.vp-btn-base-grey.vp-btn-text {
  background-image: none;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.vp-btn.vp-btn-base-grey.vp-btn-text:hover {
  font-weight: 600;
  opacity: 0.8;
}
.vp-btn.vp-btn-base-grey.vp-btn-text:focus {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-text:active {
  background-image: none;
  font-weight: 500;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vp-btn.vp-btn-base-grey.vp-btn-text.vp-btn-disabled {
  font-weight: 500;
}
.vp-btn.vp-btn-base-grey.vp-btn-shadow {
    filter: drop-shadow(0px 2px 12px rgba(142, 143, 159, 0.5));
  }
/* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {.container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {.container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {.container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {.container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {.container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.invisible {
  visibility: hidden;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-16 {
  bottom: 4rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.left-0 {
  left: 0px;
}
.left-24 {
  left: 6rem;
}
.left-3 {
  left: 0.75rem;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-10 {
  right: 2.5rem;
}
.right-16 {
  right: 4rem;
}
.right-6 {
  right: 1.5rem;
}
.top-0 {
  top: 0px;
}
.top-24 {
  top: 6rem;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.m-5 {
  margin: 1.25rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-1 {
  margin-bottom: -0.25rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-mt-0 {
  margin-top: -0px;
}
.-mt-0\.5 {
  margin-top: -0.125rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-auto {
  margin-top: auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.table-header-group {
  display: table-header-group;
}
.table-row-group {
  display: table-row-group;
}
.table-row {
  display: table-row;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-52 {
  height: 13rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-52 {
  max-height: 13rem;
}
.min-h-screen {
  min-height: 100vh;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-3 {
  width: 0.75rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/12 {
  width: 33.333333%;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-612 {
  width: 612px;
}
.w-648 {
  width: 648px;
}
.w-8 {
  width: 2rem;
}
.w-8\/12 {
  width: 66.666667%;
}
.w-96 {
  width: 24rem;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-min {
  width: -moz-min-content;
  width: min-content;
}
.min-w-78 {
  min-width: 78px;
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.max-w-216 {
  max-width: 54rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.grow {
  flex-grow: 1;
}
.origin-top-right {
  transform-origin: top right;
}
.translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.justify-self-end {
  justify-self: end;
}
.justify-self-stretch {
  justify-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.\!rounded-md {
  border-radius: 0.375rem !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-8 {
  border-bottom-width: 8px;
}
.border-l {
  border-left-width: 1px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-solid {
  border-style: solid;
}
.border-dotted {
  border-style: dotted;
}
.\!border-vp-secondary-1-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(141 196 246 / var(--tw-border-opacity)) !important;
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-vp-base-200 {
  --tw-border-opacity: 1;
  border-color: rgb(235 234 236 / var(--tw-border-opacity));
}
.border-vp-base-300 {
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
}
.border-vp-base-500 {
  --tw-border-opacity: 1;
  border-color: rgb(142 143 159 / var(--tw-border-opacity));
}
.border-vp-gray {
  --tw-border-opacity: 1;
  border-color: rgb(218 217 221 / var(--tw-border-opacity));
}
.border-vp-pink {
  --tw-border-opacity: 1;
  border-color: rgb(233 73 140 / var(--tw-border-opacity));
}
.border-vp-secondary-3-900 {
  --tw-border-opacity: 1;
  border-color: rgb(90 180 187 / var(--tw-border-opacity));
}
.border-b-vp-base-300 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(218 217 221 / var(--tw-border-opacity));
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-t-vp-base-300 {
  --tw-border-opacity: 1;
  border-top-color: rgb(218 217 221 / var(--tw-border-opacity));
}
.bg-amber-400 {
  background-color: #fbbf24;
}
.bg-gray-200 {
  background-color: #e5e7eb;
}
.bg-gray-300 {
  background-color: #d1d5db;
}
.bg-red-200 {
  background-color: #fecaca;
}
.bg-vp-base-100 {
  background-color: #FEFBFA;
}
.bg-vp-base-150 {
  background-color: #F8F7F8;
}
.bg-vp-base-200 {
  background-color: #EBEAEC;
}
.bg-vp-base-800 {
  background-color: #282E4C;
}
.bg-vp-base-900 {
  background-color: #191F40;
}
.bg-vp-blue-300 {
  background-color: #EDF4FC;
}
.bg-vp-blue-light2 {
  background-color: #C6E3FE;
}
.bg-vp-blue-lighter {
  background-color: #DCFDFF;
}
.bg-vp-error {
  background-color: #EE3D3D;
}
.bg-vp-gray-light-2 {
  background-color: #EBEAEC;
}
.bg-vp-gray-lighter {
  background-color: #FEFBFA;
}
.bg-vp-orange-light {
  background-color: #FDCABE;
}
.bg-vp-pink-lighter {
  background-color: #FEDCEA;
}
.bg-vp-primary {
  background-color: #E9498C;
}
.bg-vp-primary-900 {
  background-color: #E9498C;
}
.bg-vp-secondary-3-200 {
  background-color: #DCFDFF;
}
.bg-vp-secondary-3-300 {
  background-color: #C6F3F6;
}
.bg-vp-secondary-3-900 {
  background-color: #5AB4BB;
}
.bg-vp-secondary-5 {
  background-color: #FEE3BE;
}
.bg-vp-yellow-light {
  background-color: #FEE3BE;
}
.bg-white {
  background-color: #fff;
}
.fill-vp-primary-600 {
  fill: #FD84B7;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-normal {
  line-height: 1.5;
}
.\!text-vp-base-100 {
  --tw-text-opacity: 1 !important;
  color: rgb(254 251 250 / var(--tw-text-opacity)) !important;
}
.\!text-vp-secondary-1-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(141 196 246 / var(--tw-text-opacity)) !important;
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}
.text-vp-base {
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.text-vp-base-100 {
  --tw-text-opacity: 1;
  color: rgb(254 251 250 / var(--tw-text-opacity));
}
.text-vp-base-400 {
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.text-vp-base-500 {
  --tw-text-opacity: 1;
  color: rgb(142 143 159 / var(--tw-text-opacity));
}
.text-vp-base-600 {
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
.text-vp-base-700 {
  --tw-text-opacity: 1;
  color: rgb(75 79 104 / var(--tw-text-opacity));
}
.text-vp-base-800 {
  --tw-text-opacity: 1;
  color: rgb(40 46 76 / var(--tw-text-opacity));
}
.text-vp-base-900 {
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.text-vp-dark {
  --tw-text-opacity: 1;
  color: rgb(25 31 64 / var(--tw-text-opacity));
}
.text-vp-error {
  --tw-text-opacity: 1;
  color: rgb(238 61 61 / var(--tw-text-opacity));
}
.text-vp-pink {
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.text-vp-primary {
  --tw-text-opacity: 1;
  color: rgb(233 73 140 / var(--tw-text-opacity));
}
.text-vp-secondary-1-900 {
  --tw-text-opacity: 1;
  color: rgb(44 108 166 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.placeholder-transparent::-moz-placeholder {
  color: transparent;
}
.placeholder-transparent::placeholder {
  color: transparent;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.cart {
  display: flex;
  width: 375px;
}
@media (min-width: 768px) {
.cart {
    display: grid;
    width: 420px
}
  }
.dropdown-opened {
  height: 1.5rem;
  width: 1.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
.dropdown-opened.dropdown-closed {
  --tw-scale-x: -1;
  --tw-scale-y: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tickets-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 640px) {
.tickets-grid {
    grid-template-columns: minmax(auto, 100%) 1fr 1fr
}
  }
.ticket-ordered {
  --tw-border-opacity: 1;
  border-right-color: rgb(233 73 140 / var(--tw-border-opacity));
}
.separator {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(173 173 184 / var(--tw-text-opacity));
}
.separator .separator-heading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.separator .separator-heading::before,
  .separator .separator-heading::after {
    content: '';
    display: block;
    height: 1px;
    flex-grow: 1;
    background-color: #d1d5db;
  }
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:start-\[2px\]::after {
  content: var(--tw-content);
  inset-inline-start: 2px;
}
.after\:top-\[2px\]::after {
  content: var(--tw-content);
  top: 2px;
}
.after\:h-5::after {
  content: var(--tw-content);
  height: 1.25rem;
}
.after\:w-5::after {
  content: var(--tw-content);
  width: 1.25rem;
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}
.after\:border-gray-300::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.after\:bg-vp-base-100::after {
  content: var(--tw-content);
  background-color: #FEFBFA;
}
.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.hover\:bg-vp-base-150:hover {
  background-color: #F8F7F8;
}
.hover\:bg-vp-base-200:hover {
  background-color: #EBEAEC;
}
.hover\:bg-vp-base-300:hover {
  background-color: #DAD9DD;
}
.hover\:bg-vp-gray-light-2:hover {
  background-color: #EBEAEC;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.focus\:bg-vp-base-200:focus {
  background-color: #EBEAEC;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:outline:focus {
  outline-style: solid;
}
.focus\:outline-blue-200:focus {
  outline-color: #bfdbfe;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-white\/75:focus-visible {
  --tw-ring-color: rgb(255 255 255 / 0.75);
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-teal-300:focus-visible {
  --tw-ring-offset-color: #5eead4;
}
.group:hover .group-hover\:block {
  display: block;
}
.group:hover .group-hover\:flex {
  display: flex;
}
.peer:checked ~ .peer-checked\:bg-vp-secondary-3-900 {
  background-color: #5AB4BB;
}
.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:top-5 {
  top: 1.25rem;
}
.peer:placeholder-shown ~ .peer-placeholder-shown\:top-5 {
  top: 1.25rem;
}
.peer:focus ~ .peer-focus\:-top-0 {
  top: -0px;
}
.peer:focus ~ .peer-focus\:-top-0\.5 {
  top: -0.125rem;
}
.peer:focus ~ .peer-focus\:text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.peer:focus ~ .peer-focus\:font-normal {
  font-weight: 400;
}
.peer:focus ~ .peer-focus\:text-vp-base-600 {
  --tw-text-opacity: 1;
  color: rgb(107 110 131 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark) {.dark\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
  }.dark\:bg-vp-base-300 {
    background-color: #DAD9DD;
  }
}
@media (min-width: 640px) {.sm\:static {
    position: static;
  }.sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }.sm\:mb-0 {
    margin-bottom: 0px;
  }.sm\:block {
    display: block;
  }.sm\:inline-block {
    display: inline-block;
  }.sm\:flex {
    display: flex;
  }.sm\:grid {
    display: grid;
  }.sm\:hidden {
    display: none;
  }.sm\:h-37 {
    height: 37px;
  }.sm\:h-auto {
    height: auto;
  }.sm\:w-30 {
    width: 7.5rem;
  }.sm\:w-32 {
    width: 8rem;
  }.sm\:w-max {
    width: -moz-max-content;
    width: max-content;
  }.sm\:min-w-30 {
    min-width: 7.5rem;
  }.sm\:flex-row {
    flex-direction: row;
  }.sm\:items-center {
    align-items: center;
  }.sm\:justify-between {
    justify-content: space-between;
  }.sm\:overflow-auto {
    overflow: auto;
  }.sm\:rounded-lg {
    border-radius: 0.5rem;
  }.sm\:border-b {
    border-bottom-width: 1px;
  }.sm\:border-r-0 {
    border-right-width: 0px;
  }.sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }.sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }.sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 768px) {.md\:absolute {
    position: absolute;
  }
}
@media (min-width: 1024px) {.lg\:fixed {
    position: fixed;
  }.lg\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }.lg\:h-screen {
    height: 100vh;
  }.lg\:w-1\/3 {
    width: 33.333333%;
  }.lg\:w-1\/6 {
    width: 16.666667%;
  }.lg\:w-2\/3 {
    width: 66.666667%;
  }.lg\:flex-none {
    flex: none;
  }.lg\:flex-row {
    flex-direction: row;
  }.lg\:justify-end {
    justify-content: flex-end;
  }.lg\:gap-0 {
    gap: 0px;
  }.lg\:divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  }
}
/* sass-plugin-1:/Users/maronato/Developer/vue-toastification/src/scss/index.scss */
.Vue-Toastification__container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 600px;
  box-sizing: border-box;
  display: flex;
  min-height: 100%;
  color: #fff;
  flex-direction: column;
  pointer-events: none;
}
@media only screen and (min-width : 600px) {
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 1em;
  }
  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 1em;
    flex-direction: column-reverse;
  }
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.bottom-left {
    left: 1em;
  }
  .Vue-Toastification__container.top-left .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-left .Vue-Toastification__toast {
    margin-right: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl {
      margin-right: unset;
      margin-left: auto;
    }
  }
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.bottom-right {
    right: 1em;
  }
  .Vue-Toastification__container.top-right .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-right .Vue-Toastification__toast {
    margin-left: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
      margin-left: unset;
      margin-right: auto;
    }
  }
  .Vue-Toastification__container.top-center,
  .Vue-Toastification__container.bottom-center {
    left: 50%;
    margin-left: -300px;
  }
  .Vue-Toastification__container.top-center .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-center .Vue-Toastification__toast {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Vue-Toastification__container .Vue-Toastification__toast {
    width: 100%;
  }
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 0;
  }
  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 0;
    flex-direction: column-reverse;
  }
}
.Vue-Toastification__toast {
  display: inline-flex;
  position: relative;
  max-height: 800px;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 22px 24px;
  border-radius: 8px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  justify-content: space-between;
  font-family:
    "Lato",
    Helvetica,
    "Roboto",
    Arial,
    sans-serif;
  max-width: 600px;
  min-width: 326px;
  pointer-events: auto;
  overflow: hidden;
  transform: translateZ(0);
  direction: ltr;
}
.Vue-Toastification__toast--rtl {
  direction: rtl;
}
.Vue-Toastification__toast--default {
  background-color: #1976d2;
  color: #fff;
}
.Vue-Toastification__toast--info {
  background-color: #2196f3;
  color: #fff;
}
.Vue-Toastification__toast--success {
  background-color: #4caf50;
  color: #fff;
}
.Vue-Toastification__toast--error {
  background-color: #ff5252;
  color: #fff;
}
.Vue-Toastification__toast--warning {
  background-color: #ffc107;
  color: #fff;
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__toast {
    border-radius: 0px;
    margin-bottom: 0.5rem;
  }
}
.Vue-Toastification__toast-body {
  flex: 1;
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
  white-space: pre-wrap;
}
.Vue-Toastification__toast-component-body {
  flex: 1;
}
.Vue-Toastification__toast.disable-transition {
  animation: none !important;
}
.Vue-Toastification__close-button {
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  padding-left: 10px;
  cursor: pointer;
  transition: 0.3s ease;
  align-items: center;
  color: #fff;
  opacity: 0.3;
  transition: visibility 0s, opacity 0.2s linear;
}
.Vue-Toastification__close-button:hover,
.Vue-Toastification__close-button:focus {
  opacity: 1;
}
.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
  opacity: 0;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
  padding-left: unset;
  padding-right: 10px;
}
@keyframes scale-x-frames {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Vue-Toastification__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
  animation: scale-x-frames linear 1 forwards;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
  right: 0;
  left: unset;
  transform-origin: right;
}
.Vue-Toastification__icon {
  margin: auto 18px auto 0px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  transition: 0.3s ease;
  align-items: center;
  width: 20px;
  height: 100%;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
  margin: auto 0px auto 18px;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutRight {
  40% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(1000px, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Vue-Toastification__bounce-enter-active.top-left,
.Vue-Toastification__bounce-enter-active.bottom-left {
  animation-name: bounceInLeft;
}
.Vue-Toastification__bounce-enter-active.top-right,
.Vue-Toastification__bounce-enter-active.bottom-right {
  animation-name: bounceInRight;
}
.Vue-Toastification__bounce-enter-active.top-center {
  animation-name: bounceInDown;
}
.Vue-Toastification__bounce-enter-active.bottom-center {
  animation-name: bounceInUp;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left {
  animation-name: bounceOutLeft;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right {
  animation-name: bounceOutRight;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
  animation-name: bounceOutUp;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
  animation-name: bounceOutDown;
}
.Vue-Toastification__bounce-leave-active,
.Vue-Toastification__bounce-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__bounce-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
@keyframes fadeOutTop {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutBottom {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(50px);
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInTop {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInBottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.Vue-Toastification__fade-enter-active.top-left,
.Vue-Toastification__fade-enter-active.bottom-left {
  animation-name: fadeInLeft;
}
.Vue-Toastification__fade-enter-active.top-right,
.Vue-Toastification__fade-enter-active.bottom-right {
  animation-name: fadeInRight;
}
.Vue-Toastification__fade-enter-active.top-center {
  animation-name: fadeInTop;
}
.Vue-Toastification__fade-enter-active.bottom-center {
  animation-name: fadeInBottom;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left {
  animation-name: fadeOutLeft;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right {
  animation-name: fadeOutRight;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
  animation-name: fadeOutTop;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
  animation-name: fadeOutBottom;
}
.Vue-Toastification__fade-leave-active,
.Vue-Toastification__fade-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__fade-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
@keyframes slideInBlurredLeft {
  0% {
    transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredTop {
  0% {
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(240px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredRight {
  0% {
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredBottom {
  0% {
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(240px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideOutBlurredTop {
  0% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 0%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredBottom {
  0% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(1000px) scaleY(2) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredLeft {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredRight {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(1000px) scaleX(2) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}
.Vue-Toastification__slideBlurred-enter-active.top-left,
.Vue-Toastification__slideBlurred-enter-active.bottom-left {
  animation-name: slideInBlurredLeft;
}
.Vue-Toastification__slideBlurred-enter-active.top-right,
.Vue-Toastification__slideBlurred-enter-active.bottom-right {
  animation-name: slideInBlurredRight;
}
.Vue-Toastification__slideBlurred-enter-active.top-center {
  animation-name: slideInBlurredTop;
}
.Vue-Toastification__slideBlurred-enter-active.bottom-center {
  animation-name: slideInBlurredBottom;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left {
  animation-name: slideOutBlurredLeft;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right {
  animation-name: slideOutBlurredRight;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
  animation-name: slideOutBlurredTop;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
  animation-name: slideOutBlurredBottom;
}
.Vue-Toastification__slideBlurred-leave-active,
.Vue-Toastification__slideBlurred-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__slideBlurred-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}