:root{--ctp-pink: #EFDADA;--ctp-green: #DAE8B6;--ctp-blue:#CBE5EF;--ctp-yellow:#F6EA9C}custom-quick-add{cursor:pointer;display:flex;height:100%;text-align:left;border:2px solid;overflow:hidden;border-radius:20px}custom-quick-add img{aspect-ratio:5 / 4;object-fit:contain}custom-quick-add img:nth-of-type(1){display:none}custom-quick-add>img:nth-of-type(2){display:block}@media(max-width:768px){custom-quick-add{border:1px solid #f0f0f0;padding:8px;max-width:300px;border-radius:500px;align-items:center}custom-quick-add .ctp-crochet-details{padding-inline:16px 8px}custom-quick-add img{border:1px solid #BDBDBD;aspect-ratio:1 / 1;border-radius:50%;width:64px;height:64px}}custom-tab-product-selector .ctp-detail-cards custom-quick-add{width:85px;height:123px;border-radius:20px}custom-tab-product-selector .ctp-detail-cards custom-quick-add.ctp-crochet-card--selected{outline:2px solid #000;outline-offset:2px}custom-tab-product-selector ul{list-style:none;padding:0;margin:0}custom-tab-product-selector ul li{margin-bottom:0;background-color:#fff}custom-tab-product-selector ul li:nth-of-type(1) custom-quick-add{border-color:var(--ctp-pink)}custom-tab-product-selector ul li:nth-of-type(2) custom-quick-add{border-color:var(--ctp-green)}custom-tab-product-selector ul li:nth-of-type(3) custom-quick-add{border-color:var(--ctp-blue)}custom-tab-product-selector ul li:nth-of-type(4) custom-quick-add{border-color:var(--ctp-yellow)}custom-tab-product-selector .ctp-product ul{display:grid;padding-inline:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);column-gap:32px;row-gap:24px}custom-tab-product-selector .ctp-product ul.ctp-crochet-grid--three{grid-template-rows:1fr 1fr;align-items:stretch}custom-tab-product-selector .ctp-product ul.ctp-crochet-grid--three li:nth-child(1){grid-column:1;grid-row:1}custom-tab-product-selector .ctp-product ul.ctp-crochet-grid--three li:nth-child(2){grid-column:2;grid-row:1 / span 2;align-self:center}custom-tab-product-selector .ctp-product ul.ctp-crochet-grid--three li:nth-child(3){grid-column:1;grid-row:2}@media(min-width:768px){custom-tab-product-selector .ctp-product ul .ctp-crochet-details,custom-tab-product-selector .ctp-product ul .ctp-crochet-price,custom-tab-product-selector .ctp-product ul .ctp-crochet-cart{display:none!important}}@media(max-width:768px){custom-tab-product-selector .ctp-product ul{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:8px;width:max-content;max-width:none;padding-inline:22px}custom-tab-product-selector .ctp-product ul .ctp-crochet-details{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;overflow-wrap:break-word;font-size:16px;line-height:16px}custom-tab-product-selector .ctp-product ul .ctp-crochet-details .colorname-title{font-size:14px;line-height:16px;font-style:normal}custom-tab-product-selector .ctp-product ul .ctp-crochet-price{font-size:20px!important;font-weight:700;line-height:20px}custom-tab-product-selector .ctp-product ul .ctp-crochet-cart{width:37px;height:37px;border-radius:50%;border:1px solid #000;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-inline-start:auto}}custom-tab-product-selector .ctp-product-popup .ctp-detail-cards{margin-block:auto}custom-tab-product-selector .ctp-product-popup ul{display:flex;flex-direction:column;gap:25px}@media(max-width:768px){custom-tab-product-selector .ctp-product-popup .ctp-product-detail-grid{display:none}}custom-tab-product-selector{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px 14px}custom-tab-product-selector h2{font-size:32px!important;line-height:1;margin:10px;text-align:center}custom-tab-product-selector .ctp-scroll{min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}custom-tab-product-selector .ctp-scroll::-webkit-scrollbar{display:none}@media(max-width:768px){custom-tab-product-selector>.ctp-scroll{width:100vw;max-width:100vw;margin-inline:-14px}}custom-tab-product-selector .ctp-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;width:max-content;margin-inline:auto;padding:16px 12px}@media(max-width:768px){custom-tab-product-selector .ctp-tabs{margin-inline:0;padding-inline:22px;width:100%}}custom-tab-product-selector .ctp-tab{display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:50px;font-size:14px;flex-shrink:0;padding:10px 32px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out}@media(max-width:768px){custom-tab-product-selector .ctp-tab{justify-content:center;width:100%;aspect-ratio:3 / 1;flex:1 1 auto;padding:0}}custom-tab-product-selector .ctp-tab:hover,custom-tab-product-selector .ctp-tab.active{background-color:#000;color:#fff}custom-tab-product-selector .ctp-panels{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;position:relative;overflow:hidden}@media(max-width:768px){custom-tab-product-selector .ctp-panels{overflow:visible}}custom-tab-product-selector .ctp-panel{grid-row:1;grid-column:1;min-width:0;width:100%;max-width:100%;display:flex;flex-direction:column;gap:10px;text-align:center;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease-in-out,visibility 0ms linear}custom-tab-product-selector .ctp-panel.active{position:relative;z-index:1}custom-tab-product-selector .ctp-panel:not(.active){position:absolute;inset:0 0 auto 0;width:100%;max-width:100%;opacity:0;visibility:hidden;pointer-events:none;transition-delay:0ms,.3s}custom-tab-product-selector .ctp-panel-text{margin:0;padding-block:16px;font-size:16px}custom-tab-product-selector .ctp-product-root{position:relative;isolation:isolate;width:100%;min-width:0}custom-tab-product-selector .ctp-product{display:flex;position:relative;z-index:1}custom-tab-product-selector .ctp-product .ctp-main-image-wrapper{border:1px solid #f0f0f0;height:100%;border-radius:20px;overflow:hidden}custom-tab-product-selector .ctp-product .cpt-main-image{display:block;max-width:100%;height:auto}@media(max-width:768px){custom-tab-product-selector .ctp-product{flex-direction:column;gap:10px;width:100%;max-width:100%;min-width:0}custom-tab-product-selector .ctp-product .ctp-main-image-wrapper{overflow:hidden;aspect-ratio:7 / 10}custom-tab-product-selector .ctp-product .ctp-scroll{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:100vw;max-width:100vw;z-index:1}}@media(min-width:768px){custom-tab-product-selector{padding-top:24px;gap:0}custom-tab-product-selector h2{font-size:48px!important}custom-tab-product-selector .ctp-scroll{order:1;scrollbar-gutter:stable}custom-tab-product-selector .ctp-tab{font-size:16px}custom-tab-product-selector .ctp-panels{order:2}custom-tab-product-selector .ctp-panel-text{padding-block:0 24px!important}custom-tab-product-selector .ctp-product{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px}custom-tab-product-selector .ctp-product .ctp-main-image-wrapper{aspect-ratio:5 / 4;display:flex;align-items:center;justify-content:center;min-height:0}custom-tab-product-selector .ctp-product .cpt-main-image{width:100%;height:100%;object-fit:contain}custom-tab-product-selector .ctp-product .ctp-scroll{all:unset;height:fit-content;min-width:0}}@media(prefers-reduced-motion:reduce){custom-tab-product-selector .ctp-panel{transition:none}custom-tab-product-selector .ctp-product-root.is-showing-detail .ctp-product-detail{animation:none}custom-tab-product-selector .ctp-product-root.is-showing-detail.is-closing-detail .ctp-product-detail{animation:none}}@keyframes ctp-product-detail-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ctp-product-detail-fade-out{0%{opacity:1}to{opacity:0}}custom-tab-product-selector .ctp-product-root.is-showing-detail .ctp-product{display:none}custom-tab-product-selector .ctp-product-detail{display:none;box-sizing:border-box;width:100%;min-width:0;padding:24px 16px;border:1px solid #f0f0f0;border-radius:20px;background:#fff;text-align:center;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}custom-tab-product-selector .ctp-product-root.is-showing-detail .ctp-product-detail{display:flex;animation:ctp-product-detail-fade-in .3s ease-in-out forwards}custom-tab-product-selector .ctp-product-root.is-showing-detail.is-closing-detail .ctp-product-detail{animation:ctp-product-detail-fade-out .3s ease-in-out forwards;pointer-events:none}custom-tab-product-selector .ctp-product-detail__body{flex:0 1 auto;width:100%;min-width:0;display:flex;flex-direction:column}custom-tab-product-selector .ctp-quick-add-popup{flex:0 1 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.ctp-quick-add-popup__close-wrapper{display:flex;flex-shrink:0;justify-content:flex-end;align-items:center;width:100%}.ctp-quick-add-popup__buttons{display:flex;gap:8px;margin-top:22px}.ctp-quick-add-popup__buttons a,.ctp-quick-add-popup__buttons button{width:100%!important;padding:10px}.ctp-quick-add-popup__buttons div{width:100%;padding:0;margin:0}.ctp-quick-add-popup__buttons a{height:fit-content}custom-tab-product-selector .ctp-product-detail__close{height:35px;width:35px;cursor:pointer}.ctp-quick-add-popup__image-wrapper{flex:0 1 auto;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;gap:clamp(8px,2vw,16px);align-items:start;justify-items:stretch;width:100%;box-sizing:border-box}custom-tab-product-selector [data-ctp-dynamic=media].ctp-popup-content--fade-in,custom-tab-product-selector [data-ctp-dynamic=main].ctp-popup-content--fade-in{animation:ctp-product-detail-fade-in .3s ease-in-out forwards}.ctp-quick-add-popup__image-wrapper .ctp-quick-add-popup__media-slot .cpt-main-image{width:100%;max-width:100%;height:auto;min-width:0;display:block;object-fit:contain;object-position:center;align-self:start;justify-self:stretch}.ctp-quick-add-popup__media-slot{min-width:0}.ctp-quick-add-popup__content{display:flex;flex-direction:row;align-items:flex-start;align-self:stretch;justify-self:stretch;width:100%;min-width:0;gap:24px;box-sizing:border-box;text-align:start}.ctp-quick-add-popup__main-column{display:flex;flex:3 1 auto;flex-direction:column;gap:0;min-width:0}.ctp-product-detail-grid{display:flex;flex-direction:column;justify-content:center}.ctp-quick-add-popup__title{margin:0;font-size:24px}.ctp-quick-add-popup__title span{font-size:16px;font-style:normal;margin-bottom:10px}.ctp-quick-add-popup__title p{font-size:16px;font-style:normal;margin-bottom:22px}.ctp-quick-add-popup__price-stack{margin:0 0 22px}.ctp-quick-add-popup__price-main{margin:0;font-size:24px;font-weight:700;line-height:1.2}.ctp-quick-add-popup__price-addon{margin:6px 0 0;font-size:16px;font-weight:400;line-height:1.35;color:inherit}.ctp-crochet-image{height:145px;width:100%;object-fit:contain;margin-bottom:22px;display:flex;margin-inline:auto}.ctp-crochet-image img{object-fit:contain}@media(max-width:768px){.ctp-crochet-image{display:none}}.ctp-quick-add-product__variants{margin:0 0 12px}.ctp-quick-add-product__variants .variant-wrapper+.variant-wrapper{margin-top:12px}.ctp-quick-add-product__variants .variant-input-wrap{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:768px){.ctp-quick-add-popup__image-wrapper{grid-template-columns:1fr}.ctp-quick-add-popup__media-slot{border:1px solid #f0f0f0;height:100%;border-radius:20px;overflow:hidden}.ctp-quick-add-popup__buttons{flex-direction:column}.ctp-quick-add-product__variants .variant-wrapper{min-width:0;max-width:100%}.ctp-quick-add-product__variants .variant-input-wrap{flex-wrap:nowrap;align-items:center;min-width:0;max-width:100%;box-sizing:border-box;padding-block:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-gutter:stable;-webkit-mask-image:linear-gradient(to right,transparent,black 4px,black calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,black 4px,black calc(100% - 24px),transparent);padding-inline-end:24px;padding-left:5px;gap:20px}.ctp-quick-add-product__variants .variant-input-wrap .variant-input{flex:0 0 calc(100% / 5.3)}.ctp-quick-add-product__variants .variant-input-wrap .variant-input label{margin:0!important;padding:0!important;width:100%!important;height:40px;display:flex;align-items:center;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/222/assets/custom-tab-product-selector.css.map */