#eventsubs-box{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:var(--text-xs)}#provider-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;padding:1rem;background-color:var(--bg-superdark);border-radius:100vh}.provider-button-wrapper{width:-moz-fit-content;width:fit-content;padding:0;background-color:none}main:has(#provider-eventsubs){width:100%;max-width:calc(100vw - 4rem)}iframe{flex:1;background-color:white;border:2px solid var(--bg-dark);border-radius:1.5rem;width:100%;height:100%}#provider-eventsubs{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center;width:100%}.mobile-buttons{position:fixed;z-index:5;top:calc(100svh - 1rem);left:1rem;translate:0 -100%;display:none;flex-direction:row;gap:.5rem}.mobile-buttons button{display:flex;align-items:center;justify-content:center;border-radius:100vh;padding:.5rem;font-size:var(--text-xxs);white-space:nowrap;background-color:var(--primary);color:var(--bg-dark);border:2px solid var(--bg-dark)}.mobile-buttons button svg{width:var(--text-sm);height:var(--text-sm)}.eventsubs-provider-box,.eventsubs-provider-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:2rem;background-color:var(--text);color:var(--bg-dark);padding:.5rem;height:100vh;max-height:calc(100vh - 8rem);min-width:400px;flex:1}.eventsubs-provider-container{flex:0.8;flex-direction:row-reverse;flex-wrap:wrap;background-color:transparent;padding:0}#widget-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}#widget-preview-input-box{display:flex;flex-direction:row;gap:.5rem;width:100%}#widget-preview-input{font-size:var(--text-xxs);width:100%;border:2px solid var(--bg-dark);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}#widget-preview-input-box svg{width:var(--text-xs);height:var(--text-xs)}#test-events{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;background-color:transparent}#test-data{display:none;position:fixed;z-index:4;top:50%;left:50%;translate:-50% -50%;background-color:var(--text);border:2px solid var(--bg-dark);height:-moz-fit-content;height:fit-content;max-height:80vh;overflow-y:auto}#test-data h2,#test-data h2 span{display:flex;align-items:center;gap:2rem}#test-data h2>span{position:absolute;top:1rem;left:1rem;gap:.5rem}#test-data h2 svg{width:var(--text-sm);height:var(--text-sm)}#test-data.open{display:flex!important}.event-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;animation-timeline:view();animation-name:pop}.event-button svg{width:var(--text-xs);height:var(--text-xs);transition:rotate .4s ease}.event-button svg:hover{rotate:90deg}#test-event-buttons{display:flex;flex-direction:column;gap:1rem;padding:4rem .25rem;height:100%;width:100%;overflow-y:auto}#activity{flex:0.4}@keyframes pop{0%,4%,96%,to{opacity:0;scale:.7}8%,92%{opacity:1;scale:1}}#goals button,.event-button button{border-radius:100vh;padding:.5rem 1rem;font-size:var(--text-xxs);white-space:nowrap;background-color:var(--primary);color:var(--bg-dark)}#goals button{display:flex;align-items:center;justify-content:center;width:100%}.event-button button.primary-button{width:100%}.event-button button.secondary-button{padding:.5rem}#goals{font-size:var(--text-xs)}.goals-header{display:flex;align-items:center;gap:1rem}.goals-header svg{width:var(--text-xxs);height:var(--text-xxs)}.goals-body{width:90%;height:100%;overflow:hidden}.goals-body,.goals-body-block{display:flex;flex-direction:column;align-items:center}.goals-body-block{width:100%}#goals,.goals-body,.goals-body-block{justify-content:space-between;gap:.25rem}.goal-block,.goal-data{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.goal-block,.goal-subdata{--stagger:0.3s;--duration:1s;display:flex;flex-direction:column;align-items:flex-start;width:100%;border-radius:1.5rem}.goal-block:has(input:focus-within){border:2px solid var(--bg-superdark)}.goal-block label{flex:1;text-align:left;transition:translate .1s ease-in-out}.goal-block:has(input:focus-within) label{translate:.5rem 0}.goal-header,.goal-subdata-item{display:flex;align-items:center;gap:.5rem;width:100%}.goal-subdata{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out}.goal-block:has(input:focus-within) .goal-subdata{max-height:100vh}.goal-data{width:50%}.goal-subdata-item{padding-inline:1rem;justify-content:space-between}.goal-data p{flex:1}.goal-data p:first-child{text-align:left}.goal-data input{width:6rem;font-size:inherit;border-radius:100vh;padding:.25rem .5rem}#goals button,.goal-data input{background-color:var(--bg-dark);color:var(--text)}#activity-log{display:flex;flex-direction:column;gap:1rem;height:100%;width:100%;overflow-y:auto;overflow-x:visible}#activity-log::-webkit-scrollbar,#goals ::-webkit-scrollbar{display:none}.activity-log-entry,.data-form{display:block;font-size:var(--text-xxs);text-align:left;width:100%;padding:.5rem;border:2px solid var(--bg-dark);border-radius:1.5rem;overflow:visible;opacity:0;animation-name:fade-in,slide-in;animation-delay:.2s,0s;animation-duration:.4s,.4s;animation-timing-function:ease,ease;animation-fill-mode:forwards,forwards}.data-form{border:none;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem}.data-form .data-form{margin-top:1rem}.data-form label:not(:has(+div>input)){width:1rem}.data-form-item{display:contents}.data-form input{background-color:var(--bg-dark);color:var(--text);font-size:inherit;border-radius:100vh;padding:.25rem .5rem;width:100%}.modal::-webkit-scrollbar-track{margin:2rem;background-color:transparent}@keyframes slide-in{0%{margin-bottom:-2rem;translate:-2rem 0}to{margin-bottom:0;translate:0 0}}.activity-log-entry:hover{cursor:pointer}.activity-log-entry .expand-button{position:absolute;top:0;right:.25rem;translate:0 -100%}.activity-log-entry svg{width:var(--text-xxs);height:var(--text-xxs)}.activity-log-entry-header{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:space-between}.activity-data-block,.data-form-item{margin-left:1rem}.activity-data-block{position:relative;height:100%}.activity-data-content{display:block;height:100%;max-height:50rem;padding-top:0;transition:max-height .4s ease-in-out,padding-top .2s ease-in-out;overflow:hidden}.activity-data-content:first-child.expanded{padding-top:.5rem}.activity-data-content.collapsed{max-height:0}@media (max-width:1680px){.eventsubs-provider-container .eventsubs-provider-box{height:calc((100vh - 8rem + 2rem) / 2 - 1rem)}}@media (max-width:1240px){main:has(#provider-eventsubs){width:100%;max-width:100%;margin:0;overflow-x:hidden}#footer{margin-top:0}.mobile-only{display:flex}#provider-eventsubs{position:relative;gap:0;flex-direction:column}.eventsubs-provider-box,.modal{border-radius:0}.modal{--border-width:2px;position:fixed;z-index:4!important;top:0;left:0;translate:-100% 0;width:calc(100% + var(--border-width));height:100%;min-height:100vh;padding:10rem 1rem;box-sizing:border-box;border-right:var(--border-width) solid var(--bg-dark);background-color:var(--text)!important;transition:translate .2s ease-in-out}.modal.open{translate:0 0}.eventsubs-provider-box#widget-preview{z-index:3!important;display:flex!important;position:relative;min-height:80vh!important;padding:2rem 1rem}#test-event-buttons{padding:4rem .25rem}.event-button button{background-color:var(--bg-dark);color:var(--text)}}