.idea-to-icon-trigger{background:none;border:none;padding:0 .5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;transition:opacity .5s ease;text-decoration:underline;gap:5px;font-size:12px;font-family:var(--heading-font-family)}.idea-to-icon-trigger:hover{opacity:1}.idea-to-icon-trigger:focus{outline:2px solid currentColor;outline-offset:2px}.idea-to-icon-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000000000;display:none;visibility:hidden;transition:visibility 0s linear .6s;-webkit-transition:visibility 0s linear .6s}.idea-to-icon-drawer[style*="display: block"],.idea-to-icon-drawer[style*="display:block"]{display:block}.idea-to-icon-drawer--open{visibility:visible;transition:visibility 0s linear 0s;-webkit-transition:visibility 0s linear 0s}.idea-to-icon-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .6s cubic-bezier(.645,.045,.355,1);-webkit-transition:opacity .6s cubic-bezier(.645,.045,.355,1)}.idea-to-icon-drawer--open .idea-to-icon-drawer__overlay{opacity:1}.idea-to-icon-drawer__heading{text-align:center;padding:0 20px 10px}.idea-to-icon-drawer__heading *{font-family:var(--heading-font-family);font-weight:400;font-size:24px;line-height:100%;letter-spacing:0;line-height:1;text-transform:uppercase}.idea-to-icon-drawer__content{position:absolute;top:auto;bottom:0;right:0;height:-webkit-fit-content;height:fit-content;max-height:100%;width:100%;max-width:815px;background:rgb(var(--modal-background, var(--background)));color:rgb(var(--modal-text, var(--text-color)));display:flex;flex-direction:column;transform:translate(100%);-webkit-transform:translateX(100%);transition:transform .6s cubic-bezier(.645,.045,.355,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.645,.045,.355,1);margin-left:auto;overflow:hidden}.idea-to-icon-drawer--open .idea-to-icon-drawer__content{transform:translate(0);-webkit-transform:translateX(0)}@media screen and (max-width: 700px){.idea-to-icon-drawer__content{transform:translateY(100%);-webkit-transform:translateY(100%);max-height:92vh;transition:transform .6s cubic-bezier(.645,.045,.355,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.645,.045,.355,1)}.idea-to-icon-drawer--open .idea-to-icon-drawer__content{transform:translateY(0);-webkit-transform:translateY(0)}}.idea-to-icon-drawer__header{border-bottom:1px solid rgb(var(--modal-border-color, var(--border-color)));padding:1rem 1.25rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem;position:relative}.idea-to-icon-drawer__counter{font-size:14px;font-weight:400;color:rgb(var(--text-color));pointer-events:none;display:none}@media screen and (max-width: 699px){.idea-to-icon-drawer__header{justify-content:space-between}.idea-to-icon-drawer__counter{display:block}}.idea-to-icon-drawer__close{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;outline:none}.idea-to-icon-drawer__body{padding:20px;overflow-y:auto;overscroll-behavior-y:contain}.idea-to-icon-content{display:flex;flex-direction:column;gap:2.5rem;position:relative}@media screen and (max-width: 699px){.idea-to-icon-drawer__heading{display:none}.idea-to-icon-drawer__body{padding-top:12px}.idea-to-icon-content{display:block;gap:0}.idea-to-icon-swiper{overflow:hidden}.idea-to-icon-swiper .swiper-wrapper{display:flex!important;flex-direction:row!important}.idea-to-icon-section{width:100%;height:auto;flex-direction:column!important;gap:20px;min-height:auto}.idea-to-icon-section__wrapper{width:100%}.idea-to-icon-content .idea-to-icon-section:nth-child(2n){flex-direction:column-reverse!important;justify-content:flex-end}.idea-to-icon-pagination{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:12px 0}.idea-to-icon-pagination .swiper-pagination-bullet{width:8px;height:8px;background:rgb(var(--text-color));opacity:.3;margin:0 4px}.idea-to-icon-pagination .swiper-pagination-bullet-active{opacity:1}}.idea-to-icon-section{display:flex;gap:20px;position:relative}.idea-to-icon-section__wrapper{display:flex;gap:1.5rem;align-items:flex-start}.idea-to-icon-section__icon-wrapper{display:flex;flex-direction:column;gap:40px}.idea-to-icon-section__icon-wrapper:after{content:"";flex:1;width:2px;background:repeating-linear-gradient(to bottom,#1C1C1C,#1C1C1C 2px,transparent 3px,transparent 6px);margin:0 auto}@media screen and (max-width: 699px){.idea-to-icon-section__icon-wrapper{display:none}}.idea-to-icon-section__icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex-shrink:0}.idea-to-icon-section__icon-image{width:100%;height:100%;object-fit:contain}.idea-to-icon-section__icon-image--mobile{display:block}.idea-to-icon-section__icon-image--desktop{display:none}@media screen and (min-width: 700px){.idea-to-icon-section__icon-image--mobile{display:none}.idea-to-icon-section__icon-image--desktop{display:block}}.idea-to-icon-section__content{display:flex;flex-direction:column;gap:.75rem;flex:1}.idea-to-icon-section__title{font-weight:600;font-family:var(--heading-font-family);margin:0;line-height:1.1;font-size:12px;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:flex-end;justify-content:space-between}.idea-to-icon-section__title img{width:60px;height:auto;max-height:60px;object-fit:contain}.idea-to-icon-section__description{color:rgb(var(--text-color));font-family:var(--text-font-family);font-weight:400;font-size:12px;line-height:1.2;letter-spacing:0}.idea-to-icon-section__description p{margin:0 0 .75rem}.idea-to-icon-section__description p:last-child{margin-bottom:0}.idea-to-icon-section__image{width:100%;flex:unset;aspect-ratio:1;height:auto;overflow:hidden;position:relative;background:#00000005}.idea-to-icon-section__image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.idea-to-icon-connector{width:1px;height:2rem;background:repeating-linear-gradient(to bottom,rgb(var(--border-color)),rgb(var(--border-color)) 3px,transparent 3px,transparent 6px);margin:0 auto;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative;left:25px}.idea-to-icon-pagination{display:none}.idea-to-icon-content .idea-to-icon-section:last-child .idea-to-icon-section__icon-wrapper:after{display:none}.ks-calculator-container{display:flex;justify-content:space-between}.ks-calculator-container .idea-to-icon-trigger{display:flex;gap:5px;outline:none;display:none}.idea-to-icon-trigger-desktop{display:none}@media screen and (min-width: 700px){.ks-calculator-container .idea-to-icon-trigger{display:flex}body.ab-test-design-process .idea-to-icon-trigger-desktop{display:flex;align-items:center;justify-content:flex-start;gap:5px;background:none;border:none;padding:0 .5rem;cursor:pointer;color:inherit;text-decoration:underline;font-size:14px;font-family:var(--heading-font-family);transition:opacity .5s ease}body.ab-test-design-process .idea-to-icon-trigger-desktop:hover{opacity:.8}body.ab-test-design-process .idea-to-icon-trigger-desktop:focus{outline:2px solid currentColor;outline-offset:2px}body.ab-test-design-process .product-info__block-item[data-block-type=liquid]:has(.idea-to-icon-trigger-desktop){margin-block-end:.5rem!important;--product-info-gap: 0 !important}body.ab-test-design-process .product-info__block-item[data-block-type=liquid]:has(.idea-to-icon-trigger-desktop)+.product-info__block-item[data-block-type=buy-buttons]{margin-block-start:0!important}body.ab-test-design-process .liquid:has(.idea-to-icon-trigger-desktop){margin:0!important}}.idea-to-icon-trigger-mobile{display:none!important}@media screen and (max-width: 699px){body.ab-test-design-process .idea-to-icon-trigger-mobile{display:flex!important}body.ab-test-design-process .product-title+.idea-to-icon-trigger-mobile{position:absolute}body.ab-test-design-process .product-title{position:relative}body.ab-test-design-process .h-stack:has(.idea-to-icon-trigger-mobile){position:relative;overflow:clip}body.ab-test-design-process .idea-to-icon-trigger-mobile{position:absolute;right:0;top:50%;transform:translateY(-50%) translate(135px);z-index:1;background:rgb(var(--background));color:rgb(var(--text-color));border:none;padding:8px 0 8px 12px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:400;font-family:var(--heading-font-family);letter-spacing:0;white-space:nowrap;text-decoration:underline;pointer-events:auto;will-change:transform}body.ab-test-design-process .idea-to-icon-trigger-mobile span{opacity:1}body.ab-test-design-process .idea-to-icon-trigger-mobile svg{flex-shrink:0;width:20px;height:20px;color:currentColor}body.ab-test-design-process .idea-to-icon-trigger-mobile svg path{stroke:currentColor;fill:none}body.ab-test-design-process .idea-to-icon-trigger-mobile:focus{outline:2px solid currentColor;outline-offset:2px}}@media screen and (min-width: 700px){.idea-to-icon-drawer__body{padding:30px}.idea-to-icon-drawer__header{padding:1.125rem 2rem}.idea-to-icon-content{gap:3.5rem}.idea-to-icon-content .idea-to-icon-section:nth-child(odd){flex-direction:row-reverse}.idea-to-icon-content .idea-to-icon-section:not(:last-child){margin-bottom:30px}.idea-to-icon-section__title,.idea-to-icon-section__description{font-size:14px}.idea-to-icon-content.swiper{display:flex}.idea-to-icon-content .swiper-wrapper{display:flex;flex-direction:column}.idea-to-icon-section{gap:30px}.idea-to-icon-section__wrapper{gap:30px;flex:1}.idea-to-icon-section__icon{width:60px;height:60px}.idea-to-icon-connector{height:2.5rem;margin-top:-1.75rem;margin-bottom:-1.75rem;left:30px}.idea-to-icon-section__image{flex:1}}#idea-to-icon-drawer-title{position:absolute;left:50%;transform:translate(-50%,2px)}@media (max-width: 768px){.idea-to-icon-section__title{min-height:60px}.idea-to-icon-drawer__body{padding-top:16px}.idea-to-icon-section__title img{transform:translateY(15px);flex-shrink:0;position:absolute;right:0}.idea-to-icon-section-1 .idea-to-icon-section__title img{width:127px;max-height:127px}.idea-to-icon-section-2 .idea-to-icon-section__title img{width:149px;max-height:149px;transform:translateY(0)}.idea-to-icon-section-3 .idea-to-icon-section__title img{width:127px;max-height:127px}.idea-to-icon-section-4 .idea-to-icon-section__title img{width:167px;max-height:167px;transform:translateY(-20px)}.idea-to-icon-section-5 .idea-to-icon-section__title img{width:112px;max-height:112px;transform:none}.idea-to-icon-section-5 .idea-to-icon-section__title{min-height:80px}.idea-to-icon-section-6 .idea-to-icon-section__title img{width:167px;max-height:167px;transform:translateY(-20px)}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/idea-to-icon-drawer.css.map */