.dialog-container[data-v-398f0f40]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.dialog-backdrop[data-v-398f0f40]{position:absolute;width:100%;height:100%;background-color:#000;opacity:.7}.dialog[data-v-398f0f40]{position:relative;max-height:calc(100vh - 60px);min-width:260px;max-width:800px;background-color:#eee}.dialog-title[data-v-398f0f40]{display:flex;padding:10px}.dialog-title h2[data-v-398f0f40]{flex:1;padding:0;margin:0;padding-right:1.5em;font-size:28px;line-height:28px}.dialog-title .dialog-close[data-v-398f0f40]{position:relative;width:28px;height:28px;background-color:#e66;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer}.dialog-title .dialog-close[data-v-398f0f40]:hover{background-color:#d33}.dialog-title .dialog-close[data-v-398f0f40]:after,.dialog-title .dialog-close[data-v-398f0f40]:before{content:"";position:absolute;height:3px;width:calc(100% - 7px);background-color:#eee;transform:rotate(45deg)}.dialog-title .dialog-close[data-v-398f0f40]:before{transform:rotate(-45deg)}.comment-dialog-content[data-v-1a00fb46]{padding:10px}.comment-dialog-content textarea[data-v-1a00fb46]{width:max(100%,400px);height:100px;font-family:Arial;font-size:16px}.edit-category-dialog-content[data-v-e00eb0b4]{display:flex;flex-direction:column;padding:0 10px 10px;width:300px;gap:5px}.category-name[data-v-e00eb0b4],.edit-category-body[data-v-e00eb0b4]{display:flex;flex-direction:column}label[data-v-e00eb0b4]{font-weight:700;padding:.25em 0}input[data-v-e00eb0b4]{font-family:Arial;font-size:16px;padding:.25em .5em}.subcategories-head[data-v-e00eb0b4]{display:flex;margin-top:1em;gap:.4em}.subcategories-head label[data-v-e00eb0b4]{flex:1}.subcategories-head button[data-v-e00eb0b4]{width:25px;height:25px}.subcategories[data-v-e00eb0b4]{display:flex;flex-direction:column;gap:.4em;padding:0;margin:0 0 .5em}.subcategory[data-v-e00eb0b4]{display:flex;gap:.4em;padding:0;margin:0}.subcategory input[data-v-e00eb0b4]{flex:1}.subcategory button[data-v-e00eb0b4]{width:30px;height:30px}.actions[data-v-e00eb0b4]{display:flex;align-items:center;justify-content:flex-end;gap:.4em}.dialog-action[data-v-e00eb0b4]{padding:.35em .7em;background-color:#fff;border:1px solid rgba(0,0,0,.2);font-size:16px}.dialog-action[data-v-e00eb0b4]:hover{border:1px solid rgba(0,0,0,.4)}.dialog-action.action-primary[data-v-e00eb0b4]{background-color:#246;color:#fff;font-weight:700}.dialog-action.action-primary[data-v-e00eb0b4]:hover{background-color:#369}.prompt-dialog-content[data-v-06cc1c80]{display:flex;flex-direction:column;padding:0 10px 10px;width:300px;gap:5px}.prompt-body[data-v-06cc1c80]{display:flex;flex-direction:column}label[data-v-06cc1c80]{font-weight:700;padding:.25em 0}input[data-v-06cc1c80]{font-family:Arial;font-size:16px;padding:.25em .5em}.actions[data-v-06cc1c80]{display:flex;align-items:center;justify-content:flex-end;gap:.4em}.dialog-action[data-v-06cc1c80]{padding:.35em .7em;background-color:#fff;border:1px solid rgba(0,0,0,.2);font-size:16px}.dialog-action[data-v-06cc1c80]:hover{border:1px solid rgba(0,0,0,.4)}.dialog-action.action-primary[data-v-06cc1c80]{background-color:#246;color:#fff;font-weight:700}.dialog-action.action-primary[data-v-06cc1c80]:hover{background-color:#369}.kink-item[data-v-7b6b77da]{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:5px 5px;grid-template-areas:"name actions" "ratings comment";padding:.25em 0;position:relative;isolation:isolate}.kink-item[data-v-7b6b77da]:hover:before{content:"";position:absolute;z-index:-1;background-color:rgba(0,0,0,.1);inset:-.1em -.75em -.3em;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);pointer-events:none}header[data-v-7b6b77da]{display:flex;grid-area:name;align-items:center;gap:.2em}header h3[data-v-7b6b77da]{flex:1;font-size:17px}.kink-ratings[data-v-7b6b77da]{display:flex;gap:1.5em;grid-area:ratings}input[type=radio][data-v-7b6b77da]{display:none}.kink-rating[data-v-7b6b77da]{display:flex;flex-direction:column;padding-left:.4em;border-radius:6px;gap:.2em}.rating-wrapper[data-v-7b6b77da]{display:flex;gap:4px}.rating-wrapper label[data-v-7b6b77da]{position:relative;display:block;width:15px;height:15px;cursor:pointer}.rating-wrapper label[data-v-7b6b77da]:after,.rating-wrapper label[data-v-7b6b77da]:before{content:"";position:absolute;display:block;inset:0;border-radius:50%}.rating-wrapper label[data-v-7b6b77da]:before{background-color:var(--color);opacity:.35}.rating-wrapper label[data-v-7b6b77da]:after{border:1px solid rgba(0,0,0,.5)}.rating-wrapper label[data-v-7b6b77da]:hover:before{opacity:.7}.rating-wrapper label[data-v-7b6b77da]:hover:after{border:2px solid #000}.radio-container label.active[data-v-7b6b77da]:before{opacity:1}.radio-container label.active[data-v-7b6b77da]:after{border:2px solid #000}.kink-item .kink-actions .icon-button[data-v-7b6b77da]{opacity:0}.kink-item:hover .kink-actions .icon-button[data-v-7b6b77da]{opacity:1}.kink-actions[data-v-7b6b77da]{grid-area:actions;display:flex;gap:.1em}.kink-actions .icon-button[data-v-7b6b77da]{width:20px;height:20px}.kink-actions .edit-icon[data-v-7b6b77da]{color:#fff;background-color:#36c;border-radius:25%}.kink-actions .remove-icon[data-v-7b6b77da]{color:#fff;background-color:#f66;border-radius:25%}.kink-item:hover .comment-action button .icon-comment[data-v-7b6b77da]{opacity:.5}.kink-item .comment-action button .icon-comment.has-comment[data-v-7b6b77da],.kink-item .comment-action button .icon-comment[data-v-7b6b77da]:hover{opacity:1}.comment-action[data-v-7b6b77da]{grid-area:comment;display:flex;align-items:center;justify-content:center}.comment-action button[data-v-7b6b77da]{width:35px;height:35px;padding:0;border-radius:50%}.comment-action button .icon-comment[data-v-7b6b77da]{position:relative;display:flex;align-items:center;justify-content:center;width:35px;height:35px;opacity:0}.comment-action button .icon-comment[data-v-7b6b77da]:before{content:"";position:absolute;background-color:#fff;width:29px;height:19px;border-radius:100%;left:3px;top:6px;border:1px solid #000}.comment-action button .icon-comment[data-v-7b6b77da]:after{content:"";position:absolute;background-color:#fff;width:7px;height:10px;top:16px;left:6px;transform:skewY(-45deg);border-left:1.5px solid #000;border-bottom:1.5px solid #000}.comment-action button .icon-comment[data-v-7b6b77da]:hover{border-radius:6px;background-color:#bbb}.comment-action button .icon-comment.has-comment[data-v-7b6b77da]:after,.comment-action button .icon-comment.has-comment[data-v-7b6b77da]:before{background-color:#fc6}.comment-action button .icon-comment.has-comment span[data-v-7b6b77da]{position:absolute;background-color:#630;width:35%;height:1px;left:30%;top:37%}.comment-action button .icon-comment.has-comment span[data-v-7b6b77da]:before{content:"";position:absolute;background-color:#630;width:100%;height:100%;top:4px;left:0}.comment-action button:hover .icon-comment[data-v-7b6b77da]{opacity:1}.kink-category[data-v-2566a740]{background-color:#fff;border-radius:3px;padding:.5em;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}header[data-v-2566a740]{display:flex;align-items:center;gap:.2em}h2[data-v-2566a740]{flex:1}button[data-v-2566a740]{width:30px;aspect-ratio:1;border:0;cursor:pointer}button[data-v-2566a740]:hover{background-color:rgba(0,0,0,.1)}.category-kinks[data-v-2566a740]{display:flex;flex-direction:column;gap:.25em;padding:.25em .25em 0}.add-kink[data-v-2566a740]{outline:1px solid rgba(0,128,0,.5);outline-offset:-1px;filter:saturate(0);color:#090}.add-kink[data-v-2566a740]:hover{filter:saturate(1)}.edit-category[data-v-2566a740]{outline:1px solid rgba(0,0,228,.4);outline-offset:-1px;filter:saturate(0);color:#00c}.edit-category[data-v-2566a740]:hover{filter:saturate(1)}.remove-category[data-v-2566a740]{outline:1px solid rgba(228,0,0,.4);outline-offset:-1px;filter:saturate(0);color:#c00}.remove-category[data-v-2566a740]:hover{filter:saturate(1)}.upload-dialog-content[data-v-5cdc07cb]{width:400px;padding:0 10px 10px}.upload-dialog-content h3[data-v-5cdc07cb]{margin:.5em 0 .2em}.upload-dialog-content>.row[data-v-5cdc07cb]{display:flex;gap:5px}.upload-dialog-content input[data-v-5cdc07cb]{flex:1;height:28px;font-family:Courier New,Courier,monospace;text-align:center;font-size:16px}.upload-dialog-content textarea[data-v-5cdc07cb]{flex:1;height:100px;font-family:Courier New,Courier,monospace;text-align:left;font-size:16px}.upload-dialog-content .clipboard[data-v-5cdc07cb]{--btnbg:#ddd;position:relative;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:var(--btnbg);border:0}.upload-dialog-content .clipboard[data-v-5cdc07cb]:hover{--btnbg:#bbb}.upload-dialog-content .clipboard[data-v-5cdc07cb]:after,.upload-dialog-content .clipboard[data-v-5cdc07cb]:before{content:"";position:absolute;width:40%;height:60%;border:1px solid #333;outline:solid var(--btnbg) 1px;background-color:var(--btnbg)}.upload-dialog-content .clipboard[data-v-5cdc07cb]:before{transform:translate(2px,2px)}.upload-dialog-content .clipboard[data-v-5cdc07cb]:after{transform:translate(-2px,-2px)}.upload-dialog-content a[data-v-5cdc07cb]{--btnbg:#ddd;text-decoration:none;width:28px;height:28px;background-color:var(--btnbg);position:relative}.upload-dialog-content a[data-v-5cdc07cb]:hover{--btnbg:#bbb}.upload-dialog-content a[data-v-5cdc07cb]:before{content:"";position:absolute;left:5px;bottom:5px;width:14px;height:14px;border:1px solid #333}.upload-dialog-content a[data-v-5cdc07cb]:after{content:"";position:absolute;right:5px;top:5px;width:14px;height:14px;border:1px solid #333;border-width:1px 1px 0 0;background:linear-gradient(-45deg,transparent,transparent 30%,var(--btnbg) 0,var(--btnbg) 48%,#333 0,#333 52%,var(--btnbg) 0,var(--btnbg) 70%,transparent 0)}.toast[data-v-5cdc07cb]{position:absolute;background-color:#222;color:#fff;padding:1em 2em;border-radius:7px;bottom:-75px;left:50%;width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translateX(-50%)}.slide-enter-active[data-v-5cdc07cb],.slide-leave-active[data-v-5cdc07cb]{transition:all .3s}.slide-enter[data-v-5cdc07cb]{opacity:0;margin-bottom:30px}.slide-leave-to[data-v-5cdc07cb]{opacity:0;margin-bottom:-30px}.error-dialog-content[data-v-7541c70d]{width:400px;padding:10px}.about-dialog-content[data-v-53268a70]{width:400px;width:max(400px,min(80vw,650px));padding:10px}.about-dialog-content p[data-v-53268a70]:first-child{margin-top:0}button[data-v-6d7d4f79]{background-color:#246;color:#fff;font-weight:700;font-size:18px;border:0;width:150px;border-radius:4px;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-text[data-v-6d7d4f79]{position:absolute}svg[data-v-6d7d4f79]{position:absolute;top:0;left:0;right:0;bottom:0}rect[data-v-6d7d4f79]{width:100%;height:100%;fill:transparent;stroke-width:10px;stroke:#fff;stroke-dasharray:30 150;stroke-linecap:round;-webkit-animation:dashoffset-data-v-6d7d4f79 1.75s linear infinite,pulse-data-v-6d7d4f79 .75s infinite;animation:dashoffset-data-v-6d7d4f79 1.75s linear infinite,pulse-data-v-6d7d4f79 .75s infinite;filter:blur(3.5px)}@-webkit-keyframes dashoffset-data-v-6d7d4f79{0%{stroke-dashoffset:0}to{stroke-dashoffset:360}}@keyframes dashoffset-data-v-6d7d4f79{0%{stroke-dashoffset:0}to{stroke-dashoffset:360}}@-webkit-keyframes pulse-data-v-6d7d4f79{10%{opacity:1}60%{opacity:0}to{opacity:1}}@keyframes pulse-data-v-6d7d4f79{10%{opacity:1}60%{opacity:0}to{opacity:1}}.slide-enter-active[data-v-6d7d4f79],.slide-leave-active[data-v-6d7d4f79]{transition:all .35s}.slide-enter[data-v-6d7d4f79]{opacity:0;transform:translateY(-50%)}.slide-leave-to[data-v-6d7d4f79]{opacity:0;transform:translateY(50%)}main[data-v-c3dda818]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1em}p[data-v-c3dda818]{font-size:3rem}.loading-indicator[data-v-c3dda818]{--size:min(30vh,min(200px,30vw));--borderSize:max(2px,calc(var(--size)/10));width:var(--size);height:var(--size);border:solid transparent var(--borderSize);border-top-color:#000;border-radius:50%;-webkit-animation:spin-data-v-c3dda818 1s linear infinite;animation:spin-data-v-c3dda818 1s linear infinite}@-webkit-keyframes spin-data-v-c3dda818{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-c3dda818{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ratings-dialog-content[data-v-246deac4]{display:flex;flex-direction:column;padding:0 10px 10px;gap:5px;width:355px}.ratings-head[data-v-246deac4]{display:flex}.ratings-head h3[data-v-246deac4]{flex:1}.ratings-head .icon-button[data-v-246deac4]{width:25px;height:25px;outline:1px solid #060;outline-offset:-1px;color:#090}.ratings-head .icon-button[data-v-246deac4]:hover{background-color:#cfc}.ratings[data-v-246deac4]{display:flex;padding:0;margin:0;flex-direction:column;gap:.5em}.rating[data-v-246deac4]{display:flex;padding:0;margin:0;gap:5px;align-items:flex-end}label[data-v-246deac4]{display:flex;flex-direction:column;font-size:12px;align-items:stretch}input[data-v-246deac4]{font-family:Arial;font-size:16px;padding:.12em .2em;width:150px;height:25px;border:1px solid #666}.remove-rating[data-v-246deac4]{width:25px;height:25px;outline:1px solid #600;outline-offset:-1px;color:#900}.remove-rating[data-v-246deac4]:hover{background-color:#fcc}.actions[data-v-246deac4]{display:flex;align-items:center;justify-content:flex-end;gap:.4em}.dialog-action[data-v-246deac4]{padding:.35em .7em;background-color:#fff;border:1px solid rgba(0,0,0,.2);font-size:16px}.dialog-action[data-v-246deac4]:hover{border:1px solid rgba(0,0,0,.4)}.dialog-action.action-primary[data-v-246deac4]{background-color:#246;color:#fff;font-weight:700}.dialog-action.action-primary[data-v-246deac4]:hover{background-color:#369}.legend[data-v-7deff634]{display:flex;align-items:center;min-height:37px;background-color:rgba(0,0,0,.1);border-radius:4px;padding:0 .5em 0 .5em;gap:.5em}dl[data-v-7deff634]{display:flex;gap:.5em;padding:.5em 0;margin:0;border-radius:4px}dd[data-v-7deff634]{-webkit-margin-start:0;margin-inline-start:0;padding-top:2px}.rating[data-v-7deff634]{position:relative;display:flex;gap:.3em;isolation:isolate;background-color:#fff;border:1px solid rgba(0,0,0,.35);border-radius:100vw;padding:.2em .5em .2em .3em}.color[data-v-7deff634]{display:block;width:20px;height:20px;background-color:var(--color);border:1px solid rgba(0,0,0,.75);border-radius:50%}.edit-legend[data-v-7deff634]{color:#fff;width:31px;height:31px;border-radius:3px;background-color:rgba(0,0,0,.4)}.edit-legend[data-v-7deff634]:hover{background-color:#000}*,:after,:before{box-sizing:border-box}body,html{font-family:Arial;width:100%;height:100%;background:#e2e2e8}body,h1,h2,h3,h4,h5,html{padding:0;margin:0}button{cursor:pointer}.spacer{flex:1}.hide-text,.sr-only{position:absolute;color:transparent;font-size:0}.icon-button{border:0;background:transparent;position:relative}.icon-button:hover .tooltip{position:absolute;left:50%;top:100%;margin-top:4px;background-color:#333;font-size:1em;color:#fff;white-space:nowrap;padding:.25em .5em;border-radius:4px;transform:translateX(-50%);isolation:isolate;pointer-events:none;z-index:1;transition:background-color .2s ease-in-out,color .2s ease-in-out}.icon-button:hover .tooltip:before{content:"";position:absolute;top:0;left:50%;width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);background:inherit;z-index:-1;pointer-events:none}.icon-button:hover .tooltip.tooltip-left{top:50%;left:auto;right:100%;margin-top:0;margin-right:4px;transform:translateY(-50%)}.icon-button:hover .tooltip.tooltip-left:before{top:50%;left:100%}.add-icon:after,.add-icon:before{content:"";position:absolute;width:10%;height:60%;left:45%;top:20%;background-color:currentColor;border-radius:100vh}.add-icon:after{transform:rotate(90deg)}.edit-icon:after,.edit-icon:before{--base-transform:translate(-50%,-50%) rotate(45deg);content:"";position:absolute;width:10%;height:10%;left:50%;top:50%;background-color:currentColor}.edit-icon:before{transform:var(--base-transform) translateY(-260%)}.edit-icon:after{height:57%;-webkit-clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);transform:var(--base-transform) translateY(20%)}.remove-icon:after,.remove-icon:before{content:"";position:absolute;width:10%;height:70%;left:45%;top:15%;background-color:currentColor}.remove-icon:before{transform:rotate(45deg)}.remove-icon:after{transform:rotate(-45deg)}.fade-enter-active,.fade-leave-active{transition:opacity .35s}.fade-enter,.fade-leave-to{opacity:0}.app[data-v-4570e5ca]{display:flex;flex-direction:column;gap:1em}header[data-v-4570e5ca]{background-color:#eee;display:flex;padding:10px;gap:1em;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}@media(min-width:1200px){header[data-v-4570e5ca]{--h-padding:calc(50vw - min(100vw, 1700px)/2);padding-left:var(--h-padding);padding-right:var(--h-padding)}}@media(max-width:1199px){header[data-v-4570e5ca]{flex-direction:column}header .dropdown-container[data-v-4570e5ca],header>button[data-v-4570e5ca]{height:37px}}h1[data-v-4570e5ca]{margin:0}main[data-v-4570e5ca]{padding-bottom:2em;display:flex;gap:1em;max-width:min(100vw,1700px);width:100%;margin:0 auto}.dropdown-toggle[data-v-4570e5ca]{background-color:#246;border:0;border-radius:4px;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:37px}.dropdown-toggle[data-v-4570e5ca]:before{position:absolute;content:"";border:3px solid #fff;border-top-color:transparent;border-left-color:transparent;width:40%;height:40%;transform:translateY(-25%) rotate(45deg)}.dropdown-container[data-v-4570e5ca]{position:relative}.backdrop[data-v-4570e5ca]{position:fixed;background-color:#000;opacity:.2;top:0;left:0;right:0;bottom:0;z-index:1}.options-dropdown-content[data-v-4570e5ca]{position:absolute;margin-top:10px;right:0;width:200px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:10px;z-index:2}.option.checkbox input[data-v-4570e5ca]{display:none}.option.checkbox label[data-v-4570e5ca]{position:relative;cursor:pointer;padding-left:calc(20px + .3em);height:24px;font-size:16px;line-height:24px;display:block}.option.checkbox label[data-v-4570e5ca]:after,.option.checkbox label[data-v-4570e5ca]:before{content:"";position:absolute;left:0;top:2px;display:block}.option.checkbox label[data-v-4570e5ca]:before{width:20px;height:20px;border:2px solid #000;transition:background-color .2s ease-in-out}.option.checkbox label[data-v-4570e5ca]:after{width:0;height:0;transition:height .2s ease-in,width .2s ease-out .2s;border:2px solid #fff;border-top-color:transparent;border-right-color:transparent;transform-origin:top left;transform:translateY(8px) translateX(3px) rotate(-40deg)}.option.checkbox input:checked+label[data-v-4570e5ca]:before{background-color:#000}.option.checkbox input:checked+label[data-v-4570e5ca]:after{height:8px;width:13px}.about-btn[data-v-4570e5ca]{border:0;padding-left:calc(20px + .3em);font-size:16px;line-height:24px;cursor:pointer}input[data-v-4570e5ca]{border:1px solid rgba(0,0,0,.25);border-radius:5px;padding:5px 10px;height:35px}.add-category-btn[data-v-4570e5ca]{position:fixed;bottom:1em;right:1em;background-color:#246;font-size:1.5em;cursor:pointer;width:50px;height:50px;border-radius:50%;color:#fff}.add-category-btn[data-v-4570e5ca]:after,.add-category-btn[data-v-4570e5ca]:before{transition:transform .3s ease-in-out}.add-category-btn[data-v-4570e5ca]:hover{background-color:#369}.add-category-btn[data-v-4570e5ca]:hover:before{transform:rotate(90deg)}.add-category-btn[data-v-4570e5ca]:hover:after{transform:rotate(180deg)}.column[data-v-4570e5ca]{display:flex;flex-direction:column;gap:1em;flex:1}