.techbox_container.svelte-n2h289{position:relative;padding:30px 10px;box-sizing:border-box;width:100%}.techbox_container.has-max-height.svelte-n2h289{max-height:var(--max-height, none);display:flex;flex-direction:column}.techbox_container.has-max-height.svelte-n2h289 .techbox:where(.svelte-n2h289){max-height:100%;overflow:hidden}@media screen and (max-width: 768px){.techbox_container.has-max-height.svelte-n2h289 .techbox_frame_bottom_left:where(.svelte-n2h289),.techbox_container.has-max-height.svelte-n2h289 .techbox_frame_bottom_right:where(.svelte-n2h289){display:none}}.techbox_container.animate.svelte-n2h289{opacity:0;transform:scale(.94);transition:opacity var(--animation-duration) cubic-bezier(.16,1,.3,1),transform var(--animation-duration) cubic-bezier(.16,1,.3,1)}.techbox_container.animate.mounted.svelte-n2h289{opacity:1;transform:scale(1)}.techbox_frame.svelte-n2h289{position:absolute;width:140px;height:140px;background:var(--border-special);clip-path:polygon(50% 0,calc(100% - 25px) 0,100% 25px,100% 50%,calc(100% - var(--fw)) calc(50% - var(--fw)),calc(100% - var(--fw)) calc(25px + var(--fw)),calc(100% - 25px - var(--fw)) var(--fw),calc(50% + var(--fw)) var(--fw));transition:opacity calc(var(--animation-duration) * .6) ease-out,transform calc(var(--animation-duration) * .6) cubic-bezier(.34,1.56,.64,1);transition-delay:var(--delay, 0ms);pointer-events:none}.techbox_frame_top_right.svelte-n2h289{top:3px;right:5px}.techbox_frame_top_left.svelte-n2h289{top:3px;left:5px;transform:rotate(-90deg)}.techbox_frame_bottom_right.svelte-n2h289{bottom:3px;right:5px;transform:rotate(90deg)}.techbox_frame_bottom_left.svelte-n2h289{bottom:3px;left:5px;transform:rotate(180deg)}.animate.svelte-n2h289 .techbox_frame:where(.svelte-n2h289){opacity:0}.animate.mounted.svelte-n2h289 .techbox_frame:where(.svelte-n2h289){opacity:1}.animate.svelte-n2h289 .techbox_frame_top_right:where(.svelte-n2h289){transform:translate(15px,-15px)}.animate.mounted.svelte-n2h289 .techbox_frame_top_right:where(.svelte-n2h289){transform:translate(0)}.animate.svelte-n2h289 .techbox_frame_top_left:where(.svelte-n2h289){transform:rotate(-90deg) translate(15px,-15px)}.animate.mounted.svelte-n2h289 .techbox_frame_top_left:where(.svelte-n2h289){transform:rotate(-90deg) translate(0)}.animate.svelte-n2h289 .techbox_frame_bottom_right:where(.svelte-n2h289){transform:rotate(90deg) translate(15px,-15px)}.animate.mounted.svelte-n2h289 .techbox_frame_bottom_right:where(.svelte-n2h289){transform:rotate(90deg) translate(0)}.animate.svelte-n2h289 .techbox_frame_bottom_left:where(.svelte-n2h289){transform:rotate(180deg) translate(15px,-15px)}.animate.mounted.svelte-n2h289 .techbox_frame_bottom_left:where(.svelte-n2h289){transform:rotate(180deg) translate(0)}.techbox.svelte-n2h289{position:relative;display:flex;flex-direction:column;min-height:100px;clip-path:polygon(calc(100% - 40px) 0,calc(100% - 20px) 20px,calc(100% - 20px) 80px,100% 100px,100% 40%,calc(100% - 20px) calc(40% + 20px),calc(100% - 20px) calc(100% - 20px),calc(100% - 40px) 100%,calc(0% + 40px) 100%,calc(0% + 20px) calc(100% - 20px),calc(0% + 20px) calc(100% - 80px),0 calc(100% - 100px),0 60%,calc(0% + 20px) calc(60% - 20px),calc(0% + 20px) 20px,calc(0% + 40px) 0);box-shadow:inset 0 -15px 10px -15px var(--color-primary);background:var(--bg-gradient-min);backdrop-filter:var(--card-backdrop-blur);-webkit-backdrop-filter:var(--card-backdrop-blur);border:1px solid var(--color-primary)}.techbox_borders.svelte-n2h289{background:var(--border-special);position:absolute;overflow:visible;border:none;pointer-events:none}.techbox_border_right.svelte-n2h289{height:100%;width:40px;top:0;right:0;clip-path:polygon(0% 0%,100% 0%,calc(100% - 20px) 20px,calc(100% - 20px) calc(60% - 19px),0 calc(60% + 1px),0 calc(100% - 100px),calc(100% - 20px) calc(100% - 80px),calc(100% - 20px) calc(100% - 20px),100% 100%,0% 100%);transform:rotate(180deg)}.techbox_border_left.svelte-n2h289{height:100%;width:40px;top:0;left:0;clip-path:polygon(0% 0%,100% 0%,calc(100% - 20px) 20px,calc(100% - 20px) calc(60% - 19px),0 calc(60% + 1px),0 calc(100% - 100px),calc(100% - 20px) calc(100% - 80px),calc(100% - 20px) calc(100% - 20px),100% 100%,0% 100%)}.techbox_content.svelte-n2h289{position:relative;z-index:10;width:100%;flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 40px;box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}.techbox_content.svelte-n2h289::-webkit-scrollbar{width:6px}.techbox_content.svelte-n2h289::-webkit-scrollbar-track{background:transparent}.techbox_content.svelte-n2h289::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px;opacity:.5}.techbox_content.svelte-n2h289::-webkit-scrollbar-thumb:hover{background:var(--color-highlight)}@media screen and (max-width: 800px){.techbox_content.svelte-n2h289{padding:20px 36px}}@media screen and (max-width: 500px){.techbox_container.svelte-n2h289{padding:10px 5px}.techbox_frame.svelte-n2h289{display:none}.techbox_content.svelte-n2h289{padding:16px 32px}.techbox.svelte-n2h289{clip-path:polygon(calc(100% - 30px) 0,calc(100% - 15px) 15px,calc(100% - 15px) 60%,100% calc(60% + 15px),100% calc(100% - 100px),calc(100% - 15px) calc(100% - 85px),calc(100% - 15px) calc(100% - 15px),calc(100% - 30px) 100%,calc(0% + 30px) 100%,calc(0% + 15px) calc(100% - 15px),calc(0% + 15px) calc(40% + 15px),0 40%,0 100px,calc(0% + 15px) 85px,calc(0% + 15px) 15px,calc(0% + 30px) 0)}.techbox_border_left.svelte-n2h289{width:30px;clip-path:polygon(0% 0%,100% 0%,calc(100% - 15px) 15px,calc(100% - 15px) 85px,0 100px,0 40%,calc(100% - 15px) calc(40% + 15px),calc(100% - 15px) calc(100% - 15px),100% 100%,0% 100%)}.techbox_border_right.svelte-n2h289{width:30px;clip-path:polygon(0% 0%,100% 0%,calc(100% - 15px) 15px,calc(100% - 15px) 85px,0 100px,0 calc(40% - 15px),calc(100% - 15px) 40%,calc(100% - 15px) calc(100% - 15px),100% 100%,0% 100%);transform:rotate(180deg)}}@media screen and (orientation: landscape) and (max-height: 500px){.techbox_container.svelte-n2h289{padding:20px 10px}.techbox_content.svelte-n2h289{padding:12px 30px}}