@property --color-primary{syntax:"<color>";inherits:true;initial-value:#151716}@property --color-secondary{syntax:"<color>";inherits:true;initial-value:#ff9a75}@property --color-secondary-contrast{syntax:"<color>";inherits:true;initial-value:coral}@property --color-background{syntax:"<color>";inherits:true;initial-value:#e8e8e8}@property --color-background-contrast{syntax:"<color>";inherits:true;initial-value:#fff}@property --color-aux{syntax:"<color>";inherits:true;initial-value:red}@property --board-width-scale{syntax:"<number>";inherits:true;initial-value:3}@property --board-height-scale{syntax:"<number>";inherits:true;initial-value:3}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{font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;border:0;margin:0;padding:0}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}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes backdropFadeIn{0%{background:0 0}to{background:#00000080}}@keyframes backdropFadeOut{0%{background:#00000080}to{background:0 0}}:root{interpolate-size:allow-keywords;transition:--color-primary .4s,--color-secondary .4s,--color-secondary-contrast .4s,--color-background .4s,--color-background-contrast .4s,--color-aux .4s}@media only screen and (width<=75em){:root{--board-width-scale:3.5}}@media only screen and (width<=56.25em){:root{--board-width-scale:4}}@media only screen and (width<=37.5em){:root{--board-width-scale:5}}:root[data-theme=light]{--color-primary:#151716;--color-secondary:#ff9a75;--color-secondary-contrast:coral;--color-background:#e8e8e8;--color-background-contrast:white;--color-aux:red}:root[data-theme=dark]{--color-primary:#e8e8e8;--color-secondary:#147914;--color-secondary-contrast:#106838;--color-background:#151716;--color-background-contrast:#282a29;--color-aux:greenyellow}#root,html,body{scrollbar-color:color-mix(in srgb, var(--color-background) 80%, var(--color-primary) 20%) var(--color-background-contrast);width:100%;height:100%}html{color:var(--color-primary);background-color:var(--color-background);font-family:system-ui,sans-serif;font-size:62.5%}html ::selection{background-color:color-mix(in srgb, var(--color-secondary), transparent 30%)}html ::selection{background-color:color-mix(in srgb, var(--color-secondary), transparent 30%)}#root,body{width:100%;height:100%;font-size:1.6rem}strong{font-weight:700}.header{z-index:1000;background-color:var(--color-background);padding:0 0 0 3rem;font-size:3.5rem;line-height:1.3}@media only screen and (width<=37.5em){.header{padding-left:2.5rem;font-size:2.5rem}}.header__prefix{animation:1.5s ease-in-out infinite toggling}@keyframes toggling{0%,to{opacity:1}50%{opacity:0}}.uml-editor-frame{--editor-margin-side:2rem;--editor-margin-bottom:1rem;margin:var(--editor-margin-side) var(--editor-margin-side) var(--editor-margin-bottom) var(--editor-margin-side);flex:1;position:relative}@media only screen and (width<=37.5em){.uml-editor-frame{--editor-margin-side:.5rem;--editor-margin-bottom:1rem}}.uml-editor-frame__border{inset:calc(-1 * var(--editor-margin-side)) calc(-1 * var(--editor-margin-side)) calc(-1 * var(--editor-margin-bottom)) calc(-1 * var(--editor-margin-side));background:var(--color-background);z-index:1000;pointer-events:none;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% calc(100% - var(--editor-margin-bottom)), calc(100% - var(--editor-margin-side)) calc(100% - var(--editor-margin-bottom)), calc(100% - var(--editor-margin-side)) var(--editor-margin-side), var(--editor-margin-side) var(--editor-margin-side), var(--editor-margin-side) calc(100% - var(--editor-margin-bottom)), 0% calc(100% - var(--editor-margin-bottom)));position:absolute}.uml-editor{background:var(--color-background-contrast);border:1px solid var(--color-primary);border-radius:1rem;height:100%;position:relative;overflow:hidden}@media only screen and (width<=37.5em){.uml-editor{border-color:#0000}}._buttons-menu__add-button-group_1cvvt_1{position:relative}._buttons-menu__add-button-group_1cvvt_1 ._buttons-menu__add-buttons-sub_1cvvt_4{flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex;position:absolute;top:100%}._buttons-menu__add-button-group_1cvvt_1 ._buttons-menu__add-buttons-sub--1_1cvvt_12{transform:translateY(-20px)}._buttons-menu__add-button-group_1cvvt_1 ._buttons-menu__add-buttons-sub--2_1cvvt_15{transform:translate(-20px)}._buttons-menu__add-button-group_1cvvt_1 ._buttons-menu__add-buttons-sub--1_1cvvt_12,._buttons-menu__add-button-group_1cvvt_1 ._buttons-menu__add-buttons-sub--2_1cvvt_15{color:var(--color-primary);opacity:0;transition:opacity .4s ease, transform .4s ease, display .4s allow-discrete;display:none}._buttons-menu__add-button-group_1cvvt_1:hover ._buttons-menu__add-buttons-sub--1_1cvvt_12{opacity:1;display:block}._buttons-menu__add-button-group_1cvvt_1:hover ._buttons-menu__add-buttons-sub--1_1cvvt_12:active{transition:transform 50ms ease-out;transform:scale(.9)}._buttons-menu__add-button-group_1cvvt_1:hover ._buttons-menu__add-buttons-sub--1_1cvvt_12{transform:translateY(0)}@starting-style{._buttons-menu__add-button-group_1cvvt_1:hover ._buttons-menu__add-buttons-sub--1_1cvvt_12{opacity:0;transform:translateY(-20px)}}._buttons-menu__add-button-group_1cvvt_1:hover ._buttons-menu__add-buttons-sub--2_1cvvt_15{opacity:1;display:block}._buttons-menu__add-button-group_1cvvt_1:hover ._buttons-menu__add-buttons-sub--2_1cvvt_15:active{transition:transform 50ms ease-out;transform:scale(.9)}._buttons-menu__add-button-group_1cvvt_1:hover ._buttons-menu__add-buttons-sub--2_1cvvt_15{transform:translate(0)}@starting-style{._buttons-menu__add-button-group_1cvvt_1:hover ._buttons-menu__add-buttons-sub--2_1cvvt_15{opacity:0;transform:translate(-20px)}}._buttons-menu__add-button_1cvvt_1._buttons-menu__add-button_1cvvt_1{cursor:default;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:700;display:flex}._buttons-menu__add-button_1cvvt_1 svg{color:var(--color-primary);width:2.5rem;height:2.5rem}._button_1ikf1_1{border:2px solid var(--color-primary);cursor:pointer;background-color:var(--color-background);padding:.5rem 1rem;font-size:2rem;transition:background-color .4s}._button_1ikf1_1:hover,._button_1ikf1_1:active{background-color:var(--color-secondary-contrast)}.buttons-menu__delete-button{justify-content:center;align-items:center;padding:.7rem 1rem;display:flex}.buttons-menu__delete-button:active{transition:transform 50ms ease-out;transform:scale(.9)}.buttons-menu__delete-button svg{color:var(--color-primary);width:2.5rem;height:2.5rem;display:block}.buttons-menu__delete-button__text{font-size:.9rem}.confirmation-dialog{color:var(--color-primary);transition:display .5s allow-discrete, overlay .5s allow-discrete;background:linear-gradient(to top left, color-mix(in srgb, var(--color-secondary-contrast) 90%, var(--color-background-contrast) 10%), color-mix(in srgb, var(--color-secondary-contrast) 70%, var(--color-background-contrast) 30%));border-radius:.6rem;width:clamp(25rem,20vw,40rem);line-height:1.3;animation:.5s forwards fadeOut}.confirmation-dialog:focus-visible{outline:none}.confirmation-dialog::backdrop{background-color:#000000d9;animation:.5s forwards backdropFadeOut}.confirmation-dialog[open]{animation:.5s forwards fadeIn}.confirmation-dialog[open]::backdrop{animation:.5s forwards backdropFadeIn}.confirmation-dialog__actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.confirmation-dialog__actions button{color:var(--color-primary);background-color:color-mix(in srgb, var(--color-secondary-contrast) 75%, var(--color-background-contrast) 25%);box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-radius:.25rem;padding:.5rem 1rem;transition:background-color .2s,border-color .5s}.confirmation-dialog__actions button:hover{background-color:color-mix(in srgb, var(--color-secondary-contrast) 90%, var(--color-primary) 10%);border-color:#0000}.confirmation-dialog__actions button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.confirmation-dialog__actions button:last-child{background-color:color-mix(in srgb, var(--color-secondary-contrast) 75%, var(--color-aux) 25%)}.confirmation-dialog__actions button:last-child:hover{background-color:color-mix(in srgb, var(--color-secondary-contrast) 65%, var(--color-aux) 35%);border-color:var(--color-primary)}.buttons-menu__interchange-button-img{color:var(--color-primary);width:2.5rem;height:2.5rem}.buttons-menu__info-button{justify-content:center;align-items:center;padding:.7rem 1rem;display:flex}.buttons-menu__info-button:active{transition:transform 50ms ease-out;transform:scale(.9)}.buttons-menu__info-button svg{width:2.5rem;height:2.5rem;color:var(--color-primary);display:block}.buttons-menu__info-button__text{font-size:.9rem}.popover-container{--_popover-width:90vw;--_popover-height:75vh;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s ease, display .3s ease allow-discrete, overlay .3s ease allow-discrete;background-color:#00000080;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.popover-container .information-card{transition:transform .3s;transform:translateY(1.5rem)}.popover-container:popover-open{opacity:1;pointer-events:auto}.popover-container:popover-open .information-card{background-color:var(--color-background-contrast);transform:translateY(0)}@starting-style{.popover-container:popover-open{opacity:0}.popover-container:popover-open .information-card{transform:translateY(-1.5rem)}}.popover-container h2{font-size:3rem}@media only screen and (width<=56.25em){.popover-container h2{font-size:2.75rem}}.popover-container h3{margin-left:2rem;font-size:2.5rem}@media only screen and (width<=56.25em){.popover-container h3{margin-left:0}}.popover-container h4{margin-left:4rem;font-size:2rem}@media only screen and (width<=56.25em){.popover-container h4{margin-left:0}}.g-mimic-text{border:1px solid var(--color-primary);background-color:var(--color-background);width:fit-content;color:var(--color-primary);z-index:4;border-radius:.2rem;padding:.25rem 1rem;line-height:1.4;position:relative}.g-mimic-selected{border:.3rem dashed;border-color:color-mix(in srgb, var(--color-secondary-contrast) 70%, var(--color-aux) 30%);background-size:300% 300%;background-image:linear-gradient(135deg, var(--color-background), var(--color-secondary), var(--color-background));animation:2s infinite selected-bg}.g-background-dashed{background-color:var(--color-background-contrast);z-index:1;border:2px dashed var(--color-primary);color:var(--color-primary);border-radius:1.5rem}.information-card{width:var(--_popover-width);height:var(--_popover-height);background-color:var(--color-background-contrast);border-radius:8px;flex-direction:column;max-height:80vh;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.information-card__header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.information-card__header button{border:none;border:1px solid var(--color-primary);background-color:var(--color-background);z-index:4;cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.information-card__header button svg{color:var(--color-primary);width:3rem;height:3rem}.information-card__header button:hover{background-color:var(--color-secondary)}.information-card__header button:active{background-color:var(--color-secondary-contrast)}.information-card__header-title{align-items:center;gap:1rem;display:flex;position:relative}.information-card__content{flex-direction:column;flex:1;align-items:flex-start;gap:2rem;min-height:0;padding-right:.5rem;display:flex;overflow-y:auto}.information-card__information-container{flex:1;align-items:flex-start;gap:4rem;display:flex}.information-card__information{flex-direction:column;flex:1;gap:2rem;display:flex}.information-card__info-data{flex-direction:row;gap:2rem;display:flex}@media only screen and (width<=56.25em){.information-card__info-data{flex-direction:column}}.information-card__info-grid{flex:1;grid-template-columns:repeat(3,minmax(150px,auto));justify-content:space-between;gap:2rem;margin-left:5rem;display:grid}.information-card__info-grid p{margin-left:0;line-height:2.75rem}@media only screen and (width<=75em){.information-card__info-grid{grid-template-columns:1fr 1fr}}@media only screen and (width<=56.25em){.information-card__info-grid{grid-template-columns:1fr;margin-left:0}}.information-card__info-text{margin-left:5rem;padding:2rem 3rem;line-height:2.5rem}.information-card__info-text p{margin-bottom:2rem}.information-card__info-text strong{border:1px solid var(--color-primary);padding:.5rem}.information-card__info-text svg{color:var(--color-primary);transform:rotate(-90deg)translate(-1rem)translateY(-.5rem)}@media only screen and (width<=56.25em){.information-card__info-text{margin-left:0;padding:2rem}}.information-card__padding-inter-button,.information-card__padding-add-button{z-index:5;padding:1.5rem 7rem 1.5rem 2rem}@media only screen and (width<=56.25em){.information-card__padding-add-button{padding-left:14rem}.information-card__padding-inter-button{padding-left:9rem}}.information-card__padding-del-button{padding:1.5rem 2rem}.information-card__entity-toggling-text{flex:1;padding:2rem}@media only screen and (width<=56.25em){.information-card__entity-toggling-text{padding:2rem}}.information-card__entity-toggling-test{flex:2;padding:2rem}@media only screen and (width<=56.25em){.information-card__entity-toggling-test{padding:2rem}}.information-card__info-test{justify-content:center;align-items:center;display:flex}@media only screen and (width<=56.25em){.information-card__info-test{margin-left:0}}.information-card__footer{color:var(--color-primary);margin:auto;padding:3rem 0;font-size:1.25rem}.background-dots{pointer-events:none;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);display:grid;position:fixed;inset:0}.background-dots .dot{opacity:.7;background-color:var(--color-primary);border-radius:60%;place-self:center;width:4px;height:4px}.no-margin{margin:0}.entity{border:1px solid var(--color-primary);background-color:var(--color-background);border-radius:.2rem;width:fit-content;min-width:.9rem;height:fit-content;min-height:.9rem;transition:background-color .5s,width .5s,opacity .2s,height .5s;position:relative}@starting-style{.entity{opacity:0;height:0;min-height:0}}.entity--editing{background-color:var(--color-secondary)}.entity--selected{border:.3rem dashed;border-color:color-mix(in srgb, var(--color-secondary-contrast) 70%, var(--color-aux) 30%);background-size:300% 300%;background-image:linear-gradient(135deg, var(--color-background), var(--color-secondary), var(--color-background));animation:2s infinite selected-bg}@keyframes selected-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.entity{-webkit-user-select:none;user-select:none}.entity--with-padding{padding:.25rem 1rem}.entity__title{color:var(--color-primary);margin:auto;padding:.5rem}.entity__subtitle{color:var(--color-primary);justify-content:center;padding:.5rem .5rem 0;font-size:1.6rem;font-style:italic;display:flex}.entity__elements{border-top:1px solid var(--color-primary);display:block}.entity__elements p{margin:.3rem 0}.entity__content{opacity:0;flex-direction:column;animation:.2s .15s forwards textIn;display:flex}@keyframes textIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.entity-form{opacity:0;width:20rem;padding:.3rem 1rem 1rem;animation:.2s .1s forwards textIn}.entity-form__identifier{justify-content:center;padding-bottom:.5rem;font-size:1.25rem;font-style:italic;display:flex}.entity-form__subtitle{color:var(--color-primary);text-transform:capitalize;margin:.5rem 0;padding:.5rem 0;font-size:1.1rem}.entity-form__methods-title{align-items:center;gap:.5rem;display:flex}.entity-form__delete-button-container{justify-content:flex-end;align-items:center;padding:.5rem;display:flex}.entity-form__delete-button{background-color:var(--color-background);color:var(--color-primary);cursor:pointer;justify-content:center;align-items:center;display:flex}.entity-form__delete-button:active{border-color:#0000;transition:transform .1s;transform:scale(.95)}.entity-form__field{flex-direction:column;gap:.2rem;font-size:1.1rem;display:flex}.entity-form__field-label{color:var(--color-primary);text-transform:capitalize;font-size:1.1rem}.entity-form__input-default{border:none;border:1px solid var(--color-primary);background-color:var(--color-background);color:var(--color-text);outline:none;padding:.25rem .5rem;font-size:1.1rem;font-weight:700}.entity-form__relationship-selector{background-color:var(--color-secondary-contrast);opacity:1;border:none;border-radius:.1rem;justify-content:center;align-items:center;padding:.2rem;font-size:2rem;transition:opacity .7s .5s;display:inline-flex;position:absolute;bottom:-1.5rem;right:0;transform:translate(50%)}@starting-style{.entity-form__relationship-selector{opacity:0}}.entity-form__relationship-selector:after{content:"";width:2rem;height:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.entity-form__relationship-selector:hover:after{width:16rem;height:16rem;transition:width,height}.entity-form__relationship-selector:has(.entity-form__relationship-menu>.entity-form__relationship-option:only-child):hover:after{width:8rem;height:8rem;transform:translate(-50%,-20%)}.entity-form__relationship-selector:hover>.entity-form__relationship-menu{opacity:1;pointer-events:all}.entity-form__relationship-menu{opacity:0;pointer-events:none;width:0;height:0;transition:opacity .2s;position:absolute;top:50%;left:50%}.entity-form__relationship-option{--_angle:calc((var(--i) / var(--total)) * 360deg + 90deg);border:1px solid var(--color-primary);background-color:var(--color-background);width:4.2rem;height:4.2rem;color:var(--color-primary);cursor:pointer;opacity:0;transform:translate(calc(cos(var(--_angle)) * 5rem), calc(sin(var(--_angle)) * 5rem));border-radius:50%;justify-content:center;align-items:center;margin:-2.1rem;font-size:.45rem;font-weight:700;transition:opacity .2s,background-color .15s;display:flex;position:absolute}.entity-form__relationship-option svg{width:80%;height:80%}.entity-form__relationship-option:hover{background-color:var(--color-secondary)}.entity-form__relationship-selector:hover .entity-form__relationship-option{opacity:1;z-index:5;animation:.6s cubic-bezier(.34,1.56,.64,1) backwards relationship-pop;animation-delay:calc(var(--i) * 70ms)}@keyframes relationship-pop{0%{opacity:0;transform:translate(0)scale(0)perspective(300px)}}.entity-form__field-wrapper{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.entity-form__input-function{border:1px solid var(--color-primary);background-color:var(--color-background);min-width:0;color:var(--color-text);outline:none;flex:1;padding:.25rem .5rem;font-size:1.1rem}.entity-form__input-function:focus{border-color:var(--color-secondary)}.entity-form__select-function{border:1px solid var(--color-primary);background-color:var(--color-background);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23151716' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:1.4em;outline:none;padding:.25rem 2rem .25rem .5rem;font-size:1.1rem}:root[data-theme=dark] .entity-form__select-function{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e8e8e8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.entity-form__select-function:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23151716' stroke-width='2'%3E%3Cpolyline points='6 15 12 9 18 15'/%3E%3C/svg%3E")}:root[data-theme=dark] .entity-form__select-function:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e8e8e8' stroke-width='2'%3E%3Cpolyline points='6 15 12 9 18 15'/%3E%3C/svg%3E")}.entity-form__select-function:focus{border-color:var(--color-secondary)}.entity-form__input-property{border:1px solid var(--color-primary);background-color:var(--color-background);min-width:0;color:var(--color-text);outline:none;flex:1;padding:.25rem .5rem;font-size:1.1rem}.entity-form__input-property:focus{border-color:var(--color-secondary)}.entity-form__select-property{border:1px solid var(--color-primary);background-color:var(--color-background);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23151716' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:1.4em;outline:none;padding:.25rem 2rem .25rem .5rem;font-size:1.1rem}:root[data-theme=dark] .entity-form__select-property{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e8e8e8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.entity-form__select-property:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23151716' stroke-width='2'%3E%3Cpolyline points='6 15 12 9 18 15'/%3E%3C/svg%3E")}:root[data-theme=dark] .entity-form__select-property:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e8e8e8' stroke-width='2'%3E%3Cpolyline points='6 15 12 9 18 15'/%3E%3C/svg%3E")}.entity-form__select-property:focus{border-color:var(--color-secondary)}.entity-form__select-property--alone{width:100%;margin-bottom:.25rem}.entity-form__add-button{background-color:var(--color-secondary-contrast);border-color:var(--color-secondary-contrast);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background-color .2s,transform .2s;display:flex}.entity-form__add-button:hover{background-color:var(--color-secondary)}.entity-form__add-button:active{transform:translateY(.1rem)}.entity-form__add-button svg{color:var(--color-primary);width:1.5rem;height:1.5rem;display:block}.relationship-delete-button{z-index:10;border:1px solid var(--color-primary);background-color:var(--color-background);cursor:pointer;transform-origin:50%;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:.4rem;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards relationship-delete-grow;display:flex;position:fixed;box-shadow:0 2px 6px #00000040}.relationship-delete-button svg{color:var(--color-primary);pointer-events:none;width:100%;height:100%}.relationship-delete-button:hover{background-color:var(--color-secondary)}.relationship-delete-button:active{transform:translate(-50%,-50%)scale(.92)}@keyframes relationship-delete-grow{0%{transform:translate(calc(-50% + var(--from-x)), calc(-50% + var(--from-y))) scale(0);opacity:0}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes theme-info-appear{0%{opacity:0;transform:translateY(-.5rem)}15%{opacity:0;transform:translateY(-.5rem)}30%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}.theme-info-popover{border:1px solid var(--color-primary);background:var(--color-background);height:fit-content;color:var(--color-primary);white-space:nowrap;pointer-events:none;z-index:1000;border-radius:.5rem;margin:auto 0 auto 1rem;padding:.75rem 1.25rem;font-size:1.4rem;display:none;position:absolute;top:0;bottom:0;left:100%}.popover-container:popover-open .theme-info-popover{animation:3s forwards theme-info-appear;display:block}.buttons-menu{z-index:6;position:absolute;top:1.5rem;left:1.5rem}@media only screen and (width<=56.25em){.buttons-menu{left:2.25rem}}.buttons-menu__buttons-list{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}@media only screen and (width<=56.25em){.buttons-menu__export-button{display:none}}.draggable{touch-action:none;display:inline-flex;position:absolute}.draggable--dragging{cursor:grabbing;will-change:transform;z-index:1}.draggable:has(.entity-form__relationship-selector:hover){z-index:2}.selection-layer__overlay{--_color-border:color-mix(in srgb, var(--color-secondary) 50%, var(--color-aux) 50%);background-color:var(--color-secondary-contrast);border:1px solid var(--_color-border);opacity:.5;z-index:5;position:fixed}.board-zoom{position:absolute;inset:50%}.board{width:calc(600rem * var(--board-width-scale));height:calc(400rem * var(--board-height-scale));background-color:var(--color-background-contrast);border:1px dashed var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='3' fill='%23888'/%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 80px;position:relative}.relationships-svg{transition:opacity .2s}body:has(.entity-form__relationship-selector:hover) .relationships-svg{opacity:.7}body:has(.entity-form__relationship-selector:hover) .relationships-svg *{pointer-events:none}.app-container{--_app-padding:2rem;width:100%;height:100%;padding:var(--_app-padding);flex-direction:column;display:flex;position:relative}@media only screen and (width<=37.5em){.app-container{padding:calc(var(--_app-padding) / 4)}}.app-container__border{background:var(--color-background);z-index:1000;pointer-events:none;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% calc(100% - var(--_app-padding)), calc(100% - var(--_app-padding)) calc(100% - var(--_app-padding)), calc(100% - var(--_app-padding)) var(--_app-padding), var(--_app-padding) var(--_app-padding), var(--_app-padding) calc(100% - var(--_app-padding)), 0% calc(100% - var(--_app-padding)));position:absolute;inset:0}