.oc-pillow{display:grid;grid-template-columns:3.25rem minmax(0,1fr);grid-template-areas:"img head" "img row";gap:.375rem .75rem;align-items:center;margin:.25rem 0 .75rem;padding:.625rem;border:1px solid #e5ded4;background-color:#fff}.oc-pillow_image{grid-area:img;align-self:center;display:block;width:3.25rem;height:3.25rem;overflow:hidden;background-color:#f8f4f0}.oc-pillow_image img{display:block;width:100%;height:100%;object-fit:cover}.oc-pillow_head{grid-area:head;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;min-width:0;font-family:var(--fonts--primary-font, "Lato", sans-serif);font-size:.8125rem;line-height:1.25;color:var(--base-color-brand--dark-brown, #462f09)}.oc-pillow_title{font-weight:600}.oc-pillow_price{flex:0 0 auto;color:#b5aa9a;white-space:nowrap}.oc-pillow_row{grid-area:row;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.375rem .5rem;min-width:0}.oc-pillow_sizes{display:flex;flex-wrap:wrap;gap:.375rem}.oc-pillow_size{min-height:1.875rem;padding:.25rem .75rem;font-size:.75rem;cursor:pointer;-webkit-appearance:none;appearance:none}.oc-pillow_size.is-active{border:1px solid var(--base-color-brand--dark-brown, #462f09);box-shadow:inset 0 0 0 1px var(--base-color-brand--dark-brown, #462f09)}.oc-pillow_size.is-soldout{color:#b5aa9a;border-style:dashed;text-decoration:line-through;cursor:not-allowed}.oc-pillow .oc-pillow_add{flex:0 0 auto;margin:0 0 0 auto;min-height:1.875rem;padding:.3125rem .875rem;border:1px solid #e5ded4;border-radius:100vw;background-color:#fff;font-family:var(--fonts--primary-font, "Lato", sans-serif);font-size:.75rem;font-weight:700;line-height:1.2;letter-spacing:.02em;color:var(--base-color-brand--dark-brown, #462f09);cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s ease,color .2s ease}.oc-pillow .oc-pillow_add{display:inline-grid;grid-template-areas:"label";align-items:center;justify-items:center;white-space:nowrap}.oc-pillow .oc-pillow_add .oc-pillow_add-on,.oc-pillow .oc-pillow_add .oc-pillow_add-off{grid-area:label}.oc-pillow .oc-pillow_add .oc-pillow_add-off{visibility:hidden}.oc-pillow.is-selected .oc-pillow_add{border-color:var(--base-color-brand--dark-brown, #462f09);background-color:var(--base-color-brand--dark-brown, #462f09);color:#fff}.oc-pillow.is-selected .oc-pillow_add .oc-pillow_add-on{visibility:hidden}.oc-pillow.is-selected .oc-pillow_add .oc-pillow_add-off{visibility:visible}@media screen and (max-width:479px){.oc-pillow_size{padding:.25rem .5rem}.oc-pillow .oc-pillow_add{padding:.3125rem .75rem}}.oc-pillow_add:focus-visible,.oc-pillow_size:focus-visible{outline:2px solid var(--base-color-brand--dark-brown, #462f09);outline-offset:2px}@media screen and (min-width:768px){.oc-pillow{grid-template-columns:3.5rem minmax(0,1fr);padding:.75rem}.oc-pillow_image{width:3.5rem;height:3.5rem}.oc-pillow_head{font-size:.875rem}.oc-pillow .oc-pillow_size,.oc-pillow .oc-pillow_add{font-size:.8125rem}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/custom-product-pillow.css.map */