@import"https://fonts.googleapis.com/css2?family=Tektur:wght@400;700&display=swap";.home-view{display:flex;height:100%;overflow-y:auto}@media (min-width: 769px) and (max-width: 1024px){.robotised-animation{width:350px!important;height:350px!important}}@media (min-width: 1025px){.robotised-animation{width:500px!important;height:500px!important}}.flip-card-info-card{width:100%;--flip-card-height: 300px;--flip-card-transition-duration: 1.5s;--flip-card-border-radius: var(--lumo-border-radius-l);--flip-card-box-shadow: none;--flip-card-background-color-front: white;--flip-card-background-color-back: linear-gradient(var(--lumo-shade-5pct), var(--lumo-shade-5pct))}.flip-card-info-card .front-card,.flip-card-info-card .back-card{height:300px}.flip-card-info-card .back-card{background:linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct));padding-left:10px;padding-right:10px}.flip-card-info-card vaadin-form-item:nth-of-type(4)::part(label){margin-bottom:0;margin-left:0}.certificate-view ol{grid-template-columns:repeat(auto-fill,minmax(368px,1fr))}.portfolio-view ol{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.portfolio-view li{transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:background-color,box-shadow}.portfolio-view li:hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s)}vaadin-vertical-layout.admin-dashboard-view>vaadin-vertical-layout:nth-child(2){padding:0}#overlay>h3{padding-top:var(--lumo-space-l);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l)}#overlay::part(content){padding:0}#overlay vaadin-form-layout{width:fit-content!important;margin-left:var(--lumo-space-l);margin-right:var(--lumo-space-l);margin-top:var(--lumo-space-m)}#overlay vaadin-horizontal-layout{justify-content:space-between;width:100%;background-color:var(--lumo-contrast-5pct);padding:var(--lumo-space-s) var(--lumo-space-m)}.crud-portfolio vaadin-horizontal-layout{flex-wrap:wrap}.crud-certificate vaadin-horizontal-layout{flex-wrap:wrap}.blog-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.blog-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.blog-view .preview-container{display:contents}.blog-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.blog-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.blog-view[dragging] .layout:not([style*="gap:"]){gap:8px}.blog-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.blog-view .cover-overlay{position:absolute;border-radius:1px}.blog-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.blog-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.blog-view .overlays,.blog-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.blog-view:not([dragging]) .drop-zones{pointer-events:none}.blog-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.blog-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.blog-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.blog-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index:-1}.blog-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.blog-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.blog-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.blog-view[readonly] .drop-zones,.blog-view[readonly] .overlays,.blog-view[inline-editing] .drop-zones,.blog-view[inline-editing] .overlays{display:none}.blog-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.blog-view[dragging] vaadin-form-layout{padding:8px}.blog-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.blog-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}:root{--vaadin-app-layout-drawer-width: 13em;--theme-label-system: "OS";--theme-label-light: "Day";--theme-label-dark: "Night"}vaadin-app-layout::part(drawer){padding:1rem}.custom-router-link{text-decoration:none}:root{--my-tekture-font: "Tektur", sans-serif}html{--my-tekture-font: "Tektur", sans-serif}.custom-scrollbar::part(input-field),.custom-scrollbar::part(content),.custom-scrollbar .v-grid-scroller{scrollbar-width:thin;scrollbar-color:var(--lumo-tertiary-text-color)}@media (pointer: fine) and (hover: hover){*{scrollbar-width:thin;scrollbar-color:var(--lumo-tertiary-text-color) transparent}.custom-scrollbar::part(input-field),.custom-scrollbar::part(content),.custom-scrollbar .v-grid-scroller{scrollbar-width:thin;scrollbar-color:var(--lumo-contrast-10pct) transparent}}