#bubbles-frontend{--bbls-base-size:var(--dio-button-size,10vh);--bbls-border-radius:var(--dio-rem-radius,1em);--bbls-button-border-radius:var(--dio-relative-radius,50%);--bbls-grid-gap:var(--grid-gap,.5rem);--bbls-aspect-ratio:1/1;--bbls-mask-image:none;--bbls-text-color:var(--text-color,#000);--bbls-button-text-color:var(--button-text-color,#000);--bbls-button-background-color:var(--button-background-color,#000);--bbls-accent-color:var(--accent-color,purple);--bbls-accent-color-inv:var(--accent-color-inv,purple);--bbls-background-color:var(--background-color,#fff);--bbls-secondary-font:var(--secondary-font,sans-serif);height:100%;font-family:var(--secondary-font);color:var(--bbls-text-color);background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:1em;position:relative}#bubbles-frontend li{all:initial;z-index:3;margin:0 0 1rem;display:block}#bubbles-frontend li figure a{grid-template-columns:repeat(2,1fr);align-items:center;display:grid}#bubbles-frontend li img,#bubbles-frontend li p.initials,#bubbles-frontend li .svg-inside,#bubbles-frontend li video{all:initial;aspect-ratio:var(--bbls-aspect-ratio);font-family:var(--secondary-font);-o-object-fit:cover;object-fit:cover;background-color:lch(from var(--bbls-accent-color)l c var(--personal-custom-hue,h));margin:0 0 0 auto;overflow:hidden}#bubbles-frontend li img[src=""],#bubbles-frontend li img:not([src]),#bubbles-frontend li p.initials[src=""],#bubbles-frontend li p.initials:not([src]),#bubbles-frontend li .svg-inside[src=""],#bubbles-frontend li .svg-inside:not([src]),#bubbles-frontend li video[src=""],#bubbles-frontend li video:not([src]){width:150px}#bubbles-frontend li .svg-inside svg path{fill:var(--bbls-button-text-color)}#bubbles-frontend li p.initials,#bubbles-frontend li .svg-inside{width:100%;height:100%;color:var(--bbls-button-text-color);justify-content:center;align-items:center;display:flex}#bubbles-frontend li p.initials span{display:none}#bubbles-frontend li p.initials .dio-tiny{font-size:calc(var(--bbls-base-size)/2);display:initial!important;font-weight:var(--boldFontWeight)!important}#bubbles-frontend li.bubble-primary img{border:2px solid var(--bbls-accent-color)}#bubbles-frontend li.bubble-user img{border:1px solid var(--bbls-background-color)}#bubbles-frontend li.bubble-user.current a>*{border-color:var(--bbls-accent-color-inv);border-width:2px}#bubbles-frontend li.bubble-user img.masked{border:none}#bubbles-frontend li.bubble-user.current:has(.masked){outline:2px solid var(--bbls-accent-color-inv);outline-offset:2px;border-radius:var(--bbls-button-border-radius);aspect-ratio:1}#bubbles-frontend li.bubble-initials p{border:1px solid var(--bbls-background-color)}#bubbles-frontend li.bubble-attachment{min-height:calc(var(--bbls-base-size)*var(--rel-size));-o-object-fit:contain;object-fit:contain}#bubbles-frontend li.bubble-attachment img,#bubbles-frontend li.bubble-attachment video{min-height:initial;-o-object-fit:contain;object-fit:contain;aspect-ratio:initial;background-color:#0000;border-radius:0}#bubbles-frontend li.bubble-transparent img{background-color:#0000;border:none}#bubbles-frontend li img.masked,#bubbles-frontend li div.masked,#bubbles-frontend li p.masked,#bubbles-frontend li video.masked{-webkit-mask-image:var(--bbles-mask-image,none);-webkit-mask-image:var(--bbles-mask-image,none);mask-image:var(--bbles-mask-image,none);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#bubbles-frontend li img.masked,#bubbles-frontend li p.masked,#bubbles-frontend li div.masked svg,#bubbles-frontend li video.masked{border-radius:0}#bubbles-frontend li.mask p{text-align:center;border-radius:0!important}#bubbles-frontend li.background{z-index:1}#bubbles-frontend li.foreground{z-index:80}#bubbles-frontend li.foreground.bubble-attachment{z-index:90}#bubbles-frontend .bubbles-grid ul{grid-template-columns:repeat(auto-fit,minmax(calc(var(--bbls-base-size)*2),1fr));grid-auto-flow:dense;gap:var(--bbls-grid-gap);display:grid}#bubbles-frontend .bubbles-grid ul img{max-width:initial}#bubbles-frontend .bubbles-grid ul .bubble-primary{grid-row-end:span 2;grid-column-end:span 2}#bubbles-frontend .bubbles-grid ul .bubble-primary img{border:1px solid var(--bbls-background-color)}#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment){margin:0;line-height:0;position:relative;-webkit-mask-image:none!important;mask-image:none!important}#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment) figure a{display:block}#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment) figcaption{opacity:0;width:100%;max-width:initial;line-height:initial;background-color:lch(from var(--bbls-background-color)l c h/.8);padding:.5em 1em;transition:all .5s;position:absolute;transform:translateY(-100%)}#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment):hover figcaption{opacity:1}#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment) img,#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment) p.initials,#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment) .svg-inside,#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment) video{width:100%;min-height:initial;max-height:initial;border:1px solid var(--bbls-background-color);background-color:lch(from var(--bbls-accent-color)l c var(--personal-custom-hue,h));margin:0}#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment) img.masked,#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment) p.initials.masked,#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment) .svg-inside.masked,#bubbles-frontend .bubbles-grid ul li:not(.bubble-attachment) video.masked{-webkit-mask-image:none;mask-image:none}#bubbles-frontend .bubbles-shuffle li,#bubbles-frontend .bubbles-grid li.bubble-attachment{--rel-size:1;--pos-left:50%;--pos-top:calc(1rem + (var(--bbls-base-size)*var(--rel-size,1)/2));transform-origin:50%;left:var(--pos-left);top:var(--pos-top);position:absolute;overflow:hidden;transform:translate(-50%,-50%)}#bubbles-frontend .bubbles-shuffle li a,#bubbles-frontend .bubbles-grid li.bubble-attachment a{max-width:100%;display:block;overflow:hidden}#bubbles-frontend .bubbles-shuffle li img,#bubbles-frontend .bubbles-shuffle li p.initials,#bubbles-frontend .bubbles-shuffle li .svg-inside,#bubbles-frontend .bubbles-shuffle li video,#bubbles-frontend .bubbles-grid li.bubble-attachment img,#bubbles-frontend .bubbles-grid li.bubble-attachment p.initials,#bubbles-frontend .bubbles-grid li.bubble-attachment .svg-inside,#bubbles-frontend .bubbles-grid li.bubble-attachment video{border-radius:var(--bbls-button-border-radius);width:max(var(--bbls-base-size)*var(--rel-size,1),6rem*var(--rel-size,1))}#bubbles-frontend .bubbles-shuffle li figcaption,#bubbles-frontend .bubbles-grid li.bubble-attachment figcaption{display:none}#bubbles-frontend li.bubble-attachment img,#bubbles-frontend li.bubble-attachment video{border-radius:0!important}.category-full_width #bubbles-frontend .bubbles-grid ul{gap:0}.category-full_width #bubbles-frontend .bubbles-grid ul img{border-radius:0}.category-full_height #bubbles-frontend .bubbles-grid ul{margin-top:0}.bbls-toggle{display:none}.category-full_height .bbls-toggle{all:unset;aspect-ratio:1;border:1px solid var(--bbls-accent-color-inv);border-radius:var(--bbls-button-border-radius);background-color:var(--bbls-button-background-color);color:#0000;z-index:1000;background-image:url(../bubbles-grid.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;position:absolute;bottom:2rem;right:2rem}.category-full_height .bbls-toggle:hover{background-color:var(--bbls-accent-color-inv)}.category-full_height .bubbles-grid .bbls-toggle{background-image:url(../bubbles-shuffle.svg)}#bubbles-frontend svg{pointer-events:none;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#bubbles-frontend svg line{stroke:var(--accent-color,purple);stroke-width:var(--svg-stroke-width,2px)}#bubbles-frontend svg line.bubble-attachment{stroke-width:0}#bubbles-frontend>figure.fullscreen{background-color:lch(from var(--background-color)l c h/.75);z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;width:100%;height:100%;transition:all 1s;position:fixed;top:0}#bubbles-frontend>figure.fullscreen img,#bubbles-frontend>figure.fullscreen video{-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;max-height:100%}#bubbles-frontend>figure.fullscreen figcaption{background-color:var(--background-color);padding:.25rem 1rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.bubbles-text-content{-webkit-backdrop-filter:blur(2px)grayscale(0%)brightness(50%)contrast(50%);backdrop-filter:blur(2px)grayscale(0%)brightness(50%)contrast(50%);grid-template-columns:1fr min(var(--maxLineWidth,65rem),100% - 3rem)1fr;grid-template-rows:auto 1fr;row-gap:1ch;width:100%;height:100%;display:grid;position:absolute}.bubbles-text-content>*{text-align:justify;text-shadow:0 3px #00000080;grid-column:2}