#stacks_in_1 { background-color: rgba(0, 0, 0, 1.00); } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_421 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_421 .svgm-group.svgm-wide-23, .svg-metamorph.svgm_stacks_in_421 .svgm-group.svgm-pattern-7, .svg-metamorph.svgm_stacks_in_421 .svgm-group.svgm-special-21 { display: block; } .svg-metamorph.svgm_stacks_in_421, .svg-metamorph.svgm_stacks_in_421 .svgm-content { position: relative; z-index: 1; } #stacks_in_421, #stacks_out_421 { overflow: visible; } .svg-metamorph.svgm_stacks_in_421 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; margin-top: calc(100px - 0px); z-index: 10; margin-top: -0px; } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 100px + 100px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-100px); } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(100px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-100px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer > .svgm-wrap:after { background: #FFFFFF; } .svg-metamorph.svgm_stacks_in_421 .svgm-content { position: relative; z-index: 3; min-height: 100px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { opacity: 0; } .svg-metamorph.svgm_stacks_in_421 .svgm-content { margin-top: 0; } .svg-metamorph.svgm_stacks_in_421 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_421 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_421 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 100px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_421 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_421 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_421 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_421 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_421 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_421 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_421 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_421 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_421 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_421 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_421 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_421 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_421 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_421 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_421 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_421 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_421 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_421 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_421 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_421 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_421 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_421 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_421 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_421 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_421 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_421 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_421 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_421 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_421 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_421 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_421 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_421 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_421 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ #stacks_in_424 h1,#stacks_in_424 h2,#stacks_in_424 h3,#stacks_in_424 h4,#stacks_in_424 h5,#stacks_in_424 h6,#stacks_in_424 div{color:rgba(203, 0, 9, 1.00);font-size:2.69rem;font-weight:100;font-style:normal}#stacks_in_424 h1 a,#stacks_in_424 h2 a,#stacks_in_424 h3 a,#stacks_in_424 h4 a,#stacks_in_424 h5 a,#stacks_in_424 h6 a,#stacks_in_424 div a{color:rgba(203, 0, 9, 1.00);font-size:2.69rem}#stacks_in_424 h1 a:hover,#stacks_in_424 h2 a:hover,#stacks_in_424 h3 a:hover,#stacks_in_424 h4 a:hover,#stacks_in_424 h5 a:hover,#stacks_in_424 h6 a:hover,#stacks_in_424 div a:hover{color:rgba(152, 0, 6, 1.00)}@media only screen and (min-width:40.063em){#stacks_in_424 h1 a,#stacks_in_424 h2 a,#stacks_in_424 h3 a,#stacks_in_424 h4 a,#stacks_in_424 h5 a,#stacks_in_424 h6 a,#stacks_in_424 div a{font-size:4.00rem}}@media only screen and (min-width:40.063em){#stacks_in_424 h1,#stacks_in_424 h2,#stacks_in_424 h3,#stacks_in_424 h4,#stacks_in_424 h5,#stacks_in_424 h6,#stacks_in_424 div{font-size:4.00rem}}#stacks_in_424 small,#stacks_in_424 small div{font-size:60%;color:rgba(111, 111, 111, 1.00)} #stacks_in_424 { padding: 30px 0px 0px 0px; } #lavalamp_stacks_in_422 { min-height: 80vh; width: 100%; display: flex; justify-content: center; align-items: center; } /* Solid colour fill */ #lavalamp_stacks_in_422 { background-color: rgba(235, 235, 235, 0.00); } #lavalamp_stacks_in_422 canvas{ position: absolute; z-index: .1; width: 100%; Height: 100%; } #stacks_in_422 { background-color: rgba(20, 20, 20, 1.00); } /* 1.0.1 - only disables user selection if a link has been added - now supports links in description when a link is added to the entire card - icon alignment also works if the content is shorter than the icon - horizontal align stretch now allows text to fill open space */ .com_onelittledesigner_stacks_Feature_Section_N_stack, .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_429 { overflow: visible !important; } #feature-cards-stacks_in_429 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_429 * { box-sizing: border-box; } #feature-cards-stacks_in_429 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } #feature-cards-stacks_in_429 .feature-outer { width: 320px; max-width: 100%; border-radius: 40px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_429 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_429 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_429 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_429 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_429 .feature-card > a + .feature-card-content-wrap { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; /* */ pointer-events: none; /* */ } #feature-cards-stacks_in_429 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_429 .feature-card-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; } #feature-cards-stacks_in_429 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_429 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; z-index: 1; } #feature-cards-stacks_in_429 .feature-card { background-color : rgba(243, 243, 243, 0.00); padding: 16px 24px 16px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 40px; } #feature-cards-stacks_in_429 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_429 .feature-card .feature-card-icon, #feature-cards-stacks_in_429 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-image: linear-gradient(to bottom, rgba(252, 75, 11, 1.00) 0%,rgba(203, 0, 9, 1.00) 100%); } #feature-cards-stacks_in_429 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_429 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_429 .feature-card .feature-card-icon i, #feature-cards-stacks_in_429 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_429 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_429 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_429 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: center; } #feature-cards-stacks_in_429 .feature-card .feature-card-icon { height: 80px; width: 80px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_429 .feature-card .feature-card-icon i, #feature-cards-stacks_in_429 .feature-card .feature-card-icon svg { height: 80px; width: auto; font-size: 40px; line-height: 80px; } #feature-cards-stacks_in_429 .feature-card .feature-card-icon svg { padding: 24.000000px 0; width: 80px; } #feature-cards-stacks_in_429 .feature-card .feature-card-icon i, #feature-cards-stacks_in_429 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_429 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_429 .feature-card, #feature-cards-stacks_in_429 .feature-card .feature-card-description { color: rgba(255, 255, 255, 0.50); } #feature-cards-stacks_in_429 .feature-card h1, #feature-cards-stacks_in_429 .feature-card h2, #feature-cards-stacks_in_429 .feature-card h3, #feature-cards-stacks_in_429 .feature-card h4, #feature-cards-stacks_in_429 .feature-card h5, #feature-cards-stacks_in_429 .feature-card h6, #feature-cards-stacks_in_429 .feature-card .feature-card-header { color: rgba(255, 255, 255, 0.80); } #feature-cards-stacks_in_429 .feature-card .feature-card-header { margin: 0; font-weight: 700; font-size: 24px; line-height: normal; margin-top: 0px; margin-bottom: 0px; } #feature-cards-stacks_in_429 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_429 .feature-card .feature-card-header, #feature-cards-stacks_in_429 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_429 .feature-card .feature-card-description { font-family: inherit; text-align: center; font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_429 .feature-card .feature-card-header { font-family: inherit; text-align: center; font-weight: 700; font-size: 24px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_429 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_429 .feature-card::before, #feature-cards-stacks_in_429 .feature-card, #feature-cards-stacks_in_429 .feature-outer, #feature-cards-stacks_in_429 .feature-card h1, #feature-cards-stacks_in_429 .feature-card h2, #feature-cards-stacks_in_429 .feature-card h3, #feature-cards-stacks_in_429 .feature-card h4, #feature-cards-stacks_in_429 .feature-card h5, #feature-cards-stacks_in_429 .feature-card h6, #feature-cards-stacks_in_429 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_429 .feature-card .feature-card-icon, #feature-cards-stacks_in_429 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_429 .feature-card .feature-card-header, #feature-cards-stacks_in_429 .feature-card .feature-card-description, #feature-cards-stacks_in_429 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_429 .feature-card { position: relative; } #feature-cards-stacks_in_429 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(203, 0, 9, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-cards-stacks_in_429 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_429 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(203, 0, 9, 1.00); content: ''; z-index: 0; display: block; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); opacity: 1; } #feature-cards-stacks_in_429 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_429 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_429 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_429 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_429 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_429 .feature-card .feature-card-icon i, #feature-cards-stacks_in_429 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_429 .feature-card .feature-card-description, #feature-cards-stacks_in_429 .feature-card h1, #feature-cards-stacks_in_429 .feature-card h2, #feature-cards-stacks_in_429 .feature-card h3, #feature-cards-stacks_in_429 .feature-card h4, #feature-cards-stacks_in_429 .feature-card h5, #feature-cards-stacks_in_429 .feature-card h6, #feature-cards-stacks_in_429 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_429 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_429 .feature-card:hover h1, #feature-cards-stacks_in_429 .feature-card:hover h2, #feature-cards-stacks_in_429 .feature-card:hover h3, #feature-cards-stacks_in_429 .feature-card:hover h4, #feature-cards-stacks_in_429 .feature-card:hover h5, #feature-cards-stacks_in_429 .feature-card:hover h6, #feature-cards-stacks_in_429 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_429 .feature-card:hover .feature-card-icon { background: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_429 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_429 .feature-card:hover .feature-card-icon svg { color: rgba(203, 0, 9, 1.00); fill: rgba(203, 0, 9, 1.00); stroke: rgba(203, 0, 9, 1.00); } #feature-cards-stacks_in_429 .feature-outer { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-cards-stacks_in_429 .feature-outer:hover { transform: translate(0,-0px) scale(1.040000) rotateZ(0deg); } #feature-cards-stacks_in_429 .feature-outer { transition-property: transform,box-shadow; } #feature-cards-stacks_in_429 .feature-outer:hover { box-shadow: 0px 4px 16px 0px rgba(40, 0, 5, 1.00); } #feature-cards-stacks_in_429 .feature-card .feature-card-icon > * { transform-origin: center; transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_429 .feature-card:hover .feature-card-icon > * { transform: translate(0,0) rotateZ(360deg); } /* */ /* */ #stacks_in_429 { padding: 100px 0px 100px 0px; } #feature-section-card-stacks_in_442 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_442 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_442 .feature-card .feature-card-icon, #feature-section-card-stacks_in_442 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_442 .feature-card .feature-card-icon svg { --iconSizesstacks_in_442: 64px; } #feature-section-card-stacks_in_442 { } #feature-section-card-stacks_in_442 .feature-card { } #feature-section-card-stacks_in_442 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_442 .feature-card .feature-card-icon, #feature-section-card-stacks_in_442 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_442 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_442 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_445 { position: relative; user-select: none; } i#stacks_in_445, svg#stacks_in_445 { position: relative; display: block; text-align: center; } #stacks_in_445.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_447 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_447 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_447 .feature-card .feature-card-icon, #feature-section-card-stacks_in_447 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_447 .feature-card .feature-card-icon svg { --iconSizesstacks_in_447: 64px; } #feature-section-card-stacks_in_447 { } #feature-section-card-stacks_in_447 .feature-card { } #feature-section-card-stacks_in_447 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_447 .feature-card .feature-card-icon, #feature-section-card-stacks_in_447 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_447 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_447 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_450 { position: relative; user-select: none; } i#stacks_in_450, svg#stacks_in_450 { position: relative; display: block; text-align: center; } #stacks_in_450.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_452 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_452 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_452 .feature-card .feature-card-icon, #feature-section-card-stacks_in_452 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_452 .feature-card .feature-card-icon svg { --iconSizesstacks_in_452: 64px; } #feature-section-card-stacks_in_452 { } #feature-section-card-stacks_in_452 .feature-card { } #feature-section-card-stacks_in_452 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_452 .feature-card .feature-card-icon, #feature-section-card-stacks_in_452 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_452 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_452 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_455 { position: relative; user-select: none; } i#stacks_in_455, svg#stacks_in_455 { position: relative; display: block; text-align: center; } #stacks_in_455.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_431 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_431 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_431 .feature-card .feature-card-icon, #feature-section-card-stacks_in_431 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_431 .feature-card .feature-card-icon svg { --iconSizesstacks_in_431: 64px; } #feature-section-card-stacks_in_431 { } #feature-section-card-stacks_in_431 .feature-card { } #feature-section-card-stacks_in_431 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_431 .feature-card .feature-card-icon, #feature-section-card-stacks_in_431 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_431 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_431 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_435 { position: relative; user-select: none; } i#stacks_in_435, svg#stacks_in_435 { position: relative; display: block; text-align: center; } #stacks_in_435.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_481 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_481 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_481 .feature-card .feature-card-icon, #feature-section-card-stacks_in_481 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_481 .feature-card .feature-card-icon svg { --iconSizesstacks_in_481: 64px; } #feature-section-card-stacks_in_481 { } #feature-section-card-stacks_in_481 .feature-card { } #feature-section-card-stacks_in_481 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_481 .feature-card .feature-card-icon, #feature-section-card-stacks_in_481 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_481 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_481 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_483 { position: relative; user-select: none; } i#stacks_in_483, svg#stacks_in_483 { position: relative; display: block; text-align: center; } #stacks_in_483.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_493 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_493 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_493 .feature-card .feature-card-icon, #feature-section-card-stacks_in_493 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_493 .feature-card .feature-card-icon svg { --iconSizesstacks_in_493: 64px; } #feature-section-card-stacks_in_493 { } #feature-section-card-stacks_in_493 .feature-card { } #feature-section-card-stacks_in_493 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_493 .feature-card .feature-card-icon, #feature-section-card-stacks_in_493 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_493 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_493 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_495 { position: relative; user-select: none; } i#stacks_in_495, svg#stacks_in_495 { position: relative; display: block; text-align: center; } #stacks_in_495.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_437 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_437 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_437 .feature-card .feature-card-icon, #feature-section-card-stacks_in_437 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_437 .feature-card .feature-card-icon svg { --iconSizesstacks_in_437: 64px; } #feature-section-card-stacks_in_437 { } #feature-section-card-stacks_in_437 .feature-card { } #feature-section-card-stacks_in_437 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_437 .feature-card .feature-card-icon, #feature-section-card-stacks_in_437 .feature-card .feature-card-icon:before { border-radius: 100px 100px 100px 100px; } #feature-section-card-stacks_in_437 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_437 .feature-card .feature-card-icon, #feature-section-card-stacks_in_437 .feature-card .feature-card-icon:before { background-image: linear-gradient(to bottom, rgba(108, 108, 108, 1.00) 0%,rgba(49, 49, 49, 1.00) 100%); } #feature-section-card-stacks_in_437 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_437 .feature-card .feature-card-icon svg { color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_437 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_437 .feature-card { position: relative; } #feature-section-card-stacks_in_437 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(96, 125, 139, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_437 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_437 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_437 .feature-card .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0); transform: translate(0,0) rotateZ(0); opacity: 1; transition-timing-function: linear; } #feature-section-card-stacks_in_437 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(96, 125, 139, 1.00); z-index: 0; display: block; opacity: 1; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); } #feature-section-card-stacks_in_437 .fs-loaded .feature-card::before { opacity: 1; } #feature-section-card-stacks_in_437 .feature-card:hover::before { transition-timing-function: ease-in; } #feature-section-card-stacks_in_437 .feature-card.center-left::before { top: 50%; left: 0; -webkit-transform-origin: center left; transform-origin: center left; border-radius: 0 50% 50% 0; } #feature-section-card-stacks_in_437 .feature-card.center::before { -webkit-transform-origin: center; transform-origin: center; } #feature-section-card-stacks_in_437 .feature-card.center-right::before { top: 50%; right: -50%; -webkit-transform-origin: center right; transform-origin: center right; border-radius: 50% 0 0 50%; } #feature-section-card-stacks_in_437 .feature-card.top-left::before { top: 0; left: -50%; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-section-card-stacks_in_437 .feature-card.top-center::before { top: 0; left: 0; -webkit-transform-origin: center top; transform-origin: center top; border-radius: 0 0 50% 50%; } #feature-section-card-stacks_in_437 .feature-card.top-right::before { top: 0; right: -50%; -webkit-transform-origin: right top; transform-origin: right top; border-radius: 50% 0 50% 50%; } #feature-section-card-stacks_in_437 .feature-card.bottom-left::before { top: 100%; left: -50%; border-radius: 50% 50% 50% 0%; -webkit-transform-origin: left bottom; transform-origin: left bottom; } #feature-section-card-stacks_in_437 .feature-card.bottom-center::before { top: 100%; left: 0; -webkit-transform-origin: center bottom; transform-origin: center bottom; border-radius: 50% 50% 0 0; } #feature-section-card-stacks_in_437 .feature-card.bottom-right::before { top: 100%; right: -50%; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; } #feature-section-card-stacks_in_437 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-section-card-stacks_in_437 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_437 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_437 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_437 .feature-card .feature-card-description, #feature-section-card-stacks_in_437 .feature-card h1, #feature-section-card-stacks_in_437 .feature-card h2, #feature-section-card-stacks_in_437 .feature-card h3, #feature-section-card-stacks_in_437 .feature-card h4, #feature-section-card-stacks_in_437 .feature-card h5, #feature-section-card-stacks_in_437 .feature-card h6, #feature-section-card-stacks_in_437 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_437 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_437 .feature-card:hover h1, #feature-section-card-stacks_in_437 .feature-card:hover h2, #feature-section-card-stacks_in_437 .feature-card:hover h3, #feature-section-card-stacks_in_437 .feature-card:hover h4, #feature-section-card-stacks_in_437 .feature-card:hover h5, #feature-section-card-stacks_in_437 .feature-card:hover h6, #feature-section-card-stacks_in_437 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_437 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-section-card-stacks_in_437 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_437 .feature-card:hover .feature-card-icon svg { color: rgba(96, 125, 139, 1.00); fill: rgba(96, 125, 139, 1.00); stroke: rgba(96, 125, 139, 1.00); } #feature-section-card-stacks_in_437 { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-section-card-stacks_in_437:hover { transform: translate(0,-0px) scale(1.040000) rotateZ(0deg); } #feature-section-card-stacks_in_437 { transition-property: transform,box-shadow; } #feature-section-card-stacks_in_437:hover { box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20); } /* */ /* */ #stacks_in_440 { position: relative; user-select: none; } i#stacks_in_440, svg#stacks_in_440 { position: relative; display: block; text-align: center; } #stacks_in_440.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_457 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_457 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_457 .feature-card .feature-card-icon, #feature-section-card-stacks_in_457 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_457 .feature-card .feature-card-icon svg { --iconSizesstacks_in_457: 64px; } #feature-section-card-stacks_in_457 { } #feature-section-card-stacks_in_457 .feature-card { } #feature-section-card-stacks_in_457 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_457 .feature-card .feature-card-icon, #feature-section-card-stacks_in_457 .feature-card .feature-card-icon:before { border-radius: 100px 100px 100px 100px; } #feature-section-card-stacks_in_457 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_457 .feature-card .feature-card-icon, #feature-section-card-stacks_in_457 .feature-card .feature-card-icon:before { background-image: linear-gradient(to bottom, rgba(108, 108, 108, 1.00) 0%,rgba(49, 49, 49, 1.00) 100%); } #feature-section-card-stacks_in_457 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_457 .feature-card .feature-card-icon svg { color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_457 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_457 .feature-card { position: relative; } #feature-section-card-stacks_in_457 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(96, 125, 139, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_457 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_457 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_457 .feature-card .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0); transform: translate(0,0) rotateZ(0); opacity: 1; transition-timing-function: linear; } #feature-section-card-stacks_in_457 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(96, 125, 139, 1.00); z-index: 0; display: block; opacity: 1; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); } #feature-section-card-stacks_in_457 .fs-loaded .feature-card::before { opacity: 1; } #feature-section-card-stacks_in_457 .feature-card:hover::before { transition-timing-function: ease-in; } #feature-section-card-stacks_in_457 .feature-card.center-left::before { top: 50%; left: 0; -webkit-transform-origin: center left; transform-origin: center left; border-radius: 0 50% 50% 0; } #feature-section-card-stacks_in_457 .feature-card.center::before { -webkit-transform-origin: center; transform-origin: center; } #feature-section-card-stacks_in_457 .feature-card.center-right::before { top: 50%; right: -50%; -webkit-transform-origin: center right; transform-origin: center right; border-radius: 50% 0 0 50%; } #feature-section-card-stacks_in_457 .feature-card.top-left::before { top: 0; left: -50%; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-section-card-stacks_in_457 .feature-card.top-center::before { top: 0; left: 0; -webkit-transform-origin: center top; transform-origin: center top; border-radius: 0 0 50% 50%; } #feature-section-card-stacks_in_457 .feature-card.top-right::before { top: 0; right: -50%; -webkit-transform-origin: right top; transform-origin: right top; border-radius: 50% 0 50% 50%; } #feature-section-card-stacks_in_457 .feature-card.bottom-left::before { top: 100%; left: -50%; border-radius: 50% 50% 50% 0%; -webkit-transform-origin: left bottom; transform-origin: left bottom; } #feature-section-card-stacks_in_457 .feature-card.bottom-center::before { top: 100%; left: 0; -webkit-transform-origin: center bottom; transform-origin: center bottom; border-radius: 50% 50% 0 0; } #feature-section-card-stacks_in_457 .feature-card.bottom-right::before { top: 100%; right: -50%; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; } #feature-section-card-stacks_in_457 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-section-card-stacks_in_457 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_457 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_457 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_457 .feature-card .feature-card-description, #feature-section-card-stacks_in_457 .feature-card h1, #feature-section-card-stacks_in_457 .feature-card h2, #feature-section-card-stacks_in_457 .feature-card h3, #feature-section-card-stacks_in_457 .feature-card h4, #feature-section-card-stacks_in_457 .feature-card h5, #feature-section-card-stacks_in_457 .feature-card h6, #feature-section-card-stacks_in_457 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_457 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_457 .feature-card:hover h1, #feature-section-card-stacks_in_457 .feature-card:hover h2, #feature-section-card-stacks_in_457 .feature-card:hover h3, #feature-section-card-stacks_in_457 .feature-card:hover h4, #feature-section-card-stacks_in_457 .feature-card:hover h5, #feature-section-card-stacks_in_457 .feature-card:hover h6, #feature-section-card-stacks_in_457 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_457 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-section-card-stacks_in_457 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_457 .feature-card:hover .feature-card-icon svg { color: rgba(96, 125, 139, 1.00); fill: rgba(96, 125, 139, 1.00); stroke: rgba(96, 125, 139, 1.00); } #feature-section-card-stacks_in_457 { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-section-card-stacks_in_457:hover { transform: translate(0,-0px) scale(1.040000) rotateZ(0deg); } #feature-section-card-stacks_in_457 { transition-property: transform,box-shadow; } #feature-section-card-stacks_in_457:hover { box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20); } /* */ /* */ #stacks_in_460 { position: relative; user-select: none; } i#stacks_in_460, svg#stacks_in_460 { position: relative; display: block; text-align: center; } #stacks_in_460.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_476 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_476 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_476 .feature-card .feature-card-icon, #feature-section-card-stacks_in_476 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_476 .feature-card .feature-card-icon svg { --iconSizesstacks_in_476: 64px; } #feature-section-card-stacks_in_476 { } #feature-section-card-stacks_in_476 .feature-card { } #feature-section-card-stacks_in_476 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_476 .feature-card .feature-card-icon, #feature-section-card-stacks_in_476 .feature-card .feature-card-icon:before { border-radius: 100px 100px 100px 100px; } #feature-section-card-stacks_in_476 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_476 .feature-card .feature-card-icon, #feature-section-card-stacks_in_476 .feature-card .feature-card-icon:before { background-image: linear-gradient(to bottom, rgba(108, 108, 108, 1.00) 0%,rgba(49, 49, 49, 1.00) 100%); } #feature-section-card-stacks_in_476 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_476 .feature-card .feature-card-icon svg { color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_476 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_476 .feature-card { position: relative; } #feature-section-card-stacks_in_476 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(96, 125, 139, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_476 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_476 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_476 .feature-card .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0); transform: translate(0,0) rotateZ(0); opacity: 1; transition-timing-function: linear; } #feature-section-card-stacks_in_476 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(96, 125, 139, 1.00); z-index: 0; display: block; opacity: 1; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); } #feature-section-card-stacks_in_476 .fs-loaded .feature-card::before { opacity: 1; } #feature-section-card-stacks_in_476 .feature-card:hover::before { transition-timing-function: ease-in; } #feature-section-card-stacks_in_476 .feature-card.center-left::before { top: 50%; left: 0; -webkit-transform-origin: center left; transform-origin: center left; border-radius: 0 50% 50% 0; } #feature-section-card-stacks_in_476 .feature-card.center::before { -webkit-transform-origin: center; transform-origin: center; } #feature-section-card-stacks_in_476 .feature-card.center-right::before { top: 50%; right: -50%; -webkit-transform-origin: center right; transform-origin: center right; border-radius: 50% 0 0 50%; } #feature-section-card-stacks_in_476 .feature-card.top-left::before { top: 0; left: -50%; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-section-card-stacks_in_476 .feature-card.top-center::before { top: 0; left: 0; -webkit-transform-origin: center top; transform-origin: center top; border-radius: 0 0 50% 50%; } #feature-section-card-stacks_in_476 .feature-card.top-right::before { top: 0; right: -50%; -webkit-transform-origin: right top; transform-origin: right top; border-radius: 50% 0 50% 50%; } #feature-section-card-stacks_in_476 .feature-card.bottom-left::before { top: 100%; left: -50%; border-radius: 50% 50% 50% 0%; -webkit-transform-origin: left bottom; transform-origin: left bottom; } #feature-section-card-stacks_in_476 .feature-card.bottom-center::before { top: 100%; left: 0; -webkit-transform-origin: center bottom; transform-origin: center bottom; border-radius: 50% 50% 0 0; } #feature-section-card-stacks_in_476 .feature-card.bottom-right::before { top: 100%; right: -50%; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; } #feature-section-card-stacks_in_476 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-section-card-stacks_in_476 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_476 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_476 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_476 .feature-card .feature-card-description, #feature-section-card-stacks_in_476 .feature-card h1, #feature-section-card-stacks_in_476 .feature-card h2, #feature-section-card-stacks_in_476 .feature-card h3, #feature-section-card-stacks_in_476 .feature-card h4, #feature-section-card-stacks_in_476 .feature-card h5, #feature-section-card-stacks_in_476 .feature-card h6, #feature-section-card-stacks_in_476 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_476 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_476 .feature-card:hover h1, #feature-section-card-stacks_in_476 .feature-card:hover h2, #feature-section-card-stacks_in_476 .feature-card:hover h3, #feature-section-card-stacks_in_476 .feature-card:hover h4, #feature-section-card-stacks_in_476 .feature-card:hover h5, #feature-section-card-stacks_in_476 .feature-card:hover h6, #feature-section-card-stacks_in_476 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_476 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-section-card-stacks_in_476 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_476 .feature-card:hover .feature-card-icon svg { color: rgba(96, 125, 139, 1.00); fill: rgba(96, 125, 139, 1.00); stroke: rgba(96, 125, 139, 1.00); } #feature-section-card-stacks_in_476 { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-section-card-stacks_in_476:hover { transform: translate(0,-0px) scale(1.040000) rotateZ(0deg); } #feature-section-card-stacks_in_476 { transition-property: transform,box-shadow; } #feature-section-card-stacks_in_476:hover { box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20); } /* */ /* */ #stacks_in_479 { position: relative; user-select: none; } i#stacks_in_479, svg#stacks_in_479 { position: relative; display: block; text-align: center; } #stacks_in_479.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_423 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_423 .svgm-group.svgm-wide-23, .svg-metamorph.svgm_stacks_in_423 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_423 .svgm-group.svgm-special-21 { display: block; } .svg-metamorph.svgm_stacks_in_423, .svg-metamorph.svgm_stacks_in_423 .svgm-content { position: relative; z-index: 1; } #stacks_in_423, #stacks_out_423 { overflow: visible; } .svg-metamorph.svgm_stacks_in_423 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; margin-bottom: calc(100px - 0px); margin-bottom: -0px; } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 100px + 100px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-100px); } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(100px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-100px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer > .svgm-wrap:after { background: #FFFFFF; } .svg-metamorph.svgm_stacks_in_423 .svgm-content { position: relative; z-index: 3; min-height: 100px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { opacity: 0; } .svg-metamorph.svgm_stacks_in_423 .svgm-content { margin-bottom: 0; } .svg-metamorph.svgm_stacks_in_423 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_423 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_423 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 100px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_423 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_423 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_423 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_423 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_423 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_423 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_423 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_423 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_423 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_423 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_423 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_423 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_423 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_423 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_423 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_423 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_423 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_423 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_423 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_423 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_423 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_423 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_423 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_423 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_423 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_423 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_423 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_423 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_423 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_423 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_423 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_423 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_423 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ #stacks_in_463 .copyright{color:rgba(34, 34, 34, 1.00);font-size:0.90rem}#stacks_in_463 .copyright a{color:rgba(203, 0, 9, 1.00)}#stacks_in_463 .copyright a:hover{color:rgba(252, 40, 11, 1.00)}#stacks_in_463 .copyright{margin-bottom:0}