html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{text-decoration:none;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{vertical-align:top}*,*:before,*:after{box-sizing:border-box;}
button,input { background: none; color: inherit; border: none; padding: 0;font: inherit;outline: inherit; }
button,
input,
select,
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  line-height: inherit;
  outline: none;
  border-radius: 0;
}
*[hidden] { display: none !important; }

/*	FONTS
/****************************************/
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-stretch: 0;
  src: url('../css/Quicksand/Quicksand-VariableFont_wght.ttf');
}
@font-face {
  font-family: 'NunitoSans';
  font-style: normal;
  font-stretch: 0;
  src: url('../css/Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf');
}

/*	CONSTANTS
/****************************************/
:root {
	--gradient: linear-gradient(135deg,rgba(40, 113, 250, 1) 0%, rgba(103, 23, 205, 1) 100%);
	--btn-gradient: linear-gradient(135deg,rgba(40, 113, 250, 1) 0%, rgba(70, 40, 250, 1) 100%);
	--large-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	--small-shadow: 0px 1px 2px 1px rgba(0,0,0,0.09);
	--focus-shadow: 0px 0px 0px 3px rgba(0,0,0,0.2);
	--black: #333333;
	--light-black: #747474;
	--gray: #a6a6a6;
	--gray2: #ededed;
	--light-gray: #f9f9f9;
	--blue: #444ae6;
	--light-blue: #f0f1fd;
	--red: #e64447;
	--light-red: #f9efec;
	--light-red-hover: #efded9;
	--green: #6eaa69;
	
	--light-purple: #f3f0fc;
	--purple: #7730d5;
	--light-teal: #e7fbf3;
	--teal: #25cd86;
}

/*	COMMON
/****************************************/
body { font-family: 'NunitoSans'; font-weight: 400; color: var(--black); font-size: 16px; background-color: var(--light-gray); }

.headline { font-family: 'QuickSand'; font-weight: 500; font-size: 27px; }
.headline.h5 { font-size: 18px; }

hr { all: unset; display: block; height: 1px; background-color: var(--light-blue); margin: 16px 0px; }
hr.hidden { visibility: hidden; }
hr.vertical { display: inline-block; position: relative; height: 32px; width: 1px; margin: 0px 16px; vertical-align: middle; }

p { color: var(--black); font-size: 16px; line-height: 1.5em; font-weight: 400; margin: 16px 0px; }
p a,
ul.bullet-list li a { color: var(--blue); font-weight: 700; }
p a:hover,
ul.bullet-list li a:hover { text-decoration: underline; }
p a:focus-visible,
ul.bullet-list li a:focus-visible { background-color: rgba(0,0,0,0.08); }
p b { font-weight: 600; }
.warning { color: var(--red); }

ul.bullet-list li { padding-left: 14px; position: relative; font-size: 16px; line-height: 1.5em; font-weight: 400; margin-bottom: 6px; }
ul.bullet-list li:before { content: ""; display: block; position: absolute; left: 0px; top: 12px; width: 5px; height: 5px; border-radius: 100%; background-color: var(--black); margin-top: -3px; }

.info-well { border: 1px solid var(--blue); background-color: var(--light-blue); padding: 24px; border-radius: 8px; margin: 20px auto; }
.info-well p { margin: 0px; }

.user-avatar { display: block; border-radius: 100%; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 12px; font-weight: 700; background-color: var(--blue); overflow: hidden; color: #fff; display: flex; align-items: center; justify-content: center; }
.user-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.user-avatar.has-avatar { color: transparent; }

.btn { display: inline-block; color: #fff; font-weight: 400; font-size: 16px; padding: 15px 22px 14px 22px; position: relative; border-radius: 5px; line-height: 1em; text-align: center; transition: all 220ms; }
.btn span { z-index: 2; position: relative; pointer-events: none; }
.btn:before { content: ""; display: block; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 5px; background: var(--blue); will-change: transform; transition: 0.15s transform ease-in-out; }
.btn:hover { text-decoration: none; cursor: pointer; }
.btn:hover:before { transform: scale(1.04); }
.btn:focus-visible { box-shadow: var(--focus-shadow); }
.btn.tiny { font-size: 14px; padding: 11px 11px 10px 11px; }
.btn.tiny svg { width: 17px; height: 17px; display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 5px; }
.btn.warning:before { background-color: var(--red); }
.btn:disabled span { color: var(--gray); opacity: 0.5; }
.btn:disabled:before { background-color: var(--light-gray); transform: scale(1) !important; }
.btn:disabled:hover { cursor: default; }
.btn.border { color: var(--blue); }
.btn.border:before { background: #fff; border: 3px solid var(--blue); }
.btn.border.gray { color: var(--black); }
.btn.border.gray:before { background: #fff; border: 3px solid var(--gray); }
.btn.border.tiny:before { border-width: 1px; opacity: 0.2; }


.btn-smallLink { color: var(--blue); font-weight: 700; font-size: 16px; cursor: pointer; position: relative; }
.btn-smallLink span { display: inline-block; padding-left: 4px; font-size: 14px; font-weight: 400; }
.btn-smallLink:focus-visible span,
.btn-smallLink:hover span { text-decoration: underline; }

.btn.light { color: var(--light-black); transition: all 220ms; }
.btn.light:before { background: var(--light-gray); transition: all 220ms; }
.btn.light:hover { color: var(--black); }
.btn.light:hover:before { background: var(--gray2); }
.btn.light.on,
.dropdown:focus-within .btn.light,
.dropdown:has(.dropdown-list:hover) .btn.light { color: var(--blue) !important; }
.btn.light.on:before, 
.dropdown:focus-within .btn.light:before,
.dropdown:has(.dropdown-list:hover) .btn.light:before { background: var(--light-blue) !important; transform: scale(1); }
.btn.light.on:hover:before { transform: scale(1); }
.btn.light.blue:before { background: var(--light-blue); }
.btn.light.blue:hover span { color: #fff; }
.btn.light.blue:hover:before { background: var(--blue); }

.cssAnimate { will-change: transform; transition: all 220ms; }

.large-margins { margin: 32px; }
.large-paddings { padding: 32px; }
.small-margins { margin: 16px; }
.small-paddings { padding: 16px; }

.content-card { background-color: #fff; border-radius: 8px; box-shadow: var(--small-shadow); }
.content-card.selectable { will-change: transform; transition: all 220ms; }
.content-card.selectable:hover { box-shadow: 0 10px 15px rgba(0,0,0,.08); transform: translateY(-4px); }

.summary-alert-box { background-color: #fff9db; padding: 12px; border-radius: 8px; box-shadow: var(--small-shadow); }
.summary-alert-box p { margin: 0; padding-left: 42px; padding-right: 130px; position: relative; }
.summary-alert-box p svg { width: 32px; height: 32px; position: absolute; left: 0px; top: 50%; margin-top: -16px; }
.summary-alert-box p strong { font-weight: 700; }
.summary-alert-box p a { color: inherit; font-weight: inherit; text-decoration: none; display: inline-block; background-color: #fff; padding: 5px 10px; border-radius: 4px; font-size: 12px; box-shadow: var(--small-shadow); position: absolute; right: 0px; top: 50%; margin-top: -17px; }
.summary-alert-box p a:hover { color: var(--blue); }


/* Profile */
.profile-card { max-width: 980px; }
.profile-form { padding-top: 8px; }
.profile-form-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.profile-fields-column > .textbox-wrapper,
.profile-fields-column > .field-wrapper { margin-bottom: 16px; }
.profile-avatar-column { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 24px 24px; text-align: center; }
.profile-avatar-preview { width: 220px; height: 220px; border-radius: 50%; overflow: hidden; background: var(--gradient); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: var(--small-shadow); }
.profile-avatar-preview img { width: 100%; height: 100%; object-fit: cover; }
.profile-avatar-preview span { font-family: 'Quicksand'; font-size: 64px; font-weight: 600; }
.profile-avatar-button { margin-top: 20px; cursor: pointer; }
.profile-avatar-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.profile-avatar-input:focus-visible + small,
.profile-avatar-button:focus-within { box-shadow: var(--focus-shadow); }
.profile-avatar-column small { color: var(--light-black); font-size: 12px; line-height: 1.4; margin-top: 10px; }
.profile-timezone-options { max-height: 320px; }
.profile-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--light-blue); margin-top: 28px; padding-top: 24px; }
.profile-form-actions .form-message { margin: 0; }

/* My People */
.people-card { max-width: 980px; }
.people-intro { color: var(--light-black); margin: 20px 0; }
.people-list-panel { border: 1px solid var(--gray2); border-radius: 8px; overflow: hidden; }
.people-list-panel .list-panel__search { margin: 12px; border-radius: 5px; }
.people-list-panel > hr { margin: 0; }
.people-list-panel .list-panel { max-height: calc(100vh - 315px); min-height: 220px; }
.people-list-panel .list-panel-item__inner { border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--gray2); }
.people-list-panel .list-panel-item:last-child .list-panel-item__inner { border-bottom: 0; }
.people-list-panel .list-panel-item__main { padding: 18px 16px; }
.people-list-panel .list-panel-item__icon { color: var(--blue); }
.people-empty-state { padding: 54px 24px; text-align: center; color: var(--light-black); }
.people-empty-state strong,
.people-empty-state span { display: block; }
.people-empty-state strong { color: var(--black); font-size: 18px; margin-bottom: 8px; }
.people-empty-state span { font-size: 14px; line-height: 1.4; }

.vertical-scroll { overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.15) transparent; -webkit-overflow-scrolling: touch; }
.vertical-scroll ::-webkit-scrollbar { width: 6px; }
.vertical-scroll ::-webkit-scrollbar-track { background: transparent; }
.vertical-scroll ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.15); border-radius: 6px; }
.vertical-scroll ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.3); }


/*	SPRITES
/****************************************/
.sprite { overflow: hidden; background-image: url('../images/spritesheet.png?v=2'); background-size: 149px 17px; overflow: hidden; display: block; }
.sprite.icon-calendar { width: 15px; height: 15px; background-position: 0px 0px; }
.sprite.icon-mail { width: 15px; height: 12px; background-position: -15px 0px; }
.sprite.icon-users { width: 15px; height: 11px; background-position: -30px 0px; }
.sprite.icon-profile { width: 12px; height: 17px; background-position: -45px 0px; }
.sprite.icon-inspire { width: 15px; height: 15px; background-position: -58px 0px; }
.sprite.icon-brush { width: 15px; height: 15px; background-position: -73px 0px; }
.sprite.icon-open-mail { width: 15px; height: 13px; background-position: -89px 0px; }
.sprite.icon-rocket { width: 15px; height: 15px; background-position: -105px 0px; }
.sprite.icon-lock { width: 12px; height: 16px; background-position: -120px 0px; }
.sprite.icon-grid { width: 15px; height: 15px; background-position: -133px 0px; }


/*	FORMS
/****************************************/
.dropdown { position: relative; display: inline-block; }
.dropdown .btn .dropdown-arrow { width: 18px; height: 14px; display: inline-block; vertical-align: middle; margin-left: 15px; }
.dropdown .dropdown-list { display: none; position: absolute; top: 100%; margin-top: -5px; left: 0px; z-index: 10; min-width: 100%; padding-bottom: 60px; }
.dropdown .dropdown-list:before { content: ""; display: block; width: 16px; height: 16px; background-color: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; position: absolute; z-index: 10; transform: rotate(45deg); left: 22px; top: 11px; }
.dropdown .dropdown-options { margin-top: 18px; background-color: #fff; border-radius: 5px; box-shadow: var(--small-shadow); padding: 13px 10px; width: 100%; border: 1px solid #ccc; }
.dropdown .dropdown-options {  }
.dropdown .dropdown-options.closing { display: none !important; }
.dropdown .dropdown-options li { text-wrap: nowrap; }
.dropdown .dropdown-options li .option,
.dropdown .dropdown-options label.option { color: var(--light-black); display: block; padding: 10px; cursor: pointer; background-color: #fff; margin: 1px 0px; border-radius: 5px; }
.dropdown .dropdown-options li .option:hover,
.dropdown .dropdown-options li .option:focus-visible,
.dropdown .dropdown-options label.option:hover { color: var(--black); animation: optionhover 200ms forwards; }
.dropdown .dropdown-options.js-timePicker.vertical-scroll { max-height: 400px; }
@keyframes optionhover { 0% { background: #fff; } 100% { background: var(--light-gray); } }
/*
.dropdown:focus-within .dropdown-btn.btn,
.dropdown:has(.dropdown-list:hover) .dropdown-btn.btn { color: #fff; background-color: var(--blue); }
.dropdown .dropdown-list:hover,
.dropdown:focus-within .dropdown-list { display: block; animation-name: showDropdownList; animation-duration: 0.2s; }
*/

.dropdown .dropdown-list{display:none;position:absolute;top:100%;margin-top:-5px;left:0;z-index:10;min-width:100%;padding-bottom:60px;}
.dropdown.active .dropdown-list{display:block;animation-name:showDropdownList;animation-duration:.2s;}
.dropdown.closing .dropdown-list,.dropdown-list.closing{pointer-events:none!important;}
.dropdown.active .dropdown-btn.btn{color:#fff;background-color:var(--blue);}
.dropdown.active .dropdown-btn.btn.light { color: var(--light-black); background-color: transparent; }

.textbox-wrapper.dropdown.active .dropdown-btn.floating{border:1px solid var(--blue);}
.textbox-wrapper.dropdown.active label.floating-dd-label,.textbox-wrapper.dropdown:has(.dropdown-btn.floating.value-set) label.floating-dd-label{font-size:11px;line-height:12px;top:11px;}
.textbox-wrapper.dropdown.active .dropdown-arrow{color:var(--blue)!important;}

.dropdown.date-dropdown:focus-within .dropdown-list,
.dropdown:has(.js-timePicker):focus-within .dropdown-list{display:block;animation-name:showDropdownList;animation-duration:.2s;}


@keyframes showDropdownList { 0% { opacity: 0; transform: translate(0px,10px); } 100% { opacity: 1; transform: translate(0px,0px); } }
.dropdown .dropdown-options .time-option { width: 100%; border: none; text-align: left; font-family: inherit; line-height: inherit; display: flex; align-items: center; gap: 8px; font-size: 16px; }
.dropdown .dropdown-options .time-option-indicator { margin-right: 6px; box-sizing: border-box; position: relative; cursor: pointer; width: 1.25em; height: 1.25em; border: 2px solid var(--gray); border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; background-color: #fff; overflow: hidden; flex: 0 0 1.25em; margin-top: -1px; vertical-align: middle; }
.dropdown .dropdown-options .time-option.is-selected .time-option-indicator { background-color: var(--blue); border-color: var(--blue); }
.dropdown .dropdown-options .time-option.is-selected .time-option-indicator:before { content: ""; display: block; transform: scale(1); width: calc(100% - 8px); height: calc(100% - 8px); background-color: #fff; border-radius: 100%; animation: radioCheck 250ms forwards; }
.dropdown .dropdown-options .time-option:focus-visible { box-shadow: none; }
.dropdown .dropdown-options .time-option:focus-visible, .dropdown .dropdown-options .time-option:hover { color: var(--black); animation: optionhover 200ms forwards; }
.dropdown .dropdown-options .time-option-label { display: inline-block; vertical-align: middle; }
.dropdown .dropdown-search-wrap { margin-bottom: 16px; background-color: var(--light-gray); }
.dropdown-btn.floating.empty { color: rgba(0,0,0,0); }
.dropdown.closing,
.dropdown.closing .dropdown-list,
.dropdown-list.closing {
	pointer-events: none !important;
}



.list-panel-name { margin: 12px 0px; }
/*.list-panel-wrapper { padding: 13px 10px; border: 1px solid var(--gray2); border-radius: 8px; }*/
.list-panel__search { background-color: var(--light-gray); position: relative; }
.list-panel__search input[type=text] { z-index: 2; background-color: transparent; padding-left: 43px; position: relative; }
.list-panel__search .search-icon { position: absolute; z-index: 1; left: 13px; top: 14px; width: 22px; height: 22px; color: var(--gray); }
.list-panel__search:has(input:focus) .search-icon { color: var(--blue); }
.list-panel { max-height: 400px; }
.list-panel-item{list-style:none;}
.list-panel-item__inner{display:flex;align-items:center;gap:10px;padding:0;border-radius:10px;transition:background .15s ease;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;}
.drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--black);opacity:.4;cursor:grab;background:none;border:none;padding:0;}
.drag-handle:active{cursor:grabbing;}
.drag-handle[hidden]{display: none;}
.list-panel-item__main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:none;padding:16px;text-align:left;cursor:pointer;color:var(--black);}
.list-panel-item__order{font-size:12px;opacity:.5;min-width:16px;}
.list-panel-item__name{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--black);}
.list-panel-item__icon {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	color: var(--light-black);
	opacity: 1;
}
.list-panel-item__trailing-icon {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	margin-left: auto;
	color: var(--black);
	opacity: 0.4;
	transform: translateX(-2px);
	transition:
		opacity 0.15s ease,
		transform 0.15s ease;
}
.btn-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:none;color:var(--black);opacity:.4;cursor:pointer;transition:all .15s ease;}
.btn-delete:hover{background:rgba(0,0,0,.06);opacity:.8;}
.btn-delete .svg-sprite{width:14px;height:14px;color:var(--black);}
.list-panel-item__main:active{transform:scale(.98);}
.btn-delete:active{transform:scale(.92);}
.list-panel-item.drag-chosen .list-panel-item__inner{background:rgba(0,0,0,.06);}
.list-panel-item.dragging{opacity:.5;}
.list-panel-item__main>*{min-width:0;}
.list-panel-wrapper:not(.is-dragging)
.list-panel-item__inner:hover
.list-panel-item__trailing-icon {
	opacity: 0.75;
	transform: translateX(0);
}

.list-panel-wrapper .btn-delete[hidden] { display: none !important; }
.list-panel-wrapper .drag-handle[hidden] { display: none !important; }
.list-panel-wrapper .list-panel-item__order[hidden] { display: none !important; }

.form-message.error { color: var(--red); margin: 8px 0px; font-size: 14px; }
.form-message.success { color: var(--green); margin: 8px 0px; font-size: 14px; }

.field-wrapper { margin-bottom: 16px; }
.field-wrapper.split-fields { display: flex; gap: 12px; align-items: center; }
.field-wrapper.split-fields .split-field { flex: 1; min-width: 0; }
.field-wrapper.split-fields .split-field.split-70 { flex: 0 0 70%; }
.field-wrapper.split-fields .split-field.split-30 { flex: 0 0 30%; }
label { user-select: none; display: inline-block; font-size: 16px; color: var(--black); font-weight: 500; }
input[type=text],
input[type=password],
input[type=number],
input[type=email],
textarea,
.dropdown-btn.floating,
textarea.floating { text-align: left; font-family: 'NunitoSans'; font-weight: 400; display: block; border-radius: 5px; border: 1px solid var(--gray); color: var(--black); font-size: 16px; font-weight: 400; width: 100%; padding: 13px 22px 12px 22px; line-height: 1em; background-color: #fff; }
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus { border-color: var(--blue); }
input[type=text].invalid,
input[type=password].invalid,
input[type=number].invalid,
input[type=email].invalid { border-color: var(--red); background-color: var(--light-red); color: var(--red); }
input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled { background-color: var(--light-gray); }
input::placeholder { color: var(--black); opacity: 0.65; }
input:disabled::placeholder { color: var(--black); opacity: 0.5; }
input.invalid::placeholder { color: var(--red); opacity: 0.6; }

input.floating:-webkit-autofill,
input.floating:-webkit-autofill:hover,
input.floating:-webkit-autofill:focus,
input.floating:-webkit-autofill:active {
	-webkit-text-fill-color: var(--text-color) !important;
	caret-color: var(--text-color) !important;
	transition: background-color 9999s ease-out 0s, color 9999s ease-out 0s;
	background-color: transparent !important;
	background-image: none !important;
}

.js-hiddenFieldset { display: none; }
.js-hiddenFieldset.on { display: block; }

.textbox-wrapper { position: relative; background-color: #fff; }
.textbox-wrapper.dropdown { display: block; }
.textbox-wrapper input.floating,
.textbox-wrapper .dropdown-btn.floating { position: relative; background-color: transparent; z-index: 5; padding: 22px 13px 6px 13px; }
.textbox-wrapper .dropdown-btn.floating { padding-top: 24px; padding-bottom: 10px; cursor: pointer; }
.textbox-wrapper .dropdown-btn.floating:focus,
.textbox-wrapper .dropdown-btn.floating:focus-within,
.textbox-wrapper:has(.dropdown-options:focus-within) .dropdown-btn.floating,
.textbox-wrapper:has(.dropdown-options .option:active) .dropdown-btn.floating { border: 1px solid var(--blue); }
.textbox-wrapper label.floating,
.textbox-wrapper label.floating-dd-label { color: var(--gray); will-change: transform; transition: all 120ms; position: absolute; z-index: 1; left: 14px; top: 0px; font-size: 16px; line-height: 53px; display: block; }
.textbox-wrapper:focus-within label.floating,
.textbox-wrapper:has(.dropdown-btn.floating:focus) label.floating-dd-label,
.textbox-wrapper:has(.dropdown-options:focus-within) label.floating-dd-label,
.textbox-wrapper:has(.dropdown-options .option:active) label.floating-dd-label,
.textbox-wrapper:focus-within .dropdown-arrow,
.textbox-wrapper:has(.dropdown-options .option:active) .dropdown-arrow,
.textbox-wrapper.show-icon:focus-within .svg-sprite { color: var(--blue) !important; }
.textbox-wrapper:has(input.floating:not(:placeholder-shown)) label.floating { color: var(--light-black); }
.textbox-wrapper:focus-within label.floating, 
.textbox-wrapper:has(input.floating:not(:placeholder-shown)) label.floating,
.textbox-wrapper:has(.dropdown-btn.floating.value-set) label.floating-dd-label { font-size: 11px; line-height: 12px; top: 11px; }
.textbox-wrapper.show-icon input.floating,
.textbox-wrapper.show-icon .dropdown-btn.floating { padding-left: 43px; }
.textbox-wrapper.show-icon label.floating,
.textbox-wrapper.show-icon label.floating-dd-label { left: 44px; }
.textbox-wrapper.show-icon .svg-sprite { position: absolute; width: 22px; height: 22px; left: 13px; top: 14px; z-index: 1; color: var(--gray); }
.textbox-wrapper:has(input.floating:not(:placeholder-shown)) .svg-sprite { color: var(--light-black); }
.textbox-wrapper .dropdown-arrow { position: absolute; z-index: 1; width: 20px; height: 20px; right: 8px; top: 15px; color: var(--black); }
.textbox-wrapper textarea.floating::placeholder { opacity: 0.8; }
.textbox-wrapper textarea.floating { line-height: 1.4em; min-height: 80px; padding-left: 13px; padding-right: 13px; }
.textbox-wrapper textarea.floating:active,
.textbox-wrapper textarea.floating:focus-within,
.textbox-wrapper textarea.floating:focus { border: 1px solid var(--blue); }

.textbox-button-wrapper { font-size: 0px; }
.textbox-button-wrapper .textbox-wrapper { width: 84%; display: inline-block; vertical-align: middle; }
.textbox-button-wrapper .btn { margin-left: 2%; vertical-align: middle; }

.text-icon-wrapper { position: relative; }
.text-icon-wrapper .search-icon { position: absolute; width: 22px; height: 22px; left: 13px; top: 14px; z-index: 1; color: var(--gray); }
.text-icon-wrapper input { position: relative; z-index: 5; background-color: transparent; padding-left: 43px; }
.text-icon-wrapper:has(input:focus) .search-icon { color: var(--blue); }


input[type=checkbox] { margin: 0px; }
.checkbox-control input[type=checkbox]:focus-visible { box-shadow: var(--focus-shadow); }
.checkbox-control input[type=checkbox],
.checkbox-box { margin-right: 6px; box-sizing: border-box; position: relative; cursor: pointer; -webkit-appearance: none; appearance: none; width: 1.25em; height: 1.25em; border: 2px solid var(--gray); border-radius: 5px; display: inline-block; vertical-align: middle; background-color: #fff; overflow: hidden; margin-top: -4px; }
.checkbox-control input[type=checkbox]:checked,
.checkbox-box { background-color: var(--blue); border-color: var(--blue); }
.checkbox-control input[type=checkbox]:checked:after,
.checkbox-box:after { content: ""; display: block; position: absolute; width: 0.5em; height: 3px; border-radius: 3px; background-color: #fff; transform: rotate(45deg); left: 0px; top: 8px; }
.checkbox-control input[type=checkbox]:checked:before,
.checkbox-box:before { content: ""; display: block; position: absolute; width: 0.8em; height: 3px; border-radius: 3px; background-color: #fff; transform: rotate(-45deg); left: 6px; top: 10px; transform-origin: 0% 100%; animation: checkmark 250ms forwards; }

@keyframes checkmark {
	0% { width: 0; }
	60% { width: 0.95em; }
	100% { width: 0.8em; }
}


input[type=radio] { margin: 0px; }
.radio-control input[type=radio]:focus-visible { box-shadow: var(--focus-shadow); }
.radio-control input[type=radio] { margin-right: 6px; box-sizing: border-box; position: relative; cursor: pointer; -webkit-appearance: none; appearance: none; width: 1.25em; height: 1.25em; border: 2px solid var(--gray); border-radius: 100%; display: inline-block; vertical-align: middle; background-color: #fff; overflow: hidden; margin-top: -4px;  display: inline-flex; justify-content: center; align-items: center; }
.radio-control input[type=radio]:checked { background-color: var(--blue); border-color: var(--blue); }
.radio-control input[type=radio]:checked:before { content: ""; display: block; transform: scale(0); width: calc(100% - 8px); height: calc(100% - 8px); background-color: #fff; border-radius: 100%; animation: radioCheck 250ms forwards; }
@keyframes radioCheck {
	0% { transform: scale(0); }
	100% { transform: scale(1); }
}
.radio-control.option-block { display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.radio-control.option-block input[type=radio],
.radio-control.option-block .input { flex:0 0 auto; margin:0px 0px 0px 0px; }
.radio-control.option-block .option-text { flex:1; }
.radio-control.option-block .option-text strong { display:block; font-weight:600; line-height:1.3em; }
.radio-control.option-block .option-text small { display:block; font-size:14px; font-weight:400; color:var(--light-black); line-height:1.45em; margin-top:2px; }


.toggle-control input[type=checkbox]:focus-visible { box-shadow: var(--focus-shadow); }
.toggle-control input[type=checkbox] { margin-left: 6px; cursor: pointer; position: relative; -webkit-appearance: none; appearance: none; width: 36px; height: 20px; border-radius: 20px; background: var(--gray); display: inline-block; vertical-align: middle; transition: all 220ms; margin-top: -2px; }
.toggle-control input[type=checkbox]:before { content: ""; display: block; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 16px; background-color: #fff; transition: all 220ms; }
.toggle-control input[type=checkbox]:checked { background: var(--blue); }
.toggle-control input[type=checkbox]:checked:before { left: calc(100% - 18px); }
.toggle-control input[type=checkbox]:disabled,
.toggle-control:has(input[type=checkbox]:disabled) .toggle-control-label { cursor: default !important; }
.toggle-control:has(input[type=checkbox]:disabled) { opacity: 0.5; }
.toggle-control-wrapper .toggle-control { display: inline-flex; align-items: center; }
.toggle-control-wrapper .toggle-control-label { min-width: 180px; display: inline-block; cursor: pointer; }


.date-dropdown .calendarPickerTop { overflow: hidden; text-wrap: nowrap; font-size: 16px; color: var(--black); font-weight: 600; text-align: center; }
.date-dropdown .calendarPickerTop button { display: inline-block; width: 30px; height: 30px; cursor: pointer; border-radius: 5px; vertical-align: middle; }
.date-dropdown .calendarPickerTop button:focus-visible,
.date-dropdown .calendarPickerTop button:hover { background: var(--light-gray); }
.date-dropdown .calendarPickerTop button svg { width: 60%; height: 60%; }
.date-dropdown .js-calendarPickerMonthLabel { display: inline-block; vertical-align: middle; width: 180px; text-align: center; }
.date-dropdown .js-calendarPage { display:table }
.date-dropdown .js-calendarPage div { float: left; width: calc(100%/7); text-align: center; font-size: 15px; color: var(--black); }
.date-dropdown .js-calendarPage div.calendarPickerDay { color: var(--black); font-size: 13px; font-weight: 400; padding: 12px 0px 4px 0px; border-bottom: 1px solid var(--gray); margin-bottom: 4px; }
.date-dropdown .js-calendarPage div.calendarPickerDate { color: var(--gray); line-height: 30px; }
.date-dropdown .js-calendarPage div.calendarPickerDate.is-otherMonth { background-color: var(--light-gray); }
.date-dropdown .js-calendarPage div.calendarPickerDate.is-today button { font-weight: 700; color: var(--blue); }
.date-dropdown .js-calendarPage div.calendarPickerDate button { position: relative; color: var(--black); width: 100%; display: block; border-radius: 5px; cursor: pointer; }
.date-dropdown .js-calendarPage div.calendarPickerDate button:disabled,
.date-dropdown .js-calendarPage div.calendarPickerDate button[disabled] { cursor: not-allowed; color: var(--gray); background-color: transparent !important; }
.date-dropdown .js-calendarPage div.calendarPickerDate button:hover,
.date-dropdown .js-calendarPage div.calendarPickerDate button:focus-visible { background-color: var(--gray2); }
.date-dropdown .js-calendarPage div.calendarPickerDate.is-selected button { background: var(--blue); color: #fff; }
.date-dropdown .js-calendarPage div.calendarPickerDate button span { display: none; }
.date-dropdown .js-calendarPage div.calendarPickerDate button:hover span { display: block; position: absolute; left: 50%; bottom: 100%; text-align: center; color: var(--black); border-radius: 5px; z-index: 100; background-color: #fff; font-size: 14px; font-weight: 400; transform: translate(-50%, 0); text-wrap: nowrap; box-shadow: var(--small-shadow); line-height: 1em; height: auto; padding: 5px 8px; margin-bottom: 2px; pointer-events: none; }
.date-dropdown .js-calendarPage div.calendarPickerDate button:hover span:after { content: ""; display: block; position: absolute; left: 50%; margin-left: -5px; top: 100%; width: 1px; height: 1px; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; }

.calendarPicker,
.timePicker,
.calendarPicker button,
.timePicker button {
	touch-action: manipulation;
}


.js-tabComponent .js-tab { margin: 0px 4px; }
.js-tabComponent .js-tab:first-child { margin-left: 0px; }
.js-tabComponent .js-tab:last-child { margin-right: 0px; }
.js-tab-section { display: none; }


body.modal-show,
body.scroll-lock { overflow: hidden; }
.modal { padding: 60px 0px; overflow-y: auto; display: none; position: fixed; width: 100%; height: 100vh; left: 0px; top: 0px; z-index: 200; background: rgba(210,210,250,0.35); backdrop-filter: blur(1px); }
.modal .modal-content { position: relative; left: 50%; top: 0px; transform: translate(-50%, 0%); z-index: 201; width: 40%; min-width: 700px; border-radius: 12px; box-shadow: var(--large-shadow); }
.modal .modal-content .close-modal-btn { color: var(--light-black); position: absolute; right: -16px; top: -16px; margin: 12px; width: 32px; height: 32px; cursor: pointer; }
.modal .modal-content .close-modal-btn:hover { color: var(--black); }
.modal .modal-content .close-modal-btn .xclose { width: 80%; height: 80%; pointer-events: none; }
.modal .modal-content .modal-top-bar { position: relative; }
.modal .modal-content .modal-top-bar .svg-sprite { display: inline-block; width: 22px; height: 22px; vertical-align: middle; margin-right: 16px; }
.modal .modal-content .modal-body .field-wrapper:last-child { margin-bottom: 0px; }
.modal .modal-content .modal-body { margin: 32px 0px; }
.modal .modal-content .modal-body { margin: 0px; padding: 24px 16px; background-color: var(--light-gray); border-radius: 8px; }
.modal .modal-content .modal-bottom-bar { margin-top: 16px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.modal .modal-content .modal-bottom-bar .btn-right { margin-left: auto; }
.modal .modal-bottom-bar .form-message { flex: 0 0 100%; }
.managed-coverage-checkout-intro { margin: 22px 8px 18px; padding: 14px 16px; border-radius: 8px; background: var(--light-blue); }
.managed-coverage-checkout-intro[hidden] { display: none; }
.managed-coverage-checkout-intro p { margin: 0; font-size: 14px; line-height: 1.5; }
.publish-managed-upgrade-heading { margin: 34px auto 24px; text-align: center; }
.publish-managed-upgrade-copy { max-width: 460px; margin: 0 auto 24px; color: var(--light-black); font-size: 14px; line-height: 1.5; }
.publish-managed-upgrade-copy p { margin: 0 0 12px; }
.publish-managed-upgrade-option { display: flex; max-width: 460px; margin: 0 auto; padding: 16px; align-items: flex-start; }
.publish-managed-upgrade-option input[type=checkbox] { flex: 0 0 auto; margin-top: -2px; }
.publish-managed-upgrade-option .option-text { display: block; min-width: 0; }
.publish-managed-upgrade-option .option-text strong,
.publish-managed-upgrade-option .option-text small { display: block; }
.publish-managed-upgrade-option .option-text small { margin-top: 5px; color: var(--light-black); font-size: 13px; line-height: 1.45; }
.publish-managed-upgrade-actions { max-width: 460px; margin-right: auto; margin-left: auto; }
.modal .modal-content h5 { display: inline-block; font-size: 20px; font-weight: 500; margin: 0px; vertical-align: middle; }
.modal.on { width: 100%; height: 100vh; display: block; animation: modalBackdropFade 200ms forwards; }
.modal.on .modal-content { animation: showModal 200ms forwards; }
.modal.confirm { z-index: 300; }
.modal.confirm .modal-content { top: 50%; transform: translate(-50%, -50%); z-index: 301; }
.is-hidden-by-modal { display: none !important; }


@keyframes modalBackdropFade {0% { opacity: 0; }100% { opacity: 1; }}
@keyframes showModal {0% { margin-top: 30px; }100% { margin-top: 0px; }}


/*	USER DASHBOARD
/****************************************/
#dashboard-layout {}
#dashboard-left-pane { position: fixed; z-index: 10; left: 0px; top: 0px; box-shadow: var(--small-shadow); }
#dashboard-menu { display: flex; flex-direction: column; min-width: 240px; height: 100vh; background-color: #fff; position: relative; z-index: 10; }
#dashboard-menu:before { content: ""; display: block; position: absolute; left: 0px; top: 0px; z-index: 11; width: 5px; height: 100%; background: var(--gradient); }
#dashboard-menu .partygram-logo { display: block; width: 154px; height: 38px; margin: 24px 32px; }
#dashboard-menu .partygram-logo img { width: 154px; height: 38px; }
#dashboard-menu .dashboard-nav { margin-left: 16px; }
body.event-editor #dashboard-menu .dashboard-nav { display: none; }
body.event-editor #dashboard-menu .dashboard-nav.active { display: block; }
#dashboard-menu .dashboard-nav a { display: block; color: var(--light-black); padding: 16px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-color: #fff; margin-bottom: 10px; position: relative; }
#dashboard-menu .dashboard-nav a .svg-sprite { width: 22px; height: 22px; vertical-align: middle; margin: -4px 16px 0px 0px; }
#dashboard-menu .dashboard-nav a .svg-sprite.mail-icon { margin-top: -3px; }
#dashboard-menu .dashboard-nav a.js-disabledItem,
#dashboard-menu .dashboard-nav a.js-disabledItem:hover,
#dashboard-menu .dashboard-nav a.js-disabledItem:focus-visible { opacity: 0.45; background-color: none; color: var(--light-black); pointer-events: none; }
#dashboard-menu .dashboard-nav a:hover,
#dashboard-menu .dashboard-nav a:focus-visible { background-color: var(--light-gray); color: var(--black); transition: all 220ms; }
#dashboard-menu .dashboard-nav a.on { background-color: var(--light-blue); color: var(--blue); }
#dashboard-menu .dashboard-footer { margin: auto 32px 32px 32px; font-size: 13px; text-align: center; }
#dashboard-menu .dashboard-footer a { color: var(--blue); }
#dashboard-menu .dashboard-footer a:hover { text-decoration: underline; }

#dashboard-menu .dashboard-nav-toggle-wrapper { margin: 0px auto; width: auto; border: 1px solid var(--gray2); border-radius: 4px; font-size: 0; text-align: center; background-color: var(--light-gray); }
#dashboard-menu .dashboard-nav-toggle-wrapper button { background-color: transparent; color: var(--black); opacity: 0.8; font-size: 13px; padding: 13px 11px; border-radius: 4px; }
#dashboard-menu .dashboard-nav-toggle-wrapper button:hover { opacity: 1; cursor: pointer; background-color: var(--light-gray); }
#dashboard-menu .dashboard-nav-toggle-wrapper button.active { background-color: #fff !important; color: var(--blue); opacity: 1; box-shadow: var(--large-shadow); }

#dashboard-content { position: relative; margin-left: 240px; z-index: 5; }
#dashboard-content .content-header { display: flex; justify-content: space-between; align-items: center; }
#dashboard-content #event-nav .js-tab { margin-top: 7px; }
#dashboard-content #event-nav .event-filters { float: right; position: relative; z-index: 30; width: 180px; }
#dashboard-content #event-nav .event-filters .sliders { position: absolute; width: 22px; height: 22px; left: 0px; top: -1px; }
#dashboard-content #event-nav .event-filters span { padding-left: 33px; }

body.dashboard-events #dashboard-content > .content-card { padding-top: 16px; }


/*	DASHBOARD HOME (My Events)
/****************************************/
#dashboard-events .event-cards-wrapper { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 32px; }
#dashboard-events .event-card { flex: 0 0 calc((100% - 64px) / 3); cursor: pointer; min-width: 0; position: relative; }
#dashboard-events .event-card.hide { display: none !important; }
#dashboard-events .event-card:hover:after { content: ""; pointer-events: none; border-radius: 8px; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 4px solid #afb1e9; }
#dashboard-events .event-card a.card-wrapper { display: block; color: var(--black); border-radius: 8px; overflow: hidden; }
#dashboard-events .event-card a.card-wrapper span { display: block;  }
#dashboard-events .event-card a.card-wrapper .thumbnail { overflow: hidden; height: 12.5vw; position: relative; }
#dashboard-events .event-card a.card-wrapper .thumbnail img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); }
#dashboard-events .event-card a.card-wrapper .thumbnail .event-status { display: block; position: absolute; z-index: 5; left: 16px; top: 16px; box-shadow: var(--small-shadow); }
#dashboard-events .event-card a.card-wrapper .event-title { font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#dashboard-events .event-card a.card-wrapper .event-card-info { display: flex; justify-content: space-between; align-items: center; }
#dashboard-events .event-card a.card-wrapper .users-icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-top: -3px; }
#dashboard-events .event-card .event-card-actions { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
#dashboard-events .event-card .event-card-actions .btn .dropdown-arrow { margin-left: 2px; }
#dashboard-events .event-card .event-card-actions > * { min-width: 0; }
#dashboard-events .event-card .event-card-actions .btn,
#dashboard-events .event-card .event-card-actions > .dropdown,
#dashboard-events .event-card .event-card-actions > .dropdown > .btn { width: 100%; }
#dashboard-events .event-card .event-card-actions > .dropdown hr { margin: 4px 0px; }
#dashboard-events .event-card .event-card-actions > .dropdown .svg-sprite { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-top: -3px; margin-right: 8px; }
#dashboard-events .event-card .event-card-actions > .dropdown .danger { color: var(--red); }
#dashboard-events .event-card .btn.tiny { padding-left: 0px; padding-right: 0px; }
#dashboard-events .event-card:hover,
#dashboard-events .event-card:has(.dropdown:focus-within),
#dashboard-events .event-card:has(.dropdown .dropdown-list:hover) { z-index: 20; }
#dashboard-events .event-card:hover a.card-wrapper .thumbnail img { transform: scale(1.08); }
#dashboard-events .empty-event-state { margin: 40px auto; text-align: center; }
#dashboard-events .empty-event-state.hide { display: none !important; }


/*	EVENT CREATOR
/****************************************/
#dashboard-menu #deleteEventWrapper { display: none; }
#dashboard-menu .dashboard-nav a.no-margin { margin-top: 0px; margin-bottom: 0px; }
#dashboard-menu .dashboard-nav a .nav-text { display: inline-block; vertical-align: middle; }
#dashboard-menu .dashboard-nav a .nav-subtext { font-size: 12px; display: block; line-height: 20px; }
#dashboard-menu .dashboard-nav .js-overviewActivityNavItems { display: contents; }
#dashboard-menu .dashboard-nav #publishEventBtn { color: var(--blue); }
#dashboard-menu .dashboard-nav #publishEventBtn:hover,
#dashboard-menu .dashboard-nav #publishEventBtn:focus-visible { background-color: var(--light-blue); }
#dashboard-menu .dashboard-nav #publishEventBtn.disabled { color: var(--gray); cursor: default; background-color: transparent !important; }
#dashboard-menu .dashboard-nav #publishEventBtn.published { color: var(--red); }
#dashboard-menu .dashboard-nav #publishEventBtn.published:hover,
#dashboard-menu .dashboard-nav #publishEventBtn.published:focus-visible { background-color: var(--light-red); }
#dashboard-menu .dashboard-nav hr.small-margins { margin-right: 32px; }
#dashboard-menu .dashboard-nav a.smaller { font-size: 14px; padding: 12px 10px 10px 16px; }
#dashboard-menu .dashboard-nav a.smaller .svg-sprite { width: 18px; height: 18px; margin-right: 20px; }
#dashboard-menu .dashboard-nav a .checkmark { visibility: hidden; transform: scale(2); will-change: transform; transition: all 500ms; color: #fff; position: absolute; width: 20px; height: 20px; left: 29px; top: 29px; }
#dashboard-menu .dashboard-nav a.completed .checkmark { visibility: visible; box-sizing: border-box;  border-radius: 100%; display: block; background-color: var(--blue); overflow: hidden; transform: scale(0.85); }
#dashboard-menu .dashboard-nav a .checkmark svg { width: 16px; height: 16px; margin: 2px 0 0 2px; }
#dashboard-menu .dashboard-nav a.completed { animation: navPump 0.4s ease-out 0.27s forwards; }
#dashboard-menu .dashboard-nav a.completed:after {content: "";position: absolute;inset: -14px;pointer-events: none;border-radius: 50%;opacity: 0;transform: scale(0.8);
	background:
		radial-gradient(circle, #4f46e5 0 1.5px, transparent 2px) 8% 30% / 14px 14px no-repeat,
		radial-gradient(circle, #8b5cf6 0 1.5px, transparent 2px) 18% 72% / 12px 12px no-repeat,
		radial-gradient(circle, #ec4899 0 1.5px, transparent 2px) 28% 12% / 13px 13px no-repeat,
		radial-gradient(circle, #f43f5e 0 1.5px, transparent 2px) 34% 82% / 12px 12px no-repeat,
		radial-gradient(circle, #14b8a6 0 1.5px, transparent 2px) 74% 24% / 12px 12px no-repeat,
		radial-gradient(circle, #06b6d4 0 1.5px, transparent 2px) 82% 66% / 13px 13px no-repeat,
		radial-gradient(circle, #3b82f6 0 1.5px, transparent 2px) 90% 36% / 14px 14px no-repeat,
		radial-gradient(circle, #6366f1 0 1.5px, transparent 2px) 14% 50% / 12px 12px no-repeat,
		radial-gradient(circle, #a855f7 0 1.5px, transparent 2px) 24% 42% / 13px 13px no-repeat,
		radial-gradient(circle, #2dd4bf 0 1.5px, transparent 2px) 84% 18% / 14px 14px no-repeat,
		radial-gradient(circle, #60a5fa 0 1.5px, transparent 2px) 92% 76% / 12px 12px no-repeat,
		radial-gradient(circle, #818cf8 0 1.5px, transparent 2px) 6% 60% / 13px 13px no-repeat,
		radial-gradient(circle, #c084fc 0 1.5px, transparent 2px) 20% 20% / 12px 12px no-repeat,
		radial-gradient(circle, #f472b6 0 1.5px, transparent 2px) 32% 68% / 14px 14px no-repeat,
		radial-gradient(circle, #34d399 0 1.5px, transparent 2px) 72% 8% / 12px 12px no-repeat;

	animation: checkConfettiBurst 0.7s ease-out 0.27s forwards;
}
@keyframes checkConfettiBurst {0% {opacity: 0;transform: scale(0.3);}30% {opacity: 1;transform: scale(1);}100% {opacity: 0;transform: scale(1.4);}}
@keyframes navPump {0% {transform: scale(1.1);}100% {transform: scale(1);}}

.event-status { display: inline-block; border-radius: 5px; background-color: #fff; padding: 8px 8px 6px 8px; font-size: 9px; color: var(--gray); border: 1px solid var(--gray); text-transform: uppercase; line-height: 9px; vertical-align: middle; }
.event-status.draft { color: var(--gray); border-color: var(--gray); }
.event-status.published { color: #fff; border-color: transparent; background-color: var(--green); }

#dashboard-top-bar { padding: 0px 32px 0px 8px; position: fixed; left: 240px; top: 0px; width: calc(100vw - 240px); height: 86px; z-index: 10; background-color: #fff; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: center;}
#dashboard-top-bar .event-page-title { color: var(--light-black); font-size: 16px; position: relative; cursor: default; }
#dashboard-top-bar .event-page-title .event-status { margin-left: 8px; margin-top: -4px; position: absolute; }
#dashboard-top-bar .event-tiny-details { font-size: 12px; font-weight: 300; padding-top: 5px; }
#dashboard-top-bar .event-tiny-details .svg-sprite { display: inline-block; vertical-align: middle; width: 13px; height: 13px; margin-top: -3px; margin-right: 2px; }
#dashboard-top-bar .event-tiny-details span.bull { font-size: 5px; display: inline-block; vertical-align: middle; }
#dashboard-top-bar .event-back-home { display: inline-block; color: var(--blue); vertical-align: middle; }
#dashboard-top-bar .event-back-home:hover { color: var(--blue); text-decoration: underline; }
#dashboard-top-bar .event-back-home .svg-sprite { width: 18px; height: 20px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; }
#dashboard-top-bar .event-top-details { display: inline-block; vertical-align: middle; }
#dashboard-top-bar hr.vertical { margin: 0px 16px; }
#dashboard-top-bar hr.js-disabledItem,
#dashboard-top-bar .btn.js-disabledItem { display: none; }
#dashboard-top-bar .event-preview-anchor { color: var(--blue); text-decoration: none; }
#dashboard-top-bar .event-preview-anchor:hover,
#dashboard-top-bar .event-preview-anchor:focus-within { text-decoration: underline; }
#dashboard-top-bar .event-preview-anchor.js-disabledItem { display: none; }
#dashboard-top-bar .svg-sprite.forward { width: 18px; height: 18px; display: inline-block; vertical-align: middle; color: var(--gray); margin: 0 7px; }
#dashboard-content.dashboard-top-bar { margin: 86px 0px 0px 240px; }


#dashboard-left-pane .dashboard-menu-drawers { position: absolute; z-index: 5; left: 0px; top: 86px; width: 100%; height: calc(100% - 86px); }
#dashboard-left-pane .dashboard-menu-drawers .drawer { pointer-events: none; visibility: hidden; will-change: transform; position: absolute; z-index: 5; min-width: 100%; height: 100%; right: 3px; top: 0px; background: var(--light-blue); padding: 7px 0px 8px 8px; box-shadow: var(--small-shadow); transform: translateX(0%); transition: transform 0.20s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.20s; }
#dashboard-left-pane .dashboard-menu-drawers .drawer.on { pointer-events: auto; visibility: visible; right: 1px; transform: translateX(100%); z-index: 6; transition: transform 0.20s cubic-bezier(0.4, 0, 0.2, 1),visibility 0s linear 0s;;}
#dashboard-left-pane .dashboard-menu-drawers .drawer > .content-card { min-width: 400px; box-shadow: none; position: relative; height: 100%; overflow-y: auto; overflow-x: visible; color: var(--black); background-color: #fff; }

#dashboard-left-pane .dashboard-menu-drawers .drawer.full-sized { width: calc(100vw - 239px); }

/*
#dashboard-left-pane .dashboard-menu-drawers .drawer .content-card::-webkit-scrollbar { width: 6px; }
#dashboard-left-pane .dashboard-menu-drawers .drawer .content-card::-webkit-scrollbar-track { background: transparent; }
#dashboard-left-pane .dashboard-menu-drawers .drawer .content-card::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.15); border-radius: 6px; }
#dashboard-left-pane .dashboard-menu-drawers .drawer .content-card::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.3); }
#dashboard-left-pane .dashboard-menu-drawers .drawer .content-card { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.15) transparent; }
*/

#dashboard-left-pane .drawer-title { padding-right: 64px; text-wrap: nowrap; font-size: 20px; }
#dashboard-left-pane .drawer-title .svg-sprite { display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin-right: 16px; margin-top: -2px; }
#dashboard-left-pane .drawer-title .js-summaryDrawerTitleText { display: inline-block; max-width: calc(100% - 42px); overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
#dashboard-left-pane .drawer-details { font-size: 14px; padding-top: 16px; line-height: 1.5em; font-weight: 300; }
#dashboard-left-pane .close-drawer-btn { position: absolute; width: 32px; height: 32px; top: 26px; right: 22px; cursor: pointer; }
#dashboard-left-pane .close-drawer-btn .svg-sprite { width: 22px; height: 22px; color: var(--light-black); }
#dashboard-left-pane .close-drawer-btn:hover .svg-sprite { color: var(--black); }

.dashboard-menu-drawers p { font-size: 16px; }
.dashboard-menu-drawers .textbox-wrapper { margin-bottom: 16px; }
.dashboard-menu-drawers .btn-smallLink { display: block; margin-top: -12px; margin-bottom: 16px; }
.input-help { margin-top: -12px; font-size: 12px; color: var(--black); margin-bottom: 16px; }
.field-wrapper .input-help { margin-top: 3px; }
.dashboard-menu-drawers .date-time-wrapper { font-size: 0px; }
.dashboard-menu-drawers .date-time-wrapper .dropdown { width: calc(50% - 4px); margin-right: 4px; display: inline-block; }
.dashboard-menu-drawers .date-time-wrapper .dropdown:nth-child(2) { margin-right: 0px; margin-left: 4px; }
.dashboard-menu-drawers .guests-drawer .btn-smallLink { margin-top: 16px; }
.guest-coverage-alert { margin-top: 12px; padding: 14px 16px; border-radius: 8px; background-color: #fff4e5; color: #804b00; font-size: 14px; line-height: 1.45; }
.guest-coverage-alert[hidden] { display: none; }
.guest-coverage-alert strong { display: block; margin-bottom: 3px; color: inherit; font-weight: 700; }
.guest-coverage-alert p { margin: 0; }
.guest-coverage-alert a { color: inherit; font-weight: 700; text-decoration: underline; }
.guest-coverage-alert a:hover { color: var(--blue); }

/* Event messaging drawer */
#dashboard-left-pane .dashboard-menu-drawers .messaging-drawer { width: min(760px, calc(100vw - 239px)); }
.messaging-loading { padding: 20px 0; color: var(--light-black); }
.messaging-availability-alert { margin-bottom: 18px; }
.messaging-availability-alert p { padding-right: 12px; }
.messaging-stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.messaging-stat { padding: 16px; border-radius: 10px; background: var(--light-blue); box-shadow: 0 0 0 1px rgba(0,0,0,.05) inset; }
.messaging-stat strong { display: block; color: var(--blue); font-size: 24px; line-height: 1.1; }
.messaging-stat span { display: block; margin-top: 5px; color: var(--light-black); font-size: 13px; }
.messaging-warning { padding: 12px 14px; margin-bottom: 16px; border-radius: 8px; background: #fff4e5; color: #804b00; font-size: 14px; line-height: 1.4; }
.messaging-section { padding: 20px 0; border-top: 1px solid var(--gray2); }
.messaging-section h3 { margin: 0 0 7px; font-size: 18px; }
.messaging-section-copy { margin: 0 0 14px; color: var(--light-black); font-size: 14px; line-height: 1.45; }
.messaging-section fieldset { margin: 0; padding: 0; border: 0; }
.messaging-section fieldset:disabled { opacity: .55; }
.messaging-section legend { margin-bottom: 10px; font-weight: 600; }
.messaging-audience-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.messaging-audience-grid .option-block { min-height: 44px; padding: 10px; border: 1px solid var(--gray2); border-radius: 8px; }
.messaging-audience-grid .option-block:has(input:checked) { border-color: var(--blue); background: var(--light-blue); }
.messaging-audience-grid .option-text strong { font-size: 14px; }
.messaging-audience-preview { display: flex; flex-wrap: wrap; gap: 3px 12px; margin: 12px 0 16px; padding: 12px; border-radius: 8px; background: var(--light-gray); font-size: 13px; }
.messaging-audience-preview strong { width: 100%; }
.messaging-audience-preview span { color: var(--light-black); }
.messaging-audience-preview em { width: 100%; color: #804b00; font-style: normal; }
.messaging-field-label { margin-bottom: 7px; font-size: 14px; }
.messaging-option-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 14px 0; }
.messaging-option-row > span { min-width: 70px; font-weight: 600; }
.messaging-option-row label { font-size: 14px; }
.messaging-schedule-fields { margin: 10px 0 16px; }
.messaging-schedule-fields label { display: block; margin-bottom: 7px; font-size: 14px; }
.messaging-schedule-fields label small { color: var(--light-black); }
.messaging-schedule-fields input[type=datetime-local] { width: 100%; padding: 11px 13px; border: 1px solid var(--gray); border-radius: 5px; background: #fff; color: var(--black); font: inherit; }
.messaging-schedule-fields input[type=datetime-local]:focus { border-color: var(--blue); }
.messaging-guest-list, .messaging-history { display: grid; gap: 8px; }
.messaging-guest-row { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--gray2); border-radius: 9px; }
.messaging-guest-row > div { min-width: 0; flex: 1; }
.messaging-guest-row strong, .messaging-guest-row span { display: block; }
.messaging-guest-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.messaging-guest-row span { margin-top: 2px; color: var(--light-black); font-size: 12px; line-height: 1.35; }
.messaging-guest-row .btn { flex: 0 0 auto; }
.messaging-history-row { padding: 14px; border: 1px solid var(--gray2); border-radius: 9px; }
.messaging-history-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.messaging-history-subject { margin: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.messaging-history-row small { display: block; color: var(--light-black); font-size: 12px; line-height: 1.5; }
.messaging-history-row .btn-smallLink { margin: 9px 0 0; }
.messaging-status { padding: 3px 7px; border-radius: 99px; background: var(--light-gray); font-size: 11px; text-transform: capitalize; }
.messaging-status.is-sent, .messaging-status.is-delivered { background: #e6f7ec; color: #226b38; }
.messaging-status.is-failed { background: var(--light-red); color: var(--red); }
.messaging-status.is-cancelled { color: var(--light-black); }
.messaging-empty { margin: 0; padding: 16px; border-radius: 8px; background: var(--light-gray); color: var(--light-black); font-size: 14px; }
.messaging-drawer-actions { padding-top: 18px; text-align: right; }

/* Automated Messages — focused Event Editor experience */
#dashboard-left-pane .dashboard-menu-drawers .messaging-drawer { width: min(650px, calc(100vw - 239px)); }
.automation-plan-card { display: flex; gap: 18px; padding: 22px; margin: 8px 0 24px; border: 1px solid rgba(81,70,255,.24); border-radius: 12px; background: linear-gradient(135deg, rgba(248,248,255,.98), rgba(255,255,255,.98)); box-shadow: 0 7px 22px rgba(45,39,155,.05); }
.automation-plan-card.is-managed { border-color: rgba(51,156,91,.28); background: linear-gradient(135deg, rgba(243,252,247,.98), rgba(255,255,255,.98)); }
.automation-plan-icon { display: flex; flex: 0 0 48px; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 50%; color: var(--blue); background: rgba(81,70,255,.08); box-shadow: 0 0 0 1px rgba(81,70,255,.14) inset; }
.automation-plan-icon { display: none !important; }
.automation-plan-card.is-managed .automation-plan-icon { color: var(--green); background: rgba(51,156,91,.09); box-shadow: 0 0 0 1px rgba(51,156,91,.16) inset; }
.automation-coverage-alert { margin: -12px 0 24px; }
.automation-plan-icon .svg-sprite { width: 24px; height: 24px; }
.automation-plan-copy { min-width: 0; flex: 1; }
.automation-plan-badge { display: inline-block; padding: 4px 9px; margin-bottom: 8px; border-radius: 5px; color: #4134db; background: rgba(81,70,255,.1); font-size: 13px; font-weight: 700; line-height: 1; }
.automation-plan-card.is-managed .automation-plan-badge { color: #226b38; background: rgba(51,156,91,.12); }
.automation-plan-copy > strong { display: block; font-size: 16px; line-height: 1.35; }
.automation-plan-copy > p { margin: 5px 0 16px; color: var(--light-black); font-size: 14px; line-height: 1.5; }
.automation-plan-card.is-managed .automation-plan-copy > p { margin-bottom: 0; }
.automation-upgrade-btn { min-width: 230px; }
.automation-plan-included { display: flex; align-items: center; gap: 8px; margin-top: 15px; color: var(--light-black); font-size: 13px; }
.automation-plan-included .svg-sprite { width: 17px; height: 17px; color: var(--blue); }
.automation-plan-card.is-managed .automation-plan-included { display: none !important; }
.automation-timeline-section { padding: 0 2px 18px; }
.automation-timeline-section h3 { margin: 0 0 4px; font-size: 20px; font-weight: 500; }
.automation-lock-hint { display: flex; gap: 8px; align-items: center; margin: 0 0 16px; color: var(--light-black); font-size: 13px; }
.automation-lock-hint .svg-sprite { width: 18px; height: 18px; }
.automation-lock-hint button { padding: 0; color: var(--blue); cursor: pointer; font: inherit; font-weight: 700; }
.automation-timeline { position: relative; padding-left: 22px; }
.automation-timeline-item { position: relative; margin-bottom: 8px; }
.automation-timeline-item:not(:last-child)::after { content: ""; position: absolute; z-index: 1; left: -16px; top: 40px; width: 3px; height: calc(100% + 1px); background: var(--blue); }
.automation-timeline-item.is-disabled:not(:last-child)::after { background: var(--light-blue); }
.automation-timeline-dot { position: absolute; left: -21px; top: 31px; z-index: 2; width: 13px; height: 13px; border-radius: 50%; background: var(--blue); }
.automation-timeline-item.is-disabled .automation-timeline-dot,
.automation-timeline.is-disabled .automation-timeline-dot { background: var(--light-blue); }
.automation-timeline-item.is-disabled .automation-timeline-row,
.automation-timeline-item.is-disabled .automation-timeline-row .automation-row-icon { opacity: 0.9; color: var(--gray) !important; }
.automation-timeline-row { display: grid; width: 100%; min-height: 72px; grid-template-columns: 40px minmax(180px, 1fr) minmax(150px, .8fr) 78px; gap: 10px; align-items: center; padding: 8px; background: #fff; color: var(--black); text-align: left; }
.automation-row-icon { display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; color: var(--light-black); }
.automation-row-icon .svg-sprite { width: 23px; height: 23px; }
.automation-row-name strong, .automation-row-name small { display: block; }
.automation-row-name strong { font-size: 15px; font-weight: 600; }
.automation-row-name small, .automation-row-timing { margin-top: 3px; color: var(--light-black); font-size: 13px; line-height: 1.35; }
.automation-row-status { min-width: 78px; padding: 8px 10px; border-radius: 6px; background: var(--light-gray); color: var(--light-black); font-size: 12px; text-align: center; text-transform: uppercase; }
.automation-row-status.is-scheduled { color: #4134db; background: rgba(81,70,255,.09); }
.automation-row-status.is-sent { color: #226b38; background: #e6f7ec; }
.automation-row-status.is-failed { color: var(--red); background: var(--light-red); }
.automation-row-toggle { width: 78px; justify-content: center; justify-self: center; }
.automation-row-toggle input[type=checkbox] { margin: 0; }
.automation-add-btn { display: flex; width: calc(100% - 30px); min-height: 54px; align-items: center; justify-content: center; gap: 10px; margin: 16px 0 0 30px; border: 1px solid var(--gray2); border-radius: 9px; background: #fff; color: var(--blue); cursor: pointer; font: inherit; }
.automation-add-btn:hover { border-color: rgba(81,70,255,.35); background: var(--light-blue); }
.automation-add-btn:disabled { color: var(--gray); background: var(--light-gray); cursor: default; opacity: .72; }
.automation-add-symbol { font-size: 29px; font-weight: 200; line-height: 1; }
.automation-editor { padding-top: 4px; }
.automation-editor-back { margin: 0 0 14px !important; }
.automation-editor h3 { margin: 0 0 4px; font-size: 21px; }
.automation-editor-copy { margin: 0 0 18px; color: var(--light-black); font-size: 14px; }
.automation-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
.automation-form-grid label, .automation-field-label { display: block; font-size: 13px; color: var(--light-black); }
.automation-form-grid select { display: block; width: 100%; margin-top: 6px; padding: 12px; border: 1px solid var(--gray); border-radius: 5px; background: #fff; color: var(--black); font: inherit; }
.automation-field-label { margin: 5px 0 7px; }
.automation-channel-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 14px 0; }
.automation-channel-row > span { min-width: 70px; font-weight: 600; }
.automation-channel-row label { font-size: 14px; }
.automation-datetime { display: block; width: 100%; padding: 11px 13px; border: 1px solid var(--gray); border-radius: 5px; background: #fff; color: var(--black); font: inherit; }
.automation-datetime:focus, .automation-form-grid select:focus { border-color: var(--blue); }
.automation-editor-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }

.dashboard-menu-drawers .activities-drawer .event-activity { display: block; overflow: hidden; position: relative; border-radius: 8px; padding: 24px; margin-bottom: 8px; }
.dashboard-menu-drawers .activities-drawer .event-activity span { display: block; position: relative; z-index: 4; }
.dashboard-menu-drawers .activities-drawer .event-activity .right-content { float: right; width: 64px; text-align: center; }
.dashboard-menu-drawers .activities-drawer .event-activity .left-content { float: left; width: calc(100% - 80px); text-align: left; color: #333; }
.dashboard-menu-drawers .activities-drawer .event-activity .title { font-size: 16px; font-weight: 500; margin-bottom: 20px; }
.dashboard-menu-drawers .activities-drawer .event-activity .desc { font-size: 14px; font-weight: 400; line-height: 1.2em; }
.dashboard-menu-drawers .activities-drawer .event-activity .icon { width: 34px; height: 34px; }
.dashboard-menu-drawers .activities-drawer .event-activity .add-btn { background-color: rgba(0,0,0,0.3); padding: 5px 10px; color: #fff; border-radius: 10px; font-size: 10px; font-weight: 700; margin-top: 10px; display: inline-block; transition: background-color 0.18s; }
.dashboard-menu-drawers .activities-drawer .event-activity:before { content: ""; display: block; position: absolute; left: 0px; top: 0px; width: 4px; height: 100%; z-index: 1; }
.dashboard-menu-drawers .activities-drawer .event-activity:after { transition: all 0.3s; opacity: 0.1; content: ""; display: block; position: absolute; right: -22%; top: -53%; width: 200px; height: 200px; border-radius: 100px; z-index: 1; }
.dashboard-menu-drawers .activities-drawer .event-activity:hover .add-btn { background-color: rgba(0,0,0,0.5); }
.dashboard-menu-drawers .activities-drawer .event-activity:hover:after { opacity: 0.22; }
.dashboard-menu-drawers .activities-drawer .event-activity { transition: box-shadow 0.2s ease, transform 0.2s ease; }
.dashboard-menu-drawers .activities-drawer .event-activity:hover { transform: translateY(-2px); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.06); }
.activities-drawer .potluck-activity { background-color: rgba(253,192,135,0.1); }
.activities-drawer .potluck-activity .icon { color: #fdc087; }
.activities-drawer .potluck-activity:before,
.activities-drawer .potluck-activity:after { background-color: #fdc087; }
.activities-drawer .wishlist-activity { background-color: rgba(163,135,253,0.1); }
.activities-drawer .wishlist-activity .icon { color: #a387fd; }
.activities-drawer .wishlist-activity:before,
.activities-drawer .wishlist-activity:after { background-color: #a387fd; }
.wishlist-confirm-preview { display: flex; justify-content: center; margin-bottom: 18px; }
.wishlist-confirm-preview__image { width: 120px; height: 120px; border-radius: 18px; background: rgba(0, 0, 0, 0.04); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.wishlist-confirm-preview__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wishlist-confirm-preview__image .gift-icon { width: 44px; height: 44px; opacity: 0.45; }
.list-panel-item__name {
	flex: 1;
	min-width: 0;
}

#activitiesListPanel .list-panel-item__main {
	padding-left: 12px;
	padding-right: 14px;
}

#activitiesListPanel .list-panel-item__icon {
	color: var(--light-black);
}

#activitiesListPanel .list-panel-item__trailing-icon {
	width: 14px;
	height: 14px;
}
#activitiesListPanel .list-panel-item__icon.activity-icon-potluck {
	color: #f2a65a;
}

#activitiesListPanel .list-panel-item__icon.activity-icon-wishlist {
	color: #9873e6;
}
.pg-event_activity-description {
	white-space: pre-line;
}


.customize-drawer .color-picker-wrapper { overflow: hidden; padding-top: 20px; }
.customize-drawer .color-picker { width: 50%; float: left; text-align: center; }
.customize-drawer .color-picker-label { font-size: 13px; font-weight: 700; margin-bottom: 13px; }
.IroWheel { margin: 0px auto; }
.IroSlider { margin-left: auto; margin-right: auto; }


.status-page-steps { margin: 20px 0px; }
.status-page-steps-nav { margin: 0px auto; width: 76px; position: relative; text-align: center; font-size: 0px; }
.status-page-steps-nav:before { content: ""; display: block; position: absolute; z-index: 1; left: 10px; top: 9px; width: 56px; height: 2px; background-color: #eee; }
.status-page-steps-nav .statusStep { display: inline-block; position: relative; width: 20px; height: 20px; margin-left: 8px; cursor: pointer; z-index: 5; }
.status-page-steps-nav .statusStep:disabled { cursor: default; }
.status-page-steps-nav .statusStep:first-child { margin-left: 0px; }
.status-page-steps-nav .statusStep:before { content: ""; display: block; position: absolute; left: 30%; top: 30%; width: 40%; height: 40%; border-radius: 100%; background-color: #ddd; }
.status-page-steps-nav .statusStep.active:before { background-color: var(--blue); }

.publish-rate-cards-container { overflow: hidden; padding: 8px 4px; }
.js-embeddedCheckout { width: 100%; max-width: 760px; min-height: 560px; margin: 16px auto 24px; }
.js-embeddedCheckout[hidden] { display: none; }
.checkout-loader { min-height: 560px; margin: 16px auto 24px; }
.checkout-loader[hidden] { display: none; }
.hover-card { border: 3px solid #fff; float: left; width: 49%; margin-right: 0; display: block; position: relative; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.06); border-radius: 12px; padding: 9px 24px 24px 24px; color: var(--black); background-color: #fff; transition: box-shadow 0.2s ease, transform 0.2s ease; }
.hover-card:hover { transform: translateY(-4px); box-shadow: 0 4px 9px rgba(0, 0, 0, 0.25); }
.hover-card span { display: block; margin-bottom: 20px; }
.hover-card span span { margin-bottom: 10px; }
.hover-card .rate-card-img { display: inline-block; width : 46px; height: 50px; background-position: 50% 100%; background-repeat: no-repeat; margin-left: -7px; }
.hover-card .rate-card-img.basic { background-image: url('../images/basic-box.png'); background-size: 35px 33px; }
.hover-card .rate-card-img.plus { background-image: url('../images/plus-box.png'); background-size: 46px 50px; }
.hover-card .rate-card-title { font-weight: 700; display: inline-block; vertical-align: bottom; font-size: 21px; margin-bottom: 20px; text-align: center; }
.hover-card .rate-card-price { font-weight: 700; font-size: 24px; margin-bottom: 8px; }
.hover-card .rate-card-price em { font-size: 12px; vertical-align: bottom; color: #717171; font-weight: 300; }
.hover-card .rate-card-desc { font-size: 15px; color: #717171; line-height: 1.5em; }
.hover-card .hr { height: 1px; background-color: #ddd; margin: 29px 0px 35px; }
.hover-card .rate-card-list { margin-bottom: 70px; }
.hover-card .rate-card-list-item { margin-bottom: 14px; font-weight: 700; font-size: 15px; }
.hover-card .checkbox-box { display: inline-block; vertical-align: middle; margin-bottom: 0px; }
.hover-card .rate-card-button { transition: all 220ms; border: 3px solid var(--blue); background-color: var(--blue); color: #fff; padding: 14px; text-align: center; font-size: 16px; font-weight: 500; margin-bottom: 0px; border-radius: 8px; }
.hover-card .rate-card-button svg { transition: all 220ms; width: 15px; height: 16px; vertical-align: middle; margin-left: 8px; }
.hover-card:hover .rate-card-button svg { margin-left: 18px; }
.hover-card { margin-right: 2%; } 
.hover-card.plus { margin-right: 0%; border: 3px solid var(--blue); background: linear-gradient(164deg,rgba(232, 239, 254, 1) 0%, rgba(238, 230, 250, 1) 100%); }
.hover-card .rate-card-ribbon { position: absolute; width: 102px; height: 102px; background-image: url('../images/plus-badge.png'); background-size: 102px 102px; background-position: 0px 0px; background-repeat: no-repeat; right: -6px; top: -5px; }
#checkmark-confirmation-wrapper,
.checkmark-confirmation-wrapper { position: relative; z-index: 10; width: 80px; height: 80px; margin: 30px auto; }
.confirmation-message { text-align: center; opacity: 0; transform: translate(0px,12px); }
.active .confirmation-message { animation: confirmMessageShow 0.75s forwards; animation-delay: 0.35s; }
.confirmation-message h4 { font-weight: 700; font-size: 31px; }
.confirmation-message p { margin-left: auto; margin-right: auto; max-width: 494px; }
.confirmation-message .confirmation-list { border: 1px solid #ddd; padding: 14px 0px; border-radius: 12px; font-size: 0px; text-align: center; margin: 24px auto; }
.confirmation-message .confirmation-list li { text-align: left; font-size: 15px; font-weight: 500; line-height: 1.5em; display: inline-block; vertical-align: middle; padding: 6px 0px; }
.confirmation-message .confirmation-list li:last-child { border-right: 0 !important; }
.confirmation-message .confirmation-list li:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd; min-width: 34%; padding-left: 17px; margin-right: 17px; margin-left: 17px; }
.confirmation-message .confirmation-list li .ico { display: block; vertical-align: middle; width: 50px; height: 50px; margin-right: 12px; border-radius: 100%; float: left; margin-top: -3px; }
.confirmation-message .confirmation-list li .ico svg { display: inline-block; width: 24px; height: 24px; margin: 13px 0 0 13px; }
.confirmation-message .confirmation-list li .ico.purple { background-color: var(--light-purple); color: var(--purple); }
.confirmation-message .confirmation-list li .ico.blue { background-color: var(--light-blue); color: var(--blue); }
.confirmation-message .confirmation-list li .ico.teal { background-color: var(--light-teal); color: var(--teal); }
.confirmation-message .helpfulhint { background-color: var(--light-blue); color: var(--blue); font-size: 16px; padding: 18px; border-radius: 12px; text-align: center; max-width: 100%; }
.confirmation-message .helpfulhint svg { width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin: -3px 6px 0 0; }
.confirmation-message .btn svg { width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }

.confirmation-message .publish-confirmation-details { margin-top: 18px; margin-bottom: 24px; }
.publish-confirmation-url-line { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; }
.publish-confirmation-url { color: var(--blue); text-decoration: underline; overflow-wrap: anywhere; }
.publish-confirmation-guidance { display: block; margin-top: 10px; }
.publish-confirmation-url-line .event-copy-icon { vertical-align: middle; }
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: var(--blue);
  fill: none;
}

.checkmark-confirmation {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px var(--blue);
  position: relative;
  z-index: 10;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
}


.active .checkmark-confirmation { animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; }
.active .checkmark__check { animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }
.active .checkmark__circle { animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }

@keyframes confirmMessageShow {
	0% { opacity: 0; transform: translate(0px,12px); }
	100% { opacity: 1; transform: translate(0px,0px); }
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.35, 1.35, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 45px var(--blue);
  }
}

/*
.hover-card:hover .rate-card-button { background-color: #fff; color: var(--blue); }
.hover-card:hover .rate-card-button svg { color: var(--blue); }
*/

body.overview-mode .pg-hide-in-preview { display: none !important; }
body.pg-preview-page .pg-hide-in-preview,
body.pg-preview-page #dashboard-top-bar,
body.pg-preview-page #dashboard-left-pane,
body.pg-preview-page .ql-toolbar,
body.overview-mode .ql-toolbar { display: none !important; }
body.pg-preview-page .ql-container,
body.overview-mode .ql-container { border: 0; }
body.pg-preview-page .ql-editor,
body.overview-mode .ql-editor { padding: 0; }
body.pg-preview-page #dashboard-content.dashboard-top-bar { margin: 0; }

#exit-preview { position: fixed; z-index: 999; background-color: #333; color: #fff; text-align: center; font-size: 15px; cursor: pointer; right: 10px; top: -5px; padding: 23px 20px 18px 20px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: inset 0 0 0 1px #333, inset 0 0 0 2px #fff; transform: translateY(-100%); opacity: 0; }
body.pg-preview-page #exit-preview { animation: pg-slide-in 350ms ease-out 500ms forwards; }
body.pg-preview-page #exit-preview:hover { top: -3px; }
@keyframes pg-slide-in { 0% { transform: translateY(-100%); opacity: 0; } 40% { transform: translateY(0px); opacity: 1; } 100% { transform: translateY(-3px); opacity: 1; } }

/* Editor Styles */
#dashboard-content.editing .pg-editable { cursor: text; outline: 1px solid #eee; }
#dashboard-content.editing .pg-editable:hover { background-color: rgba(255,255,255,0.3); }
#dashboard-content.editing .pg-editable:active,
#dashboard-content.editing .pg-editable:focus { background-color: rgba(255,255,255,0.85); }
#dashboard-content.editing .pg-clickable { cursor: pointer; outline: 1px solid #eee; }
#dashboard-content.editing .pg-clickable:hover,
#dashboard-content.editing .pg-clickable:active,
#dashboard-content.editing .pg-clickable:focus { background-color: rgba(255,255,255,0.6); }
#dashboard-content.editing .pg-clickable.pg-event_overview-banner-container.dragging:after { content: ""; position: absolute; inset: 0px; border: 3px dashed var(--pg-primary-ui); pointer-events: none; z-index: 10; }
#dashboard-content.editing .pg-clickable.pg-event_overview-banner-container.uploading { opacity: 0.55; pointer-events: none; }

#dashboard-mobile-top-nav { display: none; position: fixed; z-index: 9999; left: 0px; top: 0px; width: 100%; background-color: #fff; padding: 4px 12px; }
#dashboard-mobile-top-nav .top-bar { display: flex; justify-content: space-between; align-items: center; height: 40px; }
#dashboard-mobile-top-nav .top-bar-left,
#dashboard-mobile-top-nav .top-bar-right { display: flex; align-items: center; gap: 8px; }
#dashboard-mobile-top-nav .top-bar-left { gap: 24px; }
#dashboard-mobile-top-nav .top-bar-right { margin-left: auto; }
#dashboard-mobile-top-nav .pg-logo { display: block; width: 100px; height: 25px; background-image: url('../images/partygram-logo-mobile.png'); background-repeat: no-repeat; background-size: 100px 25px; background-position: 0px 0px; }
#dashboard-mobile-top-nav .back-breadcrumb { font-size: 14px; color: var(--blue); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
#dashboard-mobile-top-nav .back-breadcrumb .svg-sprite { display: inline-block; width: 22px; height: 22px; }


/* Event Overview */
.event-summary-wrapper { margin-bottom: 24px; }
.summary-alert-box[hidden] { display: none; }
.event-summary-top { position: relative; }
.event-summary-small-nav { position: absolute; right: 0px; top: 0px; margin-top: -8px; }
.column-wrapper { display: flex; align-items: flex-start; gap: 24px; }
.column-wrapper.event-summary-wrapper { align-items: stretch; }
.column-wrapper > .content-card { flex: 1 1 0; min-width: 0; }
.column-wrapper > .content-card.col-40 { flex: 0 1 calc(40% - 12px); }
.column-wrapper > .content-card.col-60 { flex: 0 1 calc(60% - 12px); }
.event-about-summary { display: grid; gap: 22px; margin-top: 24px; }
.event-about-summary-row { display: flex; align-items: flex-start; gap: 16px; color: var(--black); font-size: 16px; line-height: 22px; }
.event-about-summary-row[hidden] { display: none; }
.event-about-summary-row > .svg-sprite { flex: 0 0 24px; width: 24px; height: 24px; margin-top: -2px; }
.event-about-plan-row { align-items: flex-start; }
.event-about-plan-copy { display: block; min-width: 0; }
.event-about-plan-copy strong,
.event-about-plan-copy small { display: block; }
.event-about-plan-copy strong { font-weight: 500; }
.event-about-plan-copy small { margin-top: 2px; color: var(--light-black); font-size: 13px; line-height: 18px; }
.event-about-plan-copy small[hidden] { display: none; }
.event-about-plan-copy small a { color: var(--blue); text-decoration: underline; }
.event-about-tooltip { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-top: 1px; color: var(--blue); cursor: help; }
.event-about-tooltip > .svg-sprite { width: 18px; height: 18px; }
.event-about-url-row { align-items: center; }
.event-public-url { min-width: 0; color: var(--light-black); overflow-wrap: anywhere; }
.event-public-url[href] { color: var(--blue); text-decoration: underline; }
.event-copy-icon { position: relative; display: inline-flex; flex: 0 0 22px; align-items: center; justify-content: center; width: 22px; height: 22px; color: var(--blue); cursor: pointer; }
.event-copy-icon:disabled { color: var(--gray); opacity: 0.5; cursor: default; }
.event-copy-icon > .svg-sprite { width: 17px; height: 17px; }
.event-copy-confirmation { position: absolute; z-index: 5; top: calc(100% + 7px); left: 50%; padding: 5px 8px; border-radius: 4px; background-color: var(--blue); color: #fff; font-size: 12px; line-height: 16px; white-space: nowrap; pointer-events: none; opacity: 0; visibility: hidden; transform: translate(-50%, -3px); transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms; }
.event-copy-confirmation.show { opacity: 1; visibility: visible; transform: translate(-50%, 0px); transition-delay: 0s; }
.pg-tooltip { position: fixed; z-index: 10000000; display: none; max-width: min(280px, calc(100vw - 16px)); padding: 8px 11px; border-radius: 5px; background-color: var(--blue); color: #fff; font-size: 13px; line-height: 18px; box-shadow: var(--small-shadow); }
.pg-tooltip.on { display: block; }
.pg-tooltip::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 12px; height: 12px; background-color: var(--blue); transform: translateX(-50%) rotate(45deg); }
.pg-tooltip.is-below::after { top: -6px; bottom: auto; }
.event-timeline { margin: 24px 0px 0px; padding: 0px; list-style: none; }
.event-timeline-stage { --timeline-stage-color: var(--light-blue); position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: flex-start; gap: 10px; min-height: 52px; padding-left: 28px; }
.event-timeline-stage::before { content: ""; position: absolute; z-index: 2; left: 0px; top: 9px; width: 13px; height: 13px; border-radius: 50%; background-color: var(--timeline-stage-color); }
.event-timeline-stage:not(:last-child)::after { content: ""; position: absolute; z-index: 1; left: 5px; top: 20px; bottom: -9px; width: 3px; background-color: var(--light-blue); }
.event-timeline-stage:has(+ .is-complete)::after,
.event-timeline-stage:has(+ .is-current)::after { background-color: var(--blue); }
.event-timeline-stage.is-complete,
.event-timeline-stage.is-current { --timeline-stage-color: var(--blue); }
.event-timeline-icon { width: 22px; height: 22px; margin-top: 4px; color: var(--light-black); }
.event-timeline-content { min-width: 0; }
.event-timeline-stage time { display: block; color: var(--light-black); font-size: 14px; line-height: 18px; }
.event-timeline-stage span { display: block; color: var(--black); font-size: 16px; line-height: 20px; }
.event-activity-summary-list { display: grid; gap: 8px; margin-top: 24px; }
.event-activity-summary-empty { margin: 0; color: var(--light-black); font-size: 14px; line-height: 1.4; }
.event-activity-summary { display: flex; align-items: center; gap: 16px; width: 100%; padding: 14px 18px; border: 0; border-radius: 6px; background-color: var(--light-gray); color: var(--black); font: inherit; text-align: left; cursor: pointer; transition: background-color 220ms; }
.event-activity-summary[hidden],
.event-page-view-summary[hidden] { display: none; }
.event-activity-summary:hover,
.event-activity-summary:focus-visible { background-color: var(--light-blue); }
.event-activity-summary > .svg-sprite,
.event-page-view-summary > .svg-sprite { flex: 0 0 30px; width: 30px; height: 30px; }
.event-activity-summary-copy { display: block; min-width: 0; }
.event-rsvp-summary-stats { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 18px; min-width: 0; }
.event-rsvp-summary-stat { display: block; min-width: 44px; text-align: center; }
.event-rsvp-summary-stat[hidden] { display: none; }
.event-activity-summary-copy strong,
.event-rsvp-summary-stat strong { display: block; font-size: 16px; font-weight: 500; line-height: 20px; }
.event-activity-summary-copy small,
.event-rsvp-summary-stat small { display: block; color: var(--light-black); font-size: 13px; line-height: 18px; white-space: nowrap; }
.event-activity-summary > .forward { flex: 0 0 16px; width: 16px; height: 16px; margin-left: auto; opacity: 0.45; transition: opacity 220ms, transform 220ms; }
.event-activity-summary:hover > .forward,
.event-activity-summary:focus-visible > .forward { opacity: 0.85; transform: translateX(2px); }
.event-page-view-summary { display: flex; align-items: center; gap: 16px; padding: 18px; color: var(--black); }
.event-page-view-summary strong { font-weight: 500; }



body.signin .dashboard-nav { display: none !important; }
body.signin #dashboard-mobile-top-nav .top-bar-right { display: none !important; }
body.signin .textbox-wrapper { margin-bottom: 12px; }
body.signin #loginStatus,
body.signin #signupStatus { font-size: 12px; margin: 12px 0px; color: var(--red); }

/* Quill wysiwyg overrides */
body .ql-container { height: auto; min-height: 94px; }
body .ql-snow .ql-editor h3 { font-size: var(--pg-event-h3-size); }
body .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-family: var(--pg-hr-font); color: var(--pg-hr-color); font-size: var(--pg-event-h3-size); }
body .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, 
body .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: "Heading"; }
body .ql-editor:before { font-size: 18px; line-height: 1.6em; opacity: 0.5; }
/* body .ql-toolbar { position: sticky; top: var(--pg-event-sticky-top); z-index: 10; background: rgba(255,255,255,0.95); backdrop-filter: blur(6px); } */



.ajax-loader { 
  display: grid;
  place-items: center;
  min-height: 240px;
}
.ajax-loader.full-height { min-height: calc(80vh - 160px); width: 100%; }
.pg-dots{
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.pg-dots span{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--blue);
  opacity: 0.35;
  animation: pg-bounce 0.9s infinite;
}

.pg-dots span:nth-child(2){
  background: rgba(120, 90, 255, 1); /* swap to your purple var if you have one */
  animation-delay: 0.15s;
}

.pg-dots span:nth-child(3){
  background: rgba(70, 160, 255, 1);
  animation-delay: 0.30s;
}

@keyframes pg-bounce{
  0%, 80%, 100% { transform: translateY(0); opacity: 0.35; }
  40%           { transform: translateY(-6px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce){
  .pg-dots span{ animation: none; opacity: 0.8; }
}

.js-confetti { position: relative; }
.confetti-ribbon { position: absolute; perspective: 800px; pointer-events: none; }
.ribbon1 { background-color: #e7c231; }
.ribbon2 { background-color: #0fbabb; }
.ribbon3 { background-color: #0946a2; }
.ribbon4 { background-color: #e55f31; }
.ribbon5 { background-color: #7a20c6; }

@media only screen and (max-width: 1200px) {
	/* Common
	------------------------------------------------- */
	.large-margins { margin: 24px; }
	.large-paddings { padding: 24px; }
	.small-paddings { padding: 12px; }
	hr { margin: 12px 0px; }
	
	
	/* Dashboard - My Events 
	------------------------------------------------- */
	#dashboard-events .event-cards-wrapper { gap: 24px; }
	#dashboard-events .event-card { flex: 0 0 calc((100% - 48px) / 3); }
	#dashboard-events .event-card a.card-wrapper .thumbnail .event-status { left: 5px; top: 5px; }
	#dashboard-events .event-card a.card-wrapper .event-title { font-size: 15px; font-weight: 600; padding: 5px 0px; }
	#dashboard-events .event-card a.card-wrapper .event-card-info { font-size: 14px; }
	#dashboard-events .event-card a.card-wrapper .users-icon { width: 15px; height: 15px; }
	
	
	/* Event Editor 
	------------------------------------------------- */
	#dashboard-left-pane .close-drawer-btn { top: 18px; right: 16px; }
		
}


/* ---------------------------------------------- */
/*               								  */
/* Mobile Views 								  */
/*               								  */
/* ---------------------------------------------- */
@media only screen and (max-width: 1100px) {
	/* Common
	------------------------------------------------- */
	.headline { font-size: 22px; }
	.large-margins { margin: 12px; }
	.large-paddings { padding: 12px; }
	.small-paddings { padding: 6px; }
	hr { margin: 6px 0px; }
	.list-panel { max-height: none; }
	.modal { z-index: 999999; }
	.modal.confirm { z-index: 9999999; }
	.modal .modal-content { min-width: auto; width: 100%; max-width: 700px; }
	.column-wrapper { display: block; }
	.column-wrapper.event-summary-wrapper > .content-card { height: auto; }
	.column-wrapper > .content-card { margin-bottom: 22px; }
	
	
	/* Dashboard Navigation
	------------------------------------------------- */
	#dashboard-mobile-top-nav { display: block; }
	#dashboard-left-pane { top: auto; bottom: 0px; width: 100%; padding-bottom: env(safe-area-inset-bottom); background: #fff; box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.10); }
	#dashboard-menu { height: auto; min-width: auto; width: 100%; z-index: 9999; }
	#dashboard-menu:before,
	#dashboard-menu .partygram-logo	{ display: none; }
	#dashboard-menu .dashboard-nav { margin-left: 0px; display: flex; padding-bottom: calc(0px + env(safe-area-inset-bottom)); }
	body.event-editor #dashboard-menu .dashboard-nav { padding-top: 38px; padding-bottom: 0px; }
	body.event-editor #dashboard-menu .dashboard-nav.active { display: flex; align-items: center; height: auto; }
	#dashboard-menu .dashboard-nav a { padding: 8px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 0px; font-size: 10px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
	#dashboard-menu .dashboard-nav a .svg-sprite { margin: 0 0 8px 0px; }
	#dashboard-menu .dashboard-nav a .svg-sprite.mail-icon { margin-top: 0; }
	#dashboard-menu .dashboard-footer { display: none; }
	#dashboard-menu .dashboard-nav-toggle-wrapper { position: fixed; width: calc(100vw - 24px); left: 12px; top: 49px; }
	#dashboard-menu .dashboard-nav-toggle-wrapper button { width: 50%; padding: 8px 0px; }
	
	
	/* Dashboard Content
	------------------------------------------------- */
	#dashboard-content { padding-top: 56px; margin-left: 0; padding-bottom: calc(62px + env(safe-area-inset-bottom)); background-color: #fff; }
	#dashboard-content > .content-card { margin: 0; border-radius: 0; box-shadow: none; padding-top: 12px !important; }
	
	
	/* Dashboard - Event Editor
	------------------------------------------------- */	
	body.event-editor #dashboard-top-bar { display: none !important; }
	/*
	body.event-editor #dashboard-top-bar { top: 47px; left: 0px; width: 100%; padding: 4px 12px 12px 12px; height: auto; box-shadow: none; }
	body.event-editor #dashboard-top-bar .event-back-home,
	body.event-editor #dashboard-top-bar .svg-sprite.forward,
	body.event-editor #dashboard-top-bar .event-preview-anchor,
	body.event-editor #dashboard-top-bar hr.vertical { display: none; }
	body.event-editor #dashboard-top-bar .event-page-title { font-size: 14px; }
	body.event-editor #dashboard-top-bar .event-page-title .event-status { position: static; display: inline-block; margin-left: 4px; margin-top: -2px; vertical-align: middle; }
	*/
	body.event-editor #dashboard-left-pane { top: 47px; bottom: auto; width: 100%; padding-bottom: 0; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.10); }
	body.event-editor #dashboard-left-pane #dashboard-menu { overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent;-webkit-overflow-scrolling:touch; }
	body.event-editor #dashboard-left-pane #dashboard-menu::-webkit-scrollbar{height:6px;}
	body.event-editor #dashboard-left-pane #dashboard-menu::-webkit-scrollbar-track{background:transparent;}
	body.event-editor #dashboard-left-pane #dashboard-menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:6px;}
	body.event-editor #dashboard-left-pane #dashboard-menu::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3);}	
	
	body.event-editor #dashboard-left-pane #dashboard-menu .dashboard-nav .dash-nav-item{ display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;}
	body.event-editor #dashboard-left-pane #dashboard-menu .dash-nav-item .nav-text {display:block;line-height:1.2em;width:100%; min-height: 28px; min-width: 50px; }
	body.event-editor #dashboard-left-pane #dashboard-menu .dashboard-nav a { padding: 8px !important; font-size: 11px; text-align: center; border-top-left-radius: 8px; border-top-right-radius: 8px; }
	body.event-editor #dashboard-left-pane #dashboard-menu .dashboard-nav a .nav-subtext, 
	body.event-editor #dashboard-left-pane #dashboard-menu hr.small-margins { display: none; }
	body.event-editor #dashboard-left-pane #dashboard-menu .checkmark { left: 52%; top: 0px; }
	body.event-editor #dashboard-left-pane #dashboard-menu .dashboard-nav a .svg-sprite {display:block;width:22px;height:22px;flex:0 0 22px;margin:0 0 10px 0;}
	body.event-editor #dashboard-left-pane #dashboard-menu .dashboard-nav a.completed:after { display: none !important; }
	body.event-editor #dashboard-left-pane #dashboard-menu .dashboard-nav a.completed { animation: none !important; }
	#dashboard-left-pane .dashboard-menu-drawers { top: 100%; height: auto; margin-top: -1px; }
	#dashboard-left-pane .dashboard-menu-drawers:has(.drawer.on) { height: 100vh; background-color: rgba(0,0,0,0.2); }
	#dashboard-left-pane .dashboard-menu-drawers .drawer { transform: translateY(-100%); height: auto; max-height: calc(100vh - 208px); right: auto !important; left: 12px; top: 12px; min-width: calc(100% - 24px); max-width: calc(100% - 24px); padding: 6px; padding-bottom:calc(32px + env(safe-area-inset-bottom)); box-shadow: var(--large-shadow); background: #fff; border-radius: 8px; }
	#dashboard-left-pane .dashboard-menu-drawers .drawer.on { transform: translateY(0%); }
	#dashboard-left-pane .dashboard-menu-drawers .drawer .content-card { min-width: auto; width: 100%; }
	#dashboard-left-pane .dashboard-menu-drawers .drawer .content-card hr { margin: 12px 0px; }
	#dashboard-left-pane .close-drawer-btn { top: 7px; right: 0px; }
	#dashboard-left-pane .drawer-title { font-size: 18px; }
	#dashboard-left-pane .drawer-title .svg-sprite { margin-top: -4px; margin-right: 8px; }
	
	body.event-editor #dashboard-content { padding-top: 160px; margin-top: 0px; margin-left: 0; padding-bottom: 0; background-color: transparent; }
	body.event-editor #pg-event:before { top: 124px; }
	
	body.event-editor #dashboard-content .pg-event_modal-overlay { padding-top: 150px; }
	
	
	/* Dashboard - My Events 
	------------------------------------------------- */
	#dashboard-events .event-card a.card-wrapper .thumbnail { height: 17vw; }
}


/* ---------------------------------------------- */
/*               								  */
/* Small Views	 								  */
/*               								  */
/* ---------------------------------------------- */
@media only screen and (max-width: 700px) {
	/* Common
	------------------------------------------------- */
	.messaging-stat-grid, .messaging-audience-grid { grid-template-columns: 1fr; }
	.messaging-guest-row { align-items: flex-start; flex-direction: column; }
	.messaging-guest-row .btn { width: 100%; }
	.messaging-option-row > span { width: 100%; }
	.automation-plan-card { padding: 17px; gap: 12px; }
	.automation-plan-icon { flex-basis: 42px; width: 42px; height: 42px; }
	.automation-upgrade-btn { width: 100%; min-width: 0; }
	.automation-timeline { padding-left: 18px; }
	.automation-timeline-item:not(:last-child)::after { left: -11px; }
	.automation-timeline-dot { left: -17px; }
	.automation-timeline-row { grid-template-columns: 42px 1fr auto; gap: 9px; padding: 10px; }
	.automation-row-icon { width: 42px; height: 42px; }
	.automation-row-timing { grid-column: 2 / 3; margin-top: -8px; }
	.automation-row-status { grid-column: 3; grid-row: 1 / span 2; min-width: 68px; padding: 7px; }
	.automation-row-toggle { grid-column: 3; grid-row: 1 / span 2; }
	.automation-add-btn { width: calc(100% - 22px); margin-left: 22px; }
	.automation-form-grid { grid-template-columns: 1fr; }
	.automation-editor-actions .btn { flex: 1; }
	.short-hide { display: none !important; }
	.btn { font-size: 14px; padding: 12px 16px 11px 16px; }
	.dropdown .dropdown-options { padding: 8px 4px; }
	.dropdown .dropdown-options li .option, .dropdown .dropdown-options label.option { padding: 14px 6px; font-size: 14px; }
	.dropdown .dropdown-search-wrap { margin-top: 5px; }
	.modal .modal-content { max-width: calc(100% - 24px); }	
	
	.field-wrapper.split-fields { display: block; }
	.field-wrapper.split-fields .split-field.split-70,
	.field-wrapper.split-fields .split-field.split-30 { display: block; margin-bottom: 14px; }
	.textbox-button-wrapper .textbox-wrapper { width: 78%; }
	.textbox-button-wrapper .btn { padding-left: 0px; padding-right: 0px; text-align: center; width: 19%; }
	
	.summary-alert-box p { padding-right: 0px; font-size: 14px; }
	.summary-alert-box p a { display: none; }


	/* Dashboard - Profile
	------------------------------------------------- */
	.profile-form-columns { grid-template-columns: 1fr; gap: 24px; }
	.profile-avatar-column { order: -1; padding: 4px 12px 12px; }
	.profile-avatar-preview { width: 170px; height: 170px; }
	.profile-avatar-preview span { font-size: 50px; }
	.profile-fields-column .field-wrapper.split-fields .split-field + .split-field { margin-top: 16px; }
	.profile-form-actions { align-items: flex-start; flex-direction: column; }
	.profile-form-actions .btn { width: 100%; }
	.profile-form-actions { gap: 0; margin-top: 0; padding-top: 0; border-top: 0; }


	/* Dashboard - My People
	------------------------------------------------- */
	.people-intro { margin: 16px 0; }
	.people-list-panel .list-panel { max-height: none; min-height: 180px; }
	.people-list-panel .list-panel-item__main { padding: 16px 12px; }
	
	
	/* Dashboard - My Events 
	------------------------------------------------- */	
	#dashboard-content #event-nav .event-filters { margin-top: 7px; width: 140px; }
	#dashboard-content #event-nav .event-filters.textbox-wrapper.show-icon .dropdown-btn.floating { padding-left: 37px; }
	#dashboard-content #event-nav .event-filters.textbox-wrapper.show-icon .svg-sprite { width: 18px; height: 18px; top: 10px; }
	#dashboard-content #event-nav .event-filters.textbox-wrapper .dropdown-arrow { width: 14px; height: 14px; top: 13px; }
	#dashboard-content #event-nav .event-filters .dropdown-btn { padding-top: 12px; font-size: 14px; }
	#dashboard-events .event-cards-wrapper { margin-top: 14px; }
	#dashboard-events .event-card { flex: 0 0 100%; }
	#dashboard-events .event-card a.card-wrapper .thumbnail { height: 40vw; }
	#dashboard-events .event-card:after { content: ""; pointer-events: none; border-radius: 8px; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid var(--gray); opacity: 0.3; }


	/* Dashboard - Event Editor
	------------------------------------------------- */	
	#dashboard-left-pane .dashboard-menu-drawers .drawer .dropdown .dropdown-list:not(.calendar-dropdown-list) { position: relative; padding-bottom: 12px; }
	#dashboard-left-pane .dashboard-menu-drawers .drawer .dropdown .dropdown-list:not(.calendar-dropdown-list):before { top: -7px; }
	body.event-editor .pg-event_banner-label { font-size: 11px; }
	body.event-editor .pg-event_banner-label .pg-event_svg-sprite { width: 24px; height: 24px; }
	body.event-editor .pg-event_banner-label span { font-size: 1.0em; }
	body.event-editor .hover-card { float: none; margin-right: 0px; width: 100%; margin-bottom: 18px; }
	body.event-editor .hover-card span { margin-bottom: 7px; }
	body.event-editor .hover-card .hr { margin: 14px 0 22px; }	
	body.event-editor .hover-card .rate-card-list { margin-bottom: 22px; }
	body.event-editor .hover-card .rate-card-list-item { margin-bottom: 12px; }
	body.event-editor .hover-card .checkbox-box { margin-bottom: 0px; }
	#checkmark-confirmation-wrapper,
	.checkmark-confirmation-wrapper { margin: 24px auto; width: 50px; height: 50px; }
	.checkmark-confirmation { width: 50px; height: 50px; }
	.confirmation-message h4 { font-size: 28px; }
	.confirmation-message p { font-size: 15px; }
	.confirmation-message .confirmation-list { padding-left: 14px; }
	.confirmation-message .confirmation-list li { text-align:center; padding: 10px 0px; display: block; margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; border-left: 0 !important; border-right: 0 !important; }
	.confirmation-message .confirmation-list li br { }
	.confirmation-message .confirmation-list li .ico { display: block; margin: 0px auto; float: none; text-align: left; margin-bottom: 5px; }
	.event-activity-summary { gap: 10px; padding: 12px 10px; }
	.event-activity-summary > .svg-sprite, .event-page-view-summary > .svg-sprite { width: 20px; height: 20px; }
	.event-rsvp-summary-stat.js-rsvpAwaitingSummary,
	.event-rsvp-summary-stat.js-rsvpInvitedSummary { display: none; }
	.event-about-summary { gap: 14px; }
	.event-about-summary-row { gap: 9px; }
	.event-about-summary-row > .svg-sprite { width: 18px; height: 18px; flex: 0 0 18px; }
}

/* EVENT PAGE
/****************************************/
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('/_app/css/Roboto/Roboto-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('/_app/css/Roboto/Roboto-Medium.ttf') format('truetype'); }

/* Foundation: variables, themes, and visibility
-------------------------------------------------- */
:root { --partygram-blue: #444ae6; --pg-primary: #444ae6; --pg-primary-ui: #444ae6; --pg-primary-text: #ffffff; --pg-secondary: #6622d0; --pg-secondary-link: #6622d0; --pg-secondary-text: #ffffff; --pg-event-nav-height: 62px; --pg-event-card-padding: 50px; --pg-event-sticky-top: calc(var(--pg-event-nav-height) + var(--pg-event-card-padding)); --pg-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15); --pg-font: 'NunitoSans', sans-serif; --pg-hr-font: 'Roboto', sans-serif; --pg-font-color: #222; --pg-hr-color: #222; --pg-event-h1-size: 50px; --pg-event-h1-overflow-size: 38px; --pg-event-h2-size: 25px; --pg-event-h3-size: 25px; --pg-event-large-radius: 6px; --pg-event-small-radius: 4px; }
body .pg-event_mobile-show { display: none; }
body .pg-event_tablet-show { display: none; }
.pg-event_hidden { display: none !important; }
#pg-event { font-family: var(--pg-font); color: var(--pg-font-color); font-weight: 400; position: relative; z-index: 2; }
#pg-event:before { content: ""; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background: linear-gradient(90deg, var(--pg-primary) 0%, var(--pg-secondary) 100%); clip-path: polygon(0 0, 100% 0, 100% 18%, 0 55%); z-index: -1; }
#pg-event p { color: var(--pg-font-color); }
#pg-event label { color: var(--pg-font-color); }
.party-effects-canvas { position:fixed; inset:0; display:block; width:100%; height:100%; pointer-events:none; }
#party-effects-background { z-index:0; }
#party-effects-foreground { z-index:9; }

/* Foundation: typography
-------------------------------------------------- */
.pg-event_headline { font-family: var(--pg-hr-font); color: var(--pg-hr-color); font-weight: 700; line-height: 1.2em; margin-bottom: 0.8em; }
.pg-event_h1 { font-size: var(--pg-event-h1-size); }
.pg-event_h1.overflow { font-size: var(--pg-event-h1-overflow-size); }
.pg-event_h2 { font-size: var(--pg-event-h2-size); }
.pg-event_h3 { font-size: var(--pg-event-h3-size); }
.pg-event_bullet { font-size: 0.5em; display: inline-block; vertical-align: middle; margin: 0px 0.4em; }

/* Shared components: buttons, avatars, cards, and layout
-------------------------------------------------- */
.pg-event_btn { min-width: 120px; overflow: hidden; position: relative; cursor: pointer; color: var(--pg-primary-text); text-align: center; padding: 12px 20px; font-size: 17px; font-weight: 500; border-radius: var(--pg-event-small-radius); transition: all 0.22s; }
.pg-event_btn span { position: relative; z-index: 5; }
.pg-event_btn:before { content: ""; display: block; position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--pg-primary-ui); transition: all 0.22s; }
.pg-event_btn:after { content: ""; display: block; position: absolute; z-index: 2; left: 0px; top: 0px; width: 100%; height: 100%; border: 3px solid var(--pg-primary-ui); transition: all 0.22s; }
.pg-event_btn:hover { color: var(--pg-primary-ui); }
.pg-event_btn:hover:before { left: 100%; }
.pg-event_btn:hover:after { border-color: var(--pg-primary-ui); }
.pg-event_btn.small { padding: 8px 10px; font-size: 12px; min-width: 0; }
.pg-event_btn.small:after { border-color: var(--pg-primary-ui); }
.pg-event_btn:disabled { background-color: #ddd; }
.pg-event_btn:disabled:hover { color: var(--pg-primary-text); }
.pg-event_btn:disabled:before, .pg-event_btn:disabled:after, .pg-event_btn:disabled:hover:before, .pg-event_btn:disabled:hover:after { display: none; }
.pg-event_avatar { width: 46px; height: 46px; border-radius: 100%; overflow: hidden; }
.pg-event_avatar.small { width: 25px; height: 25px; }
.pg-event_avatar img { width: 100%; height: 100%; object-fit: cover; }
.pg-event_avatar span { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 13px; font-weight: 700; }
.pg-event_avatar.small span { font-size: 11px; }
.pg-event_wrapper { max-width: 1200px; margin: 0px auto; }
.pg-event_content-card { background-color: rgba(255,255,255,0.86); border-radius: var(--pg-event-large-radius); box-shadow: var(--pg-shadow); padding: var(--pg-event-card-padding); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(5px); margin-bottom: 16px; }
.pg-event_content-card h3 { font-size: var(--pg-event-h3-size); font-family: var(--pg-hr-font); font-weight: 500; line-height: 1.2em; margin: 0px 0px 22px 0px; }
.pg-event_content-card p { font-size: 18px; line-height: 1.6em; margin: 0px 0px 22px 0px; }
.pg-event_content-card p:last-child { margin-bottom: 0px; }
.pg-event_content-card p a, #pg-event-details ol a, #pg-event-details h3 a, #pg-event ul.bullet-list li a { color: var(--pg-primary-ui); text-decoration: underline; font-weight: inherit; }
.pg-event_content-card strong { font-weight: 700; }
.pg-event_content-card u { text-decoration: underline; }
.pg-event_content-card em { font-style: italic; }
#pg-event-details ol { counter-reset: pg-event-ordered-list; font-size: 18px; line-height: 1.6em; margin: 0px 0px 16px 0px; padding-left: 0.65em; }
#pg-event-details ol li[data-list="ordered"], #pg-event-details ol li[data-list="bullet"] { position: relative; padding-left: 1.35em; }
#pg-event-details ol li[data-list="ordered"] { counter-increment: pg-event-ordered-list; }
#pg-event-details ol li[data-list="ordered"]::before, #pg-event-details ol li[data-list="bullet"]::before { position: absolute; left: 0; }
#pg-event-details ol li[data-list="ordered"]::before { content: counter(pg-event-ordered-list) "."; }
#pg-event-details ol li[data-list="bullet"]::before { content: "\2022"; }
#pg-event-details ol:last-child { margin-bottom: 0px; }
#pg-event-details p img { max-width: 100%; }
.pg-event_well-wrapper { background: rgba(0,0,0,0.03); border-radius: var(--pg-event-small-radius); padding: 32px; }
.pg-event_column-wrapper { display: flex; gap: 50px; align-items: stretch; }
.pg-event_column-wrapper .pg-event_left-col { flex: 0 0 60%; min-width: 0; }
.pg-event_column-wrapper .pg-event_right-col { flex: 1; min-width: 0; }
.pg-event_column-wrapper.pg-single-column { display: block; }
.pg-event_column-wrapper.pg-single-column .pg-event_left-col { flex: none; width: 100%; }
.pg-event_column-wrapper.pg-single-column .pg-event_right-col { display: none; }
.pg-event_side-panel { position: relative; }
.pg-event_side-panel-inner { position: sticky; top: var(--pg-event-sticky-top); display: flex; align-items: center; justify-content: flex-end; gap: 18px; }
.pg-event_action-meta { text-align: left; padding-right: 18px; border-right: 1px solid rgba(0,0,0,0.12); }
.pg-event_action-meta:first-child { text-align: right; }
.pg-event_action-meta-primary { font-size: 14px; font-weight: 700; line-height: 1.1em; }
.pg-event_action-meta-secondary { font-size: 14px; opacity: 0.7; line-height: 1.2em; margin-top: 3px; }

/* Event header
-------------------------------------------------- */
.pg-event_top { padding: 16px 0px; }
.pg-event_top .pg-event_pg-logo { opacity: 1; display: block; width: 118px; height: 30px; background-image: url('/_app/images/partygram-logo-white.png?v=2'); background-size: 118px 30px; background-repeat: no-repeat; }
.pg-event_overview .pg-event_column-wrapper { align-items: center; }
.pg-event_overview .pg-event_column-wrapper .pg-event_right-col { align-self: flex-start; flex: 1; min-width: 0; display: flex; justify-content: flex-end; }

/* Overview
-------------------------------------------------- */
.pg-event_overview-list { margin-bottom: 30px; }
.pg-event_overview-list li { display: flex; align-items: flex-start; gap: 8px; font-size: 20px; line-height: 1.3em; margin-bottom: 15px; }
.pg-event_overview-list .pg-event_svg-sprite { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 1px; }
.pg-event_overview-list li a { color: var(--pg-primary-ui); }
.pg-event_overview-list li a:hover { text-decoration: underline; }
.pg-event_overview .pg-event_host-wrapper.pg-event_mobile-hide { display: inline-block; vertical-align: middle; }
.pg-event_overview .pg-event_btn { display: inline-block; vertical-align: middle; margin-right: 10px; }
.pg-event_host-wrapper .pg-event_avatar { display: inline-block; vertical-align: middle; margin-right: 5px; }
.pg-event_host-wrapper .pg-event_avatar-name { display: inline-block; vertical-align: middle; font-size: 15px; }
.pg-event_overview-date-card { display: flex; align-items: flex-start; min-height: 100%; width: fit-content; }
.pg-event_overview-date-month { font-size: 26px; line-height: 1em; writing-mode: vertical-rl; transform: rotate(180deg); padding: 0px 18px 44px 18px; letter-spacing: 1px; align-self: flex-start; }
.pg-event_overview-date-main { padding: 42px 0px 42px 20px; border-left: 1px solid rgba(0,0,0,0.12); }
.pg-event_overview-date-day { font-family: var(--pg-hr-font); font-size: 112px; font-weight: 500; line-height: 0.78em; color: var(--pg-hr-color); }
.pg-event_overview-date-weekday { font-size: 28px; font-weight: 500; line-height: 1em; margin-top: 10px; }
.pg-event_overview-date-time { font-size: 26px; line-height: 1em; margin-top: 4px; }
.pg-event_overview-date-time sup { font-size: 11px; line-height: 1em; vertical-align: super; margin-left: 3px; }
.pg-event_overview-date-location { display: flex; align-items: flex-start; gap: 5px; font-size: 26px; line-height: 1.18em; margin-top: 48px; }
.pg-event_overview-date-location .pg-event_svg-sprite { flex: 0 0 28px; width: 28px; height: 28px; margin-top: 0px; }
.pg-event_overview-date-location a { color: var(--pg-primary-ui); }
.pg-event_overview-date-location a:hover { text-decoration: underline; }
.pg-event_overview-banner-right { width: 100%; position: relative; overflow: hidden; }
.pg-event_overview-banner-container { width: 100%; min-height: 390px; text-align: center; position: relative; background-size: contain; background-position: center; background-repeat: no-repeat; }
.pg-event_banner-label { padding: 10px; border-radius: 8px; border: 1px solid var(--light-blue); line-height: 1.5em; position: absolute; left: 50%; top: 50%; font-size: 14px; transform: translate(-50%,-50%); }
.pg-event_banner-label span { font-size: 0.8em; }
.pg-event_banner-label .pg-event_svg-sprite { width: 34px; height: 34px; }
.pg-event_overview-banner-right .pg-event_banner-options { display: none; position: absolute; left: 0px; bottom: 0px; width: 100%; transform: translate(0,40px); transition: all 0.18s; }
.pg-event_overview-banner-right:hover .pg-event_banner-options { transform: translate(0px,0px); }
.pg-event_overview-banner-right .pg-event_banner-options button { transition: background-color 0.22s; min-height: 36px; border-radius: 3px; margin: 3px; cursor: pointer; display: inline-block; line-height: 20px; vertical-align: bottom; background-color: #222; color: #fff; padding: 5px 10px; }
.pg-event_overview-banner-right .pg-event_banner-options button:hover { background-color: #444; }
.pg-event_overview-banner-right .pg-event_banner-options button .pg-event_svg-sprite { width: 20px; height: 20px; }
.pg-event_overview-banner-right .js-deleteBanner { float: right; }
.pg-event_overview-banner-top { display: none; width: 100%; margin-bottom: 36px; }
.pg-event_overview-banner-top .pg-event_overview-banner-container { width: calc(100% + 2px); margin-left: -1px; height: 400px; position: relative; overflow: hidden; background-size: contain; background-position: center; background-repeat: no-repeat; }
.pg-event_overview-banner-top .pg-event_overview-banner-container:before { content: ""; position: absolute; inset: -30px; background-image: inherit; background-size: cover; background-position: center; background-repeat: no-repeat; filter: blur(22px); transform: scale(1.08); opacity: 0.7; z-index: 0; }
.pg-event_overview-banner-top .pg-event_overview-banner-container:after { content: ""; position: absolute; inset: 0px; background-image: inherit; background-size: contain; background-position: center; background-repeat: no-repeat; z-index: 1; }
.pg-event_overview-banner-top .pg-event_banner-options { display: none; position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 5; text-align: center; transform: translate(0,40px); transition: all 0.18s; }
.pg-event_overview-banner-top:hover .pg-event_banner-options { transform: translate(0px,0px); }
.pg-event_overview-banner-top .pg-event_banner-options button { transition: background-color 0.22s; min-height: 36px; border-radius: 3px; margin: 3px; cursor: pointer; display: inline-block; line-height: 20px; vertical-align: bottom; background-color: #222; color: #fff; padding: 5px 10px; }
.pg-event_overview-banner-top .pg-event_banner-options button:hover { background-color: #444; }
.pg-event_overview-banner-top .pg-event_banner-options button .pg-event_svg-sprite { width: 20px; height: 20px; }
body.pg-has-banner.pg-banner-top .pg-event_overview-banner-top { display: block; }
body.pg-has-banner.pg-banner-top .pg-event_overview-banner-right { display: none; }
/*body.pg-has-banner.pg-banner-top .pg-event_content-card.pg-event_column-wrapper { display: block; }
*/
body.pg-has-banner.pg-banner-right .pg-event_overview-banner-top { display: none; }
body.pg-has-banner.pg-banner-right .pg-event_overview-banner-right { display: block; }
body.pg-no-banner #dashboard-content.editing .pg-event_overview-banner-right { display: block; }
body.pg-no-banner:not(.pg-preview-page) #dashboard-content.editing .pg-event_overview-date-card { display: none; }
body.pg-no-banner:not(.overview-mode) #dashboard-content.editing .pg-event_overview-date-card { display: none; }

body.pg-no-banner.pg-preview-page .pg-event_overview-banner-right, body.pg-no-banner .pg-event_overview-banner-right { display: none; }
body.pg-no-banner.overview-mode .pg-event_overview-banner-right { display: none; }

body.pg-no-banner.pg-preview-page #dashboard-content .pg-event_overview-date-card { display: flex; }
body.pg-no-banner.overview-mode #dashboard-content .pg-event_overview-date-card { display: flex; }

body.pg-has-banner.pg-banner-right .pg-event_overview-banner-right { display: block; }
body.pg-has-banner.pg-banner-right .pg-event_overview-date-card, body.pg-has-banner .pg-event_banner-label { display: none; }
body.pg-has-banner .pg-event_banner-options { display: block; }
body.pg-preview-page .pg-event_banner-options,
body.overview-mode .pg-event_banner-options { display: none; }
.pg-event_overview-banner-top { overflow: hidden; position: relative; width: calc(100% + (var(--pg-event-card-padding) * 2)); margin-top: calc(-1 * var(--pg-event-card-padding)); margin-left: calc(-1 * var(--pg-event-card-padding)); border-top-left-radius: var(--pg-event-large-radius); border-top-right-radius: var(--pg-event-large-radius); }
body.pg-preview-page.pg-has-banner.pg-banner-top #dashboard-content .pg-event_overview-date-card, 
body.overview-mode.pg-has-banner.pg-banner-top #dashboard-content .pg-event_overview-date-card{ display: flex; }

/* Navigation
-------------------------------------------------- */
.pg-event_main-navigation { position: sticky; top: 0px; z-index: 50; }
.pg-event_main-navigation.hidden { display: none; }
.pg-event_main-navigation .pg-event_content-card { padding-top: 0px; padding-bottom: 0px; }
.pg-event_nav { position: relative; min-height: 62px; display: flex; align-items: center; }
.pg-event_nav-logo { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 20px; height: 26px; opacity: 0; transition: opacity 0.25s ease; background-image: url('/_app/images/partygram-logo-p.png'); background-repeat: no-repeat; background-position: center; background-size: 20px 26px; }
.pg-event_nav-logo img { display: block; width: 20px; height: 26px; }
.pg-event_nav-menu { width: 100%; display: flex; align-items: center; justify-content: center; gap: 90px; }
.pg-event_nav-menu a { position: relative; display: block; color: var(--pg-font-color); opacity: 0.55; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 62px; font-weight: 500; padding: 0px 3px; }
.pg-event_nav-menu a.active, .pg-event_nav-menu a:hover { opacity: 1; }
.pg-event_nav-menu a:after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 14px; height: 3px; background: linear-gradient(90deg, var(--pg-primary-ui) 0%, var(--pg-secondary) 100%); border-radius: 3px; transform: scaleX(0); transform-origin: center; transition: transform 0.22s cubic-bezier(.4,0,.2,1); }
.pg-event_nav-menu a.active:after { transform: scaleX(1); }
.pg-event_main-navigation.is-sticky .pg-event_nav-logo { opacity: 1; }
.pg-event_main-navigation.is-sticky .pg-event_content-card { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.pg-event_main-navigation .pg-event_content-card { transition: background-color 220ms ease; }
.pg-event_main-navigation.is-sticky .pg-event_content-card { background-color: rgba(255,255,255,0.95); }

/* Event details and activity layout
-------------------------------------------------- */
.pg-private-event-unverified:not(.pg-private-event-has-location) .pg-event_overview-list-location,
.pg-private-event-unverified:not(.pg-private-event-has-location) .pg-event_overview-date-location { display: none !important; }

.pg-private-event-unverified.pg-private-event-has-location [data-field="location_display"] {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	user-select: none;
	cursor: pointer;
}

.pg-event_private-cta { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.pg-event_overview-actions { display: flex; flex-wrap: wrap; align-items: center; column-gap: 24px; row-gap: 7px; }
.pg-event_overview-actions .pg-event_host-wrapper { margin: 0; }
.pg-event_private-cta-copy { display: block; max-width: 360px; font-size: 12px; line-height: 1.35em; opacity: 0.7; }
.pg-event_overview-actions > .pg-event_private-cta-copy { flex-basis: 100%; max-width: none; }
.pg-event_private-cta-copy[hidden] { display: none; }
.pg-event_details .pg-event_private-cta { align-items: flex-end; }
.pg-event_private-cta-nav { align-items: center; margin-left: auto; margin-right: 12px; }

.pg-event_locked-activity-content {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	user-select: none;
	cursor: pointer;
}
.pg-private-event-unverified #pg-event-details {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	user-select: none;
	cursor: pointer;
}
.pg-event_locked-activity-content p { margin-bottom: 18px; }
.pg-event_locked-activity-placeholder { display: grid; gap: 12px; }
.pg-event_locked-activity-placeholder span { display: block; width: 100%; height: 18px; border-radius: 9px; background: currentColor; opacity: 0.16; }
.pg-event_locked-activity-placeholder span:nth-child(2) { width: 82%; }
.pg-event_locked-activity-placeholder span:nth-child(3) { width: 64%; }

.pg-event_potluck .pg-event_well-wrapper { padding: 32px 16px; }

/* Activities: potluck
-------------------------------------------------- */
.pg-event_potluck-item { padding-left: 14px; display: flex; align-items: center; gap: 16px; margin-top: 14px; }
.pg-event_potluck-item:first-child { margin-top: 0px; }
.pg-event_potluck-item:last-child { margin-bottom: 0px; }
.pg-event_potluck-item .pg-event_btn { flex-shrink: 0; }
.pg-event_potluck-item .js-potluckUnclaimItem { flex-shrink: 0; width: 22px; min-width: 22px; max-width: 22px; }
.pg-event_potluck-item-name { font-size: 18px; line-height: 1.3em; }
.pg-event_potluck-divider { height: 1px; background: rgba(0,0,0,0.08); margin: 26px 0px; }
.pg-event_potluck-item.claimed { align-items: flex-start; gap: 14px; }
.pg-event_potluck-check { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; }
.pg-event_potluck-check svg { color: var(--pg-primary-ui); width: 26px; height: 26px; }
.pg-event_potluck-item-user { font-size: 12px; opacity: 0.75; margin-bottom: 2px; }
.pg-event_potluck-item-meta .pg-event_potluck-item-name { font-size: 18px; }
.pg-event_potluck-item.your-item { position: relative; overflow: hidden; border-radius: var(--pg-event-small-radius); padding: 14px; margin-top: 2px; }
.pg-event_potluck-item.your-item:before { content: ""; position: absolute; inset: 0px; background: var(--pg-primary-ui); opacity: 0.1; z-index: 0; }
.pg-event_potluck-item.your-item > * { position: relative; z-index: 1; }
.pg-event_potluck-item.your-item .pg-event_potluck-item-user { color: var(--pg-primary-ui); font-weight: 500; opacity: 1; }
.pg-event_potluck-remove { margin-left: auto; width: 22px; height: 22px; border: none; background: none; cursor: pointer; opacity: 0.35; transition: opacity 160ms ease, transform 160ms ease; }
.pg-event_potluck-remove svg { width: 100%; height: 100%; color: var(--pg-font-color); }
.pg-event_potluck-remove:hover { opacity: 0.9; transform: scale(1.05); }
.pg-event_textarea-input { position:relative;width:100%; }
.pg-event_textarea-input textarea { background:rgba(255,255,255,0.75);width:100%;min-height:120px;height:auto;line-height:1.4em;overflow-y:hidden;resize:none;border-radius:var(--pg-event-small-radius);border:1px solid rgba(0,0,0,0.15);padding:14px 40px 14px 14px;font-family:var(--pg-font);font-size:16px;outline:none; }
.pg-event_textarea-input button { position:absolute;bottom:10px;right:10px;width:26px;height:26px;border:none;background:none;cursor:pointer;opacity:0.3;transition:opacity 220ms ease; }
.pg-event_textarea-input button svg { width:80%;height:100%;color:var(--pg-font-color);transition:color 220ms ease;transform:rotate(-22deg); }
.pg-event_textarea-input:focus-within button { opacity:1; }
.pg-event_textarea-input:focus-within button svg { color:var(--pg-primary-ui); }
.pg-event_wishlist .pg-event_column-wrapper { align-items: flex-start; margin-bottom: 16px; }
.pg-event_wishlist .pg-event_right-col { display: flex; justify-content: flex-end; }

/* Activities: wishlist
-------------------------------------------------- */
.pg-event_wishlist-meta { display: flex; align-items: center; gap: 18px; }
.pg-event_action-meta.no-border { border-right: none; padding-right: 0px; }
.pg-event_action-meta-secondary.big { font-size: 18px; opacity: 1; color: var(--pg-font-color); }
.pg-event_wishlist-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.pg-event_wishlist-link { display: block; text-decoration: none; color: inherit; }
.pg-event_wishlist-img { position: relative; width: 100%; aspect-ratio: 1 / 0.88; background-size: contain; background-position: center; background-repeat: no-repeat; border-radius: var(--pg-event-small-radius); margin-bottom: 10px; }
.pg-event_wishlist-title { font-size: 15px; line-height: 1.25em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; font-weight: 500; }
.pg-event_wishlist-price { position: absolute; right: 0px; bottom: 0px; padding: 10px; color: var(--pg-primary-ui); font-size: 15px; font-weight: 400; line-height: 1em; background-color: #fff; }
.pg-event_wishlist-item { position: relative; display: flex; flex-direction: column; color: var(--pg-font-color); text-decoration: none; background: rgba(255,255,255,0.72); border: 1px solid rgba(0,0,0,0.12); border-radius: var(--pg-event-small-radius); box-shadow: var(--pg-shadow); padding: 12px; overflow: hidden; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
.pg-event_wishlist-item:hover { transform: translateY(-4px); box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.18); }
.pg-event_wishlist-item.user-claimed { padding: 11px; border: 2px solid var(--pg-primary-ui); box-shadow: 0px 8px 22px rgba(40,113,250,0.22); background: rgba(255,255,255,0.9); }
.pg-event_wishlist-item.user-claimed:after { content: "✓"; position: absolute; top: 12px; right: 12px; width: 26px; height: 26px; border-radius: 50%; background: var(--pg-primary-ui); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; z-index: 3; }
.pg-event_wishlist-item.claimed { opacity: 0.55; }
.pg-event_wishlist-item.claimed:hover { transform: none; box-shadow: var(--pg-shadow); }
.pg-event_wishlist-item .pg-event_btn { width: 100%; display: block; }
.pg-event_wishlist-item.claimed .pg-event_wishlist-link { cursor: default; }
.pg-event_wishlist-item.claimed .pg-event_btn { background: rgba(0,0,0,0.4); cursor: default; }
.pg-event_wishlist-img.empty { display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.03); }
.pg-event_wishlist-img.empty .pg-event_svg-sprite { width: 72px; height: 72px; opacity: 0.18; color: var(--pg-primary-ui); }
.pg-event_wishlist-item.claimed .pg-event_wishlist-title { text-decoration: line-through; }
.pg-event_wishlist-item .pg-event_btn { min-width: auto; }
.pg-event_chat .pg-event_well-wrapper { padding:28px; }

/* Activities: guest responses
-------------------------------------------------- */
.pg-event_chat-list { display:flex;flex-direction:column;gap:32px; }
.pg-event_chat-item { display:flex;align-items:flex-start;gap:14px; }
.pg-event_chat-item.host { gap:14px; }
.pg-event_chat-body { min-width:0; }
.pg-event_chat-name { font-size:15px;font-weight:700;line-height:1.1em;margin:0px 0px 8px 0px; }
.pg-event_chat-name span { font-weight:700; }
.pg-event_avatar.initials { display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);color:#fff;font-size:16px;font-weight:500; }
.pg-event_chat-bubble { background:#222;color:#fff;font-size:18px;line-height:1.5em;padding:16px 20px;border-radius:0px 12px 12px 12px;max-width:560px; }
.pg-event_chat-bubble.guest { background:rgba(0,0,0,0.45);border-radius:0px 12px 12px 12px;display:inline-block; }
.pg-event_chat-item.highlighted .pg-event_chat-bubble { position:relative;background:linear-gradient(#222,#222) padding-box,linear-gradient(135deg,var(--pg-primary-ui),var(--pg-secondary)) border-box;border:4px solid transparent;border-radius:0px 14px 14px 14px;max-width:610px; }
.pg-event_chat-label { font-size:12px;line-height:1em;opacity:0.65;margin-bottom:8px; }
.pg-event_chat-item.reply { margin-left:58px; }
.pg-event_chat-item.reply .pg-event_avatar { flex:0 0 25px; }
.pg-event_chat-item.reply .pg-event_chat-bubble { max-width:520px; }

/* Footer
-------------------------------------------------- */
.pg-event_footer-inner { position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center; }
.pg-event_footer-left { display:flex;flex-direction:column;justify-content:space-between;height:100%;grid-column:1; }
.pg-event_footer-center { display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;grid-column:2; }
.pg-event_footer-logo { display: block; width: 154px; height: 44px; background-image: url('/_app/images/partygram-logo-full.png'); background-size: 154px 44px; background-repeat: no-repeat; background-position: center; }
.pg-event_footer-links { font-size:12px; }
.pg-event_footer-links a { text-decoration:none;color:var(--partygram-blue); }
.pg-event_footer-links span { margin:0px 8px;opacity:0.4; }
.pg-event_footer-center { display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px; }
.pg-event_footer-created { font-size:12px;font-weight:400; }
.pg-event_footer-cta { font-size:14px;margin-top: 5px;font-weight:700; }
.pg-event_footer-cta a { display:block;color:var(--partygram-blue);text-decoration:none;margin-top:6px;font-weight:700; font-size: 16px; }
.pg-event_footer-cta a .pg-event_svg-sprite { width: 15px; height: 20px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.pg-event_footer-left.pg-event_tablet-show { text-align: center; margin-top: 26px; }
.pg-event_footer-left.pg-event_tablet-show .pg-event_footer-logo { display: inline-block; margin-bottom: 26px; }

/* Modals and RSVP
-------------------------------------------------- */
.pg-event_modal-overlay { position: fixed; inset: 0; z-index: 200; display: none; align-items: center; justify-content: center; background: rgba(210,210,250,0.55); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(1px); opacity: 0; }

.pg-event_modal-overlay { align-items: flex-start; overflow-y: auto; padding: 48px 24px; }
.pg-event_modal { margin: 0 auto; }
body.event-editor .pg-event_modal-overlay { padding-top: 120px; }
.pg-event_modal-overlay .pg-event_content-card { margin-bottom: 0; }
.pg-event_modal-overlay.active { display: flex; animation: pgEventModalBackdropFade 200ms forwards; }
.pg-event_modal-overlay.active .pg-event_modal { animation: pgEventShowModal 200ms forwards; }
.pg-event_modal { width: min(680px, 100%); background: rgba(255,255,255,0.96); border-radius: var(--pg-event-large-radius); box-shadow: 0px 18px 50px rgba(0,0,0,0.25); transform: translateY(30px); }
.pg-event_modal-hero { color: #fff; text-align: center; padding: 32px 24px 28px; background: linear-gradient(90deg, var(--pg-primary), var(--pg-secondary)); }
.pg-event_modal-hero h2 { margin: 0 0 12px; color: #fff; }
.pg-event_modal-body { padding: 34px 48px 38px; }
.pg-event_rsvp-screen { display: none; }
.pg-event_rsvp-screen.smaller { margin: 0px auto; max-width: 450px; }
.pg-event_rsvp-screen.active { display: block; }
.pg-event_rsvp-screen h3 { text-align: center; }
.pg-event_rsvp-screen h3 .pg-going-checkmark { display: block; margin: 0px auto 10px; width: 60px; height: 60px; position: relative; text-align: center; color: var(--pg-primary-ui); }
.pg-event_rsvp-screen h3 .pg-going-checkmark:before { content: ""; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 100%; border: 5px solid var(--pg-primary-ui); opacity: 0.2; }
.pg-event_rsvp-screen h3 .pg-going-checkmark svg { width: 38px; height: 60px; }
.pg-event_rsvp-screen p { font-size: 18px; line-height: 1.5em; text-align: center; margin: 0 0 24px; }
.pg-event_rsvp-options { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; margin-bottom: 48px; justify-content: center; }
.pg-event_rsvp-card { position: relative; width: 100%; flex: 0 0 180px; min-height: 150px; border: 1px solid rgba(0,0,0,0.12); border-radius: var(--pg-event-large-radius); background: rgba(255,255,255,0.8); box-shadow: var(--pg-shadow); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
.pg-event_rsvp-card:hover { transform: translateY(-3px); box-shadow: 0px 8px 20px rgba(0,0,0,0.16); }
.pg-event_rsvp-card.selected { border: 2px solid var(--pg-primary-ui); box-shadow: 0px 8px 22px rgba(40,113,250,0.22); }
.pg-event_rsvp-card.selected:after { content: "✓"; position: absolute; top: 12px; right: 12px; width: 26px; height: 26px; border-radius: 50%; background: var(--pg-primary-ui); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.pg-event_rsvp-card strong { font-size: 18px; }
.pg-event_rsvp-card small { font-size: 12px; color: var(--pg-primary-ui); }
.pg-event_rsvp-icon { width: 44px; height: 44px; border-radius: 50%; display: block; }
.pg-event_rsvp-icon.circle { position: relative; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--pg-primary-ui), var(--pg-secondary)); }
.pg-event_rsvp-icon.circle:after { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: #fff; }
.pg-event_rsvp-icon.dashed { border: 5px dashed rgba(255,120,80,0.5); }
.pg-event_rsvp-icon.arc { width: 44px; height: 28px; margin-top: 10px; margin-bottom: 4px; border-radius: 44px 44px 0px 0px; border-top: 5px solid rgba(40,40,80,0.45); border-left: 5px solid rgba(40,40,80,0.45); border-right: 5px solid rgba(40,40,80,0.45); border-bottom: 0px; }
.pg-event_modal-row { border-top: 1px solid rgba(0,0,0,0.08); padding: 18px 0; display: flex; align-items: center; gap: 24px; }
.pg-event_modal-row label { min-width: 190px; font-weight: 700; }
.pg-event_modal-row label small { display: block; font-weight: 400; opacity: 0.6; margin-top: 3px; }
.pg-event_modal-row select { border: 1px solid rgba(0,0,0,0.12); background: rgba(255,255,255,0.85); border-radius: var(--pg-event-small-radius); padding: 12px 18px; font-family: var(--pg-font); font-size: 15px; }
.pg-event_choice-group { display: flex; gap: 12px; flex: 1; }
.pg-event_choice-group button { flex: 1; border: 1px solid rgba(0,0,0,0.12); background: rgba(255,255,255,0.85); border-radius: var(--pg-event-small-radius); padding: 12px 18px; font-family: var(--pg-font); font-size: 15px; cursor: pointer; }
.pg-event_modal-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; }
.pg-event_modal-actions.centered { justify-content: center; }
.pg-event_modal-cancel { border: none; background: none; cursor: pointer; font-family: var(--pg-font); font-size: 15px; opacity: 0.65; }
.pg-event_verify-guest-content { max-width: 500px; margin: 0 auto; }
.pg-event_verify-screen { display: none; }
.pg-event_verify-screen.active { display: block; }
.pg-event_verify-screen h3 { margin-top: 0; text-align: center; }
.pg-event_verify-guest-content > p { margin: 0 0 28px; font-size: 17px; line-height: 1.5em; text-align: center; }
.pg-event_verify-guest-content > .pg-event_verify-help { margin: 16px 0 0; font-size: 13px; opacity: 0.7; }
.pg-event_verify-event-title { font-size: 20px; line-height: 1.4em; }
.verifyGuest input[type=text] { width: 100%; padding-left: 13px; }
.pg-event_verify-actions .pg-event_btn { display: block; width: 100%; }
.pg-event_verify-actions a.pg-event_btn { box-sizing: border-box; text-decoration: none; }
.pg-event_verify-divider { display: flex; align-items: center; gap: 14px; margin: 26px 0 22px; font-size: 13px; font-weight: 700; text-transform: uppercase; opacity: 0.55; }
.pg-event_verify-divider::before, .pg-event_verify-divider::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: 0.3; }
.pg-event_verify-account-options { display: grid; gap: 10px; text-align: center; }
.pg-event_verify-account-options p { margin: 0; font-size: 14px; }
.pg-event_verify-link { padding: 0; border: 0; background: none; color: var(--pg-primary-ui); font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.pg-event_verify-cancel-actions { justify-content: flex-end; }
.pg-event_next-actions { display: grid; gap: 12px; margin: 35px auto; }
.pg-event_required { color: #fd7165; }
.pg-event_rsvp-question { margin-bottom: 22px; }
.pg-event_question-label { font-size: 14px; display: block; padding-bottom: 5px; }
.pg-event_form-message { font-size: 14px; line-height: 1.4em; margin: 12px 0; }
.pg-event_form-message.error { color: #d93025; }
.pg-event_rsvp-question textarea { min-height: 90px; }
.pg-event_rsvp-question.error > input, .pg-event_rsvp-question.error > textarea, .pg-event_rsvp-question.error .textbox-wrapper > .dropdown-btn { border-color: #d93025; }
.pg-event_rsvp-question.error .pg-event_question-label { color: #d93025; }
.js-rsvpModal .pg-event_modal-hero, .js-verifyGuestModal .pg-event_modal-hero { border-top-left-radius: var(--pg-event-large-radius); border-top-right-radius: var(--pg-event-large-radius); }
.js-rsvpModal .pg-event_content-card, .js-verifyGuestModal .pg-event_content-card { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.js-rsvpModal input[type=text], .js-rsvpModal input[type=email], .js-rsvpModal textarea { padding-left: 13px; }
.pg-event_rsvp-questionnaire-form-wrapper { display: grid; grid-template-rows: 1fr; opacity: 1; overflow: visible; transition: grid-template-rows 260ms ease, opacity 180ms ease, margin 260ms ease; }
.pg-event_rsvp-questionnaire-form-wrapper > .pg-event_rsvp-questionnaire-form-inner { min-height: 0; }
.pg-event_rsvp-questionnaire-form-wrapper.is-collapsed { grid-template-rows: 0fr; opacity: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; pointer-events: none; }

/* Post-RSVP SMS opt-in
-------------------------------------------------- */
.pg-event_sms-opt-in > p, .pg-event_sms-verify > p { margin-bottom: 24px; text-align: center; }
.pg-event_sms-known-phone { margin: 0 0 24px; padding: 16px 18px; text-align: center; background: rgba(89,113,250,0.08); border: 1px solid rgba(89,113,250,0.18); border-radius: var(--pg-event-small-radius); }
.pg-event_sms-known-phone span, .pg-event_sms-known-phone strong { display: block; }
.pg-event_sms-known-phone span { margin-bottom: 5px; font-size: 13px; opacity: 0.7; }
.pg-event_sms-known-phone strong { font-size: 19px; }
.js-rsvpModal input[type=tel] { width: 100%; padding: 13px; font-family: 'NunitoSans'; font-size: 16px; line-height: 1em; color: var(--black); background-color: #fff; border: 1px solid var(--gray); border-radius: 5px; }
.pg-event_sms-opt-in .pg-event_sms-disclosure { margin: 8px 0 18px; font-size: 12px; line-height: 1.45em; text-align: left; opacity: 0.72; }
.pg-event_sms-actions { flex-direction: column; gap: 14px; }
.pg-event_sms-actions .pg-event_btn { width: 100%; }
.pg-event_sms-code-fieldset { margin: 0 0 18px; border: 0; }
.pg-event_sms-code-fieldset legend { display: block; width: 100%; margin-bottom: 10px; font-size: 13px; font-weight: 700; text-align: center; }
.pg-event_sms-code { display: flex; justify-content: center; gap: 12px; }
.js-smsVerificationMessage { text-align: center; }
.js-rsvpModal .pg-event_sms-code input[type=text] { width: 58px; height: 64px; padding: 0; font-family: var(--pg-font); font-size: 28px; font-weight: 700; line-height: 64px; text-align: center; border: 2px solid rgba(0,0,0,0.16); border-radius: 10px; }
.js-rsvpModal .pg-event_sms-code input[type=text]:focus { border-color: var(--pg-primary-ui); box-shadow: 0 0 0 3px rgba(89,113,250,0.12); }
.pg-event_sms-resend-row { margin: 4px 0 10px; font-size: 14px; text-align: center; }
.pg-event_sms-link { display: block; margin: 0 auto; padding: 2px; color: var(--pg-primary-ui); font-family: var(--pg-font); font-size: 14px; font-weight: 700; text-decoration: underline; cursor: pointer; }
.pg-event_sms-link:disabled { cursor: default; opacity: 0.5; }
.pg-event_sms-resend-row .pg-event_sms-link { display: inline; margin: 0; }

/* Calendar and next actions
-------------------------------------------------- */
.pg-event_calendar-actions { display: grid; gap: 12px; position: relative; margin-bottom: 10px; }
.pg-event_calendar-actions button.pg-event_next-action { width: 100%; border: none; text-align: left; font-family: var(--pg-font); cursor: pointer; }
.pg-event_next-actions label { display: block; font-size: 16px; font-weight: 700; }
.pg-event_calendar-options { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; border-radius: var(--pg-event-small-radius); }
.pg-event_calendar-option { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 112px; padding: 16px 12px; color: var(--pg-font-color); text-align: center; text-decoration: none; background: rgba(255,255,255,0.82); border: 1px solid rgba(0,0,0,0.1); border-radius: var(--pg-event-small-radius); box-shadow: var(--pg-shadow); font-weight: 700; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
.pg-event_next-action { font-size: 16px; display: block; padding: 16px 12px; color: var(--pg-font-color); text-align: center; text-decoration: none; background: rgba(255,255,255,0.82); border: 1px solid rgba(0,0,0,0.1); border-radius: var(--pg-event-small-radius); box-shadow: var(--pg-shadow); font-weight: 700; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
.pg-event_next-action:hover { transform: translateY(-3px); box-shadow: 0px 8px 20px rgba(0,0,0,0.16); border-color: var(--pg-primary-ui); }
.pg-event_calendar-option:hover { transform: translateY(-3px); box-shadow: 0px 8px 20px rgba(0,0,0,0.16); border-color: var(--pg-primary-ui); }
.pg-event_calendar-option svg { display: block; width: 34px; height: 34px; flex: 0 0 34px; }
.pg-event_calendar-option span { display: block; font-size: 14px; line-height: 1.15em; }
body.pg-modal-open { overflow: hidden; }

/* Motion
-------------------------------------------------- */
@keyframes pgEventModalBackdropFade { 0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes pgEventShowModal { 0% { transform: translateY(30px); }
100% { transform: translateY(0); }
}
.pg-add-section.pg-event_content-card { display: block; color: var(--pg-font-color); padding-top: 28px; padding-bottom: 28px; width: 100%; text-align: center; font-weight: 500; cursor: pointer; }
.pg-add-section.pg-event_content-card:hover { background-color: rgba(240,240,240,0.9); }
.pg-add-section.pg-event_content-card span { display: inline-block; vertical-align: middle; font-size: 1.6em; padding-right: 10px; margin-top: -4px; }
.pg-add-section.pg-event_content-card .pg-event_svg-sprite { width: 23px; height: 23px; }
.pg-event_signin-options { margin-bottom: 0; margin-top: 16px; font-size: 12px; text-align: left; color: var(--pg-font-color); }
.pg-event_signin-options a { color: var(--pg-primary-ui); text-decoration: underline; }
#pg-event ul.bullet-list { margin: 16px 0px; }
/* Theme active/focus colors for RSVP forms */
#pg-event input[type=text]:focus,#pg-event input[type=password]:focus,#pg-event input[type=email]:focus,#pg-event input[type=number]:focus,#pg-event input[type=tel]:focus,#pg-event textarea:focus { border-color:var(--pg-primary-ui)!important; }
#pg-event .textbox-wrapper:focus-within input.floating,#pg-event .textbox-wrapper:focus-within textarea.floating,#pg-event .textbox-wrapper:has(.dropdown-btn.floating:focus) .dropdown-btn.floating,#pg-event .textbox-wrapper:has(.dropdown-options:focus-within) .dropdown-btn.floating { border-color:var(--pg-primary-ui)!important; }
#pg-event .textbox-wrapper:focus-within label.floating,#pg-event .textbox-wrapper:focus-within label.floating-dd-label,#pg-event .textbox-wrapper:has(.dropdown-btn.floating:focus) label.floating-dd-label,#pg-event .textbox-wrapper:has(.dropdown-options:focus-within) label.floating-dd-label { color:var(--pg-primary-ui)!important; }
#pg-event .textbox-wrapper:focus-within .dropdown-arrow,#pg-event .textbox-wrapper:focus-within .svg-sprite,#pg-event .textbox-wrapper:has(.dropdown-options:focus-within) .dropdown-arrow,#pg-event .textbox-wrapper:has(.dropdown-options:focus-within) .svg-sprite { color:var(--pg-primary-ui)!important; }
#pg-event .dropdown.active .dropdown-btn.floating { border-color:var(--pg-primary-ui)!important; }
#pg-event .textbox-wrapper.dropdown.active .dropdown-arrow { color:var(--pg-primary-ui)!important; }
#pg-event .dropdown .dropdown-options .time-option.is-selected .time-option-indicator { background-color:var(--pg-primary-ui);border-color:var(--pg-primary-ui); }
#pg-event .date-dropdown .js-calendarPage div.calendarPickerDate.is-today button { color:var(--pg-primary-ui); }
#pg-event .textbox-wrapper.dropdown.active .dropdown-btn.floating { border-color:var(--pg-primary-ui)!important; }
#pg-event .textbox-wrapper.dropdown.active .dropdown-arrow { color:var(--pg-primary-ui)!important; }
#pg-event .date-dropdown .js-calendarPage div.calendarPickerDate.is-selected button { background:var(--pg-primary-ui); }
#pg-event .checkbox-control input[type=checkbox]:checked,#pg-event .checkbox-box { background-color:var(--pg-primary-ui);border-color:var(--pg-primary-ui); }
#pg-event .radio-control input[type=radio]:checked { background-color:var(--pg-primary-ui);border-color:var(--pg-primary-ui); }
#pg-event .toggle-control input[type=checkbox]:checked { background-color:var(--pg-primary-ui); }
#pg-event .textbox-wrapper.dropdown.active .dropdown-btn.floating,#pg-event .textbox-wrapper.dropdown.closing .dropdown-btn.floating { color:var(--pg-font-color)!important;background-color:transparent!important;border-color:var(--pg-primary-ui)!important; }
#pg-event .textbox-wrapper.dropdown.active .dropdown-arrow,#pg-event .textbox-wrapper.dropdown.closing .dropdown-arrow { color:var(--pg-primary-ui)!important; }
#pg-event .textbox-wrapper:has(.dropdown-options .option:active) .dropdown-btn.floating { border-color:var(--pg-primary-ui)!important; }
#pg-event .textbox-wrapper:has(.dropdown-options .option:active) label.floating-dd-label { color:var(--pg-primary-ui)!important; }
#pg-event .textbox-wrapper:has(.dropdown-options .option:active) .dropdown-arrow { color:var(--pg-primary-ui)!important; }

/* Themes and interaction states
-------------------------------------------------- */
body.pg-event_dark-mode { background-color: var(--black); --pg-hr-color: #efefef; --pg-font-color: #efefef; }
body.pg-event_dark-mode .ql-snow .ql-picker.ql-header .ql-picker-item::before { color: #222 !important; }
body.pg-event_dark-mode #dashboard-content.editing .pg-clickable:hover, body.pg-event_dark-mode #dashboard-content.editing .pg-clickable:active, body.pg-event_dark-mode #dashboard-content.editing .pg-clickable:focus { background-color: rgba(255,255,255,0.1); }
body.pg-event_dark-mode #dashboard-content.editing .pg-editable:hover { background-color: rgba(255,255,255,0.08); }
body.pg-event_dark-mode #dashboard-content.editing .pg-editable:active, body.pg-event_dark-mode #dashboard-content.editing .pg-editable:focus { background-color: rgba(255,255,255,0.15); }
body.pg-event_dark-mode #dashboard-content .ql-toolbar.ql-snow { background-color: #fff; }
body.pg-event_dark-mode #dashboard-content.editing .pg-editable, body.pg-event_dark-mode #dashboard-content.editing .pg-clickable { outline: 1px solid rgba(255,255,255,0.12); }
body.pg-event_dark-mode .pg-add-section.pg-event_content-card:hover { background-color: rgba(240,240,240,0.08); }
body.pg-event_dark-mode .pg-event_nav-logo { background-image: url('/_app/images/partygram-logo-p_dark-mode.png'); }
body.pg-event_dark-mode #pg-event .pg-event_form-message.error { color: #fd7165; }
body.pg-event_dark-mode #pg-event .pg-event_modal-overlay { background: rgba(33,33,33,0.5); }
body.pg-event_dark-mode #pg-event .pg-event_overview-date-main { border-left: 1px solid rgba(255,255,255,0.12); }
body.pg-event_dark-mode #pg-event .pg-event_well-wrapper { background-color: rgba(255,255,255,0.1); }
body.pg-event_dark-mode #pg-event .pg-event_content-card { background-color: rgba(33,33,33,1); }
body.pg-event_dark-mode #pg-event .pg-event_textarea-input textarea { background: rgba(33, 33, 33, 0.75); border: 1px solid rgba(255,255,255, 0.15); color: #fff; }
body.pg-event_dark-mode #pg-event .pg-event_wishlist-item { background: rgba(33, 33, 33, 0.75); }
body.pg-event_dark-mode #pg-event .pg-event_wishlist-img { background-color: #fff; }
body.pg-event_dark-mode #pg-event .pg-event_wishlist-img.empty .pg-event_svg-sprite { opacity: 0.8; }
body.pg-event_dark-mode #pg-event .pg-event_footer-logo { background-image: url('/_app/images/partygram-logo-full-dark-mode.png'); }
body.pg-event_dark-mode .pg-event_footer-links a, body.pg-event_dark-mode .pg-event_footer-cta a { color: #5971fa; }
body.pg-event_dark-mode #pg-event .js-rsvpModal .pg-event_content-card { background-color: rgba(33, 33, 33, 1); }
body.pg-event_dark-mode #pg-event .pg-event_rsvp-card, body.pg-event_dark-mode #pg-event .pg-event_rsvp-icon.circle:after { background: #333; }
body.pg-event_dark-mode #pg-event .pg-event_rsvp-card small { color: #fff; }
body.pg-event_dark-mode #pg-event .pg-event_rsvp-icon.arc { border-top: 5px solid rgba(255, 255, 255, 0.25); border-left: 5px solid rgba(255, 255, 255, 0.25); border-right: 5px solid rgba(255, 255, 255, 0.25); }
body.pg-event_dark-mode #pg-event input[type=text], body.pg-event_dark-mode #pg-event input[type=password], body.pg-event_dark-mode #pg-event input[type=number], body.pg-event_dark-mode #pg-event input[type=email], body.pg-event_dark-mode #pg-event input[type=tel], body.pg-event_dark-mode #pg-event textarea.floating, body.pg-event_dark-mode #pg-event .textbox-wrapper, body.pg-event_dark-mode #pg-event textarea { background-color: inherit; color: var(--pg-font-color); }
body.pg-event_dark-mode #pg-event .pg-event_sms-known-phone { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.14); }
body.pg-event_dark-mode #pg-event .pg-event_sms-code input { border-color: rgba(255,255,255,0.2); }
body.pg-event_dark-mode #pg-event .textbox-wrapper label.floating, body.pg-event_dark-mode #pg-event .textbox-wrapper label.floating-dd-label { opacity: 0.7; }
body.pg-event_dark-mode #pg-event .dropdown-btn.floating { color: rgba(255,255,255,0); }
body.pg-event_dark-mode #pg-event .dropdown-btn.floating.value-set { color: var(--pg-font-color); }
body.pg-event_dark-mode #pg-event .dropdown .dropdown-list:before { background-color: #333; border-top: 1px solid #555; border-left: 1px solid #555; }
body.pg-event_dark-mode #pg-event .dropdown .dropdown-options { background-color: #333; border: 1px solid #555; }
body.pg-event_dark-mode #pg-event .dropdown .dropdown-options li .option, body.pg-event_dark-mode #pg-event .dropdown .dropdown-options label.option { background-color: inherit; }
body.pg-event_dark-mode #pg-event .dropdown .dropdown-options li .option:hover, body.pg-event_dark-mode #pg-event .dropdown .dropdown-options li .option:focus-visible, body.pg-event_dark-mode #pg-event .dropdown .dropdown-options label.option:hover { animation: optiondarkhover 200ms forwards; }
body.pg-event_dark-mode #pg-event .textbox-wrapper .dropdown-arrow { color: var(--pg-font-color); }
@keyframes optiondarkhover { 0% { background: rgba(255,255,255,0.0); }
100% { background: rgba(255,255,255,0.08); }
}
body.pg-event_dark-mode #pg-event .pg-event_rsvp-screen h3 .pg-going-checkmark:before { opacity: 7; }
body.pg-event_dark-mode #pg-event .pg-event_calendar-option, body.pg-event_dark-mode #pg-event .pg-event_next-action { background-color: #333; }
body.pg-event_dark-mode #pg-event .pg-event_main-navigation.is-sticky .pg-event_content-card { background-color: #333; }
body.pg-event_dark-mode #pg-event ul.bullet-list li:before { background-color: #fff; }
body.pg-event_dark-mode .ql-editor:before { color: #fff; }

/* Responsive behavior
-------------------------------------------------- */
@media (max-width: 1560px) { #dashboard-content .pg-event_wrapper { width: calc(100% - 100px); max-width: inherit; margin-left: 50px; margin-right: 50px; }
.pg-event_overview-banner-top .pg-event_overview-banner-container { height: 30.3vw; min-height: inherit; }
@supports (aspect-ratio: 1 / 1) { .pg-event_overview-banner-top .pg-event_overview-banner-container { height: auto; aspect-ratio: 3/1; }
}
}
@media (max-width: 1300px) { .pg-event_wrapper { width: calc(100% - 100px); max-width: inherit; margin-left: 50px; margin-right: 50px; }
.pg-event_overview-banner-top .pg-event_overview-banner-container { height: 30.3vw; min-height: inherit; }
body.pg-no-banner .pg-event_overview-banner-top .pg-event_overview-banner-container { height: 130px; }
@supports (aspect-ratio: 1 / 1) { .pg-event_overview-banner-top .pg-event_overview-banner-container { height: auto; aspect-ratio: 3/1; }
}
}
@media (max-width: 1180px) { :root { --pg-event-h1-size: 32px; --pg-event-h1-overflow-size: 32px; }
.pg-event_nav-menu { gap: 45px; }
.pg-event_overview-date-month { font-size: 22px; }
.pg-event_overview-date-day { font-size: 70px; }
.pg-event_overview-date-weekday, .pg-event_overview-date-time, .pg-event_overview-date-location { font-size: 18px; }
.pg-event_overview-date-location .pg-event_svg-sprite { width: 21px; height: 20px; flex: 0 0 17px; }
.pg-event_column-wrapper { gap: 22px; }
.pg-event_details .pg-event_side-panel-inner { display: block; text-align: right; }
.pg-event_details .pg-event_action-meta { margin-bottom: 12px; border: 0; padding: 0; }
}
@media (max-width: 960px) { 
	:root { --pg-event-card-padding: 35px; }
	.pg-event_well-wrapper { padding: 22px; }

	.pg-event_top { height: 50px; padding: 0; }
	.pg-event_top .pg-event_pg-logo { display: none; }
	.pg-event_wrapper, #dashboard-content .pg-event_wrapper { width: calc(100% - 40px); max-width: inherit; margin-left: 20px; margin-right: 20px; }
	#dashboard-content .pg-event_main-navigation .pg-event_wrapper { width: 100%; margin-left: 0px; margin-right: 0px; }

	.pg-event_top { height: 22px; }
	.pg-event_overview .pg-event_column-wrapper { display: block; }
	.pg-event_overview .pg-event_column-wrapper .pg-event_right-col { display: none; }
	body.pg-has-banner .pg-event_overview-banner-top, body.pg-has-banner.pg-banner-right .pg-event_overview-banner-top, body.event-editor.pg-no-banner .pg-event_overview-banner-top { display: block; }
	body.event-editor.pg-has-banner .pg-event_overview-banner-top .pg-event_banner-options { transform: translate(0px,0px); }
	body.event-editor.pg-has-banner .pg-event_overview-banner-top .pg-event_banner-options .js-toggleBannerPlacement { display: none; }
	body.event-editor.pg-has-banner .pg-event_overview-banner-top .pg-event_banner-options .js-deleteBanner { float: right; }
	.pg-event_wishlist-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
}
@media (max-width: 800px) { 
	body .pg-event_tablet-show { display: block; }
	body .pg-event_private-cta.pg-event_tablet-show { display: flex; }
	body .pg-event_tablet-hide { display: none !important; }

	.pg-event_main-navigation { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; display: block !important; }
	.pg-event_main-navigation .pg-event_nav-logo { opacity: 1; width: 32px; height: 38px; }
	body.event-editor .pg-event_main-navigation { display: none !important; }
	body.event-editor #pg-event { padding-top: 0; }
	.pg-event_mobile-menu-toggle { flex:0 0 auto; border:none; background:none; font-family:var(--pg-font); font-size:15px; font-weight:700; color:var(--pg-primary-ui); cursor:pointer; margin-left: 22px; padding: 11px 0px; }
	.pg-event_mobile-menu-toggle .pg-event_svg-sprite { display: inline-block; width: 18px; height: 13px; vertical-align: middle; }
	.pg-event_main-navigation.hidden .pg-event_mobile-menu-toggle, body.event-editor .pg-event_mobile-menu-toggle { display: none !important; }
	.pg-event_main-navigation .pg-event_wrapper { width: 100%; margin: 0px; }
	.pg-event_main-navigation .pg-event_content-card { border-radius: 0px; padding-left: 0px; padding-right: 0px; }
	.pg-event_nav { min-height: 52px; padding-left: 15px; padding-right: 20px; }
	.pg-event_nav-logo { position:static; transform:none; flex:0 0 auto; margin-right:12px; }
	.pg-event_nav .pg-event_btn.small { flex: 0 0 auto; min-width:50px; margin-left: auto; padding: 10px 10px; }
	.pg-event_nav .pg-event_btn.small span { font-size: 14px; }
	.pg-event_nav-menu { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--pg-primary-ui); color: #fff; top: 100%; left: 0px; width: 100%; height: calc(100vh - 52px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity 120ms ease, visibility 120ms ease; }
	.pg-event_nav-menu.on { opacity:1; visibility:visible; pointer-events:auto; }
	.pg-event_nav-menu a, .pg-event_nav-menu a.active { color:#fff; text-align:center; opacity:0; transform:translateY(20px); transition:opacity 350ms ease, transform 350ms ease; }
	.pg-event_nav-menu.on a { opacity:1; transform:translateY(0px); }
	.pg-event_nav-menu.on a:nth-child(1) { transition-delay:80ms; }
	.pg-event_nav-menu.on a:nth-child(2) { transition-delay:160ms; }
	.pg-event_nav-menu.on a:nth-child(3) { transition-delay:240ms; }
	.pg-event_nav-menu.on a:nth-child(4) { transition-delay:320ms; }
	.pg-event_nav-menu.on a:nth-child(5) { transition-delay:400ms; }
	.pg-event_nav-menu.on a:nth-child(6) { transition-delay:480ms; }
	.pg-event_nav-menu a:after { background: var(--pg-secondary); }
	#pg-event { padding-top: 52px; }
	.pg-event_details .pg-event_side-panel.pg-event_right-col { display: none; }
	.pg-event_column-wrapper { display: block; }
	.pg-event_potluck .pg-event_side-panel.pg-event_right-col { margin-top: 16px; }
	.pg-event_wishlist .pg-event_right-col { display: none; }

	.pg-event_footer-inner { display: block; }
}
@media (max-width: 700px) { .pg-event_well-wrapper, .pg-event_potluck .pg-event_well-wrapper { padding: 18px 12px; }
.pg-event_wishlist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pg-event_wishlist-item.claimed .pg-event_btn { padding-left: 0; padding-right: 0; min-width: 0; }
.pg-event_wishlist-price { font-size: 12px; padding: 4px; }
.pg-event_rsvp-options { gap: 3%; }
.pg-event_rsvp-card { flex: 0 0 31.333%; gap: 2%; min-height: 23vw; }
}
@media (max-width: 600px) { :root { --pg-event-h1-size: 26px; --pg-event-h1-overflow-size: 26px; --pg-event-h2-size: 22px; --pg-event-h3-size: 22px; --pg-event-card-padding: 22px; }
body .pg-event_mobile-show { display: block; }
body .pg-event_mobile-hide { display: none !important; }

.pg-event_btn { font-size: 15px; }
.pg-event_overview .pg-event_host-wrapper.pg-event_mobile-host-wrapper { margin-top: 0; margin-bottom: 10px; }
.pg-event_overview-banner-top { margin-bottom: var(--pg-event-card-padding); }
.pg-event_overview .pg-event_host-wrapper { display: block; margin-top: 15px; }
.pg-event_overview-list li { font-size: 16px; margin-bottom: 10px; }
.pg-event_overview-list .pg-event_svg-sprite { margin-top: -1px; }
.pg-event_content-card p { font-size: 16px; }
.pg-event_potluck-item-name { font-size: 16px; }
.pg-event_rsvp-card { gap: 6px; min-height: 27vw; }
.pg-event_rsvp-card.selected:after { top: -5px; right: -5px; }
.pg-event_rsvp-card strong { font-size: 16px; }
.pg-event_rsvp-card small { display: none; }
.pg-event_sms-code { gap: 8px; }
.js-rsvpModal .pg-event_sms-code input[type=text] { width: 50px; height: 58px; line-height: 58px; }
}
@media (max-width: 700px) { .pg-event_modal-body { padding: 28px 22px 30px; }
.pg-event_rsvp-options { grid-template-columns: 1fr; }
.pg-event_modal-row { display: block; }
.pg-event_modal-row label { display: block; margin-bottom: 10px; }
.pg-event_choice-group { flex-direction: column; }
}