@orangesk/cms-templates 1.0.0-beta.0 → 1.0.0-beta.2

package/README.md

@@ -1,3 +1,17 @@
 # CMS Templates
 
-TBA
+A package containing templates and components for CMS.
+
+## Installation
+
+```bash
+npm install @orangesk/cms-templates
+```
+
+## Included Assets
+
+This package includes the following resources:
+
+- **Fonts** - Web fonts for proper typography and styling
+- **Images** - Graphics and visual assets for components
+- **shame.css** - Additional stylesheet for component styling

package/build/assets/form-error.svg

@@ -0,0 +1,6 @@
+<svg width="100" height="101" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M81.1647 80.8835C89.2229 72.8253 93.75 61.896 93.75 50.5C93.75 39.104 89.223 28.1747 81.1647 20.1165C73.1065 12.0583 62.1773 7.53125 50.7813 7.53125C39.3852 7.53125 28.456 12.0583 20.3978 20.1165" stroke="white" stroke-width="2"/>
+<ellipse cx="51" cy="50.5" rx="37" ry="37.5" fill="#DA8436"/>
+<path d="M39.1836 63L62.8149 39" stroke="white" stroke-width="2"/>
+<path d="M39 39.1094L63 62.7407" stroke="white" stroke-width="2"/>
+</svg>

package/build/assets/form-success.svg

@@ -0,0 +1,5 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M81.1647 80.3835C89.2229 72.3253 93.75 61.396 93.75 50C93.75 38.604 89.223 27.6747 81.1647 19.6165C73.1065 11.5583 62.1773 7.03125 50.7813 7.03125C39.3852 7.03125 28.456 11.5583 20.3978 19.6165" stroke="white" stroke-width="2"/>
+<ellipse cx="51" cy="50" rx="37" ry="37.5" fill="#DA8436"/>
+<path d="M32.6758 50.4178L44.473 62.3906L68.1044 38.3906" stroke="white" stroke-width="2"/>
+</svg>

package/build/assets/form-waiting.svg

@@ -0,0 +1,7 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M81.1647 80.3835C89.2229 72.3253 93.75 61.396 93.75 50C93.75 38.604 89.223 27.6747 81.1647 19.6165C73.1065 11.5583 62.1773 7.03125 50.7813 7.03125C39.3852 7.03125 28.456 11.5583 20.3978 19.6165" stroke="white" stroke-width="2"/>
+<ellipse cx="51" cy="50" rx="37" ry="37.5" fill="#DA8436"/>
+<circle cx="35" cy="50" r="5" stroke="white" stroke-width="2"/>
+<circle cx="51" cy="50" r="5" stroke="white" stroke-width="2"/>
+<circle cx="67" cy="50" r="5" stroke="white" stroke-width="2"/>
+</svg>

package/build/assets/mirosoft-project.svg

@@ -0,0 +1,5 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.0742 50.4761C33.2272 50.4381 32.3812 50.5321 31.5342 50.3661C30.0742 50.0811 28.6072 49.8301 27.1442 49.5611C25.3542 49.2331 23.5652 48.8991 21.7752 48.5721C19.6492 48.1841 17.5222 47.7991 15.3962 47.4151C13.9572 47.1561 12.5172 46.9001 11.0592 46.6391V15.8761C11.6142 15.7721 12.1742 15.6631 12.7362 15.5611C13.7172 15.3831 14.7002 15.2111 15.6812 15.0351C17.2272 14.7561 18.7732 14.4771 20.3182 14.1961C21.6022 13.9631 22.8852 13.7271 24.1682 13.4931C25.5332 13.2431 26.8972 12.9941 28.2622 12.7451C29.5292 12.5131 30.7912 12.2441 32.0662 12.0661C32.7132 11.9761 33.3822 12.0501 34.0742 12.0501V50.4761ZM19.9072 33.5771C20.0132 33.5771 20.1042 33.5761 20.1962 33.5771C21.1192 33.5801 22.0422 33.7151 22.9652 33.5301C23.9082 33.3411 24.7242 32.9151 25.3902 32.2331C26.0652 31.5421 26.5022 30.7051 26.7602 29.7721C27.0342 28.7791 27.0242 27.7791 26.8272 26.7791C26.6652 25.9581 26.3512 25.2011 25.7742 24.5791C24.9302 23.6681 23.8282 23.3341 22.6412 23.3321C21.7882 23.3301 20.9352 23.4691 20.0842 23.5611C19.0512 23.6721 18.0192 23.7971 16.9872 23.9281C16.9132 23.9371 16.7952 24.0441 16.7932 24.1081C16.7682 24.9641 16.7562 25.8211 16.7512 26.6771C16.7492 26.9771 16.7872 27.2761 16.7852 27.5761C16.7802 28.2901 16.7562 29.0051 16.7512 29.7191C16.7492 30.0101 16.7872 30.3011 16.7852 30.5921C16.7802 31.3071 16.7562 32.0211 16.7512 32.7351C16.7492 33.0261 16.7872 33.3181 16.7852 33.6091C16.7802 34.3321 16.7592 35.0541 16.7502 35.7771C16.7442 36.1921 16.7482 36.6071 16.7492 37.0221C16.7492 37.1811 16.7552 37.3391 16.7592 37.4981C16.7652 37.7471 16.7962 37.9991 16.7712 38.2451C16.7542 38.4171 16.7732 38.4851 16.9582 38.5051C17.6272 38.5761 18.2952 38.6641 18.9642 38.7441C19.2752 38.7811 19.5862 38.8151 19.9072 38.8521V33.5771Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.4596 44.6851H36.0466C36.0466 44.5891 36.0466 44.5001 36.0466 44.4121C36.0476 43.6421 36.0536 42.8721 36.0436 42.1031C36.0416 41.9281 36.0976 41.8101 36.2186 41.6891C37.7016 40.2141 39.1796 38.7341 40.6576 37.2551C40.7276 37.1851 40.7936 37.1131 40.9126 36.9871C40.6826 36.7811 40.4586 36.5961 40.2526 36.3921C39.2846 35.4331 38.3206 34.4701 37.3566 33.5081C36.9496 33.1011 36.5446 32.6931 36.1446 32.2801C36.0926 32.2261 36.0516 32.1371 36.0516 32.0641C36.0486 29.8981 36.0526 27.7311 36.0546 25.5651C36.0546 25.5571 36.0576 25.5491 36.0646 25.5181H41.7756V29.2961H39.0306C40.2816 30.5481 41.5566 31.8231 42.8046 33.0711C44.0066 31.8661 45.2776 30.5931 46.5526 29.3151H43.7516C43.7516 28.8861 43.7546 28.4861 43.7516 28.0861C43.7466 27.4161 43.7316 26.7461 43.7316 26.0761C43.7306 25.3351 43.7386 24.5951 43.7506 23.8541C43.7556 23.5111 43.7646 23.5141 43.4236 23.5171C42.1716 23.5271 40.9196 23.5391 39.6676 23.5431C38.4706 23.5481 37.2736 23.5441 36.0616 23.5441V17.8301H49.4596V44.6851Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8656 30.9837V26.2077C20.6716 26.2257 21.4906 26.0427 22.3096 26.2417C23.0946 26.4337 23.5906 26.9127 23.7796 27.7027C23.9256 28.3167 23.9106 28.9307 23.6986 29.5217C23.4266 30.2817 22.8386 30.7147 22.0646 30.8267C21.3606 30.9297 20.6416 30.9327 19.8656 30.9837Z" fill="black"/>
+</svg>

package/build/assets/power-point.svg

@@ -0,0 +1,5 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.0742 50.4761C33.2272 50.4381 32.3812 50.5321 31.5342 50.3661C30.0742 50.0811 28.6072 49.8301 27.1442 49.5611C25.3542 49.2331 23.5652 48.8991 21.7752 48.5721C19.6492 48.1841 17.5222 47.7991 15.3962 47.4151C13.9572 47.1561 12.5172 46.9001 11.0592 46.6391V15.8761C11.6142 15.7721 12.1742 15.6631 12.7362 15.5611C13.7172 15.3831 14.7002 15.2111 15.6812 15.0351C17.2272 14.7561 18.7732 14.4771 20.3182 14.1961C21.6022 13.9631 22.8852 13.7271 24.1682 13.4931C25.5332 13.2431 26.8972 12.9941 28.2622 12.7451C29.5292 12.5131 30.7912 12.2441 32.0662 12.0661C32.7132 11.9761 33.3822 12.0501 34.0742 12.0501V50.4761ZM19.9072 33.5771C20.0132 33.5771 20.1042 33.5761 20.1962 33.5771C21.1192 33.5801 22.0422 33.7151 22.9652 33.5301C23.9082 33.3411 24.7242 32.9151 25.3902 32.2331C26.0652 31.5421 26.5022 30.7051 26.7602 29.7721C27.0342 28.7791 27.0242 27.7791 26.8272 26.7791C26.6652 25.9581 26.3512 25.2011 25.7742 24.5791C24.9302 23.6681 23.8282 23.3341 22.6412 23.3321C21.7882 23.3301 20.9352 23.4691 20.0842 23.5611C19.0512 23.6721 18.0192 23.7971 16.9872 23.9281C16.9132 23.9371 16.7952 24.0441 16.7932 24.1081C16.7682 24.9641 16.7562 25.8211 16.7512 26.6771C16.7492 26.9771 16.7872 27.2761 16.7852 27.5761C16.7802 28.2901 16.7562 29.0051 16.7512 29.7191C16.7492 30.0101 16.7872 30.3011 16.7852 30.5921C16.7802 31.3071 16.7562 32.0211 16.7512 32.7351C16.7492 33.0261 16.7872 33.3181 16.7852 33.6091C16.7802 34.3321 16.7592 35.0541 16.7502 35.7771C16.7442 36.1921 16.7482 36.6071 16.7492 37.0221C16.7492 37.1811 16.7552 37.3391 16.7592 37.4981C16.7652 37.7471 16.7962 37.9991 16.7712 38.2451C16.7542 38.4171 16.7732 38.4851 16.9582 38.5051C17.6272 38.5761 18.2952 38.6641 18.9642 38.7441C19.2752 38.7811 19.5862 38.8151 19.9072 38.8521V33.5771Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.4596 44.6851H36.0466C36.0466 44.5891 36.0466 44.5001 36.0466 44.4121C36.0476 43.6421 36.0536 42.8721 36.0436 42.1031C36.0416 41.9281 36.0976 41.8101 36.2186 41.6891C37.7016 40.2141 39.1796 38.7341 40.6576 37.2551C40.7276 37.1851 40.7936 37.1131 40.9126 36.9871C40.6826 36.7811 40.4586 36.5961 40.2526 36.3921C39.2846 35.4331 38.3206 34.4701 37.3566 33.5081C36.9496 33.1011 36.5446 32.6931 36.1446 32.2801C36.0926 32.2261 36.0516 32.1371 36.0516 32.0641C36.0486 29.8981 36.0526 27.7311 36.0546 25.5651C36.0546 25.5571 36.0576 25.5491 36.0646 25.5181H41.7756V29.2961H39.0306C40.2816 30.5481 41.5566 31.8231 42.8046 33.0711C44.0066 31.8661 45.2776 30.5931 46.5526 29.3151H43.7516C43.7516 28.8861 43.7546 28.4861 43.7516 28.0861C43.7466 27.4161 43.7316 26.7461 43.7316 26.0761C43.7306 25.3351 43.7386 24.5951 43.7506 23.8541C43.7556 23.5111 43.7646 23.5141 43.4236 23.5171C42.1716 23.5271 40.9196 23.5391 39.6676 23.5431C38.4706 23.5481 37.2736 23.5441 36.0616 23.5441V17.8301H49.4596V44.6851Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8656 30.9837V26.2077C20.6716 26.2257 21.4906 26.0427 22.3096 26.2417C23.0946 26.4337 23.5906 26.9127 23.7796 27.7027C23.9256 28.3167 23.9106 28.9307 23.6986 29.5217C23.4266 30.2817 22.8386 30.7147 22.0646 30.8267C21.3606 30.9297 20.6416 30.9327 19.8656 30.9837Z" fill="black"/>
+</svg>

package/build/assets/project.svg

@@ -0,0 +1,5 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.0742 50.4761C33.2272 50.4381 32.3812 50.5321 31.5342 50.3661C30.0742 50.0811 28.6072 49.8301 27.1442 49.5611C25.3542 49.2331 23.5652 48.8991 21.7752 48.5721C19.6492 48.1841 17.5222 47.7991 15.3962 47.4151C13.9572 47.1561 12.5172 46.9001 11.0592 46.6391V15.8761C11.6142 15.7721 12.1742 15.6631 12.7362 15.5611C13.7172 15.3831 14.7002 15.2111 15.6812 15.0351C17.2272 14.7561 18.7732 14.4771 20.3182 14.1961C21.6022 13.9631 22.8852 13.7271 24.1682 13.4931C25.5332 13.2431 26.8972 12.9941 28.2622 12.7451C29.5292 12.5131 30.7912 12.2441 32.0662 12.0661C32.7132 11.9761 33.3822 12.0501 34.0742 12.0501V50.4761ZM19.9072 33.5771C20.0132 33.5771 20.1042 33.5761 20.1962 33.5771C21.1192 33.5801 22.0422 33.7151 22.9652 33.5301C23.9082 33.3411 24.7242 32.9151 25.3902 32.2331C26.0652 31.5421 26.5022 30.7051 26.7602 29.7721C27.0342 28.7791 27.0242 27.7791 26.8272 26.7791C26.6652 25.9581 26.3512 25.2011 25.7742 24.5791C24.9302 23.6681 23.8282 23.3341 22.6412 23.3321C21.7882 23.3301 20.9352 23.4691 20.0842 23.5611C19.0512 23.6721 18.0192 23.7971 16.9872 23.9281C16.9132 23.9371 16.7952 24.0441 16.7932 24.1081C16.7682 24.9641 16.7562 25.8211 16.7512 26.6771C16.7492 26.9771 16.7872 27.2761 16.7852 27.5761C16.7802 28.2901 16.7562 29.0051 16.7512 29.7191C16.7492 30.0101 16.7872 30.3011 16.7852 30.5921C16.7802 31.3071 16.7562 32.0211 16.7512 32.7351C16.7492 33.0261 16.7872 33.3181 16.7852 33.6091C16.7802 34.3321 16.7592 35.0541 16.7502 35.7771C16.7442 36.1921 16.7482 36.6071 16.7492 37.0221C16.7492 37.1811 16.7552 37.3391 16.7592 37.4981C16.7652 37.7471 16.7962 37.9991 16.7712 38.2451C16.7542 38.4171 16.7732 38.4851 16.9582 38.5051C17.6272 38.5761 18.2952 38.6641 18.9642 38.7441C19.2752 38.7811 19.5862 38.8151 19.9072 38.8521V33.5771Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.4596 44.6851H36.0466C36.0466 44.5891 36.0466 44.5001 36.0466 44.4121C36.0476 43.6421 36.0536 42.8721 36.0436 42.1031C36.0416 41.9281 36.0976 41.8101 36.2186 41.6891C37.7016 40.2141 39.1796 38.7341 40.6576 37.2551C40.7276 37.1851 40.7936 37.1131 40.9126 36.9871C40.6826 36.7811 40.4586 36.5961 40.2526 36.3921C39.2846 35.4331 38.3206 34.4701 37.3566 33.5081C36.9496 33.1011 36.5446 32.6931 36.1446 32.2801C36.0926 32.2261 36.0516 32.1371 36.0516 32.0641C36.0486 29.8981 36.0526 27.7311 36.0546 25.5651C36.0546 25.5571 36.0576 25.5491 36.0646 25.5181H41.7756V29.2961H39.0306C40.2816 30.5481 41.5566 31.8231 42.8046 33.0711C44.0066 31.8661 45.2776 30.5931 46.5526 29.3151H43.7516C43.7516 28.8861 43.7546 28.4861 43.7516 28.0861C43.7466 27.4161 43.7316 26.7461 43.7316 26.0761C43.7306 25.3351 43.7386 24.5951 43.7506 23.8541C43.7556 23.5111 43.7646 23.5141 43.4236 23.5171C42.1716 23.5271 40.9196 23.5391 39.6676 23.5431C38.4706 23.5481 37.2736 23.5441 36.0616 23.5441V17.8301H49.4596V44.6851Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8656 30.9837V26.2077C20.6716 26.2257 21.4906 26.0427 22.3096 26.2417C23.0946 26.4337 23.5906 26.9127 23.7796 27.7027C23.9256 28.3167 23.9106 28.9307 23.6986 29.5217C23.4266 30.2817 22.8386 30.7147 22.0646 30.8267C21.3606 30.9297 20.6416 30.9327 19.8656 30.9837Z" fill="black"/>
+</svg>

package/build/assets/soc-stats-1.svg

@@ -0,0 +1,7 @@
+<svg width="115" height="64" viewBox="0 0 115 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5V56.5C15 60.6421 11.6421 64 7.5 64C3.35786 64 0 60.6421 0 56.5V7.5Z" fill="#FF7900"/>
+<path d="M25 7.5C25 3.35786 28.3579 0 32.5 0C36.6421 0 40 3.35786 40 7.5V56.5C40 60.6421 36.6421 64 32.5 64C28.3579 64 25 60.6421 25 56.5V7.5Z" fill="#FF7900"/>
+<path d="M50 7.5C50 3.35786 53.3579 0 57.5 0C61.6421 0 65 3.35786 65 7.5V56.5C65 60.6421 61.6421 64 57.5 64C53.3579 64 50 60.6421 50 56.5V7.5Z" fill="#FF7900"/>
+<path d="M75 7.5C75 3.35786 78.3579 0 82.5 0C86.6421 0 90 3.35786 90 7.5V56.5C90 60.6421 86.6421 64 82.5 64C78.3579 64 75 60.6421 75 56.5V7.5Z" fill="#FF7900"/>
+<path d="M100 7.5C100 3.35786 103.358 0 107.5 0C111.642 0 115 3.35786 115 7.5V56.5C115 60.6421 111.642 64 107.5 64C103.358 64 100 60.6421 100 56.5V7.5Z" fill="#FF7900"/>
+</svg>

package/build/assets/soc-stats-2.svg

@@ -0,0 +1,21 @@
+<svg width="465" height="64" viewBox="0 0 465 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 7.5C0 3.35786 3.35786 0 7.5 0V0C11.6421 0 15 3.35786 15 7.5V56.5C15 60.6421 11.6421 64 7.5 64V64C3.35786 64 0 60.6421 0 56.5V7.5Z" fill="#999999"/>
+<path d="M25 7.5C25 3.35786 28.3579 0 32.5 0V0C36.6421 0 40 3.35786 40 7.5V56.5C40 60.6421 36.6421 64 32.5 64V64C28.3579 64 25 60.6421 25 56.5V7.5Z" fill="#999999"/>
+<path d="M50 7.5C50 3.35786 53.3579 0 57.5 0V0C61.6421 0 65 3.35786 65 7.5V56.5C65 60.6421 61.6421 64 57.5 64V64C53.3579 64 50 60.6421 50 56.5V7.5Z" fill="#999999"/>
+<path d="M75 7.5C75 3.35786 78.3579 0 82.5 0V0C86.6421 0 90 3.35786 90 7.5V56.5C90 60.6421 86.6421 64 82.5 64V64C78.3579 64 75 60.6421 75 56.5V7.5Z" fill="#999999"/>
+<path d="M100 7.5C100 3.35786 103.358 0 107.5 0V0C111.642 0 115 3.35786 115 7.5V56.5C115 60.6421 111.642 64 107.5 64V64C103.358 64 100 60.6421 100 56.5V7.5Z" fill="#999999"/>
+<path d="M125 7.5C125 3.35786 128.358 0 132.5 0V0C136.642 0 140 3.35786 140 7.5V56.5C140 60.6421 136.642 64 132.5 64V64C128.358 64 125 60.6421 125 56.5V7.5Z" fill="#999999"/>
+<path d="M150 7.5C150 3.35786 153.358 0 157.5 0V0C161.642 0 165 3.35786 165 7.5V56.5C165 60.6421 161.642 64 157.5 64V64C153.358 64 150 60.6421 150 56.5V7.5Z" fill="#999999"/>
+<path d="M175 7.5C175 3.35786 178.358 0 182.5 0V0C186.642 0 190 3.35786 190 7.5V56.5C190 60.6421 186.642 64 182.5 64V64C178.358 64 175 60.6421 175 56.5V7.5Z" fill="#999999"/>
+<path d="M200 7.5C200 3.35786 203.358 0 207.5 0V0C211.642 0 215 3.35786 215 7.5V56.5C215 60.6421 211.642 64 207.5 64V64C203.358 64 200 60.6421 200 56.5V7.5Z" fill="#999999"/>
+<path d="M225 7.5C225 3.35786 228.358 0 232.5 0V0C236.642 0 240 3.35786 240 7.5V56.5C240 60.6421 236.642 64 232.5 64V64C228.358 64 225 60.6421 225 56.5V7.5Z" fill="#999999"/>
+<path d="M250 7.5C250 3.35786 253.358 0 257.5 0V0C261.642 0 265 3.35786 265 7.5V56.5C265 60.6421 261.642 64 257.5 64V64C253.358 64 250 60.6421 250 56.5V7.5Z" fill="#999999"/>
+<path d="M275 7.5C275 3.35786 278.358 0 282.5 0V0C286.642 0 290 3.35786 290 7.5V56.5C290 60.6421 286.642 64 282.5 64V64C278.358 64 275 60.6421 275 56.5V7.5Z" fill="#999999"/>
+<path d="M300 7.5C300 3.35786 303.358 0 307.5 0V0C311.642 0 315 3.35786 315 7.5V56.5C315 60.6421 311.642 64 307.5 64V64C303.358 64 300 60.6421 300 56.5V7.5Z" fill="#999999"/>
+<path d="M325 7.5C325 3.35786 328.358 0 332.5 0V0C336.642 0 340 3.35786 340 7.5V56.5C340 60.6421 336.642 64 332.5 64V64C328.358 64 325 60.6421 325 56.5V7.5Z" fill="#999999"/>
+<path d="M350 7.5C350 3.35786 353.358 0 357.5 0V0C361.642 0 365 3.35786 365 7.5V56.5C365 60.6421 361.642 64 357.5 64V64C353.358 64 350 60.6421 350 56.5V7.5Z" fill="#999999"/>
+<path opacity="0.9" d="M375 7.5C375 3.35786 378.358 0 382.5 0V0C386.642 0 390 3.35786 390 7.5V56.5C390 60.6421 386.642 64 382.5 64V64C378.358 64 375 60.6421 375 56.5V7.5Z" fill="#999999"/>
+<path opacity="0.6" d="M400 7.5C400 3.35786 403.358 0 407.5 0V0C411.642 0 415 3.35786 415 7.5V56.5C415 60.6421 411.642 64 407.5 64V64C403.358 64 400 60.6421 400 56.5V7.5Z" fill="#999999"/>
+<path opacity="0.3" d="M425 7.5C425 3.35786 428.358 0 432.5 0V0C436.642 0 440 3.35786 440 7.5V56.5C440 60.6421 436.642 64 432.5 64V64C428.358 64 425 60.6421 425 56.5V7.5Z" fill="#999999"/>
+<path opacity="0.1" d="M450 7.5C450 3.35786 453.358 0 457.5 0V0C461.642 0 465 3.35786 465 7.5V56.5C465 60.6421 461.642 64 457.5 64V64C453.358 64 450 60.6421 450 56.5V7.5Z" fill="#999999"/>
+</svg>

package/build/changelog/index.html

@@ -0,0 +1,83 @@
+
+<!DOCTYPE html>
+<html lang="sk">
+<head>
+  <meta charstet="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="author" content="Lighting Beetle s.r.o." />
+  <link rel="shortcut icon" href="/assets/favicon.ico" />
+  <link rel="stylesheet" href="/lib/style.css" />
+  <link rel="stylesheet" href="/lib/megamenu.css" />
+  <link rel="stylesheet" href="/lib/footer.css" />
+  <link rel="stylesheet" href="/lib/fonts.css" />
+  <link rel="stylesheet" href="/shame.css" />
+  <title></title>
+</head>
+<body>
+  <div id="root">
+    <main>
+      <div id="MDX_ROOT_152f3974-bb96-43f6-a0b7-1454233df3ca"><div class="section"><div class="container"><h1>📝 Changelog</h1>
+<p>All notable changes to this project will be documented in this file.</p>
+<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-beta.0..dev">unreleased</a></h2>
+<h3>Added</h3>
+<ul>
+<li>Page <code>product-page-b2b-market-locator</code></li>
+</ul>
+<h3>Changed</h3>
+<ul>
+<li></li>
+</ul>
+<h3>Removed</h3>
+<ul>
+<li></li>
+</ul>
+<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-alpha.0..1.0.0-beta.0">1.0.0-beta.0</a> | 21. 10. 2025</h2>
+<h3>Added</h3>
+<ul>
+<li>Multiple page templates for CMS (Blog Človek, Press Center, Product Pages, Signpost, Device LP, Roaming, Pricelist, Basic Pages)</li>
+</ul>
+<h3>Changed</h3>
+<ul>
+<li>Updated page status tracking with completion indicators (🟢 Done | 🟠 WIP)</li>
+</ul>
+<h3>Removed</h3>
+<ul>
+<li></li>
+</ul>
+<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/tag/1.0.0-alpha.0">1.0.0-alpha.0</a> | 3. 9. 2025</h2>
+<h3>Added</h3>
+<ul>
+<li>Nastavenie repozititára</li>
+<li><code>Megamenu</code> pre CMS</li>
+<li>Homepage pre CMS</li>
+</ul>
+<h3>Changed</h3>
+<ul>
+<li></li>
+</ul>
+<h3>Removed</h3></div></div></div>
+    </main>
+  </div>
+  <div id="root-tooltips"></div>
+  <div id="root-dropdowns"></div>
+  <div id="root-modals"></div>
+  <script type="module" src="/lib/scripts.js"></script>
+  <script type="module" src="/lib/megamenu.js"></script>
+  
+  <script>
+    function toggleDarkMode() {
+      document.body.classList.toggle('is-dark');
+      document.querySelector("[data-megamenu]").classList.toggle("is-dark");
+      document.querySelector("footer").classList.toggle("is-dark");
+    }
+  </script>
+  <button
+    id="toggle-dark-mode"
+    style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;" class="btn btn--small"
+    onclick="toggleDarkMode()"
+  >
+    Dark mode
+  </button>
+  
+</body>
+</html>

package/build/components/ContactFormB2B/index.html

@@ -0,0 +1,29 @@
+
+<!DOCTYPE html>
+<html lang="sk">
+<head>
+  <meta charstet="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="author" content="Lighting Beetle s.r.o." />
+  <link rel="shortcut icon" href="/assets/favicon.ico" />
+  <link rel="stylesheet" href="/lib/style.css" />
+  <link rel="stylesheet" href="/lib/megamenu.css" />
+  <link rel="stylesheet" href="/lib/footer.css" />
+  <link rel="stylesheet" href="/lib/fonts.css" />
+  <link rel="stylesheet" href="/shame.css" />
+  <title></title>
+</head>
+<body class="is-dark">
+  <div id="root">
+    <main>
+      <link rel="preload" as="image" href="/assets/form-waiting.svg"/><link rel="preload" as="image" href="/assets/form-success.svg"/><link rel="preload" as="image" href="/assets/form-error.svg"/><div id="MDX_ROOT_51c2caa5-26da-439f-b84d-40147ce718f7"><div class="is-dark"><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb-large"><h2 class="h1 thin">Zaujala vás naša ponuka?</h2><p>Zanechajte nám vaše kontaktné údaje a my sa vám obratom ozveme. Spoločne nájdeme riešenie pre vaše podnikanie.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field"><div class="form-field__description"><label for="id-1" class="label form-field__label" id="id-1-label">Meno a Priezvisko</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-1" type="text" name="id-1"/></div></div><div class="form-field"><div class="form-field__description"><label for="id-2" class="label form-field__label" id="id-2-label">Telefonne cislo</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-2" type="text" name="id-2"/></div></div><div class="form-field"><div class="form-field__description"><label for="id-3" class="label form-field__label" id="id-3-label">Nazov spolocnosti alebo ICO</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-3" type="text" name="id-3"/></div></div><div class="form-field"><div class="form-field__description"><label for="id-4" class="label form-field__label" id="id-4-label">Obec vasho posobenia</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-4" type="text" name="id-4"/></div></div><div class="form-field mb-large form-field--radiocheck"><div class="form-field__control"><input class="checkbox" type="checkbox" id="id-5" name="id-5"/><div class="checkbox-display"></div></div><div class="form-field__description"><label for="id-5" class="label form-field__label" id="id-5-label">Súhlasím so spracovaním osobných údajov na marketingové účely. (súhlas je povinný) viac info</label></div></div><button type="submit" class="btn btn--primary fullwidth">Zavolajte mi</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1 thin">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-6" class="label form-field__label" id="id-6-label">PIN kód</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-6" type="text" name="id-6"/></div></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><button type="button" class="btn btn--large btn--ghost d-flex align-self-center">Preposlať nový kód</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-success.svg" alt="Successful SMS code verification"/><h2 class="h1 thin">Ďakujeme, údaje sme prijali!</h2><p class="text-secondary mb-large">Ozveme sa vám čo najskôr - spravidla do jedného pracovného dňa. Ak chcete, môžete sa medzitým dozvedieť viac o našich riešeniach pre firmy.</p><button type="submit" class="btn btn--large d-flex align-self-center">Pozrieť riešenia pre firmy</button></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-error.svg" alt="Error in SMS code verification"/><h2 class="h1 thin">Nesprávny sms kód</h2><p class="text-secondary mb-large">Zadaný kód nie je platný alebo jeho platnosť vypršala. Pošleme vám nový, aby ste mohli dokončiť odoslanie formulára.</p><button type="submit" class="btn btn--large d-flex align-self-center">Preposlať nový kód</button></div></div></div></div></div>
+    </main>
+  </div>
+  <div id="root-tooltips"></div>
+  <div id="root-dropdowns"></div>
+  <div id="root-modals"></div>
+  <script type="module" src="/lib/scripts.js"></script>
+  <script type="module" src="/lib/megamenu.js"></script>
+  
+</body>
+</html>

package/build/images/product-1.svg

@@ -0,0 +1,10 @@
+<svg width="92" height="184" viewBox="0 0 92 184" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <rect x="23.7148" y="48.1445" width="33.5365" height="33.5365" transform="rotate(45 23.7148 48.1445)" fill="#FF7900"/>
+  <rect x="47.4258" y="71.8555" width="33.5365" height="33.5365" transform="rotate(45 47.4258 71.8555)" fill="#FF7900"/>
+  <rect x="47.4258" y="24.4297" width="33.5365" height="33.5365" transform="rotate(45 47.4258 24.4297)" fill="#FFB400"/>
+  <rect x="47.4258" y="-23" width="33.5365" height="33.5365" transform="rotate(45 47.4258 -23)" fill="#D8D8D8"/>
+  <rect x="71.1406" y="95.5703" width="33.5365" height="33.5365" transform="rotate(45 71.1406 95.5703)" fill="#50BE87"/>
+  <rect x="71.1406" y="48.1445" width="33.5365" height="33.5365" transform="rotate(45 71.1406 48.1445)" fill="#FF7900"/>
+  <rect x="94.8516" y="24.4297" width="33.5365" height="33.5365" transform="rotate(45 94.8516 24.4297)" fill="#FF7900"/>
+</svg>

package/build/images/product-2.svg

@@ -0,0 +1,14 @@
+<svg viewBox="0 0 124 133" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_7100_3582)">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M69.6606 59.5651L86.9602 60.6065L80.2914 44.7336L100.185 16.9791L119.647 66.466L143.045 83.2368L126.241 106.68L102.868 89.9268L49.5312 87.6484L69.6606 59.5651Z" fill="#A885D8"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M35.2553 47.556L38.2309 55.4363L44.3134 49.4498L50.2387 50.6886L40.3898 60.2043L45.9154 73.5334L39.6899 72.2318L36.4151 63.7917L29.8823 70.1813L23.9341 68.9376L34.2724 58.9266L29.0922 46.2674L35.2553 47.556Z" fill="#50BE87"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9993 20.1636C13.2473 19.1456 11.7677 17.3894 10.6965 14.5601C9.65424 11.8071 9.58783 9.51681 10.2189 7.54581C10.795 5.74653 11.9703 4.47877 14.0844 3.67838C16.2674 2.8519 18.0102 3.02981 19.6181 3.98727L19.6257 3.99182L19.6334 3.99631C21.3843 5.02496 22.851 6.77345 23.9056 9.55915C25.0011 12.4525 25.0359 14.7531 24.3756 16.641L24.3745 16.6443C23.7577 18.4144 22.5635 19.6664 20.4797 20.4553C18.4153 21.2369 16.6757 21.0967 14.9993 20.1636ZM24.2818 -4.39034C20.0588 -6.63097 15.4932 -6.76263 10.8417 -5.00157C6.11896 -3.21354 2.74341 -0.0633265 1.09882 4.46679C-0.487312 8.83586 -0.297746 13.4162 1.45937 18.0573C3.25301 22.7949 6.18796 26.3957 10.348 28.5546C14.5795 30.7505 19.1322 30.8731 23.7605 29.1208C28.3411 27.3866 31.6489 24.3013 33.4003 19.8944C35.1386 15.5203 34.9546 10.8475 33.1428 6.06197C31.3588 1.34978 28.4307 -2.23288 24.2818 -4.39034Z" fill="#FFD200"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M83.261 131.858L83.2612 131.857C84.1836 126.584 82.9825 120.942 79.4799 114.875C76.0878 109 71.8834 105.169 66.9012 103.231L66.8937 103.228C61.9606 101.275 56.9911 101.718 51.8636 104.678C46.8378 107.58 44.01 111.631 43.2337 116.888C42.4452 122.227 43.6645 127.787 47.0277 133.612C50.4728 139.579 54.7229 143.438 59.7406 145.35C64.7333 147.172 69.6409 146.698 74.5735 143.85C79.5141 140.997 82.3648 137.017 83.261 131.858ZM70.2297 93.8959C62.5623 91.2834 54.8846 92.225 47.2971 96.6057C39.5705 101.067 34.8738 107.3 33.3799 115.283C31.9005 123.19 33.4612 131.062 37.9567 138.849C42.5599 146.822 48.6773 152.141 56.3251 154.664C64.0083 157.198 71.669 156.236 79.2105 151.881C86.6594 147.581 91.3076 141.468 93.0305 133.578C94.7499 125.705 93.2077 117.704 88.5509 109.638C83.975 101.713 77.8725 96.4187 70.2297 93.8959Z" fill="#FFB4E6"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_7100_3582">
+      <rect width="124" height="134" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>

package/build/images/product-3.svg

@@ -0,0 +1,9 @@
+<svg width="105" height="143" viewBox="0 0 105 143" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <rect x="26.6016" width="22.4" height="22.4" fill="white"/>
+  <rect x="49.0078" y="22.3984" width="22.4" height="22.4" fill="#FF7900"/>
+  <rect x="26.6016" y="44.8008" width="22.4" height="22.4" fill="#FF7900"/>
+  <rect x="26.6016" y="89.6016" width="22.4" height="22.4" fill="#FF7900"/>
+  <rect x="49.0078" y="44.8008" width="22.4" height="22.4" fill="white"/>
+  <rect x="4.20312" y="22.3984" width="22.4" height="22.4" fill="#FF7900"/>
+</svg>

package/build/index.html

@@ -0,0 +1,46 @@
+
+<!DOCTYPE html>
+<html lang="sk">
+<head>
+  <meta charstet="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="author" content="Lighting Beetle s.r.o." />
+  <link rel="shortcut icon" href="/assets/favicon.ico" />
+  <link rel="stylesheet" href="/lib/style.css" />
+  <link rel="stylesheet" href="/lib/megamenu.css" />
+  <link rel="stylesheet" href="/lib/footer.css" />
+  <link rel="stylesheet" href="/lib/fonts.css" />
+  <link rel="stylesheet" href="/shame.css" />
+  <title></title>
+</head>
+<body>
+  <div id="root">
+    <main>
+      <div id="MDX_ROOT_f2b7fc50-b8ba-4112-a091-2864bea1c040"><div class="section"><div class="container"><h1>Orange CMS templates</h1><p>1.0.0-beta.1 built with <a href="https://ods2.vercel.app/" class="link" target="_blank"><b>ODS </b>
+file:../ODS </a></p><br/><p><a href="/readme" class="link">Readme</a> | <a href="/changelog" class="link">Changelog</a></p><br/><br/><section class="mb-xlarge"><p><h2>Pages</h2>
+🟠 WIP | 🟢 Done</p><ul><li><a href="/pages/blog-homepage-clovek" class="link">🟢 Blog Človek - Homepage</a></li><li><a href="/pages/blog-news-clovek" class="link">🟢 Blog Človek - Novinky</a></li><li><a href="/pages/blog-post-clovek" class="link">🟢 Blog Človek - Článok</a></li><hr/><li><a href="/pages/press-and-news-releases" class="link">🟢 Tlačové správy</a></li><li><a href="/pages/blog-post-clovek" class="link">🟢 Tlačové správy- článok</a></li><hr/><li><a href="/pages/product-page-b2c-equipment-insurance" class="link"><p>🟠 Product Page B2C - Poistenie zariadení</p></a></li><li><a href="/pages/product-page-b2c-online-security" class="link"><p>🟠 Product Page B2C - Online ochrana</p></a></li><li><a href="/pages/product-page-b2c-prima-volba" class="link"><p>🟠 Product Page B2C - Prima voľba</p></a></li><li><a href="/pages/product-page-b2c-prima-volba-signpost" class="link"><p>🟠 Product Page B2C - Prima voľba - Rázcestník</p></a></li><hr/><li><a href="/pages/product-page-b2b-microsoft-365" class="link"><p>🟠 Product Page B2B - Microsoft 365</p></a></li><li><a href="/pages/product-page-b2b-market-locator" class="link"><p>🟠 Product Page B2B - Market Locator</p></a></li><li><a href="/pages/product-page-b2b-soc-as-a-service" class="link"><p>🟠 Product Page B2B - SOC ako služba</p></a></li><hr/><li><a href="/pages/homepage-b2c" class="link">🟠 Homepage B2C</a></li><li><a href="/pages/homepage-b2b" class="link">🟠 Homepage B2B</a></li><hr/><li><a href="/pages/signpost-products-and-services" class="link"><p>🟠 Rázcestník - Produkty a služby</p></a></li><li><a href="/pages/signpost-insurance" class="link">🟠 Rázcestník - Poistenie</a></li><hr/><li><a href="/pages/device-lp-b2c" class="link">🟠 Device LP - B2C</a></li><li><a href="/pages/device-lp-b2b" class="link">🟠 Device LP - B2B</a></li><hr/><li><a href="/pages/roaming-b2c" class="link">🟠 Roaming - B2C</a></li><li><a href="/pages/roaming-b2b" class="link">🟠 Roaming - B2B</a></li><hr/><li><a href="/pages/pricelist" class="link">🟠 Cenník</a></li><li><a href="/pages/pricelist-tariff" class="link">🟠 Cenník - Paušál</a></li><hr/><li><a href="/pages/press-center-docs-library" class="link"><p>🟠 Tlačové centrum - Knižnica dokumentov</p></a></li><li><a href="/pages/press-center-general-terms" class="link"><p>🟠 Tlačové centrum - Všeobecné podmienky</p></a></li><li><a href="/pages/press-center-informations-for-customers" class="link"><p>🟠 Tlačové centrum - Informácie pre zákazníkov</p></a></li><hr/><li><a href="/pages/basic-page-gdpr" class="link"><p>🟠 Basic page - Osobné údaje a ich spracovanie</p></a></li><li><a href="/pages/basic-page-about-the-brand" class="link"><p>🟠 Basic page - O značke Orange</p></a></li></ul></section><section class="mb"><h2>Components</h2><ul><li><a href="/components/ContactFormB2B" class="link">🟢 Product Page B2B - Kontaktný formulár</a></li></ul></section></div></div></div>
+    </main>
+  </div>
+  <div id="root-tooltips"></div>
+  <div id="root-dropdowns"></div>
+  <div id="root-modals"></div>
+  <script type="module" src="/lib/scripts.js"></script>
+  <script type="module" src="/lib/megamenu.js"></script>
+  
+  <script>
+    function toggleDarkMode() {
+      document.body.classList.toggle('is-dark');
+      document.querySelector("[data-megamenu]").classList.toggle("is-dark");
+      document.querySelector("footer").classList.toggle("is-dark");
+    }
+  </script>
+  <button
+    id="toggle-dark-mode"
+    style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;" class="btn btn--small"
+    onclick="toggleDarkMode()"
+  >
+    Dark mode
+  </button>
+  
+</body>
+</html>

package/build/lib/after-components.css

@@ -0,0 +1,2 @@
+@layer utilities{.background-primary{background-color:var(--color-background-primary)!important}.background-secondary{background-color:var(--color-background-secondary)!important}.background-contrast{background-color:var(--color-background-contrast)!important}.background-accent{background-color:var(--color-background-accent)!important}.background-accent1-blog{background-color:var(--color-background-accent1-blog)!important}.background-accent2-blog{background-color:var(--color-background-accent2-blog)!important}.surface-primary{background-color:var(--color-surface-primary)!important}.surface-secondary{background-color:var(--color-surface-secondary)!important}.surface-tertiary{background-color:var(--color-surface-tertiary)!important}.surface-subtle{background-color:var(--color-surface-subtle)!important}.surface-moderate{background-color:var(--color-surface-moderate)!important}.surface-contrast{background-color:var(--color-surface-contrast)!important}.surface-accent{background-color:var(--color-surface-accent)!important}.fill-primary{background-color:var(--color-fill-primary)!important}.fill-secondary{background-color:var(--color-fill-secondary)!important}.fill-tertiary{background-color:var(--color-fill-tertiary)!important}.fill-subtle{background-color:var(--color-fill-subtle)!important}.fill-moderate{background-color:var(--color-fill-moderate)!important}.fill-disabled{background-color:var(--color-fill-disabled)!important}.fill-contrast{background-color:var(--color-fill-contrast)!important}.fill-accent1{background-color:var(--color-fill-accent1)!important}.fill-accent2{background-color:var(--color-fill-accent2)!important}.fill-accent3{background-color:var(--color-fill-accent3)!important}.fill-accent4{background-color:var(--color-fill-accent4)!important}.fill-accent5{background-color:var(--color-fill-accent5)!important}.fill-information{background-color:var(--color-fill-information)!important}.fill-positive{background-color:var(--color-fill-positive)!important}.fill-warning{background-color:var(--color-fill-warning)!important}.fill-negative{background-color:var(--color-fill-negative)!important}.border-subtle{border-color:var(--color-border-subtle)!important}.border-strong{border-color:var(--color-border-strong)!important}.border-contrast{border-color:var(--color-border-contrast)!important}.border-accent{border-color:var(--color-border-accent)!important}.border-information{border-color:var(--color-border-information)!important}.border-positive{border-color:var(--color-border-positive)!important}.border-warning{border-color:var(--color-border-warning)!important}.border-negative{border-color:var(--color-border-negative)!important}.text-default{color:var(--color-text-default)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-disabled{color:var(--color-text-disabled)!important}.text-inverse{color:var(--color-text-inverse)!important}.text-accent{color:var(--color-text-accent)!important}.icon-default{color:var(--color-icon-default)!important}.icon-inverse{color:var(--color-icon-inverse)!important}.icon-brand{color:var(--color-icon-brand)!important}.icon-accent{color:var(--color-icon-accent)!important}.icon-disabled{color:var(--color-icon-disabled)!important}.icon-information{color:var(--color-icon-information)!important}.icon-positive{color:var(--color-icon-positive)!important}.icon-warning{color:var(--color-icon-warning)!important}.icon-negative{color:var(--color-icon-negative)!important}.color-black{color:#000!important}.color-orange{color:var(--color-text-accent)!important}.color-gray{color:#595959!important}.color-white{color:#fff!important}.color-blue{color:var(--color-icon-information)!important}.color-danger{color:var(--color-icon-negative)!important}.bg-white{background-color:#fff!important;color:var(--color-text-default)}.bg-white .color-blue,.bg-white.color-blue{color:var(--color-icon-information)!important}.bg-black{background-color:#141414!important;color:var(--color-text-inverse)}.bg-black .color-gray,.bg-black.color-gray{color:#ddd!important}.bg-black .color-blue,.bg-black.color-blue{color:#4bb4e6!important}.bg-orange{background-color:var(--color-surface-secondary)!important;color:#000!important}.bg-orange-dark{background-color:var(--color-surface-tertiary)!important;color:var(--color-text-inverse)!important}.bg-gray{background-color:var(--color-surface-subtle)!important}.bg-gray-lighter{background-color:var(--color-background-secondary)!important}.bg-blue{background-color:var(--color-fill-accent1)!important}.bg-blue,.bg-green{color:#000!important}.bg-green{background-color:var(--color-fill-accent2)!important}.bg-pink{background-color:var(--color-fill-accent3)!important}.bg-pink,.bg-violet{color:#000!important}.bg-violet{background-color:var(--color-fill-accent4)!important}.bg-yellow{background-color:var(--color-fill-accent5)!important;color:#000!important}.bg-yellow-lighter{background-color:#fff6b6!important;color:#000!important}.bg-red{background-color:#ff4d4d!important;color:#000!important}.bg-accent{background-color:var(--color-background-accent)!important}.bg-accent,.bg-accent1-blog{color:var(--color-text-default)!important}.bg-accent1-blog{background-color:var(--color-background-accent1-blog)!important}.bg-accent2-blog{background-color:var(--color-background-accent2-blog)!important;color:var(--color-text-default)!important}.bg-orange-dark::selection,.bg-orange::selection,.surface-secondary::selection,.surface-tertiary::selection{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.color-gray::selection{color:var(--color-text-default)}.background-none,.bg-none{background:none!important}.bold,strong{font-weight:700!important}.normal{font-weight:400!important}.thin{font-weight:300!important}.italic,em{font-style:italic!important}.underline{text-decoration:underline!important;text-underline-offset:.1em!important}.small,small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}}@layer utilities{@media screen and (min-width:480px){.align-sm-right{text-align:right!important}.align-sm-left{text-align:left!important}.align-sm-center{text-align:center!important}}@media screen and (min-width:768px){.align-md-right{text-align:right!important}.align-md-left{text-align:left!important}.align-md-center{text-align:center!important}}@media screen and (min-width:992px){.align-lg-right{text-align:right!important}.align-lg-left{text-align:left!important}.align-lg-center{text-align:center!important}}@media screen and (min-width:1240px){.align-xl-right{text-align:right!important}.align-xl-left{text-align:left!important}.align-xl-center{text-align:center!important}}@media screen and (min-width:1380px){.align-xxl-right{text-align:right!important}.align-xxl-left{text-align:left!important}.align-xxl-center{text-align:center!important}}.reset-text-decoration{text-decoration:none!important}.align-middle{vertical-align:middle!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-baseline{vertical-align:baseline!important}.reset-font-weight{font-weight:400!important}.reset-font-size{font-size:16px!important;line-height:1.25!important}.text-fullwidth{max-width:none}.text-readable{max-width:35em}.text-narrow{max-width:22em}.border-radius--medium{border-radius:10px}.border{border:2px solid var(--color-border-contrast)}.border.is-invalid{border-color:var(--color-border-negative)!important}.border--gray{border-color:var(--color-border-subtle)}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:var(--color-text-secondary)}.border--orange{border-color:var(--color-border-accent)}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}}@layer utilities{@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.justify-content-start--sm{justify-content:flex-start}.justify-content-end--sm{justify-content:flex-end}.justify-content-center--sm{justify-content:center}.justify-content-space-around--sm{justify-content:space-around}.justify-content-space-between--sm{justify-content:space-between}.align-items-start--sm{align-items:flex-start}.align-items-end--sm{align-items:flex-end}.align-items-center--sm{align-items:center}.align-items-stretch--sm{align-items:stretch}.align-self-left--sm{margin-left:0;margin-right:auto}.align-self-right--sm{margin-left:auto;margin-right:0}.align-self-center--sm{margin-left:auto;margin-right:auto}.align-self-top--sm{align-self:flex-start}.align-self-bottom--sm{align-self:flex-end}.align-self-middle--sm{align-self:center}.align-self-stretch--sm{align-self:stretch}.align-self-last--sm{order:999}}@media screen and (min-width:768px){.justify-content-start--md{justify-content:flex-start}.justify-content-end--md{justify-content:flex-end}.justify-content-center--md{justify-content:center}.justify-content-space-around--md{justify-content:space-around}.justify-content-space-between--md{justify-content:space-between}.align-items-start--md{align-items:flex-start}.align-items-end--md{align-items:flex-end}.align-items-center--md{align-items:center}.align-items-stretch--md{align-items:stretch}.align-self-left--md{margin-left:0;margin-right:auto}.align-self-right--md{margin-left:auto;margin-right:0}.align-self-center--md{margin-left:auto;margin-right:auto}.align-self-top--md{align-self:flex-start}.align-self-bottom--md{align-self:flex-end}.align-self-middle--md{align-self:center}.align-self-stretch--md{align-self:stretch}.align-self-last--md{order:999}}@media screen and (min-width:992px){.justify-content-start--lg{justify-content:flex-start}.justify-content-end--lg{justify-content:flex-end}.justify-content-center--lg{justify-content:center}.justify-content-space-around--lg{justify-content:space-around}.justify-content-space-between--lg{justify-content:space-between}.align-items-start--lg{align-items:flex-start}.align-items-end--lg{align-items:flex-end}.align-items-center--lg{align-items:center}.align-items-stretch--lg{align-items:stretch}.align-self-left--lg{margin-left:0;margin-right:auto}.align-self-right--lg{margin-left:auto;margin-right:0}.align-self-center--lg{margin-left:auto;margin-right:auto}.align-self-top--lg{align-self:flex-start}.align-self-bottom--lg{align-self:flex-end}.align-self-middle--lg{align-self:center}.align-self-stretch--lg{align-self:stretch}.align-self-last--lg{order:999}}@media screen and (min-width:1240px){.justify-content-start--xl{justify-content:flex-start}.justify-content-end--xl{justify-content:flex-end}.justify-content-center--xl{justify-content:center}.justify-content-space-around--xl{justify-content:space-around}.justify-content-space-between--xl{justify-content:space-between}.align-items-start--xl{align-items:flex-start}.align-items-end--xl{align-items:flex-end}.align-items-center--xl{align-items:center}.align-items-stretch--xl{align-items:stretch}.align-self-left--xl{margin-left:0;margin-right:auto}.align-self-right--xl{margin-left:auto;margin-right:0}.align-self-center--xl{margin-left:auto;margin-right:auto}.align-self-top--xl{align-self:flex-start}.align-self-bottom--xl{align-self:flex-end}.align-self-middle--xl{align-self:center}.align-self-stretch--xl{align-self:stretch}.align-self-last--xl{order:999}}@media screen and (min-width:1380px){.justify-content-start--xxl{justify-content:flex-start}.justify-content-end--xxl{justify-content:flex-end}.justify-content-center--xxl{justify-content:center}.justify-content-space-around--xxl{justify-content:space-around}.justify-content-space-between--xxl{justify-content:space-between}.align-items-start--xxl{align-items:flex-start}.align-items-end--xxl{align-items:flex-end}.align-items-center--xxl{align-items:center}.align-items-stretch--xxl{align-items:stretch}.align-self-left--xxl{margin-left:0;margin-right:auto}.align-self-right--xxl{margin-left:auto;margin-right:0}.align-self-center--xxl{margin-left:auto;margin-right:auto}.align-self-top--xxl{align-self:flex-start}.align-self-bottom--xxl{align-self:flex-end}.align-self-middle--xxl{align-self:center}.align-self-stretch--xxl{align-self:stretch}.align-self-last--xxl{order:999}}.aspect-ratio-21-9{aspect-ratio:21/9;border:0;max-width:100%}.aspect-ratio-16-9{aspect-ratio:16/9;border:0;max-width:100%}.aspect-ratio-4-3{aspect-ratio:4/3;border:0;max-width:100%}.aspect-ratio-1-1{aspect-ratio:1/1;border:0;max-width:100%}.aspect-ratio-3-2{aspect-ratio:3/2;border:0;max-width:100%}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.fullwidth{width:100%!important}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.sr-only,.visually-hidden{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.hide{display:none!important}.invisible{visibility:hidden}}@layer utilities{@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0) and (max-width:479.98px){.hide-xs-only{display:none!important}}.show-sm{display:none!important}@media screen and (min-width:480px){.show-sm{display:inherit!important}}.hide-sm{display:inherit!important}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px) and (max-width:767.98px){.hide-sm-only{display:none!important}}.show-md{display:none!important}@media screen and (min-width:768px){.show-md{display:inherit!important}}.hide-md{display:inherit!important}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px) and (max-width:991.98px){.hide-md-only{display:none!important}}.show-lg{display:none!important}@media screen and (min-width:992px){.show-lg{display:inherit!important}}.hide-lg{display:inherit!important}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.hide-lg-only{display:none!important}}.show-xl{display:none!important}@media screen and (min-width:1240px){.show-xl{display:inherit!important}}.hide-xl{display:inherit!important}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.hide-xl-only{display:none!important}}.show-xxl{display:none!important}@media screen and (min-width:1380px){.show-xxl{display:inherit!important}}.hide-xxl{display:inherit!important}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}}@layer utilities{.order-1{order:1!important}@media screen and (min-width:0) and (max-width:479.98px){.order-1-xs-only{order:1!important}}.order-2{order:2!important}@media screen and (min-width:0) and (max-width:479.98px){.order-2-xs-only{order:2!important}}@media screen and (min-width:480px){.order-1-sm{order:1!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-1-sm-only{order:1!important}}@media screen and (min-width:480px){.order-2-sm{order:2!important}}@media screen and (min-width:480px) and (max-width:767.98px){.order-2-sm-only{order:2!important}}@media screen and (min-width:768px){.order-1-md{order:1!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-1-md-only{order:1!important}}@media screen and (min-width:768px){.order-2-md{order:2!important}}@media screen and (min-width:768px) and (max-width:991.98px){.order-2-md-only{order:2!important}}@media screen and (min-width:992px){.order-1-lg{order:1!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-1-lg-only{order:1!important}}@media screen and (min-width:992px){.order-2-lg{order:2!important}}@media screen and (min-width:992px) and (max-width:1239.98px){.order-2-lg-only{order:2!important}}@media screen and (min-width:1240px){.order-1-xl{order:1!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-1-xl-only{order:1!important}}@media screen and (min-width:1240px){.order-2-xl{order:2!important}}@media screen and (min-width:1240px) and (max-width:1379.98px){.order-2-xl-only{order:2!important}}@media screen and (min-width:1380px){.order-1-xxl{order:1!important}.order-2-xxl{order:2!important}}}@layer utilities{.table-scrollable,[class*=horizontal-scroll]{scroll-snap-type:x mandatory;scrollbar-color:var(--color-fill-contrast) var(--color-surface-moderate);scrollbar-width:thin}.table-scrollable>*,[class*=horizontal-scroll]>*{scroll-snap-align:start}.table-scrollable::-webkit-scrollbar,[class*=horizontal-scroll]::-webkit-scrollbar{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.table-scrollable::-webkit-scrollbar-thumb,[class*=horizontal-scroll]::-webkit-scrollbar-thumb{background-color:var(--color-fill-contrast);border-radius:99px;opacity:1}.horizontal-scroll{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}@media screen and (min-width:480px){.horizontal-scroll--sm{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--sm-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:768px){.horizontal-scroll--md{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--md-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:992px){.horizontal-scroll--lg{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--lg-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1240px){.horizontal-scroll--xl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--xl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{-webkit-overflow-scrolling:auto;flex-wrap:nowrap;margin-bottom:1.25rem;overflow-x:auto}.horizontal-scroll--xxl-disable{-webkit-overflow-scrolling:initial;flex-wrap:wrap;margin-bottom:0;overflow-x:initial}}}@layer utilities{.megamenu-header ul,.mm-header ul,.osk-footer-menu{margin-top:0;max-width:none}.megamenu-header ul li,.mm-header ul li,.osk-footer-menu li{margin-bottom:0;margin-top:0}}
+/*# sourceMappingURL=after-components.css.map */