@charset "UTF-8";.section-heading{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.section-heading__hgroup{width:fit-content;display:flex;flex-direction:column-reverse;align-items:center;gap:8px}.section-heading__title{font-size:24px;font-weight:700;line-height:100%}@media screen and (min-width:1024px){.section-heading__title{font-size:40px}}.section-heading__sub{font-size:20px;font-weight:500;line-height:100%}@media screen and (min-width:1024px){.section-heading__sub{font-size:24px}}.section-heading__sub.pink{color:#ff4d8d}.section-heading__sub.green{color:#7eddb8}.section-heading__sub.brown{color:#8b4513}.section-heading__desc{text-align:center;font-size:18px;font-weight:500;font-feature-settings:"palt" 1;line-height:150%}@media screen and (min-width:1280px){.section-heading__desc{line-height:100%}}.custom-order{width:100%;display:flex;flex-direction:column;align-items:center;gap:32px}@media screen and (min-width:1024px){.custom-order{gap:40px}}.custom-order__contents{width:100%;display:flex;flex-direction:column;align-items:center;gap:32px}@media screen and (min-width:1024px){.custom-order__contents{flex-direction:row;align-items:stretch;gap:40px}}.custom-dounts{width:100%;padding:40px 0 80px;min-height:320px;position:relative;display:grid;place-content:center;background-color:#fff;border:1px solid #F5D6E0;border-radius:16px}.donut-preview__layer{width:100%;max-width:170px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.donut-preview__layer.is-active{opacity:1}.custom-select{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:24px}.custom-select__item{width:100%;padding:16px;display:flex;flex-direction:column;align-items:stretch;gap:24px;background-color:#fff;border:1px solid #F5D6E0;border-radius:16px}.custom-select__item:nth-child(1) .custom-select__title-number{background-color:#ff4d8d;color:#fff}.custom-select__item:nth-child(2) .custom-select__title-number{background-color:#7eddb8;color:#3d2d3a}.custom-select__item:nth-child(3) .custom-select__title-number{background-color:#ffd966;color:#3d2d3a}.custom-select__item .custom-select__title{width:100%;display:flex;flex-direction:row;align-items:center;gap:8px;color:#3d2d3a;font-size:20px;font-weight:700;line-height:100%}.custom-select__item .custom-select__title .custom-select__title-number{width:24px;height:24px;display:grid;place-content:center;border-radius:50%;font-size:18px;font-weight:700;line-height:100%}.custom-select__list{width:100%;height:auto;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between}@media screen and (min-width:1024px){.custom-select__list{gap:8px;justify-content:center}}.custom-select__list-item{width:100%;max-width:96px;height:auto}@media screen and (min-width:1024px){.custom-select__list-item{max-width:158px}}.custom-select__btn{flex:1;width:100%;height:100%;cursor:pointer;padding:8px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;background-color:#fff;border:1px solid #F5D6E0;border-radius:16px;transition:border-color .3s}@media(hover:hover){.custom-select__btn:hover{border-color:#ff4d8d}}.custom-select__btn-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.custom-select__btn-text{width:max-content;font-size:12px;font-weight:500;line-height:100%;color:#3d2d3a}.custom-select__btn-price{font-size:14px;font-weight:500;line-height:100%;color:#666}.custom-select__btn.is-selected{border-color:#ff4d8d;background-color:#fff0f5}.operation{width:auto;display:flex;flex-direction:row;align-items:stretch;gap:24px}.operation__item{width:auto;height:auto}.operation__btn{width:auto;height:auto;padding:10px 16px;display:flex;flex-direction:row-reverse;align-items:center;gap:8px;cursor:pointer;transition:background-color .3s}.operation__btn[data-action=reset]{color:#3d2d3a;font-size:16px;font-weight:500;line-height:100%;background-color:#dadada;border:1px solid #929292;border-radius:64px}@media(hover:hover){.operation__btn[data-action=reset]:hover{background-color:#929292;color:#fff}}.operation__btn[data-action=add-to-cart]{color:#fff;font-size:16px;font-weight:500;line-height:100%;background-color:#e45689;border:1px solid #FF4D8D;border-radius:64px}@media(hover:hover){.operation__btn[data-action=add-to-cart]:hover{background-color:#ff4d8d}}